.site-video-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: #02142b url("../img/hero/h1_hero.jpg") center/cover no-repeat;
}

.site-video-hero::after {
    position: absolute;
    z-index: -1;
    inset: 0;
    content: "";
    background: linear-gradient(90deg, rgba(2, 15, 34, 0.9), rgba(2, 20, 43, 0.58) 55%, rgba(2, 20, 43, 0.18));
    pointer-events: none;
}

.site-video-hero > .container {
    position: relative;
    z-index: 1;
}

.site-video-hero .responsive-hero-video {
    position: absolute;
    z-index: -2;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.site-video-hero .hero__caption h1 {
    text-shadow: 0 3px 3px rgba(0, 0, 0, 0.72), 0 8px 22px rgba(0, 0, 0, 0.38);
}

.site-video-hero .home-hero-copy-panel {
    max-width: 780px;
    margin-bottom: 26px;
    padding: 30px 34px 32px;
    background: linear-gradient(90deg, rgba(1, 17, 37, 0.76), rgba(1, 17, 37, 0.42) 78%, rgba(1, 17, 37, 0.04));
    border-left: 4px solid #ff5f13;
}

.site-video-hero .hero-pera p {
    max-width: 760px;
    color: #fff !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 1.55 !important;
    letter-spacing: 0;
    text-transform: none;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.9), 0 5px 14px rgba(0, 0, 0, 0.42);
}

@media (min-width: 768px) {
    .site-video-hero .responsive-hero-video {
        transform: scale(1.5);
        transform-origin: center;
    }
}

@media (max-width: 767px) {
    .site-video-hero {
        min-height: 600px;
        padding: 58px 0 48px;
    }

    .site-video-hero > .container {
        width: 100%;
        padding-right: 20px;
        padding-left: 20px;
    }

    .site-video-hero::after {
        background: linear-gradient(90deg, rgba(2, 15, 34, 0.9), rgba(2, 20, 43, 0.5));
    }

    .site-video-hero .hero__caption h1 {
        max-width: 330px;
        margin-bottom: 24px;
        font-size: 42px !important;
        line-height: 0.98 !important;
    }

    .site-video-hero .home-hero-copy-panel {
        max-width: none;
        margin-bottom: 20px;
        padding: 24px 20px 26px;
        background: linear-gradient(90deg, rgba(1, 17, 37, 0.82), rgba(1, 17, 37, 0.47) 84%, rgba(1, 17, 37, 0.1));
        border-left-width: 3px;
    }

    .site-video-hero .hero__caption h1 span {
        display: block;
    }

    .site-video-hero .hero-pera p {
        max-width: 340px;
        margin-bottom: 24px;
        font-size: 17px !important;
        line-height: 1.45 !important;
    }

    .site-video-hero .header-right-app-btn {
        display: grid !important;
        width: min(100%, 320px);
        gap: 12px;
    }

    .site-video-hero .header-right-app-btn .btn {
        display: flex;
        width: 100%;
        min-height: 54px;
        align-items: center;
        justify-content: center;
        margin: 0;
        padding: 18px 22px;
        line-height: 1.2;
    }
}

/* FAQ content: light, compact and easy to scan. */
.faq-content-area {
    padding: 90px 0 80px;
    background: #f3f6fa !important;
}

.faq-content-area .section-tittle {
    margin-bottom: 48px !important;
}

.faq-content-area .section-tittle h2 {
    margin-top: 8px;
    color: #071b3b !important;
}

.faq-content-area .row.justify-content-between {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    margin: 0;
}

.faq-content-area .row.justify-content-between > [class*="col-"] {
    width: 100%;
    max-width: none;
    padding: 0;
}

.faq-content-area .testimonial-form {
    height: 100%;
    padding: 28px 30px;
    text-align: left !important;
    background: #fff;
    border: 1px solid #dce4ee;
    border-left: 4px solid #ff5f13;
    border-radius: 6px;
    box-shadow: 0 10px 28px rgba(4, 28, 57, 0.07);
}

.faq-content-area .testimonial-form h3 {
    margin: 0 0 12px;
    font-size: 25px;
    line-height: 1.25;
}

.faq-content-area .testimonial-form h3 b {
    color: #071b3b !important;
    font-weight: 600;
}

