:root{

    /* Dark Navy */
    --primary:#081C3A;

    /* Royal Blue */
    --secondary:#2563EB;

    /* Orange Accent */
    --accent:#FF7A1A;

    /* Light Background */
    --light:#F8FAFC;

    /* Dark Text */
    --dark:#0F172A;

    /* Paragraph Text */
    --text:#64748B;

    /* Border */
    --border:#E2E8F0;

    /* White */
    --white:#FFFFFF;

}
.primary-btn{

    background:var(--secondary);
    color:#fff;

}

.primary-btn:hover{

    background:var(--primary);

}

.secondary-btn{

    background:var(--accent);
    color:#fff;

}
a {
    text-decoration: none;
}
.hero-section{

    margin-top: 50px;
    background:
    linear-gradient(
        135deg,
        #081C3A 0%,
        #0E2A57 50%,
        #2563EB 100%
    );

}
.service-card{

    background:#fff;

    border:1px solid var(--border);

    transition:.3s;

}

.service-card:hover{

    border-color:var(--secondary);

    transform:translateY(-8px);

    box-shadow:
    0 20px 40px rgba(37,99,235,.15);

}
.service-icon{

    width:70px;
    height:70px;

    background:
    linear-gradient(
        135deg,
        rgba(37,99,235,.1),
        rgba(255,122,26,.1)
    );

    color:var(--secondary);

}
.stats-section{

    background:#ffffff;

}

.stat-number{

    color:var(--secondary);

}

.stat-card{

    border-top:4px solid var(--accent);

}
.cta-section{

    background:
    linear-gradient(
        135deg,
        var(--primary),
        var(--secondary)
    );

}
.sticky-call{

    background:var(--secondary);

}

.sticky-whatsapp{

    background:#25D366;

}

.sticky-quote{

    background:var(--accent);

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

.top-bar{

    background:#081C3A;

    padding:12px 0;

    border-bottom:
    1px solid rgba(255,255,255,.08);

}

.top-bar-wrapper{

    display:flex;

    justify-content:space-between;

    align-items:center;

}

.top-left{

    display:flex;

    align-items:center;

    gap:25px;

}

.top-left a{

    color:#ffffff;

    font-size:14px;

    font-weight:500;

    display:flex;

    align-items:center;

    gap:8px;

    transition:.3s;

}

.top-left a:hover{

    color:#06B6D4;

}

.top-left i{

    color:#06B6D4;

}

.top-right{

    display:flex;

    align-items:center;

    gap:15px;

}

.top-social{

    display:flex;

    align-items:center;

    gap:10px;

}

.top-social a{

    width:36px;

    height:36px;

    border-radius:50%;

    background:
    rgba(255,255,255,.08);

    color:#ffffff;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.3s;

}

.top-social a:hover{

    background:#2563EB;

    color:#ffffff;

}

.top-whatsapp-btn{

    background:#25D366;

    color:#ffffff;

    padding:10px 18px;

    border-radius:50px;

    font-size:14px;

    font-weight:600;

    display:flex;

    align-items:center;

    gap:8px;

    transition:.3s;

}

.top-whatsapp-btn:hover{

    color:#ffffff;

    transform:translateY(-2px);

}

.top-cta-btn{

    background:#FF7A1A;

    color:#ffffff;

    padding:10px 20px;

    border-radius:50px;

    font-size:14px;

    font-weight:600;

    transition:.3s;

}

.top-cta-btn:hover{

    background:#ff6a00;

    color:#ffffff;

    transform:translateY(-2px);

}
@media(max-width:991px){

    .top-bar{

        display:none;

    }

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

.main-header{

    position:sticky;

    top:0;

    z-index:9999;

    background:#ffffff;

    box-shadow:
    0 10px 30px rgba(0,0,0,.05);

}

.navbar{

    padding:18px 0;

}

.navbar-brand img{

    height:60px;

    width:auto;

}

.navbar-nav{

    gap:8px;

}

.nav-link{

    color:var(--dark);

    font-size:15px;

    font-weight:600;

    padding:10px 16px !important;

    transition:.3s;

}

.nav-link:hover{

    color:var(--secondary);

}

.header-actions{

    display:flex;

    align-items:center;

    gap:12px;

}

.header-call-btn{

    padding:12px 20px;

    border-radius:50px;

    border:1px solid var(--border);

    color:var(--dark);

    font-size:14px;

    font-weight:600;

    transition:.3s;

}

.header-call-btn:hover{

    border-color:var(--secondary);

    color:var(--secondary);

}

.header-quote-btn{

    background:var(--accent);

    color:#ffffff;

    padding:13px 24px;

    border-radius:50px;

    font-size:14px;

    font-weight:600;

    transition:.3s;

}

.header-quote-btn:hover{

    background:#ff6a00;

    color:#ffffff;

    transform:translateY(-2px);

}

.navbar-toggler{

    border:none;

    box-shadow:none !important;

    font-size:24px;

    color:var(--primary);

}@media(max-width:991px){

    .navbar-collapse{

        margin-top:20px;

        padding:25px;

        background:#ffffff;

        border-radius:20px;

        box-shadow:
        0 15px 40px rgba(0,0,0,.08);

    }

    .navbar-nav{

        gap:5px;

    }

    .header-actions{

        flex-direction:column;

        margin-top:20px;

        width:100%;

    }

    .header-call-btn,
    .header-quote-btn{

        width:100%;

        text-align:center;

    }

}/* ==========================
   HERO SECTION
========================== */

.hero-section{

    padding:100px 0;

    background:
    linear-gradient(
        135deg,
        #081C3A 0%,
        #102A56 50%,
        #1E3A8A 100%
    );

    position:relative;

    overflow:hidden;

}

.hero-content{

    color:#ffffff;

}

.hero-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    background:
    rgba(255,255,255,.10);

    padding:12px 20px;

    border-radius:50px;

    font-size:14px;

    font-weight:600;

    margin-bottom:25px;

}

.hero-badge i{

    color:#FF7A1A;

}

.hero-content h1{

    font-size:58px;

    font-weight:800;

    line-height:1.15;

    margin-bottom:25px;

}

.hero-content h1 span{

    color:#06B6D4;

}

.hero-content p{

    font-size:18px;

    line-height:1.9;

    color:#CBD5E1;

    margin-bottom:35px;

}

.hero-features{

    display:grid;

    grid-template-columns:
    repeat(2,1fr);

    gap:15px;

    margin-bottom:35px;

}

.hero-feature{

    display:flex;

    align-items:center;

    gap:10px;

    color:#ffffff;

    font-weight:500;

}

.hero-feature i{

    color:#22C55E;

}

.hero-buttons{

    display:flex;

    gap:15px;

    margin-bottom:35px;

}

.hero-primary-btn{

    background:#FF7A1A;

    color:#ffffff;

    padding:16px 30px;

    border-radius:50px;

    font-weight:600;

}

.hero-secondary-btn{

    background:#ffffff;

    color:#081C3A;

    padding:16px 30px;

    border-radius:50px;

    font-weight:600;

}

.hero-trust{

    display:flex;

    gap:40px;

}

.hero-trust strong{

    display:block;

    font-size:24px;

    color:#06B6D4;

}

/* Form */

.hero-form-card{

    background:#ffffff;

    border-radius:25px;

    padding:35px;

    box-shadow:
    0 25px 60px rgba(0,0,0,.20);

}

.form-header{

    text-align:center;

    margin-bottom:25px;

}

.form-header h3{

    color:#081C3A;

    font-weight:700;

}

.hero-form-card form{

    display:flex;

    flex-direction:column;

    gap:15px;

}

.hero-form-card input,
.hero-form-card select,
.hero-form-card textarea{

    width:100%;

    border:1px solid #E2E8F0;

    border-radius:12px;

    padding:14px 15px;

    outline:none;

}

.hero-form-card button{

    height:55px;

    border:none;

    border-radius:12px;

    background:#FF7A1A;

    color:#ffffff;

    font-weight:700;

}@media(max-width:991px){

    .hero-section{

        padding:70px 0;

    }

    .hero-content{

        text-align:center;

        margin-bottom:40px;

    }

    .hero-content h1{

        font-size:38px;

    }

    .hero-features{

        grid-template-columns:1fr;

    }

    .hero-buttons{

        flex-direction:column;

    }

    .hero-trust{

        justify-content:center;

        gap:20px;

        flex-wrap:wrap;

    }

}/* ==========================
   STATS SECTION
========================== */

.stats-section{

    padding:100px 0;

    background:#F8FAFC;

}

.stats-intro{

    text-align:center;

    max-width:900px;

    margin:0 auto 70px;

}

.stat-card{

    background:#ffffff;

    border-radius:25px;

    padding:35px;

    height:100%;

    border:1px solid #E2E8F0;

    transition:.35s;

    position:relative;

    overflow:hidden;

}

.stat-card:hover{

    transform:translateY(-10px);

    border-color:#2563EB;

    box-shadow:
    0 25px 50px rgba(37,99,235,.10);

}

.stat-icon{

    width:75px;

    height:75px;

    border-radius:18px;

    background:
    linear-gradient(
        135deg,
        rgba(37,99,235,.10),
        rgba(255,122,26,.10)
    );

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:25px;

}

.stat-icon i{

    font-size:30px;

    color:#2563EB;

}

.stat-card h3{

    font-size:48px;

    font-weight:800;

    color:#081C3A;

    margin-bottom:10px;

}

.stat-card h4{

    font-size:22px;

    font-weight:700;

    color:#081C3A;

    margin-bottom:15px;

}

.stat-card p{

    color:#64748B;

    line-height:1.8;

    margin:0;

}@media(max-width:991px){

    .stats-section{

        padding:70px 0;

    }

    .stat-card{

        text-align:center;

    }

    .stat-icon{

        margin:
        0 auto 20px;

    }

    .stat-card h3{

        font-size:38px;

    }

}
.stats-intro{

    max-width:950px;

    margin:0 auto 70px;

    text-align:center;

    position:relative;

}

.intro-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    background:#fff;

    padding:12px 24px;

    border-radius:50px;

    box-shadow:
    0 10px 30px rgba(37,99,235,.10);

    margin-bottom:25px;

    color:var(--secondary);

    font-weight:600;

}

