@font-face {
      font-family: 'Trajan Pro';
      src: url('fonts/TrajanPro-Regular.ttf') format('truetype');
          
      font-weight: normal;
      font-style: normal;
      font-display: swap;
  }

  
  
  
  
  body{
      font-family: "SangBleuBPtestFontSans-Light";
      font-weight: 600!important;
      overflow-x: hidden!important;

  }

@media (max-width: 768px) {
  body {
    overflow-x: hidden!important;
    
  }
}

    /* .navbar-custom {
      background-color: white !important;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 999;
    } */



.navbar-custom {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100%;
  background-color: #ffffff !important;
  z-index: 99999 !important;

  /* prevents Bootstrap, JS, and transitions from moving it */
  transform: translateY(0) !important;
  transition: none !important;
}


    /* .scrolled {
    background-color: white !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  }


  .navbar-custom {
    transition: top 0.3s ease, background-color 0.3s ease;
  }  */
    .navbar-nav .nav-link {
      color: white;
      margin: 0 15px;
      font-weight: 500;
      text-decoration: none;
    }

    .navbar-nav .nav-link:hover,
    .navbar-nav .nav-link:focus {
      color: #ddd;
      text-decoration: none;
    }

.navbar-brand img {
    max-height: 90px;
    width: 90px;
    height: 90px;
}
    .whatsapp-link {
      color: white;
      font-weight: 500;
      display: flex;
      align-items: center;
      margin-right: 20px;
    }

  
  
  

    .navbar-toggler {
      border: none;
    }

    .dropdown-toggle::after {
      content: " ▼";
      font-size: 0.6rem;
    }

    @media (max-width: 991px) {
      .get-in-touch-btn {
        margin-top: 10px;
      }
    }


  .dropdown-menu {
      background-color: white;
      border-radius: 5px;
      border: none;
    }

    .dropdown-item {
      color: black;
      padding: 10px 20px;
    }

    .dropdown-item:hover {
      background-color: #f1f1f1;
      color: black;
    }



  

    .navbar-nav .nav-link {
      color: #5e2a17;
      text-decoration: none;
      font-weight: 600;
    }

    .navbar-nav .nav-link:hover {
      color: #a2441c;
    }

    .btn-brown {
      background-color: #7b2f1d;
      color: white;
      padding: 6px 16px;
      border-radius: 5px;
      text-decoration: none;
    }

    .btn-brown:hover {
      background-color: #5e2014;
      color: white;
    }

    .dropdown-menu {
      background-color: white;
    }

    .dropdown-item {
      color: #000;
    }

    .dropdown-item:hover {
      background-color: #f5f5f5;
    }  
      

  .logo_image{
      width: 100px;
  }

  

  .banner-video {
      width: 100%;
      height: 100vh;
      object-fit: cover;
      margin-top: 100px;
  }

  @media (max-width: 768px) {
      .banner-video {
          height: 50vh; /* Reduce height for smaller screens */
          margin-top: 100px;
      }
  }

  

  /* Ensure content does not hide behind navbar */
  .content {
      margin-top: 80px;
  }

  
  

    

  /* Text section styling */
  .about-text {
      text-align: start;
      color: #000000; 
      /* font-weight: 600; */
  }

  /* Stats section */
  .stats {
      margin-top: 20px;
      text-align: center;
  }

  .stats h2 {
      color: #8B0000; /* Dark red */
      font-weight: bold;
      font-size: 20px;
  }

  .stats p {
      
      font-weight: bold;
      font-size: 12px;
  }



  

  .project-cards{
      cursor: pointer;
  }

  .projects-section {
      padding: 5px 0;
  }
  .projects-title {
      font-size: 30px;
    
      color: #8B0000;
      letter-spacing: 1px;
      margin-bottom: 20px;
      padding: 3px;
      font-family: 'Trajan Pro' !important;
  }
  .projects-text {
      font-size: 16px;
      line-height: 1.6;
      color: #333;
      padding: 5px;
  }
  .project-box {
      position: relative;
      overflow: hidden;
      border-radius: 8px;
      margin-bottom: 20px;
  }
  .project-box img {
      width: 100%;
      border-radius: 8px;
      transition: transform 0.3s ease;
      padding: 5px;
  }
  .project-box:hover img {
      transform: scale(1.05);
  }
  .project-label {
      position: absolute;
      top: 10px;
      left: 10px;
      background: #5f0101;
      color: white;
      padding: 2px;
      font-size: 10px;
      border-radius: 2px;
      font-weight: bold;
  }
  .project-location {
      position: absolute;
      bottom: 10px;
      left: 10px;
      background: rgba(0, 0, 0, 0.6);
      color: white;
      padding: 5px 10px;
      font-size: 10px;
      border-radius: 5px;
  }

  


  .carousels {
    
      max-width: 78%;
      margin: auto;
    }

    .carousel-cell {
      width: 100%; /* Make it responsive */
      max-width: 200px; /* Control width */
      height: auto;
      margin-right: 10px;
    }

    .carousel-cell img {
      width: 100%;
      height: auto;
      object-fit: cover;
      border-radius: 10px;
    }

    @media (max-width: 768px) {
      .carousel-cell {
        max-width: 300px;
      }
    }




    .core-value-item {
      text-align: center;
      padding: 5px;
      
      transition: transform 0.3s ease;

  }


  .custom-carousel-btn {
    background-color: #bbb;
    border: none;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    font-size: 18px;
    color: #8b1a1a;
    transition: background-color 0.3s ease, color 0.3s ease;
  }

  .custom-carousel-btn:hover {
    background-color: #999;
    color: #fff;
  }

  .custom-carousel-btn i {
    line-height: 45px;
  }



  
  



  /* General section styling */
  .usp-section {
    background-color: #f8f9fa;
  }

  .featured-title {
    text-align: center;
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 30px;
    color: #8B0000;
    letter-spacing: 2px;
  }

  /* Project image styling */
  .project-image {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  }

  .project-image img {
    width: 100%;
    
    border-radius: 10px;
  }

  /* Labels on image */
  .project-image .label,
  .project-image .price-label {
    position: absolute;
    padding: 6px 12px;
    font-size: 0.9rem;
    font-weight: 600;
    border-radius: 5px;
    color: white;
    background-color: #8B0000;
  }

  .project-image .label {
    top: 15px;
    left: 15px;
    background-color: #007bff;
  }

  .project-image .price-label {
    bottom: 15px;
    right: 15px;
    background-color: #28a745;
  }

  /* Property details styling */
  .property-details {
    background-color: white;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
  }

  .property-details p {
    margin: 5px 0;
    font-size: 1rem;
    color: #333;
  }

  .property-details .coming-soon {
    font-size: 1rem;
    color: #8B0000;
    font-weight: bold;
    margin-bottom: 10px;
  }

  .text-danger{
      color: #8B0000 !important;
  }


  .btn-outline-danger{
      border-color: #8b1a1a !important;
      color: #8b1a1a !important;
  }

  .btn-danger{
      background-color: #8b1a1a !important;
      border-color: #8b1a1a !important;
  }


  



  .price-tag {
    font-size: 1.4rem;
    color: #b22222;
    font-weight: bold;
    margin: 10px 0;
  }

  /* Detail rows */
  .details-row {
    display: flex;
    align-items: center;
    margin: 8px 0;
  }

  .details-icon {
    width: 30px;
    text-align: center;
    color: #007bff;
    font-size: 1.1rem;
  }

  .details-label {
    flex: 1;
    font-weight: 500;
    color: #555;
  }

  .details-value {
    font-weight: 600;
    color: #333;
  }

  /* Buttons */
  .download-btn {
    display: inline-block;
    padding: 10px 20px;
    background-color: #8b1a1a;
    color: white;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 600;
    transition: background-color 0.3s ease;
    text-align: center;
  }

  .download-btn:hover {
    background-color: #8b1a1a;
  }

  .phone-btn {
    display: inline-block;
    background-color: #212529;
    color: white;
    border-radius: 50%;
    padding: 10px 12px;
    margin-left: 10px;
    transition: background-color 0.3s ease;
  }

  .phone-btn:hover {
    background-color: #000;
  }

  /* Carousel navigation buttons */
  .carousel-control-prev-icon,
  .carousel-control-next-icon {
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 50%;
    padding: 20px;
  }

  /* Responsive tweaks */
  @media (max-width: 991px) {
    .col-lg-8,
    .col-lg-4 {
      flex: 0 0 100%;
      max-width: 100%;
      margin-bottom: 30px;
    }

    .property-details {
      text-align: center;
    }

    .details-row {
      flex-direction: column;
      align-items: flex-start;
    }

    .phone-btn {
      margin-top: 10px;
    }
  }






  /* .mb-2{
      font-size: 12px;
  }


  .text-muted{
      font-size: 11px;
  }
  .core-value-item img{
      width:40px ;
  }
  .core-value-item:hover {
      transform: translateY(-5px);
  }
  
  .section-title {
      color: #dc3545;
      position: relative;
      display: inline-block;
      margin-bottom: 50px;
  }
  .section-title:after {
      content: '';
      position: absolute;
      bottom: -10px;
      left: 50%;
      transform: translateX(-50%);
      width: 60px;
      height: 2px;
      background-color: #dc3545;
  }


  .overview-title {
      color: #8C3B2E;
      font-weight: 600;
      margin-bottom: 25px;
      font-size: 20px;
  }
  .overview-text {
      color: #333;
      line-height: 1.8;
      margin-bottom: 20px;
  }
  .property-details {
    
      border-radius: 8px;
      padding: 5px;
      box-shadow: 0 0 15px rgba(0,0,0,0.05);
  }
  .coming-soon {
      background-color: #8C3B2E;
      color: white;
      padding: 5px;
      text-align: center;
      font-size: 15px;
      border-radius: 4px;
      margin-bottom: 20px;
  }
  .details-row {
      display: flex;
      align-items: center;
      margin-bottom: 15px;
  }
  .details-icon {
      width: 50px;
      text-align: center;
      font-size: 20px;
      color: #8C3B2E;
  }
  .details-label {
      flex: 1;
      font-weight: 500;
  }
  .details-value {
      flex: 1;
      text-align: right;
      font-weight: 600;
  }
  .price-tag {
      background-color: #FFD700;
      color: #333;
      padding: 3px;
      text-align: center;
      font-size: 16px;
      font-weight: bold;
      border-radius: 4px;
      margin: 20px 0;
  }
  .download-btn {
      background-color: #8C3B2E;
      color: white;
      padding: 4px;
      text-align: center;
      font-size: 16px;
      border-radius: 4px;
      display: block;
      text-decoration: none;
      margin-top: 20px;
  }
  .download-btn:hover {
      background-color: #7a3427;
      color: white;
  }
  .phone-btn {
      width: 50px;
      height: 50px;
      background-color: white;
      border: 2px solid #8C3B2E;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #8C3B2E;
      font-size: 24px;
      margin-left: 10px;
  } */

  .footer-section {
      background-color: #e7e7e7;
      color: #000000;
  }

  .footer-heading {
      font-weight: 600;
      font-size: 16px;
      letter-spacing: .5px;
      color: #000000;
  }

  .footer-links li {
      margin-bottom: 7px;
  }

  .footer-links a {
      color: #000000;
      text-decoration: none;
      font-size: 14px;
  }

  .footer-links a:hover {
      color: #ffffff;
  }

  .footer-text {
      font-size: 14px;
      color: #000000;
  }

  .social-links a {
      display: flex;
      width: 34px;
      height: 34px;
      justify-content: center;
      align-items: center;
      border: 1px solid #000000;
      border-radius: 50%;
      color: #000000;
      transition: 0.3s;
  }

  .social-links a:hover {
      background: #c1876e;
      border-color: #c1876e;
      color: #000;
  }

  .footer-bottom-link {
      color: #000000;
      text-decoration: underline;
  }

  .footer-bottom-link:hover {
      color: #000000;
  }


  .abt_contetn p {
      color: #000;
      text-align: center;
      font-family: sans-serif;
      font-size: .9vw;
      font-style: normal;
      font-weight: 400;
      line-height: 22px;
      text-transform: capitalize;
  }

  @media (min-width: 992px) {
      .d-lg-block {
          display: block !important;
      }
  }

  @media (min-width: 768px) {
      .d-md-block {
          display: block !important;
      }
  }
      



    .carousel-items {
        height: 100vh;
        background-size: cover;
        background-position: center;
        position: relative;
      }

      .diagonal-line {
        position: absolute;
        width: 150%;
        height: 4px;
        background-color: white;
        top: 50%;
        left: -25%;
        transform: rotate(-30deg);
        z-index: 1;
      }

      .content-box {
        background-color: white;
        max-width: 400px;
        padding: 25px;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
        position: relative;
        z-index: 2;
      }

      .vision-box {
        position: absolute; 
        top: 10%;
        left: 5%;
      }

      .mission-box {
        position: absolute;
        bottom: 10%;
        right: 5%;
      }

      .content-box h5 {
        color: #8b0000;
        letter-spacing: 2px;
        font-weight: 700;
      }

      .left-content p {
      color: #000;
      font-size: .97vw;
      font-style: normal;
      line-height: 32px;
      text-align: left;
      margin: 0;
  }



    .right-content p {
      color: #000;
      font-size: .97vw;
      font-style: normal;
      line-height: 32px;
      text-align: left;
      margin: 0;
  }

  .left-content p, .title09 {
      font-family: sans-serif;
      font-weight: 400;
  }

  .right-content p, .title09 {
      font-family: sans-serif;
      font-weight: 400;
  }


      .content-box hr {
        border: none;
        border-bottom: 2px solid #8b0000;
        width: 50px;
        margin-bottom: 10px;
      }

      @media (max-width: 768px) {
        .vision-box,
        .mission-box {
          position: static;
          max-width: 90%;
          margin: 20px auto;
        }

        .diagonal-line {
          display: none;
        }

        .carousel-item {
          height: auto;
          
        }
      }

    
  .offcanvas-custom {
      background-color: #f8f9fa;
        z-index: 100000 !important; /* higher than navbar */
    }

    .offcanvas-custom .nav-link {
      color: #333;
      font-size: 16px;
      font-weight: 700;
      padding: 10px 0;
      border-bottom: 1px solid #e0e0e0;
      transition: all 0.3s ease;
    }

    .offcanvas-custom .nav-link:hover {
      color: #0056b3;
      background-color: #e9ecef;
      padding-left: 8px;
    }

    .offcanvas-title {
      font-size: 18px;
      color: #000;
    }

    .btn-close {
 
      outline: none;
    }

    .offcanvas-header {
      padding: 16px 24px;
    }

    .offcanvas-body {
      padding-top: 10px;
    }

  .custom-close-btn {
      background: none;
      border: none;
      font-size: 22px;
      color: #000; /* or white if dark background */
      padding: 5px;
    }

    .custom-close-btn:hover {
      color: #dc3545; /* red on hover */
    }



 
  .about-intro {
    background: #fff;
}

