*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

  /* RESET */
 body
 {
     font-family: "Archivo", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
 }

    /* Navbar Custom Styling */
  .navbar-custom {
      background: #fff;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
      padding: 0.8rem 1rem;
      transition: all 0.3s ease;
    }

    .navbar-brand {
      display: flex;
      align-items: center;
       text-decoration: none;
  transition: all 0.3s ease-in-out;
    }

    .navbar-brand img {
      height: 45px;
      width: 44px;
      transition: transform 0.3s ease;
    }

    .navbar-brand img:hover {
      transform: scale(1.05);
    }

    /* Added text next to logo */
    .brand-text {
      font-size: 1.25rem;
      font-weight: 700;
      color: #000;
      letter-spacing: 0.5px;
    }

    .brand-logo {
  width: 55px;
  height: 55px;
  object-fit: contain;
  border-radius: 10px;
  transition: transform 0.4s ease;
}

.brand-title {
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 2px;
  color: #9d8762; /* Gold tone for emphasis */
}

.brand-subtitle {
  font-size: 1rem;
  font-weight: 700;
  color: #172472;
  letter-spacing: 3px;
}

.navbar-brand:hover .brand-logo {
  transform: scale(1.15) rotate(5deg);
}



    .nav-link {
      color: #000 !important;
      font-weight: 500;
      margin: 0 10px;
      position: relative;
      transition: all 0.3s ease;
    }

    .nav-link:hover {
      color: #ceb486 !important;
    }

    .btn-primary {
      background: black;
      color: #ffe082;
      border: none;
      font-weight: 600;
      transition: 0.3s;
    }

    .btn-primary:hover {
      background: #ffeb3b;
      color: #000;
      transform: translateY(-2px);
    }

    /* Offcanvas */
    .offcanvas {
      background-color: white;
    }

    .offcanvas .nav-link {
      font-size: 1.1rem;
      padding: 8px 0;
      transition: 0.3s;
    }

    .offcanvas .nav-link:hover {
      color: #0d6efd;
    }

    .offcanvas-header {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .offcanvas-title {
      font-weight: 600;
      color: #000;
    }

    .offcanvas-body .nav-link {
      color: #000 !important;
      padding: 0.7rem 0;
      transition: all 0.3s ease;
    }

    .offcanvas-body .nav-link:hover {
      color: #ffeb3b !important;
      padding-left: 10px;
    }

    .navbar-toggler {
      background-color: #000;
      border: none;
      padding: 6px 10px;
    }

    .navbar-toggler i {
      color: #fff;
    }

    /* Swap positions in mobile view */
    @media (max-width: 991.98px) {
      .navbar-custom .container-fluid {
        display: flex;
        justify-content: space-between;
        align-items: center;
      }

      /* Force order swap */
      .navbar-toggler {
        order: 1;
      }

      .navbar-brand {
        order: 2;
        margin-left: auto;
        
      }

      .navbar-brand img {
        height: 40px;
      }

      .navbar-collapse, .btn-primary {
        display: none !important;
      }
    }

    /* Info Section Styling */
    .info-section {
      padding-top: 120px;
    }

    .info-title {
      font-size: 2.5rem;
      font-weight: 700;
      color: #000;
    }

    .info-description {
      font-size: 1.1rem;
      color: #333;
      margin-bottom: 1.5rem;
    }

    .info-card img {
      width: 40px;
      height: 40px;
      margin-bottom: 10px;
    }

    .info-card-title {
      font-size: 1.4rem;
      font-weight: bold;
      color: #000;
    }

    .info-card-text {
      color: #555;
      font-size: 0.95rem;
    }

    .meeting-btn {
      background: black;
      color: #ffe082;
      border: none;
      padding: 10px 20px;
      font-weight: 600;
      border-radius: 5px;
      transition: 0.3s;
    }

    .meeting-btn:hover {
      background: #ffeb3b;
      color: #000;
      transform: translateY(-2px);
    }

    .side-image {
      border-radius: 15px;
      box-shadow: 0 5px 25px rgba(0,0,0,0.1);
    }

 .content-section {
      border-radius: 10px;
      padding: 40px;
      margin-top: 100px;
    }

    .heading {
      font-weight: 700;
      color: #222;
    }

    .paragraph {
      color: #555;
    }

    .bg-box {
      background-color: #f1f4f9;
      border-radius: 10px;
      padding: 20px 25px;
      margin-bottom: 20px;
      position: relative;
      transition: 0.3s;
    }

    .bg-box:hover {
      background-color: #e9eef5;
      transform: translateY(-3px);
    }

    .bg-box i {
         position: absolute;
    top: 25px;
    color: #9d8762;
    font-size: 18px;
    right: 12px;
    }

    .bg-box h5 {
      margin-left: 30px;
      font-weight: 600;
      color: #333;
    }

    .bg-box p {
      margin-left: 30px;
      color: #555;
      margin-bottom: 0;
    }

    .colorchange{
      color: #9d8762;
    }
    .darkblue{
      color: #172472;
    }
    .contact-info {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      margin-top: 30px;
    }

    .email, .contact {
      flex: 1;
      text-align: center;
    }

    .email h5, .contact h5 {
      font-weight: 600;
      margin-bottom: 8px;
      color: #222;
    }
.btn-bencer{
  background-color: #9d8762;
  color: #fff;
  transition: ease-in 0.4s;
}
.btn-bencer:hover{
  background-color: #101a57;
  color: #ffff;
}
    .email p, .contact p {
      color: #555;
      font-size: 15px;
      margin-bottom: 0;
    }

    .vertical-line {
      width: 1px;
      height: 60px;
      background-color: #ccc;
      margin: 0 15px;
      align-self: center;
    }

    .divider {
      width: 2px;
      height: 300px;
      background-color: #ddd;
    }

    .image-side img {
      width: 100%;
      max-width: 500px;
      border-radius: 10px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }

    @media (max-width: 991px) {
      .divider {
        display: none;
      }

      .contact-info {
        flex-direction: column;
        align-items: center;
        text-align: center;
      }

      .vertical-line {
        display: none;
      }

      .email, .contact {
        margin-bottom: 20px;
      }
    }

@media (max-width: 992px) {
  .divider {
    display: none;
  }
  .image-side {
    margin-top: 30px;
  }
  .contact-info {
    flex-direction: column;
  }
  .vertical-line {
    display: none;
  }
  .image-side img {
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
  }
}

  .contact-infomation {
      padding: 60px 0;
      background-color: #f8f9fa;
    }
    .section-title {font-size:2.2rem;font-weight:700;color:#222;text-align:center;margin-bottom:12px;}
    .section-subtitle {font-size:1rem;color:#666;text-align:center;margin-bottom:40px;max-width:500px;margin-left:auto;margin-right:auto;}
    .query-form-card {
      background:#fff;border-radius:16px;
      box-shadow:0 8px 30px rgba(0,0,0,.08);
      padding:40px;max-width:600px;margin:0 auto;
    }
    .form-control, .form-select {
      border-radius:12px;padding:12px 16px;font-size:1rem;
      border:1.5px solid #ddd;transition:all .3s ease;background:#fff;
    }
    .form-control:focus, .form-select:focus {
      border-color:#a0a0a0;
      box-shadow:0 0 0 3px rgba(160,160,160,.15);
      background:#fff;
    }
    .row.g-3{--bs-gutter-x:1rem;}
    .checkbox-label {
      font-size:.92rem;color:#555;display:flex;align-items:center;gap:8px;margin-top:16px;user-select:none;
    }
    .checkbox-label input[type="checkbox"]{
      width:18px;height:18px;accent-color:#555;cursor:pointer;
    }
    .btn-submit{
      background:#9d8762;color:#fff;border:2px solid #9d8762;
      border-radius:12px;padding:12px 32px;font-weight:600;font-size:1rem;
      transition:all .3s ease;display:block;margin:24px auto 0;cursor:pointer;
    }
    .btn-submit:hover{
      background:#172472;border-color:#172472; color: #fff; transform:translateY(-1px);
      box-shadow:0 4px 12px rgba(0,0,0,.1);
    }

    /* ---------- Arrow styling for <select> ---------- */
    .form-select {
      /* hide the default arrow */
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      /* add space for our custom arrow */
      padding-right: 2.5rem !important;
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23555'%3e%3cpath d='M8 11.5l-5-5h10l-5 5z'/%3e%3c/svg%3e");
      background-repeat: no-repeat;
      background-position: right 1rem center;
      background-size: 12px;
    }

    /* Responsive */
    @media (max-width:576px){
      .query-form-card{padding:24px;margin:0 16px;border-radius:12px;}
      .section-title{font-size:1.8rem;}
      .btn-submit{width:100%;}
    }

       /* Hide the default Bootstrap accordion caret */
    .accordion-button::after { display: none; }

    /* Icon styling inside header */
    .acc-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      gap: 0.75rem;
    }

    .acc-title {
      display: inline-flex;
      align-items: center;
      gap: 0.75rem;
      font-weight: 600;
    }

    .acc-icon {
      width: 28px;
      height: 28px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 0.95rem;
      border-radius: 6px;
      transition: transform .18s ease, background-color .18s ease;
    }

    /* rotate effect when open */
    .acc-icon.open { transform: rotate(45deg); } /* plus -> looks like x/rotate effect */
    /* optional visuals */
    .acc-icon { background: rgba(20, 32, 81, 0.04); }
    .accordion-item { border-radius: 8px; margin-bottom: 12px; overflow: hidden; }

    /* layout spacing */
    .panel-box {
      padding: 20px;
    }

    @media (min-width: 992px) {
      /* horizontal separation on larger screens */
      .panel-box { height: 100%; }
    }
.accordion-button:not(.collapsed){
  background-color: #8c754da3;
}
    /* ===========================
       SECTION STYLES
    =========================== */
    .feature-section {
      background-color: #f8f9fa;
      padding: 80px 20px;
      text-align: center;
    }

    .feature-section .section-title {
      font-size: 2.8rem;
      font-weight: 700;
      margin-bottom: 20px;
      color: #333;
    }

    .feature-section .section-subtitle {
      font-size: 1.2rem;
      max-width: 800px;
      margin: 0 auto 50px;
      opacity: 0.9;
      color: #555;
    }

    /* ===========================
       SWIPER STYLING
    =========================== */
    .feature-swiper {
      padding: 20px 0;
    }

    .feature-swiper .swiper-slide {
      display: flex;
      justify-content: center;
      height: auto;
    }

    /* ===========================
       CARD STYLING
    =========================== */
    .feature-card {
      background: #fff;
      border-radius: 10px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      height: 100%;
      width: 100%;
      max-width: 340px;
      transition: all 0.3s ease;
    }

    .feature-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    }

    .feature-card img {
      width: 100%;
      height: 230px; /* ✅ Equal image height */
      object-fit: cover;
      border-radius: 10px 10px 0 0;
      display: block;
    }

    .feature-card .card-body {
      padding: 20px;
      display: flex;
      flex-direction: column;
      flex-grow: 1;
      text-align: left;
    }

    .feature-card .card-title {
      color: #333;
      font-size: 1.3rem;
      margin-bottom: 12px;
    }

    .feature-card .card-text {
      color: #666;
      font-size: 0.95rem;
      flex-grow: 1;
    }

    .feature-footer {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-top: auto;
      padding-top: 15px;
      font-size: 0.9rem;
      color: #555;
    }

    .feature-footer i {
      color: #9d8762;
      font-size: 1.1rem;
    }

    /* ===========================
       NAVIGATION + PAGINATION
    =========================== */
    .swiper-button-next,
    .swiper-button-prev {
      color: #fff !important;
      background: rgba(0, 0, 0, 0.3);
      width: 45px !important;
      height: 45px !important;
      border-radius: 50% !important;
      display: flex !important;
      align-items: center;
      justify-content: center;
      transition: background 0.3s ease;
    }

    .swiper-button-next:hover,
    .swiper-button-prev:hover {
      background: rgba(0, 0, 0, 0.5);
    }

    .swiper-button-next::after,
    .swiper-button-prev::after {
      display: none;
    }

    .swiper-button-next i,
    .swiper-button-prev i {
      font-size: 1.2rem;
    }

    .swiper-pagination-bullet {
      background: rgba(0, 0, 0, 0.3);
      opacity: 1;
    }

    .swiper-pagination-bullet-active {
      background: #667eea;
    }

    /* Responsive image height */
    @media (max-width: 768px) {
      .feature-card img {
        height: 180px;
      }
    }
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    position: relative;
    top: 3px !important;
    }


       /* Hero Section */
    .hero-section {
      position: relative;
      background: url('/assets/ineriorimage/FormBackground.jpg') center/cover no-repeat;
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      color: #333;
      text-align: center;
      padding: 40px 15px;
    }

    .hero-section h2 {
      font-size: 2.5rem;
      color: #fff;
    }

    .hero-section p {
      max-width: 600px;
      font-size: 1rem;
      line-height: 1.6;
      margin: 0 auto 25px auto;
      color: #fff !important;

    }

    /* Form Content Box */
    .content-box {
      position: relative;
      z-index: 2;
      background: #fff;
      border-radius: 20px;
      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
      padding: 40px 30px;
      max-width: 900px;
      width: 100%;
      text-align: center;
    }

    .form-control, .form-select {
      border-radius: 10px;
      padding: 12px;
    }

    .form-check-label a {
      color: #8c754d;
      text-decoration: none;
    }

    .btn-custom {
      background-color: #9d8762;
      color: #fff;
      font-weight: 600;
      border: none;
      padding: 12px 40px;
      border-radius: 10px;
      transition: all 0.3s ease;
    }

    .btn-custom:hover {
      background-color: #101a57;
      color: wheat !important;
    }

    /* ✅ Responsive Styles */
    @media (max-width: 992px) {
      .hero-section h2 {
        font-size: 2rem;
      }
      .hero-section p {
        width: 90%;
      }
      .content-box {
        padding: 30px 20px;
      }
    }

    @media (max-width: 767px) {
      .hero-section {
        padding: 30px 10px;
      }
      .hero-section h2 {
        font-size: 1.8rem;
      }
      .hero-section p {
        font-size: 0.95rem;
        width: 100%;
      }
      .heading {
font-size: 22px;}
    }
    .brand-title {
  font-size: 15px;
}
.brand-subtitle {
    font-size: 15px;
}
.brand-text{
  line-height: 20px;
}

    @media (max-width: 576px) {
      .content-box {
        padding: 25px 15px;
      }
      .hero-section h2 {
        font-size: 1.6rem;
      }
      .btn-custom {
        width: 100%;
      }
    }
        footer {
      background-color: #0a0e14;
      color: #fff;
      padding: 60px 0;
      font-family: 'Poppins', sans-serif;
    }

    footer .footer-logo img {
      width: 150px;
      margin-bottom: 20px;
    }

    footer h5 {
      color: #ffffff;
      font-weight: 600;
      font-size: 18px;
      margin-bottom: 20px;
    }

    footer ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    footer ul li {
      margin-bottom: 10px;
    }

    footer ul li a {
      color: #b0b0b0;
      text-decoration: none;
      transition: all 0.3s ease;
      font-size: 15px;
    }

    footer ul li a:hover {
      color: #ffffff;
    }

    .footer-info p {
      color: #b0b0b0;
      font-size: 15px;
      line-height: 1.7;
    }

    .footer-info a {
      color: #fff;
      text-decoration: none;
    }

    .footer-info a:hover {
      text-decoration: underline;
    }

    .social-icons i {
      font-size: 18px;
      background: #1a1f28;
      color: #fff;
      width: 35px;
      height: 35px;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-right: 10px;
      transition: all 0.3s ease;
    }

    .social-icons i:hover {
      background-color: #ff6f00;
      color: #fff;
    }

    .footer-bottom {
      border-top: 1px solid #222;
      text-align: center;
      margin-top: 50px;
      padding-top: 20px;
      color: #aaa;
      font-size: 14px;
    }


    .padding_section{
      padding: 10px 115px;
      overflow: hidden;
    }
  .info-section {
      padding: 50px 15px;
      position: relative;
    }

    .info-title {
      font-weight: 700;
      margin-bottom: 12px;
      color: #222;
      font-size: 60px;
      line-height: 75px;
    }

    .info-description {
    color: #555;
    margin-bottom: 30px;
    font-size: 21px;
    width: 38vh;
    text-align: center;
    margin-top: 38px;
    }

    .info-card {
      border: none;
      background: transparent;
      text-align: center;
    }

    .info-card img {
      width: 45px;
      object-fit: cover;
    }

    .info-card img:hover {
      transform: translateY(-4px);
    }
