body h1, h2, h3, h4, h5 { font-family: "Lora", serif; font-optical-sizing: auto; font-style: normal; } body, p, a, span, button { font-family: "Jost", sans-serif; } #mobile-menu { transition: all 0.3s ease-in-out; } p { font-size: 20px;} .grid p { font-size: 20px; font-weight: 400; text-transform: none; } .nav-link { position: relative; display: flex; align-items: center; padding: 8px 0; transition: 0.3s; font-size: 16px; } header{ box-shadow: rgb(0 0 0 / 0%) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; } .nav-link:hover { color: #ab9169; } .nav-link::after { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: #ab9169; transition: 0.3s; } .nav-link:hover::after { width: 100%; } .mobile-link { display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-bottom: 8px; } .mobile-link:hover { color: #ab9169; } .heroSwiper .swiper-slide { transition: transform 0.6s ease-in-out; }

#hero-slider { background-image: url("image/home-bg.webp"); background-size: cover; background-position: center; background-repeat: no-repeat; height: 700px; /* Isse image ki height short ho jayegi */ min-height: 500px; display: flex; align-items: center; justify-content: center; position: relative; }
@media (max-width: 768px) {
  #hero-slider {
    background-image: none!important;
  }

  #buttonss {
    bottom: 122px;
  }
}

