/* =========================================
GENERAL
========================================= */

body{
    font-family:'Poppins',sans-serif;
    overflow-x:hidden;
    margin:0;
    padding:0;
}

a{
    text-decoration:none;
}

/* =========================================
TOP BAR
========================================= */

.top-bar{
    background:#0b1f4d;
    color:#fff;
    padding:8px 0;
    font-size:14px;
}

.social-icons a{
    color:#fff;
    margin-left:15px;
    font-size:16px;
    transition:.3s;
}

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

/* =========================================
HEADER
========================================= */

.header-area{
    background:#fff;
    box-shadow:0 2px 10px rgba(0,0,0,.08);
    position:relative;
    z-index:999;
}

.navbar{
    padding:12px 0;
}

.site-logo{
    height:75px;
    width:auto;
}

.nav-link{
    color:#222 !important;
    font-weight:500;
    margin-left:18px;
}

.nav-link:hover{
    color:#0d6efd !important;
}

/* =========================================
FULL WIDTH BANNER
========================================= */

.hero-banner{
    padding:0;
    margin:0;
}

.banner-img{
    width:100%;
    height:500px;
    object-fit:cover;
    display:block;
}

.carousel-item{
    overflow:hidden;
}

.carousel-item img{
    animation:zoomslider 8s linear infinite;
}

@keyframes zoomslider{

0%{
transform:scale(1);
}

50%{
transform:scale(1.05);
}

100%{
transform:scale(1);
}

}

.carousel-control-prev,
.carousel-control-next{
    width:5%;
}

.carousel-indicators button{
    width:12px;
    height:12px;
    border-radius:50%;
}

/* =========================================
WELCOME SECTION
========================================= */

.welcome-section{
    padding:80px 0;
    background:#fff;
}

.welcome-logo{
    max-width:320px;
}

.welcome-section h2{
    font-size:42px;
    font-weight:700;
    color:#0A2A66;
    margin-bottom:20px;
}

.welcome-section p{
    color:#666;
    line-height:1.8;
}

.text-primary{
    font-weight:600;
    letter-spacing:1px;
}

/* =========================================
BUTTONS
========================================= */

.main-btn{
    background:#0d6efd;
    color:#fff;
    padding:12px 28px;
    border-radius:50px;
    display:inline-block;
    transition:.3s;
}

.main-btn:hover{
    background:#084298;
    color:#fff;
}

/* =========================================
SECTIONS
========================================= */

.section-padding{
    padding:90px 0;
}

.section-title{
    text-align:center;
    margin-bottom:60px;
}

.section-title h2{
    font-size:42px;
    font-weight:700;
    color:#0A2A66;
}

/* =========================================
ABOUT
========================================= */

.about-section img{
    border-radius:20px;
}

.section-heading h6{
    color:#0d6efd;
    font-weight:600;
}

.section-heading h2{
    font-size:42px;
    font-weight:700;
    margin-bottom:20px;
}

/* =========================================
SERVICES
========================================= */

.service-box{
    background:#fff;
    padding:35px;
    border-radius:20px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    transition:.3s;
    height:100%;
}

.service-box:hover{
    transform:translateY(-10px);
}

.service-icon i{
    font-size:50px;
    color:#0d6efd;
    margin-bottom:20px;
}

/* =========================================
COUNTER
========================================= */

.counter-section{
    background:#0A2A66;
    color:#fff;
    padding:70px 0;
}

.counter-box h2{
    font-size:50px;
    font-weight:700;
}

.counter-box p{
    margin:0;
}

/* =========================================
WHY US
========================================= */

.why-box{
    background:#fff;
    padding:35px;
    border-radius:20px;
    text-align:center;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    transition:.3s;
}

.why-box:hover{
    transform:translateY(-10px);
}

.why-box i{
    font-size:50px;
    color:#0d6efd;
    margin-bottom:20px;
}

/* =========================================
CTA
========================================= */

.cta-section{
    background:#0d6efd;
    color:#fff;
    padding:80px 0;
}

.cta-box h2{
    font-size:42px;
    font-weight:700;
}

/* =========================================
FOOTER
========================================= */

.footer-area{
    background:#081d47;
    color:#fff;
    padding:60px 0 20px;
}

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

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

.footer-links a{
    color:#fff;
}

.footer-links a:hover{
    color:#2BBE66;
}

/* =========================================
WHATSAPP
========================================= */

.whatsapp-btn{
    position:fixed;
    right:20px;
    bottom:20px;
    width:60px;
    height:60px;
    background:#25D366;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    z-index:9999;
}

