:root{--navy:#061a3b;--navy2:#0b2e63;--blue:#0b55b8;--red:#ed1b2f;--red2:#ff3347;--white:#fff;--bg:#f4f7fb;--text:#142744;--muted:#687a93;--line:#dce4ef;--shadow:0 16px 45px rgba(6,26,59,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);line-height:1.6;background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 34px));margin:auto}.section{padding:82px 0}.center{text-align:center}.kicker{display:inline-block;color:var(--red);font-size:11px;font-weight:900;letter-spacing:.19em;margin-bottom:9px}.kicker.light{color:#a9c8ef}.section-title{max-width:750px;margin-bottom:38px}.section-title h2{font-size:clamp(31px,4vw,46px);line-height:1.08;letter-spacing:-.045em;margin:0 0 12px}.section-title p{color:var(--muted);margin:0}.header{position:sticky;top:0;z-index:100}.topline{height:30px;background:var(--red);color:#fff;font-size:10px;font-weight:700}.topinner{height:100%;display:flex;align-items:center;justify-content:flex-end;gap:25px}.nav{height:76px;background:rgba(6,26,59,.97);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.navinner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font-weight:900;font-size:22px;line-height:1;letter-spacing:-.055em}.brand>span:last-child{position:relative}.brand span span{color:var(--red)}.brand small{color:#fff;font-size:12px}.brand em{display:block;font-style:normal;color:#afc1dd;font-size:6px;letter-spacing:.17em;margin-top:5px}.brand-icon{display:grid;place-items:center;width:39px;height:39px;background:var(--red);border-radius:9px;transform:skew(-7deg);font-size:20px}.main-nav{display:flex;align-items:center;gap:3px}.main-nav>a,.nav-drop>button{border:0;background:none;color:#e6edf7;padding:12px 13px;font:600 12px Inter;cursor:pointer}.main-nav>a:hover,.nav-drop>button:hover{color:#fff}.nav-order{background:var(--red)!important;border-radius:9px;margin-left:8px;padding:12px 17px!important}.nav-order i{margin-right:5px}.nav-drop{position:relative}.drop-menu{display:none;position:absolute;top:45px;right:0;width:230px;background:#fff;color:var(--text);padding:7px;border-radius:12px;box-shadow:var(--shadow)}.nav-drop:hover .drop-menu,.nav-drop.open .drop-menu{display:block}.drop-menu a{display:block;padding:8px 10px;border-radius:7px;font-size:12px}.drop-menu a:hover{background:#eef4fc;color:var(--blue)}.drop-menu i{width:20px;color:var(--red)}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:23px}
.hero-slider{height:560px;position:relative;overflow:hidden;background:var(--navy)}.slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .7s ease}.slide.active{opacity:1}.slide-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,19,44,.95) 0%,rgba(5,25,56,.78) 43%,rgba(4,22,48,.2) 100%)}.slide-content{position:relative;height:100%;display:flex;justify-content:center;flex-direction:column;color:#fff;z-index:2}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.18em;color:#ff5260;margin-bottom:14px}.slide h1{font-size:clamp(43px,5.8vw,72px);line-height:.99;letter-spacing:-.06em;margin:0 0 19px;max-width:720px}.slide h1 strong{color:#fff}.slide p{font-size:16px;color:#cbd8ea;max-width:580px;margin:0 0 27px}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{min-height:47px;padding:0 19px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:900;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.red{background:var(--red);color:#fff;box-shadow:0 10px 25px rgba(237,27,47,.25)}.btn.outline{border:1px solid rgba(255,255,255,.38);color:#fff;background:rgba(255,255,255,.04)}.btn.white{background:#fff;color:var(--navy)}.slider-arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:43px;height:43px;border:1px solid rgba(255,255,255,.2);background:rgba(4,20,45,.45);color:#fff;border-radius:50%;cursor:pointer}.slider-arrow.prev{left:20px}.slider-arrow.next{right:20px}.dots{position:absolute;z-index:5;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:7px}.dots button{width:8px;height:8px;border:0;border-radius:50%;background:#fff;opacity:.45;cursor:pointer}.dots button.active{opacity:1;width:24px;border-radius:10px}
.feature-bar{background:#fff;box-shadow:0 8px 25px rgba(6,26,59,.08);position:relative;z-index:8}.feature-grid{display:grid;grid-template-columns:repeat(6,1fr)}.feature{padding:20px 10px;display:flex;align-items:center;gap:11px;border-right:1px solid #edf1f6}.feature:last-child{border:0}.feature>i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#edf4ff;color:var(--blue);font-size:16px}.feature:nth-child(2n)>i,.feature:nth-child(4n)>i{background:#fff0f2;color:var(--red)}.feature b,.feature small{display:block}.feature b{font-size:11px;line-height:1.2}.feature small{font-size:9px;color:var(--muted);margin-top:3px}
.area-section{background:#f5f8fc}.area-layout{display:grid;grid-template-columns:290px 1fr;gap:38px;align-items:center}.area-intro h2{font-size:40px;line-height:1.05;letter-spacing:-.05em;margin:0 0 14px}.area-intro h2 strong{color:var(--blue)}.area-intro p{font-size:13px;color:var(--muted);margin:0 0 20px}.area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.area-card{height:125px;border-radius:12px;overflow:hidden;position:relative;background:linear-gradient(135deg,#123f79,#071b3c);color:#fff;display:flex;align-items:flex-end;padding:15px;box-shadow:0 9px 25px rgba(6,26,59,.12)}.area-photo{position:absolute;inset:0;background:radial-gradient(circle at 70% 25%,rgba(255,255,255,.18),transparent 30%),linear-gradient(135deg,rgba(14,91,215,.25),rgba(0,0,0,.35))}.area-photo i{position:absolute;right:18px;top:15px;font-size:40px;opacity:.12}.area-card>div:last-child{position:relative;z-index:2}.area-card b,.area-card small{display:block}.area-card b{font-size:13px}.area-card small{font-size:9px;color:#b9cce5;margin-top:2px}.area-card:hover{transform:translateY(-3px)}
.brand-section{background:#fff}.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.brand-banner{background:linear-gradient(135deg,#071b3c,#0d438c);border-radius:15px;color:#fff;padding:35px;position:relative;overflow:hidden}.brand-banner:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-80px;top:-90px}.brand-banner h2,.why h2{font-size:35px;line-height:1.05;letter-spacing:-.05em;margin:0 0 10px}.brand-banner p{color:#bbcee8;font-size:12px;max-width:390px}.brand-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.brand-pills b{background:#fff;color:var(--navy);padding:8px 12px;border-radius:6px;font-size:11px}.why{border:1px solid var(--line);border-radius:15px;padding:35px}.why h2 span{color:var(--red)}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}.why-grid div{display:flex;align-items:center;gap:10px;font-size:11px}.why-grid i{color:var(--red);width:20px}
.testi{background:#f5f8fc}.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.testi-grid article{background:#fff;border:1px solid var(--line);padding:25px;border-radius:13px}.stars{color:#f3a900;font-size:12px;letter-spacing:2px}.testi-grid p{font-size:13px;color:#52637a;margin:15px 0 23px}.testi-grid b{font-size:11px}.testi-grid small{color:#8795a9;font-weight:500}.brands-row{padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.brands-row .container{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.brands-row span{font-size:9px;color:var(--red);font-weight:900;letter-spacing:.13em}.brands-row b{font-size:18px;color:#18345c}.brands-row strong{font-size:10px;color:#7b899c}.cta{padding-top:0;background:#f5f8fc}.cta-box{background:linear-gradient(120deg,#071b3c,#0c3e80);border-radius:15px;color:#fff;padding:38px 45px;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-box h2{font-size:35px;line-height:1.05;margin:0 0 6px}.cta-box p{font-size:13px;color:#b7c9e1;margin:0}
.page-head,.area-head{background:linear-gradient(120deg,#061a3b,#0c3e80);color:#fff;padding:90px 0}.page-head h1,.area-head h1{font-size:clamp(42px,6vw,65px);line-height:1;letter-spacing:-.06em;margin:0 0 16px}.page-head h1 strong,.area-head h1 strong{color:#75aaff}.page-head p,.area-head p{color:#c0d0e5;max-width:650px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service-card{padding:27px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 5px 22px rgba(6,26,59,.04)}.service-card>i{width:48px;height:48px;border-radius:11px;display:grid;place-items:center;background:#edf4ff;color:var(--blue);font-size:20px;margin-bottom:18px}.service-card:nth-child(2n)>i{background:#fff0f2;color:var(--red)}.service-card h2{font-size:18px;margin:0 0 8px}.service-card p{font-size:12px;color:var(--muted)}.service-card a{color:var(--blue);font-size:11px;font-weight:900}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.contact-card{padding:30px;border:1px solid var(--line);border-radius:14px}.contact-card>i{font-size:24px;color:var(--red);margin-bottom:16px}.contact-card h3{margin:0 0 6px}.contact-card p{font-size:12px;color:var(--muted);min-height:48px}.contact-card a{font-weight:900;color:var(--blue);font-size:13px}
.footer{background:#06162f;color:#9db0c9;padding-top:60px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:45px}.footer-brand{color:#fff;margin-bottom:15px}.footer p{font-size:11px;max-width:330px}.footer h4{font-size:10px;color:#fff;letter-spacing:.13em}.footer-grid a,.footer-grid span{display:block;font-size:11px;margin:8px 0}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:17px 0;font-size:9px}.mobile-bar,.float-wa{display:none}
@media(max-width:950px){.main-nav{display:none;position:absolute;left:0;right:0;top:106px;background:#061a3b;padding:12px 18px 20px;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav>a,.nav-drop>button{text-align:left;width:100%}.nav-order{text-align:center!important;margin:4px 0 0!important}.menu-toggle{display:block}.feature-grid{grid-template-columns:repeat(3,1fr)}.area-layout,.brand-grid{grid-template-columns:1fr}.area-intro{max-width:600px}.service-grid,.testi-grid,.contact-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.container{width:calc(100% - 28px)}.topinner{justify-content:space-between;font-size:9px}.nav{height:68px}.main-nav{top:98px}.brand{font-size:19px}.brand-icon{width:34px;height:34px}.hero-slider{height:530px}.slide-content{padding-top:25px}.slide h1{font-size:45px}.slide p{font-size:14px}.slider-arrow{display:none}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature{padding:15px 8px}.feature b{font-size:10px}.feature small{font-size:8px}.area-grid{grid-template-columns:1fr 1fr}.area-card{height:105px;padding:11px}.area-card b{font-size:11px}.brand-banner,.why{padding:25px}.why-grid{gap:12px}.section{padding:62px 0}.service-grid,.testi-grid,.contact-grid{grid-template-columns:1fr}.page-head,.area-head{padding:65px 0}.page-head h1,.area-head h1{font-size:45px}.cta-box{padding:30px 25px;flex-direction:column;align-items:flex-start}.cta-box h2{font-size:29px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.mobile-bar{display:grid;grid-template-columns:1fr 1fr;position:fixed;bottom:0;left:0;right:0;height:65px;background:#fff;z-index:150;box-shadow:0 -8px 25px rgba(0,0,0,.16)}.mobile-bar a{display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px}.mobile-bar a:first-child{color:var(--navy);background:#f1f4f8}.mobile-bar a:last-child{background:var(--red);color:#fff}.mobile-bar i{font-size:19px}.float-wa{display:grid;place-items:center;position:fixed;right:15px;bottom:78px;width:49px;height:49px;border-radius:50%;background:#18b967;color:#fff;z-index:145;box-shadow:0 8px 24px rgba(0,0,0,.22)}.float-wa i{font-size:25px}.footer{padding-bottom:65px}.brands-row .container{justify-content:center}.area-grid{gap:8px}}


/* Area location banner */
.area-location-banner{background:#f4f7fb;border-top:1px solid #e5eaf1;border-bottom:1px solid #e5eaf1;padding:28px 0}.area-location-banner .container{display:flex;align-items:center;gap:20px}.area-location-icon{width:58px;height:58px;min-width:58px;border-radius:16px;background:#e21f2f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:23px;box-shadow:0 8px 22px rgba(226,31,47,.18)}.area-location-content{flex:1}.area-location-content .kicker{margin-bottom:5px}.area-location-content h2{margin:0 0 6px;font-size:24px}.area-location-content h2 strong{color:#e21f2f}.area-location-content p{margin:0;color:#5e6877;line-height:1.6}.area-location-banner .btn{white-space:nowrap}@media(max-width:800px){.area-location-banner .container{flex-wrap:wrap}.area-location-content{min-width:calc(100% - 78px)}.area-location-banner .btn{width:100%;justify-content:center}}

/* =====================================================
   CONTACT PAGE
===================================================== */

.contact-page-head {
    padding-bottom: 70px;
}

.contact-page-head p {
    max-width: 760px;
}


/* CONTACT GRID */

.contact-grid-premium {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    align-items: stretch;
}

.contact-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 330px;
    padding: 30px;
    border-radius: 20px;
    text-decoration: none;
    overflow: hidden;
    transition: transform .3s ease, box-shadow .3s ease;
}

.contact-card:hover {
    transform: translateY(-6px);
}

.contact-card-top {
    display: flex;
    align-items: center;
    gap: 16px;
}

.contact-card-icon {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    font-size: 23px;
}

.contact-label {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

.contact-card-content {
    margin-top: 35px;
}

.contact-card-content h3 {
    margin: 0 0 12px;
    font-size: 25px;
    line-height: 1.2;
}

.contact-card-content p {
    margin: 0;
    line-height: 1.75;
}

.contact-card-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 25px;
    font-size: 14px;
    font-weight: 800;
}

.contact-card-action i {
    transition: transform .25s ease;
}

.contact-card:hover .contact-card-action i {
    transform: translateX(5px);
}


/* CALL */

.contact-call {
    background: #101c32;
    color: #fff;
}

.contact-call .contact-card-icon {
    background: rgba(255,255,255,.1);
    color: #fff;
}

.contact-call .contact-label {
    color: #bfc9d8;
}

.contact-call .contact-card-content p {
    color: #bfc9d8;
}

.contact-call .contact-card-action {
    color: #fff;
}


/* WHATSAPP */

.contact-wa {
    background: #fff;
    color: #111827;
    border: 1px solid #e5e7eb;
    box-shadow: 0 15px 40px rgba(15,23,42,.08);
}

.contact-wa .contact-card-icon {
    background: #eafaf0;
    color: #16a34a;
}

.contact-wa .contact-label {
    color: #16a34a;
}

.contact-wa .contact-card-content p {
    color: #667085;
}

.contact-wa .contact-card-action {
    color: #16a34a;
}


/* HOURS */

.contact-hours {
    background: #e31b23;
    color: #fff;
}

.contact-hours .contact-card-icon {
    background: rgba(255,255,255,.13);
}

.contact-hours .contact-label {
    color: #ffe5e5;
}

.contact-hours .contact-card-content p {
    color: #ffe5e5;
}


/* =====================================================
   CONTACT INFORMATION
===================================================== */

.contact-info-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 45px;
}

.contact-info-card {
    position: relative;
    padding: 35px 30px;
    background: #fff;
    border: 1px solid #e8ebef;
    border-radius: 18px;
    overflow: hidden;
    transition: transform .3s ease, box-shadow .3s ease;
}

.contact-info-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 45px rgba(15,23,42,.08);
}

.contact-info-number {
    position: absolute;
    top: 18px;
    right: 22px;
    font-size: 13px;
    font-weight: 900;
    color: #d9dde4;
}

.contact-info-icon {
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    border-radius: 15px;
    background: #f2f5f9;
    color: #e31b23;
    font-size: 21px;
}

.contact-info-card h3 {
    margin: 0 0 12px;
    font-size: 21px;
}

.contact-info-card p {
    margin: 0;
    color: #667085;
    line-height: 1.75;
}


/* =====================================================
   AREA
===================================================== */

.contact-area {
    background: #f5f7fa;
}

.area-contact-box {
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    gap: 50px;
    padding: 55px;
    border-radius: 24px;
    background: #101c32;
    color: #fff;
    overflow: hidden;
}

.area-contact-heading {
    align-self: center;
}

.area-contact-heading h2 {
    margin: 12px 0 15px;
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.1;
}

.area-contact-heading p {
    max-width: 450px;
    margin: 0;
    color: #bfc9d8;
    line-height: 1.7;
}

.contact-area-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.contact-area-list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 54px;
    padding: 14px 17px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 12px;
    color: #fff;
    text-decoration: none;
    background: rgba(255,255,255,.05);
    transition: all .25s ease;
}

.contact-area-list a:hover {
    background: #e31b23;
    border-color: #e31b23;
    transform: translateX(3px);
}

.area-list-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.area-list-left i {
    color: #ff4b52;
}

.contact-area-list a:hover .area-list-left i {
    color: #fff;
}


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

.contact-final-cta {
    padding-top: 30px;
}

.contact-final-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: 45px 50px;
    border: 1px solid #e6e9ee;
    border-radius: 22px;
    background: #fff;
}

.contact-final-box h2 {
    margin: 10px 0;
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.15;
}

.contact-final-box p {
    margin: 0;
    color: #667085;
}

.contact-final-actions {
    display: flex;
    gap: 12px;
    flex-shrink: 0;
}

.contact-final-actions .btn {
    white-space: nowrap;
}


/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width: 900px) {

    .contact-grid-premium,
    .contact-info-grid {
        grid-template-columns: 1fr;
    }

    .contact-card {
        min-height: 280px;
    }

    .area-contact-box {
        grid-template-columns: 1fr;
        padding: 35px 28px;
        gap: 30px;
    }

    .contact-final-box {
        flex-direction: column;
        align-items: flex-start;
        padding: 35px 28px;
    }

}

@media (max-width: 600px) {

    .contact-page-head {
        padding-bottom: 45px;
    }

    .contact-card {
        min-height: 270px;
        padding: 25px;
        border-radius: 17px;
    }

    .contact-card-content {
        margin-top: 28px;
    }

    .contact-card-content h3 {
        font-size: 22px;
    }

    .contact-info-card {
        padding: 28px 24px;
    }

    .contact-area-list {
        grid-template-columns: 1fr;
    }

    .area-contact-box {
        padding: 30px 22px;
        border-radius: 18px;
    }

    .contact-final-box {
        padding: 30px 22px;
    }

    .contact-final-actions {
        width: 100%;
        flex-direction: column;
    }

    .contact-final-actions .btn {
        width: 100%;
        justify-content: center;
    }

}

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

.brand {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    text-decoration: none;
    line-height: 0;
}

.brand-logo {
    display: block;
    width: 235px;
    height: auto;
    max-height: 70px;
    object-fit: contain;
}


/* Desktop */
@media (min-width: 901px) {

    .brand-logo {
        width: 150px;
    }

}


/* Tablet */
@media (max-width: 1100px) {

    .brand-logo {
        width: 125px;
    }

}


/* Mobile */
@media (max-width: 700px) {

    .brand-logo {
        width: 100px;
        max-height: 58px;
    }

}

/* =====================================================
   TESTIMONIAL PAGE
===================================================== */

.testimonial-page-head {
    padding-bottom: 65px;
}

.testimonial-page-head p {
    max-width: 760px;
}


/* =====================================================
   REVIEW SUMMARY
===================================================== */

.testimonial-summary-section {
    padding-top: 10px;
}

.review-summary-premium {
    display: grid;
    grid-template-columns: 220px 1fr 190px;
    align-items: center;
    gap: 35px;

    padding: 32px;

    background: #fff;

    border: 1px solid #e6e9ef;

    border-radius: 22px;

    box-shadow: 0 15px 45px rgba(15, 23, 42, .06);
}


/* SCORE */

.review-score-box {
    text-align: center;

    padding-right: 30px;

    border-right: 1px solid #e7eaf0;
}

.review-score-label {
    display: block;

    margin-bottom: 5px;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 1.5px;

    color: #8a94a6;
}

.review-score {
    display: block;

    font-size: 54px;

    line-height: 1;

    font-weight: 900;

    color: #071b3c;
}

.review-stars {
    display: flex;

    justify-content: center;

    gap: 3px;

    margin: 9px 0;

    color: #f5a623;

    font-size: 14px;
}

.review-score-box small {
    display: block;

    color: #8a94a6;

    font-size: 11px;
}


/* SUMMARY CONTENT */

.review-summary-content h2 {
    margin: 8px 0 10px;

    font-size: 28px;

    line-height: 1.2;

    color: #071b3c;
}

.review-summary-content h2 strong {
    color: #e31b23;
}

.review-summary-content p {
    max-width: 620px;

    margin: 0;

    color: #687386;

    line-height: 1.7;
}

.review-summary-points {
    display: flex;

    flex-wrap: wrap;

    gap: 18px;

    margin-top: 18px;
}

.review-summary-points span {
    display: flex;

    align-items: center;

    gap: 7px;

    font-size: 12px;

    font-weight: 700;

    color: #26344a;
}

.review-summary-points i {
    color: #e31b23;
}


/* SUMMARY BUTTON */

.review-summary-action {
    display: flex;

    flex-direction: column;

    align-items: stretch;

    gap: 12px;
}

.review-summary-action > span {
    font-size: 11px;

    line-height: 1.5;

    color: #7b8494;
}

.review-summary-action .btn {
    justify-content: center;

    white-space: nowrap;
}


/* =====================================================
   TESTIMONIAL LIST
===================================================== */

.testimonial-list-section {
    background: #f6f8fb;
}

.testi-grid-rich {
    display: grid;

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

    gap: 22px;

    margin-top: 45px;
}


/* CARD */

.review-card-premium {
    position: relative;

    display: flex;

    flex-direction: column;

    min-height: 285px;

    padding: 27px;

    background: #fff;

    border: 1px solid #e5e9ef;

    border-radius: 18px;

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.review-card-premium:hover {
    transform: translateY(-5px);

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


/* TOP */

.review-card-top {
    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    gap: 15px;
}

.review-profile {
    display: flex;

    align-items: center;

    gap: 12px;
}

.avatar {
    width: 48px;
    height: 48px;

    flex: 0 0 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #071b3c;

    color: #fff;

    font-size: 18px;

    font-weight: 800;
}

.review-profile div {
    display: flex;

    flex-direction: column;

    gap: 4px;
}

.review-profile strong {
    font-size: 14px;

    color: #071b3c;
}

.review-profile span {
    display: flex;

    align-items: center;

    gap: 5px;

    font-size: 11px;

    color: #8a94a6;
}

.review-profile span i {
    color: #e31b23;
}


/* STARS */

.review-card-stars {
    display: flex;

    gap: 2px;

    padding-top: 4px;

    color: #f5a623;

    font-size: 11px;
}


/* QUOTE */

.review-quote {
    position: relative;

    margin-top: 25px;

    padding-left: 22px;
}

.review-quote > i {
    position: absolute;

    left: 0;
    top: 0;

    font-size: 13px;

    color: #e31b23;
}

.review-quote p {
    margin: 0;

    color: #566174;

    font-size: 14px;

    line-height: 1.75;

    font-style: italic;
}


/* SERVICE */

.review-service {
    display: flex;

    align-items: center;

    gap: 8px;

    margin-top: auto;

    padding-top: 20px;

    border-top: 1px solid #edf0f4;

    color: #7b8494;

    font-size: 11px;

    font-weight: 600;
}

.review-service i {
    color: #e31b23;
}


/* PLACEHOLDER */

.review-placeholder {
    background: #f8fafc;

    border: 1px dashed #cbd2dc;
}

.placeholder-avatar {
    background: #e9edf3;

    color: #7d8796;
}


/* =====================================================
   TESTIMONIAL BENEFIT
===================================================== */

.testimonial-benefit-section {
    background: #fff;
}

.testimonial-benefit-box {
    display: grid;

    grid-template-columns: 1.3fr 1fr;

    gap: 50px;

    align-items: center;

    padding: 50px;

    border-radius: 24px;

    background: #071b3c;

    color: #fff;

    overflow: hidden;
}

.testimonial-benefit-content h2 {
    max-width: 650px;

    margin: 10px 0 15px;

    font-size: clamp(30px, 4vw, 44px);

    line-height: 1.1;
}

.testimonial-benefit-content h2 strong {
    color: #ff2933;
}

.testimonial-benefit-content p {
    max-width: 580px;

    margin: 0;

    color: #c2cad7;

    line-height: 1.7;
}


/* BENEFIT LIST */

.testimonial-benefit-list {
    display: grid;

    grid-template-columns: 1fr;

    gap: 12px;
}

.testimonial-benefit-list > div {
    display: flex;

    align-items: center;

    gap: 15px;

    padding: 16px;

    border: 1px solid rgba(255,255,255,.12);

    border-radius: 13px;

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

.testimonial-benefit-list > div > i {
    width: 44px;
    height: 44px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex: 0 0 44px;

    border-radius: 12px;

    background: #e31b23;

    font-size: 17px;
}

.testimonial-benefit-list span {
    display: flex;

    flex-direction: column;

    gap: 3px;
}

.testimonial-benefit-list strong {
    font-size: 13px;
}

.testimonial-benefit-list small {
    color: #aeb8c8;

    font-size: 11px;
}


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

.testimonial-final-cta {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 35px;
}

.testimonial-final-cta h2 {
    margin: 8px 0;

    font-size: clamp(28px, 4vw, 40px);
}

.testimonial-final-cta p {
    margin: 0;

    color: rgba(255,255,255,.72);
}


/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width: 1000px) {

    .review-summary-premium {
        grid-template-columns: 180px 1fr;
    }

    .review-score-box {
        border-right: 0;

        border-bottom: 1px solid #e7eaf0;

        padding-right: 0;

        padding-bottom: 25px;
    }

    .review-summary-action {
        grid-column: 1 / -1;

        flex-direction: row;

        align-items: center;

        justify-content: space-between;
    }

    .testi-grid-rich {
        grid-template-columns: repeat(2, 1fr);
    }

    .testimonial-benefit-box {
        grid-template-columns: 1fr;
    }

}


@media (max-width: 700px) {

    .testimonial-page-head {
        padding-bottom: 45px;
    }

    .review-summary-premium {
        display: flex;

        flex-direction: column;

        align-items: stretch;

        padding: 25px;

        gap: 25px;
    }

    .review-score-box {
        padding-bottom: 22px;
    }

    .review-summary-content h2 {
        font-size: 24px;
    }

    .review-summary-points {
        flex-direction: column;

        gap: 10px;
    }

    .review-summary-action {
        display: flex;

        flex-direction: column;

        align-items: stretch;
    }

    .review-summary-action .btn {
        width: 100%;
    }

    .testi-grid-rich {
        grid-template-columns: 1fr;

        gap: 16px;

        margin-top: 30px;
    }

    .review-card-premium {
        min-height: 250px;

        padding: 23px;
    }

    .testimonial-benefit-box {
        padding: 32px 25px;

        border-radius: 18px;
    }

    .testimonial-final-cta {
        align-items: stretch;

        flex-direction: column;
    }

    .testimonial-final-cta .btn {
        width: 100%;

        justify-content: center;
    }

}


/* =====================================================
   SERVICE PAGE PREMIUM
===================================================== */

.service-page-head {
    padding-bottom: 65px;
}

.service-page-head p {
    max-width: 780px;
}


/* =====================================================
   SERVICE CARDS
===================================================== */

.service-main-section {
    background: #f7f9fc;
}

.service-grid-premium {
    display: grid;

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

    gap: 22px;

    margin-top: 45px;
}

.service-card-premium {
    position: relative;

    display: flex;

    flex-direction: column;

    min-height: 300px;

    padding: 30px;

    background: #fff;

    border: 1px solid #e5e9ef;

    border-radius: 20px;

    overflow: hidden;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.service-card-premium:hover {
    transform: translateY(-6px);

    border-color: #d7dde7;

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

.service-card-number {
    position: absolute;

    top: 18px;

    right: 22px;

    font-size: 12px;

    font-weight: 900;

    color: #d9dee7;
}

.service-icon-box {
    width: 58px;
    height: 58px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 25px;

    border-radius: 16px;

    background: #071b3c;

    color: #fff;

    font-size: 22px;

    transition: background .3s ease;
}

.service-card-premium:hover .service-icon-box {
    background: #e31b23;
}

.service-card-premium h3 {
    margin: 0 0 12px;

    font-size: 21px;

    color: #071b3c;
}

.service-card-premium p {
    margin: 0;

    color: #667085;

    line-height: 1.7;
}

.service-card-premium a {
    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: auto;

    padding-top: 25px;

    color: #e31b23;

    font-size: 13px;

    font-weight: 800;

    text-decoration: none;
}

.service-card-premium a i {
    transition: transform .25s ease;
}

.service-card-premium:hover a i {
    transform: translateX(5px);
}


/* =====================================================
   PROCESS
===================================================== */

.service-process-premium {
    padding: 85px 0;

    background: #071b3c;

    color: #fff;
}

.service-process-heading {
    max-width: 650px;

    margin-bottom: 50px;
}

.service-process-heading h2 {
    margin: 10px 0 15px;

    font-size: clamp(32px, 4vw, 48px);

    line-height: 1.1;
}

.service-process-heading h2 strong {
    color: #ff2933;
}

.service-process-heading p {
    margin: 0;

    color: #bfc9d8;

    line-height: 1.7;
}

.process-grid-premium {
    display: grid;

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

    gap: 15px;
}

.process-step {
    position: relative;

    min-height: 245px;

    padding: 28px;

    border: 1px solid rgba(255,255,255,.12);

    border-radius: 18px;

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

    transition:
        transform .3s ease,
        background .3s ease;
}

.process-step:hover {
    transform: translateY(-5px);

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

.process-number {
    position: absolute;

    top: 20px;

    right: 20px;

    font-size: 12px;

    font-weight: 900;

    color: #687790;
}

.process-icon {
    width: 52px;
    height: 52px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 30px;

    border-radius: 14px;

    background: #e31b23;

    color: #fff;

    font-size: 19px;
}

.process-step h3 {
    margin: 0 0 10px;

    font-size: 18px;
}

.process-step p {
    margin: 0;

    color: #b8c2d1;

    font-size: 13px;

    line-height: 1.7;
}


/* =====================================================
   SERVICE DETAIL
===================================================== */

.service-detail-premium {
    background: #fff;
}

.service-detail-content h2 {
    max-width: 650px;

    margin: 12px 0 18px;

    font-size: clamp(30px, 4vw, 44px);

    line-height: 1.1;

    color: #071b3c;
}

.service-detail-content h2 strong {
    color: #e31b23;
}

.service-detail-content > p {
    max-width: 680px;

    color: #667085;

    line-height: 1.8;
}

.service-emergency-box {
    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: center;

    padding: 40px;

    min-height: 370px;

    border-radius: 22px;

    background: #071b3c;

    color: #fff;

    box-shadow: 0 20px 50px rgba(7,27,60,.16);
}

.emergency-icon {
    width: 64px;
    height: 64px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 25px;

    border-radius: 17px;

    background: #e31b23;

    font-size: 26px;
}

.service-emergency-box > span {
    margin-bottom: 8px;

    font-size: 10px;

    font-weight: 900;

    letter-spacing: 1.8px;

    color: #ff7a80;
}

.service-emergency-box > strong {
    font-size: 30px;

    line-height: 1.1;
}

.service-emergency-box > p {
    max-width: 400px;

    margin: 15px 0 25px;

    color: #c1cad8;

    line-height: 1.7;
}


/* =====================================================
   SERVICE FEATURES
===================================================== */

.service-features-section {
    background: #f7f9fc;
}

.service-feature-grid {
    display: grid;

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

    gap: 18px;

    margin-top: 40px;
}

.service-feature-card {
    padding: 28px;

    background: #fff;

    border: 1px solid #e5e9ef;

    border-radius: 17px;
}

.service-feature-card > div {
    width: 50px;
    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 22px;

    border-radius: 14px;

    background: #fff0f1;

    color: #e31b23;

    font-size: 19px;
}

.service-feature-card h3 {
    margin: 0 0 9px;

    font-size: 17px;

    color: #071b3c;
}

.service-feature-card p {
    margin: 0;

    color: #707b8c;

    font-size: 13px;

    line-height: 1.7;
}


/* =====================================================
   BRANDS
===================================================== */

.service-brands-row {
    border-top: 1px solid #e7ebf0;

    border-bottom: 1px solid #e7ebf0;
}


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

.service-final-cta {
    background: #f7f9fc;
}

.service-final-box {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 40px;

    padding: 50px;

    border-radius: 24px;

    background: #071b3c;

    color: #fff;
}

.service-final-box h2 {
    margin: 10px 0;

    font-size: clamp(30px, 4vw, 44px);

    line-height: 1.1;
}

.service-final-box h2 strong {
    color: #ff2933;
}

.service-final-box p {
    margin: 0;

    color: #bfc9d8;

    line-height: 1.7;
}

.service-final-actions {
    display: flex;

    flex-direction: column;

    gap: 10px;

    min-width: 240px;
}

.service-final-actions .btn {
    justify-content: center;

    white-space: nowrap;
}

.service-phone-btn {
    color: #fff;

    border: 1px solid rgba(255,255,255,.25);

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


/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width: 1000px) {

    .service-grid-premium {
        grid-template-columns: repeat(2, 1fr);
    }

    .process-grid-premium {
        grid-template-columns: repeat(2, 1fr);
    }

    .service-feature-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .service-final-box {
        align-items: flex-start;

        flex-direction: column;
    }

    .service-final-actions {
        width: 100%;

        flex-direction: row;
    }

    .service-final-actions .btn {
        flex: 1;
    }

}


@media (max-width: 700px) {

    .service-page-head {
        padding-bottom: 45px;
    }

    .service-grid-premium {
        grid-template-columns: 1fr;

        margin-top: 30px;
    }

    .service-card-premium {
        min-height: 270px;

        padding: 25px;
    }

    .service-process-premium {
        padding: 65px 0;
    }

    .process-grid-premium {
        grid-template-columns: 1fr;

        gap: 12px;
    }

    .process-step {
        min-height: auto;

        padding: 25px;
    }

    .process-icon {
        margin-bottom: 20px;
    }

    .service-emergency-box {
        min-height: 320px;

        padding: 30px;
    }

    .service-feature-grid {
        grid-template-columns: 1fr;

        margin-top: 30px;
    }

    .service-final-box {
        padding: 32px 25px;

        border-radius: 19px;
    }

    .service-final-actions {
        flex-direction: column;
    }

    .service-final-actions .btn {
        width: 100%;
    }

}


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

.footer {
    background: #071b3c;
    color: #fff;
}

.footer-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1.15fr;
    gap: 45px;
    padding-top: 15px;
    padding-bottom: 55px;
}


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

.footer-brand {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    margin-bottom: 20px;
}

.footer-logo {
    display: block;
    width: 230px;
    height: auto;
    max-height: 75px;
    object-fit: contain;
}

.footer-about > p {
    max-width: 370px;
    margin: 0;
    color: #aeb9ca;
    font-size: 13px;
    line-height: 1.8;
}


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

.footer-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 22px;
}

.footer-badges span {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    padding: 8px 11px;

    border: 1px solid rgba(255,255,255,.1);
    border-radius: 8px;

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

    color: #c5cedc;

    font-size: 10px;
    font-weight: 700;
}

.footer-badges i {
    color: #e31b23;
}


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

.footer-grid h4 {
    margin: 5px 0 20px;

    color: #fff;

    font-size: 11px;
    font-weight: 900;

    letter-spacing: 1.7px;
}

.footer-grid > div:not(.footer-about) {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.footer-grid a,
.footer-grid span {
    display: flex;
    align-items: center;
    gap: 9px;

    margin-bottom: 12px;

    color: #aeb9ca;

    font-size: 13px;

    line-height: 1.5;

    text-decoration: none;

    transition:
        color .2s ease,
        transform .2s ease;
}

.footer-grid a:hover {
    color: #fff;

    transform: translateX(3px);
}

.footer-grid a i,
.footer-grid span i {
    width: 15px;

    text-align: center;

    color: #e31b23;
}


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

.footer-bottom {
    border-top: 1px solid rgba(255,255,255,.08);
}

.footer-bottom-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    min-height: 65px;
}

.footer-bottom-inner span {
    color: #7f8ca0;

    font-size: 11px;
}

.footer-bottom-inner span:last-child {
    display: flex;
    align-items: center;
    gap: 7px;

    color: #9da9ba;

    font-weight: 700;
    letter-spacing: .5px;
}

.footer-bottom-inner span:last-child i {
    color: #e31b23;
}


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

@media (max-width: 900px) {

    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 35px 30px;

        padding-top: 15px;
        padding-bottom: 15px;
    }

    .footer-about {
        grid-column: 1 / -1;
    }

}


@media (max-width: 600px) {

    .footer-grid {
        grid-template-columns: 1fr;

        gap: 30px;

        padding-top: 15px;
        padding-bottom: 15px;
    }

    .footer-about {
        grid-column: auto;
    }

    .footer-logo {
        width: 100px;
    }

    .footer-about > p {
        max-width: 100%;
    }

    .footer-bottom-inner {
        min-height: 90px;

        flex-direction: column;

        justify-content: center;

        text-align: center;

        gap: 7px;
    }

}