.faq-content-area .testimonial-form h4 {
    margin: 0;
    color: #526176;
    font-family: "Barlow", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.65;
}

@media (max-width: 767px) {
    .faq-content-area {
        padding: 62px 0 54px;
    }

    .faq-content-area .section-tittle {
        margin-bottom: 34px !important;
    }

    .faq-content-area .row.justify-content-between {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .faq-content-area .testimonial-form {
        padding: 23px 22px;
    }

    .faq-content-area .testimonial-form h3 {
        font-size: 23px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .responsive-hero-video {
        display: none;
    }
}

/* Keep static page heroes bright while preserving local contrast behind copy. */
.hero-overly::before {
    opacity: 1 !important;
    background: linear-gradient(90deg, rgba(2, 15, 34, 0.5), rgba(2, 20, 43, 0.2) 58%, rgba(2, 20, 43, 0.04)) !important;
}

.hero-overly .hero-cap h1,
.hero-overly .hero-cap h2,
.hero-overly .hero-cap p,
.hero-overly .breadcrumb {
    text-shadow: 0 2px 9px rgba(0, 0, 0, 0.68);
}

.home-service-grid {
    row-gap: 24px;
}

.home-service-grid > [class*="col-"] {
    display: flex;
}

.home-service-grid .single-cat {
    width: 100%;
    min-height: 260px;
    margin-bottom: 0 !important;
    padding: 34px 22px 28px;
    border: 1px solid #e4e8ef;
    background: #fff;
    transition: opacity 220ms ease, transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}

.home-service-grid .single-cat:hover,
.home-service-grid .single-cat:focus-within {
    opacity: 0.9;
    transform: translateY(-4px);
    border-color: rgba(255, 95, 19, 0.45);
    box-shadow: 0 14px 30px rgba(16, 40, 93, 0.1);
}

.home-service-grid .cat-icon {
    margin-bottom: 20px;
}

.home-service-grid .cat-icon .icon {
    width: 64px;
    height: 64px;
}

.home-service-grid .cat-cap h5 {
    margin-bottom: 12px;
}

.home-service-grid .cat-cap p {
    margin-bottom: 0;
    line-height: 1.65;
}

@media (max-width: 767px) {
    .home-service-grid {
        row-gap: 16px;
    }

    .home-service-grid .single-cat {
        min-height: 0;
        padding: 26px 18px 24px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-service-grid .single-cat {
        transition: none;
    }

    .home-service-grid .single-cat:hover,
    .home-service-grid .single-cat:focus-within {
        transform: none;
    }
}

.about-page-main { overflow: hidden; color: #10285d; }
.about-page-hero { width: 100%; min-height: min(44.2708vw,850px); display: flex; align-items: center; padding: 80px 0; background: linear-gradient(90deg,rgba(2,15,34,.34),rgba(2,20,43,.14) 48%,rgba(2,20,43,.01) 78%),url("../img/hero/about-hero-desktop.webp") center/100% auto no-repeat; background-color:#0b3767; }
.about-page-hero__content { max-width: 720px; }
.about-page-hero h1,.about-page-hero p { color: #fff; }
.about-page-hero h1 { margin-bottom: 22px; font-size: clamp(44px,6vw,72px); line-height: 1; }
.about-page-hero h1,.about-page-hero__content>p { text-shadow: 0 2px 9px rgba(0,0,0,.68); }
.about-page-hero__content>p:not(.about-page-eyebrow) { max-width: 660px; font-size: 19px; line-height: 1.7; }
.about-page-eyebrow { margin-bottom: 14px; color: #ff5f13 !important; font-size: 14px; font-weight: 700; letter-spacing: 1.8px; }
.about-proof-strip { position: relative; z-index: 2; margin-top: -42px; }
.about-proof-strip__inner { display: grid; grid-template-columns: repeat(3,1fr); overflow: hidden; border-radius: 8px; background: #fff; box-shadow: 0 18px 45px rgba(2,20,43,.14); }
.about-proof-strip__inner>div { padding: 28px 32px; border-right: 1px solid #e7ebf2; }
.about-proof-strip__inner>div:last-child { border-right: 0; }
.about-proof-strip span { display: block; margin-bottom: 5px; color: #ff5f13; font-size: 12px; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; }
.about-proof-strip strong { color: #10285d; font-size: 20px; }
.about-page-section { padding: 92px 0; }
.about-page-section--soft { background: #e7edf5; }
.about-page-photo { overflow: hidden; border-radius: 8px; box-shadow: 0 22px 50px rgba(2,20,43,.16); }
.about-page-photo img { width: 100%; min-height: 430px; object-fit: cover; }
.about-page-copy { padding-left: 46px; }
.about-page-copy h2,.about-page-heading h2,.about-page-section--cta h2 { margin-bottom: 20px; font-size: clamp(38px,4vw,54px); line-height: 1.05; }
.about-page-copy p { font-size: 17px; line-height: 1.75; }
.about-text-link,.about-value-card a { color: #ff5f13; font-weight: 700; }
.about-page-heading { max-width: 760px; margin: 0 auto 42px; text-align: center; }
.about-value-card { height: 100%; padding: 28px; border: 1px solid #d4deea; border-radius: 8px; background: #fff; box-shadow: 0 7px 24px rgba(2,20,43,.07); transition: transform .25s ease,box-shadow .25s ease; }
.about-value-card:hover { transform: translateY(-5px); box-shadow: 0 16px 38px rgba(2,20,43,.11); }
.about-value-card>span { display: block; margin-bottom: 18px; color: #ff5f13; font-weight: 700; }
.about-value-card h3 { margin-bottom: 12px; font-size: 28px; }
.about-page-section--cta { color: #fff; background: #02142b url("../img/gallery/section_bg04.jpg") center/cover; }
.about-page-section--cta h2,.about-page-section--cta p { color: #fff; }
@media(max-width:991px){.about-proof-strip__inner{grid-template-columns:1fr}.about-proof-strip__inner>div{border-right:0;border-bottom:1px solid #e7ebf2}.about-page-copy{padding:38px 0 0}}
@media(max-width:767px){.about-page-main .container{width:100%;max-width:100vw}.about-page-hero{height:125vw;min-height:500px;max-height:680px;padding:36px 0;background-image:linear-gradient(90deg,rgba(2,15,34,.38),rgba(2,20,43,.12) 72%,rgba(2,20,43,.02)),url("../img/hero/about-hero-mobile.webp");background-position:center center;background-size:100% auto}.about-page-hero__content{width:100%;max-width:calc(100vw - 30px)}.about-page-main p,.about-page-main h1,.about-page-main h2,.about-page-main h3{max-width:100%;white-space:normal!important;overflow-wrap:break-word}.about-page-hero h1{font-size:34px}.about-page-hero__content>p:not(.about-page-eyebrow){font-size:17px;line-height:1.55}.about-page-hero .btn{width:100%;white-space:normal}.about-page-section{padding:62px 0}.about-page-photo img{min-height:300px}.about-page-section--cta .btn{width:100%;margin-top:20px}.about-proof-strip{margin-top:-28px}}
.our-info-area .info-caption p,
.our-info-area .info-caption span,
.our-info-area .info-caption a {
    color: #10285d !important;
}

.our-info-area .info-caption a:hover,
.our-info-area .info-caption a:focus {
    color: #ff5f13 !important;
}

.home-section--soft {
    background: #e7edf5;
}

.home-contact-bar {
    padding: 34px 0;
    background: #071c36;
}

.home-contact-bar__row > [class*="col-"] {
    display: flex;
}

.home-contact-bar__item {
    width: 100%;
    min-height: 92px;
    margin: 0;
    padding: 18px 24px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.06);
}

.home-contact-bar .info-icon span {
    color: #ff5f13;
}

.home-contact-bar .info-caption p {
    margin-bottom: 2px;
    color: #aebfd4 !important;
}

.home-contact-bar .info-caption span,
.home-contact-bar .info-caption a {
    color: #fff !important;
    font-weight: 600;
}

.home-contact-bar__action {
    display: flex;
    width: 100%;
    min-height: 92px;
    align-items: center;
    justify-content: flex-end;
    gap: 22px;
}

.home-contact-bar__action p {
    max-width: 210px;
    margin: 0;
    color: #d7e0eb;
    font-size: 14px;
    line-height: 1.45;
}

.home-contact-bar__action .btn {
    flex: 0 0 auto;
    padding: 23px 25px;
}

.home-section--soft .single-cat {
    height: 100%;
    min-height: 205px;
    margin-bottom: 0 !important;
    padding: 30px 22px;
    border: 1px solid #cbd6e4;
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(7, 28, 54, 0.08);
}

.home-section--soft .row:last-child {
    row-gap: 22px;
}

.home-partner-section {
    background: #f7f9fc;
}

.home-service-section,
.home-section--soft,
.home-partner-section {
    padding-top: 78px;
    padding-bottom: 78px;
}

.home-service-section .section-tittle,
.home-section--soft .section-tittle,
.home-partner-section .section-tittle {
    margin-bottom: 48px !important;
}

.home-partner-grid {
    row-gap: 20px;
}

.home-partner-grid > [class*="col-"] {
    display: flex;
}

.home-partner-grid .single-cat {
    display: flex;
    width: 100%;
    min-height: 150px;
    margin-bottom: 0 !important;
    align-items: center;
    justify-content: center;
    padding: 24px;
    border: 1px solid #dbe3ed;
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(7, 28, 54, 0.06);
}

.home-partner-grid img {
    width: auto;
    max-width: 100%;
    max-height: 76px;
}

.contact-page-section {
    padding: 82px 0 90px;
    background: #e7edf5;
}

.contact-page-hero {
    width: 100%;
    height: 44.2708vw;
    min-height: 560px;
    max-height: 850px;
    padding: 80px 0;
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-color: #172b3a;
}

.contact-page-hero .hero-cap,
.faq-page-hero .hero-cap {
    max-width: 650px;
}

.contact-page-hero .hero-cap {
    padding: 32px 36px 34px;
    background: linear-gradient(90deg, rgba(1, 17, 37, 0.78), rgba(1, 17, 37, 0.48) 76%, rgba(1, 17, 37, 0.08));
    border-left: 4px solid #ff5f13;
}

.contact-page-hero .hero-cap h2 {
    margin: 0 0 12px;
    color: #fff;
    font-size: clamp(52px, 5vw, 72px);
    font-weight: 600;
    line-height: 0.98;
    text-shadow: 0 3px 12px rgba(0, 0, 0, 0.82);
}

.contact-page-hero .breadcrumb {
    margin: 0;
}

.contact-page-hero .breadcrumb-item,
.contact-page-hero .breadcrumb-item a,
.contact-page-hero .breadcrumb-item + .breadcrumb-item::before {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    text-shadow: 0 2px 7px rgba(0, 0, 0, 0.9);
}

.contact-page-hero .breadcrumb-item[aria-current="page"] {
    color: #ff7a38;
}

.contact-page-hero .hero-cap p,
.faq-page-hero .hero-cap p {
    max-width: 610px;
    margin: 22px 0 0;
    color: #fff;
    font-size: 18px;
    line-height: 1.6;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.68);
}

.contact-page-hero .hero-cap p {
    color: #fff;
    font-weight: 500;
    text-shadow: 0 2px 9px rgba(0, 0, 0, 0.92);
}

.contact-page-section .section-tittle {
    margin-bottom: 48px !important;
}

.contact-map {
    overflow: hidden;
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 14px 38px rgba(7, 28, 54, 0.13);
}

.contact-map iframe {
    display: block;
}

.contact-page-section .row:has(.contact-form-card) {
    align-items: stretch;
}

.contact-form-card {
    padding: 34px;
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(7, 28, 54, 0.09);
}

.contact-form-card .contact-title {
    margin-bottom: 0;
}

.contact-form-card .form-control {
    min-height: 50px;
    border: 1px solid #ccd6e3;
    border-radius: 5px;
}

.contact-form-card textarea.form-control {
    min-height: 150px;
}

.contact-submit {
    margin-top: 22px;
}

.contact-submit .btn {
    min-width: 190px;
}

.testimonial-area .testimonial-form {
    display: flex;
    min-height: 315px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 34px 30px;
}

.testimonial-area .testimonial-form p {
    max-width: 520px;
}

.contact-page-section .contact-info {
    margin-bottom: 16px;
    padding: 22px 20px;
    border: 1px solid #d6e0eb;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 7px 20px rgba(7, 28, 54, 0.07);
}

.contact-page-section .contact-info h3 {
    margin-bottom: 4px;
    font-size: 21px;
    line-height: 1.15;
}

.contact-page-section .contact-info p {
    margin-bottom: 12px;
    line-height: 1.55;
}

.contact-page-section .contact-info p:last-child {
    margin-bottom: 0;
}

.contact-page-section .contact-info a {
    color: #10285d;
}

.contact-page-section .contact-info a:hover,
.contact-page-section .contact-info a:focus {
    color: #ff5f13;
}

@media (max-width: 991px) {
    .home-contact-bar__row {
        row-gap: 16px;
    }

    .home-contact-bar__action {
        justify-content: space-between;
    }

    .contact-form-card {
        margin: 0 15px 28px;
    }
}

@media (max-width: 767px) {
    .home-contact-bar {
        padding: 22px 0;
    }

    .home-contact-bar__row > [class*="col-"] {
        display: block;
    }

    .home-contact-bar__item {
        min-height: 0;
        padding: 16px 18px;
    }

    .home-contact-bar .info-caption {
        min-width: 0;
    }

    .home-phone-list a {
        display: block;
        white-space: nowrap;
    }

    .home-contact-bar .home-phone-separator {
        display: none !important;
    }

    .home-contact-bar__action {
        min-height: 0;
        align-items: stretch;
        flex-direction: column;
        gap: 14px;
    }

    .home-contact-bar__action p {
        max-width: none;
    }

    .home-contact-bar__action .btn {
        width: 100%;
    }

    .home-section--soft .single-cat {
        min-height: 0;
        padding: 24px 18px;
    }

    .home-service-section,
    .home-section--soft,
    .home-partner-section {
        padding-top: 56px;
        padding-bottom: 56px;
    }

    .home-service-section .section-tittle,
    .home-section--soft .section-tittle,
    .home-partner-section .section-tittle {
        margin-bottom: 34px !important;
    }

    .home-partner-grid .single-cat {
        min-height: 120px;
        padding: 20px;
    }

    .contact-page-section {
        padding: 60px 0;
    }

    .faq-page-hero {
        min-height: 360px;
        padding: 54px 0;
    }

    .contact-page-hero {
        height: 125vw;
        min-height: 500px;
        max-height: 680px;
        padding: 36px 0;
        background-position: center;
        background-size: 100% auto;
    }

    .contact-page-hero .hero-cap {
        max-width: none;
        padding: 24px 20px 26px;
        background: linear-gradient(90deg, rgba(1, 17, 37, 0.82), rgba(1, 17, 37, 0.48) 84%, rgba(1, 17, 37, 0.12));
        border-left-width: 3px;
    }

    .contact-page-hero .hero-cap h2 {
        margin-bottom: 10px;
        font-size: 38px;
        line-height: 1;
    }

    .contact-page-hero .breadcrumb-item,
    .contact-page-hero .breadcrumb-item a,
    .contact-page-hero .breadcrumb-item + .breadcrumb-item::before {
        font-size: 16px;
    }

    .contact-page-hero .hero-cap h2,
    .faq-page-hero .hero-cap h2 {
        margin-bottom: 8px;
    }

    .contact-page-hero .breadcrumb,
    .faq-page-hero .breadcrumb {
        margin-bottom: 0;
    }

    .contact-page-hero .hero-cap p,
    .faq-page-hero .hero-cap p {
        margin-top: 22px;
        font-size: 17px;
        line-height: 1.55;
    }

    .contact-page-hero .hero-cap p {
        margin-top: 18px;
        font-size: 16px;
        line-height: 1.5;
    }

    .contact-map iframe {
        height: 300px !important;
    }

    .contact-form-card {
        padding: 24px 20px;
    }

    .about-footer-phones,
    .about-footer-email {
        width: 100%;
        min-width: 0;
        float: none !important;
        text-align: left;
    }

    .about-footer-phones a {
        display: block;
        width: max-content;
        max-width: 100%;
        white-space: nowrap;
    }

    .about-footer-phone-separator {
        display: none;
    }

    .about-footer-email a {
        display: block;
        max-width: 100%;
        font-size: clamp(22px, 7vw, 30px);
        overflow-wrap: anywhere;
    }
}
.legal-main { background: #f3f6fa; }
.legal-hero { padding: 86px 0 78px; color: #fff; background: linear-gradient(105deg, rgba(0,18,40,.94), rgba(0,39,78,.78)), url('../img/hero/about.jpg') center/cover; }
.legal-hero .driver-eyebrow { color: #ff6a21; }
.legal-hero h1 { margin: 10px 0 16px; color: #fff; font-size: clamp(42px, 6vw, 68px); line-height: 1; }
.legal-hero p { max-width: 760px; margin: 0; color: #e8eef7; font-size: 18px; line-height: 1.7; }
.legal-shell { display: grid; grid-template-columns: 260px minmax(0,1fr); gap: 44px; padding: 72px 0 90px; }
.legal-nav { position: sticky; top: 120px; align-self: start; padding: 24px; background: #001b3a; border-radius: 6px; }
.legal-nav strong { display: block; margin-bottom: 13px; color: #fff; font-size: 16px; }
.legal-nav a { display: block; padding: 8px 0; color: #c8d5e5; font-size: 14px; border-bottom: 1px solid rgba(255,255,255,.1); }
.legal-nav a:hover { color: #ff6a21; }
.legal-content { padding: 45px 50px; color: #33445a; background: #fff; border: 1px solid #dfe6ef; border-radius: 6px; box-shadow: 0 18px 45px rgba(2,26,54,.07); }
.legal-content section + section { padding-top: 28px; margin-top: 28px; border-top: 1px solid #e2e8f0; }
.legal-content h2 { margin: 0 0 14px; color: #071b3b; font-size: 27px; }
.legal-content h3 { margin: 20px 0 9px; color: #071b3b; font-size: 20px; }
.legal-content p, .legal-content li { font-size: 16px; line-height: 1.75; }
.legal-content ul { padding-left: 22px; margin: 10px 0 0; list-style: disc; }
.legal-content a { color: #d94a00; text-decoration: underline; }

@media (min-width: 768px) {
    .about-footer-phones {
        display: flex;
        width: 100%;
        float: none !important;
        flex-direction: column;
        align-items: flex-end;
        text-align: right;
    }

    .about-footer-phones a,
    .about-footer-email a {
        white-space: nowrap;
    }

    .about-footer-phone-separator {
        display: none;
    }

    .about-footer-email {
        display: block;
        width: 100%;
        float: none !important;
        text-align: right;
    }
}
.legal-meta { display: inline-block; margin-bottom: 22px; padding: 8px 12px; color: #17355b; font-size: 13px; font-weight: 700; background: #e9f0f8; border-radius: 4px; }
.legal-notice { padding: 18px 20px; margin: 20px 0; background: #fff5ef; border-left: 4px solid #ff5f13; }
@media (max-width: 991px) { .legal-shell { grid-template-columns: 1fr; gap: 24px; } .legal-nav { position: static; } }
@media (max-width: 767px) { .legal-hero { padding: 55px 0; } .legal-content { padding: 28px 22px; } .legal-shell { padding: 42px 0 60px; } }

/* Approved Services-style hero panel across the main site pages. */
.about-page-hero__content,
.contact-page-hero .hero-cap,
.faq-page-hero .hero-cap,
.blog-page-hero .hero-cap {
    max-width: 780px;
    padding: 30px 34px 32px;
    background: linear-gradient(90deg, rgba(1, 17, 37, 0.76), rgba(1, 17, 37, 0.42) 78%, rgba(1, 17, 37, 0.04));
    border-left: 4px solid #ff5f13;
}

@media (max-width: 767px) {
    .about-page-hero__content,
    .contact-page-hero .hero-cap,
    .faq-page-hero .hero-cap,
    .blog-page-hero .hero-cap {
        max-width: none;
        padding: 24px 20px 26px;
        background: linear-gradient(90deg, rgba(1, 17, 37, 0.82), rgba(1, 17, 37, 0.47) 84%, rgba(1, 17, 37, 0.1));
        border-left-width: 3px;
    }
}

/* Keep FAQ cards compact after the shared testimonial defaults. */
.faq-page-hero.hero-overly::before {
    display: none !important;
}

.faq-page-hero {
    background-image: url("../img/hero/faq-hero-bright.png") !important;
}

.faq-content-area .testimonial-form {
    min-height: 0;
    align-items: stretch;
    justify-content: flex-start;
    padding: 28px 30px;
}

@media (max-width: 767px) {
    .faq-content-area .testimonial-form {
        padding: 23px 22px;
    }
}