/* Title */
.intro-heading {
    font-family: 'Trajan Pro', serif;
    font-size: 38px;
    font-weight: 600;
    color: #A84B40;
    line-height: 1.3;
    text-transform: uppercase;
}

/* Paragraph */
.intro-desc {
    font-size: 16px;
    color: #555;
    max-width: 650px;
    line-height: 1.6;
     font-family: 'lato';
}

/* Button */
.btn-brochure {
    background-color: #A84B40;
    color: #fff;
    border-radius: 6px;
    font-weight: 600;
    font-size: 10px;
}

.btn-brochure:hover {
    background-color: #8b3c32;
    color: #fff;
}

/* ---- MOBILE RESPONSIVE ---- */
@media (max-width: 576px) {
    .intro-heading {
        font-size: 26px;
    }
    .intro-desc {
        font-size: 15px;
        max-width: 90%;
    }
}


/* ===== Vision & Mission Section ===== */
.vision-mission-section {
  background: 
    linear-gradient(
      to right,
      rgba(255, 255, 255, 0.95),
      rgba(255, 255, 255, 0.75),
      rgba(255, 255, 255, 0.95)
    ),
    url("../images/about/rt3.png") no-repeat center center;

  background-size: cover;
  position: relative;
  min-height: 350px;
}


/* Card Design */
.vm-card {
  background: linear-gradient(135deg, #b94a48 0%, #c85250 100%);
  border-radius: 16px;
  padding: 30px;
  height: 100%; 
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  position: relative;
  overflow: hidden;
} 

.vm-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 25px 70px rgba(0, 0, 0, 0.35);
}