.intro-badge span{

    width:10px;

    height:10px;

    border-radius:50%;

    background:#22C55E;

    animation:pulse-dot 1.5s infinite;

}

.stats-intro h2{

    font-size:52px;

    line-height:1.2;

    font-weight:800;

    color:#081C3A;

    margin-bottom:25px;

    max-width:850px;

    margin-left:auto;

    margin-right:auto;

}

.stats-intro p{

    font-size:18px;

    line-height:1.9;

    color:#64748B;

    max-width:850px;

    margin:0 auto 40px;

}

.intro-highlights{

    display:flex;

    justify-content:center;

    gap:15px;

    flex-wrap:wrap;

}

.highlight-item{

    background:#fff;

    padding:14px 24px;

    border-radius:50px;

    border:1px solid #E2E8F0;

    display:flex;

    align-items:center;

    gap:10px;

    font-weight:600;

    transition:.3s;

}

.highlight-item:hover{

    transform:translateY(-5px);

    border-color:var(--secondary);

    box-shadow:
    0 15px 35px rgba(37,99,235,.12);

}

.highlight-item i{

    color:var(--accent);

}
/* ==========================
   SERVICES SECTION
========================== */

.services-section{

    padding:120px 0;

    background:#ffffff;

    position:relative;

}

.services-header{

    text-align:center;

    max-width:900px;

    margin:0 auto 80px;

}

.services-header h2{

    font-size:54px;

    font-weight:800;

    line-height:1.2;

    color:#081C3A;

    margin-bottom:25px;

}

.services-header p{

    font-size:18px;

    color:#64748B;

    line-height:1.9;

}

.service-card{

    position:relative;

    background:#ffffff;

    border:1px solid #E2E8F0;

    border-radius:28px;

    padding:35px;

    height:100%;

    overflow:hidden;

    transition:.4s;

}

.service-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:4px;

    background:
    linear-gradient(
        90deg,
        #2563EB,
        #06B6D4,
        #FF7A1A
    );

}

.service-card:hover{

    transform:
    translateY(-12px);

    box-shadow:
    0 25px 60px rgba(37,99,235,.12);

    border-color:#2563EB;

}

.service-icon{

    width:80px;

    height:80px;

    border-radius:24px;

    background:
    linear-gradient(
        135deg,
        rgba(37,99,235,.10),
        rgba(255,122,26,.10)
    );

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:25px;

}

.service-icon i{

    font-size:32px;

    color:#2563EB;

}

.service-card h3{

    font-size:24px;

    font-weight:700;

    color:#081C3A;

    margin-bottom:15px;

}

.service-card p{

    color:#64748B;

    line-height:1.8;

    margin-bottom:20px;

}

.service-card ul{

    list-style:none;

    padding:0;

    margin:0;

}

.service-card ul li{

    display:flex;

    align-items:center;

    gap:10px;

    margin-bottom:12px;

    font-size:15px;

    color:#0F172A;

}

.service-card ul li::before{

    content:"✓";

    color:#22C55E;

    font-weight:700;

}
.service-card{

    opacity:0;

    transform:translateY(40px);

    animation:
    serviceFade .8s ease forwards;

}

.service-card:nth-child(2){
    animation-delay:.1s;
}

.service-card:nth-child(3){
    animation-delay:.2s;
}

.service-card:nth-child(4){
    animation-delay:.3s;
}

@keyframes serviceFade{

    to{

        opacity:1;

        transform:translateY(0);

    }

}
.service-btn{

    margin-top:25px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    width:100%;

    height:50px;

    border-radius:14px;

    background:
    linear-gradient(
        135deg,
        var(--secondary),
        #1D4ED8
    );

    color:#fff;

    font-size:15px;

    font-weight:600;

    transition:.35s;

}

.service-btn:hover{

    color:#fff;

    transform:translateY(-3px);

    box-shadow:
    0 15px 35px rgba(37,99,235,.25);

}

.service-btn i{

    transition:.3s;

}

.service-btn:hover i{

    transform:translateX(5px);

}/* ==========================
   CUSTOM SOLUTION CTA
========================== */

.custom-solution-cta{

    margin-top:80px;

    background:
    linear-gradient(
        135deg,
        #081C3A,
        #102A56,
        #1E3A8A
    );

    border-radius:35px;

    padding:60px;

    position:relative;

    overflow:hidden;

}

.custom-solution-cta::before{

    content:"";

    position:absolute;

    top:-150px;

    right:-150px;

    width:350px;

    height:350px;

    border-radius:50%;

    background:
    rgba(255,255,255,.05);

}