.heroSwiper .swiper-pagination-bullet { width: 15px !important; height: 15px !important; border: 2px solid #ab9169 !important; opacity: 0.5 !important; position: relative; transition: all 0.3s ease; margin: 0 8px !important; } .fade-recursive-layer { background-size: cover; background-position: center; transition: opacity 1.5s ease-in-out; } .heroSwiper .swiper-pagination-bullet::after { content: ""; position: absolute; width: 5px; height: 5px; background: #ab9169; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); } .heroSwiper .swiper-pagination-bullet-active { opacity: 1 !important; transform: scale(1.2); } .swiper-button-next, .swiper-button-prev { opacity: 0; transition: opacity 0.3s; } #hero-slider:hover .swiper-button-next, #hero-slider:hover .swiper-button-prev { opacity: 1; } .swiper-pagination-bullet { width: 32px !important; height: 6px !important; border-radius: 99px !important; background: #d1d5db !important; opacity: 1 !important; transition: all 0.3s ease; } .swiper-pagination-bullet-active { background: #8c6f46 !important; } .swiper-pagination { position: relative !important; margin-top: 40px !important; } .custom-scrollbar::-webkit-scrollbar { width: 4px; } .custom-scrollbar::-webkit-scrollbar-track { background: #f1f1f1; } .custom-scrollbar::-webkit-scrollbar-thumb { background: #ab9169; border-radius: 10px; } .custom-scrollbar::-webkit-scrollbar { width: 4px; } .custom-scrollbar::-webkit-scrollbar-track { background: transparent; } .custom-scrollbar::-webkit-scrollbar-thumb { background: #ab9169; border-radius: 10px; } /* Custom Scrollbar for Sidebar */ .custom-scrollbar::-webkit-scrollbar { width: 3px; } .custom-scrollbar::-webkit-scrollbar-track { background: transparent; } .custom-scrollbar::-webkit-scrollbar-thumb { background: #ab9169; border-radius: 10px; } .custom-scrollbar::-webkit-scrollbar { width: 4px; } .custom-scrollbar::-webkit-scrollbar-track { background: transparent; } .custom-scrollbar::-webkit-scrollbar-thumb { background: #ab9169; border-radius: 10px; } .nav-link { color: #27496c; font-weight: 500; padding: 8px; } .nav-link:hover { border-color: #ab9169; } .active-link { background-color: #27496c !important; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); } .animate-fadeIn { animation: fadeIn 0.4s ease-out; }

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(5px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes marquee-infinite {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  } 
}

.animate-marquee-infinite { display: flex; width: max-content; animation: marquee-infinite 20s linear infinite; } .animate-marquee-infinite:hover { animation-play-state: paused; }
p{
    text-align: justify;
    text-justify: inter-word;
    word-spacing: -2px;
    letter-spacing: 0;
    line-height: 1.6;
}
.list-disc li{font-size:20px;font-family:"Jost", sans-serif} 
.list-disc{line-height:18px!important}

@media (max-width: 768px) {
     .animate-marquee-infinite {
        animation-duration: 15s;
      }
     p {
        line-height: 1.6 !important;
        word-spacing: -2px !important;
        letter-spacing: -0.3px;
        hyphens: auto;
        word-spacing: 0 !important;
        font-size: 15px !important;
    }
    h3 {
        line-height: 1.6 !important;
        word-spacing: -2px !important;
        letter-spacing: -0.3px;
        hyphens: auto;
        word-spacing: 0 !important;
        font-size: 17px !important;
    }
    .list-disc li{
        line-height: 1.6 !important;
        word-spacing: -2px !important;
        letter-spacing: -0.3px;
        hyphens: auto;
        word-spacing: 0 !important;
        font-size: 15px !important;
    }
    .text-5xl{
        font-size:29px !important;
    }
    .text-4xl{
        font-size:25px !important;
    }
    .text-\[20px\] {
        font-size: 15px !important;
    }

}


.swiper-wrapper { box-sizing: content-box !important; align-items: flex-end !important; height: auto !important; } .TBS1 { width: 26rem !important; } .tbs { width: 26rem !important; } .about-hero { background: linear-gradient(135deg, #f9f7f2 0%, #ffffff 100%); position: relative; overflow: hidden; }

.about-hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="%23ab9169" opacity="0.05"/><circle cx="75" cy="75" r="1" fill="%23ab9169" opacity="0.05"/><circle cx="50" cy="10" r="0.5" fill="%23ab9169" opacity="0.03"/><circle cx="10" cy="50" r="0.5" fill="%23ab9169" opacity="0.03"/><circle cx="90" cy="30" r="0.5" fill="%23ab9169" opacity="0.03"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
  pointer-events: none;
}
.dropdown-link { display: block; padding: 12px 20px; font-size: 13px; font-weight: 600; color: #27496c; text-transform: uppercase; letter-spacing: 0.1em; transition: all 0.3s ease; border-bottom: 1px solid #f3f4f6; background-color: white; } .dropdown-link:last-child { border-bottom: none; } .dropdown-link:hover { background-color: #2c4768 !important; color: white !important; padding-left: 28px; } /* Mobile Menu Transitions */ #mobile-menu.active { transform: translateX(0); } #menu-overlay.show { display: block; opacity: 1; } .submenu-closed { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; } .submenu-open { max-height: 500px; transition: max-height 0.5s ease-in; }
.stat-card { transition: all 0.3s ease; border: 1px solid #e5e7eb; } .stat-card:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(171, 145, 105, 0.1); border-color: #ab9169; } .team-member { transition: all 0.3s ease; } .team-member:hover { transform: translateY(-5px); } .value-card { background: linear-gradient(135deg, #ffffff 0%, #f9f7f2 100%); border: 1px solid #e5e7eb; transition: all 0.3s ease; } .value-card:hover { transform: translateY(-5px); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1); border-color: #ab9169; } .animate-on-scroll { opacity: 0; transform: translateY(30px); transition: all 0.6s ease; } .animate-on-scroll.animate { opacity: 1; transform: translateY(0); } .active-link { background-color: #27496c !important; color: white !important; } .nav-link i { color: #ab9169; } .active-link i { color: white !important; } .animate-fadeIn { animation: fadeIn 0.4s ease-out forwards; }
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.font-20{font-size:20px;}
.font-w-600{ font-weight:600;}
.mega-link{
    color:#212936;
    font-size:14px;
    font-weight:500;
    transition:0.3s;
}

.mega-link:hover{
    color:#ab9169;
    transform:translateX(5px);
}
.group:hover .group-hover\:block{
    display:block;
}
.mega-menu p{
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.mega-menu a::after{
    content: "|";
    color: #e4e4e4;
    margin: 0 12px;
    font-weight: 300;
}
.bb-2{
    border-bottom:2px solid #333;
}