/* Icon */
.icon-box {
  width: 58px;
  height: 58px;
  background: rgba(255,255,255,0.15);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-box i {
  font-size: 24px;
  color: #ffffff;
}

/* Title */
.vm-title {
  color: #ffffff;
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 10px;
  letter-spacing: -0.5px;
}

/* Description */
.vm-text {
  color: rgba(255, 255, 255, 0.95);
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 0;
  font-family: "Lato";
}

/* ===== Stats Section ===== */
.stats-row {
  margin-top: 40px;

}

.stat-number {
  font-weight: 800;
  font-size: 36px;
  color: #b94a48;
  margin-bottom: 6px;
  font-family: "Lato";
}

.stat-label {
  font-size: 14px;
  color: #555;
  line-height: 1.4;
  margin-bottom: 0;
  font-family: "Lato";
}

/* ===== Mobile Optimization ===== */
@media (max-width: 575px) {
  .vm-card {
    text-align: center;
  }

  .icon-box {
    margin-left: auto;
    margin-right: auto;
  }

  .stat-number {
    font-size: 30px;
  }
}




/* Background image with subtle texture */
.milestones-section {
   background: url("images/about/rt4.png") no-repeat center center;

  background-size: cover;
  position: relative;
  min-height: 10px;
}

.milestones-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.85);
}

