/* body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
            color: #222;
        }


     .montserrat {
            font-family: "Montserrat", sans-serif;
            font-optical-sizing: auto;
            font-style: normal;
        } */

 /* Apply Montserrat to all text */

 html {
     scroll-behavior: smooth;
 }

 body,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 a,
 span,
 li,
 button {
     font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
     font-style: normal;
     font-optical-sizing: auto;
     color: #737373;
 }

 /* Optional: Set weights */
 body,
 p,
 li,
 span,
 a {
     font-weight: 400;
     /* normal text */
 }

 h1,
 h2 {
     font-weight: 700;
     /* strong headings */
 }

 h3,
 h4 {
     font-weight: 600;
     /* medium headings */
 }

 button,
 .btn,
 .card-title {
     font-weight: 500;
     /* buttons, card headings */
 }

 .container {
     max-width: 95% !important;
 }

 section {
     padding: 80px 0;
 }

 .bg-soft {
     background: #f7f7f7;
 }

 h1,
 h2,
 h3 {
     font-weight: 600;
 }

 img {
     width: 100%;
     border-radius: 6px;
     object-fit: cover;
 }

 .hero-img {
     aspect-ratio: 4/5;
 }

 .feature-img {
     aspect-ratio: 1/1;
 }

 .btn-primary {
     background: #F04102;
     border: none;
     padding: 14px 32px;
     font-size: 1.05rem;
 }

 .btn-primary:hover {
     background: #d43701;
 }

 .top-logo {
     max-width: 220px;
     /* margin: 20px; */
     margin-top: 20px;
 }

 .whatsapp-float {
     position: fixed;
     bottom: 30px;
     right: 30px;
     width: 60px;
     height: 60px;
     background: #25D366;
     color: #fff;
     font-size: 32px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     z-index: 999;
     text-decoration: none;

     /* ADD transition for smooth hover */
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .whatsapp-float:hover {
     transform: scale(1.1);
     box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
     /* optional for extra pop effect */
 }

 button:focus-visible,
 input:focus-visible,
 a:focus-visible {
     outline: none;
     /* removes the default focus outline */
     box-shadow: none;
     /* removes any box shadow applied */
 }

 .comfort-container {
     text-align: center;
 }

 @media (max-width:768px) {
     section {
         padding: 60px 0;
     }

     .top-logo {
         max-width: 200px;
     }

     .comfort-container {
         text-align: left;
     }


     .desktop {
         display: none;
     }




     .mobile {
         display: block !important;
         /* show on mobile */
     }

     .alignment {
         text-align: left !important;
     }
 }


 .mobile {
     display: none;
     /* hide on desktop */
 }

 .alignment {
     text-align: center;
 }




 /* Optional: make cards consistent height */
 .custom-card {
     width: 100%;
     min-height: 150px;
     border: 1px solid #ddd;
     border-radius: 6px;
     padding: 12px 16px;
     background: #fff;
     display: flex;
     align-items: center;
     /* vertical center heading + text */
     overflow: hidden;
     transition:
         transform 0.3s ease,
         box-shadow 0.3s ease,
         border-color 0.3s ease;
 }

 .custom-card .card-content {
     text-align: left;
 }

 .custom-card .card-title {
     font-size: 0.9rem;
     font-weight: 600;
     margin-bottom: 4px;
 }

 .custom-card .card-text {
     font-size: 0.85rem;
     color: #555;
     margin: 0;
 }

 .custom-card:hover {
     transform: translateY(-6px);
     /* lift up */
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
     border-color: #bbb;
 }





 .fundesk-video {
     /* width: 100%; */
     max-height: 400px;
     border-radius: 6px;
     /* object-fit: cover; */
     background: #000;
     /* fallback if poster fails */
 }




 .first-swiper swiper-container {
     width: 100%;
     padding-top: 50px;
     padding-bottom: 50px;
 }

 .first-swiper swiper-slide {
     width: 300px;
     height: 300px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .first-swiper swiper-slide img {
     max-width: 100%;
     max-height: 100%;
     object-fit: contain;
     /* no crop */
 }



 .img-preview {
     position: fixed;
     inset: 0;
     background: rgba(0, 0, 0, 0.85);
     display: flex;
     align-items: center;
     justify-content: center;
     opacity: 0;
     pointer-events: none;
     transition: opacity 0.3s ease;
     z-index: 9999;
 }

 .img-preview.active {
     opacity: 1;
     pointer-events: auto;
 }

 .img-preview img {
     max-width: 95%;
     max-height: 95%;
     object-fit: contain;
     /* 🔥 full image */
 }

 .img-preview .close {
     position: absolute;
     top: 20px;
     right: 30px;
     font-size: 32px;
     color: #fff;
     cursor: pointer;
 }

 .color-image {
     max-height: 620px;
     /* keeps image balanced */
     width: 100%;
     object-fit: contain;
     /* prevents stretching/cropping */
     border-radius: 6px;
 }





 /* Base (Desktop) */
 .second-swiper swiper-container {
     width: 340px;
     height: 420px;
     margin: 0 auto;

 }

 /* Change background of back cards only */

 .second-swiper swiper-slide {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     font-size: 18px;
     font-weight: 500;
     background: #fcdde2;
     color: #fff;
     border-radius: 16px;
     /* border: 2px solid #ccc; */
     padding: 20px;
     text-align: center;
     transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;

     /* Smooth stacking effect */
     transform-origin: center bottom;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden !important;
     overflow: hidden;
 }



 /* 🔵 Active card style */
 swiper-slide.swiper-slide-active {
     background: white;
     /* active card blue */
     color: rgb(184, 0, 0);
     border-color: #2980b9;

     transform: scale(1.05);
 }


 /* Tablet */
 @media (max-width: 768px) {
     .second-swiper swiper-container {
         width: 200px;
         height: 280px;
     }

     .second-swiper swiper-slide {
         font-size: 18px;
         border-radius: 16px;
     }
 }

 /* Mobile */
 @media (max-width: 480px) {
     .second-swiper swiper-container {
         width: 90%;
         max-width: 260px;
         height: 300px;
     }

     .second-swiper swiper-slide {
         font-size: 16px;
         border-radius: 14px;
         padding: 12px;
     }
 }

 /* Center Swiper properly */
 .second-swiper .row {
     justify-content: center;
 }

 .second-swiper swiper-slide strong {
     color: #000;
     /* name visible */

 }

 .second-swiper swiper-slide span {
     color: #555;
     /* location visible */

 }



 /* CTA Section */
 .cta-section {
     padding: 80px 16px;
     background: linear-gradient(135deg, #f5f9ff, #eef6ff);
 }

 .cta-box {
     max-width: 900px;
     margin: 0 auto;
     background: #ffffff;
     border-radius: 20px;
     padding: 60px 40px;
     text-align: center;
     box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
 }

 .cta-box h2 {
     /* font-size: 42px; */
     font-weight: 700;
     margin-bottom: 20px;
     color: #737373;
 }

 .cta-box p {
     font-size: 18px;
     line-height: 1.7;
     color: #737373;
     max-width: 700px;
     margin: 0 auto 40px;
 }

 /* Button */
 .cta-btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     padding: 16px 36px;
     font-size: 18px;
     font-weight: 600;
     color: #fff;
     background-color: #25d366;
     /* WhatsApp green */
     border-radius: 50px;
     text-decoration: none;
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     box-shadow: 0 12px 30px rgba(37, 211, 102, 0.35);
 }

 .cta-btn:hover {
     transform: translateY(-3px);
     box-shadow: 0 18px 40px rgba(37, 211, 102, 0.45);
 }

 /* Tablet */
 @media (max-width: 768px) {
     .cta-box {
         padding: 50px 30px;
     }

     .cta-box h2 {
         font-size: 32px;
     }

     .cta-box p {
         font-size: 16px;
     }
 }

 /* Mobile */
 @media (max-width: 480px) {
     .cta-box {
         padding: 40px 20px;
     }

     .cta-box h2 {
         font-size: 26px;
     }

     .cta-btn {
         width: 100%;
         font-size: 16px;
         padding: 14px 24px;
     }
 }




 .site-footer {
     background: #f8f9fa;
     padding: 60px 0 30px;
     font-size: 14px;
 }

 .footer-logo {
     max-width: 150px;
 }

 .site-footer p {
     color: #666;
 }

 .footer-title {
     font-weight: 600;
     margin-bottom: 15px;
 }

 .footer-links,
 .footer-contact {
     list-style: none;
     padding: 0;
 }

 .footer-links li,
 .footer-contact li {
     margin-bottom: 10px;
 }

 .footer-links a,
 .footer-contact a {
     text-decoration: none;
     color: #555;
 }

 .footer-links a:hover,
 .footer-contact a:hover {
     color: #F04102;
 }

 .footer-contact i {
     margin-right: 8px;
     color: #F04102;
 }

 .footer-social a {
     font-size: 20px;
     margin-right: 12px;
     color: #555;
 }

 .footer-social a:hover {
     color: #F04102;
 }

 .footer-bottom p {
     margin: 0;
     color: #777;
 }

 /* Mobile adjustments */
 @media (max-width: 768px) {
     .site-footer {
         text-align: center;
     }

     .footer-social {
         margin-top: 10px;
     }
 }





 /* Navbar Logo */
 .nav-logo {
     max-height: 50px;
     transition: transform 0.3s ease;
 }

 /* Logo hover bounce effect */
 .nav-logo:hover {
     transform: scale(1.1) rotate(-2deg);
 }

 /* Nav link style */
 .navbar .nav-link {
     color: #737373;
     font-weight: 500;
     margin: 0 10px;
     position: relative;
     transition: color 0.3s ease;
 }

 /* Underline animation */
 .navbar .nav-link::after {
     content: '';
     position: absolute;
     width: 0%;
     height: 2px;
     bottom: -3px;
     left: 0;
     background-color: #f04102;
     transition: width 0.3s ease;
 }

 .navbar .nav-link:hover::after {
     width: 100%;
 }

 /* Active link style */
 .navbar .nav-link.active {
     color: #f04102;
 }

 /* WhatsApp button style */
 .btn-whatsapp {
     background-color: #f04102;
     border-color: #f04102;
     color: #fff;
     font-weight: 500;
     transition: all 0.3s ease;

 }

 .btn-whatsapp:hover {
     background-color: #f04102;
     border-color: #f04102;
     color: #fff;
     transform: scale(1.05);
 }

 /* Sticky Navbar backdrop */
 .navbar.sticky-top {
     backdrop-filter: blur(10px);
     z-index: 1030;
 }

 /* Smooth scroll */
 html {
     scroll-behavior: smooth;
 }

 /* Mobile adjustments */
 @media (max-width: 991px) {
     .navbar .nav-link {
         margin: 10px 0;
     }

     .navbar .btn-whatsapp {
         margin-top: 10px;
         width: 100%;
         text-align: center;
     }
 }


 /* Hamburger Toggle */
 .navbar-toggler {
     border: none !important;
     width: 40px;
     height: 30px;
     position: relative;
     cursor: pointer;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
 }

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

 .toggler-icon {
     display: block;
     height: 3px;
     width: 100%;
     background-color: #f04102;
     border-radius: 2px;
     transition: all 0.4s ease;
 }

 /* Active state animation */
 .navbar-toggler.active .top {
     transform: rotate(45deg) translate(6px, 6px);
 }

 .navbar-toggler.active .middle {
     opacity: 0;
 }

 .navbar-toggler.active .bottom {
     transform: rotate(-45deg) translate(7px, -7px);
 }


 section {
     overflow: hidden;
 }