.info-card {
  border: none;
  background: transparent;
  text-align: left;
  margin-bottom: 0; /* Ensure no extra space below */
}
  
.info-card-title {
  margin-top: 6px; /* smaller gap */
  margin-bottom: 4px; /* reduce bottom space */
}

    .info-card-text {
  margin-bottom: 0;
  line-height: 1.3; /* tighter spacing */
}

.side-image {
    width: 110%; /* make image larger */
    max-width: 122vh;
    border-radius: 10px;
    height: 75vh;
  }


    /* Divider between left & right columns */
    .col-divider {
      position: relative;
    }
   
    /* Divider between 3 cards on the left */
    .info-card-col {
    position: relative;
    width: 134px;
    margin-top: 48px;
}

    .info-card-col:not(:last-child)::after {
      content: "";
      position: absolute;
      top: 0;
      right: 28px;
      width: 1px;
      height: 100%;
      background-color: #dcdcdc;
    }

    @media (max-width: 991.98px) {
      .col-divider::after {
        display: none;
      }
    }

    @media (max-width: 767.98px) {
      .info-card-col:not(:last-child)::after {
        display: none;
      }
      .info-card img {
      }
      .side-image {
        max-height: 300px;
        margin-top: 24px;
        display: flex;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
      }
      .info-card-col {
    margin-top: 0px;
}

.info-description {
    color: #555;
    margin-top: 0px;
}
#class_container{
  display: flex;
  justify-content: center;
  align-items: center;
}
    }


    .info-card img {
  width: 45px;
  object-fit: cover;
  margin-bottom: 6px; /* tighter gap below image */
  transition: transform 0.2s ease;
}

