* {
  font-family: 'DM Sans', sans-serif;



  /* 
    .main-menu-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 20px;
        background-color: #fff;

    }



    .toggle-menu .menu-icon {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 50px;
        line-height: 46px;
        cursor: pointer;
        text-align: center;
        border: 1px solid #232223;
        border-radius: 50%;
        margin-right: 10px;
        z-index: 1;
    }

    .toggle-menu .menu-icon img {
        align-items: center;
        display: flex;

    }

    .right-menu .logo img {
        height: 40px;
        width: auto;
    }

    .dot-menu {
        width: 60px;
        height: 60px;
        padding: 0;
        border: 1px solid black;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;

    }


    .dot-menu img {
        max-width: 100%;
        height: auto;
    }


    .toggle-menu {
        display: flex;
        align-items: center;
        gap: 30px;
        cursor: pointer;

    }

    .dot-menu {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid black;
        border-radius: 50%;
    }



    .menu-text {
        font-size: 16px;
        font-weight: 500;
    }

    .logo img {
        max-width: 50%;
        height: 80px;
    }

    .center-menu {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .center-menu ul {
        display: flex;
        align-items: center;

        list-style: none;
        margin: 0;
        padding: 0;
        gap: 20px;
    }


    .right-menu ul {
        display: flex;
        align-items: center;

        list-style: none;
        margin: 0;
        padding: 0;
        gap: 30px;
    }


    span.search-icon {
        background-color: #ffffff;
        padding: 10px;
        border: 1px solid #939393;
        color: rgb(134, 132, 132);
        border-radius: 50px;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
    }

    span.search-icon:hover {
        background-color: #004170;
        color: white;

    }

    .main-menu-header {
        font-family: 'DM Sans', sans-serif;
        font-size: 18px;
        font-weight: 400;
        color: #393939;
    } */

  /* ---------- Top Bar ---------- */
  .top-bar {
    background: linear-gradient(90deg, #004170, #ffbb40);
    color: #fff;
    font-size: 14px;
    padding: 8px 0;
  }

  @media (max-width: 767px) {
    .top-bar {
      display: none;

    }
  }

  .top-bar a {
    color: #fff;
    text-decoration: none;
    margin-right: 15px;
    transition: opacity 0.3s ease;
  }

  .top-bar a:hover {
    opacity: 0.8;
  }

  .top-bar i {
    margin-right: 5px;
  }

  .top-bar .social-icons a {
    margin-right: 10px;
    font-size: 16px;
  }

  .top-bar .divider {
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    margin: 0 12px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
  }

  @media (max-width: 992px) {
    .top-bar {
      text-align: center;

    }

    .top-bar .d-flex {
      flex-direction: column;
      gap: 5px;
    }

    .top-bar .divider {
      display: none;
    }
  }

  /* Main Menu Navbar */
  .navbar {
    background: #fff;
    padding: 0.8rem 1.5rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    z-index: 1030;
  }

  .navbar-brand {
    font-weight: 700;
    color: #1b252f;
    font-size: 1.5rem;
  }

  .navbar-brand span {
    color: #004170;
  }

  .navbar-nav .nav-link {
    color: #8d8d8d;
    font-weight: 500;
    margin: 0 0.6rem;
    transition: color 0.3s;
  }

  .navbar-nav .nav-link.active,
  .navbar-nav .nav-link:hover {
    color: #fec04e;
  }

  .navbar-nav .nav-link.active {
    color: #fec04e !important;
  }

  /* 
    .location-btn{
      border: 1px solid #ddd;
      color: #004170;
      border-radius: 50%;
      padding: 7px;
      margin-left: 10px;
      cursor: pointer;
      transition: background 0.3s;
    } */



  .search {
    padding-left: 20px;
  }

  .search-icon {
    width: 50px;
    height: 50px;
    padding: 10px;
    text-align: center;
    border: 1px solid #e6e2e3;
    border-radius: 50%;
    margin-left: 10px;
    transition: all 500ms ease;
  }

  .search-icon:hover {
    background-color: #fec04e;
    color: #757072;
  }



  .close-menu {
    display: none;
  }

  /* --- Mobile Layout --- */
  @media (max-width: 991.98px) {

    .mobile-dbs-logo{
      position: sticky;
        top: 0;
        z-index: 10;
    }
    .navbar {
      position: relative;
    }

    .navbar .container-fluid {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .navbar-toggler {
      border: none;
      box-shadow: none;
    }

    .navbar-right-icons {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    /* Sliding mobile menu */
    .navbar-collapse {
      position: fixed;
      top: 10%;
      right: -50%;
      width: 50%;
      height:auto;
      background: #fff;
      box-shadow: -2px 0 10px rgba(0, 0, 0, 0.15);
      padding: 2rem 1.5rem;
      transition: right 0.4s ease;
      display: flex;
      flex-direction: column;
      align-items: start !important;
    }

    .navbar-collapse.show {
      right: 0px;
      top: 0;
    }




    .navbar-nav {
      margin-top: 2rem;
    }

    .navbar-nav .nav-link {
      display: block;
      margin: 1rem 0;
      font-size: 1.1rem;
    }

    .location-btn,
    .search-icon {
      display: none;
    }

    /* Close button inside menu */
    .close-menu {
      align-self: flex-end;
      font-size: 2rem;
      cursor: pointer;
      color: #333;
    }
  }

  /* Section Started  */
  /* SLider  */

  .container-slide-right {

    position: relative;
    display: flex;
    align-items: center;
    width: 400px;
    height: 400px;
    background-color: #004170;

  }

  .carousel-item {
    position: relative;
  }

  /* Circle overlay */
  .circle-overlay-right {
    position: absolute;
    top: 50%;
    left: 20%;
    /* adjust horizontal position */
    transform: translateY(-50%) !important;
    background: #0f43779e;
    border-radius: 50%;
    padding: 100px 40px;
    color: white;
    max-width: 550px;
    text-align: center;
  }

  .circle-overlay-right {
    will-change: transform, opacity;
    /* optimization hint */

    /* ensures zoom happens from center */
  }


  .circle-overlay-left {
    position: absolute;
    top: 50%;
    right: 20%;
    /* adjust horizontal position */
    transform: translateY(-50%) !important;
    background: #0f43779e;
    border-radius: 50%;
    padding: 100px 40px;
    color: white;
    max-width: 550px;
    text-align: center;
  }


  .circle-overlay-right h2,
  .circle-overlay-left h2 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
  }

  .circle-overlay-left h4,
  .circle-overlay-right h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
  }

  .circle-overlay-left p,
  .circle-overlay-right p {
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
  }

  .read-more-btn {
    font-size: 14px;
    font-weight: 500;
  }

  .circle-overlay-left h1,
  .circle-overlay-right h1 {
    font-size: 80px;
    line-height: 80px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 14px;
  }


  .circle-overlay-left h3,
  .circle-overlay-right h3 {
    font-size: 40px;
    line-height: 45px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 14px;
  }


  .overlay-btn {
    position: relative;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    font-size: 16px;
    line-height: 16px;
    color: #1e2c36;
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    background: #fff;
    padding: 16px 30px;
    border-radius: 15px;
    text-transform: capitalize;
    z-index: 1;
    text-decoration: none;
    transition: color 0.5s ease;
    border: 1px solid #939393;
  }


  .overlay-btn1 {
    display: inline-flex;
    align-items: center;
    font-size: 18px;
    line-height: 26px;
    color: #1e2c36;
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    background: #fff;
    padding: 16px 35px;
    border-radius: 15px;
    text-transform: capitalize;
    z-index: 1;
    text-decoration: none;
    transition: color 0.5s ease;
    border: 1px solid #939393;
    vertical-align: middle;

  }


  .overlay-btn1::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #ffbb40, #ffbb40);
    transition: left 0.5s ease;
    z-index: -1;
  }

  .overlay-btn1:hover::before {
    left: 0;
  }

  .overlay-btn1:hover {
    color: #1e2c36;
  }

  /* Pseudo-element for sliding background */
  .overlay-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #ffbb40, #ffbb40);
    transition: left 0.5s ease;
    z-index: -1;
  }

  .overlay-btn:hover::before {
    left: 0;
  }

  .overlay-btn:hover {
    color: #1e2c36;
  }

  .btn-new {
    border: 1px solid #e6e2e3;
    box-shadow: 0px 0px 20px 0px rgb(10 3 3 / 7%);
    padding: 16px 35px;
  }

  span.ico-size img {
    width: 20px;
    height: 20px;
  }




  /* Mobile responsive for slider  */
  @media only screen and (max-width: 499px) {

    .carousel-item {
      height: auto;
    }

    .carousel-item1 {
      height: auto;
    }

    .slide-bg img {
      height: 500px;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
    }

    .banner-carousel .content-inner {
      padding-left: 30px;
      padding-right: 30px;
    }

    .overlay-btn img {
      width: 10px !important;
      height: 10px !important;
    }

    .overlay-btn1 img {
      width: 10px !important;
      height: 10px !important;
    }

    .overlay-btn-btn-new img {
      width: 10px !important;
      height: 10px !important;
    }


    .icon-wrapper img {
      width: 14px !important;
      height: 14px !important;
    }



  }

  /* what-we-offer */

  div.container-lg.what-offer {
    margin-top: 0px;
    text-align: center;
  }

  .card-body {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 0 rgba(0, 65, 112, 0);
    transition: box-shadow 0.5s ease, transform 0.5s ease;
    overflow: hidden;

  }

  .card-1 .card-body {
    position: relative;
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    transition: all 0.6s ease;
    box-shadow: 0 0 0 rgba(0, 65, 112, 0);
  }

  .card-2 .card-body {
    position: relative;
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    transition: all 0.6s ease;
    box-shadow: 0 0 0 rgba(0, 65, 112, 0);
  }

  .card-1 .card-body::before {

    background: linear-gradient(0deg,
        transparent,
        transparent 40%,
        rgba(0, 65, 112, 0.25));
    transform: rotate(-45deg);
    opacity: 0;
    transition: all 0.8s ease;
    z-index: 1;
  }

  .card-2 .card-body::before {

    background: linear-gradient(0deg,
        transparent,
        transparent 40%,
        rgba(0, 65, 112, 0.25));
    transform: rotate(-45deg);
    opacity: 0;
    transition: all 0.8s ease;
    z-index: 1;
  }

  .icon-table img {
    width: 50px;
    height: auto;
  }

  /* Hover state */
  .card-1 .card-body:hover {
    transform: scale(1.03);
    box-shadow: 0 0 25px rgba(0, 65, 112, 0.4);
  }


  .card-2 .card-body:hover {
    transform: scale(1.03);
    box-shadow: 0 0 25px rgba(0, 65, 112, 0.4);
  }


  .card-1 .card-body {
    position: relative;
    display: block;
    border: 1px solid #e6e2e3;
    border-radius: 15px;
    background: #fff;
    overflow: hidden;
    padding: 50px 20px 50px 20px;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
    max-width: 100%;
    width: 100%;
    margin: 0 auto;

  }

  .card-2 .card-body {
    position: relative;
    display: block;
    border: 1px solid #e6e2e3;
    border-radius: 15px;
    background: #fff;
    overflow: hidden;
    padding: 50px 20px 50px 20px;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
    max-width: 370px;
    width: 100%;
    margin: 0 auto;

  }


  h3.table-text {
    position: absolute;
    top: 40px;
    right: 0px;
    font-size: 30px;
    font-weight: 700;
    background: #f9f5f6;
    border: 1px solid #e6e2e3;
    border-radius: 15px 0px 0px 15px;
    padding: 11px 25px;
    border-right: none;
    color: #fec04e;
  }

  .move-around {
    width: 30px;
    height: 30px;
    animation: move-around infinite 3s linear;
  }

  @keyframes move-around {
    from {
      transform: rotate(0deg);
    }

    to {
      transform: rotate(360deg);
    }
  }

  .single-table-item {
    position: relative;
    display: block;
    padding: 15px 0px;
    border-bottom: 1px solid #b5b5b5;
  }

  .single-table-item h6 {

    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    margin-bottom: 2px;
    text-transform: uppercase;
  }

  /* rotate icon */


  .single-table-item p {

    font-family: 'DM Sans', sans-serif;
    color: #757072;
    font-weight: 400;
    margin: 0px;
    transition: all 500ms ease;
  }

  .table-head {
    display: flex;
    justify-content: flex-end;
    /* moves content to the right */
    align-items: center;
    /* vertically centers if needed */
  }

  .icon-table {
    display: flex;
    justify-content: flex-start;
    /* moves content to the right */
    align-items: center;
  }

  h6.offer-text {
    margin-top: 2rem;
    font-size: 14px;
    text-transform: uppercase;
    color: #004170;
    font-weight: 600;

  }


  .overlay-btn-btn-new {
    position: relative;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    font-size: 18px;
    line-height: 26px;
    color: #1e2c36;
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    background: #fff;
    padding: 16px 90px;
    border-radius: 15px;
    text-transform: capitalize;
    z-index: 1;
    text-decoration: none;
    transition: color 0.5s ease;
    border: 1px solid #939393;
  }


  /* Pseudo-element for sliding background */
  .overlay-btn-btn-new::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(0deg, #004170, #fec04e 100%);
    transition: left 0.5s ease;
    z-index: -1;
  }

  .overlay-btn-btn-new:hover::before {
    left: 0;
  }

  .overlay-btn-btn-new:hover {
    color: #ffffff;

  }

  /* img hover effects on cards  */
  .figure {
    position: relative;
    width: 360px;
    /* can be omitted for a regular non-lazy image */
    width: 100%;
  }

  img.Sirv.image-main {
    width: 100%;
  }

  .figure img.Sirv.image-hover {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    object-fit: contain;
    flex-shrink: 0;
    opacity: 0;
    transition: opacity .2s;
    width: 100%;
  }

  .figure:hover img.Sirv.image-hover {
    opacity: 1;
  }

  span.subtitle-offer {
    /* font-size: 14px;
    line-height: 36px;
    font-weight: 700;
    border: 1px solid #e6e2e3;
    border-radius: 5px;
    padding: 10px 14px;
    text-transform: uppercase;
    background: #fff;
    color: #004170;
    margin-bottom: 20px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10); */
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 4px;
    line-height: 2em;
    padding-left: 0.25em;
    color: #004170;
    padding-bottom: 10px;
  }

  .who-we-are h2 {
    display: flex;
    flex-direction: column;
    align-items: left;
    font-size: 30px;
    margin-bottom: 20px;

    color: #111;
    gap: 5px;
    /* spacing between text, line, and symbol */
  }

  /* .who-we-are h2 span.line {
      display: block;
      width: 60%;
      height: 1px;
      background-color: #777;
    }
  
    .who-we-are h2 span.symbol {
      font-size: 30px;
      color: #c50000;
    } */
  span.subtitle-offer1 {
    font-size: 14px;
    line-height: 36px;
    font-weight: 700;
    border: 1px solid #e6e2e3;
    border-radius: 5px;
    padding: 10px 14px;
    text-transform: uppercase;
    background: transparent;
    color: #fec04e;
    margin-bottom: 20px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
  }

  h2.subhead {
    font-size: 45px;
    font-weight: 700;
    line-height: 45px;
    margin: 20px;
  }

  h2.subhead1 {
    font-size: 45px;
    font-weight: 700;
    line-height: 45px;
    margin: 20px;
    color: white;
  }




  .main-col {
    padding: 5px;

  }

  .icon-img {
    background: #fff;
    border-radius: 10px;
    border: 1px solid #e6e2e3;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
  }


  .main-col {

    display: flex;
    flex: wrap;
    align-items: flex-start;
    padding: 1rem;
    background-color: #F5F1F2;
    border-right: 1px solid #a5a5a5;
    border-bottom: none;

  }





  .main-col .main-content {
    text-align: left;
    padding-left: 15px;
    /* align text to start/left */
  }





  h6.colh6 {
    font-weight: 800;
    line-height: 30px;
    font-size: 16px;

  }

  h3 {
    display: block;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 12px;
    color: #1e2c36;

  }

  h3.offer-h3 {
    font-size: 36px;
    line-height: 36px;
    font-weight: 500;
    margin-bottom: 12px;
    color: #ffffff;
  }

  .main-content div.user {
    position: relative;
    display: inline-block;
    background: #ffbb40;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    padding: 10px 20px;
  }

  .main-content {
    padding-left: 1px;
  }

  .new-bg {

    border-radius: 10px;
  }

  .icon-wrapper {
    position: relative;
    cursor: pointer;
    padding-top: 10px;
  }

  .icon-wrapper img {
    display: block;

  }

  .hover-text {
    position: absolute;
    padding-top: 10px;
    left: 20%;
    /* start to the right of the icon */
    top: 50%;
    transform: translateY(-50%) translateX(-20px);
    /* start slightly hidden */
    opacity: 0;
    color: #444444;
    white-space: nowrap;
    transition: all 0.3s ease;
    pointer-events: none;
    /* so hover only triggers on icon */

  }

  .icon-wrapper:hover .hover-text {
    transform: translateY(-50%) translateX(10px);
    /* slide into view */
    opacity: 1;
  }

  .hover-text-block {
    position: absolute;
    padding-top: 10px;
    left: 15%;
    top: 50%;
    transform: translateY(-50%);
    /* keep it centered */
    opacity: 1;
    /* always visible */
    color: #fff;
    /* always white */
    white-space: nowrap;
    transition: all 0.3s ease;
  }

  /* On hover → add underline */
  .hover-text-block:hover {
    text-decoration: underline;
    text-decoration-thickness: 2px;
  }


  h3.offerh3 {
    font-size: 26px;
    font-family: 400;
    line-height: 30px;
    color: white;
  }

  h3.offer-new {
    font-size: 26px;
    font-family: 600;
    line-height: 30px;
    color: #004170;
  }



  @media (max-width: 992px) {

    .overlay-left,
    .overlay-right {
      max-width: 80%;
      padding: 30px 20px;
      left: 50%;
      right: 50%;
      transform: translate(-50%, -50%);
    }
  }

  @media (max-width: 576px) {

    .overlay-left,
    .overlay-right {
      position: relative;
      top: auto;
      transform: none;
      margin: 20px auto;
      width: 90%;
      padding: 20px;
    }
  }


  @media (max-width: 991px) {
    .circle-overlay-left {
      position: absolute;
      top: 50%;
      right: 6%;
      transform: translateY(-50%) !important;
      background: #0f43779e;
      border-radius: 0px;
      padding: 50px 40px;
      color: white;
      max-width: 350px;
      text-align: center;
      margin-bottom: 36px;



    }

    .circle-overlay-right {
      position: absolute;
      top: 50%;
      left: 6%;
      transform: translateY(-50%) !important;
      background: #0f43779e;
      border-radius: 0px;
      padding: 50px 40px;
      color: white;
      max-width: 350px;
      text-align: center;
      margin-bottom: 36px;
    }

    div.carousel-indicators {
      display: none;
    }

    .circle-overlay-left h1,
    .circle-overlay-right h1 {
      font-size: 28px;
      line-height: 28px;
      font-weight: 900;
      text-transform: uppercase;
      margin-bottom: 4px;
    }


    .circle-overlay-left p,
    .circle-overlay-right p {
      font-size: 20px;
      line-height: 23px;
      font-weight: 400;
    }

    h3.offerh3 {
      font-size: 25px;
      line-height: 25px;
    }



    .overlay-btn {
      position: relative;
      display: inline-block;
      overflow: hidden;
      vertical-align: middle;
      font-size: 16px;
      line-height: 16px;
      color: #1e2c36;
      font-family: 'DM Sans', sans-serif;
      font-weight: 500;
      background: #fff;
      padding: 10px 20px !important;
      margin-bottom: 36px;
      border-radius: 6px;
      text-transform: capitalize;
      z-index: 1;
      text-decoration: none;
      transition: color 0.5s ease;
      border: 1px solid #939393;
    }


    .overlay-btn-new {
      position: relative;
      display: inline-block;
      overflow: hidden;
      vertical-align: middle;
      font-size: 8px;
      line-height: 13px;
      color: #1e2c36;
      font-family: 'DM Sans', sans-serif;
      font-weight: 500;
      background: #fff;
      padding: 3px 20px !important;
      margin-bottom: 36px;
      border-radius: 6px;
      text-transform: capitalize;
      z-index: 1;
      text-decoration: none;
      transition: color 0.5s ease;
      border: 1px solid #939393;
    }


    .carousel-control-next,
    .carousel-control-prev {
      position: absolute;
      top: 145px !important;
      bottom: 50px;
      z-index: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 15%;
      padding: 0;
      color: #fff;
      text-align: center;
      background: 0 0;
      border: 0;
      opacity: .5;
      transition: opacity .15s ease;
    }

    /* third section having 4 cols  */
    .hover-text {
      position: absolute;
      padding-top: 10px;
      left: 10%;
      top: 50%;
      transform: translateY(-50%) translateX(-20px);
      opacity: 0;
      color: #444444;
      white-space: nowrap;
      transition: all 0.3s ease;
      pointer-events: none;
    }



  }


  .carousel-control-next,
  .carousel-control-prev {
    position: absolute;
    top: 470px;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease;
    transform: translate(-10%);




  }


  .image_block_1 .image-box {
    position: relative;
    display: block;
    padding-right: 170px;
    margin-right: 20px;
    padding-bottom: 195px;
  }

  .image_block_1 .image-box .image-shape {
    position: absolute;
    left: 30px;
    bottom: 0px;
    width: 280px;
    height: 215px;
    background-repeat: no-repeat;
  }

  .image_block_1 .image-box .image-1 {
    position: relative;
    display: block;
    background: #fff;
    padding: 10px;
    overflow: hidden;
    border-radius: 10px;
    z-index: 1;
    padding-left: 65px !important;
  }

  .image_block_1 .image-box .image-2 {
    position: absolute;
    right: 0px;
    bottom: 0px;
    border-radius: 50%;
  }

  /* mobile responsive */
  @media only screen and (max-width: 499px) {
    .image_block_1 .image-box {
      padding: 0px;
    }
  }

  @media only screen and (max-width: 599px) {
    .image_block_1 .image-box {
      margin-right: 0px;
    }
  }

  @media only screen and (max-width: 991px) {
    .image_block_1 .image-box {
      margin-bottom: 0px;
    }
  }

  @media only screen and (max-width: 767px) {
    .image_block_1 .image-box .image-2 {
      /* position: relative;
      margin-top: 30px; */
      display: none;
    }
  }

  @media only screen and (max-width:767px) {
    .image_block_1 .image-box .curve-text {
      /* position: relative;
      width: 150px;
      height: 150px;
      margin: 0 auto;
      margin-top: 20px; */
      display: none;
    }

    .image-shape {
      display: none;
    }

    .image_block_1 .image-box .image-1 {

      position: relative;
      display: block;
      background: #fff;
      padding: 10px;
      overflow: hidden;
      border-radius: 10px;
      z-index: 1;
      padding-left: 18px !important;
      padding: 0px !important;
      margin: 0;
    }
  }



  .icon-wrapper1 {
    display: inline-flex;
    align-items: center;
    position: relative;
  }

  .icon-wrapper1 img {
    width: 20px;
    transition: transform 0.3s ease;
    padding-bottom: 10px;
  }

  .icon-wrapper1 .hover-text1 {
    opacity: 0;
    margin-left: 8px;
    font-size: 16px;
    color: #004170;
    /* Bootstrap danger color */
    transition: opacity 0.3s ease, transform 0.3s ease;
    transform: translateX(-10px);
    white-space: nowrap;
    /* prevent wrapping */
    padding-bottom: 10px;
    padding-right: 10px;
  }

  /* Hover Effect */
  /* .list-group-item:hover .icon-wrapper1 img {
    transform: translateX(5px);
  } */

  span.list-text {
    font-size: 16px;
    font-weight: 400;
    color: #1b252f;
    padding-left: 10px;
  }

  /* .list-group-item:hover .icon-wrapper1 .hover-text1 {
    opacity: 1;
    transform: translateX(0);

  } */
  /* 
   .list-group-item:hover {
    background-color: #ffffff !important; */



  .curve-text .icon-box {
    position: absolute;
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    background: #fff;
    border: 1px solid #e7e3e4;
    border-radius: 50%;
    text-align: center;
    top: 30px;
    right: 25px;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, .07);
  }

  .curved-text {
    position: absolute;
    top: 80px;
    right: -60px;
    width: 137px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
  }



  /* our centres start css */
  .card-body-block {
    position: relative;
    display: block;
    border: 1px solid #e6e2e3;
    border-radius: 15px;
    background: #fff;
    overflow: hidden;
    padding: 50px 40px 50px 40px;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
  }

  .card-body-block {
    position: relative;
    width: 300px;
    height: 200px;
    overflow: hidden;
    border-radius: 12px;
    cursor: pointer;
  }

  .card-bg {
    background: url('your-image.jpg') center/cover no-repeat;
    width: 100%;
    height: 100%;
    transition: all 0.6s ease;
  }

  .card-body-block::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-linear-gradient: (90deg, rgba(0, 0, 0, 0.7) 10%, rgba(0, 0, 0, 0.0) 50%);
    /* background: rgba(0,0,0,0); No overlay initially */
    transition: background 0.6s ease;
    z-index: 1;
  }

  .card-content1 {
    position: absolute;
    z-index: 2;
    color: #fff;
    bottom: 20px;
    left: 20px;
  }

  .card-content{
    display: block;
      height: 100%;
    
  }
 

