html { scroll-behavior: smooth; }
body { background-color: #f8fafc; font-family: 'Inter', sans-serif; overflow-x: hidden; }
        .hero-gradient { background: linear-gradient(90deg, #10b981 0%, #059669 100%); }
        .brand-blue { background-color: #0e82d1; }
        .text-brand-blue { color: #0e82d1; }
        
        /* Grid Background v1 */
        .grid-bg {
            background-image: linear-gradient(to right, #e5e7eb 1px, transparent 1px), linear-gradient(to bottom, #e5e7eb 1px, transparent 1px);
            background-size: 40px 40px;
        }

        /* FAQ Transition v7 */
        .faq-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; }
        .faq-card.active .faq-content { max-height: 200px; margin-top: 1rem; }
        .faq-card.active .faq-icon { transform: rotate(180deg); background-color: #0e82d1; color: white; }

        /* Floating v1/v4 */
        @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-15px); } }
        .float-anim { animation: float 6s ease-in-out infinite; }
        
        .feature-card:hover { transform: translateY(-10px); transition: all 0.3s ease; }
		.footer-bg { background-color: #0d1526; } /* Deep Navy from v9 */
        
        /* Grid Background v1 */
        .grid-bg {
            background-image: linear-gradient(to right, #e5e7eb 1px, transparent 1px), linear-gradient(to bottom, #e5e7eb 1px, transparent 1px);
            background-size: 40px 40px;
        }

        /* FAQ Transition v7 */
        .faq-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; }
        .faq-card.active .faq-content { max-height: 200px; margin-top: 1rem; }
        .faq-card.active .faq-icon { transform: rotate(180deg); background-color: #0e82d1; color: white; }

        @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-15px); } }
        .float-anim { animation: float 6s ease-in-out infinite; }
		.hero-gradient { background: linear-gradient(90deg, #10b981 0%, #059669 100%); }
        .brand-blue { background-color: #0e82d1; }
        .text-brand-blue { color: #0e82d1; }
        .grid-bg {
            background-image: linear-gradient(to right, #e5e7eb 1px, transparent 1px), linear-gradient(to bottom, #e5e7eb 1px, transparent 1px);
            background-size: 40px 40px;
        }
        @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-15px); } }
        .float-anim { animation: float 6s ease-in-out infinite; }

        /* Modal Styles */
        .modal {
            display: none;
            position: fixed;
            z-index: 100;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(13, 21, 38, 0.8);
            backdrop-filter: blur(4px);
        }
        .modal.active { display: flex; align-items: center; justify-content: center; }
		/* Navigation & UI */
        #mobile-drawer { transition: transform 0.3s ease-in-out; }
        #back-to-top { opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 99; }
        #back-to-top.show { opacity: 1; visibility: visible; }
#about .mb-16 p {
    color: #393939;
    font-size: 16px;
    width: 50%;
    margin: 20px auto;
}
    /* Custom subtle pulse for the badge */
    @keyframes pulse-slow {
        0%, 100% { opacity: 1; transform: scale(1); }
        50% { opacity: 0.8; transform: scale(1.03); }
    }
    .animate-pulse-slow {
        animation: pulse-slow 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    }

    /* Transition for dismissing the bar */
    .promo-hidden {
        transform: translateY(-100%);
        transition: transform 0.4s ease-in-out;
        margin-bottom: -40px; /* Adjusts layout spacing when hidden */
    }
	.logo img {
    width: 50px;
}
.brand-blue h5 {
    font-size: 20px;
}

.mtop-10 {margin-top:10px;}
.mtop-50 {margin-top:50px;}


.btnicon::before,
span.text-brand-blue.border.border-blue-100.px-4.py-1\.5.rounded-full.bg-blue-50.text-xs.font-bold::before,
.inline-flex.items-center.px-4.py-1\.5.rounded-full.bg-blue-50.text-blue-400.text-sm.font-medium.border.border-blue-100.mb-6::before {
    content: "";
    /* display: inline-block; */
    width: 20px;
    height: 20px;
    /* background-image: url('../images/icon.png');
    background-size: contain;
    background-repeat: no-repeat; */
    vertical-align: middle;
    /* margin-right: 8px; */
}

@media (min-width: 320px) {
#about .mb-16 p {
    width: 100% !important;
}
 /* Mobile Link Interaction */
    .mobile-nav-link:active {
        color: #0e82d1;
    }
	.btnicon {
    background: #0F82D226;
    color: #0F82D2;
    font-size: 14px;
    padding: 15px 50px;
}
.headerSection .subSection {
    color: #90A1B9;
    font-size: 32px;
    margin-top: 25px;
}
p.text-gray-500.leading-relaxed {
    font-size: 14px;
    color: #45556C;
}
.brand-blue h2 { font-size:35px;}

/* RICH UI PAGINATION STYLING */
    .swiper-pagination-bullet {
        width: 10px !important;
        height: 10px !important;
        background: #cbd5e1 !important;
        opacity: 1 !important;
        margin: 0 6px !important;
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
        border-radius: 50% !important;
        display: inline-block !important;
    }
    
    .swiper-pagination-bullet-active {
        background: #0e82d1 !important;
        width: 32px !important;
        border-radius: 12px !important;
        box-shadow: 0 4px 10px rgba(14, 130, 209, 0.3) !important;
    }

    .custom-pagination-container {
        display: inline-flex;
    }