.custom-cta-content span{

    display:inline-block;

    background:
    rgba(255,255,255,.12);

    color:#06B6D4;

    padding:10px 18px;

    border-radius:50px;

    font-size:14px;

    font-weight:600;

    margin-bottom:20px;

}

.custom-cta-content h3{

    font-size:42px;

    font-weight:800;

    line-height:1.25;

    color:#fff;

    margin-bottom:20px;

}

.custom-cta-content p{

    color:#CBD5E1;

    font-size:17px;

    line-height:1.9;

    max-width:800px;

}

.custom-cta-buttons{

    display:flex;

    flex-direction:column;

    gap:15px;

}

.custom-whatsapp-btn{

    background:#25D366;

    color:#fff;

    padding:18px 25px;

    border-radius:16px;

    text-align:center;

    font-weight:700;

    transition:.3s;

}

.custom-call-btn{

    background:#FF7A1A;

    color:#fff;

    padding:18px 25px;

    border-radius:16px;

    text-align:center;

    font-weight:700;

    transition:.3s;

}

.custom-whatsapp-btn:hover,
.custom-call-btn:hover{

    color:#fff;

    transform:translateY(-4px);

}@media(max-width:991px){

    .custom-solution-cta{

        padding:35px;

        text-align:center;

    }

    .custom-cta-content h3{

        font-size:30px;

    }

    .custom-cta-buttons{

        margin-top:25px;

    }

}/* ==========================
   WHY SECTION
========================== */

.why-section{

    padding:120px 0;

    background:
    linear-gradient(
        180deg,
        #F8FAFC,
        #FFFFFF
    );

}

.why-header{

    max-width:900px;

    margin:0 auto 80px;

    text-align:center;

}

.why-header h2{

    font-size:54px;

    font-weight:800;

    color:#081C3A;

    margin-bottom:20px;

}

.why-header p{

    font-size:18px;

    line-height:1.9;

    color:#64748B;

}

.why-card{

    background:#fff;

    border:1px solid #E2E8F0;

    border-radius:28px;

    padding:40px 35px;

    height:100%;

    transition:.4s;

    position:relative;

    overflow:hidden;

}

.why-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:4px;

    background:
    linear-gradient(
        90deg,
        #2563EB,
        #06B6D4,
        #FF7A1A
    );

    transform:scaleX(0);

    transition:.4s;

}

.why-card:hover{

    transform:translateY(-12px);

    border-color:#2563EB;

    box-shadow:
    0 25px 60px rgba(37,99,235,.12);

}

.why-card:hover::before{

    transform:scaleX(1);

}

.why-icon{

    width:80px;

    height:80px;

    border-radius:22px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:
    linear-gradient(
        135deg,
        rgba(37,99,235,.10),
        rgba(255,122,26,.10)
    );

    margin-bottom:25px;

}

.why-icon i{

    font-size:32px;

    color:#2563EB;

}

.why-card h3{

    font-size:24px;

    font-weight:700;

    color:#081C3A;

    margin-bottom:15px;

}

.why-card p{

    color:#64748B;

    line-height:1.8;

    margin:0;

}.why-cta{

    margin-top:80px;

    background:
    linear-gradient(
        135deg,
        #081C3A,
        #102A56
    );

    border-radius:35px;

    padding:50px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:30px;

}

.why-cta-content h3{

    color:#fff;

    font-size:38px;

    font-weight:800;

    margin-bottom:15px;

}

.why-cta-content p{

    color:#CBD5E1;

    margin:0;

}

.why-cta-buttons{

    display:flex;

    gap:15px;

}

.why-whatsapp-btn{

    background:#25D366;

    color:#fff;

    padding:16px 28px;

    border-radius:14px;

    font-weight:700;

}

.why-call-btn{

    background:#FF7A1A;

    color:#fff;

    padding:16px 28px;

    border-radius:14px;

    font-weight:700;

}
/* ==========================
   INDUSTRIES SECTION
========================== */

.industries-section{

    padding:120px 0;

    background:#ffffff;

}

.industries-header{

    max-width:900px;

    margin:0 auto 80px;

    text-align:center;

}

.industries-header h2{

    font-size:54px;

    font-weight:800;

    color:#081C3A;

    margin-bottom:20px;

}

.industries-header p{

    font-size:18px;

    color:#64748B;

    line-height:1.9;

}

.industry-card{

    background:#fff;

    border:1px solid #E2E8F0;

    border-radius:25px;

    padding:35px;

    text-align:center;

    transition:.4s;

    height:100%;

}

.industry-card:hover{

    transform:translateY(-10px);

    border-color:#2563EB;

    box-shadow:
    0 20px 50px rgba(37,99,235,.12);

}

.industry-card i{

    font-size:42px;

    color:#2563EB;

    margin-bottom:20px;

}

.industry-card h3{

    font-size:22px;

    font-weight:700;

    color:#081C3A;

}

.clients-section{

    margin-top:100px;

}

.clients-heading{

    text-align:center;

    margin-bottom:50px;

}

.clients-heading h3{

    font-size:42px;

    font-weight:800;

    color:#081C3A;

    margin-bottom:15px;

}

.clients-heading p{

    color:#64748B;

}

.client-logo-grid{

    display:grid;

    grid-template-columns:
    repeat(4,1fr);

    gap:25px;

}

.client-logo{

    background:#fff;

    border:1px solid #E2E8F0;

    border-radius:20px;

    height:140px;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:25px;

    transition:.3s;

}

.client-logo:hover{

    transform:translateY(-8px);

    box-shadow:
    0 15px 40px rgba(37,99,235,.10);

}

.client-logo img{

    max-width:100%;

    max-height:70px;

    object-fit:contain;

}

.client-trust-strip{

    margin-top:70px;

    background:
    linear-gradient(
        135deg,
        #081C3A,
        #102A56
    );

    border-radius:25px;

    padding:35px;

    display:flex;

    justify-content:space-around;

    text-align:center;

}

.trust-item{

    color:#fff;

}

.trust-item strong{

    display:block;

    font-size:34px;

    color:#06B6D4;

    margin-bottom:10px;

}
.portfolio-grid{

    display:grid;

    grid-template-columns:
    repeat(3,1fr);

    gap:30px;

}

.portfolio-card{

    background:#fff;

    border-radius:25px;

    overflow:hidden;

    border:1px solid #E2E8F0;

    transition:.4s;

}

.portfolio-card:hover{

    transform:translateY(-10px);

    box-shadow:
    0 20px 50px rgba(37,99,235,.12);

}

.portfolio-image{

    height:250px;

    overflow:hidden;

}

.portfolio-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.5s;

}

.portfolio-card:hover img{

    transform:scale(1.08);

}

.portfolio-content{

    padding:25px;

}

.portfolio-content h4{

    font-size:22px;

    font-weight:700;

    color:#081C3A;

    margin-bottom:8px;

}

.portfolio-content span{

    color:#2563EB;

    font-weight:600;

    font-size:14px;

}
/* ==========================
   RESPONSIVE PORTFOLIO GRID
========================== */

@media(max-width:1199px){

    .portfolio-grid{

        grid-template-columns:
        repeat(3,1fr);

        gap:25px;

    }

    .portfolio-image{

        height:220px;

    }

}

@media(max-width:991px){

    .portfolio-grid{

        grid-template-columns:
        repeat(2,1fr);

        gap:25px;

    }

    .portfolio-image{

        height:220px;

    }

    .portfolio-content{

        padding:20px;

    }

    .portfolio-content h4{

        font-size:20px;

    }

}