/* =========================================
MOBILE
========================================= */

@media(max-width:991px){

.banner-img{
    height:300px;
}

.site-logo{
    height:60px;
}

.section-title h2,
.section-heading h2,
.welcome-section h2{
    font-size:32px;
}

}

@media(max-width:768px){

.banner-img{
    height:220px;
}

.top-bar{
    text-align:center;
}

.social-icons{
    margin-top:5px;
}

.site-logo{
    height:50px;
}

.welcome-logo{
    margin-bottom:25px;
}

}


/* =========================================
ABOUT PAGE BANNER
========================================= */

.about-banner{
    position:relative;
    overflow:hidden;
    padding:140px 0 100px;
    background:linear-gradient(135deg,#081d47,#1F6BFF);
    color:#fff;
}

.banner-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.15);
}

.banner-content{
    position:relative;
    z-index:2;
}

.banner-content h5{
    color:#2BBE66;
    letter-spacing:2px;
    margin-bottom:15px;
}

.banner-content h1{
    font-size:65px;
    font-weight:700;
    line-height:1.2;
    margin-bottom:25px;
}

.banner-content p{
    font-size:20px;
    color:#f1f1f1;
    margin-bottom:35px;
}

.banner-buttons{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}

.banner-image{
    position:relative;
    z-index:2;
}

.banner-image img{
    animation:float 4s ease-in-out infinite;
}

/* FLOATING BADGES */

.floating-badge{
    position:absolute;
    background:#fff;
    color:#081d47;
    padding:14px 22px;
    border-radius:14px;
    font-weight:600;
    box-shadow:0 10px 30px rgba(0,0,0,0.15);
}

.badge1{
    top:50px;
    left:-20px;
}

.badge2{
    bottom:50px;
    right:-20px;
}

/* ABOUT COMPANY */

.about-company{
    background:#fff;
}

/* HIGHLIGHT SECTION */

.highlight-section{
    background:#f7f9fc;
}

.highlight-box{
    background:#fff;
    padding:40px 35px;
    border-radius:25px;
    text-align:center;
    transition:0.4s;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
    height:100%;
}

.highlight-box:hover{
    transform:translateY(-10px);
}

.highlight-box i{
    font-size:55px;
    color:#1F6BFF;
    margin-bottom:25px;
}

/* TIMELINE */

.timeline{
    position:relative;
    max-width:900px;
    margin:auto;
}

.timeline::before{
    content:'';
    position:absolute;
    width:4px;
    background:#1F6BFF;
    top:0;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
}

.timeline-item{
    position:relative;
    width:50%;
    padding:20px 40px;
}

.timeline-item:nth-child(odd){
    left:0;
    text-align:right;
}

.timeline-item:nth-child(even){
    left:50%;
}

.timeline-year{
    display:inline-block;
    background:#1F6BFF;
    color:#fff;
    padding:10px 20px;
    border-radius:30px;
    font-weight:700;
    margin-bottom:15px;
}

