body{
        font-family: 'Lato', sans-serif;
    }
    
    .navbar{
        background:#fff;
        box-shadow:0 5px 20px rgba(0,0,0,.08);
        padding:15px 0;
    }
    
    .navbar-brand{
        font-size:30px;
        font-weight:700;
        color:#0d6efd;
    }
    
    .navbar-brand:hover{
        color:#0d6efd;
    }
    
    .nav-link{
        color:#222;
        font-weight:600;
        margin:0 8px;
        transition:.3s;
    }
    
    .nav-link:hover{
        color:#0d6efd;
    }
    
    .dropdown-menu{
        border:none;
        border-radius:12px;
        box-shadow:0 15px 40px rgba(0,0,0,.1);
        padding:15px;
    }
    
    .dropdown-item{
        padding:10px 15px;
        border-radius:8px;
    }
    
    .dropdown-item:hover{
        background:#0d6efd;
        color:#fff;
    }
    
    
    /* ===========================
    Mobile Menu
    ============================*/
    
    .offcanvas{
        width:300px;
    }
    
    .offcanvas-header{
        background:#0d6efd;
        color:#fff;
    }
    
    .offcanvas-title{
        font-weight:700;
    }
    
    .offcanvas-body{
        padding:25px;
    }
    
    .offcanvas-body .nav-link{
    
        padding:14px 0;
        border-bottom:1px solid #eee;
        font-size:17px;
        font-weight:600;
    }
    
    .offcanvas-body .dropdown-menu{
        position:static !important;
        transform:none !important;
        border:0;
        box-shadow:none;
        padding-left:15px;
    }
    
    .navbar-toggler{
        border:none;
    }
    
    .navbar-toggler:focus{
        box-shadow:none;
    }
    




    .hero-section{

        background:#f8f9fa;
        
        }
        
        .hero-badge{
        
        display:inline-block;
        
        background:#0d6efd;
        
        color:#fff;
        
        padding:8px 20px;
        
       
        
        font-weight:600;
        
        font-size:14px;
        
        }
        
        .hero-heading{
        
        font-size:48px;
        
        font-weight:800;
        
        color:#1b1b1b;
        
        }
        
        .hero-heading span{
        
        color:#0d6efd;
        
        }
        
        .hero-text{
        
        font-size:18px;
        
        color:#666;
        
        max-width:700px;
        
        margin:auto;
        
        margin-top:15px;
        
        }
        
        .hero-img{
        
        height:600px;
        
        object-fit:cover;
        
        }
        
        .carousel-item{
        
        position:relative;
        
        }
        
        .carousel-item::before{
        
        content:"";
        
        position:absolute;
        
        inset:0;
        
        background:rgba(0,0,0,.45);
        
        z-index:1;
        
        }
        
        .carousel-caption{
        
        z-index:2;
        
        bottom:50%;
        
        transform:translateY(50%);
        
        left:8%;
        
        right:auto;
        
        text-align:left;
        
        max-width:550px;
        
        }
        
        .caption-badge{
        
        display:inline-block;
        
        background:#fff;
        
        color:#0d6efd;
        
        padding:6px 18px;
        
       
        
        font-size:13px;
        
        font-weight:700;
        
        margin-bottom:20px;
        
        }
        
        .carousel-caption h2{
        
        font-size:48px;
        
        font-weight:800;
        
        line-height:1.2;
        
        margin-bottom:20px;
        
        }
        
        .carousel-caption p{
        
        font-size:18px;
        
        margin-bottom:25px;
        
        line-height:1.8;
        
        }
        
        .carousel-caption .btn{
        
        border-radius:50px;
        
        padding:12px 30px;
        
        font-weight:600;
        
        }
        
        .carousel-control-next,
        
        .carousel-control-prev{
        
        width:60px;
        
        }
        
        .carousel-control-next-icon,
        
        .carousel-control-prev-icon{
        
        background-color:rgba(255,255,255,.25);
        
        padding:22px;
        
        border-radius:50%;
        
        }
        
        .carousel-indicators button{
        
        width:12px;
        
        height:12px;
        
        border-radius:50%;
        
        margin:0 5px;
        
        }
        
        @media(max-width:991px){
        
        .hero-heading{
        
        font-size:36px;
        
        }
        
        .hero-img{
        
        height:450px;
        
        }
        
        .carousel-caption{
        
        max-width:450px;
        
        left:6%;
        
        }
        
        .carousel-caption h2{
        
        font-size:34px;
        
        }
        
        .carousel-caption p{
        
        font-size:16px;
        
        }
        
        }
        
        @media(max-width:767px){
        
        
        
        .hero-heading{
        
        font-size:28px;
        
        }
        
        .hero-text{
        
        font-size:15px;
        
        }
        
        .hero-img{
        
        height:320px;
        
        }
        
        .carousel-caption{
        
        left:20px;
        
        right:20px;
        
        bottom:50%;
        
        transform:translateY(50%);
        
        max-width:100%;
        
        text-align:center;
        
        }
        
        .carousel-caption h2{
        
        font-size:22px;
        
        margin-bottom:12px;
        
        }
        
        .carousel-caption p{
        
        font-size:14px;
        
        line-height:1.6;
        
        margin-bottom:15px;
        
        }
        
        .caption-badge{
        
        font-size:11px;
        
        padding:5px 14px;
        
        margin-bottom:12px;
        
        }
        
        .carousel-caption .btn{
        
        padding:10px 22px;
        
        font-size:14px;
        
        }
        
        .carousel-control-prev,
        
        .carousel-control-next{
        
        display:none;
        
        }
        
        }








        .core-values{

            background:#f8f9fb;
            
            }
            
            .section-tag{
            
            display:inline-block;
            
            padding:8px 20px;
            
            background:#0d6efd;
            
            color:#fff;
            
            border-radius:50px;
            
            font-size:14px;
            
            font-weight:600;
            
            letter-spacing:1px;
            
            }
            
            .section-title{
            
            font-size:42px;
            
            font-weight:700;
            
            }
            
            .section-desc{
            
            max-width:700px;
            
            margin:auto;
            
            color:#666;
            
            }
            
            .value-card{
            
            position:relative;
            
            height:420px;
            
            border-radius:20px;
            
            overflow:hidden;
            
            background:#fff;
            
            box-shadow:0 15px 40px rgba(0,0,0,.08);
            
            transition:.4s;
            
            }
            
            .value-bg{
            
            position:absolute;
            
            inset:0;
            
            background-size:cover;
            
            background-position:center;
            
            opacity:0;
            
            transform:scale(1.1);
            
            transition:.5s;
            
            }
            
            .value-bg::before{
            
            content:"";
            
            position:absolute;
            
            inset:0;
            
            background:rgba(0,43,91,.78);
            
            }
            
            .value-content{
            
            position:relative;
            
            z-index:2;
            
            padding:40px 30px;
            
            height:100%;
            
            display:flex;
            
            flex-direction:column;
            
            justify-content:center;
            
            transition:.4s;
            
            }
            
            .icon{
            
            width:90px;
            
            height:90px;
            
            background:#eef4ff;
            
            border-radius:50%;
            
            display:flex;
            
            align-items:center;
            
            justify-content:center;
            
            margin-bottom:25px;
            
            font-size:38px;
            
            color:#0d6efd;
            
            transition:.4s;
            
            }
            
            .value-content h4{
            
            font-weight:700;
            
            margin-bottom:20px;
            
            }
            
            .value-content p{
            
            color:#666;
            
            line-height:1.8;
            
            transition:.4s;
            
            }
            
            .value-card:hover{
            
            transform:translateY(-12px);
            
            }
            
            .value-card:hover .value-bg{
            
            opacity:1;
            
            transform:scale(1);
            
            }
            
            .value-card:hover .icon{
            
            background:#fff;
            
            color:#0d6efd;
            
            }
            
            .value-card:hover h4,
            
            .value-card:hover p{
            
            color:#fff;
            
            }
            
            @media(max-width:991px){
            
            .value-card{
            
            height:360px;
            
            }
            
            }
            
            @media(max-width:767px){
            
            .section-title{
            
            font-size:30px;
            
            }
            
            .value-card{
            
            height:330px;
            
            }
            
            }






            .about-section{

                background:#fff;
                
                }
                
                .about-image{
                
                position:relative;
                
                }
                
                .about-image img{
                
                width:100%;
                
                border-radius:20px;
                
                box-shadow:0 20px 45px rgba(0,0,0,.12);
                
                }
                
                .experience-box{
                
                position:absolute;
                
                right:-20px;
                
                bottom:40px;
                
                background:#0d6efd;
                
                color:#fff;
                
                padding:25px;
                
                width:180px;
                
                text-align:center;
                
                border-radius:20px;
                
                box-shadow:0 15px 35px rgba(13,110,253,.35);
                
                }
                
                .experience-box h2{
                
                font-size:48px;
                
                font-weight:700;
                
                margin:0;
                
                }
                
                .experience-box span{
                
                font-size:15px;
                
                }
                
                .section-subtitle{
                
                display:inline-block;
                
                padding:8px 20px;
                
                background:#eaf2ff;
                
                color:#0d6efd;
                
                border-radius:50px;
                
                font-size:14px;
                
                font-weight:600;
                
                letter-spacing:1px;
                
                }
                
                .section-title{
                
                font-size:46px;
                
                font-weight:700;
                
                line-height:1.2;
                
                }
                
                .section-title span{
                
                color:#0d6efd;
                
                }
                
                .about-section p{
                
                font-size:17px;
                
                line-height:1.9;
                
                color:#666;
                
                }
                
                .feature-box{
                
                display:flex;
                
                align-items:center;
                
                padding:18px;
                
                border-radius:15px;
                
                background:#f8f9fa;
                
                transition:.4s;
                
                height:100%;
                
                }
                
                .feature-box i{
                
                font-size:28px;
                
                color:#0d6efd;
                
                margin-right:15px;
                
                }
                
                .feature-box h6{
                
                margin-bottom:5px;
                
                font-weight:700;
                
                }
                
                .feature-box small{
                
                color:#666;
                
                }
                
                .feature-box:hover{
                
                background:#0d6efd;
                
                color:#fff;
                
                transform:translateY(-5px);
                
                }
                
                .feature-box:hover i,
                
                .feature-box:hover small{
                
                color:#fff;
                
                }
                
                .btn-primary{
                
                border-radius:50px;
                
                font-weight:600;
                
                padding:14px 35px;
                
                }
                
                @media(max-width:991px){
                
                .section-title{
                
                font-size:36px;
                
                }
                
                .experience-box{
                
                right:15px;
                
                bottom:20px;
                
                width:150px;
                
                padding:20px;
                
                }
                
                .experience-box h2{
                
                font-size:36px;
                
                }
                
                }
                
                @media(max-width:767px){
                
                .section-title{
                
                font-size:30px;
                
                }
                
                .experience-box{
                
                position:absolute;
                
                right:10px;
                
                bottom:10px;
                
                width:120px;
                
                padding:15px;
                
                }
                
                .experience-box h2{
                
                font-size:28px;
                
                }
                
                .about-section p{
                
                font-size:15px;
                
                }
                
                }









                .testimonial-section{

                    background:#f8f9fc;
                    
                    }
                    
                    .section-tag{
                    
                    background:#0d6efd;
                    
                    color:#fff;
                    
                    padding:8px 20px;
                    
                    border-radius:30px;
                    
                    font-size:14px;
                    
                    font-weight:600;
                    
                    }
                    
                    .section-title{
                    
                    font-size:46px;
                    
                    font-weight:700;
                    
                    }
                    
                    .section-desc{
                    
                    max-width:700px;
                    
                    margin:auto;
                    
                    color:#666;
                    
                    }
                    
                    .swiper{
                    
                    padding:20px 10px 70px;
                    
                    }
                    
                    .testimonial-card{
                    
                    background:#fff;
                    
                    border-radius:20px;
                    
                    padding:40px 30px;
                    
                    text-align:center;
                    
                    box-shadow:0 15px 40px rgba(0,0,0,.08);
                    
                    transition:.4s;
                    
                    position:relative;
                    
                    height:100%;
                    
                    }
                    
                    .testimonial-card img{
                    
                    width:90px;
                    
                    height:90px;
                    
                    border-radius:50%;
                    
                    object-fit:cover;
                    
                    margin-bottom:20px;
                    
                    border:4px solid #0d6efd;
                    
                    }
                    
                    .quote-icon{
                    
                    font-size:45px;
                    
                    position:absolute;
                    
                    top:20px;
                    
                    right:25px;
                    
                    color:#0d6efd20;
                    
                    }
                    
                    .stars{
                    
                    color:#ffc107;
                    
                    font-size:22px;
                    
                    margin-bottom:20px;
                    
                    }
                    
                    .testimonial-card p{
                    
                    color:#666;
                    
                    line-height:1.8;
                    
                    }
                    
                    .testimonial-card h5{
                    
                    margin-top:20px;
                    
                    font-weight:700;
                    
                    }
                    
                    .testimonial-card span{
                    
                    color:#0d6efd;
                    
                    font-size:14px;
                    
                    }
                    
                    /* Active Slide */
                    
                    .swiper-slide-active .testimonial-card{
                    
                    background:linear-gradient(135deg,#0d6efd,#0046ad);
                    
                    color:#fff;
                    
                    transform:scale(1);
                    
                    }
                    
                    .swiper-slide-active .testimonial-card p,
                    
                    .swiper-slide-active .testimonial-card span{
                    
                    color:#fff;
                    
                    }
                    
                    .swiper-slide-active img{
                    
                    border-color:#fff;
                    
                    }
                    
                    .swiper-slide-active .quote-icon{
                    
                    color:#ffffff40;
                    
                    }
                    
                    .swiper-button-next,
                    
                    .swiper-button-prev{
                    
                    color:#0d6efd;
                    
                    }
                    
                    .swiper-pagination-bullet-active{
                    
                    background:#0d6efd;
                    
                    }
                    
                    @media(max-width:767px){
                    
                    .section-title{
                    
                    font-size:30px;
                    
                    }
                    
                    .swiper-slide-active .testimonial-card{
                    
                    transform:none;
                    
                    }
                    
                    }












                    .faq-section{

                        background:#f8f9fc;
                        
                        }
                        
                        .section-tag{
                        
                        display:inline-block;
                        
                        padding:8px 20px;
                        
                        background:#0d6efd;
                        
                        color:#fff;
                        
                        border-radius:30px;
                        
                        font-size:14px;
                        
                        font-weight:600;
                        
                        letter-spacing:1px;
                        
                        }
                        
                        .section-title{
                        
                        font-size:42px;
                        
                        font-weight:700;
                        
                        }
                        
                        .faq-image{
                        
                        position:relative;
                        
                        }
                        
                        .faq-image img{
                        
                        width:100%;
                        
                        border-radius:20px;
                        
                        }
                        
                        .support-box{
                        
                        position:absolute;
                        
                        bottom:25px;
                        
                        left:25px;
                        
                        background:#0d6efd;
                        
                        color:#fff;
                        
                        padding:25px;
                        
                        width:220px;
                        
                        border-radius:20px;
                        
                        box-shadow:0 15px 35px rgba(13,110,253,.35);
                        
                        }
                        
                        .support-box i{
                        
                        font-size:40px;
                        
                        margin-bottom:10px;
                        
                        display:block;
                        
                        }
                        
                        .support-box h4{
                        
                        font-size:24px;
                        
                        font-weight:700;
                        
                        margin-bottom:8px;
                        
                        }
                        
                        .support-box p{
                        
                        margin:0;
                        
                        font-size:14px;
                        
                        }
                        
                        .custom-accordion .accordion-item{
                        
                        border:none;
                        
                        margin-bottom:18px;
                        
                        border-radius:15px;
                        
                        overflow:hidden;
                        
                        box-shadow:0 10px 25px rgba(0,0,0,.08);
                        
                        }
                        
                        .custom-accordion .accordion-button{
                        
                        font-weight:600;
                        
                        padding:20px 24px;
                        
                        background:#fff;
                        
                        box-shadow:none;
                        
                        }
                        
                        .custom-accordion .accordion-button:not(.collapsed){
                        
                        background:#0d6efd;
                        
                        color:#fff;
                        
                        }
                        
                        .custom-accordion .accordion-body{
                        
                        padding:20px 24px;
                        
                        line-height:1.8;
                        
                        color:#666;
                        
                        }
                        
                        .accordion-button:focus{
                        
                        box-shadow:none;
                        
                        }
                        
                        @media(max-width:991px){
                        
                        .section-title{
                        
                        font-size:34px;
                        
                        }
                        
                        .support-box{
                        
                        position:relative;
                        
                        left:0;
                        
                        bottom:0;
                        
                        margin-top:20px;
                        
                        width:100%;
                        
                        }
                        
                        }
                        
                        @media(max-width:767px){
                        
                        .section-title{
                        
                        font-size:28px;
                        
                        }
                        
                        .custom-accordion .accordion-button{
                        
                        font-size:15px;
                        
                        padding:16px;
                        
                        }
                        
                        .custom-accordion .accordion-body{
                        
                        font-size:14px;
                        
                        padding:16px;
                        
                        }
                        
                        }









                        .footer-section{

                            background:#071B3A;
                            
                            color:#d5dbe8;
                            
                            padding:80px 0 25px;
                            
                            position:relative;
                            
                            }
                            
                            .footer-logo{
                            
                            max-width:220px;
                            
                            }
                            
                            .footer-section h4{
                            
                            color:#fff;
                            
                            font-size:22px;
                            
                            margin-bottom:25px;
                            
                            font-weight:700;
                            
                            position:relative;
                            
                            }
                            
                            .footer-section h4::after{
                            
                            content:"";
                            
                            position:absolute;
                            
                            left:0;
                            
                            bottom:-8px;
                            
                            width:45px;
                            
                            height:3px;
                            
                            background:#0d6efd;
                            
                            }
                            
                            .footer-section p{
                            
                            line-height:1.9;
                            
                            }
                            
                            .footer-section ul{
                            
                            padding:0;
                            
                            margin:0;
                            
                            list-style:none;
                            
                            }
                            
                            .footer-section ul li{
                            
                            margin-bottom:14px;
                            
                            }
                            
                            .footer-section ul li a{
                            
                            color:#d5dbe8;
                            
                            text-decoration:none;
                            
                            transition:.3s;
                            
                            }
                            
                            .footer-section ul li a:hover{
                            
                            color:#0d6efd;
                            
                            padding-left:8px;
                            
                            }
                            
                            .social-icons{
                            
                            display:flex;
                            
                            gap:12px;
                            
                            }
                            
                            .social-icons a{
                            
                            width:45px;
                            
                            height:45px;
                            
                            display:flex;
                            
                            align-items:center;
                            
                            justify-content:center;
                            
                            background:#0d6efd20;
                            
                            border-radius:50%;
                            
                            font-size:18px;
                            
                            color:#fff;
                            
                            transition:.3s;
                            
                            text-decoration:none;
                            
                            }
                            
                            .social-icons a:hover{
                            
                            background:#0d6efd;
                            
                            transform:translateY(-5px);
                            
                            }
                            
                            .contact-item{
                            
                            display:flex;
                            
                            align-items:flex-start;
                            
                            margin-bottom:20px;
                            
                            }
                            
                            .contact-item i{
                            
                            width:45px;
                            
                            height:45px;
                            
                            background:#0d6efd;
                            
                            border-radius:50%;
                            
                            display:flex;
                            
                            align-items:center;
                            
                            justify-content:center;
                            
                            margin-right:15px;
                            
                            flex-shrink:0;
                            
                            color:#fff;
                            
                            }
                            
                            .contact-item span{
                            
                            line-height:1.7;
                            
                            }
                            
                            .footer-bottom{
                            
                            display:flex;
                            
                            justify-content:space-between;
                            
                            align-items:center;
                            
                            padding-top:15px;
                            
                            flex-wrap:wrap;
                            
                            }
                            
                            .footer-bottom p{
                            
                            margin:0;
                            
                            }
                            
                            .back-top{
                            
                            width:50px;
                            
                            height:50px;
                            
                            display:flex;
                            
                            align-items:center;
                            
                            justify-content:center;
                            
                            background:#0d6efd;
                            
                            color:#fff;
                            
                            border-radius:50%;
                            
                            text-decoration:none;
                            
                            transition:.3s;
                            
                            }
                            
                            .back-top:hover{
                            
                            background:#fff;
                            
                            color:#0d6efd;
                            
                            transform:translateY(-5px);
                            
                            }
                            
                            .footer-section hr{
                            
                            border-color:rgba(255,255,255,.15);
                            
                            margin:45px 0 20px;
                            
                            }
                            
                            @media(max-width:991px){
                            
                            .footer-section{
                            
                            text-align:center;
                            
                            }
                            
                            .footer-section h4::after{
                            
                            left:50%;
                            
                            transform:translateX(-50%);
                            
                            }
                            
                            .social-icons{
                            
                            justify-content:center;
                            
                            }
                            
                            .contact-item{
                            
                            justify-content:center;
                            
                            text-align:left;
                            
                            }
                            
                            .footer-bottom{
                            
                            justify-content:center;
                            
                            gap:20px;
                            
                            }
                            
                            }
                            
                            @media(max-width:767px){
                            
                            .footer-section{
                            
                            padding:60px 0 20px;
                            
                            }
                            
                            .footer-logo{
                            
                            max-width:180px;
                            
                            }
                            
                            .footer-section h4{
                            
                            margin-top:10px;
                            
                            }
                            
                            }








                            .page-header{

                                background:linear-gradient(135deg,#f8fbff,#edf5ff);
                            
                                padding:30px 0;
                            
                                border-bottom:1px solid #e8eef5;
                            
                            }
                            
                            .page-header h1{
                            
                                font-size:42px;
                            
                                font-weight:700;
                            
                                color:#0b1f3a;
                            
                                margin-bottom:10px;
                            
                            }
                            
                            .page-header p{
                            
                                font-size:16px;
                            
                                color:#6c757d;
                            
                                margin:0;
                            
                            }
                            
                            .breadcrumb{
                            
                                background:none;
                            
                            }
                            
                            .breadcrumb-item{
                            
                                font-size:15px;
                            
                            }
                            
                            .breadcrumb-item a{
                            
                                color:#0d6efd;
                            
                                text-decoration:none;
                            
                                font-weight:600;
                            
                            }
                            
                            .breadcrumb-item.active{
                            
                                color:#6c757d;
                            
                            }
                            
                            .breadcrumb-item + .breadcrumb-item::before{
                            
                                content:">";
                            
                                color:#999;
                            
                            }
                            
                            @media(max-width:991px){
                            
                            .page-header{
                            
                                text-align:center;
                            
                                padding:30px 0;
                            
                            }
                            
                            .page-header h1{
                            
                                font-size:34px;
                            
                            }
                            
                            .breadcrumb{
                            
                                justify-content:center !important;
                            
                                margin-top:15px;
                            
                            }
                            
                            }
                            
                            @media(max-width:767px){
                            
                            .page-header{
                            
                                padding:20px 0;
                            
                            }
                            
                            .page-header h1{
                            
                                font-size:28px;
                            
                            }
                            
                            .page-header p{
                            
                                font-size:14px;
                            
                            }
                            
                            }