@media(max-width:767px){

    .portfolio-grid{

        grid-template-columns:1fr;

        gap:20px;

    }

    .portfolio-card{

        border-radius:20px;

    }

    .portfolio-image{

        height:250px;

    }

    .portfolio-content{

        padding:20px;

    }

    .portfolio-content h4{

        font-size:20px;

        line-height:1.4;

    }

    .portfolio-content span{

        font-size:13px;

    }

}

@media(max-width:575px){

    .portfolio-grid{

        gap:18px;

    }

    .portfolio-image{

        height:220px;

    }

    .portfolio-content{

        padding:18px;

    }

    .portfolio-content h4{

        font-size:18px;

        margin-bottom:6px;

    }

    .portfolio-content span{

        font-size:12px;

    }

}/* ==========================
   WHY CTA RESPONSIVE
========================== */

@media(max-width:991px){

    .why-cta{

        flex-direction:column;

        text-align:center;

        padding:40px 30px;

        gap:25px;

    }

    .why-cta-content{

        width:100%;

    }

    .why-cta-content h3{

        font-size:32px;

        line-height:1.3;

    }

    .why-cta-content p{

        font-size:16px;

    }

    .why-cta-buttons{

        width:100%;

        justify-content:center;

    }

}

@media(max-width:767px){

    .why-cta{

        padding:35px 25px;

        border-radius:25px;

    }

    .why-cta-content h3{

        font-size:28px;

    }

    .why-cta-content p{

        font-size:15px;

        line-height:1.8;

    }

    .why-cta-buttons{

        flex-direction:column;

        width:100%;

        gap:12px;

    }

    .why-whatsapp-btn,
    .why-call-btn{

        width:100%;

        text-align:center;

        justify-content:center;

        display:flex;

        align-items:center;

        min-height:55px;

    }

}

@media(max-width:575px){

    .why-cta{

        padding:30px 20px;

    }

    .why-cta-content h3{

        font-size:24px;

    }

    .why-cta-content p{

        font-size:14px;

    }

    .why-whatsapp-btn,
    .why-call-btn{

        font-size:15px;

        padding:14px 20px;

    }

}
/* ==========================
   CLIENT TRUST STRIP RESPONSIVE
========================== */

@media(max-width:991px){

    .client-trust-strip{

        display:grid;

        grid-template-columns:
        repeat(2,1fr);

        gap:25px;

        padding:35px 25px;

    }

    .trust-item{

        text-align:center;

    }

    .trust-item strong{

        font-size:30px;

    }

}

@media(max-width:767px){

    .client-trust-strip{

        grid-template-columns:
        repeat(2,1fr);

        gap:20px;

        padding:30px 20px;

        border-radius:20px;

    }

    .trust-item{

        font-size:14px;

        line-height:1.6;

    }

    .trust-item strong{

        font-size:28px;

        margin-bottom:8px;

    }

}

@media(max-width:575px){

    .client-trust-strip{

        grid-template-columns:1fr;

        gap:20px;

        padding:25px 20px;

    }

    .trust-item{

        padding-bottom:15px;

        border-bottom:
        1px solid rgba(255,255,255,.10);

    }

    .trust-item:last-child{

        border-bottom:none;

        padding-bottom:0;

    }

    .trust-item strong{

        font-size:26px;

    }

}/* ==========================
   PROCESS SECTION
========================== */

.process-section{

    padding:120px 0;

    background:
    linear-gradient(
        180deg,
        #ffffff,
        #f8fafc
    );

    position:relative;

}

.process-header{

    max-width:900px;

    margin:0 auto 80px;

    text-align:center;

}

.process-header h2{

    font-size:54px;

    font-weight:800;

    color:#081C3A;

    margin-bottom:20px;

}

.process-header p{

    font-size:18px;

    color:#64748B;

    line-height:1.9;

}

.process-timeline{

    position:relative;

    max-width:1100px;

    margin:auto;

}

.process-timeline::before{

    content:"";

    position:absolute;

    left:50%;

    top:0;

    transform:translateX(-50%);

    width:4px;

    height:100%;

    background:
    linear-gradient(
        to bottom,
        #2563EB,
        #06B6D4,
        #FF7A1A
    );

}

.process-item{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:space-between;

    margin-bottom:60px;

}

.process-item:nth-child(even){

    flex-direction:row-reverse;

}

.process-number{

    width:90px;

    height:90px;

    border-radius:50%;

    background:
    linear-gradient(
        135deg,
        #2563EB,
        #06B6D4
    );

    color:#fff;

    font-size:30px;

    font-weight:800;

    display:flex;

    align-items:center;

    justify-content:center;

    position:relative;

    z-index:2;

}

.process-card{

    width:45%;

    background:#fff;

    border-radius:25px;

    padding:35px;

    border:1px solid #E2E8F0;

    transition:.4s;

}

.process-card:hover{

    transform:translateY(-10px);

    box-shadow:
    0 20px 50px rgba(37,99,235,.12);

}

.process-icon{

    width:75px;

    height:75px;

    border-radius:20px;

    background:
    linear-gradient(
        135deg,
        rgba(37,99,235,.10),
        rgba(255,122,26,.10)
    );

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:20px;

}

.process-icon i{

    font-size:28px;

    color:#2563EB;

}

.process-card h3{

    font-size:24px;

    font-weight:700;

    margin-bottom:15px;

    color:#081C3A;

}

.process-card p{

    color:#64748B;

    line-height:1.8;

}
.process-cta{

    margin-top:80px;

    text-align:center;

    background:
    linear-gradient(
        135deg,
        #081C3A,
        #102A56
    );

    border-radius:35px;

    padding:60px;

}

.process-cta h3{

    color:#fff;

    font-size:42px;

    font-weight:800;

    margin-bottom:15px;

}

.process-cta p{

    color:#CBD5E1;

    max-width:700px;

    margin:0 auto 30px;

}

.process-cta-buttons{

    display:flex;

    justify-content:center;

    gap:15px;

}

.process-whatsapp-btn{

    background:#25D366;

    color:#fff;

    padding:16px 30px;

    border-radius:14px;

    font-weight:700;

}

.process-call-btn{

    background:#FF7A1A;

    color:#fff;

    padding:16px 30px;

    border-radius:14px;

    font-weight:700;

}@media(max-width:991px){

    .process-timeline::before{

        left:40px;

    }

    .process-item,
    .process-item:nth-child(even){

        flex-direction:column;

        align-items:flex-start;

        padding-left:90px;

    }

    .process-card{

        width:100%;

    }

    .process-number{

        position:absolute;

        left:0;

        width:70px;

        height:70px;

        font-size:24px;

    }

}

@media(max-width:767px){

    .process-header h2{

        font-size:36px;

    }

    .process-cta{

        padding:35px 25px;

    }

    .process-cta h3{

        font-size:30px;

    }

    .process-cta-buttons{

        flex-direction:column;

    }

    .process-whatsapp-btn,
    .process-call-btn{

        width:100%;

        text-align:center;

    }

}/* ==========================
   TECHNOLOGY SECTION
========================== */

.technology-section{

    padding:120px 0;

    background:#ffffff;

}

.technology-header{

    text-align:center;

    max-width:900px;

    margin:0 auto 80px;

}

.technology-header h2{

    font-size:54px;

    font-weight:800;

    color:#081C3A;

    margin-bottom:20px;

}