.milestones-section .container {
    position: relative;
    z-index: 2;
}

/* Title Styling */
.milestone-title {
    font-family: 'Trajan Pro', serif;
    font-size: 36px;
    color: #A84B40;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.3;
}

/* Milestones */
.milestone-box {
    text-align: left;
}

.year-box {
    background: #A84B40;
    color: #fff;
    display: inline-block;
    padding: 8px 18px;
    font-size: 22px;
    font-weight: 700;
    border-radius: 6px;
}

.milestone-text {
    font-size: 15px;
    color: #555;
    line-height: 1.6;
     font-family: "Lato";
}

.milestone-box {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}


/* Mobile adjustments */
@media(max-width: 576px) {
    .milestone-title {
        font-size: 28px;
    }
    .year-box {
        font-size: 18px;
        padding: 6px 14px;
    }
}

 
.cv-title {
    font-family: 'Trajan Pro', serif;
    font-size: 32px;
    font-weight: 600;
    color: #A84B40;
    text-transform: uppercase;
}

.cv-subtitle {
    color: #555;
    font-size: 16px;
     font-family: "Lato";
}

/* Card styling */
.cv-card {
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 3px 12px rgba(0,0,0,0.1);
    transition: transform .3s ease;
}

.cv-card:hover {
    transform: translateY(-5px);
}