.box {
  flex-grow: 1;
  /* make text area expand evenly */
}


  .card-body-block:hover .card-bg {
    transform: scale(1.1) rotate(3deg);
    filter: brightness(70%);
    /* Makes image lighter/dimmed */
  }

  .card-body-block:hover::before {
    background: rgba(0, 0, 0, 0.5);
    /* Black overlay on hover */
  }

  .small-card {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 260px;
    padding: 20px;
    text-align: left;
    background: #004170;
    color: #333;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    z-index: 2;
    font-size: 14px;
    line-height: 1.4;
    height: 250px;
  }

  .small-card h5 {
    font-size: 20px;
    font-weight: 600;
    color: #e7e3e4;
    margin-top: 5px;
  }


  .small-card h6 {
    font-size: 15px;
    font-weight: 600;
    color: #e7e3e4;
    margin-top: 5px;
  }

  .stroke-text h2 {
    color: transparent;
    /* hollow inside */
    -webkit-text-fill-color: rgba(255, 255, 255, 0);
    /* Will override color (regardless of order) */
    -webkit-text-stroke: 1.4px #fec04e;
    font-size: 70px;
    transition: all 0.4s ease;
    /* smooth transition */
    position: absolute;
    bottom: 10px;
    left: 30px;
    z-index: 2;
  }

  /* On hover of parent card */
  .card-body-block:hover .stroke-text h2 {
    color: #fec04e;
    /* fill becomes visible */
    -webkit-text-stroke: 1px #fec04e;
    /* outline changes to red */
    -webkit-text-fill-color: #fec04e;
    /* Will override color (regardless of order) */

  }


  div.container-lg.best-ofc {

    justify-content: space-between;
    align-items: left;
    flex-wrap: wrap;
    gap: 20px;
  }



  .ofc-card {
    position: absolute;
    top: 245px;
    right: 20px;
    left: 20px;
    bottom: 20px;
    width: 360px;
    padding: 10px;
    text-align: left;
    background: #ffffff;
    color: #767575;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    z-index: 2;
    font-size: 14px;
    line-height: 1.4;


  }


  @media (max-width: 767px) {
    .main-col {
      display: flex;
      flex: wrap;
      align-items: flex-start;
      padding: 1rem;
      background-color: #F5F1F2;
      border-bottom: 1px solid #a5a5a5;
      border-left: none;
    }
  }

  .workspace-card {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    padding: 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transition: all 0.4s ease;
    width: 400px;
    height: 500px;
  }

  /* Overlay layer (for darkening effect) */
  .workspace-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 20px;
    transition: background 0.4s ease;
    z-index: 0;
  }

  /* Darken background only on hover */
  .workspace-card:hover .workspace-overlay {
    background: rgba(0, 0, 0, 0.7);
  }

  span.price {
    color: #004170;
  }


  /* Inner white border */
  .workspace-inner-border {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 16px;
    z-index: 1;
    pointer-events: none;
  }

  /* Tag at top-left */
  .workspace-tag {
    position: absolute;
    top: 25px;
    left: 25px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 10px;
    z-index: 2;
  }

  /* White content card area */
  .workspace-details {
    position: relative;
    background: #fff;
    border-radius: 15px;
    padding: 20px;
    z-index: 3;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    margin-top: 330px;
    /* adjust to push it lower into the card */
  }

  .workspace-details .location {
    font-size: 14px;
    color: #ffb938;
    margin-bottom: 5px;
    font-weight: 700;
  }

  .workspace-title {
    font-size: 18px;
    font-weight: 600;
    color: #222;
    margin-bottom: 10px;
  }

  .workspace-footer {
    border-top: 1px solid #eee;
    padding-top: 10px;
    font-size: 14px;
    color: #555;
  }

  .workspace-tag {
    color: #fec04e;
    background-color: #004170;
    font-size: 12px;
    padding: 5px;
    border: 1px;
    border-radius: 9px;
  }

  .workspace-card:hover .workspace-tag {
    background-color: #fec04e;
    color: #004170;
    font-size: 12px;
    padding: 5px;
  }


  .main-container-8 {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 8px 20px rgba(56, 56, 56, 0.2);
    margin: 0 auto;
    width: 300vw;
    /* full viewport width */
    max-width: 100%;
    /* no limit */
    box-sizing: border-box;
    /* include padding in width */
  }

  .single-box {
    border: 0.5px solid #9c9c9c;
    background-color: #ffffff;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 15px;
    height: 250px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }



  .inner-box img {
    max-width: 80px;
    margin-bottom: 15px;
  }

  .single-cont-text h4 {
    font-size: 23px;
    margin-bottom: 8px;
    font-weight: 400;
  }

   h4.head-modal {
    font-size: 25px;
    font-weight: 800;
  }

  h4.head-texth4 {
    font-size: 25px;
    margin-bottom: 5px;
    font-weight: 800;
  }

    h4.head-texth41 {
    font-size: 26px;
    margin-bottom: 5px;
    font-weight: 800;
    
  }

    h6.head-h6 {
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 17px;
    font-weight: 500;
    
  }

  .single-cont-text p {
    font-size: 18px;
    color: #757072;
    font-weight: 400;
  }

  .link-button {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: #fff;
    border: 1px solid #e7e3e4;
    border-radius: 50%;
    text-align: center;
    font-size: 18px;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);
    margin-bottom: 10px;
  }

  /* housekeeping box  */
  .single-box1 {
    border: 0.5px solid #9c9c9c;
    background-color: #004170;
    justify-content: center;
    text-align: center;
    padding: 15px;
    height: 250px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .single-cont-text1 h4 {
    font-size: 23px;
    color: #ffffff;
    margin-bottom: 8px;
    font-weight: 400;
  }

  .single-cont-text1 p {
    font-size: 18px;
    color: #ffffff;
    font-weight: 400;
  }


  .single-box2 {
    border: 0.5px solid #9c9c9c;
    background-color: #ffb938;
    justify-content: center;
    text-align: center;
    padding: 15px;
    height: 250px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .single-cont-text2 h4 {
    font-size: 23px;
    color: #ffffff;
    margin-bottom: 8px;
    font-weight: 400;
  }

  .single-cont-text2 p {
    font-size: 18px;
    color: #ffffff;
    font-weight: 400;
  }




  .circle-text {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #f9f5f6;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    margin: 0 auto;

  }







  .plus-con {
    font-size: 24px;
    /* smaller than the main number */
    vertical-align: super;
    /* makes it appear like superscript */
    margin-left: 2px;
  }

  .single-cont-text3 h1 {
    font-size: 48px;
    color: #ffbb40;
    margin: 0;
  }



  .outer-container {
    position: relative;
    border: 1px solid #9c9c9c;

    border-radius: 15px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, .10);
  }

  /* Section Spacing for best offics  */
  section.best-ofc {
    margin-top: 80px;
    margin-bottom: 80px;
  }



  /* Section Spacing for our centers  */
  section.our-centers {
    margin-top: 120px;

  }


  /* Section Spacing for our centers  */
  section.who-we-are {
    margin-top: 80px;

  }

  .who-we-are h2 {
    margin-top: 20px;
    font-size: 45px;
    line-height: 45px
  }

  /* Section Spacing for what we offer  */
  section.what-we-offer {
    margin-top: 80px;
    margin-bottom: 0;
  }

  /* Section for amenitites */

  section.amenities {
    margin-top: 50px;
    margin-bottom: 120px;
  }

  /* Section for amenitites */

  section.image-gallery {
    margin-top: 120px;
    margin-bottom: 120px;
  }

  section.testimonials {
    margin-top: 80px;
    margin-bottom: 80px;


  }


  section.book-tour {

    margin-bottom: 60px;

  }

  @media (max-width: 767px) {
    section.book-tour {
      margin-top: 0px;
      margin-bottom: 60px;
      margin-left: 0px;
      margin-right: 0px
    }
  }


  /* Sections Spacing in mobile  */

  @media only screen and (max-width: 767px) {

    /* Section Spacing for best offics  */
    section.best-ofc {
      margin-top: 60px;
      margin-bottom: 60px;
    }

    /* Section Spacing for our centers  */
    section.our-centers {
      margin-top: 60px;

    }


    /* Section Spacing for our centers  */
    section.who-we-are {
      margin-top: 60px;

    }


    /* Section Spacing for what we offer  */
    section.what-we-offer {
      margin-top: 60px;
      margin-bottom: 60px;
    }

    /* Section for amenitites */

    section.amenities {
      margin-top: 60px;
      margin-bottom: 60px;
    }

    /* Section for amenitites */

    section.image-gallery {
      margin-top: 60px;
      margin-bottom: 60px;
    }

    section.testimonials {
      margin-top: 60px;
      margin-bottom: 60px;


    }



    @media (max-width: 767px) {
      section.book-tour {
        margin-top: 0px;
        margin-bottom: 60px;
        margin-left: 0px;
        margin-right: 0px
      }
    }

  }

  .grid-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    padding: 10px;
  }

  .first-col {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .nested-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    /* 2 small sections side by side */
    gap: 10px;
  }

  .section-big,
  .small-section,
  .big-section {
    background-color: #f0f0f0;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .small-section img,
  .section-big img,
  .big-section img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .big-section {
    height: 280px;
    /* bigger section */
  }

  /* Responsive */
  @media (max-width: 992px) {
    .grid-container {
      grid-template-columns: repeat(2, 1fr);
    }

    .big-section {
      height: 150px;
    }
  }

  @media (max-width: 576px) {
    .grid-container {
      grid-template-columns: 1fr;
    }

    .big-section {
      height: 120px;
    }
  }

  /* Common container styles */
  .small-section,
  .big-section,
  .section-big {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
  }

  /* Image styling */
  .small-section img,
  .big-section img,
  .section-big img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
    transition: transform 0.4s ease;
  }

  /* Slight zoom on hover */
  .small-section:hover img,
  .big-section:hover img,
  .section-big:hover img {
    transform: scale(1.05);
  }

  /* Overlay (hidden initially) */
  .lay-gallery {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(10, 25, 79, 0.916);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    border-radius: 15px;
    transition: opacity 0.4s ease;
  }

  .small-section,
  .big-section,
  .section-big {
    position: relative;
    overflow: hidden;
  }

  .lay-gallery {
    position: absolute;
    inset: 0;
    /* cover full section */
    background: rgba(0, 0, 0, 0.5);
    /* dark overlay */
    opacity: 0;
    display: flex;
    flex-direction: column;
    /* stack text and view-more vertically */
    justify-content: center;
    /* center h5 vertically */
    align-items: center;
    /* center h5 horizontally */
    padding: 20px;
    opacity: 0;
    transition: transform 0.4s ease, opacity 0.4s ease;
  }

  .small-section:hover .lay-gallery,
  .big-section:hover .lay-gallery,
  .section-big:hover .lay-gallery {
    opacity: 1;
  }

  /* Center the main text */
  .lay-gallery .text-center {
    padding-bottom: 50px;
    font-size: 1.3rem;
    color: #fff;
    font-style: 500;
    font-weight: 800;
    letter-spacing: 1px;
    text-align: center;
    margin: 0 0 10px 0;
  }

  .lay-gallery .text-center:hover {
    padding-bottom: 50px;
    font-size: 1.3rem;
    color: #fec04e;
    font-style: 500;
    font-weight: 800;
    letter-spacing: 1px;
    text-align: center;
    margin: 0 0 10px 0;
  }

  /* View more at bottom-right */
  .view-more {
    margin-top: auto;
    align-self: flex-end;
    display: flex;
    align-items: center;
    gap: 5px;
  }

  .view-more span {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
  }

  .view-more img {
    width: 16px;
    height: 16px;
  }

  .view-more:hover span {
    color: #ffb938;
    font-size: 16px;
    text-decoration: underline;
  }

  .testimonial-card {
    border: none;
    border-radius: 30px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    padding: 20px;
    position: relative;
    display: block;
    overflow: hidden;
    background: #fff;
    border-radius: 15px;
    border: 1px solid #e6e2e3;
    padding: 43px 40px 43px 50px;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    transition: all 500ms ease;
  }

  .testimonial-card1 {
    width: 100%;
    background-color: transparent;
    padding: 20px;
    position: relative;
    display: block;
    overflow: hidden;




    transition: all 500ms ease;
  }

  .card-test {
    background-color: transparent !important;
    border: none !important;
  }




  .testimonial-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
  }


  .testimonial-header1 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
  }

  .user-info {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .testimonial-header1 .user-info:before {
    position: absolute;
    content: '';
    background-image: url(./images/shape-17.png);
    width: 138px;
    height: 138px;
    left: -50px;
    top: -25px;
    background-repeat: no-repeat;
    z-index: -1;
  }

  .user-info img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
  }

  .user-info h5 {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
  }

  .user-info p {
    margin: 0;
    font-size: 0.9rem;
    color: #777;
  }

  .quote-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 100px;
    object-fit: cover;
    padding: 0px;
    margin: 0px;
  }

  .testimonial-text {
    font-size: 0.95rem;
    color: #555;
    line-height: 1.6;
    margin-top: 5px;
  }

  .testimonial-text1 {
    font-size: 0.95rem;
    color: #ffffff;
    line-height: 1.6;
    margin-top: 5px;
    text-align: center;
  }


  .testimonial-card:hover {
    border: 1px solid #004170;

  }


  /* Show hover image when the parent card is hovered */
  .testimonial-card:hover .figure img.Sirv.image-hover {
    opacity: 1;
  }

  /* Optionally hide main image on hover */
  .testimonial-card:hover .figure img.Sirv.image-main {
    opacity: 0;
  }

  .card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: 25px !important;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    transition: all 500ms ease;
  }

  h5.test-name {
    font-size: 25px;
    font-weight: 600;
    line-height: 25px;
    color: #232223;
  }

  p.test-desg {
    font-size: 18px;
    font-weight: 400;
    color: #004170;
  }

  p.test-desg1 {
    font-size: 18px;
    font-weight: 400;
    color: #fec04e;
  }

  p.testimonial-text {
    font-size: 20px;
    font-weight: 400;
    color: #757072;
  }

  section.testimonials .test {
    background-color: #fff1d6;

  }

  section.testimonials .test1 {
    position: relative;
    background: url(./images/test-bg.jpg) center center / cover no-repeat;
    color: #fff;

    /* keep text visible */
    z-index: 1;
    overflow: hidden;
    /* ensures overlay doesn’t leak outside */
  }

  /* Dark overlay over the same section */
  section.testimonials .test1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.63);
    /* Adjust 0.65 for desired darkness */
    z-index: 0;
  }

  /* Ensure your actual content sits above the overlay */
  section.testimonials .test1>* {
    position: relative;
    z-index: 1;
  }



  section.book-tour .container-book {
    position: relative;
    width: 100%;
    padding: 110px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;


  }


  .form-container {
    position: static;
    max-width: 930px;
    padding: 0px 15px;
    margin: 0 auto;
  }

  .form-wrapper {
    background: #fff;
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    width: 100%;
    max-width: 700px;
  }

  .text-cont h2 {
    font-weight: 600;
    font-size: 48px;
    margin-bottom: 10px;
    color: #222;
  }

  .text-cont p {
    color: #666;
    font-size: 18px !important;
    margin-bottom: 30px;
    font-size: 15px;
  }

  .form-control,
  .form-select {
    border: none;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    padding: 20px 50px 20px 20px;
    font-size: 1.5rem;
    transition: all 0.3s ease;
  }

  .form-control:focus,
  .form-select:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 85, 124, 0.25);
    border-color: #004170;
    outline: none;
  }

  .input-group-text {
    border: none !important;
    background: none !important;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #fec04e;
    font-size: 1.1rem;
  }

  .input-group-text i,
  span {
    color: #ffb938;
  }

  .form-group {
    position: relative;
    margin-bottom: 20px;
  }

  textarea.form-control {
    min-height: 100px;
    resize: none;
  }

  .btn-submit {
    background: #fff;
    border: none;
    color: #222;
    font-weight: 500;
    font-size: 1.1rem;
    border-radius: 12px;
    padding: 14px;
    width: 100%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
  }

  .btn-submit i {
    margin-right: 8px;
    color: #fec04e !important;
    font-size: 1rem;
  }

  .btn-submit:hover {
    background: #fec04e;
    color: #fff !important;
    box-shadow: 0 5px 20px rgba(255, 85, 125, 0.123);
  }

  .btn-submit:hover i {
    color: #fff !important;
  }



  section.book-tour .container-book {
    position: relative;
    width: 100%;
    padding: 110px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
  }

  .form-container {
    position: static;
    max-width: 930px;
    padding: 0px 15px;
    margin: 0 auto;
  }

  .form-wrapper {
    background: #fff;
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    width: 100%;
    max-width: 700px;
  }


  @media (max-width: 767px) {

    .testimonial-card1 {
        padding: 0px;
      }
    .form-container {
      display: flex;
      justify-content: center;

      align-items: center;

      flex-direction: column;


      margin: 0 auto;
      text-align: center;
      position: static;
      max-width: 1200px;
      padding: 0px 15px;
      margin: 0 auto;



    }

    .section.testimonial-test1 {
      height: 700px;
    }

    .form-wrapper {
      background: #fff;
      padding: 30px;
      border-radius: 20px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
      width: 100%;
      max-width: 100%;
      text-align: center;
    }

    .text-cont h2 {
      font-weight: 600;
      font-size: 30px !important;
      line-height: 30px !important;
      margin-bottom: 10px;
      color: #222;
    }

    .text-cont p {
      color: #666;
      font-size: 18px !important;
      margin-bottom: 30px;
      font-size: 14px !important;
    }

    .form-control,
    .form-select {
      border: none;
      border-radius: 12px;
      background: #fff;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
      padding: 20px 50px 20px 20px;
      font-size: 14px !important;
      transition: all 0.3s ease;
    }

    .form-control:focus,
    .form-select:focus {
      box-shadow: 0 0 0 0.2rem rgba(255, 85, 124, 0.25);
      border-color: #004170;
      outline: none;
    }

    .input-group-text {
      border: none !important;
      background: none !important;
      position: absolute;
      right: 15px;
      top: 50%;
      transform: translateY(-50%);
      color: #fec04e;
      font-size: 14px !important;
    }

    .input-group-text i,
    span {
      color: #ffb938;
    }

    .form-group {
      position: relative;
      margin-bottom: 10px !important;
    }

    textarea.form-control {
      min-height: 60px;
      resize: none;
    }

    .btn-submit {
      background: #fff;
      border: none;
      color: #222;
      font-weight: 500;
      font-size: 1.1rem;
      border-radius: 12px;
      padding: 14px;
      width: 100%;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s ease;
    }

    .btn-submit i {
      margin-right: 8px;
      color: #004170;
      font-size: 1rem;
    }

    .btn-submit:hover {
      background: #fec04e;
      color: #fff;
      box-shadow: 0 5px 20px rgba(255, 85, 125, 0.123);
    }

    .btn-submit:hover i {
      color: #fff;
    }


  }

  /* .form-container1 {
  
       position: absolute;
       top: 50%;
       left: 20%;
      
       transform: translateY(-50%) !important;
       background-color: #f0f0f0;
       border-radius: 50%;
       padding: 100px 40px;
       color: white;
       max-width: 550px;
       text-align: center;
  
     } */

  /* .form-wrapper1 {
       background: #fff;
       padding: 40px;
       border-radius: 20px;
       box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
       width: 500px;
     } */

  .text-cont h2 {
    font-weight: 600;
    font-size: 48px;
    margin-bottom: 10px;
    color: #222;
  }

  .text-cont p {
    color: #666;
    font-size: 18px !important;
    margin-bottom: 30px;
    font-size: 15px;
  }

  .form-control,
  .form-select {
    border: none;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    padding: 20px 50px 20px 20px;
    font-size: 1.5rem;
    transition: all 0.3s ease;
  }

  .form-control:focus,
  .form-select:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 85, 124, 0.25);
    border-color: #004170;
    outline: none;
  }

  .input-group-text {
    border: none !important;
    background: none !important;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #fec04e;
    font-size: 1.1rem;
  }

  .input-group-text i,
  span {
    color: #ffb938;
  }

  .form-group {
    position: relative;
    margin-bottom: 0;
  }

  textarea.form-control {
    min-height: 100px;
    resize: none;
  }

  .btn-submit {
    background: #fff;
    border: none;
    color: #222;
    font-weight: 500;
    font-size: 1.1rem;
    border-radius: 12px;
    padding: 14px;
    width: 100%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    border: 1px solid #ccc;
  }

  .btn-submit i {
    margin-right: 8px;
    color: #004170;
    font-size: 1rem;
  }

  .btn-submit:hover {
    background: #fec04e;
    color: #fff;
    box-shadow: 0 5px 20px rgba(255, 85, 125, 0.123);
  }

  .btn-submit:hover i {
    color: #fff;
  }

  /* Couter */
  .counter-box {
    display: flex;
    flex-direction: column;
    align-items: center !important;
    justify-content: center;
    text-align: center !important;
    padding: 15px;
    height: 200px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-left: 0.1px solid #757072;
    border-bottom: none;
  }

  .counter-box .counter {
    font-size: 36px;
    font-weight: 400;
  }

  .counter-box .counter1 {
    font-size: 36px;
    font-weight: 400;
  }

  .counter-box h3.counth3 {
    font-size: 23px;
    line-height: 23px;
    font-weight: 400;


  }

  .counter::after {
    content: "+";
    /* adds the plus sign after number */
    font-size: inherit;
    /* same size as the number */
    margin-left: 2px;
    /* small spacing */
    color: inherit;
    /* same color as number */
  }

  .counter-box p {
    font-size: 18px;
    color: #757072;
    font-weight: 400;
  }


  .counter1::after {
    content: "+";
    font-size: 2rem;
    font-weight: 700;
    color: #ff5e14;
    margin-left: 2px;
  }



  .counter-box2 {

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 15px;
    height: 200px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-right: 0.1px solid #757072;
    border-left: 0.1px solid #757072;

  }

  .counter-box2 .counter {
    font-size: 36px;
    font-weight: 400;
  }

  .counter-box2 .counter1 {
    font-size: 36px;
    font-weight: 400;
  }

  .counter-box2 h3.counth3 {
    font-size: 23px;
    line-height: 23px;
    font-weight: 400;
  }

  .counter-box2 p {
    font-size: 18px;
    color: #757072;
    font-weight: 400;
  }


  @media (max-width: 767px) {
    .counter-box2 {

      border-left: none !important;

      border-right: none !important;

    }

    .counter-box {

      border-left: none !important;

      padding-bottom: 20px;
      border-right: none !important;
    }

    .card-body-block {
      width: 300px;
      height: 300px;
      margin: 10px;
    }






  }

  .card-body-block {
    width: 400px;
    height: 400px;
  }

  /* CTA Footer */

  /* section.cta .container-cta {
    position: relative;
    width: 100%;
    padding: 150px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    position: relative;
    background-image: url("./images/parallax-bg.webp");
    border-radius: 20px;
    overflow: hidden;
    z-index: 2;
  }

  section.cta {
    margin-left: 150px;
    margin-right: 150px;
    margin-top: 150px;
    margin-bottom: 0px;
  } */

  /* Mobile Responsivee  */

  /* @media (max-width: 767px) {
    section.cta {
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 90px;
      margin-bottom: 90px;
    }

    section.cta .container-cta {
      position: relative;
      width: 100%;
      height: auto;
      padding: 100px 0px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      background-attachment: fixed;
      position: relative;
      background-image: url("./images/cta-bg.jpg");
      border-radius: 20px;
      overflow: hidden;
      z-index: 2;
    }



  }

  .container-cta {
    position: relative;
    background-image: url("./images/cta-bg.jpg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 400px;
   
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 20px;
  } */

  /* Overlay that exactly matches container height & width */
  /* .cta-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #0041709b, #ffbc40c8);
    z-index: 1;
  } */

  /* Centered content */
  /* .cta-content {
    position: relative;
    z-index: 2;
  
    color: #fff;
    text-align: center;
    max-width: 600px;
    padding: 20px;
  }

  .cta-content h2 {
    width: 100%;
    font-size: 2.5rem;
    font-weight: 600;
    margin-bottom: 10px;
  }

  .cta-content p {
    font-size: 1rem;
    margin-bottom: 20px;
    color: #f2f2f2;
  }

  .cta-icon {
    width: 60px;
    height: 60px;
    margin-bottom: 15px;
  }

  .btn-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }

  p.footer-p {
    font-size: 14px;
    font-weight: 400;
    color: #757072;
  } */

  /* Footer CSS */
  section.footer {
    /* margin-top: -200px; */
    background-color: #fff;
    box-shadow: 0 -6px 20px rgba(0, 0, 0, 0.2);
    color: #000;

    padding: 60px 0 0;
    z-index: 1;
  }

  /* footer .container {
    padding-top: 250px;
  } */

  @media (max-width: 767px) {
    footer .container {
      padding-top: 30px;
    }
  }

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

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

  footer a {
    color: #000;
    text-decoration: none;
    display: block;
    margin-bottom: 8px;
    font-size: 15px;
    transition: color 0.3s ease;
  }

  footer a:hover {
    color: #fec04e;
    text-decoration: underline;
    transition: color 0.3s ease;
  }

  .footer-logo {
    max-width: 140px;
    margin-bottom: 15px;
  }

  .bottom-links {
    display: flex;
    justify-content: space-between;
    /* pushes left & right */
    align-items: center;
    border-top: 1px solid #333;
    margin-top: 40px;
    padding-top: 20px;
    font-size: 14px;
    color: #aaa;
    flex-wrap: wrap;
    /* responsive for small screens */
  }

  .footer-bottom {
    color: #004170;
  }

  .priv-links a {
    color: #000;
    text-decoration: none;
    /* margin-left: 20px; */
    transition: color 0.3s ease;
  }

  .priv-links a:hover {
    color: #fec04e;
  }

  @media (max-width: 768px) {
    .bottom-links {
      flex-direction: column;
      text-align: center;
      gap: 10px;
    }

    .priv-links a {
      margin: 0 10px;
      display: none;
    }
  }


  .social-icons a {
    display: inline-block;
    margin-right: 10px;
    color: #004170;
    font-size: 18px;
    transition: color 0.3s ease;
  }

  .social-icons a:hover {
    color: #fec04e;
  }

  /* 
    .popular-post {
      display: flex;
      gap: 10px;
      align-items: center;
      margin-bottom: 15px;
    }

    .popular-post img {
      width: 50px;
      height: 50px;
      border-radius: 8px;
      object-fit: cover;
    } */
  .popular-post {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 15px;
  }


  .address-info {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    margin-bottom: 15px;
  }



  /* Image styling */
  .popular-post img {
    width: 50px;
    height: 50px;
    border-radius: 8px;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
  }

  /* Overlay */
  .popular-post img::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom right, rgba(12, 20, 82, 0.991), rgb(220, 181, 11));
    opacity: 0;
    transition: opacity 0.4s ease;
    border-radius: 8px;
  }

  /* Hover effect */
  .popular-post:hover::after {
    opacity: 1;
  }

  .popular-post:hover img {
    transform: scale(1.05);
  }

  .popular-post span {
    font-size: 13px;
    color: #999;
    display: block;
  }

  .popular-post a {
    font-size: 15px;
    color: #fff;
    line-height: 1.3;
  }

  .priv-links {
    display: flex;
    justify-content: flex-end;

  }

  /* .priv-links a {
     padding-right: 20px; 
  } */

  @media (max-width: 768px) {
    footer {
      text-align: center;
    }

    .popular-post {
      justify-content: center;
    }
  }

  /* New Section in Bengaluru Location Your Office Plan Includes  */

  div.container-lg.ofc-plan {

    justify-content: space-between;
    align-items: left;
    flex-wrap: wrap;
    gap: 20px;
  }


  .main-col1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex-shrink: 0;
    gap: 15px;
    padding: 10px;
    border-radius: 20px;
    width: 200px;

    background-color: rgba(0, 0, 0, 0.3);
  }

  .main-col1:hover {
    /* background-color: #003d6892; */
    transition: all 0.3s ease;
    color: white;
  }



  .main-col1 {
    padding: 5px;

  }

  .main-col1 .main-content1 {
    text-align: left;
    padding-left: 10px;
    /* align text to start/left */
  }


  @media (max-width: 767px) {
    .main-col1 {
      display: flex;
      flex: wrap;
      align-items: center;
      padding: 1rem;
      text-align: start;
      border-bottom: 1px solid #a5a5a5;
      border-left: none;


    }

    .priv-links {
      display: flex;
      justify-content: flex-start;

    }
  }

  section.ofc-plan {
    margin-top: 80px;
    padding-top: 0;
    padding-bottom: 60px;
    background-image: url(./images/service-bgg.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding:50px 0px;
    background-attachment: fixed;
  }


  section.ofc-plan::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    /* dark overlay, adjust opacity */
    z-index: 1;
  }

  section.ofc-plan .container-serve {
    position: relative;
    z-index: 2;
    /* make content appear above overlay */

    /* text color on dark overlay */
  }

  .main-content1 div.user {
    position: relative;
    display: inline-block;
    background: #ffbb40;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    padding: 10px 20px;

  }

  .main-content1 {
    padding-left: 1px;
    color: white;


  }


  .icon-plan {
    position: relative;
    cursor: pointer;
    padding-top: 10px;
  }

  .icon-plan img {
    display: block;
    width: 50%;

  }

  .icon-plan-img {
    /* background: #fff; */
    /* border-radius: 50%; */
    /* border: 1px solid #e6e2e3; */
    /* box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
    width: 70px !important;
    height: 70px !important;
    line-height: 70px !important;
    text-align: center;
    padding: 4px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; */

    border-radius: 50%;
    border: 1px solid #e6e6e64d;
    box-shadow: 0px 0px 30px 0px rgb(255 255 255 / 16%);
    width: 70px !important;
    height: 70px !important;
    /* line-height: 70px !important; */
    /* text-align: center; */
    padding: 5px;
    /* overflow: hidden; */
    display: flex;
    align-items: center;
    justify-content: center;
    /* flex-shrink: 0; */
    /* position: relative; */
    /* background: #2A7B9B; */
    background: linear-gradient(90deg, rgb(176 188 198 / 60%) 50%, rgb(210 136 0 / 39%) 50%);
    backdrop-filter: blur(5px);
    margin-top: -30px;


  }

  .icon-plan-img img {
    display: inline-block;
    max-width: 60%;
    height: auto;

    transition-delay: .1s;
    transition-timing-function:
      ease-in-out;
    transition-duration: .7s;
    transition-property: all;
    vertical-align: middle;
  }




  h4.ofc-h4 {
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    color: white;
    text-align: center;

  }

    @media (min-width: 1336px) and (max-width: 1336px) {
      /* rules here apply only at 1336px width */
h4.ofc-h4 {
   
    font-size: 14px !important;
    line-height: 14px;
    font-weight: 400;
    text-align: center;
    
  }

    }


  h2.subhead1 {
    font-size: 45px;
    font-weight: 700;
    line-height: 45px;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    color: white;
  }


  /* Couter */
  .counter-box {
    display: flex;
    flex-direction: column;
    align-items: center !important;
    justify-content: center;
    text-align: center !important;
    padding: 15px;
    height: 200px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-left: 0.1px solid #757072;
    border-bottom: none;
  }

  .counter-box .counter {
    font-size: 36px;
    font-weight: 400;
  }

  .counter-box .counter1 {
    font-size: 36px;
    font-weight: 400;
  }

  .counter-box h3.counth3 {
    font-size: 23px;
    line-height: 23px;
    font-weight: 400;


  }

  .counter-box p {
    font-size: 18px;
    color: #757072;
    font-weight: 400;
  }


  .counter1::after {
    content: "+";
    font-size: 2rem;
    font-weight: 700;
    color: #ff5e14;
    margin-left: 2px;
  }



  /* Couter */
  .pay-box {
    display: flex;
    flex-direction: column;
    align-items: center !important;
    justify-content: center;
    text-align: center !important;
    padding: 30px;
    height: 200px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-left: 0.1px solid #757072;
    border-bottom: none;
  }

  .pay-box .counter {
    font-size: 36px;
    font-weight: 400;
  }

  .pay-box .counter1 {
    font-size: 36px;
    font-weight: 400;
  }

  .pay-box h3.counth3 {
    font-size: 23px;
    line-height: 23px;
    font-weight: 400;


  }

  .pay-box p {
    font-size: 18px;
    color: #757072;
    font-weight: 400;
  }


  .pay-box1::after {
    content: "+";
    font-size: 2rem;
    font-weight: 700;
    color: #ff5e14;
    margin-left: 2px;
  }

  h6.offer-text1 {
    margin-top: 2rem;
    font-size: 14px;
    text-transform: uppercase;
    color: #fec04e;
    font-weight: 600;

  }


  h5.officeh5 {
    font-size: 20px;
    line-height: 20px;
    color: #004170;
    font-weight: 600;
    padding-top: 30px;
  }

  ul.color-ul li::marker {
    color: #004170;
    /* bullet color only */
  }




  h5.test-name1 {
    font-size: 22px;
    font-weight: 600;
    line-height: 22px;
    color: #232223;
  }

  .test-name1-1 {
    font-size: 22px;
    font-weight: 600;
    line-height: 22px;
    color: #ffffff;
  }

  /* FAQS SEction */

    .accordion .hidden-faq {
       display: none;
     }

  .accordion-button {
    position: relative;
    display: block;
    cursor: pointer;
    background: #fff;
    border-bottom: 1px solid #fff;
    border-radius: 15px;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);
    padding: 17px 70px 20px 14px;
    transition: all 500ms ease;
  }

  .accordion-button:not(.collapsed) {
    background-color: #fff !important;
    /* keep white when open */
    color: #000 !important;
    box-shadow: none;
    /* optional: remove Bootstrap’s shadow when active */
  }

  div.accordion-item {
    border: 1px solid #ddd;
    margin-bottom: 10px !important;
    /* optional: add subtle border */
    border-radius: 8px;
    /* optional: rounded corners */
  }


  .outer-question-icon {
    color: #fec04e;

  }


  .form-container1 {

    position: absolute;
    top: 50%;
    left: 20%;
    /* adjust horizontal position */
    transform: translateY(-50%) !important;

    border-radius: 50%;
    padding: 100px 40px;
    color: white;
    max-width: 550px;
    text-align: center;

  }

  .form-wrapper1 {
    background: #fff;
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    width: 500px;
  }




  @media (max-width:767px) {

    .section.sticky-section {
  margin-bottom: 0 !important;
  
}

    .form-container1 {

      position: absolute;
      top: 26%;
      left: -5%;
      /* adjust horizontal position */
      transform: translateY(-50%) !important;
      border-radius: 50%;
      padding: 100px 40px;
      color: white;
      max-width: 550px;
      text-align: center;
      height: 450px;



    }

    .form-wrapper1 {
      background: #fff;
      padding: 40px;
      border-radius: 20px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
      width: 350px;
    }

    .text-cont h2 {
      font-weight: 600;
      font-size: 22px;
      margin-bottom: 10px;
      color: #222;
    }

    .text-cont p {
      color: #666;
      font-size: 14px !important;
      margin-bottom: 30px;
      font-size: 14px;
    }

    .form-control,
    .form-select {
      border: none;
      border-radius: 12px;
      background: #fff;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
      padding: 20px 50px 20px 20px;
      font-size: 1.2rem;
      transition: all 0.3s ease;
    }

    .form-control:focus,
    .form-select:focus {
      box-shadow: 0 0 0 0.2rem rgba(255, 85, 124, 0.25);
      border-color: #004170;
      outline: none;
    }

    .input-group-text {
      border: none !important;
      background: none !important;
      position: absolute;
      right: 15px;
      top: 50%;
      transform: translateY(-50%);
      color: #fec04e;
      font-size: 1.1rem;
    }

    .input-group-text i,
    span {
      color: #ffb938;
    }

    .form-group {
      position: relative;
      margin-bottom: 20px;
    }

    textarea.form-control {
      min-height: 100px;
      resize: none;
    }

    .btn-submit {
      background: #fff;
      border: none;
      color: #222;
      font-weight: 500;
      font-size: 1.1rem;
      border-radius: 12px;
      padding: 14px;
      width: 100%;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s ease;
    }

    .btn-submit i {
      margin-right: 8px;
      color: #004170;
      font-size: 14px;
    }

    .btn-submit:hover {
      background: #fec04e;
      color: #fff;
      box-shadow: 0 5px 20px rgba(255, 85, 125, 0.123);
    }

    .btn-submit:hover i {
      color: #fff;
    }

    .sticky-section .container-fluid,
.sticky-btn,
.sticky-btn {
    margin: 0 !important;
    padding: 0 !important;
}


    section.sticky-section .overlay-btn{
      margin-bottom: 0 !important;
    }

  }

  span.cta-links {
    color: #000;
    font-size: 14px;
  }

  .btn-cta .overlay-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: #fff;
    color: #000;
    padding: 10px 40px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
  }


  .counter-section {
    margin-bottom: 80px;
  }


  section.faqs {
    margin-bottom: 80px;
  }

  .hidden-faq{
      display: none;
    }

  .icon-text span {
    font-size: 15px;
    color: #000;
    line-height: 15px;
  }

  .icon-text span:hover {

    color: #fec04e;

  }

  @media (max-width: 767px) {
    section.faqs {
      margin-top: 0px;
      margin-bottom: 60px;
      margin-left: 0px;
      margin-right: 0px
    }

    .section.book-tour .container-book{
      background-attachment: unset;
    }
    .ofc-h4 {
      font-size: 14px;
      text-align: center;
    }


    .who-we-are h2 {
      font-size: 28px;
      line-height: 28px;
    }

    h2.subhead {
      font-size: 28px;
      font-weight: 700;
      line-height: 28px;
      margin: 20px;
    }

    h2.subhead1 {
      font-size: 28px;
      font-weight: 700;
      line-height: 28px;
      margin: 20px;
      color: white;
    }

    section.ofc-plan {
      margin-top: 30px;
      margin-bottom: 30px;
      padding-top: 30px;
      padding-bottom: 30px;
      background-attachment: unset;
    }


    .address-info a {
      display: flex;
      align-items: flex-start;
      /* vertically center icon and text */
    }

    .icon-info {
      font-size: 15px;
      /* adjust icon size */
    }

    .overlay-btn {

      position: relative;
      display: inline-block;
      overflow: hidden;
      vertical-align: middle;
      font-size: 16px;
      line-height: 16px;
      color: #1e2c36;
      font-family: 'DM Sans', sans-serif;
      font-weight: 500;
      background: #fff;
      padding: 10px 20px !important;
      margin-bottom: 36px;
      border-radius: 6px;
      text-transform: capitalize;
      z-index: 1;
      text-decoration: none;
      transition: color 0.5s ease;
      border: 1px solid #939393;

    }

    .icon-text span:hover {

      color: #fec04e;

    }
   
    section.sticky-section {
  
    padding: 10px 0px !important;
}
   
  }

  .new-col {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    justify-content: center;
    margin: 0 8rem;
  }

  .main-col1.text-center {
    flex: 0 0 20%;
    margin-bottom: 25px
  }
}