.technology-header p{

    font-size:18px;

    line-height:1.9;

    color:#64748B;

}

.tech-category{

    margin-bottom:60px;

}

.tech-title{

    font-size:28px;

    font-weight:700;

    color:#081C3A;

    margin-bottom:30px;

    text-align:center;

}

.tech-grid{

    display:grid;

    grid-template-columns:
    repeat(6,1fr);

    gap:25px;

}

.tech-card{

    background:#fff;

    border:1px solid #E2E8F0;

    border-radius:20px;

    padding:25px;

    text-align:center;

    transition:.4s;

}

.tech-card:hover{

    transform:translateY(-8px);

    border-color:#2563EB;

    box-shadow:
    0 20px 40px rgba(37,99,235,.10);

}

.tech-card img{

    width:60px;

    height:60px;

    object-fit:contain;

    margin:0 auto 15px;

}

.tech-card span{

    display:block;

    font-weight:600;

    color:#081C3A;

}@media(max-width:1199px){

    .tech-grid{

        grid-template-columns:
        repeat(4,1fr);

    }

}

@media(max-width:991px){

    .tech-grid{

        grid-template-columns:
        repeat(3,1fr);

    }

}

@media(max-width:767px){

    .technology-header h2{

        font-size:36px;

    }

    .tech-grid{

        grid-template-columns:
        repeat(2,1fr);

        gap:15px;

    }

    .tech-card{

        padding:20px;

    }

}

@media(max-width:575px){

    .tech-grid{

        grid-template-columns:
        repeat(2,1fr);

    }

    .tech-card img{

        width:50px;

        height:50px;

    }

}/* ==========================
   TECHNOLOGY CTA
========================== */

.technology-cta{

    margin-top:80px;

    background:
    linear-gradient(
        135deg,
        #081C3A,
        #102A56,
        #1E3A8A
    );

    border-radius:35px;

    padding:60px;

    text-align:center;

    position:relative;

    overflow:hidden;

}

.technology-cta::before{

    content:"";

    position:absolute;

    top:-120px;

    right:-120px;

    width:280px;

    height:280px;

    border-radius:50%;

    background:
    rgba(255,255,255,.05);

}

.technology-cta::after{

    content:"";

    position:absolute;

    bottom:-100px;

    left:-100px;

    width:220px;

    height:220px;

    border-radius:50%;

    background:
    rgba(255,255,255,.03);

}

.technology-cta h3{

    font-size:48px;

    font-weight:800;

    color:#ffffff;

    margin-bottom:20px;

    position:relative;

    z-index:2;

}

.technology-cta p{

    max-width:750px;

    margin:0 auto 35px;

    color:#CBD5E1;

    font-size:18px;

    line-height:1.9;

    position:relative;

    z-index:2;

}

.technology-cta-buttons{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:15px;

    position:relative;

    z-index:2;

}

.technology-whatsapp-btn{

    background:#25D366;

    color:#ffffff;

    padding:16px 30px;

    border-radius:14px;

    font-size:16px;

    font-weight:700;

    transition:.35s;

}

.technology-whatsapp-btn:hover{

    color:#ffffff;

    transform:translateY(-4px);

    box-shadow:
    0 15px 35px rgba(37,211,102,.30);

}

.technology-call-btn{

    background:#FF7A1A;

    color:#ffffff;

    padding:16px 30px;

    border-radius:14px;

    font-size:16px;

    font-weight:700;

    transition:.35s;

}

.technology-call-btn:hover{

    color:#ffffff;

    transform:translateY(-4px);

    box-shadow:
    0 15px 35px rgba(255,122,26,.30);

}/* ==========================
   APPLICATIONS SECTION
========================== */

.applications-section{

    padding:120px 0;

    background:
    linear-gradient(
        180deg,
        #ffffff,
        #f8fafc
    );

}

.applications-header{

    max-width:900px;

    margin:0 auto 80px;

    text-align:center;

}

.applications-header h2{

    font-size:54px;

    font-weight:800;

    color:#081C3A;

    margin-bottom:20px;

    line-height:1.2;

}

.applications-header p{

    font-size:18px;

    line-height:1.9;

    color:#64748B;

}

.applications-grid{

    display:grid;

    grid-template-columns:
    repeat(3,1fr);

    gap:30px;

}

.application-card{

    background:#ffffff;

    border:1px solid #E2E8F0;

    border-radius:28px;

    padding:35px;

    position:relative;

    overflow:hidden;

    transition:.4s;

    display:flex;

    flex-direction:column;

    height:100%;

}

.application-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:4px;

    background:
    linear-gradient(
        90deg,
        #2563EB,
        #06B6D4,
        #FF7A1A
    );

}

.application-card:hover{

    transform:translateY(-10px);

    box-shadow:
    0 25px 60px rgba(37,99,235,.12);

    border-color:#2563EB;

}

.application-card i{

    width:75px;

    height:75px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:20px;

    background:
    linear-gradient(
        135deg,
        rgba(37,99,235,.10),
        rgba(255,122,26,.10)
    );

    color:#2563EB;

    font-size:30px;

    margin-bottom:25px;

}

.application-card h3{

    font-size:24px;

    font-weight:700;

    color:#081C3A;

    margin-bottom:15px;

    line-height:1.4;

}

.application-card p{

    color:#64748B;

    line-height:1.8;

    margin-bottom:25px;

    flex-grow:1;

}

.application-card a{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    height:52px;

    border-radius:14px;

    background:
    linear-gradient(
        135deg,
        var(--secondary),
        #1D4ED8
    );

    color:#fff;

    font-weight:600;

    transition:.35s;

}

.application-card a:hover{

    color:#fff;

    transform:translateY(-3px);

    box-shadow:
    0 15px 35px rgba(37,99,235,.20);

}/* ==========================
   APPLICATION CTA
========================== */

.applications-cta{

    margin-top:90px;

    background:
    linear-gradient(
        135deg,
        #081C3A,
        #102A56,
        #1E3A8A
    );

    border-radius:35px;

    padding:60px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:40px;

    position:relative;

    overflow:hidden;

}

.applications-cta::before{

    content:"";

    position:absolute;

    top:-100px;

    right:-100px;

    width:250px;

    height:250px;

    border-radius:50%;

    background:
    rgba(255,255,255,.05);

}

.applications-cta-content{

    max-width:700px;

    position:relative;

    z-index:2;

}

.applications-cta-content h3{

    color:#ffffff;

    font-size:42px;

    font-weight:800;

    line-height:1.3;

    margin-bottom:15px;

}

.applications-cta-content p{

    color:#CBD5E1;

    font-size:17px;

    line-height:1.9;

    margin:0;

}

.applications-cta-buttons{

    display:flex;

    flex-direction:column;

    gap:15px;

    min-width:260px;

    position:relative;

    z-index:2;

}

.applications-whatsapp-btn{

    background:#25D366;

    color:#ffffff;

    padding:18px 25px;

    text-align:center;

    border-radius:14px;

    font-weight:700;

    transition:.35s;

}

.applications-call-btn{

    background:#FF7A1A;

    color:#ffffff;

    padding:18px 25px;

    text-align:center;

    border-radius:14px;

    font-weight:700;

    transition:.35s;

}

.applications-whatsapp-btn:hover,
.applications-call-btn:hover{

    color:#fff;

    transform:translateY(-4px);

}/* ==========================
   APPLICATIONS RESPONSIVE
========================== */