.cv-img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.cv-label {
    background: #A84B40;
    color: #fff;
    padding: 12px;
    font-weight: 600;
    font-size: 15px;
    text-align: left;
}



/* Vision Mission Card */
.vm-card {
    background: #ffffffb8;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    backdrop-filter: blur(3px);
}

/* Icon Circle */
.icon-box {
    width: 55px;
    height: 55px;
    background: #A84B40;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

/* Headings */
.vm-title {
    font-family: 'Trajan Pro', serif;
    color: #A84B40;
    font-weight: 600;
}

/* Text */
.vm-text {
    color: #555;
    font-size: 15px;
    line-height: 1.6;
}

/* Stats Numbers */
.stat-number {
    color: #A84B40;
    font-size: 32px;
    font-weight: 700;
}

.stat-label {
    font-size: 14px;
    color: #444;
}
    



 .leader-img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    border-radius: 12px;
    display: block;
}







        .founder-section {
        padding: 60px 20px;
        /* background: linear-gradient(to right, #f9fafb, #ffffff); */
      }

      .founder-wrapper {
        /* box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05); */
        border-radius: 12px;
        overflow: hidden;
        /* background-color: #fff; */
      }

      .founder-content {
        padding: 40px;
      }

      .founder-title {
        font-size: 1.9rem;
        font-weight: 300;
        color: #1e293b;
        font-family: sans-serif;
      }

      .founder-subtitle {
        font-size: 1rem;
        font-weight: 200;
        color: #000000;
        font-family: sans-serif;
        margin-bottom: 25px;
      }

      .founder-text {
        font-size: 15px;
        line-height: 1.45;
        font-family: sans-serif;
        color: #000000;
        text-align: justify;
      }

      .founder-image {
        width: 50%;
        height: 50%;
        object-fit: cover;
      }

      @media (max-width: 768px) {
        .founder-content {
          padding: 30px 20px;
        }

        .founder-text {
          font-size: 10px;
          text-align: justify;
          width: 100%;
        }
        
      }


      .head-2 h3, .head-3 h3 {
      color: #8b3828;
      font-style: normal;
      text-transform: uppercase;
  }

  .head-2 h3 {
      font-family: Lato;
      font-size: 1.1vw;
      font-weight: 700;
      letter-spacing: 5px;
      text-align: center;
  }



  .project-cards {
              transition: transform 0.3s ease, box-shadow 0.3s ease;
              border: none;
              box-shadow: 0 2px 10px rgba(0,0,0,0.1);
          }
          .project-card:hover {
              transform: translateY(-5px);
              box-shadow: 0 8px 25px rgba(0,0,0,0.2);
          }
          .project-images {
              height: 300px;
              object-fit: cover;
          }
          .status-badge {
              position: absolute;
              top: 10px;
              left: 10px;
              z-index: 1;
              font-size: 0.75rem;
              padding: 4px 8px;
          }
          .price-tag {
              background: linear-gradient(135deg, #8b4513, #a0522d);
              color: white;
              font-weight: bold;
          }
          .info-icon {
              width: 35px;
              height: 35px;
              background: #ffffff;
              border-radius: 3px;
              display: flex;
              align-items: center;
              justify-content: center;
              color: #000000;
          }
          .section-title {
              color: #8b4513;
            
              display: inline-block;
              padding-bottom: 5px;
              margin-bottom: 10px;
          }

          .text-muted{
          font-size: 13px;
          color: #8b3828 !important;
          font-weight: 600 ;
          }

          .pname{
              font-size: 15px;
              font-weight: 700;
              color: #8b3828;
          }

          .btn-know{
              background-color:  #8b3828;
              color: white;
          }

  
  footer {
      background-image: url("images/banners/foot-back1.png") !important;
      background-size: cover;
      
  }
  

  .lead {
      
        font-size: 1rem !important;
      font-family: "SangBleuBPtestFontSans-Light" !important;
      font-style: normal;    
  } 

  

  .custom-status-badge {
    top: 10px;
    left: 10px;
    z-index: 10;
    padding: 5px 12px;
    font-size: 12px;
    border-radius: 4px;
  }

  .custom-price-badge {
    bottom: 10px;
    right: 10px;
    z-index: 10;
    padding: 5px 12px;
    font-size: 12px;
    border-radius: 4px;
  }

  .swiper-slide {
    width: auto;
    max-width: 100%;
  }


  
      .contact-banner-overlay {
          position: absolute;
          top: 0;
          left: 0;
          width: 50%;
          height: 50%;
          background: rgba(34, 139, 230, 0.7);
      }
      @media (max-width: 992px) {
          .contact-banner-overlay {
              width: 80%;
              height: 60%;
              padding: 30px 15px;
          }
          .contact-banner-overlay h1 {
              font-size: 2rem !important;
          }
          .contact-banner-overlay p {
              font-size: 1rem !important;
          }
      }
      @media (max-width: 576px) {
          .contact-banner-overlay {
              display: none !important;
          }
      }
    
  



        .swiper {
        width: 90%;
        max-width: 1200px;
        margin: auto;
        padding-bottom: 40px;
      }

      .swiper-slide {
        background: #fff;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 3px 10px rgba(0,0,0,0.1);
        display: flex;
        justify-content: center;
        align-items: center;
      }

      iframe {
        width: 100%;
        height: 280px;
        border: none;
      }

      .swiper-button-prev,
      .swiper-button-next {
        color: #c62828;
      }

      .swiper-pagination-bullet-active {
        background-color: #c62828;
      }

  .fancybox__caption{
    display: none !important;
  }

    #amenities-scroll::-webkit-scrollbar {
      display: none;
  }
  #amenities-scroll {
      -ms-overflow-style: none;
      scrollbar-width: none;
  }


      
  .vajram-event-card {
    position: relative;
    /* border-left: 4px solid rgb(106 174 68); */
    /* border-bottom: 4px solid #8b4513; */
    transition: transform 0.3s;
  }
  .vajram-event-card:hover {
    transform: translateY(-5px);
  }
  .vajram-event-img img {
    width: 100%;
    height: 200px;
    object-fit: cover;
  }


  
  .accordion-button {
      background-color: transparent;
      color: #5d2b1a;
      font-weight: 600;
      font-size: 1rem;
      padding: 1rem;
      text-transform: uppercase;
      border: none;
      outline: none;
      box-shadow: none;
  }

  .accordion-button:not(.collapsed) {
      color: #a94438;
      background-color: #f9f9f9;
  }

  /* .accordion-button::after {
      content: '+';
      font-size: 1.25rem;
      color: #a94438;
      margin-left: auto;
      transition: transform 0.2s;
  } */

  /* .accordion-button:not(.collapsed)::after {
      content: '–';
  } */

  .accordion-item {
      border-top: 1px solid #ccc;
  }

  .accordion-body {
      font-size: 0.95rem;
      padding: 1rem 1.25rem;
      color: #333;
      background-color: #fff;
  }

  .accordion {
      border-top: 2px solid #5d2b1a;
  }

  h2.section-heading {
      font-family: 'Georgia', serif;
      text-transform: uppercase;
      color: #5d2b1a;
      font-weight: bold;
      letter-spacing: 2px;
  }


          .timile-video  {
            align-items: center;
            justify-content: center;
            text-align: center;
            width: 100%;
          }



  .swiper-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
      bottom: auto !important;  /* ✅ Use 'auto', not 'none' */
      top: var(--swiper-pagination-top, auto);
      left: 0;
      width: 100%;
  }


  .swiper-button-next,
  .swiper-button-prev {
      position: absolute !important;
      top: var(--swiper-navigation-top-offset, 50%) !important;
      width: 45px !important;
      height: 45px !important;
      margin-top: -22.5px !important;
      z-index: 10 !important;
      cursor: pointer !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;

      background-color: #cfcfcf !important; /* light gray circle */
      border-radius: 50% !important; /* make it round */
      color: #333 !important; /* dark arrow */
  }

  .swiper-button-next:after,
  .swiper-button-prev:after {
      font-size: 20px !important; /* arrow size */
      font-weight: bold !important;
      color: #333 !important; /* dark arrow color */
  }

  /* Optional: hover effect */
  .swiper-button-next:hover,
  .swiper-button-prev:hover {
      background-color: #8B0000 !important; /* dark red */
      color: #fff !important;
  }

  .swiper-button-next:hover:after,
  .swiper-button-prev:hover:after {
      color: #fff !important; /* arrow turns white on hover */
  }
  

  
  



  /* Leadership Section Styling */
  .leadership-section {
    background: #f9fafc;  
    margin-top: 60px;
  
  }

 
  

 .new-card{
  background-color:#8B0000 !important;
  padding: 10px;
  color: white;
   
 }
  


 
          
          @media (max-width: 768px) {
              
              
           
            

              .mob_font{
              line-height: 2.0;
              font-size: 13px !important;
              text-align: center;
              
            
          }

          .text-uppercase{
            font-size: 12px;
            font-weight: 900;
          }


          .projects-title{
          font-size: 11px;
          }

          .head-5 h3{
          font-size: 12px;
          }

        
          
          }
  

          .carousel-indicators {
      position: relative;
      bottom: auto;
      margin-top: 1.5rem;
      margin-bottom: 0;
  }

  .carousel-indicators [data-bs-target] {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #ddd;
      border: none;
      opacity: 1;
      margin: 0 5px;
      transition: all 0.3s ease;
  }

  .carousel-indicators .active {
      background-color: #8b3828;
      width: 12px;
      height: 12px;
  }

  .carousel-indicators [data-bs-target]:hover {
      background-color: #8b3828;
  }

  .swiper-pagination {
    position: relative !important;
    bottom: auto !important;
  }

  .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #d3d3d3;
    opacity: 1;
    margin: 0 5px !important;
  }

  .swiper-pagination-bullet-active {
    background-color: #8b3828 !important; 
  }



  #projectTabs .nav-link {
              color: #6c757d;
              border: none;
              background-color: transparent;
              padding: 10px 20px;
              margin-right: 5px;
          }
          
          #projectTabs .nav-link:hover {
              background-color: rgba(116, 74, 60, 0.1);
              border: none;
          }
          
          #projectTabs .nav-link.active {
              background-color: #8b3828;
              color: white;
              border: none;
          }


  

  @media (max-width: 768px) {
      #projectTabs {
          display: flex;
          overflow-x: auto;
          white-space: nowrap;
          scrollbar-width: none; /* Hide scrollbar for Firefox */
      }

      #projectTabs::-webkit-scrollbar {
          display: none; /* Hide scrollbar for Chrome/Safari */
      }

      #projectTabs .nav-item {
          flex: 0 0 auto; /* Prevent shrinking */
      }

      #projectTabs .nav-link {
          margin-right: 10px;
          padding: 8px 16px;
          font-size: 12px !important;
      }

    .card-title{
      font-size: 13px !important;
    }

    #leadership-section h2{
    font-size: 13px !important;
    }

    .card-text{
      font-size: 11px !important;
    }


  }


  .nav-tabs {
      overflow-x: auto;
      white-space: nowrap;
      flex-wrap: nowrap;
      border-bottom: none;
  }

  .nav-tabs .nav-item {
      flex: 0 0 auto;
  }

  .nav-tabs::-webkit-scrollbar {
      display: none;
  }

.floor-plan-scroll-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* smooth scroll on iOS */
}

.floor-plan-scroll {
    display: flex;
    flex-wrap: nowrap;      /* Prevent wrapping */
    gap: 10px;
    white-space: nowrap;    /* Extra safety */
}

.floor-plan-scroll::-webkit-scrollbar {
    height: 4px; /* Optional: small scrollbar */
}

.floor-plan-scroll-wrapper::-webkit-scrollbar {
    display: none; /* Optional: hide scrollbar */
}

  @media (max-width: 768px) {
    .floor-filter-btn {
        flex: 0 0 auto;   /* Prevent shrinking */
        font-size: 14px;
        padding: 6px 14px;
    }

     
}


@media (max-width: 768px) {
  .hide_mobile {
    display: none;
  }
}