@media (max-width: 767px) {
  .main-col1.text-center {
    flex: 0 0 45%;
  }
  
  .new-col {
    margin: 0;
  }
  
}
@media (min-width: 767px) {
  .what-we-offer .card-body {
    min-height: 550px;
  }
  .copyright{
    justify-content: space-between;
  }
     .copyright .priv-links{
      gap: 20px;  
     }
   
}

.error {
    font-size: 14px;
    color: red;
}

.error-field{
  border: 1px solid red !important;
}
/* section.sticky-section {
  position: fixed;
 
  bottom: 0;
 
  left: 0;
 padding: 15px 0px 15px 0px;
  width: 100%;
/*   
  background: linear-gradient(90deg, #004170, #ffbb40); 
background: #cfcfcf;
  background: radial-gradient(circle, rgba(207, 207, 207, 1) 0%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 1) 100%);
 
  box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.1);
  z-index: 9999;
  
} */


section.sticky-section {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 15px 0;
    width: 100%;
    background: radial-gradient(circle, rgba(207, 207, 207, 1) 0%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 1) 100%);
    box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.1);
    z-index: 9999;

    /* ADD THIS */
    display: flex;
    justify-content: space-between;  /* Equal spacing */
    align-items: center;
}


.section.sticky-section button.overlay-btn:hover {
  box-shadow: 
      0 0 12px #1e6bff,
      0 0 24px #1e6bff,
      0 0 36px rgba(30, 107, 255, 0.7);
}



    @media (max-width: 991px){
      .overlay-btn{
        margin-bottom: 0 !important;
      }
    }

/* Target only the button inside sticky-btn */
.sticky-btn .overlay-btn {
    transition: box-shadow 0.3s ease, transform 0.2s ease;
    /* Initial subtle yellow glow */
    box-shadow: 0 0 6px rgba(255, 193, 7, 0.5); /* Using a yellow shade */
}

/* Glow on hover */
.sticky-btn .overlay-btn:hover {
    box-shadow: 
        0 0 12px rgba(255, 193, 7, 0.7),  /* brighter yellow glow */
        0 0 24px rgba(255, 193, 7, 0.4);  /* softer spread glow */
    transform: translateY(-2px);  /* Optional: slight lift on hover */
}