@media(max-width:1199px){

    .applications-grid{

        grid-template-columns:
        repeat(3,1fr);

        gap:25px;

    }

}

@media(max-width:991px){

    .applications-header h2{

        font-size:42px;

    }

    .applications-grid{

        grid-template-columns:
        repeat(2,1fr);

    }

    .applications-cta{

        flex-direction:column;

        text-align:center;

        padding:50px 35px;

    }

    .applications-cta-buttons{

        width:100%;

        max-width:400px;

    }

    .applications-cta-content h3{

        font-size:34px;

    }

}

@media(max-width:767px){

    .applications-section{

        padding:80px 0;

    }

    .applications-header{

        margin-bottom:50px;

    }

    .applications-header h2{

        font-size:34px;

    }

    .applications-header p{

        font-size:16px;

    }

    .applications-grid{

        grid-template-columns:1fr;

        gap:20px;

    }

    .application-card{

        padding:30px 25px;

    }

    .application-card h3{

        font-size:22px;

    }

    .applications-cta{

        padding:40px 25px;

        border-radius:25px;

    }

    .applications-cta-content h3{

        font-size:28px;

    }

    .applications-cta-content p{

        font-size:15px;

    }

    .applications-cta-buttons{

        width:100%;

    }

    .applications-whatsapp-btn,
    .applications-call-btn{

        width:100%;

        text-align:center;

    }

}

@media(max-width:575px){

    .applications-header h2{

        font-size:30px;

    }

    .application-card{

        padding:25px 20px;

    }

    .application-card i{

        width:65px;

        height:65px;

        font-size:26px;

    }

    .application-card h3{

        font-size:20px;

    }

    .applications-cta{

        padding:35px 20px;

    }

    .applications-cta-content h3{

        font-size:24px;

    }

}.application-card{

    animation:fadeUp .8s ease both;

}

@keyframes fadeUp{

    from{

        opacity:0;

        transform:translateY(40px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}/* ==========================
   FAQ SECTION
========================== */

.faq-section{

    padding:120px 0;

    background:#F8FAFC;

}

.faq-image img{

    width:100%;

    animation:
    floatImage 5s ease-in-out infinite;

}

@keyframes floatImage{

    0%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-15px);
    }

    100%{
        transform:translateY(0);
    }

}

.faq-content h2{

    font-size:52px;

    font-weight:800;

    color:#081C3A;

    margin-bottom:20px;

}

.faq-content p{

    color:#64748B;

    line-height:1.9;

    margin-bottom:35px;

}

.faq-item{

    background:#fff;

    border:1px solid #E2E8F0;

    border-radius:18px;

    margin-bottom:15px;

    overflow:hidden;

}

.faq-question{

    width:100%;

    background:none;

    border:none;

    padding:22px 25px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    font-size:18px;

    font-weight:600;

    color:#081C3A;

    cursor:pointer;

}

.faq-answer{

    display:none;

    padding:0 25px 25px;

}

.faq-item.active .faq-answer{

    display:block;

}/* ==========================
   FAQ HELP BOX
========================== */

.faq-help-box{

    margin-top:40px;

    background:
    linear-gradient(
        135deg,
        #081C3A,
        #102A56
    );

    border-radius:25px;

    padding:35px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:25px;

    position:relative;

    overflow:hidden;

}

.faq-help-box::before{

    content:"";

    position:absolute;

    top:-80px;

    right:-80px;

    width:180px;

    height:180px;

    border-radius:50%;

    background:
    rgba(255,255,255,.05);

}

.faq-help-icon{

    width:80px;

    height:80px;

    min-width:80px;

    border-radius:20px;

    background:
    rgba(255,255,255,.10);

    display:flex;

    align-items:center;

    justify-content:center;

}

.faq-help-icon i{

    font-size:34px;

    color:#06B6D4;

}

.faq-help-content{

    flex:1;

}

.faq-help-content span{

    display:inline-block;

    color:#06B6D4;

    font-size:14px;

    font-weight:600;

    margin-bottom:8px;

}

.faq-help-content h4{

    color:#ffffff;

    font-size:28px;

    font-weight:800;

    margin-bottom:10px;

}

.faq-help-content p{

    color:#CBD5E1;

    margin:0;

    line-height:1.8;

}

.faq-help-action a{

    display:flex;

    align-items:center;

    gap:10px;

    background:#25D366;

    color:#ffffff;

    padding:16px 26px;

    border-radius:14px;

    font-weight:700;

    white-space:nowrap;

    transition:.35s;

}

.faq-help-action a:hover{

    color:#ffffff;

    transform:translateY(-3px);

    box-shadow:
    0 15px 35px rgba(37,211,102,.25);

}@media(max-width:991px){

    .faq-help-box{

        flex-direction:column;

        text-align:center;

        padding:30px;

    }

    .faq-help-icon{

        margin:auto;

    }

}

@media(max-width:767px){

    .faq-help-box{

        padding:25px 20px;

        border-radius:20px;

    }

    .faq-help-content h4{

        font-size:24px;

    }

    .faq-help-action{

        width:100%;

    }

    .faq-help-action a{

        width:100%;

        justify-content:center;

    }

}/* ==========================
   LEAD FORM SECTION
========================== */

.lead-form-section{

    padding:120px 0;

    background:
    linear-gradient(
        180deg,
        #ffffff,
        #f8fafc
    );

}

.lead-form-wrapper{

    background:#ffffff;

    border-radius:35px;

    overflow:hidden;

    box-shadow:
    0 25px 70px rgba(15,23,42,.08);

    display:grid;

    grid-template-columns:
    1.2fr .8fr;

}

.lead-content{

    padding:70px;

}

.lead-content h2{

    font-size:54px;

    font-weight:800;

    color:#081C3A;

    margin:20px 0;

    line-height:1.2;

}

.lead-content p{

    font-size:18px;

    line-height:1.9;

    color:#64748B;

    margin-bottom:35px;

}

.lead-benefits{

    display:grid;

    grid-template-columns:
    repeat(2,1fr);

    gap:15px;

    margin-bottom:40px;

}

.benefit-item{

    display:flex;

    align-items:center;

    gap:12px;

}

.benefit-item i{

    color:#10B981;

}

.benefit-item span{

    font-weight:600;

    color:#081C3A;

}

.lead-stats{

    display:flex;

    gap:25px;

}

.lead-stat{

    background:#F8FAFC;

    padding:20px;

    border-radius:15px;

    text-align:center;

}

.lead-stat strong{

    display:block;

    font-size:30px;

    color:#2563EB;

    margin-bottom:5px;

}

/* FORM */

.lead-form-box{

    background:
    linear-gradient(
        135deg,
        #081C3A,
        #102A56
    );

    padding:60px 40px;

    color:#fff;

}

.form-header h3{

    font-size:34px;

    font-weight:800;

    margin-bottom:10px;

}

.form-header p{

    color:#CBD5E1;

    margin-bottom:30px;

}

.form-group{

    margin-bottom:18px;

}

.form-group input{

    width:100%;

    height:60px;

    border:none;

    border-radius:12px;

    padding:0 18px;

    font-size:15px;

}

.lead-form-box button{

    width:100%;

    height:60px;

    border:none;

    border-radius:12px;

    background:#FF7A1A;

    color:#fff;

    font-weight:700;

    font-size:17px;

    margin-top:10px;

    transition:.35s;

}