.info-card-title {
  font-size: 1rem;
  font-weight: 600;
  margin-top: 4px; /* reduced */
  margin-bottom: 2px; /* reduced */
  color: #333;
}

.info-card-text {
  font-size: 0.9rem;
  color: #666;
  margin-bottom: 0;
}

@media (min-width: 768px) and (max-width: 1024px) {
  /* Your tablet styles here */
  .padding_section{
    padding: 10px 0px !important;
  }

 .side-image {
    max-width: 281px;
    object-fit: cover;
    height: 45vh;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}
.info-description {
    width: 32vh;
}
}

@media (max-width: 767px) {
  /* Your mobile styles here */
 .padding_section{
    padding: 10px 0px !important;
  }

  .interior-services-section{
    overflow: hidden;
  }
  .info-title{

    font-weight: 600;
  margin-bottom: 12px;
  color: #222;
  font-size: 37px;
  line-height: 51px;
  text-align: center;
  }

  .info-description {
    width: -10vh;
            display: flex;
        margin-left: auto;
        margin-right: auto;
    }

    .info-card-col {
    width: 117px;
    }

    .btn-content {
    margin-top: 13px;
    display: flex
;
    justify-content: center;
    align-items: center;
}
.content-section{
  overflow: hidden;
}
.tab-section-container{
  overflow: hidden;
}
.tabler-content{
  overflow: hidden;
}
.feature-wrapper{
  overflow: hidden;
}
.stats-section{
  overflow: hidden;
}
#page-lost{
  width: 88px;
}
}
    .book-btn {
      background: linear-gradient(135deg, #007bff, #0056b3);
      color: #fff;
      font-size: 1.2rem;
      font-weight: 600;
      padding: 14px 40px;
      border: none;
      border-radius: 50px;
      box-shadow: 0 4px 12px rgba(0, 123, 255, 0.4);
      transition: all 0.3s ease;
      
    }

    .book-btn:hover {
      background: linear-gradient(135deg, #0056b3, #004080);
      transform: translateY(-3px);
      box-shadow: 0 6px 16px rgba(0, 86, 179, 0.5);
    }

      .btn-content {
      margin-top: 53px;
    }

    .meeting-btn {
    background-color: #8c754d;
    color: #fff;
    padding: 12px 28px;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    transition: 0.3s ease;
    width: 323px;
  }

  .meeting-btn:hover {
    background-color: #172472;
    color: #ffff;
    transform: scale(1.05);
  }

    .meeting-btn:focus {
      outline: none;
      box-shadow: 0 0 0 4px rgba(0, 123, 255, 0.3);
    }

    .feature-section {
      background-color: #eef3f8;
      padding: 80px 0;
    }

    .feature-image img {
      width: 100%;
      border-radius: 15px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    }

    .feature-content h2 {
      font-size: 2.2rem;
      font-weight: 700;
      margin-bottom: 15px;
      color: #1e293b;
    }

    .feature-content p {
      font-size: 1.1rem;
      color: #475569;
      margin-bottom: 40px;
    }

    .feature-box {
      background: #ffffff;
      border-radius: 15px;
      padding: 25px;
      text-align: center;
      transition: all 0.3s ease;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
      height: 100%; /* ✅ Equal height for all boxes */
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .feature-box:hover {
      transform: translateY(-5px);
      box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
    }

    .feature-box i {
      font-size: 2rem;
      color: #8c754d;
      margin-bottom: 15px;
      text-align: left;
    }

    .feature-box h5 {
      font-weight: 600;
      color: #1e293b;
      margin-bottom: 10px;
      text-align: left;
    }

    .feature-box p {
      font-size: 0.95rem;
      color: #64748b;
      text-align: left;
    }

    @media (max-width: 767px) {
      .feature-content {
        text-align: center;
      }
      .feature-box {
        margin-bottom: 20px;
      }

      .info-image img {
        width: 100%;
     max-height: 236px;
      }
      .info-content h2 {
   margin-top: 30px;
   text-align: center;
    }
.info-content p {
  text-align: left !important;
}
    }
     .info-section-container {
      background-color: #f2f5f9;
      padding: 60px 0;
    }
    .info-content h2 {
      font-weight: 700;
      color: #222;
    }
    .info-content p {
      color: #555;
      font-size: 16px;
      margin-bottom: 25px;
    }
    .feature-box {
      background: #fff;
      border-radius: 12px;
      padding: 25px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
      text-align: center;
      transition: all 0.3s ease;
      height: 100%;
    }
    .feature-box:hover {
      transform: translateY(-5px);
    }
    .feature-box i {
      font-size: 32px;
      color: #8c754d;
      margin-bottom: 12px;
    }
    .feature-box h5 {
      font-weight: 600;
      margin-bottom: 8px;
    }
    .feature-box p {
      font-size: 14px;
      color: #666;
    }

    .info-image img{ 
        max-width: 500px;
    height: 561px;
    border-radius: 20px !important;
    object-fit: cover;
    }
    /* Responsive Adjustments */
    @media (min-width: 768px) and (max-width:1024px) {
     
      .info-image {
        margin-bottom: 30px;
        text-align: center;
      }

      
      .info-image img {
        width: 100%;
        max-width: 750px;
      }
    }


    .video-section {
      text-align: center;
      padding: 80px 20px;
    }

    .video-thumbnail {
      position: relative;
      max-width: 900px;
      margin: 40px auto;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 0 20px rgba(0,0,0,0.4);
      cursor: pointer;
    }

    .video-thumbnail img {
      width: 100%;
      display: block;
      border-radius: 12px;
    }

    .play-button {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 80px;
      color: #8c754d;
      opacity: 0.9;
      transition: 0.3s;
    }

    .play-button:hover {
      color: #172472;
      opacity: 1;
    }

    iframe {
      width: 100%;
      height: 500px;
      border: none;
      border-radius: 12px;
      display: none;
    }

    @media (max-width: 768px) {
      iframe {
        height: 300px;
      }
    }

    .vido_sets{
  background-color: #b1b3b5c1; /* Background color */
      color: black;
    }

    .process-section {
            background: #f8f9fa;
            padding: 4rem 0;
            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        }
        .process-title   {font-weight:600; color:#212529; font-size:2rem;}
        .process-subtitle{color:#6c757d; font-size:1.1rem; margin-bottom:3rem;}

        /* ---------- COMMON STEP STYLES ---------- */
        .step-icon {
            display:inline-flex; align-items:center; justify-content:center;
            width:4rem; height:4rem; font-size:1.8rem;
            color:#fff; background:#9d8762; border:2px solid #9d8762;
            border-radius:50%;
        }
        .step-title {font-weight:600; color:#212529; margin-bottom:.5rem; font-size:1.1rem;}
        .step-desc  {color:#6c757d; font-size:.95rem; line-height:1.5;}

        /* ---------- DESKTOP (horizontal dashed line) ---------- */
        @media (min-width: 1025px) {
            .timeline {
                position:relative; display:flex; justify-content:space-between;
                margin:2rem 0;
            }
            .timeline::before {
                content:"";
                position:absolute; top:2rem; left:5%; right:5%;
                height:2px; border-top:2px dashed #9d8762; z-index:0;
            }
            .step {flex:1; text-align:center; position:relative; z-index:1;}
            .step-icon {margin:0 auto 1rem;}
        }

        /* ---------- TABLET (768-1024px) – two-column vertical line ---------- */
        @media (min-width: 768px) and (max-width: 1024px) {
            .timeline {
                display:grid;
                grid-template-columns: auto 1fr;   /* icon | content */
                gap:1.5rem 2rem;
                position:relative;
                margin:2rem 0;
            }
            /* vertical dashed line */
            .timeline::before {
                content:"";
                position:absolute; left:calc(4rem / 2); top:0; bottom:0;
                width:2px; border-left:2px dashed #9d8762; z-index:0;
            }
            .step {display:contents;}   /* let children occupy grid cells */
            .step-icon {
                grid-column:1; justify-self:center; align-self:start;
                position:relative; z-index:1;
            }
            .step-content {
                grid-column:2; align-self:start;
            }
        }

        /* ---------- MOBILE (<768px) – stacked ---------- */
        @media (max-width: 767px) {
            .timeline {display:flex; flex-direction:column; align-items:center; margin:2rem 0;}
            .timeline::before {display:none;}
            .step {margin-bottom:2rem; text-align:center;}
            .step-icon {margin-bottom:.75rem;}
        }

        /* ---------- CTA BUTTON ---------- */
        .btn-view {
            display:block; width:fit-content; margin:3rem auto 0;
            padding:.5rem 2rem; font-weight:500; color:#fff;
            background:#9d8762; border:2px solid #fff; border-radius:.375rem;
            text-decoration:none; transition:all .2s;
        }
        .btn-view:hover {background:#212529; color:#fff;}

         .modal-content {
      border-radius: 20px;
      padding: 40px 30px;
      text-align: center;
      position: relative;
    }

    .modal-title {
      font-size: 2rem;
      font-weight: 700;
      color: #000;
    }

    .modal-subtitle {
      color: #6c757d;
      font-size: 1.1rem;
      margin-bottom: 30px;
    }

    .city-btn {
      background-color: #f8f7f4;
      border: none;
      border-radius: 10px;
      padding: 15px 0;
      font-size: 1.1rem;
      color: #333;
      font-weight: 500;
      transition: all 0.3s ease;
      width: 100%;
    }

    .city-btn:hover {
      background-color: #e9e7e3;
    }

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

    /* Close Button Styling */
    .close-btn {
      position: absolute;
      top: 15px;
      right: 20px;
      background: none;
      border: none;
      font-size: 1.5rem;
      color: #000;
      transition: color 0.3s ease;
    }

    .close-btn:hover {
      color: #dc3545;
    }

    @media (max-width: 576px) {
      .city-btn {
        margin-bottom: 10px;
      }
    }

    .pkg-card {
      border:1px solid #e0e0e0;
      border-radius:16px;
      overflow:hidden;
      transition:all .3s ease;
      background:#fff;
      height:100%;
    }
    .pkg-card:hover {
      box-shadow:0 12px 25px rgba(0,0,0,.12);
      transform:translateY(-4px);
    }

    .pkg-card-header {
      background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);
      font-weight:700;
      font-size:1.25rem;
      text-align:center;
      padding:1.5rem 1rem;
      color:#2c3e50;
    }
    .pkg-price {
      font-size:1.6rem;
      font-weight:800;
      color:#9d8762;
      margin-top:.5rem;
    }
    .pkg-price small {font-size:.85rem;color:#6c757d;font-weight:normal;}

    /* ---------- ACCORDION ---------- */
    .pkg-accordion .pkg-accordion-item {border:none;border-bottom:1px solid #9d8762;}
    .pkg-accordion .pkg-accordion-item:last-child {border-bottom:none;}

    .pkg-accordion-btn {
      padding:.85rem 1.2rem;
      font-size:1rem;
      font-weight:500;
      color:#333;
      background:#fdfdfd;
      border-bottom:1px solid #9d8762;
      display:flex;
      justify-content:space-between;
      align-items:center;
    }
    .pkg-accordion-btn:not(.collapsed) {
      color:#fff;
      background:#9d8762;
      font-weight:600;
    }
    .pkg-accordion-btn::after {display:none;}
    .pkg-toggle-icon {font-size:1.1rem;transition:transform .25s ease;}
    .pkg-accordion-btn:not(.collapsed) .pkg-toggle-icon {transform:rotate(45deg);}

    .pkg-accordion-body {
      padding:1rem 1.2rem;
      font-size:.95rem;
      color:#444;
      background:#fafafa;
      line-height:1.6;
    }

    /* ---------- RESPONSIVE ---------- */
    @media (max-width:767px){
      .pkg-card-header{font-size:1.15rem;}
      .pkg-price{font-size:1.4rem;}
    }

     .section-layout {
      padding: 60px 20px;
      margin-top: 60px;
    }
    .section-text h2 {
      font-size: 2rem;
      font-weight: 700;
      color: #222;
    }
    .section-text p {
      font-size: 1.1rem;
      color: #555;
      margin-top: 15px;
    }
    .section-image img {
      width: 69%;
      border-radius: 10px;
      box-shadow: 0 4px 15px rgba(225, 219, 219, 0.1);
    }

    /* Mobile View: Image on top */
    @media (max-width: 767.98px) {
      .layout-row {
        flex-direction: column-reverse;
        text-align: center;
      }
      .section-text {
        margin-top: 25px;
      }
      .section-image img {
      width: 100%;
      display: flex;
      margin-left: auto;
      margin-right: auto;
    }
    .section-text h2{
      font-size: 25px !important;
    }
    .section-text p {
      font-size: 13px !important ;
    }
    }
.bg-color{
   background-color: #172472; 
}
        .stats-section {
      padding: 80px 0;
      text-align: center;
    }

    .stats-item {
      position: relative;
    }

    .stats-item i {
      font-size: 40px;
      margin-bottom: 15px;
      color: #fff;
    }

    .stats-item h3 {
      font-weight: 700;
      color: #fff;
      margin-bottom: 5px;
      font-size: 24px;
    }

    .stats-item p {
      color: #fff;
      font-size: 16px;
      margin: 0;
    }

    /* Vertical divider between columns */
    .stats-divider {
      border-left: 1px solid #3c3c3c90;
      height: 60px;
      margin: auto;
    }

    @media (max-width: 767px) {
      .stats-divider {
        display: none;
      }
      #designer_set{
        margin-top: 30px;
      }
    }

  .milestone-section {
      text-align: center;
      padding: 80px 0;
    }

    .milestone-heading {
      font-size: 2rem;
      font-weight: 700;
      margin-bottom: 60px;
    }

    .milestone-line {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      margin: 0 auto;
      max-width: 1200px;
    }

    .milestone-line::before {
      content: '';
      position: absolute;
      top: 12px;
      left: 0;
      right: 0;
      height: 2px;
      background-color: #9d8762;
      z-index: 1;
    }

    .milestone-block {
      position: relative;
      text-align: center;
      width: 20%;
    }

    .swiper-pagination-clickable .swiper-pagination-bullet {
      color: #172472 !important;
    }
    .swiper-button-next, .swiper-rtl .swiper-button-prev {
      background-color: #9d8762;
    }
    .swiper-button-prev, .swiper-rtl .swiper-button-next{
      background-color: #9d8762;

    }
    .milestone-dot {
      width: 20px;
      height: 20px;
      background-color: #9d8762;
      border-radius: 50%;
      margin: 0 auto 20px auto;
      position: relative;
      z-index: 2;
    }

    .milestone-year {
      font-size: 1.25rem;
      font-weight: 600;
      margin-bottom: 10px;
    }

    .milestone-desc {
      font-size: 0.95rem;
      color: #3b3b3b;
      line-height: 1.6;
      max-width: 230px;
      margin: 0 auto;
    }

    @media (max-width: 768px) {
      .milestone-line {
        flex-direction: column;
        align-items: center;
      }

      .milestone-line::before {
        width: 2px;
        height: 100%;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
      }

      .milestone-block {
        width: 100%;
        margin-bottom: 50px;
      }

      .milestone-dot {
        margin-bottom: 10px;
      }
    }
.interior-services-section {
padding: 60px 16px;
background: linear-gradient(180deg, #f7f9fb 0%, #ffffff 100%);
text-align: center;
margin-top: 50px;
}


.is-img {
height: 245px;
width: 100%;
display: block;
background-position: center center;
}


.is-card-body {
padding: 18px;
}


.is-card-title {
font-size: 1.05rem;
margin-bottom: 8px;
font-weight: 600;
color: #0f172a;
}


.is-card-text {
font-size: 0.95rem;
color: #475569;
margin-bottom: 12px;
}


.is-tag {
display: inline-block;
font-size: 0.78rem;
padding: 6px 10px;
border-radius: 999px;
background: #ceb486;
color: #fff;
font-weight: 600;
}  .interior-services-section {
      padding: 60px 16px;
      background: linear-gradient(180deg, #f7f9fb 0%, #ffffff 100%);
      text-align: center;
      margin-top: 50px;
    }

    .is-header h2 {
      font-weight: 700;
      color: #1e293b;
    }

    .is-subtitle {
      color: #475569;
      font-size: 1rem;
      margin-bottom: 40px;
    }

    .is-card {
      border: none;
      border-radius: 15px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      overflow: hidden;
      height: 100%;
    }

    .is-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
    }

    .is-img {
      height: 250px;
      width: 100%;
      object-fit: cover;
      border-top-left-radius: 15px;
      border-top-right-radius: 15px;
    }

    .is-card-body {
      padding: 20px;
    }

    .is-card-title {
      font-size: 1.1rem;
      margin-bottom: 8px;
      font-weight: 600;
      color: #0f172a;
    }

    .is-card-text {
      font-size: 0.95rem;
      color: #475569;
      margin-bottom: 12px;
    }

    .is-tag {
      display: inline-block;
      font-size: 0.78rem;
      padding: 6px 12px;
      border-radius: 999px;
      background: #ceb486;
      color: #fff;
      font-weight: 600;
      transition: ease 0.3s;
    }
     .is-tag:hover{
      background: #172472;
      color: #fff;
      font-weight: 600;
    }


    .testimonial-zone {
      padding: 60px 0;
      text-align: center;
      overflow: hidden;
      margin: 65px;
    }

    .testimonial-zone h2 {
      font-weight: 700;
      margin-bottom: 10px;
    }

    .testimonial-zone p.caption {
      color: #555;
      margin-bottom: 40px;
    }

    /* Swiper Section */
    .reviewSwiper3 {
      padding: 40px 0;
      position: relative;
    }

    .swiper-slide {
      display: flex;
      justify-content: center;
      align-items: stretch;
    }

    .review-slide {
      background: #fff;
      border-radius: 15px;
      overflow: hidden;
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
      transition: transform 0.3s ease;
      display: flex;
      flex-direction: column;
      height: 100%;
      width: 100%;
    }

    .review-slide:hover {
      transform: translateY(-5px);
    }

    .review-card {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      flex-grow: 1;
      justify-content: space-between;
    }

    .review-card img {
      width: 200px;
      height: 200px;
      object-fit: cover;
      border-radius: 50%;
      border: 8px solid #f5f5f5;
      margin: 20px auto;
      transition: all 0.4s ease;
    }

    .review-card:hover img {
      transform: scale(1.05);
      border-color: #9d8762;
    }

    .watch-icon {
      position: absolute;
      top: 110px;
      left: 50%;
      transform: translate(-50%, -50%);
      background: rgba(205, 143, 18, 0.8);
      color: #fff;
      border-radius: 50%;
      font-size: 34px;
      padding: 18px 22px;
      cursor: pointer;
      transition: 0.3s;
      box-shadow: 0 0 20px rgba(205, 143, 18, 0.8);
      z-index: 2;
    }

    .watch-icon:hover {
      background: #27105a;
      box-shadow: 0 0 30px rgba(205, 143, 18, 0.8);
    }

    .review-info {
      background: rgba(0, 0, 0, 0.85);
      color: #fff;
      padding: 20px;
      border-radius: 0 0 15px 15px;
      width: 100%;
      flex-shrink: 0;
    }

    .review-info i {
      font-size: 18px;
    }

    .review-text {
      font-size: 14px;
      margin: 10px 0;
      line-height: 1.6;
    }

    .review-name {
      font-weight: 600;
      margin-top: 10px;
      color: #9d8762;
    }

    /* Navigation Buttons */
    .review-prev3, .review-next3 {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: #9d8762;
      color: #fff;
      width: 55px;
      height: 55px;
      border-radius: 50%;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 10;
      cursor: pointer;
      transition: all 0.3s ease;
    }

    .review-prev3:hover, .review-next3:hover {
      background: #101a57;
      color: #fff;
      transform: translateY(-50%) scale(1.1);
    }

    .review-prev3 { left: 5px; }
    .review-next3 { right: 5px; }

    @media (max-width: 991px) {
      .review-card img { width: 180px; height: 180px; }
      .watch-icon { top: 100px; font-size: 28px; padding: 15px 18px; }
    }

    @media (max-width: 767px) {
      .testimonial-zone { margin: 20px; }
      .review-card img { width: 160px; height: 160px; }
      .watch-icon { top: 90px; font-size: 24px; padding: 12px 14px; }
      .review-prev3, .review-next3 { width: 45px; height: 45px; }
    }

    /* Fixed Modal Styling */
    .reviewModal .modal-dialog {
      max-width: 900px;
      width: 90%;
    }

    .reviewModal .modal-content {
      background: #000;
      border: none;
      border-radius: 10px;
      overflow: hidden;
    }

    .reviewModal .modal-body {
      padding: 0;
      position: relative;
    }

    .reviewModal iframe {
      width: 100%;
      height: 500px;
      display: block;
    }

    @media (max-width: 991px) {
      .reviewModal iframe { height: 400px; }
    }

    @media (max-width: 767px) {
      .reviewModal iframe { height: 250px; }
    }

    .btn-close-custom {
      position: absolute;
      top: 10px;
      right: 10px;
      background-color: rgba(255,255,255,0.8);
      border: none;
      border-radius: 50%;
      font-size: 20px;
      color: #000;
      width: 35px;
      height: 35px;
      z-index: 10;
    }

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

    .container-app {
      display: flex;
      flex-wrap: nowrap;
      min-height: 100vh;
    }

    /* Sidebar */
    .sidebar {
      background: #fff;
      border-radius: 10px;
      padding: 16px;
      box-shadow: 0 6px 18px rgba(28,41,66,0.06);
      width: 300px;
      overflow-y: auto;
      position: fixed;
      top: 0;
      left: 0;
      bottom: 0;
      z-index: 10;
      margin-top: 113px;
    }
#cardsContainer{
      margin-top: 75px;

}
    .main-content {
      margin-left: 320px;
      padding: 20px;
      flex-grow: 1;
    }

    .filter-heading {
      font-weight: 700;
      font-size: 1.05rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .reset-icon {
      border: none;
      background: none;
      color: #6c757d;
      font-size: 1.1rem;
      transition: color 0.2s ease;
    }

    .reset-icon:hover {
      color: #dc3545;
    }

    .cities-list .city-row,
    .floors-list .floor-row,
    .plots-list .plot-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 6px 0;
      border-bottom: 1px dashed #eef0f4;
    }

    .city-left,
    .floor-left,
    .plot-left {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .toggle-arrow {
      cursor: pointer;
    }

    .mini-dropdown {
      border: 1px solid #eef0f4;
      padding: 8px;
      border-radius: 8px;
      background: #fbfdff;
      margin-top: 10px;
    }

    .mini-item {
      display: flex;
      gap: 10px;
      align-items: flex-start;
      padding: 8px 4px;
      border-radius: 6px;
    }

    .mini-item p {
      margin: 0;
      font-size: 0.92rem;
    }

    /* Cards */
    .card-grid .card {
      border: none;
      border-radius: 12px;
      box-shadow: 0 6px 18px rgba(28,41,66,0.06);
      overflow: hidden;
      background: #fff;
      transition: transform 0.2s ease;
      height: 100%;
    }

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

    .card-img-top {
      width: 100%;
      height: 260px;
      object-fit: cover;
    }

    .card-body-custom {
      padding: 14px;
    }

    .icons-row {
      display: flex;
      margin-top: 10px;
      flex-wrap: wrap;
    }

    .icon-box {
      display: flex;
      align-items: center;
      gap: 6px;
      border-radius: 8px;
      padding: 6px 10px;
      font-size: 0.9rem;
    }

    .icon-box i {
      color: #ceb486;
    }

    /* Responsive Adjustments */
    @media (max-width: 991px) {
      .container-app {
        flex-direction: column;
      }

      .sidebar {
        position: relative;
        width: 100%;
        height: auto;
        margin-bottom: 15px;
      }

      .main-content {
        margin-left: 0;
        padding: 15px;
      }

      .card-img-top {
        height: 220px;
      }
    }

    @media (max-width: 767px) {
      .sidebar {
        border-radius: 0;
        padding: 12px;
      }
      #cardsContainer{
        margin-top: 0px !important;
      }

      .filter-heading {
        font-size: 1rem;
      }

      .card-img-top {
        height: 200px;
      }

      .card-body-custom h6 {
        font-size: 0.95rem;
      }
    }

    .blog-section {
      background-color: #fff;
      font-family: 'Segoe UI', sans-serif;
      padding: 40px 0;
    }

    .blog-section .blog-card {
      border: none;
      transition: all 0.3s ease;
    }

    .blog-section .blog-card img {
      border-radius: 10px;
      height: 220px;
      width: 100%;
      object-fit: cover;
    }

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

    .blog-section .category {
      color: #8c754d;
      font-weight: 500;
      font-size: 14px;
    }

    .blog-section .date {
      color: #777;
      font-size: 14px;
    }

    .blog-section .title {
      font-size: 18px;
      font-weight: 700;
      color: #000;
      line-height: 1.4;
      margin-top: 5px;
    }

    .blog-section .desc {
      color: #555;
      font-size: 15px;
      margin-top: 5px;
    }


    .pagination-wrapper {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 40px;
    }

    /* Custom pagination style */
    .pagination .page-link {
      color: #fff ;
      border: none;
      border-radius: 10px;
      margin: 0 4px;
      padding: 10px 18px;
      font-weight: 500;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
      transition: all 0.3s ease;
      background-color: #101a57;
    }

    .pagination .page-link:hover {
      background-color: #101a57;
      color: #fff;
      transform: translateY(-2px);
      box-shadow: 0 4px 10px rgba(13, 110, 253, 0.3);
    }

    .pagination .active .page-link {
      background-color: #9d8762;
      color: #fff;
      border: none;
      box-shadow: 0 4px 10px rgba(253, 141, 13, 0.252);
    }

    .pagination .disabled .page-link {
      color: #fff;
      background-color: #101a57;
      box-shadow: none;
    }


     .dream-banner {
      background: url('../ineriorimage/banner-image.jpg') no-repeat left center;
      background-size: contain;
      padding: 30px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      position: relative;
      overflow: hidden;
      min-height: 250px;
    }

    .dream-content {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      position: relative;
      z-index: 2;
    }

    .dream-text {
      flex: 1;
      max-width: 250px;
      font-weight: 600;
      font-size: 1.5rem;
      color: #fff;
    }

    .dream-description {
      flex: 2;
      padding-left: 30px;
      font-size: 0.95rem;
      color: #fff;
    }

    .btn-meeting {
      background-color: #8c754d;
      border: none;
      color: #fff;
      font-weight: 600;
      padding: 12px 25px;
      border-radius: 8px;
      transition: background 0.3s;
    }

    .btn-meeting:hover {
      background-color: #101a57;
      color: #fff;
    }

    @media (max-width: 767px) {
      .dream-banner {
        background: url('../ineriorimage/./banner-image.jpg ') no-repeat top center;
        background-size: cover;
        text-align: center;
        padding: 50px 20px;
      }

      .dream-content {
        flex-direction: column;
        padding-left: 0;
      }

      .dream-text, .dream-description {
        margin-bottom: 15px;
        padding: 0;
        color: #fff;
      }
       .container-text{
      margin-top: 125px !important;
    }
    }


    
    .tab-section-container {
      padding: 60px 15px;
    }

    /* Tabs */
    .nav-tabs {
      border-bottom: none;
    }
    .nav-tabs .nav-link {
      font-weight: 500;
      color: #444;
      border: none;
      border-bottom: 3px solid transparent;
      font-size: 16px;
    }
    .nav-tabs .nav-link.active {
      color: #ceb486;
      border-bottom: 3px solid #ceb486;
      background: none;
    }

    /* Main Content */
    .main-content {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 20px;
      margin-bottom: 40px;
    }
    .main-content img {
      width: 100%;
      max-width: 500px;
      height: 280px;
      border-radius: 10px;
      object-fit: cover;
    }
    .main-text {
      flex: 1;
      min-width: 250px;
    }
    .main-text h4 {
      font-weight: 700;
      margin-bottom: 10px;
      color: #222;
    }
    .main-text p {
      color: #555;
    }

   .tab-section {
      padding: 60px 15px;
    }

    /* Tabs */
    .nav-tabs {
      border-bottom: none;
    }
    .nav-tabs .nav-link {
      font-weight: 500;
      color: #444;
      border: none;
      border-bottom: 3px solid transparent;
      font-size: 16px;
    }
    .nav-tabs .nav-link.active {
      color: #ceb486;
      border-bottom: 3px solid #ceb486;
      background: none;
    }

    /* Main Content */
    .tabler-content {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 20px;
      margin-bottom: 40px;
    }
    .tabler-content img {
      width: 100%;
      max-width: 500px;
      height: 280px;
      border-radius: 10px;
      object-fit: cover;
    }
    .main-text {
      flex: 1;
      min-width: 250px;
    }
    .main-text h4 {
      font-weight: 700;
      margin-bottom: 10px;
      color: #222;
    }
    .main-text p {
      color: #555;
    }

    /* Sub Items */
    .sub-items .col-md-6 {
      margin-bottom: 25px;
    }
    .sub-item {
      display: flex;
      align-items: flex-start;
      gap: 15px;
      padding: 15px;
      border-radius: 10px;
      transition: all 0.3s ease;
    }
    
    .sub-item img {
      width: 80px;
      height: 80px;
      border-radius: 8px;
      object-fit: cover;
    }
    .sub-text h6 {
      font-weight: 700;
      margin: 0;
      font-size: 16px;
    }
    .sub-text p {
      margin: 5px 0;
      color: #555;
    }
    .bold-para {
      font-weight: 600;
      color: #222;
    }

    /* Responsive */
    @media (max-width: 992px) {
      .tabler-content {
        flex-direction: column;
        text-align: center;
      }
      .tabler-content img {
        width: 100%;
        height: 240px;
      }
      .main-text {
        text-align: center;
      }
      .sub-item {
        flex-direction: column;
        align-items: center;
        text-align: center;
      }
      .sub-item img {
        margin-bottom: 10px;
      }
    }

    .container-text{
      margin-top: 155px;
    }

       .feature-block {
      padding: 3rem 1rem;
      background-color: #ffffff;
      margin-top: 100px;
    }

    .feature-wrapper {
      align-items: center;
    }

    .feature-content {
      font-family: "Open Sans", sans-serif;
    }

    .feature-heading {
      font-size: 2rem;
      font-weight: 700;
      color: #1b1b1b;
      margin-bottom: 1rem;
    }

    .feature-description {
      font-size: 1rem;
      color: #555;
      margin-bottom: 1.25rem;
      line-height: 1.7;
    }
    .feature-image {
      width: 100%;
      height: auto;
      border-radius: 15px;
      object-fit: cover;
    }

    @media (min-width: 768px) {
      .feature-wrapper {
        display: flex;
      }
    }