.timeline-content{
    background:#fff;
    padding:30px;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

/* RESPONSIVE */

@media(max-width:991px){

.about-banner{
    text-align:center;
    padding:100px 0 80px;
}

.banner-content h1{
    font-size:42px;
}

.banner-image{
    margin-top:50px;
}

.floating-badge{
    display:none;
}

.timeline::before{
    left:20px;
}

.timeline-item{
    width:100%;
    left:0 !important;
    text-align:left !important;
    padding-left:60px;
}

}

@media(max-width:767px){

.banner-content h1{
    font-size:34px;
}

.banner-content p{
    font-size:16px;
}

.banner-buttons{
    justify-content:center;
}

}

/* =========================================
About End
========================================= */

/* =========================================
Contact BANNER
========================================= */

.page-banner{
    background:linear-gradient(135deg,#081d47,#1F6BFF);
    padding:120px 0 80px;
    color:#fff;
    text-align:center;
}

.page-banner h1{
    font-size:55px;
    font-weight:700;
}

.page-banner p{
    font-size:18px;
    margin-top:15px;
}

/* CONTACT PAGE */

.contact-page{
    background:#f7f9fc;
}

/* CONTACT INFO */

.contact-info-box{
    background:#081d47;
    color:#fff;
    padding:50px;
    border-radius:25px;
    height:100%;
}

.contact-info-box h6{
    color:#2BBE66;
    margin-bottom:15px;
}

.contact-info-box h2{
    font-size:40px;
    font-weight:700;
    margin-bottom:15px;
}

.contact-item{
    display:flex;
    margin-top:35px;
}

.contact-icon{
    width:60px;
    height:60px;
    background:#1F6BFF;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    margin-right:20px;
    flex-shrink:0;
}

.contact-item h5{
    margin-bottom:10px;
}

/* SOCIAL ICONS */

.social-icons a{
    width:45px;
    height:45px;
    background:#1F6BFF;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:#fff;
    margin-right:10px;
    transition:0.4s;
}

.social-icons a:hover{
    background:#2BBE66;
    transform:translateY(-5px);
}

/* FORM */

.contact-form-box{
    background:#fff;
    padding:50px;
    border-radius:25px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.contact-form-box h2{
    font-size:40px;
    font-weight:700;
    margin-bottom:30px;
}

.form-control{
    height:55px;
    border-radius:12px;
    border:1px solid #ddd;
    padding-left:20px;
    box-shadow:none !important;
}

textarea.form-control{
    height:auto;
    padding-top:15px;
}

.form-control:focus{
    border-color:#1F6BFF;
}

/* MAP */

.map-section iframe{
    display:block;
}

/* RESPONSIVE */

@media(max-width:991px){

.page-banner h1{
    font-size:40px;
}

.contact-info-box,
.contact-form-box{
    padding:35px;
}

.contact-info-box h2,
.contact-form-box h2{
    font-size:32px;
}

}

@media(max-width:767px){

.page-banner{
    padding:90px 0 60px;
}

.page-banner h1{
    font-size:32px;
}

.contact-item{
    flex-direction:column;
}

.contact-icon{
    margin-bottom:15px;
}

}

/* PORTFOLIO */

.portfolio-box{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
    transition:.4s;
}

.portfolio-box:hover{
    transform:translateY(-10px);
}

.portfolio-box img{
    width:100%;
    height:260px;
    object-fit:cover;
}

.portfolio-content{
    padding:25px;
}

.portfolio-content h4{
    margin-bottom:10px;
}

.portfolio-btn{
    color:#1F6BFF;
    font-weight:600;
    text-decoration:none;
}

/* INDUSTRY */

.industry-box{
    background:#fff;
    padding:30px;
    border-radius:20px;
    box-shadow:0 5px 20px rgba(0,0,0,0.08);
    transition:.3s;
}

.industry-box:hover{
    transform:translateY(-8px);
}

.industry-box i{
    font-size:40px;
    color:#1F6BFF;
    margin-bottom:15px;
}
/* PORTFOLIO END*/
/* ================= MODERN MULTI-PAGE UPDATE ================= */
:root{--navy:#081d47;--blue:#1f6bff;--green:#2bbe66;--orange:#f28c00;--ink:#14213d;--muted:#667085;--soft:#f5f8ff}
body{color:var(--ink);background:#fff}.top-bar{background:var(--navy)}.top-bar a{color:#fff}.top-sep{opacity:.35}.header-area{background:rgba(255,255,255,.96);backdrop-filter:blur(12px);box-shadow:0 8px 30px rgba(8,29,71,.08)}.navbar{padding:8px 0}.site-logo{height:68px}.nav-link{font-weight:600!important;padding:20px 13px!important;color:#17233f!important}.nav-link.active,.nav-link:hover{color:var(--blue)!important}.nav-cta{display:inline-block;background:var(--green);color:#fff;padding:11px 20px;border-radius:999px;font-weight:700}.nav-cta:hover{color:#fff;background:#1fa956}.dropdown-menu{border:0;border-radius:16px;box-shadow:0 15px 45px rgba(8,29,71,.14);padding:10px}.dropdown-item{padding:10px 14px;border-radius:10px;font-weight:500}.dropdown-item:hover{background:#eef4ff;color:var(--blue)}.page-hero{padding:90px 0 80px;background:linear-gradient(135deg,#071a42,#1f6bff);color:#fff;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(43,190,102,.18);right:-120px;top:-180px}.page-hero .eyebrow,.hero-section .eyebrow{color:#72f0a3;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.page-hero h1{font-size:clamp(38px,5vw,64px);font-weight:800;line-height:1.08}.page-hero p{max-width:760px;color:rgba(255,255,255,.82);font-size:18px}.hero-section{padding:85px 0;background:linear-gradient(135deg,#071a42,#1f6bff);color:#fff;position:relative;overflow:hidden}.hero-section h1{font-size:clamp(40px,5vw,68px);font-weight:800;line-height:1.05}.hero-section p{font-size:18px;color:rgba(255,255,255,.82);line-height:1.8}.hero-logo img{max-width:230px;background:#fff;border-radius:14px;padding:8px;margin-bottom:24px}.hero-image-area{background:rgba(255,255,255,.09);padding:14px;border-radius:24px;box-shadow:0 25px 70px rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.15)}.hero-slider-img{height:380px;object-fit:cover;border-radius:16px}.secondary-btn{display:inline-block;color:#fff;border:1px solid rgba(255,255,255,.55);padding:12px 28px;border-radius:50px;margin-left:10px}.secondary-btn:hover{color:#fff;background:rgba(255,255,255,.1)}.main-btn{background:var(--green);font-weight:700;border:0}.main-btn:hover{background:#1fa956}.section-kicker{color:var(--blue);font-weight:700;letter-spacing:1.4px;text-transform:uppercase}.section-title h2{font-size:clamp(32px,4vw,48px)}.section-subtitle{max-width:760px;margin:0 auto;color:var(--muted);font-size:17px}.feature-card,.service-card,.info-card,.portfolio-card,.process-card{height:100%;background:#fff;border:1px solid #e8edf6;border-radius:22px;padding:30px;box-shadow:0 10px 35px rgba(8,29,71,.06);transition:.3s}.feature-card:hover,.service-card:hover,.info-card:hover,.portfolio-card:hover,.process-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(8,29,71,.12)}.icon-box{width:62px;height:62px;display:grid;place-items:center;border-radius:18px;background:#edf4ff;color:var(--blue);font-size:25px;margin-bottom:20px}.service-card h3,.feature-card h3{font-size:22px;font-weight:700}.service-card p,.feature-card p,.info-card p,.process-card p{color:var(--muted);line-height:1.75}.service-card .service-link{font-weight:700;color:var(--blue)}.stats-band{background:var(--navy);color:#fff;padding:55px 0}.stat-number{font-size:42px;font-weight:800}.stat-label{color:rgba(255,255,255,.7)}.split-image{border-radius:24px;box-shadow:0 20px 60px rgba(8,29,71,.12)}.check-list{list-style:none;padding:0;margin:0}.check-list li{margin:13px 0;color:#475467}.check-list i{color:var(--green);margin-right:10px}.cta-modern{background:linear-gradient(135deg,#081d47,#1556cc);border-radius:28px;padding:55px;color:#fff}.cta-modern p{color:rgba(255,255,255,.78)}.busy-hero{background:linear-gradient(135deg,#061a40 0%,#164fc3 60%,#0ea75a 100%)}.busy-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);padding:9px 15px;border-radius:999px;font-weight:700}.busy-card{border-top:4px solid var(--green)}.portfolio-img{height:230px;object-fit:cover;border-radius:16px;margin-bottom:22px;background:#eef3fb}.portfolio-card .tag{display:inline-block;background:#eef4ff;color:var(--blue);padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700;margin-bottom:12px}.portfolio-card a{font-weight:700;color:var(--blue)}.form-control{border:1px solid #d9e1ef;border-radius:12px;padding:13px 15px}.form-control:focus{border-color:var(--blue);box-shadow:0 0 0 .2rem rgba(31,107,255,.1)}.map-frame{border:0;width:100%;height:430px;border-radius:24px}.footer-area{background:#071a42;color:#b8c5dc;padding:70px 0 25px}.footer-logo{height:62px;background:#fff;border-radius:10px;padding:5px}.footer-area h5{color:#fff;font-weight:700;margin-bottom:20px}.footer-area p{line-height:1.8}.footer-area a{color:#b8c5dc}.footer-area a:hover{color:#fff}.footer-links{list-style:none;padding:0}.footer-links li{margin:10px 0}.footer-links a{color:#b8c5dc}.copyright{font-size:14px}.whatsapp-btn{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;font-size:30px;z-index:9999;box-shadow:0 12px 30px rgba(0,0,0,.2)}.whatsapp-btn:hover{color:#fff;transform:scale(1.06)}
@media(max-width:991px){.nav-link{padding:10px 0!important}.nav-cta{margin:10px 0;display:inline-block}.hero-section{padding:60px 0}.hero-image-area{margin-top:35px}.hero-slider-img{height:260px}.page-hero{padding:65px 0}.top-bar{font-size:12px}.top-bar .social-icons{width:100%;text-align:left}.top-bar .social-icons a{margin-left:0;margin-right:14px}}
@media(max-width:575px){.site-logo{height:58px}.hero-section h1{font-size:39px}.hero-slider-img{height:210px}.section-padding{padding:65px 0}.page-hero h1{font-size:38px}.secondary-btn{margin-left:0;margin-top:12px}.top-sep{display:none}}