.lead-form-box button:hover{

    background:#ff6600;

}

.form-note{

    margin-top:20px;

    text-align:center;

    color:#CBD5E1;

    font-size:14px;

}
@media(max-width:991px){

    .lead-form-wrapper{

        grid-template-columns:1fr;

    }

    .lead-content{

        padding:50px 35px;

    }

}

@media(max-width:767px){

    .lead-content{

        padding:40px 25px;

    }

    .lead-content h2{

        font-size:34px;

    }

    .lead-benefits{

        grid-template-columns:1fr;

    }

    .lead-stats{

        flex-direction:column;

    }

    .lead-form-box{

        padding:40px 25px;

    }

}/* ==========================
   CONTACT SECTION
========================== */

.contact-section{

    padding:120px 0;

    background:#F8FAFC;

}

.contact-header{

    text-align:center;

    max-width:850px;

    margin:0 auto 70px;

}

.contact-header h2{

    font-size:54px;

    font-weight:800;

    color:#081C3A;

    margin-bottom:20px;

}

.contact-header p{

    font-size:18px;

    color:#64748B;

    line-height:1.9;

}

.contact-wrapper{

    display:grid;

    grid-template-columns:
    1fr 1.1fr;

    gap:40px;

}

.contact-details{

    display:flex;

    flex-direction:column;

    gap:20px;

}

.contact-card{

    background:#ffffff;

    border-radius:22px;

    padding:25px;

    display:flex;

    align-items:flex-start;

    gap:18px;

    border:1px solid #E2E8F0;

    transition:.35s;

}

.contact-card:hover{

    transform:translateY(-5px);

    box-shadow:
    0 15px 40px rgba(37,99,235,.08);

}

.contact-icon{

    width:60px;

    height:60px;

    min-width:60px;

    border-radius:15px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:
    linear-gradient(
        135deg,
        rgba(37,99,235,.12),
        rgba(255,122,26,.12)
    );

}

.contact-icon i{

    font-size:24px;

    color:#2563EB;

}

.contact-card h4{

    font-size:20px;

    font-weight:700;

    color:#081C3A;

    margin-bottom:8px;

}

.contact-card p,
.contact-card a{

    color:#64748B;

    line-height:1.8;

}

.contact-map{

    overflow:hidden;

    border-radius:30px;

    min-height:620px;

    box-shadow:
    0 25px 60px rgba(15,23,42,.08);

}

.contact-map iframe{

    width:100%;

    height:100%;

}.contact-cta{

    margin-top:15px;

    background:
    linear-gradient(
        135deg,
        #081C3A,
        #102A56
    );

    border-radius:25px;

    padding:35px;

    text-align:center;

}

.contact-cta h3{

    color:#fff;

    font-size:28px;

    font-weight:800;

    margin-bottom:12px;

}

.contact-cta p{

    color:#CBD5E1;

    margin-bottom:20px;

}

.contact-whatsapp-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    background:#25D366;

    color:#fff;

    padding:15px 28px;

    border-radius:14px;

    font-weight:700;

}

.contact-whatsapp-btn:hover{

    color:#fff;

}@media(max-width:991px){

    .contact-wrapper{

        grid-template-columns:1fr;

    }

    .contact-map{

        min-height:450px;

    }

}

@media(max-width:767px){

    .contact-section{

        padding:80px 0;

    }

    .contact-header h2{

        font-size:36px;

    }

    .contact-card{

        padding:20px;

    }

    .contact-icon{

        width:50px;
        height:50px;
        min-width:50px;
    }

    .contact-icon i{

        font-size:20px;

    }

    .contact-cta{

        padding:25px;

    }

    .contact-whatsapp-btn{

        width:100%;

        justify-content:center;

    }

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

.main-footer{

    background:
    linear-gradient(
        135deg,
        #081C3A,
        #0F274E
    );

    color:#fff;

    padding:90px 0 0;

}

.footer-top{

    display:grid;

    grid-template-columns:
    1.3fr 1fr 1fr 1.1fr;

    gap:50px;

    padding-bottom:50px;

}

.footer-about img{

    max-width:220px;

    margin-bottom:25px;

    /* filter:brightness(0) invert(1); */

}

.footer-about p{

    color:#CBD5E1;

    line-height:1.9;

    margin-bottom:25px;

}

.footer-social{

    display:flex;

    gap:15px;

}

.footer-social a{

    width:45px;

    height:45px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:
    rgba(255,255,255,.08);

    color:#fff;

    transition:.35s;

}

.footer-social a:hover{

    background:#FF7A1A;

    transform:translateY(-4px);

}

.footer-links h4,
.footer-contact h4{

    font-size:22px;

    font-weight:700;

    margin-bottom:25px;

}

.footer-links ul{

    list-style:none;

    padding:0;

    margin:0;

}

.footer-links ul li{

    margin-bottom:12px;

}

.footer-links a{

    color:#CBD5E1;

    transition:.3s;

}

.footer-links a:hover{

    color:#FF7A1A;

    padding-left:5px;

}

.footer-contact ul{

    list-style:none;

    padding:0;

    margin:0 0 25px;

}

.footer-contact li{

    display:flex;

    gap:12px;

    color:#CBD5E1;

    margin-bottom:15px;

    line-height:1.8;

}

.footer-contact a{

    color:#CBD5E1;

}

.footer-whatsapp-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    background:#25D366;

    color:#fff;

    padding:14px 25px;

    border-radius:12px;

    font-weight:700;

}

.footer-whatsapp-btn:hover{

    color:#fff;

}

.footer-bottom{

    border-top:
    1px solid rgba(255,255,255,.10);

    padding:25px 0;

    display:flex;

    justify-content:space-between;

    align-items:center;

}

.footer-bottom p{

    margin:0;

    color:#CBD5E1;

}

.footer-bottom-links{

    display:flex;

    gap:25px;

}

.footer-bottom-links a{

    color:#CBD5E1;

}@media(max-width:991px){

    .footer-top{

        grid-template-columns:
        repeat(2,1fr);

    }

}

@media(max-width:767px){

    .main-footer{

        padding:70px 0 0;

    }

    .footer-top{

        grid-template-columns:1fr;

        gap:40px;

    }

    .footer-bottom{

        flex-direction:column;

        gap:15px;

        text-align:center;

    }

    .footer-bottom-links{

        flex-wrap:wrap;

        justify-content:center;

    }

}/* ==========================
   FOOTER TRUST STRIP
========================== */

.footer-trust{

    display:flex;

    justify-content:center;

    align-items:center;

    flex-wrap:wrap;

    gap:15px;

    padding:30px 0;

    margin-top:20px;

    border-top:
    1px solid rgba(255,255,255,.08);

    border-bottom:
    1px solid rgba(255,255,255,.08);

}

.footer-trust span{

    display:flex;

    align-items:center;

    gap:8px;

    padding:12px 18px;

    border-radius:50px;

    background:
    rgba(255,255,255,.06);

    color:#CBD5E1;

    font-size:14px;

    font-weight:600;

    transition:.35s;

    backdrop-filter:blur(8px);

}

.footer-trust span:hover{

    background:
    linear-gradient(
        135deg,
        #FF7A1A,
        #ff9d4d
    );

    color:#ffffff;

    transform:translateY(-3px);

    box-shadow:
    0 10px 25px rgba(255,122,26,.25);

}@media(max-width:767px){

    .footer-trust{

        gap:10px;

        padding:25px 0;

    }

    .footer-trust span{

        width:100%;

        justify-content:center;

        padding:14px 15px;

        font-size:14px;

    }

}

@media(max-width:480px){

    .footer-trust{

        padding:20px 0;

    }

    .footer-trust span{

        font-size:13px;

    }

}.footer-trust span i{

    color:#FF7A1A;

    font-size:15px;

}

.footer-trust span:hover i{

    color:#ffffff;

}/* ==========================
   FLOATING CONTACT WIDGET
========================== */

.floating-contact{

    position:fixed;

    right:25px;

    bottom:25px;

    z-index:9999;

    display:flex;

    flex-direction:column;

    gap:12px;

}

.sticky-call,
.sticky-whatsapp{

    width:62px;

    height:62px;

    border-radius:100px;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:hidden;

    position:relative;

    transition:.4s ease;

    box-shadow:
    0 15px 40px rgba(15,23,42,.18);

}

.sticky-call{

    background:
    linear-gradient(
        135deg,
        #0F4C81,
        #1A6FB3
    );

}

.sticky-whatsapp{

    background:
    linear-gradient(
        135deg,
        #25D366,
        #1EBE5D
    );

}

.sticky-call i,
.sticky-whatsapp i{

    color:#fff;

    font-size:22px;

    min-width:62px;

    text-align:center;

}

.sticky-call span,
.sticky-whatsapp span{

    color:#fff;

    white-space:nowrap;

    font-size:15px;

    font-weight:700;

    opacity:0;

    max-width:0;

    transition:.35s;

}

.floating-contact:hover .sticky-call,
.floating-contact:hover .sticky-whatsapp{

    width:210px;

    justify-content:flex-start;

}

.floating-contact:hover .sticky-call span,
.floating-contact:hover .sticky-whatsapp span{

    opacity:1;

    max-width:150px;

}

.sticky-call:hover{

    transform:translateX(-5px);

}

.sticky-whatsapp:hover{

    transform:translateX(-5px);

}@media(max-width:767px){

    .floating-contact{

        left:0;

        right:0;

        bottom:0;

        width:100%;

        display:flex;

        flex-direction:row;

        gap:0;

    }

    .sticky-call,
    .sticky-whatsapp{

        width:50% !important;

        height:65px;

        border-radius:0;

        justify-content:start !important;

        gap:0px;

        box-shadow:none;

    }

    .sticky-call span,
    .sticky-whatsapp span{

        opacity:1;

        max-width:100%;

    }

    body{

        padding-bottom:65px;

    }

}
/* ==========================
   CONSULT POPUP
========================== */

.consult-popup{

    position:fixed;

    inset:0;

    background:
    rgba(0,0,0,.75);

    backdrop-filter:blur(8px);

    display:none;

    align-items:center;

    justify-content:center;

    z-index:99999;

    padding:20px;

}

.popup-box{

    width:100%;

    max-width:520px;

    background:
    linear-gradient(
        135deg,
        #081C3A,
        #102A56
    );

    border-radius:30px;

    padding:40px;

    position:relative;

    text-align:center;

    box-shadow:
    0 25px 80px rgba(0,0,0,.35);

}

.popup-close{

    position:absolute;

    top:15px;

    right:15px;

    width:42px;

    height:42px;

    border:none;

    border-radius:50%;

    background:
    rgba(255,255,255,.10);

    color:#fff;

    cursor:pointer;

}

.popup-badge{

    display:inline-block;

    padding:10px 18px;

    border-radius:50px;

    background:
    rgba(255,255,255,.08);

    color:#06B6D4;

    font-size:14px;

    font-weight:700;

    margin-bottom:20px;

}

.popup-box h3{

    font-size:34px;

    font-weight:800;

    color:#fff;

    margin-bottom:15px;

    line-height:1.3;

}

.popup-box p{

    color:#CBD5E1;

    line-height:1.8;

    margin-bottom:30px;

}

.popup-buttons{

    display:flex;

    gap:15px;

    margin-bottom:25px;

}

.popup-call-btn{

    flex:1;

    background:
    linear-gradient(
        135deg,
        #2563EB,
        #1D4ED8
    );

}

.popup-whatsapp-btn{

    flex:1;

    background:
    linear-gradient(
        135deg,
        #25D366,
        #1EBE5D
    );

}

.popup-call-btn,
.popup-whatsapp-btn{

    height:55px;

    border-radius:14px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    color:#fff;

    font-weight:700;

}

.popup-divider{

    color:#CBD5E1;

    font-size:13px;

    margin-bottom:20px;

    letter-spacing:1px;

}

.popup-box form{

    display:flex;

    flex-direction:column;

    gap:15px;

}

.popup-box input{

    height:55px;

    border:none;

    border-radius:12px;

    padding:0 15px;

}

.popup-submit{

    height:55px;

    border:none;

    border-radius:12px;

    background:#FF7A1A;

    color:#fff;

    font-weight:700;

    cursor:pointer;

}@media(max-width:767px){

    .popup-box{

        padding:30px 20px;

    }

    .popup-box h3{

        font-size:26px;

    }

    .popup-buttons{

        flex-direction:column;

    }

}

/*==========================================
            FEATURED PANEL
==========================================*/

/* .mega-featured{

    background:
    linear-gradient(
    180deg,
    #ffffff,
    #f8fafc);

    border-radius:22px;

    padding:5px;

    border:1px solid #EEF2F7;

} */

/* SEARCH */

.mega-search{

    position:relative;

    margin-bottom:5px;

}

.mega-search i{

    position:absolute;

    left:18px;

    top:50%;

    transform:translateY(-50%);

    color:#94A3B8;

}

.mega-search input{

    width:100%;

    height:52px;

    border-radius:14px;

    border:1px solid #E2E8F0;

    padding-left:48px;

    transition:.35s;

}

.mega-search input:focus{

    border-color:#2563EB;

    outline:none;

}

/* POPULAR */

.featured-services h5{

    margin-bottom:18px;

    font-size:18px;

    font-weight:700;

}

.featured-services a{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:12px 15px;

    border-radius:12px;

    margin-bottom:8px;

    color:#334155;

    transition:.35s;

}

.featured-services a:hover{

    background:#EFF6FF;

    color:#2563EB;

}

.featured-services span{

    background:#2563EB;

    color:#fff;

    font-size:11px;

    padding:4px 8px;

    border-radius:30px;

}

/* STATS */

.mega-stats{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:12px;

    margin:25px 0;

}

.mega-stats div{

    text-align:center;

    padding:15px;

    background:#ffffff;

    border-radius:14px;

}

.mega-stats strong{

    display:block;

    color:#2563EB;

    font-size:22px;

}

.mega-stats span{

    font-size:13px;

    color:#64748B;

}

/* PORTFOLIO */

.portfolio-preview{

    margin-bottom:25px;

}

.portfolio-preview h5{

    margin-bottom:15px;

}

.portfolio-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:10px;

}

.portfolio-grid img{

    width:100%;

    border-radius:12px;

    transition:.35s;

}

.portfolio-grid img:hover{

    transform:scale(1.05);

}

/* CTA */

.mega-consult-btn{

    width:100%;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    height:56px;

    border-radius:14px;

    background:linear-gradient(
    135deg,
    #2563EB,
    #1D4ED8);

    color:#fff;

    font-weight:700;

    transition:.35s;

}

.mega-consult-btn:hover{

    color:#fff;

    transform:translateY(-3px);

}