/* Custom overrides on hosting.
   Edit this file directly and refresh to apply changes. */

/* Example:
body {
    background: #fff;
}
*/

/* Blog page modern layout */
.blog-page {
    background: #fff;
    color: #111;
    overflow-x: hidden;
}

.blog-page a {
    color: inherit;
}

.blog-page-hero {
    position: relative;
    isolation: isolate;
    padding: clamp(52px, 7vw, 92px) 0;
    background:
        linear-gradient(90deg, rgba(0, 0, 0, .82) 0%, rgba(0, 0, 0, .62) 46%, rgba(0, 0, 0, .18) 100%),
        var(--blog-hero-image, linear-gradient(135deg, #111 0%, #282828 58%, #ffcc00 100%));
    background-position: center;
    background-size: cover;
}

.blog-page-hero::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 4px;
    background: #ffcc00;
    z-index: -1;
}

.blog-page-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 390px);
    gap: clamp(24px, 4vw, 52px);
    align-items: end;
}

.blog-page-eyebrow {
    display: inline-flex;
    margin: 0 0 14px;
    padding: 7px 12px;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 999px;
    background: rgba(255, 255, 255, .12);
    color: #ffcc00;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
}

.blog-page-hero h1 {
    max-width: 780px;
    margin: 0;
    color: #fff !important;
    font-size: clamp(38px, 5vw, 72px);
    font-weight: 700;
    line-height: 1.02;
    text-transform: uppercase;
}

.blog-page-hero__copy,
.blog-page-hero__copy * {
    max-width: 720px;
    margin-top: 18px;
    color: rgba(255, 255, 255, .88) !important;
    font-size: 17px;
    line-height: 1.7;
}

.blog-page-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.blog-page-stats span {
    display: grid;
    min-width: 118px;
    padding: 13px 15px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 12px;
    background: rgba(255, 255, 255, .12);
    color: rgba(255, 255, 255, .82);
    font-size: 12px;
    font-weight: 700;
}

.blog-page-stats strong {
    color: #ffcc00;
    font-size: 24px;
    line-height: 1;
}

.blog-page-search {
    padding: 22px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 16px;
    background: rgba(255, 255, 255, .13);
    box-shadow: 0 24px 60px rgba(0, 0, 0, .22);
    backdrop-filter: blur(16px);
}

.blog-page-search label {
    display: block;
    margin-bottom: 10px;
    color: #fff;
    font-weight: 800;
}

.blog-page-search__row {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 50px;
    padding: 0 14px;
    border-radius: 10px;
    background: #fff;
}

.blog-page-search__row i {
    color: #111;
}

.blog-page-search input {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: #111;
}

.blog-page-search p {
    margin: 12px 0;
    color: rgba(255, 255, 255, .78);
    font-size: 14px;
}

.blog-page-search button {
    width: 100%;
    min-height: 46px;
    border: 0;
    border-radius: 10px;
    background: #ffcc00;
    color: #111;
    font-weight: 700;
}

.blog-page-featured {
    padding: 34px 0 18px;
    background: linear-gradient(180deg, #fff8dc 0%, #fff 100%);
}

.blog-page-featured__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(280px, .85fr);
    gap: 20px;
}

.blog-page-lead-card,
.blog-page-mini-card,
.blog-page-card,
.blog-widget,
.blog-cta-card {
    border: 1px solid rgba(17, 17, 17, .08);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 14px 36px rgba(17, 17, 17, .08);
}

.blog-page-lead-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, .72fr);
    overflow: hidden;
}

.blog-page-lead-card__image,
.blog-page-card__image,
.blog-page-mini-card > a {
    display: block;
    overflow: hidden;
    background: #f4f4f4;
}

.blog-page-lead-card__image {
    height: 100%;
    min-height: 350px;
}

.blog-page-lead-card img,
.blog-page-card img,
.blog-page-mini-card img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-page-lead-card img,
.blog-page-mini-card img {
    background: #fff7d6;
    object-fit: contain;
}

.blog-page-lead-card__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(24px, 4vw, 38px);
}

.blog-page-chip {
    width: fit-content;
    margin-bottom: 14px;
    padding: 7px 12px;
    border-radius: 999px;
    background: #ffcc00;
    color: #111;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.blog-page-lead-card h2,
.blog-page-card h3,
.blog-page-mini-card h3 {
    margin: 0;
    color: #111;
    font-weight: 700;
    line-height: 1.22;
}

.blog-page-lead-card h2 {
    font-size: clamp(25px, 3vw, 40px);
}

.blog-page-lead-card h2 a,
.blog-page-card h3 a,
.blog-page-mini-card h3 a {
    color: #111 !important;
    text-decoration: none;
}

.blog-page-lead-card p,
.blog-page-card p {
    margin: 14px 0 0;
    color: #596070;
    line-height: 1.65;
}

.blog-page-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin-top: 14px;
    color: #697180;
    font-size: 13px;
    font-weight: 700;
}

.blog-page-meta > *:not(:first-child)::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 10px;
    border-radius: 999px;
    background: #ffcc00;
    vertical-align: middle;
}

.blog-page-featured-side {
    display: grid;
    gap: 16px;
}

.blog-page-mini-card {
    display: grid;
    grid-template-columns: 132px minmax(0, 1fr);
    gap: 14px;
    padding: 12px;
}

.blog-page-mini-card > a {
    min-height: 112px;
    border-radius: 10px;
}

.blog-page-mini-card h3 {
    font-size: 17px;
}

.blog-page-content {
    padding: clamp(36px, 6vw, 70px) 0;
}

.blog-page-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: clamp(24px, 4vw, 44px);
    align-items: start;
}

.blog-page-aside {
    min-width: 0;
}

.blog-page-section-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 20px;
}

.blog-page-section-head p {
    margin: 0 0 6px;
    color: #d39d00;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.blog-page-section-head h2 {
    margin: 0;
    color: #111;
    font-size: clamp(28px, 4vw, 46px);
    font-weight: 700;
}

.blog-page-section-head > a {
    flex: 0 0 auto;
    padding: 10px 14px;
    border-radius: 10px;
    background: #111;
    color: #fff !important;
    font-weight: 800;
    text-decoration: none;
}

.blog-page-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 18px;
}

.blog-page-filter a {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 8px 14px;
    border: 1px solid rgba(17, 17, 17, .1);
    border-radius: 999px;
    background: #fff;
    color: #111 !important;
    font-weight: 800;
    text-decoration: none;
}

.blog-page-filter a.active,
.blog-page-filter a:hover {
    border-color: #ffcc00;
    background: #ffcc00;
}

.blog-page-result {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    margin-bottom: 18px;
    padding: 12px 14px;
    border-radius: 12px;
    background: #fff7d6;
    color: #111;
}

.blog-page-result a {
    color: #9a6b00 !important;
    font-weight: 700;
    text-decoration: none;
}

.blog-page-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.blog-page-card {
    overflow: hidden;
}

.blog-page-card__image {
    aspect-ratio: 16 / 10;
}

.blog-page-card__body {
    padding: 20px;
}

.blog-page-card h3 {
    margin-top: 10px;
    font-size: 21px;
}

.blog-page-read {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 14px;
    color: #a07000 !important;
    font-weight: 700;
    text-decoration: none;
}

.blog-page-empty {
    padding: 44px 24px;
    border: 1px dashed rgba(17, 17, 17, .18);
    border-radius: 16px;
    background: #fffdf4;
    text-align: center;
}

.blog-page-empty i {
    color: #ffcc00;
    font-size: 38px;
}

.blog-page-empty h3 {
    margin: 14px 0 8px;
    color: #111;
    font-weight: 700;
}

.blog-page .blog-sidebar {
    position: sticky;
    top: 94px;
    display: grid;
    gap: 20px;
}

.blog-page .blog-widget {
    padding: 20px;
}

.blog-page .blog-widget h2 {
    margin-bottom: 8px;
    color: #111 !important;
    font-size: 18px;
    font-weight: 700;
}

.blog-page .blog-category-list a {
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 10px;
}

.blog-page .blog-featured-item {
    grid-template-columns: 92px minmax(0, 1fr);
}

.blog-page .blog-featured-image {
    width: 92px;
    min-height: 74px;
}

.blog-page .blog-cta-card {
    min-height: 0;
    background: #ffcc00;
}

@media (max-width: 1199.98px) {
    .blog-page-layout {
        grid-template-columns: minmax(0, 1fr) 300px;
    }

    .blog-page-lead-card {
        grid-template-columns: 1fr;
    }

    .blog-page-lead-card__image {
        min-height: 300px;
    }
}

@media (max-width: 991.98px) {
    .blog-page-hero__grid,
    .blog-page-featured__grid,
    .blog-page-layout {
        grid-template-columns: 1fr;
    }

    .blog-page .blog-sidebar {
        position: static;
    }

    .blog-page-featured-side {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .blog-page-hero {
        padding: 42px 0;
    }

    .blog-page-search {
        padding: 16px;
    }

    .blog-page-featured {
        padding-top: 22px;
    }

    .blog-page-grid,
    .blog-page-featured-side {
        grid-template-columns: 1fr;
    }

    .blog-page-mini-card {
        grid-template-columns: 104px minmax(0, 1fr);
    }

    .blog-page-mini-card > a {
        min-height: 92px;
    }

    .blog-page-section-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .blog-page-filter a {
        flex: 1 1 auto;
        justify-content: center;
    }
}

@media (max-width: 575.98px) {
    .blog-page-stats {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .blog-page-stats span {
        min-width: 0;
        padding: 10px;
    }

    .blog-page-stats strong {
        font-size: 20px;
    }

    .blog-page-lead-card__image {
        min-height: 220px;
    }

    .blog-page-lead-card__body,
    .blog-page-card__body {
        padding: 16px;
    }
}

/* Global color theme: Yellow + Black + White */
:root {
    --brand-yellow: #FFD800;
    --brand-yellow-dark: #000000;
    --brand-black: #000000;
    --brand-muted: #000000;
    --brand-soft: #FFFFFF;
    --fire-red: #FFD800;
    --fire-rose: #FFD800;
    --fire-orange: #FFD800;
    --fire-amber: #000000;
    --fire-dark: #000000;
    --fire-gradient: #FFD800;
    --on-brand-bg: #FFFFFF;
    --on-soft-bg: #000000;
}
:root, :host{
   --container-7xl: 100rem !important;
}

.topbar {
    color: #fff !important;
}

.fw-black {
    font-weight: 700 !important;
}

.home-clean .home-section{
padding-top: 30px !important;
    padding-bottom: 30px !important;
}
/* Text contrast on dark/brand backgrounds */
.quote-card,
.cta-strip,
.newsletter-strip,
.route-quote-card,
.route-final-cta,
.blog-cta-card,
.blog-newsletter {
    color: var(--on-brand-bg) !important;
}
.topbar, .topbar .bi::before, .home-section .bi::before{
    color: #000 !important;
}

.topbar a,
.topbar i,
.quote-card h1,
.quote-card h2,
.quote-card h3,
.quote-card p,
.quote-card label,
.cta-strip h2,
.cta-strip p,
.cta-strip a,
.newsletter-strip h2,
.newsletter-strip p,
.newsletter-strip a,
.route-quote-card h2,
.route-quote-card p,
.route-final-cta h2,
.route-final-cta p,
.route-final-cta a,
.blog-cta-card h2,
.blog-cta-card p,
.blog-cta-card a,
.blog-newsletter h2,
.blog-newsletter p,
.blog-newsletter a {
    color: var(--on-brand-bg) !important;
}

.blog-detail-meta a,
.blog-category-list a.active,
.blog-category-list a:hover,
.section-mini-line {
    color: #000000 !important;
}

.blog-category-list a.active .blog-category-count,
.blog-category-list a:hover .blog-category-count {
    color: #000000 !important;
    background: rgba(255, 255, 255, 0.2) !important;
}

.btn-brand {
    --bs-btn-bg: #FFD800 !important;
    --bs-btn-border-color: #FFD800 !important;
    --bs-btn-color: #000000 !important;
    --bs-btn-hover-bg: #000000 !important;
    --bs-btn-hover-border-color: #000000 !important;
    --bs-btn-hover-color: #FFFFFF !important;
}

.btn-outline-brand {
    --bs-btn-color: #000000 !important;
    --bs-btn-border-color: #000000 !important;
    --bs-btn-hover-bg: #FFD800 !important;
    --bs-btn-hover-border-color: #FFD800 !important;
    --bs-btn-hover-color: #000000 !important;
}

/* Blog detail image safety */
.blog-detail-cover-frame {
    width: 100%;
    margin: 1.25rem 0 2rem;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    border-radius: 12px;
    background: #FFFFFF;
    box-shadow: 0 16px 45px rgba(16, 16, 16, .12);
}

.blog-detail-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-detail-cover.is-fallback {
    object-fit: contain;
    padding: 1.1rem;
    background: #fff;
}

.blog-featured-image {
    min-height: 72px;
    aspect-ratio: 4 / 3;
}

.blog-featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-featured-image img.is-fallback {
    object-fit: contain;
    padding: .45rem;
    background: #fff;
}

.blog-content img {
    height: auto !important;
    max-width: 100% !important;
    border-radius: 12px;
    margin: 1rem auto;
}

.blog-content figure,
.blog-content table {
    max-width: 100%;
    overflow-x: auto;
}


.home-clean .home-clean-hero{
    padding: 45px !important;

}
.home-stat-strip,.home-hero-panel{
    display: none !important;
}
.home-hero{
	position: static;
}

/* Homepage banner slider */
.home-banner-slider {
    position: relative;
    overflow: hidden;
    --banner-index: 0;
    background: #000000;
}

.home-banner-slider__track {
    position: relative;
    display: flex;
    flex-direction: row;
    min-height: clamp(260px, 42vw, 800px);
    transform: translateX(calc(var(--banner-index) * -100%));
    transition: transform .58s cubic-bezier(.2, .8, .2, 1);
    will-change: transform;
}

.home-banner-slide {
    position: relative;
    flex: 0 0 100%;
    width: 100%;
    display: grid;
    align-items: center;
    min-height: clamp(260px, 42vw, 520px);
    background: var(--banner-image, linear-gradient(135deg, #FFD800 0%, #000000 100%));
    background-position: center;
    background-size: cover;
    transition: opacity .35s ease, filter .35s ease;
}

.home-banner-slide.is-active {
    opacity: 1;
    filter: none;
    z-index: 1;
}

.home-banner-slide:not(.is-active) {
    opacity: .65;
    filter: saturate(.82);
}

.home-banner-slider__nav {
    position: absolute;
    top: 50%;
    z-index: 3;
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    color: #000000;
    border: 1px solid rgba(0, 0, 0, .16);
    border-radius: 999px;
    background: rgba(255, 255, 255, .92);
    transform: translateY(-50%);
    transition: background .2s ease, transform .2s ease;
}

.home-banner-slider__nav:hover {
    background: #FFD800;
    transform: translateY(-50%) scale(1.04);
}

.home-banner-slider__nav--prev {
    left: clamp(.75rem, 3vw, 2rem);
}

.home-banner-slider__nav--next {
    right: clamp(.75rem, 3vw, 2rem);
}

.home-banner-slider__dots {
    position: absolute;
    right: 0;
    bottom: clamp(.75rem, 2vw, 1.25rem);
    left: 0;
    z-index: 3;
    display: flex;
    gap: .5rem;
    justify-content: center;
}

.home-banner-slider__dots button {
    width: 10px;
    height: 10px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, .7);
    transition: width .2s ease, background .2s ease;
}

.home-banner-slider__dots button.is-active {
    width: 28px;
    background: #FFD800;
}

@media (max-width: 991.98px) {
    .home-banner-slider__track,
    .home-banner-slide {
        min-height: clamp(300px, 58vw, 460px);
    }

    .home-banner-slide {
        background: var(--banner-image, linear-gradient(135deg, #FFD800 0%, #000000 100%));
        background-position: center;
        background-size: cover;
    }
}

@media (max-width: 575.98px) {
    .home-banner-slider__track,
    .home-banner-slide {
        min-height: 180px;
    }

    .home-banner-slide {
        align-items: end;
        background: var(--banner-image, linear-gradient(135deg, #FFD800 0%, #000000 100%));
        background-position: center;
        background-size: cover;
    }

    .home-banner-slider__nav {
        top: auto;
        bottom: .9rem;
        width: 38px;
        height: 38px;
        transform: none;
    }

    .home-banner-slider__nav:hover {
        transform: none;
    }

    .home-banner-slider__nav--prev {
        left: .9rem;
    }

    .home-banner-slider__nav--next {
        right: .9rem;
    }
}


.home-modern .home-hero{
    min-height: 500px !important;
background: linear-gradient(105deg, rgba(0, 0, 0, .88) 0%, rgba(0, 0, 0, .62) 42%, rgba(255, 216, 0, .08) 70%, rgba(255, 216, 0, 0) 100%), var(--hero-image, linear-gradient(135deg, #000000 0%, #FFD800 100%)) !important;
	    background-position: 50%;
    background-size: cover !important;
    display: flex;
	
}
.home-clean .hero-title{
	line-height: 1.2 !important;
}

.hero-title .accent, .home-clean .hero-title{
	color: var(--fire-gradient) !important;
}

.home-modern .home-hero .lead, .home-modern .home-hero .rich-copy{
	color: #FFFFFF !important;
}

/* Homepage testimonials slider */
.home-clean .home-testimonials-section {
    overflow: hidden;
}

.home-clean .home-testimonials {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: center;
}

.home-clean .home-testimonials__viewport {
    overflow: hidden;
}

.home-clean .home-testimonials__track {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 2rem) / 3);
    gap: 1rem;
    transition: transform .55s cubic-bezier(.2, .8, .2, 1);
    will-change: transform;
}

.home-clean .home-testimonials__nav {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    color: #000000;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 999px;
    background: rgba(255, 255, 255, .95);
    box-shadow: 0 12px 26px rgba(0, 0, 0, .12);
    transition: transform .2s ease, color .2s ease, background .2s ease, border-color .2s ease;
}

.home-clean .home-testimonials__nav:hover {
    color: #000000;
    background: var(--fire-red);
    border-color: var(--fire-red);
    transform: translateY(-1px);
}

.home-clean .home-testimonials__nav:disabled {
    opacity: .35;
    cursor: not-allowed;
    transform: none;
}

.home-clean .home-testimonial-card {
    display: grid;
    grid-template-columns: minmax(0, 42%) minmax(0, 58%);
    border-radius: 22px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0px 10px rgba(0, 0, 0, .1);
}

.home-clean .home-testimonial-card__media {
    min-height: 320px;
    background: #FFFFFF;
}

.home-clean .home-testimonial-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-clean .home-testimonial-card__body {
    display: grid;
    align-content: space-between;
    gap: 1rem;
    padding: 1.3rem 1.35rem;
}

.home-clean .home-testimonial-card__quote {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    color: #000000;
    border-radius: 999px;
    background: var(--fire-gradient);
    box-shadow: 0 10px 24px rgba(255, 216, 0, .25);
}

.home-clean .home-testimonial-card__copy {
    color: #000000;
    font-size: .95rem;
    line-height: 1.75;
}

.home-clean .home-testimonial-card__copy p:last-child {
    margin-bottom: 0;
}

.home-clean .home-testimonial-card__footer
 {
    display: flex;
    gap: .75rem;
    align-items: end;
    justify-content: space-between;
    flex-direction: column;
}

.home-clean .home-testimonial-card__footer h3 {
    margin-bottom: .2rem;
    font-size: 1.12rem;
    font-weight: 700;
}

.home-clean .home-testimonial-card__footer p {
    margin: 0;
    color: #000000;
    font-size: .86rem;
}

.home-clean .home-testimonial-stars {
    display: inline-flex;
    gap: .2rem;
    color: #FFD800;
    font-size: .82rem;
}

/* Homepage why + process refresh */
.home-clean #about.home-section {
    padding-top: clamp(2rem, 5vw, 4rem) !important;
}

.home-clean .home-split-panel {
    position: relative;
    display: grid !important;
    grid-template-columns: minmax(0, .82fr) minmax(0, 1fr);
    gap: clamp(1.5rem, 4vw, 4rem);
    align-items: center;
    padding: clamp(1.5rem, 4vw, 3.25rem) !important;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, .05);
    border-radius: 28px;
    background:
        radial-gradient(circle at 0 0, rgba(255, 216, 0, .16), transparent 34%),
        linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(255, 250, 238, .92));
    box-shadow: 0 28px 80px rgba(0, 0, 0, .08);
}

.home-clean .home-split-panel::after {
    content: "";
    position: absolute;
    right: -7rem;
    bottom: -8rem;
    width: 18rem;
    height: 18rem;
    border-radius: 999px;
    background: rgba(255, 216, 0, .12);
    pointer-events: none;
}

.home-clean .home-split-copy {
    position: relative;
    z-index: 1;
}

.home-clean .home-split-copy .section-eyebrow {
    margin-bottom: .85rem;
    color: #FFD800 !important;
    font-weight: 700;
    text-transform: uppercase;
}

.home-clean .home-split-copy h2 {
    max-width: 520px;
    margin-bottom: 1rem;
    color: #000000 !important;
    font-size: clamp(2rem, 4.7vw, 4.35rem);
    line-height: 1.05;
    -webkit-text-fill-color: #000000 !important;
}

.home-clean .home-split-copy .rich-copy {
    max-width: 560px;
    color: #000000;
    font-size: clamp(.96rem, 1.7vw, 1.08rem);
    line-height: 1.65;
}

.home-clean .home-split-copy .btn-brand {
    margin-top: 1.1rem !important;
    border-radius: 12px;
    box-shadow: 0 18px 36px rgba(255, 216, 0, .28);
}

.home-clean .home-reason-list {
    position: relative;
    z-index: 1;
    display: grid !important;
    gap: .9rem;
}

.home-clean .home-reason-list article {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    padding: 1rem 1.1rem !important;
    border: 1px solid rgba(0, 0, 0, .06) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .86) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .05);
    backdrop-filter: blur(8px);
    transition: transform .2s ease, box-shadow .2s ease;
}

.home-clean .home-reason-list article:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 42px rgba(0, 0, 0, .08);
}

.home-clean .home-reason-list i {
    width: 44px !important;
    height: 44px !important;
    display: grid;
    place-items: center;
    color: #FFD800 !important;
    border-radius: 14px !important;
    background: rgba(255, 216, 0, .12) !important;
    font-size: 1.12rem;
}

.home-clean .home-reason-list h3 {
    margin-bottom: .18rem !important;
    color: #000000 !important;
    font-size: clamp(.98rem, 1.6vw, 1.12rem) !important;
    font-weight: 700;
    line-height: 1.25;
    -webkit-text-fill-color: #000000 !important;
}

.home-clean .home-reason-list .rich-copy {
    color: #000000 !important;
    font-size: .92rem;
    line-height: 1.55;
}

.home-clean .home-snap-process {
    padding-top: clamp(2.4rem, 6vw, 4.75rem) !important;
}

.home-clean .home-snap-process .home-section-head {
    justify-content: center;
    margin-bottom: clamp(1.4rem, 4vw, 2.25rem);
    text-align: center;
}

.home-clean .home-snap-process .home-section-head h2 {
    color: #000000 !important;
    font-size: clamp(2rem, 4.5vw, 4rem);
    line-height: 1.05;
    -webkit-text-fill-color: #000000 !important;
}

.home-clean .home-snap-process .home-section-head .rich-copy {
    max-width: 680px;
    margin: .65rem auto 0;
    color: #000000;
}

.home-clean .home-snap-process .mobile-snap-row {
    position: relative;
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .75rem !important;
    margin-right: 0;
    margin-left: 0;
}

.home-clean .home-snap-process .process-step {
    position: relative;
    width: auto;
    max-width: none;
    min-height: 0;
    padding: 1.1rem .75rem !important;
    border: 1px solid rgba(0, 0, 0, .06);
    border-radius: 16px;
    background: #FFFFFF !important;
    box-shadow: none;
}

.home-clean .home-snap-process .process-step::after {
    content: "";
    position: absolute;
    top: 38px;
    right: -.8rem;
    z-index: 0;
    width: .8rem;
    border-top: 1px solid rgba(255, 216, 0, .85);
}

.home-clean .home-snap-process .process-step:last-child::after {
    display: none;
}

.home-clean .home-snap-process .process-icon {
    position: relative;
    z-index: 1;
    width: 50px !important;
    height: 50px !important;
    margin-bottom: .6rem !important;
    color: #FFD800 !important;
    border: 1px solid rgba(255, 216, 0, .6) !important;
    background: #FFFFFF !important;
    box-shadow: 0 0 0 6px rgba(255, 216, 0, .08) !important;
    font-size: 1.45rem;
}

.home-clean .home-snap-process .process-step .fw-black {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    margin: 0 auto .5rem;
    color: #000000;
    border-radius: 999px;
    background: #FFD800;
    font-size: .95rem !important;
    line-height: 1;
}

.home-clean .home-snap-process .process-step h3 {
    margin-bottom: .35rem;
    color: #000000 !important;
    font-size: .96rem !important;
    font-weight: 700;
    line-height: 1.25;
    -webkit-text-fill-color: #000000 !important;
}

.home-clean .home-snap-process .process-step .rich-copy {
    color: #4F4F4F !important;
    font-size: .8rem;
    line-height: 1.45;
}

@media (max-width: 1199.98px) {
    .home-clean .home-snap-process .mobile-snap-row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: .9rem !important;
    }

    .home-clean .home-snap-process .process-step::after {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .home-clean .home-split-panel {
        grid-template-columns: 1fr;
    }

    .home-clean .home-reason-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .home-clean .home-split-panel {
        padding: 1.2rem !important;
        border-radius: 22px;
    }

    .home-clean .home-reason-list {
        grid-template-columns: 1fr;
    }

    .home-clean .home-reason-list article {
        grid-template-columns: 42px minmax(0, 1fr);
        padding: .9rem !important;
    }

    .home-clean .home-snap-process .mobile-snap-row {
        display: flex !important;
        flex-wrap: nowrap;
        gap: .9rem !important;
        overflow-x: auto;
        padding: .25rem .9rem 1rem 0;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    .home-clean .home-snap-process .mobile-snap-row::-webkit-scrollbar {
        display: none;
    }

    .home-clean .home-snap-process .process-step {
        flex: 0 0 78%;
        max-width: 78%;
        min-height: 210px;
        scroll-snap-align: start;
    }
}

@media (max-width: 991.98px) {
    .home-clean .home-testimonials__track {
        grid-auto-columns: calc((100% - 1rem) / 2);
    }

    .home-clean .home-testimonial-card {
        grid-template-columns: 1fr;
    }

    .home-clean .home-testimonial-card__media {
        min-height: 260px;
    }
}

@media (max-width: 575.98px) {
    .home-clean .home-testimonials {
        grid-template-columns: 1fr;
        gap: .9rem;
    }

    .home-clean .home-testimonials__track {
        grid-auto-columns: 100%;
        gap: .85rem;
    }

    .home-clean .home-testimonials__nav {
        width: 40px;
        height: 40px;
        z-index: 2;
    }

    .home-clean .home-testimonials__nav--prev {
        position: absolute;
        bottom: .8rem;
        left: .8rem;
    }

    .home-clean .home-testimonials__nav--next {
        position: absolute;
        right: .8rem;
        bottom: .8rem;
    }

    .home-clean .home-testimonial-card__media {
        min-height: 220px;
    }
}

/* ===== Flat color mode (no gradients) ===== */
:root {
    --brand-yellow: #FFD800;
    --brand-yellow-dark: #000000;
    --fire-red: #FFD800;
    --fire-rose: #FFD800;
    --fire-orange: #FFD800;
    --fire-amber: #000000;
    --fire-gradient: #FFD800;
}

html,
body {
    background: #fff !important;
    background-image: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000000 !important;
    background: none !important;
    -webkit-text-fill-color: #000000 !important;
}

.home-clean,
.route-pricing,
.route-testimonials,
.route-final-cta,
.newsletter-strip,
.service-cta,
.contact-strip,
.home-clean .home-testimonial-card__quote,
.home-clean .home-card-icon,
.home-clean .home-hero-panel__top span {
    background-image: none !important;
}

.home-clean {
    background-color: #fff !important;
}

.home-clean .home-clean-hero,
.home-hero {
    background-image: var(--hero-image) !important;
    background-size: cover !important;
    background-position: center !important;
}

.home-clean .home-clean-hero::after,
.home-hero::after,
.services-hero::after {
    content: none !important;
    display: none !important;
    background: none !important;
}

.page-hero {
    background-image: var(--page-hero-image) !important;
    background-size: cover !important;
    background-position: center !important;
}

.services-hero {
    background-image: var(--services-hero-image) !important;
    background-size: cover !important;
    background-position: center !important;
}

.services-hero .services-hero-title{
    font-size: clamp(2.25rem, 3.5vw, 4.5rem) !important;
    line-height: 1.25 !important;
}

.route-hero {
    background-image: var(--route-hero-image) !important;
    background-size: cover !important;
    background-position: center !important;
}

.home-clean .home-route-card,
.home-clean .home-route-card.has-route-image {
    background-image: var(--route-image) !important;
    background-size: cover !important;
    background-position: center !important;
}

/* Homepage featured routes focus slider */
.home-route-slider {
    position: relative;
    overflow: hidden;
}

.home-route-slider__viewport {
    overflow: visible;
}

.home-route-slider__track {
    display: flex;
    gap: clamp(.85rem, 2vw, 1.35rem);
    align-items: center;
    transition: transform .52s cubic-bezier(.2, .8, .2, 1);
    will-change: transform;
}

.home-clean .home-route-slide {
    flex: 0 0 min(70vw, 900px);
    min-height: clamp(250px, 32vw, 380px);
    transform: scale(.82);
    transform-origin: left center;
    opacity: .42;
    filter: grayscale(.18) saturate(.72);
    transition: transform .52s cubic-bezier(.2, .8, .2, 1), opacity .32s ease, filter .32s ease, box-shadow .32s ease;
}

.home-clean .home-route-slide.is-active {
    transform: scale(1);
    opacity: 1;
    filter: none;
    z-index: 2;
    box-shadow: 0 22px 48px rgba(0, 0, 0, .18);
}

.home-clean .home-route-slide.is-next {
    transform: scale(.88);
    opacity: .56;
    filter: grayscale(.1) saturate(.82);
}

.home-clean .home-route-slide.is-after-next {
    opacity: .28;
}

.home-clean .home-route-slide > div {
    position: relative;
    z-index: 1;
    display: inline-grid;
    gap: .45rem;
    max-width: min(92%, 440px);
    padding: .85rem 1rem;
    border-radius: 0;
    background: rgba(255, 255, 255, .86);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .18);
}

.home-clean .home-route-slide h3 {
    margin: 0;
    color: #000000 !important;
    font-size: clamp(1.25rem, 2.4vw, 2rem);
    font-weight: 700;
    line-height: 1.12;
    text-shadow: none;
    -webkit-text-fill-color: #000000 !important;
}

.home-clean .home-route-slide a {
    width: fit-content;
    color: #000000 !important;
    font-size: clamp(.92rem, 1.4vw, 1.05rem);
    font-weight: 700;
    text-decoration: none;
    text-shadow: none;
    -webkit-text-fill-color: #000000 !important;
}

.home-clean .home-route-slide a:hover {
    color: #000000 !important;
    text-decoration: underline;
}

.home-clean .home-route-slide:not(.is-active) > div {
    background: rgba(255, 255, 255, .72);
    box-shadow: 0 10px 22px rgba(0, 0, 0, .1);
}

.home-clean .home-route-slide:not(.is-active) h3,
.home-clean .home-route-slide:not(.is-active) a {
    opacity: .76;
}

.home-route-slider__controls {
    display: flex;
    gap: .7rem;
    justify-content: center;
    margin-top: 1.25rem;
}

.home-route-slider__nav {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    color: #000000;
    border: 1px solid rgba(0, 0, 0, .16);
    border-radius: 999px;
    background: #FFFFFF;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .1);
    transition: background .2s ease, transform .2s ease;
}

.home-route-slider__nav:hover {
    background: #FFD800;
    transform: translateY(-1px);
}

@media (max-width: 991.98px) {
    .home-clean .home-route-slide {
        flex-basis: min(82vw, 560px);
        min-height: 300px;
    }
}

@media (max-width: 575.98px) {
    .home-route-slider {
        margin-right: -12px;
        margin-left: -12px;
        padding-left: 12px;
    }

    .home-clean .home-route-slide {
        flex-basis: 86vw;
        min-height: 255px;
    }

    .home-clean .home-route-slide:not(.is-active) {
        transform: scale(.86);
    }
}

/* Disabled newer route slider layout overrides.
.home-clean .home-snap-routes .home-route-slide {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: min(76%, 920px) !important;
    height: clamp(330px, 39vw, 500px) !important;
    min-height: 0 !important;
    display: flex !important;
    align-items: flex-end !important;
    padding: 0 !important;
    overflow: hidden !important;
    opacity: 0;
    pointer-events: none;
    transform: translate3d(8%, 0, 0) scale(.82);
    transform-origin: center;
    filter: saturate(.7) blur(.2px);
    background-image: var(--route-image) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    transition: transform .58s cubic-bezier(.2, .8, .2, 1), opacity .32s ease, filter .32s ease, box-shadow .32s ease;
}

.home-clean .home-snap-routes .home-route-slide.is-active {
    width: min(76%, 920px) !important;
    height: clamp(330px, 39vw, 500px) !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
    opacity: 1 !important;
    pointer-events: auto;
    filter: none !important;
    z-index: 2;
    box-shadow: 0 30px 68px rgba(0, 0, 0, .24) !important;
}

.home-clean .home-snap-routes .home-route-slide.is-preview-1,
.home-clean .home-snap-routes .home-route-slide.is-preview-2,
.home-clean .home-snap-routes .home-route-slide.is-preview-3 {
    top: clamp(58px, 7vw, 88px) !important;
    width: clamp(138px, 15vw, 220px) !important;
    height: clamp(205px, 23vw, 310px) !important;
    opacity: .9 !important;
    filter: saturate(.82) !important;
    pointer-events: auto;
    box-shadow: 0 24px 46px rgba(0, 0, 0, .22) !important;
}

.home-clean .home-snap-routes .home-route-slide.is-preview-1 {
    left: min(46vw, 560px) !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
    z-index: 5;
}

.home-clean .home-snap-routes .home-route-slide.is-preview-2 {
    left: min(63vw, 760px) !important;
    transform: translate3d(0, 0, 0) scale(.96) !important;
    z-index: 4;
}

.home-clean .home-snap-routes .home-route-slide.is-preview-3 {
    left: min(80vw, 960px) !important;
    transform: translate3d(0, 0, 0) scale(.92) !important;
    z-index: 3;
}

.home-clean .home-snap-routes .home-route-slide.is-hidden-preview {
    opacity: 0 !important;
    transform: translate3d(96%, 0, 0) scale(.82) !important;
}

.home-clean .home-snap-routes .home-route-slide > div {
    position: absolute !important;
    right: auto;
    bottom: clamp(1rem, 2vw, 1.45rem);
    left: clamp(1rem, 2vw, 1.45rem);
    z-index: 2;
    display: inline-grid;
    gap: .45rem;
    max-width: min(78%, 520px);
    padding: clamp(.85rem, 1.8vw, 1.25rem) clamp(1rem, 2vw, 1.6rem);
    border-radius: 0;
    background: rgba(255, 255, 255, .88) !important;
    box-shadow: 0 16px 34px rgba(0, 0, 0, .18);
    backdrop-filter: blur(4px);
}

.home-clean .home-snap-routes .home-route-slide:not(.is-active) > div {
    right: .55rem;
    bottom: .55rem;
    left: .55rem;
    max-width: none;
    padding: .65rem .7rem;
}

.home-clean .home-snap-routes .home-route-slide h3 {
    margin: 0;
    color: #000000 !important;
    font-size: clamp(1.55rem, 3vw, 2.55rem);
    font-weight: 700;
    line-height: 1.12;
    text-shadow: none;
    -webkit-text-fill-color: #000000 !important;
}

.home-clean .home-snap-routes .home-route-slide a {
    width: fit-content;
    color: #000000 !important;
    font-size: clamp(.95rem, 1.45vw, 1.12rem);
    font-weight: 700;
    text-decoration: none;
    text-shadow: none;
    -webkit-text-fill-color: #000000 !important;
}

.home-clean .home-snap-routes .home-route-slide a:hover {
    color: #000000 !important;
    text-decoration: underline;
}

.home-clean .home-snap-routes .home-route-slide:not(.is-active) > div {
    background: rgba(255, 255, 255, .72);
    box-shadow: 0 10px 22px rgba(0, 0, 0, .1);
}

.home-clean .home-snap-routes .home-route-slide:not(.is-active) h3,
.home-clean .home-snap-routes .home-route-slide:not(.is-active) a {
    opacity: .86;
}

.home-clean .home-snap-routes .home-route-slide:not(.is-active) h3 {
    font-size: clamp(.95rem, 1.35vw, 1.18rem);
}

.home-clean .home-snap-routes .home-route-slide:not(.is-active) a {
    font-size: .82rem;
}

.home-route-slider__controls {
    display: flex;
    gap: .7rem;
    justify-content: center;
    width: min(72%, 860px);
    margin-top: -2.45rem;
    padding-left: 0;
    position: relative;
    z-index: 8;
}

.home-route-slider__nav {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    color: #000000;
    border: 1px solid rgba(0, 0, 0, .16);
    border-radius: 999px;
    background: #FFFFFF;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .1);
    transition: background .2s ease, transform .2s ease;
}

.home-route-slider__nav:hover {
    background: #FFD800;
    transform: translateY(-1px);
}

@media (max-width: 991.98px) {
    .home-route-slider,
    .home-route-slider__viewport,
    .home-route-slider__track {
        min-height: 530px !important;
    }

    .home-clean .home-snap-routes .home-route-slide.is-active {
        width: 100% !important;
        height: 340px !important;
        transform: translate3d(0, 0, 0) scale(1) !important;
    }

    .home-clean .home-snap-routes .home-route-slide.is-preview-1,
    .home-clean .home-snap-routes .home-route-slide.is-preview-2,
    .home-clean .home-snap-routes .home-route-slide.is-preview-3 {
        top: 358px !important;
        width: calc((100% - 2rem) / 3) !important;
        height: 150px !important;
        transform: none !important;
    }

    .home-clean .home-snap-routes .home-route-slide.is-preview-1 {
        left: 0 !important;
    }

    .home-clean .home-snap-routes .home-route-slide.is-preview-2 {
        left: calc((100% + 1rem) / 3) !important;
    }

    .home-clean .home-snap-routes .home-route-slide.is-preview-3 {
        left: calc((100% + 1rem) / 3 * 2) !important;
    }

    .home-route-slider__controls {
        width: 100%;
        margin-top: .85rem;
    }
}

@media (max-width: 575.98px) {
    .home-route-slider,
    .home-route-slider__viewport,
    .home-route-slider__track {
        min-height: 455px !important;
    }

    .home-clean .home-snap-routes .home-route-slide.is-active {
        height: 270px !important;
    }

    .home-clean .home-snap-routes .home-route-slide.is-preview-1,
    .home-clean .home-snap-routes .home-route-slide.is-preview-2,
    .home-clean .home-snap-routes .home-route-slide.is-preview-3 {
        top: 288px !important;
        width: calc((100% - 1.4rem) / 3) !important;
        height: 120px !important;
    }

    .home-clean .home-snap-routes .home-route-slide > div {
        right: .8rem;
        bottom: .8rem;
        left: .8rem;
        max-width: none;
        padding: .75rem .85rem;
    }

    .home-clean .home-snap-routes .home-route-slide h3 {
        font-size: 1.35rem;
    }

    .home-clean .home-snap-routes .home-route-slide:not(.is-active) > div {
        padding: .5rem .55rem;
    }

    .home-clean .home-snap-routes .home-route-slide:not(.is-active) h3 {
        font-size: .86rem;
    }

    .home-clean .home-snap-routes .home-route-slide:not(.is-active) a {
        display: none;
    }

    .home-route-slider__controls {
        justify-content: center;
        padding-left: 0;
    }
}
*/

.route-pricing,
.route-testimonials,
.route-final-cta,
.newsletter-strip,
.service-cta,
.contact-strip {
    background-color: #000000 !important;
}



.service-card, .news-card, .route-card, .stat-box, .contact-strip, .footer-main {
    border-radius: 0 !important;
    color: #fff !important; 

}

.contact-strip .btn-dark{
background: #FFD800 !important;
border: none !important;
color: #000000 !important;
}

.footer-main {
    color: #fff !important;
    background: #000 !important;
}
.footer-main p, .footer-main ul li{
color: #fff !important;
}

.contact-strip {
    color: #f8fafc !important;
}

.contact-strip h2,
.contact-strip p,
.contact-strip strong,
.contact-strip span,
.contact-strip a:not(.btn) {
    color: #f8fafc !important;
}

.contact-strip i {
    color: #FFD800 !important;
}

.footer-main h3,
.footer-main strong {
    color: #ffffff !important;
}

.footer-main,
.footer-main .rich-copy,
.footer-main .text-white-50,
.footer-main p,
.footer-main li {
    color: #e5e7eb !important;
}

.footer-main a {
    color: #f8fafc !important;
    transition: color .2s ease;
}

.footer-main a:hover {
    color: #FFD800 !important;
}

.footer-main li i {
    color: #FFD800 !important;
}

.footer-main .border-top {
    border-color: rgba(255, 255, 255, .28) !important;
}

.footer-main .small,
.footer-main .small a {
    color: #cbd5e1 !important;
}

.footer-main .small a:hover {
    color: #FFD800 !important;
}

/* Logo size tweak */
.site-logo-header {
    width: 180px !important;
    height: auto !important;
    max-width: none !important;
    max-height: 78px !important;
}

/* Bootstrap Icons fallback fix for hosting */
.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
    font-family: "bootstrap-icons" !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media (max-width: 575.98px) {
    .site-logo-header {
        width: 150px !important;
        max-height: 66px !important;
    }
}

/* Mobile header menu: full-screen left-to-right panel */
@media (max-width: 991.98px) {
    html:has(#mainNavbar.show),
    body:has(#mainNavbar.show),
    html:has(#mainNavbar.collapsing),
    body:has(#mainNavbar.collapsing) {
        overflow: hidden;
        overscroll-behavior: none;
    }

    .site-header {
        z-index: 1055;
    }

    .site-header .navbar-toggler {
        position: relative;
        z-index: 1062;
        width: 48px;
        height: 48px;
        border: 2px solid #000000 !important;
        border-radius: 10px;
        background: #FFFFFF;
    }

    body:has(#mainNavbar.show) .site-header .navbar-toggler,
    body:has(#mainNavbar.collapsing) .site-header .navbar-toggler {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }

    .site-header #mainNavbar.navbar-collapse {
        position: fixed !important;
        inset: 0 !important;
        z-index: 1060;
        display: block !important;
        width: 100vw;
        height: 100dvh;
        padding: calc(92px + env(safe-area-inset-top)) 18px 24px;
        overflow-y: auto;
        background: rgba(0, 0, 0, .18);
        backdrop-filter: blur(8px);
        opacity: 0;
        visibility: hidden;
        transform: none !important;
        transition: opacity .24s ease, visibility .24s ease;
    }

    .site-header #mainNavbar.navbar-collapse::before {
        content: "";
        position: fixed;
        inset: 0 auto 0 0;
        width: 100vw;
        background: #FFFFFF;
        border-top: 10px solid #FFD800;
        box-shadow: 22px 0 70px rgba(0, 0, 0, .2);
        transform: translateX(-100%);
        transition: transform .34s cubic-bezier(.2, .8, .2, 1);
    }

    .site-header #mainNavbar.navbar-collapse.show,
    .site-header #mainNavbar.navbar-collapse.collapsing {
        opacity: 1;
        visibility: visible;
    }

    .site-header #mainNavbar.navbar-collapse.show::before,
    .site-header #mainNavbar.navbar-collapse.collapsing::before {
        transform: translateX(0);
    }

    .site-header #mainNavbar .mobile-menu-head,
    .site-header #mainNavbar .mobile-menu-brand,
    .site-header #mainNavbar .navbar-nav,
    .site-header #mainNavbar .btn {
        position: relative;
        z-index: 1;
        width: 100%;
    }

    .site-header #mainNavbar .mobile-menu-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        min-height: 74px;
        margin-bottom: 1rem;
        padding-bottom: .85rem;
        border-bottom: 1px solid rgba(0, 0, 0, .08);
    }

    .site-header #mainNavbar .mobile-menu-brand {
        display: flex;
        align-items: center;
        min-width: 0;
    }

    .site-header #mainNavbar .mobile-menu-brand img {
        width: 150px;
        max-width: 70%;
        max-height: 68px;
        object-fit: contain;
    }

    .site-header #mainNavbar .mobile-menu-close {
        flex: 0 0 auto;
        width: 42px;
        height: 42px;
        display: grid;
        place-items: center;
        color: #000000;
        border: 1px solid rgba(0, 0, 0, .12);
        border-radius: 999px;
        background: #FFFFFF;
        box-shadow: 0 10px 24px rgba(0, 0, 0, .08);
    }

    .site-header #mainNavbar .navbar-nav {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0;
        margin: 0 0 1.1rem !important;
        padding: .45rem;
        border: 1px solid rgba(0, 0, 0, .08);
        border-radius: 18px;
        background: #F7F7F7;
    }

    .site-header #mainNavbar .nav-item {
        min-width: 0;
    }

    .site-header #mainNavbar .nav-link {
        display: flex;
        align-items: center;
        min-height: 48px;
        padding: .78rem .9rem !important;
        color: #000000 !important;
        border: 0;
        border-radius: 14px;
        background: transparent;
        font-size: .86rem;
        font-weight: 700;
        line-height: 1.15;
        text-transform: uppercase;
        box-shadow: none;
        transition: background .18s ease, transform .18s ease;
    }

    .site-header #mainNavbar .nav-link.active,
    .site-header #mainNavbar .nav-link:hover {
        color: #000000 !important;
        background: #FFD800;
        transform: translateX(3px);
    }

    .site-header #mainNavbar .btn-brand {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 50px;
        margin-top: 0;
        border-radius: 16px;
        font-size: .9rem;
        box-shadow: 0 16px 32px rgba(255, 216, 0, .28);
    }
}

@media (max-width: 575.98px) {
    .site-header #mainNavbar.navbar-collapse {
        padding-right: 14px;
        padding-left: 14px;
    }

    .site-header #mainNavbar .navbar-nav {
        grid-template-columns: 1fr;
    }

    .site-header #mainNavbar .mobile-menu-head,
    .site-header #mainNavbar .mobile-menu-brand,
    .site-header #mainNavbar .navbar-nav,
    .site-header #mainNavbar .btn {
        width: 100%;
    }

    .site-header #mainNavbar .btn {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .mobile-menu-head,
    .mobile-menu-brand,
    .mobile-menu-close {
        display: none !important;
    }
}
@media (width >= 992px) {
    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 0rem !important;
    }
}

.route-testimonials h2, .route-final-cta h2 {
color: #000000 !important;
-webkit-text-fill-color: #000000 !important;
}

.route-testimonials span{
background-color: rgb(255 255 255) !important;
}
.route-final-cta .btn-register{
color: #000000 !important;
}

.section-mathang .text-muted {
    --bs-text-opacity: 1;
    color: #fff !important;
    max-width: 1080px;
    font-size: 20px;
    margin: 0 auto;
    padding: 5px 0;
    background: #000000;
    border-radius: 10px;
}

.section-mathang .text-warning{
    font-size: 23px;
    color: #FFD800 !important;
}

.route-process-step strong{
width: 30px !important;
 height: 30px !important;
color: #fff !important;
margin: 5px auto 15px !important;
font-size: 15px;
}
.site-logo-footer {
    max-width: 200px !important;;
    margin: 0 auto;
}



/* Bootstrap Icons fallback fix for hosting */
.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
    font-family: "bootstrap-icons" !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media (max-width: 575.98px) {
    .site-logo-header {
        width: 150px !important;
        max-height: 66px !important;
    }
}
@media (max-width: 575.98px) {
    .home-clean .home-testimonials__viewport,
    .home-clean .home-testimonials__track {
        min-height: 720px !important;
        height: 720px !important;
    }

    .home-clean .home-testimonial-card {
        min-height: auto !important;
        height: auto !important;
        width: calc(100% - 24px) !important;
    }

    .home-clean .home-testimonial-card__media {
        min-height: 360px !important;
        height: 360px !important;
    }

    .home-clean .home-testimonial-card__body {
        padding: 1.25rem 1.35rem 4.5rem !important;
        gap: 1rem !important;
    }

    .home-clean .home-testimonial-card__copy {
        max-height: none !important;
        overflow: visible !important;
        font-size: .95rem !important;
        line-height: 1.8 !important;
    }

    .home-clean .home-testimonial-card__footer {
        display: flex !important;
        gap: .75rem !important;
        align-items: end !important;
         justify-content: space-between !important;
         flex-direction: column !important;
    }

    .home-clean .home-testimonial-card__footer h3,
    .home-clean .home-testimonial-card__footer p,
    .home-clean .home-testimonial-stars {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .home-clean .home-testimonials__nav--prev,
    .home-clean .home-testimonials__nav--next {
        bottom: 1.25rem !important;
    }
}

/* Shipping route landing page refresh */
.route-landing {
    --route-yellow: #FFD800;
    --route-black: #000000;
    --route-ink: #171717;
    --route-muted: #666666;
    --route-line: rgba(0, 0, 0, .1);
    background: #fff !important;
    color: var(--route-ink);
}

.route-landing .container {
    max-width: 1180px;
}

.route-landing .section-mini-line {
    display: inline-block;
    width: 72px;
    height: 4px;
    border-radius: 999px;
    background: var(--route-yellow) !important;
}

.route-hero {
    position: relative;
    isolation: isolate;
    min-height: clamp(560px, 75vh, 760px);
    overflow: hidden;
    border-bottom: 1px solid var(--route-line);
    background-image:
        linear-gradient(90deg, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .9) 42%, rgba(255, 255, 255, .32) 72%, rgba(255, 255, 255, .08) 100%),
        var(--route-hero-image, none) !important;
    background-size: cover !important;
    background-position: center right !important;
}

.route-hero::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 88px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff);
    z-index: -1;
}

.route-hero .row {
    min-height: clamp(500px, 68vh, 700px);
}

.route-eyebrow {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: .55rem .8rem;
    border: 1px solid rgba(255, 216, 0, .55);
    border-radius: 999px;
    background: rgba(255, 216, 0, .18);
    color: #000 !important;
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.route-hero-title {
    max-width: 680px;
    color: #000 !important;
    font-size: clamp(2.25rem, 5.2vw, 5rem);
    line-height: .98;
    letter-spacing: 0;
    text-transform: none !important;
}

.route-hero-title span {
    display: inline;
    color: var(--route-yellow) !important;
    -webkit-text-fill-color: var(--route-yellow) !important;
    text-shadow: 0 1px 0 #000;
}

.route-hero-subtitle,
.route-hero-copy {
    max-width: 620px;
    color: #222 !important;
}

.route-hero-copy {
    font-size: 1.04rem;
    line-height: 1.75;
}

.route-hero-list {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.route-hero-list li {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    min-height: 42px;
    padding: .55rem .85rem;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 999px;
    background: rgba(255, 255, 255, .88);
    color: #000;
    font-weight: 800;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .06);
}

.route-hero-list i,
.route-stat i,
.route-reason-card i,
.route-process-icon i {
    color: var(--route-yellow) !important;
    -webkit-text-fill-color: var(--route-yellow) !important;
}

.route-quote-card {
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, .1) !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, .92) !important;
    box-shadow: 0 28px 70px rgba(0, 0, 0, .18) !important;
    backdrop-filter: blur(14px);
}

.route-quote-head {
    padding: 1.2rem 1.35rem;
    background: #000;
    color: #fff;
}

.route-quote-head h2,
.route-quote-head p,
.route-quote-head .route-rich-copy {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.route-quote-head i {
    display: inline-grid;
    place-items: center;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    border-radius: 14px;
    background: var(--route-yellow);
    color: #000 !important;
    font-size: 1.3rem;
}

.route-quote-card .form-label {
    color: #222;
    font-weight: 800;
}

.route-quote-card .form-control,
.route-quote-card .form-select {
    min-height: 48px;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 14px;
    background: #fff;
}

.route-quote-card .btn-dark,
.route-pricing .btn-dark {
    border-color: var(--route-yellow);
    background: var(--route-yellow);
    color: #000;
}

.route-package-image {
    position: absolute;
    right: clamp(2rem, 7vw, 7rem);
    bottom: 2rem;
    max-width: min(24vw, 310px);
    filter: drop-shadow(0 30px 45px rgba(0, 0, 0, .22));
    z-index: 1;
}

.route-landing > .container.py-4.py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 2rem !important;
}

.route-stat,
.route-reason-card,
.route-cargo-card,
.route-process-step,
.route-testimonial-card,
.route-faq-item {
    border: 1px solid var(--route-line) !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .06) !important;
}

.route-stat {
    min-height: 118px;
    padding: 1rem;
    text-align: left;
}

.route-stat i {
    display: inline-grid;
    place-items: center;
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    border-radius: 16px;
    background: #000;
    font-size: 1.45rem;
}

.route-stat strong {
    display: block;
    color: #000;
    font-size: clamp(1.35rem, 2.6vw, 2rem);
    line-height: 1;
}

.route-stat span {
    display: block;
    margin-top: .25rem;
    color: var(--route-muted);
    font-size: .92rem;
    font-weight: 700;
}

.route-reason-card,
.route-process-step,
.route-cargo-card,
.route-testimonial-card {
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.route-reason-card:hover,
.route-cargo-card:hover,
.route-testimonial-card:hover {
    transform: translateY(-4px);
    border-color: rgba(255, 216, 0, .75) !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .1) !important;
}

.route-reason-card i {
    display: inline-grid;
    place-items: center;
    width: 58px;
    height: 58px;
    border-radius: 18px;
    background: #000;
    font-size: 1.65rem;
}

.route-pricing {
    background: linear-gradient(180deg, #fff 0%, #fff9db 100%) !important;
    border-block: 1px solid rgba(0, 0, 0, .08);
}

.route-price-visual {
    display: grid;
    place-items: center;
    min-height: 260px;
    border-radius: 24px;
    background: #000;
    color: var(--route-yellow);
    box-shadow: 0 24px 60px rgba(0, 0, 0, .14);
}

.route-price-visual i {
    font-size: 4rem;
}

.route-price-visual i + i {
    margin-top: -1.2rem;
    margin-left: 4rem;
}

.route-price-table {
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 20px 55px rgba(0, 0, 0, .06);
}

.route-price-table table {
    margin: 0;
}

.route-price-table th {
    background: #000 !important;
    color: #fff !important;
    font-weight: 700;
    white-space: nowrap;
}

.route-price-table td {
    color: #222;
    font-weight: 700;
}

.route-process-step {
    position: relative;
    min-height: 230px;
    padding: 1.6rem 1rem;
}

.route-process-icon {
    display: inline-grid;
    place-items: center;
    width: 64px;
    height: 64px;
    border: 1px solid rgba(255, 216, 0, .7);
    border-radius: 50%;
    background: #fffdf0;
    font-size: 1.8rem;
}

.route-process-step strong {
    display: grid !important;
    place-items: center;
    width: 30px !important;
    height: 30px !important;
    margin: .8rem auto .75rem !important;
    border-radius: 999px;
    background: var(--route-yellow) !important;
    color: #000 !important;
    font-size: .95rem !important;
    font-weight: 700;
}

.route-process-arrow {
    position: absolute;
    top: 48px;
    right: -20px;
    width: 40px;
    height: 1px;
    border-top: 1px dashed rgba(0, 0, 0, .22);
}

.route-process-arrow::after {
    content: "";
    position: absolute;
    top: -4px;
    right: -1px;
    width: 8px;
    height: 8px;
    border-top: 1px solid rgba(0, 0, 0, .35);
    border-right: 1px solid rgba(0, 0, 0, .35);
    transform: rotate(45deg);
}

.route-cargo-card {
    overflow: hidden;
}

.route-cargo-card img,
.route-cargo-placeholder {
    width: 100%;
    aspect-ratio: 1.25 / 1;
    object-fit: cover;
    background: #f6f6f6;
}

.route-cargo-placeholder {
    display: grid;
    place-items: center;
    color: var(--route-yellow);
    font-size: 2.25rem;
}

.route-testimonials {
    background: #0b0b0b !important;
    color: #fff;
}

.route-testimonials h2,
.route-testimonials .route-rich-copy,
.route-testimonials strong {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.route-testimonial-card {
    background: rgba(255, 255, 255, .08) !important;
    border-color: rgba(255, 255, 255, .16) !important;
    color: #fff;
}

.route-avatar,
.route-avatar-placeholder {
    width: 54px;
    height: 54px;
    border-radius: 50%;
}

.route-avatar {
    object-fit: cover;
}

.route-avatar-placeholder {
    display: inline-grid;
    place-items: center;
    background: var(--route-yellow);
    color: #000;
}

.route-faq-item {
    padding: 0;
    overflow: hidden;
}

.route-faq-item summary {
    cursor: pointer;
    padding: 1rem 1.2rem;
    color: #000;
    font-weight: 700;
    list-style: none;
}

.route-faq-item summary::-webkit-details-marker {
    display: none;
}

.route-faq-item summary::after {
    content: "+";
    float: right;
    color: var(--route-yellow);
    font-size: 1.25rem;
    line-height: 1;
}

.route-faq-item[open] summary::after {
    content: "-";
}

.route-faq-item .route-rich-copy {
    padding: 0 1.2rem 1.2rem;
    color: #444;
}

.route-final-cta {
    overflow: hidden;
    background: var(--route-yellow) !important;
    color: #000;
}

.route-final-cta .container::before {
    content: "";
    position: absolute;
    inset: 1rem;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 28px;
    pointer-events: none;
}

.route-final-cta h2,
.route-final-cta .route-rich-copy {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
}

.route-final-cta .btn-light {
    border-color: #000;
    background: #fff;
    color: #000;
}

.route-cta-image {
    max-height: 240px;
    object-fit: contain;
    filter: drop-shadow(0 22px 34px rgba(0, 0, 0, .18));
}

@media (max-width: 991.98px) {
    .route-hero {
        min-height: auto;
        background-image:
            linear-gradient(180deg, rgba(255, 255, 255, .97) 0%, rgba(255, 255, 255, .9) 58%, rgba(255, 255, 255, .5) 100%),
            var(--route-hero-image, none) !important;
        background-position: center top !important;
    }

    .route-hero .row {
        min-height: auto;
    }

    .route-quote-card {
        margin-top: .5rem;
    }

    .route-process-arrow {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .route-hero {
        border-bottom: 0;
    }

    .route-hero-title {
        font-size: clamp(2rem, 12vw, 3.6rem);
        line-height: 1.04;
    }

    .route-hero-list {
        gap: .55rem;
    }

    .route-hero-list li {
        width: 100%;
        border-radius: 14px;
    }

    .route-stat {
        min-height: 104px;
        align-items: flex-start !important;
        flex-direction: column;
        gap: .65rem !important;
    }

    .route-stat i {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
        font-size: 1.15rem;
    }

    .route-price-table {
        border-radius: 16px;
    }

    .route-price-table th,
    .route-price-table td {
        min-width: 135px;
        font-size: .9rem;
    }

    .route-process-step {
        min-height: 210px;
    }

    .route-final-cta .container::before {
        inset: .75rem;
        border-radius: 20px;
    }
}

/* Complete shipping route landing redesign */
.shipping-route-page {
    --sr-yellow: #ffd400;
    --sr-yellow-soft: #fff6cf;
    --sr-black: #0b0b0b;
    --sr-text: #171717;
    --sr-muted: #5f6368;
    --sr-line: rgba(0, 0, 0, .1);
    background: #fff;
    color: var(--sr-text);
    font-family: inherit;
    overflow-x: hidden;
}

.shipping-route-wrap {
    width: min(100% - 32px, 1180px);
    margin-inline: auto;
}

.shipping-route-section {
    padding: clamp(2.25rem, 5vw, 4.5rem) 0;
}

.shipping-route-section--tight {
    padding: clamp(1.75rem, 4vw, 3rem) 0;
}

.shipping-route-section--cream {
    background: linear-gradient(180deg, #fff 0%, #fff9df 100%);
    border-block: 1px solid rgba(0, 0, 0, .06);
}

.shipping-route-heading {
    margin-bottom: clamp(1.25rem, 3vw, 2rem);
}

.shipping-route-heading--center {
    text-align: center;
}

.shipping-route-heading h2,
.shipping-route-page h1,
.shipping-route-page h2,
.shipping-route-page h3 {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    letter-spacing: 0;
}

.shipping-route-heading h2 {
    margin: 0;
    font-size: clamp(1.45rem, 3vw, 2.45rem);
    line-height: 1.15;
    font-weight: 950;
    overflow-wrap: break-word;
}

.shipping-route-heading-copy {
    max-width: 760px;
    margin: .75rem auto 0;
    color: var(--sr-muted);
    font-size: 1rem;
    line-height: 1.75;
}

.shipping-route-heading-copy p {
    margin-bottom: 0;
}

.shipping-route-copy,
.shipping-route-small-copy {
    color: var(--sr-muted);
    line-height: 1.75;
}

.shipping-route-copy p,
.shipping-route-small-copy p {
    margin-bottom: 0;
}

.shipping-route-kicker {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    margin: 0 0 .9rem;
    color: #000;
    font-size: .83rem;
    font-weight: 700;
    text-transform: uppercase;
}

.shipping-route-kicker::before {
    content: "";
    width: 26px;
    height: 4px;
    margin-right: .6rem;
    border-radius: 99px;
    background: var(--sr-yellow);
}

.shipping-route-hero {
    position: relative;
    overflow: hidden;
    min-height: clamp(580px, 74vh, 760px);
    border-bottom: 1px solid var(--sr-line);
    background:
        linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, .98) 40%, rgba(255, 255, 255, .2) 100%),
        var(--route-visual, none);
    background-size: cover;
    background-position: center right;
}

.shipping-route-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(420px, .94fr);
    gap: clamp(1.5rem, 4vw, 4rem);
    align-items: center;
    min-height: clamp(580px, 74vh, 760px);
    padding: clamp(2rem, 5vw, 4rem) 0;
}

.shipping-route-hero__content {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.shipping-route-hero h1 {
    max-width: 680px;
    margin: 0 0 1.1rem;
    font-size: clamp(2.35rem, 5.2vw, 5rem);
    line-height: .98;
    font-weight: 950;
    overflow-wrap: normal;
}

.shipping-route-hero h1 span {
    color: var(--sr-yellow) !important;
    -webkit-text-fill-color: var(--sr-yellow) !important;
    text-shadow: 0 1px 0 #000;
}

.shipping-route-hero .shipping-route-copy {
    max-width: 590px;
    font-size: 1.03rem;
}

.shipping-route-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem;
    margin-top: 1.35rem;
}

.shipping-route-actions--center {
    justify-content: center;
}

.shipping-route-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: .8rem 1.2rem;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #000;
    font-weight: 700;
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.shipping-route-btn:hover {
    transform: translateY(-2px);
    color: #000;
}

.shipping-route-btn--primary {
    background: var(--sr-yellow);
    box-shadow: 0 16px 28px rgba(255, 212, 0, .28);
}

.shipping-route-btn--outline {
    border-color: #000;
    background: #fff;
}

.shipping-route-btn--dark {
    background: #000;
    color: #fff;
}

.shipping-route-btn--dark:hover {
    color: #fff;
}

.shipping-route-btn--light {
    border-color: #000;
    background: #fff;
}

.shipping-route-pills {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    margin-top: 1.45rem;
}

.shipping-route-pills span {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    min-height: 38px;
    padding: .48rem .75rem;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 8px;
    background: rgba(255, 255, 255, .88);
    color: #000;
    font-size: .9rem;
    font-weight: 800;
}

.shipping-route-pills i,
.shipping-route-page article > i,
.shipping-route-cargo-card span i,
.shipping-route-process-card i,
.shipping-route-commit-card i,
.shipping-route-stars i {
    color: var(--sr-yellow) !important;
    -webkit-text-fill-color: var(--sr-yellow) !important;
}

.shipping-route-hero__visual {
    position: relative;
    min-height: 440px;
    border-radius: 0 0 0 52px;
}

.shipping-route-hero__package {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: min(72%, 420px);
    filter: drop-shadow(0 30px 40px rgba(0, 0, 0, .22));
}

.shipping-route-problem-grid,
.shipping-route-feature-grid,
.shipping-route-cargo-grid,
.shipping-route-commit-grid,
.shipping-route-testimonial-grid {
    display: grid;
    gap: 1rem;
}

.shipping-route-problem-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.shipping-route-mini-card,
.shipping-route-feature-card,
.shipping-route-illustration-card,
.shipping-route-cargo-card,
.shipping-route-process-card,
.shipping-route-commit-card,
.shipping-route-testimonial-card,
.shipping-route-faq {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .05);
}

.shipping-route-mini-card {
    min-height: 132px;
    padding: 1.2rem;
    text-align: center;
}

.shipping-route-mini-card i,
.shipping-route-feature-card i,
.shipping-route-illustration-card i,
.shipping-route-commit-card i {
    display: inline-grid;
    place-items: center;
    width: 58px;
    height: 58px;
    margin-bottom: .8rem;
    border: 2px solid var(--sr-yellow);
    border-radius: 50%;
    background: #fff9db;
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    font-size: 1.55rem;
}

.shipping-route-mini-card strong {
    display: block;
    color: #000;
    font-size: 1.35rem;
    line-height: 1;
}

.shipping-route-mini-card h3,
.shipping-route-feature-card h3,
.shipping-route-illustration-card h3,
.shipping-route-cargo-card h3,
.shipping-route-process-card h3,
.shipping-route-commit-card h3 {
    margin: 0;
    font-size: .98rem;
    line-height: 1.35;
    font-weight: 700;
}

.shipping-route-solution {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
    gap: clamp(1.5rem, 4vw, 3rem);
    align-items: center;
}

.shipping-route-solution__text h2 {
    margin-bottom: 1rem;
    font-size: clamp(1.55rem, 3.2vw, 2.7rem);
    line-height: 1.15;
    font-weight: 950;
}

.shipping-route-solution__media {
    display: grid;
    grid-template-columns: 1.35fr .85fr;
    grid-template-rows: 1fr 1fr;
    gap: .75rem;
}

.shipping-route-solution__media img {
    width: 100%;
    min-height: 150px;
    height: 100%;
    object-fit: cover;
    border-radius: 14px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .08);
}

.shipping-route-solution__media img:first-child {
    grid-row: span 2;
    min-height: 330px;
}

.shipping-route-feature-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.shipping-route-feature-card,
.shipping-route-illustration-card,
.shipping-route-commit-card {
    padding: 1.1rem;
    text-align: center;
}

.shipping-route-feature-card .shipping-route-small-copy {
    margin-top: .55rem;
    font-size: .88rem;
}

.shipping-route-audience-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.shipping-route-illustration-card {
    min-height: 180px;
    display: grid;
    align-content: center;
    background: linear-gradient(180deg, #f7fbff 0%, #fff 100%);
}

.shipping-route-cargo-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.shipping-route-cargo-card {
    overflow: hidden;
    text-align: center;
}

.shipping-route-cargo-card img,
.shipping-route-cargo-card span {
    display: grid;
    place-items: center;
    width: 100%;
    aspect-ratio: 1.25 / 1;
    object-fit: cover;
    background: #fff9db;
}

.shipping-route-cargo-card span i {
    font-size: 2.4rem;
}

.shipping-route-cargo-card h3 {
    padding: .9rem .75rem 1rem;
}

.shipping-route-note {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    padding: .8rem 1rem;
    border: 1px solid rgba(255, 212, 0, .55);
    border-radius: 10px;
    background: #fff4c2;
    color: #000;
    font-weight: 800;
}

.shipping-route-note a {
    color: #000;
    font-weight: 950;
}

.shipping-route-note--left {
    display: block;
}

.shipping-route-process {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1.8rem;
}

.shipping-route-process-card {
    position: relative;
    min-height: 190px;
    padding: 1.4rem .95rem;
    text-align: center;
}

.shipping-route-process-card:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -1.42rem;
    width: 1rem;
    height: 1rem;
    border-top: 2px solid rgba(0, 0, 0, .26);
    border-right: 2px solid rgba(0, 0, 0, .26);
    transform: translateY(-50%) rotate(45deg);
}

.shipping-route-process-card span {
    position: absolute;
    top: -15px;
    left: 50%;
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--sr-yellow);
    color: #000;
    font-weight: 950;
    transform: translateX(-50%);
}

.shipping-route-process-card i {
    display: block;
    margin: .65rem 0 .75rem;
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    font-size: 2.05rem;
}

.shipping-route-commit-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.shipping-route-section--quote {
    background: linear-gradient(180deg, #fff 0%, #fff7d6 100%);
    border-block: 1px solid rgba(0, 0, 0, .06);
}

.shipping-route-quote-grid {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(420px, 1.05fr);
    gap: 1.2rem;
    align-items: start;
}

.shipping-route-price,
.shipping-route-quote-form {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .06);
}

.shipping-route-price {
    padding: clamp(1.2rem, 3vw, 2rem);
}

.shipping-route-price h2 {
    margin-bottom: 1rem;
    font-size: clamp(1.35rem, 2.5vw, 2rem);
    line-height: 1.18;
    font-weight: 950;
}

.shipping-route-price-table {
    overflow-x: auto;
    margin-top: 1rem;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 12px;
}

.shipping-route-price-table table {
    width: 100%;
    border-collapse: collapse;
    min-width: 560px;
}

.shipping-route-price-table th,
.shipping-route-price-table td {
    padding: .85rem;
    border-bottom: 1px solid rgba(0, 0, 0, .07);
    text-align: left;
}

.shipping-route-price-table th {
    background: #000;
    color: #fff;
}

.shipping-route-quote-form {
    display: grid;
    gap: .75rem;
    padding: clamp(1rem, 3vw, 1.45rem);
}

.shipping-route-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .75rem;
}

.shipping-route-quote-form input,
.shipping-route-quote-form select,
.shipping-route-quote-form textarea {
    width: 100%;
    min-height: 48px;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 10px;
    padding: .75rem .9rem;
    background: #fff;
    color: #000;
    font: inherit;
}

.shipping-route-quote-form textarea {
    resize: vertical;
}

.shipping-route-quote-form button {
    min-height: 50px;
    border: 0;
    border-radius: 10px;
    background: var(--sr-yellow);
    color: #000;
    font-weight: 950;
}

.shipping-route-gallery-slider {
    position: relative;
    padding: clamp(.5rem, 2vw, 1rem) 0 4.25rem;
    overflow: hidden;
}

.shipping-route-gallery-stage {
    position: relative;
    height: clamp(280px, 34vw, 460px);
    max-width: 1180px;
    margin-inline: auto;
}

.shipping-route-gallery-slide {
    position: absolute;
    top: 50%;
    left: 50%;
    width: clamp(180px, 22vw, 340px);
    aspect-ratio: 1.18 / 1;
    padding: 0;
    border: 0;
    border-radius: 20px;
    background: transparent;
    cursor: pointer;
    opacity: .42;
    transform:
        translate(-50%, -50%)
        translateX(calc(var(--slide-offset) * clamp(170px, 19vw, 270px)))
        scale(.68);
    transition: transform .45s cubic-bezier(.2, .8, .2, 1), opacity .3s ease, filter .3s ease, z-index .3s ease;
    filter: grayscale(.16) saturate(.86);
    z-index: 1;
}

.shipping-route-gallery-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .13);
}

.shipping-route-gallery-slide.is-active {
    width: clamp(280px, 39vw, 620px);
    opacity: 1;
    transform: translate(-50%, -50%) translateX(0) scale(1);
    filter: none;
    z-index: 5;
}

.shipping-route-gallery-slide.is-near {
    opacity: .72;
    transform:
        translate(-50%, -50%)
        translateX(calc(var(--slide-offset) * clamp(190px, 25vw, 390px)))
        scale(.78);
    z-index: 4;
}

.shipping-route-gallery-slide.is-far {
    opacity: .42;
    transform:
        translate(-50%, -50%)
        translateX(calc(var(--slide-side) * clamp(360px, 37vw, 560px)))
        scale(.58);
    z-index: 2;
}

.shipping-route-gallery-slide.is-hidden {
    opacity: 0;
    pointer-events: none;
}

.shipping-route-gallery-controls {
    position: absolute;
    left: 50%;
    bottom: .75rem;
    z-index: 8;
    display: inline-flex;
    gap: .65rem;
    transform: translateX(-50%);
}

.shipping-route-gallery-nav {
    display: inline-grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 50%;
    background: #fff;
    color: #000;
    box-shadow: 0 14px 30px rgba(0, 0, 0, .1);
}

.shipping-route-gallery-nav:hover {
    background: var(--sr-yellow);
    border-color: var(--sr-yellow);
}

.shipping-route-testimonial-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.shipping-route-testimonial-card {
    padding: 1.25rem;
}

.shipping-route-testimonial-card strong,
.shipping-route-testimonial-card span {
    display: block;
    margin-top: .7rem;
}

.shipping-route-testimonial-card span {
    margin-top: .15rem;
    color: var(--sr-muted);
    font-size: .9rem;
}

.shipping-route-faq-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem;
}

.shipping-route-faq {
    overflow: hidden;
}

.shipping-route-faq summary {
    cursor: pointer;
    padding: .9rem 1rem;
    color: #000;
    font-weight: 700;
    list-style: none;
}

.shipping-route-faq summary::-webkit-details-marker {
    display: none;
}

.shipping-route-faq summary::after {
    content: "+";
    float: right;
    color: #000;
}

.shipping-route-faq[open] summary::after {
    content: "-";
}

.shipping-route-faq .shipping-route-small-copy {
    padding: 0 1rem 1rem;
}

.shipping-route-bottom-cta {
    padding: clamp(2rem, 5vw, 3.8rem) 0;
    background: var(--sr-yellow);
    color: #000;
    text-align: center;
}

.shipping-route-bottom-cta h2 {
    margin-bottom: .7rem;
    font-size: clamp(1.6rem, 4vw, 3rem);
    font-weight: 950;
}

.shipping-route-bottom-cta .shipping-route-copy {
    max-width: 760px;
    margin-inline: auto;
    color: #000;
}

@media (max-width: 1199.98px) {
    .shipping-route-feature-grid,
    .shipping-route-cargo-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .shipping-route-process,
    .shipping-route-commit-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .shipping-route-process-card:not(:last-child)::after {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .shipping-route-hero {
        background:
            linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .92) 58%, rgba(255, 255, 255, .36) 100%),
            var(--route-visual, none);
        background-size: cover;
        background-position: center top;
    }

    .shipping-route-hero__grid,
    .shipping-route-solution,
    .shipping-route-quote-grid {
        grid-template-columns: 1fr;
    }

    .shipping-route-hero__grid {
        min-height: auto;
    }

    .shipping-route-hero__visual {
        min-height: 260px;
    }

    .shipping-route-problem-grid,
    .shipping-route-audience-grid,
    .shipping-route-testimonial-grid,
    .shipping-route-faq-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .shipping-route-wrap {
        width: calc(100vw - 24px);
        max-width: calc(100vw - 24px);
    }

    .shipping-route-page {
        width: 100vw;
        max-width: 100vw;
    }

    .shipping-route-hero h1 {
        max-width: 100%;
        font-size: clamp(2rem, 10vw, 2.8rem);
        line-height: 1.08;
    }

    .shipping-route-heading h2 {
        max-width: 340px;
        margin-inline: auto;
        font-size: clamp(1.45rem, 7vw, 1.9rem);
        line-height: 1.16;
        white-space: normal !important;
        text-wrap: balance;
    }

    .shipping-route-hero .shipping-route-copy {
        max-width: 100%;
        font-size: .98rem;
        overflow-wrap: break-word;
    }

    .shipping-route-actions,
    .shipping-route-actions--center,
    .shipping-route-note {
        align-items: stretch;
        flex-direction: column;
    }

    .shipping-route-btn,
    .shipping-route-note a {
        width: 100%;
    }

    .shipping-route-pills span {
        width: 100%;
        max-width: 100%;
        font-size: .88rem;
    }

    .shipping-route-problem-grid,
    .shipping-route-feature-grid,
    .shipping-route-audience-grid,
    .shipping-route-cargo-grid,
    .shipping-route-process,
    .shipping-route-commit-grid,
    .shipping-route-testimonial-grid,
    .shipping-route-faq-grid,
    .shipping-route-form-row {
        grid-template-columns: 1fr;
    }

    .shipping-route-gallery-slider {
        padding-bottom: 4rem;
    }

    .shipping-route-gallery-stage {
        height: 330px;
    }

    .shipping-route-gallery-slide {
        width: 170px;
        border-radius: 16px;
        transform:
            translate(-50%, -50%)
            translateX(calc(var(--slide-offset) * 132px))
            scale(.64);
    }

    .shipping-route-gallery-slide.is-active {
        width: min(82vw, 330px);
    }

    .shipping-route-gallery-slide.is-near {
        opacity: .52;
        transform:
            translate(-50%, -50%)
            translateX(calc(var(--slide-offset) * 176px))
            scale(.68);
    }

    .shipping-route-gallery-slide.is-far {
        opacity: .28;
        pointer-events: auto;
        transform:
            translate(-50%, -50%)
            translateX(calc(var(--slide-side) * 242px))
            scale(.48);
    }

    .shipping-route-solution__media {
        grid-template-columns: 1fr;
        grid-template-rows: none;
    }

    .shipping-route-solution__media img:first-child,
    .shipping-route-solution__media img {
        grid-row: auto;
        min-height: 210px;
    }

    .shipping-route-hero__package {
        max-width: min(78%, 320px);
    }
}
/* Branch network page */
.branches-hero {
    position: relative;
    overflow: hidden;
    min-height: 520px;
    background: linear-gradient(105deg, #fff 0%, #fff7d1 48%, #ffcc00 100%);
}

.branches-hero__media {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, .92) 34%, rgba(255, 255, 255, .18) 66%, rgba(255, 204, 0, .18) 100%),
        var(--branch-hero-image, linear-gradient(135deg, #fff6c9, #f6b800));
    background-size: cover;
    background-position: center right;
}

.branches-hero__inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 520px;
    padding-block: 78px 150px;
}

.branches-hero__copy {
    max-width: 620px;
}

.branches-eyebrow {
    display: inline-flex;
    margin-bottom: 14px;
    color: #111;
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.branches-hero h1 {
    margin: 0;
    color: #111;
    font-size: clamp(2.5rem, 5vw, 5.25rem);
    font-weight: 700;
    line-height: .98;
}

.branches-hero h1 strong {
    display: block;
    color: #f2b900;
}

.branches-hero__description {
    max-width: 540px;
    margin-top: 18px;
    color: #2f2f2f;
    font-size: 1rem;
    font-weight: 600;
}

.branches-hero__benefits {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    max-width: 850px;
    margin-top: 48px;
}

.branches-benefit {
    display: flex;
    gap: 14px;
    align-items: flex-start;
}

.branches-benefit > span {
    display: grid;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    place-items: center;
    color: #111;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 12px 32px rgba(255, 204, 0, .28);
}

.branches-benefit h2 {
    margin: 0 0 5px;
    font-size: .92rem;
    font-weight: 700;
}

.branches-benefit p {
    margin: 0;
    color: #444;
    font-size: .82rem;
    line-height: 1.45;
}

.branches-search-wrap {
    position: relative;
    z-index: 2;
    margin-top: -88px;
}

.branches-search {
    max-width: 1120px;
    margin-inline: auto;
    padding: 34px 40px;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 26px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 26px 70px rgba(0, 0, 0, .12);
    backdrop-filter: blur(16px);
}

.branches-search h2,
.branches-section-heading h2 {
    margin: 0 0 24px;
    color: #111;
    font-size: clamp(1.55rem, 3vw, 2.4rem);
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.branches-search h2::after,
.branches-section-heading h2::after {
    content: "";
    display: inline-block;
    width: 60px;
    height: 5px;
    margin-left: 10px;
    border-radius: 999px;
    background: #ffcc00;
    vertical-align: middle;
}

.branches-search__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) 170px;
    gap: 18px;
}

.branches-search label {
    display: grid;
    gap: 7px;
    margin: 0;
    color: #666;
    font-size: .78rem;
    font-weight: 700;
}

.branches-search select {
    width: 100%;
    min-height: 48px;
    padding: 0 16px;
    color: #333;
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    background: #fff;
    font-weight: 700;
}

.branches-search button,
.branches-map-card a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    padding: 0 24px;
    color: #111;
    border: 0;
    border-radius: 8px;
    background: #ffcc00;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
}

.branches-map-section {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
    gap: 42px;
    align-items: center;
    min-height: 430px;
    padding: 72px max(24px, calc((100vw - 1140px) / 2));
    background: linear-gradient(90deg, #eaf8ff 0%, #cdefff 100%);
}

.branches-map {
    position: relative;
    min-height: 340px;
    border-radius: 18px;
    background:
        linear-gradient(rgba(255,255,255,.22), rgba(255,255,255,.22)),
        var(--branch-map-image, radial-gradient(circle at 55% 54%, #92d084 0 3%, transparent 4%), linear-gradient(135deg, #dff5ff, #eef8d8));
    background-size: cover;
    background-position: center;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.55);
}

.branches-map__pins span {
    position: absolute;
    left: var(--x);
    top: var(--y);
    width: 20px;
    height: 20px;
    transform: translate(-50%, -100%) rotate(-45deg);
    border: 4px solid #fff;
    border-radius: 50% 50% 50% 0;
    background: #ffcc00;
    box-shadow: 0 8px 22px rgba(0,0,0,.25);
}

.branches-map__pins span::after {
    content: "";
    position: absolute;
    inset: 3px;
    border-radius: 50%;
    background: #fff;
}

.branches-map-card {
    padding: 34px;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 24px 60px rgba(0,0,0,.12);
}

.branches-map-card span {
    color: #222;
    font-weight: 700;
}

.branches-map-card strong {
    display: block;
    color: #ffcc00;
    font-size: 3.4rem;
    font-weight: 700;
    line-height: 1;
}

.branches-map-card h2 {
    margin: 8px 0 12px;
    color: #111;
    font-size: 1rem;
    font-weight: 700;
}

.branches-map-card .rich-copy {
    margin-bottom: 24px;
    color: #555;
    font-size: .92rem;
}

.branches-list-section {
    padding: 68px 0 84px;
    background: #fff;
}

.branches-section-heading {
    max-width: 720px;
    margin: 0 auto 32px;
    text-align: center;
}

.branches-section-heading .rich-copy {
    color: #666;
}

.branches-slider-shell {
    position: relative;
}

.branches-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.branch-card {
    display: grid;
    grid-template-columns: 148px minmax(0, 1fr);
    gap: 18px;
    padding: 14px;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 14px 38px rgba(0,0,0,.06);
}

.branch-card img {
    width: 100%;
    height: 142px;
    border-radius: 8px;
    object-fit: cover;
    background: #f4f4f4;
}

.branch-card h3 {
    margin: 0 0 10px;
    color: #111;
    font-size: 1rem;
    font-weight: 700;
}

.branch-card p {
    display: flex;
    gap: 8px;
    margin: 0 0 7px;
    color: #4b4b4b;
    font-size: .84rem;
    line-height: 1.45;
}

.branch-card p i {
    color: #ffbd00;
}

.branch-card a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
    color: #d49100;
    font-size: .88rem;
    font-weight: 700;
    text-decoration: none;
}

.branches-slider-btn {
    display: none;
    position: absolute;
    z-index: 2;
    top: 50%;
    width: 42px;
    height: 42px;
    transform: translateY(-50%);
    color: #111;
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 12px 30px rgba(0,0,0,.16);
}

.branches-slider-btn--prev {
    left: -12px;
}

.branches-slider-btn--next {
    right: -12px;
}

.branches-empty {
    margin: 28px 0 0;
    color: #555;
    font-weight: 800;
    text-align: center;
}

@media (max-width: 1199.98px) {
    .branches-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .branch-card {
        grid-template-columns: 130px minmax(0, 1fr);
    }
}

@media (max-width: 991.98px) {
    .branches-hero__inner {
        padding-block: 64px 120px;
    }

    .branches-hero__media {
        background:
            linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.78) 58%, rgba(255,204,0,.4) 100%),
            var(--branch-hero-image, linear-gradient(135deg, #fff6c9, #f6b800));
        background-position: center;
    }

    .branches-hero__benefits,
    .branches-search__grid,
    .branches-map-section {
        grid-template-columns: 1fr;
    }

    .branches-map-section {
        padding-block: 54px;
    }

    .branches-search {
        padding: 28px 22px;
    }
}

@media (max-width: 767.98px) {
    .branches-hero {
        min-height: 620px;
    }

    .branches-hero__inner {
        min-height: 620px;
    }

    .branches-hero h1 {
        font-size: 2.7rem;
    }

    .branches-hero__benefits {
        gap: 14px;
        margin-top: 32px;
    }

    .branches-benefit {
        padding: 12px;
        border: 1px solid rgba(0,0,0,.08);
        border-radius: 14px;
        background: rgba(255,255,255,.76);
    }

    .branches-search-wrap {
        margin-top: -74px;
    }

    .branches-search h2,
    .branches-section-heading h2 {
        font-size: 1.55rem;
    }

    .branches-map {
        min-height: 260px;
    }

    .branches-map-card {
        padding: 26px;
    }

    .branches-grid {
        display: flex;
        gap: 16px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-padding: 18px;
        padding: 4px 4px 20px;
    }

    .branch-card {
        grid-template-columns: 1fr;
        flex: 0 0 min(86vw, 360px);
        scroll-snap-align: center;
    }

    .branch-card img {
        height: 190px;
    }

    .branches-slider-btn {
        display: grid;
        place-items: center;
    }
}

/* Price page */
.price-hero {
    position: relative;
    overflow: hidden;
    min-height: clamp(520px, 58vw, 720px);
    background: linear-gradient(90deg, #fff 0%, #fff8df 48%, #eaf6ff 100%);
    border-bottom: 1px solid rgba(0, 0, 0, .06);
}

.price-hero__media {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .84) 43%, rgba(255, 255, 255, .22) 100%),
        var(--price-hero-image, linear-gradient(135deg, #fff4c2, #dff2ff));
    background-size: cover;
    background-position: center right;
}

.price-hero__media::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 42%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff8db);
}

.price-hero__inner {
    position: relative;
    z-index: 1;
    display: grid;
    align-content: center;
    gap: clamp(28px, 5vw, 58px);
    min-height: inherit;
    padding-top: clamp(70px, 8vw, 110px);
    padding-bottom: clamp(130px, 14vw, 180px);
}

.price-hero__copy {
    max-width: 710px;
}

.price-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    color: #0a0a0a;
    font-weight: 800;
    text-transform: uppercase;
}

.price-eyebrow::before {
    content: "";
    width: 34px;
    height: 4px;
    border-radius: 999px;
    background: #ffcc00;
}

.price-hero h1 {
    margin: 0;
    color: #050505;
    font-size: clamp(2.35rem, 6vw, 5.1rem);
    font-weight: 700;
    line-height: .98;
}

.price-hero h1 strong {
    display: block;
    color: #f5b400;
}

.price-hero__description {
    max-width: 660px;
    margin-top: 22px;
    color: #252525;
    font-size: clamp(1rem, 1.8vw, 1.18rem);
}

.price-hero__benefits {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    max-width: 850px;
}

.price-benefit {
    display: grid;
    grid-template-columns: 54px 1fr;
    gap: 14px;
    align-items: center;
}

.price-benefit span,
.price-package > i,
.price-flow article > i,
.price-note-grid article > i,
.price-why-grid article > i {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    border: 2px solid #ffcc00;
    border-radius: 999px;
    color: #f5b400;
    background: #fff9df;
    font-size: 1.45rem;
}

.price-benefit h2,
.price-package h3,
.price-flow h3,
.price-note-grid h3,
.price-why-grid h3 {
    margin: 0;
    color: #050505;
    font-size: 1rem;
    font-weight: 700;
}

.price-benefit p,
.price-package p,
.price-flow p,
.price-note-grid p,
.price-why-grid p {
    margin: 4px 0 0;
    color: #4b5563;
}

.price-lookup-wrap {
    position: relative;
    z-index: 4;
    margin-top: -66px;
}

.price-lookup {
    padding: clamp(20px, 3vw, 30px);
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 20px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 24px 70px rgba(0, 0, 0, .13);
    backdrop-filter: blur(12px);
}

.price-lookup h2,
.price-section__heading h2 {
    margin: 0 0 22px;
    color: #050505;
    text-align: center;
    font-size: clamp(1.65rem, 3vw, 2.35rem);
    font-weight: 700;
    text-transform: uppercase;
}

.price-lookup__grid {
    display: grid;
    grid-template-columns: 1.1fr 1.05fr .95fr 1.1fr auto;
    gap: 14px;
    align-items: end;
}

.price-lookup label {
    display: grid;
    gap: 8px;
    margin: 0;
}

.price-lookup span {
    color: #111;
    font-weight: 800;
}

.price-lookup select,
.price-lookup input {
    width: 100%;
    min-height: 54px;
    padding: 0 16px;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 12px;
    background: #fff;
    color: #111;
    font-weight: 700;
}

.price-lookup button,
.price-cta__actions a:first-child,
.price-package a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 54px;
    padding: 0 24px;
    border: 0;
    border-radius: 12px;
    background: #ffcc00;
    color: #050505;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    box-shadow: 0 14px 30px rgba(255, 204, 0, .25);
}

.price-section {
    padding: clamp(54px, 7vw, 86px) 0 0;
    background: #fff;
}

.price-section--compact {
    padding-top: clamp(36px, 5vw, 58px);
}

.price-section__heading {
    max-width: 820px;
    margin: 0 auto 26px;
    text-align: center;
}

.price-section__heading .rich-copy {
    color: #4b5563;
}

.price-tabs {
    display: flex;
    gap: 14px;
    overflow-x: auto;
    padding: 0 2px 18px;
    scroll-snap-type: x mandatory;
}

.price-tabs button {
    flex: 0 0 auto;
    min-width: 190px;
    padding: 13px 22px;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 999px;
    background: #fff;
    color: #111;
    font-weight: 700;
    scroll-snap-align: start;
}

.price-tabs button.is-active {
    border-color: #ffcc00;
    background: #ffcc00;
    box-shadow: 0 12px 28px rgba(255, 204, 0, .28);
}

.price-table-card {
    display: none;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 18px 55px rgba(0, 0, 0, .08);
}

.price-table-card.is-active {
    display: block;
}

.price-table-card__top {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 24px;
    background: linear-gradient(90deg, #fff8df, #fff);
}

.price-table-card__top h3 {
    margin: 0;
    font-size: clamp(1.25rem, 2.4vw, 1.8rem);
    font-weight: 700;
}

.price-table-card__top p {
    margin: 4px 0 0;
    color: #4b5563;
    font-weight: 700;
}

.price-table-card__top span {
    align-self: start;
    padding: 7px 12px;
    border-radius: 999px;
    background: #111;
    color: #fff;
    font-weight: 800;
}

.price-table-scroll {
    overflow-x: auto;
    padding: 10px;
}

.price-table-card table {
    width: 100%;
    min-width: 860px;
    border-collapse: separate;
    border-spacing: 0;
}

.price-matrix {
    overflow: hidden;
    border: 1px solid #ffdc29;
    border-radius: 8px;
    background: #fff;
}

.price-matrix th,
.price-matrix td {
    padding: 12px 14px;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    text-align: center;
    vertical-align: middle;
}

.price-matrix th:last-child,
.price-matrix td:last-child {
    border-right: 0;
}

.price-matrix tr:last-child td {
    border-bottom: 0;
}

.price-matrix th {
    min-width: 210px;
    background: #ffd91f;
    color: #111;
    font-weight: 700;
    line-height: 1.22;
}

.price-matrix th strong {
    display: block;
    font-size: 1.05rem;
    text-transform: uppercase;
}

.price-matrix th small {
    display: block;
    max-width: 270px;
    margin: 4px auto 0;
    font-size: .84rem;
    font-weight: 700;
    text-transform: none;
}

.price-matrix__corner {
    position: relative;
    width: 230px;
    min-width: 230px;
    overflow: hidden;
}

.price-matrix__corner::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top right,
        transparent calc(50% - 1px),
        rgba(17, 17, 17, .45) 50%,
        transparent calc(50% + 1px)
    );
    pointer-events: none;
}

.price-matrix__corner span,
.price-matrix__corner strong {
    position: relative;
    z-index: 1;
    display: block;
}

.price-matrix__corner span {
    padding: 28px 72px 0 0;
    text-align: left;
    font-size: 1.05rem;
    text-transform: uppercase;
}

.price-matrix__corner strong {
    padding: 0 0 26px 76px;
    text-align: right;
}

.price-matrix td {
    color: #222;
    font-weight: 700;
}

.price-matrix td strong {
    display: inline-block;
    color: #111;
    font-size: clamp(1.1rem, 2vw, 1.45rem);
    font-weight: 700;
    white-space: nowrap;
}

.price-matrix td small {
    display: block;
    margin-top: 4px;
    color: #6b7280;
    font-size: .78rem;
    font-weight: 700;
}

.price-matrix td span {
    color: #111;
    font-weight: 700;
    text-transform: uppercase;
}

.price-matrix__weight {
    min-width: 170px;
    color: #111;
    font-size: 1.05rem;
    font-weight: 700;
}

.price-matrix__contact-row td {
    padding: 10px 14px;
    color: #111;
    font-size: 1.15rem;
    font-weight: 700;
    text-transform: uppercase;
}

.price-matrix .is-filtered-match {
    background: #fff7c7;
    box-shadow: inset 0 0 0 2px #ffcc00;
}

.price-matrix .is-filtered-dim {
    color: rgba(17, 17, 17, .45);
    background: #fafafa;
}

.price-matrix tr.is-filtered-match > td,
.price-matrix tr.is-filtered-match > th {
    background: #fff7c7;
}

.price-matrix tr.is-filtered-dim > td,
.price-matrix tr.is-filtered-dim > th {
    color: rgba(17, 17, 17, .48);
    background: #fafafa;
}

.price-table-card__note {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 18px;
    color: #5b6472;
    font-size: .95rem;
}

.price-table-card__note i {
    color: #f5b400;
}

.price-empty {
    display: grid;
    place-items: center;
    gap: 12px;
    padding: 46px 20px;
    border: 1px dashed rgba(0, 0, 0, .18);
    border-radius: 18px;
    color: #4b5563;
    text-align: center;
}

.price-empty i {
    color: #f5b400;
    font-size: 2rem;
}

.price-package-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

.price-package {
    position: relative;
    display: grid;
    gap: 14px;
    align-content: start;
    padding: 28px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 16px 44px rgba(0, 0, 0, .06);
}

.price-package.is-featured {
    border-color: #ffcc00;
}

.price-package__badge {
    position: absolute;
    top: 0;
    right: 24px;
    transform: translateY(-50%);
    padding: 5px 12px;
    border-radius: 999px;
    background: #ffcc00;
    color: #111;
    font-size: .78rem;
    font-weight: 700;
    text-transform: uppercase;
}

.price-package ul {
    display: grid;
    gap: 9px;
    margin: 4px 0 8px;
    padding: 0;
    list-style: none;
}

.price-package li {
    display: flex;
    gap: 8px;
    color: #313946;
    font-weight: 700;
}

.price-package li i {
    color: #f5b400;
}

.price-package a {
    margin-top: auto;
    min-height: 46px;
    background: #fff;
    border: 2px solid #ffcc00;
    box-shadow: none;
}

.price-package.is-featured a {
    background: #ffcc00;
}

.price-flow {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 18px;
}

.price-flow article,
.price-why-grid article {
    position: relative;
    display: grid;
    justify-items: center;
    gap: 12px;
    padding: 24px 18px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 16px;
    background: #fff;
    text-align: center;
    box-shadow: 0 14px 40px rgba(0, 0, 0, .05);
}

.price-flow article:not(:last-child)::after {
    content: "\F138";
    position: absolute;
    top: 50%;
    right: -17px;
    z-index: 1;
    transform: translateY(-50%);
    color: #111;
    font-family: bootstrap-icons;
    font-size: 1.3rem;
}

.price-note-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.price-note-grid article {
    display: grid;
    grid-template-columns: 58px 1fr;
    gap: 14px;
    align-items: center;
    padding: 22px;
    border: 1px solid rgba(255, 204, 0, .32);
    border-radius: 16px;
    background: #fff8df;
}

.price-why-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 18px;
}

.price-cta {
    padding: clamp(42px, 6vw, 74px) 0;
}

.price-cta__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: clamp(24px, 4vw, 42px);
    border-radius: 22px;
    background:
        linear-gradient(90deg, rgba(255, 204, 0, .98), rgba(255, 187, 0, .9)),
        radial-gradient(circle at 90% 50%, rgba(255, 255, 255, .45), transparent 32%);
    color: #111;
    box-shadow: 0 22px 60px rgba(255, 204, 0, .24);
}

.price-cta h2 {
    margin: 0 0 8px;
    font-size: clamp(1.45rem, 3vw, 2.2rem);
    font-weight: 700;
}

.price-cta__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.price-cta__actions a {
    min-width: 170px;
    text-decoration: none;
}

.price-cta__actions a:first-child {
    background: #111;
    color: #fff;
    box-shadow: none;
}

.price-cta__actions a:last-child {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 0 24px;
    border-radius: 12px;
    background: #fff;
    color: #111;
    font-weight: 700;
    text-transform: uppercase;
}

@media (max-width: 1199.98px) {
    .price-lookup__grid,
    .price-package-grid,
    .price-note-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .price-lookup button {
        grid-column: 1 / -1;
    }

    .price-flow,
    .price-why-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .price-flow article::after {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .price-hero {
        min-height: auto;
    }

    .price-hero__media {
        opacity: .36;
    }

    .price-hero__inner {
        padding-top: 72px;
        padding-bottom: 112px;
    }

    .price-hero__benefits,
    .price-lookup__grid,
    .price-package-grid,
    .price-flow,
    .price-note-grid,
    .price-why-grid {
        grid-template-columns: 1fr;
    }

    .price-benefit,
    .price-note-grid article {
        grid-template-columns: 50px 1fr;
    }

    .price-lookup-wrap {
        margin-top: -52px;
    }

    .price-lookup h2,
    .price-section__heading h2 {
        font-size: 1.45rem;
    }

    .price-tabs {
        margin-right: calc(var(--bs-gutter-x, 1.5rem) * -0.5);
        margin-left: calc(var(--bs-gutter-x, 1.5rem) * -0.5);
        padding-left: calc(var(--bs-gutter-x, 1.5rem) * 0.5);
    }

    .price-table-card__top,
    .price-table-card__note,
    .price-cta__inner,
    .price-cta__actions {
        display: grid;
    }

    .price-table-card__note {
        gap: 8px;
    }

    .price-table-scroll {
        padding: 6px;
    }

    .price-table-card table {
        min-width: 720px;
    }

    .price-matrix th,
    .price-matrix td {
        padding: 10px;
    }

    .price-matrix__corner {
        width: 180px;
        min-width: 180px;
    }

    .price-matrix__corner span {
        padding: 24px 58px 0 0;
        font-size: .92rem;
    }

    .price-matrix__corner strong {
        padding: 0 0 24px 58px;
    }

    .price-matrix th strong {
        font-size: .95rem;
    }

    .price-matrix th small {
        font-size: .76rem;
    }
}

/* Blog layout recovery */
.blog-hero {
    position: relative;
    overflow: hidden;
    min-height: 330px;
    background:
        linear-gradient(90deg, rgba(5, 22, 34, .95) 0%, rgba(5, 22, 34, .86) 42%, rgba(5, 22, 34, .38) 72%, rgba(5, 22, 34, .08) 100%),
        var(--blog-hero-image, linear-gradient(135deg, #071b28, #17384d 56%, #ffd800));
    background-position: center;
    background-size: cover;
}

.blog-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .16));
    pointer-events: none;
}

.blog-hero h1,
.blog-hero .blog-hero-copy,
.blog-hero .blog-hero-copy *,
.blog-breadcrumb a,
.blog-breadcrumb .breadcrumb-item,
.blog-breadcrumb .breadcrumb-item.active,
.blog-breadcrumb .breadcrumb-item::before {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.blog-hero-copy {
    max-width: 720px;
    line-height: 1.75;
}

.blog-filter-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.blog-filter-tabs a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: .65rem 1.25rem;
    border: 1px solid rgba(17, 17, 17, .1);
    border-radius: 8px;
    background: #fff;
    color: #111 !important;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 6px 18px rgba(17, 17, 17, .04);
}

.blog-filter-tabs a.active,
.blog-filter-tabs a:hover {
    border-color: #ffd800;
    background: #ffd800;
}

.blog-result-note {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .75rem;
    padding: .85rem 1rem;
    border-radius: 10px;
    background: #f8fafc;
    color: #4b5563;
}

.blog-list-card {
    display: grid;
    grid-template-columns: minmax(220px, 310px) minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid rgba(17, 17, 17, .08);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(17, 17, 17, .07);
}

.blog-list-image {
    display: block;
    width: 100%;
    min-height: 190px;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #f4f6f8;
    color: #111 !important;
    text-decoration: none;
}

.blog-list-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-list-image span {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    font-size: 3rem;
}

.blog-list-body {
    min-width: 0;
    padding: 1.35rem 1.6rem;
}

.blog-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    color: #4b5563;
    font-size: .85rem;
    font-weight: 700;
}

.blog-meta span:not(:first-child)::before {
    content: "\2022";
    margin-right: .65rem;
}

.blog-list-body h3 {
    margin-bottom: .75rem;
    font-size: clamp(1.15rem, 2vw, 1.45rem);
    font-weight: 700;
    line-height: 1.3;
}

.blog-list-body h3 a,
.blog-featured-item h3 a {
    color: #111 !important;
    text-decoration: none;
}

.blog-list-body h3 a:hover,
.blog-featured-item h3 a:hover,
.blog-read-more {
    color: #b38300 !important;
}

.blog-list-body p {
    color: #5f6671;
    line-height: 1.65;
}

.blog-read-more {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-weight: 700;
    text-decoration: none;
}

.blog-sidebar {
    position: sticky;
    top: 96px;
}

.blog-search-card,
.blog-widget {
    border: 1px solid rgba(17, 17, 17, .08);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(17, 17, 17, .07);
}

.blog-search-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .6rem;
    padding: .85rem;
}

.blog-search-card .form-control {
    min-height: 48px;
    border-color: rgba(17, 17, 17, .1);
}

.blog-widget {
    padding: 1.4rem;
}

.blog-widget h2 {
    margin-bottom: .4rem;
    color: #111 !important;
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
}

.blog-category-list {
    margin-top: 1rem;
}

.blog-category-list a {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: .75rem;
    padding: .9rem 0;
    border-bottom: 1px solid rgba(17, 17, 17, .07);
    color: #111 !important;
    text-decoration: none;
}

.blog-category-list li:last-child a {
    border-bottom: 0;
}

.blog-category-name {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-width: 0;
    font-weight: 700;
}

.blog-category-name i,
.blog-category-list a.active,
.blog-category-list a:hover,
.blog-featured-item time {
    color: #b38300 !important;
}

.blog-category-count {
    min-width: 30px;
    padding: .1rem .45rem;
    border-radius: 999px;
    background: #f5f6f8;
    color: #6b7280 !important;
    text-align: center;
    font-size: .8rem;
    font-weight: 700;
}

.blog-featured-item {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    align-items: start;
    gap: .95rem;
}

.blog-featured-image {
    display: block;
    width: 96px;
    min-height: 72px;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 8px;
    background: #f5f6f8;
}

.blog-featured-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-featured-image img.is-fallback {
    padding: .45rem;
    background: #fff;
    object-fit: contain;
}

.blog-featured-image span {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
}

.blog-featured-item h3 {
    margin-bottom: .35rem;
    font-size: .95rem;
    font-weight: 700;
    line-height: 1.45;
}

.blog-featured-item time {
    font-size: .82rem;
    font-weight: 700;
}

.blog-cta-card {
    position: relative;
    overflow: hidden;
    min-height: 210px;
    padding: 1.5rem;
    border-radius: 12px;
    background: #ffd800;
    box-shadow: 0 14px 35px rgba(255, 184, 0, .24);
}

.blog-cta-copy {
    position: relative;
    z-index: 2;
    max-width: 70%;
}

.blog-cta-card h2,
.blog-cta-card p {
    color: #111 !important;
    -webkit-text-fill-color: #111 !important;
}

.blog-cta-card img,
.blog-cta-placeholder {
    position: absolute;
    right: -14px;
    bottom: -18px;
    max-width: 42%;
    max-height: 190px;
    object-fit: contain;
}

.blog-empty {
    padding: 3rem 1.5rem;
    border: 1px dashed rgba(17, 17, 17, .18);
    border-radius: 14px;
    background: #fffdf7;
    text-align: center;
}

.blog-pagination .pagination {
    gap: .45rem;
}

.blog-pagination .page-link {
    min-width: 38px;
    border-color: rgba(17, 17, 17, .08);
    border-radius: 8px;
    color: #111 !important;
    text-align: center;
}

.blog-pagination .active > .page-link,
.blog-pagination .page-link:hover {
    border-color: #ffd800;
    background: #ffd800;
    color: #111 !important;
}

@media (max-width: 991.98px) {
    .blog-sidebar {
        position: static;
    }

    .blog-list-card {
        grid-template-columns: 1fr;
    }

    .blog-list-image {
        min-height: 240px;
    }
}

@media (max-width: 575.98px) {
    .blog-hero {
        min-height: 280px;
    }

    .blog-filter-tabs a {
        width: 100%;
        text-align: center;
    }

    .blog-search-card {
        grid-template-columns: 1fr;
    }

    .blog-list-image {
        min-height: 200px;
    }

    .blog-list-body {
        padding: 1.15rem;
    }

    .blog-cta-copy {
        max-width: 100%;
    }

    .blog-cta-card img,
    .blog-cta-placeholder {
        display: none;
    }
}

/* Blog featured compact image fit */
.blog-page-featured {
    padding: 26px 0 12px;
}

.blog-page-featured__grid {
    align-items: start;
}

.blog-page-lead-card {
    align-items: stretch;
    max-height: 430px;
}

.blog-page-lead-card__image {
    height: clamp(280px, 28vw, 430px) !important;
    min-height: 0 !important;
    background: #fff7d6;
}

.blog-page-lead-card__image img,
.blog-page-mini-card img {
    width: 100%;
    height: 100%;
    object-fit: contain !important;
    object-position: center;
}

.blog-page-lead-card__image img {
    object-fit: cover !important;
}

.blog-page-lead-card__body {
    justify-content: center;
    padding: clamp(20px, 3vw, 32px);
}

.blog-page-lead-card h2 {
    font-size: clamp(24px, 2.6vw, 36px);
    line-height: 1.18;
}

.blog-page-lead-card p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.blog-page-featured-side {
    align-content: start;
    gap: 12px;
}

.blog-page-mini-card {
    align-self: start;
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 12px;
    min-height: 0;
    padding: 10px;
}

.blog-page-mini-card > a {
    height: 92px;
    min-height: 0 !important;
    border-radius: 8px;
    background: #fff7d6;
}

.blog-page-mini-card h3 {
    display: -webkit-box;
    overflow: hidden;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 1.25;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

@media (max-width: 1199.98px) {
    .blog-page-lead-card {
        max-height: none;
    }
}

@media (max-width: 767.98px) {
    .blog-page-lead-card__image {
        height: 230px !important;
    }

    .blog-page-mini-card {
        grid-template-columns: 96px minmax(0, 1fr);
    }

    .blog-page-mini-card > a {
        height: 82px;
    }
}

/* Blog list below category tabs */
.blog-page-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.blog-page-card {
    min-width: 0;
}

.blog-page-card__image {
    aspect-ratio: 16 / 10;
}

.blog-page-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-page-card__body {
    padding: 16px;
}

.blog-page-card h3 {
    display: -webkit-box;
    overflow: hidden;
    margin-top: 9px;
    font-size: 18px;
    line-height: 1.3;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.blog-page-card p {
    display: -webkit-box;
    overflow: hidden;
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.55;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

@media (max-width: 1199.98px) {
    .blog-page-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .blog-page-grid {
        grid-template-columns: 1fr;
    }
}

/* Blog hero title contrast */
.blog-page .blog-page-hero h1 {
    color: #ffd800 !important;
    -webkit-text-fill-color: #ffd800 !important;
    text-shadow: 0 3px 14px rgba(0, 0, 0, .58);
}

/* Form success toast */
.form-success-toast {
    position: fixed;
    bottom: calc(24px + env(safe-area-inset-bottom));
    right: clamp(14px, 3vw, 34px);
    z-index: 1085;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 34px;
    gap: 12px;
    width: min(420px, calc(100vw - 28px));
    padding: 14px;
    border: 1px solid rgba(12, 132, 85, .22);
    border-radius: 14px;
    background: #ecfdf5;
    color: #064e3b;
    box-shadow: 0 18px 48px rgba(17, 24, 39, .18);
    animation: formSuccessToastIn .28s ease both;
}

.form-success-toast.is-hiding {
    animation: formSuccessToastOut .24s ease both;
}

.form-success-toast__icon {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 999px;
    background: #10b981;
    color: #fff;
    font-size: 1.25rem;
}

.form-success-toast.is-error {
    border-color: rgba(220, 38, 38, .22);
    background: #fef2f2;
    color: #7f1d1d;
}

.form-success-toast.is-error .form-success-toast__icon {
    background: #dc2626;
}

.form-success-toast.is-error .form-success-toast__body strong {
    color: #7f1d1d;
}

.form-success-toast.is-error .form-success-toast__body p {
    color: #991b1b;
}

.form-success-toast.is-error .form-success-toast__body span {
    background: rgba(220, 38, 38, .12);
    color: #991b1b;
}

.form-success-toast.is-error .form-success-toast__close {
    color: #991b1b;
}

.form-success-toast__body {
    min-width: 0;
}

.form-success-toast__body strong {
    display: block;
    margin-bottom: 3px;
    color: #052e23;
    font-size: 1rem;
    font-weight: 700;
}

.form-success-toast__body p {
    margin: 0;
    color: #14532d;
    font-size: .92rem;
    line-height: 1.45;
}

.form-success-toast__body span {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    margin-top: 8px;
    padding: 4px 8px;
    border-radius: 999px;
    background: rgba(16, 185, 129, .14);
    color: #065f46;
    font-size: .78rem;
    font-weight: 700;
}

.form-success-toast__close {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #047857;
    line-height: 1;
}

.form-success-toast__close:hover,
.form-success-toast__close:focus {
    background: rgba(16, 185, 129, .16);
    color: #064e3b;
}

@keyframes formSuccessToastIn {
    from {
        opacity: 0;
        transform: translate3d(18px, 8px, 0) scale(.98);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@keyframes formSuccessToastOut {
    to {
        opacity: 0;
        transform: translate3d(18px, 8px, 0) scale(.98);
    }
}

@media (max-width: 991.98px) {
    .form-success-toast {
        bottom: calc(84px + env(safe-area-inset-bottom));
        right: 14px;
    }
}

@media (max-width: 575.98px) {
    .form-success-toast {
        bottom: calc(82px + env(safe-area-inset-bottom));
        right: 10px;
        left: 10px;
        width: auto;
        grid-template-columns: 38px minmax(0, 1fr) 32px;
        gap: 10px;
        padding: 12px;
        border-radius: 12px;
    }

    .form-success-toast__icon {
        width: 38px;
        height: 38px;
    }

    .form-success-toast__body strong {
        font-size: .95rem;
    }

    .form-success-toast__body p {
        font-size: .86rem;
    }
}

/* 404 page */
.elog-404 {
    min-height: 72vh;
    padding: clamp(38px, 6vw, 78px) 0 clamp(42px, 6vw, 84px);
    background:
        linear-gradient(180deg, rgba(255, 216, 0, .12), rgba(255, 255, 255, 0) 34%),
        #fff;
    color: #111;
    overflow: hidden;
}

.elog-404__hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(360px, 1.08fr);
    gap: clamp(24px, 5vw, 70px);
    align-items: center;
    min-height: 480px;
}

.elog-404__hero::before {
    content: "";
    position: absolute;
    inset: -24px -18px auto auto;
    width: min(62vw, 760px);
    height: 72%;
    background-image:
        radial-gradient(circle, rgba(17, 17, 17, .08) 1px, transparent 1.5px);
    background-size: 16px 16px;
    opacity: .45;
    pointer-events: none;
}

.elog-404__copy {
    position: relative;
    z-index: 2;
}

.elog-404__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    padding: 8px 13px;
    border: 1px solid rgba(17, 17, 17, .12);
    border-radius: 999px;
    background: #fff;
    color: #8a6400;
    font-size: .86rem;
    font-weight: 700;
    box-shadow: 0 10px 26px rgba(17, 17, 17, .08);
}

.elog-404__copy h1 {
    margin: 0;
    color: #111 !important;
    font-size: clamp(5.6rem, 14vw, 11.5rem);
    font-weight: 700;
    line-height: .82;
}

.elog-404__copy h2 {
    max-width: 560px;
    margin: 18px 0 0;
    color: #111 !important;
    font-size: clamp(1.6rem, 3vw, 2.55rem);
    font-weight: 700;
    line-height: 1.12;
}

.elog-404__copy p {
    max-width: 590px;
    margin: 16px 0 0;
    color: #4b5563;
    font-size: 1rem;
    line-height: 1.75;
}

.elog-404__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}

.elog-404__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 46px;
    padding: 0 17px;
    border: 1px solid rgba(17, 17, 17, .14);
    border-radius: 8px;
    background: #fff;
    color: #111 !important;
    font-weight: 700;
    text-decoration: none;
}

.elog-404__btn--primary {
    border-color: #ffd800;
    background: #ffd800;
}

.elog-404__visual {
    position: relative;
    z-index: 1;
    min-height: 420px;
}

.elog-404__route {
    position: absolute;
    inset: 20px 3% auto 4%;
    height: 190px;
}

.elog-404__route span {
    position: absolute;
    inset: 54px 8% auto 8%;
    height: 120px;
    border-top: 3px dashed rgba(255, 184, 0, .82);
    border-radius: 50%;
    transform: rotate(-8deg);
}

.elog-404__route i {
    position: absolute;
    top: 10px;
    right: 18%;
    color: #111;
    font-size: 2.15rem;
    transform: rotate(16deg);
}

.elog-404__marker {
    position: absolute;
    top: 112px;
    left: 30%;
    display: grid;
    width: 58px;
    height: 58px;
    place-items: center;
    border-radius: 999px;
    background: #ffd800;
    color: #111;
    font-size: 2rem;
    box-shadow: 0 18px 40px rgba(255, 184, 0, .34);
}

.elog-404__question {
    position: absolute;
    top: 178px;
    left: 38%;
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border: 2px solid rgba(17, 17, 17, .18);
    border-radius: 999px;
    background: #fff;
    color: #111;
    font-size: 1.25rem;
    font-weight: 700;
    box-shadow: 0 12px 28px rgba(17, 17, 17, .1);
}

.elog-404__truck {
    position: absolute;
    right: 4%;
    bottom: 86px;
    width: min(470px, 78%);
    height: 190px;
}

.elog-404__truck-box {
    position: absolute;
    right: 100px;
    bottom: 46px;
    display: grid;
    align-content: center;
    width: 250px;
    height: 130px;
    padding-left: 28px;
    border-radius: 10px 8px 8px 10px;
    background: #ffd800;
    box-shadow: inset 0 -12px 0 rgba(17, 17, 17, .08);
}

.elog-404__truck-box::before {
    content: "";
    position: absolute;
    left: 22px;
    top: 28px;
    width: 54px;
    height: 12px;
    border-radius: 999px;
    background: #111;
}

.elog-404__truck-box strong {
    margin-left: 68px;
    color: #111;
    font-size: 1.45rem;
    font-weight: 700;
    line-height: 1;
}

.elog-404__truck-box small {
    margin-left: 70px;
    color: #111;
    font-size: .7rem;
    font-weight: 700;
}

.elog-404__truck-cab {
    position: absolute;
    right: 12px;
    bottom: 46px;
    width: 122px;
    height: 118px;
    border-radius: 12px 28px 10px 8px;
    background: #111;
}

.elog-404__truck-cab::before {
    content: "";
    position: absolute;
    top: 16px;
    left: 18px;
    width: 52px;
    height: 36px;
    border-radius: 8px 14px 6px 6px;
    background: #ffd800;
}

.elog-404__truck-cab::after {
    content: "";
    position: absolute;
    right: -18px;
    bottom: 22px;
    width: 76px;
    height: 30px;
    border-radius: 8px;
    background: #ffd800;
}

.elog-404__wheel {
    position: absolute;
    bottom: 28px;
    width: 52px;
    height: 52px;
    border: 9px solid #111;
    border-radius: 999px;
    background: #fff;
}

.elog-404__wheel--left {
    right: 270px;
}

.elog-404__wheel--right {
    right: 54px;
}

.elog-404__boxes {
    position: absolute;
    right: 0;
    bottom: 22px;
    display: grid;
    grid-template-columns: repeat(3, 54px);
    gap: 8px;
}

.elog-404__boxes span {
    display: block;
    width: 54px;
    height: 48px;
    border: 1px solid rgba(17, 17, 17, .18);
    border-radius: 7px;
    background:
        linear-gradient(90deg, transparent 44%, rgba(17, 17, 17, .13) 44%, rgba(17, 17, 17, .13) 56%, transparent 56%),
        #d99d2b;
}

.elog-404__search {
    max-width: 760px;
    margin: 8px auto 0;
    text-align: center;
}

.elog-404__search p {
    margin-bottom: 12px;
    color: #4b5563;
    font-weight: 700;
}

.elog-404__search form {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 56px;
    padding: 7px 8px 7px 18px;
    border: 1px solid rgba(17, 17, 17, .1);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 16px 38px rgba(17, 17, 17, .08);
}

.elog-404__search i {
    color: #6b7280;
}

.elog-404__search input {
    min-width: 0;
    border: 0;
    outline: 0;
    color: #111;
}

.elog-404__search button {
    min-height: 42px;
    padding: 0 22px;
    border: 0;
    border-radius: 8px;
    background: #ffd800;
    color: #111;
    font-weight: 700;
}

.elog-404__links {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-top: 28px;
}

.elog-404__card {
    display: grid;
    gap: 9px;
    min-height: 180px;
    padding: 20px;
    border: 1px solid rgba(17, 17, 17, .08);
    border-radius: 10px;
    background: #fff;
    color: #111 !important;
    text-decoration: none;
    box-shadow: 0 14px 34px rgba(17, 17, 17, .07);
}

.elog-404__card span {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 12px;
    background: #fff6c7;
    color: #111;
    font-size: 1.5rem;
}

.elog-404__card strong {
    font-weight: 700;
}

.elog-404__card small {
    color: #5f6671;
    line-height: 1.5;
}

.elog-404__card em {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    align-self: end;
    border: 1px solid rgba(17, 17, 17, .12);
    border-radius: 999px;
    color: #111;
    font-style: normal;
}

.elog-404__support {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 26px;
    color: #4b5563;
    font-weight: 700;
}

.elog-404__support i,
.elog-404__support a {
    color: #111;
}

.elog-404__support a {
    text-decoration: none;
}

@media (max-width: 991.98px) {
    .elog-404__hero {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .elog-404__visual {
        min-height: 360px;
        order: -1;
    }

    .elog-404__links {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .elog-404 {
        padding-top: 28px;
    }

    .elog-404__visual {
        min-height: 270px;
    }

    .elog-404__route {
        inset: 0 0 auto 0;
        height: 130px;
    }

    .elog-404__marker {
        top: 78px;
        left: 18%;
        width: 46px;
        height: 46px;
        font-size: 1.5rem;
    }

    .elog-404__question {
        top: 132px;
        left: 32%;
    }

    .elog-404__truck {
        right: -18px;
        bottom: 52px;
        width: 360px;
        transform: scale(.78);
        transform-origin: right bottom;
    }

    .elog-404__boxes {
        right: 8px;
        bottom: 12px;
        grid-template-columns: repeat(3, 42px);
    }

    .elog-404__boxes span {
        width: 42px;
        height: 38px;
    }

    .elog-404__actions,
    .elog-404__btn {
        width: 100%;
    }

    .elog-404__search form {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .elog-404__search button {
        grid-column: 1 / -1;
        width: 100%;
    }

    .elog-404__links {
        grid-template-columns: 1fr;
    }
}

/* Filament admin modern theme */
.fi-body {
    --elog-admin-yellow: #ffd800;
    --elog-admin-yellow-soft: #fff7bf;
    --elog-admin-black: #090909;
    --elog-admin-ink: #151515;
    --elog-admin-muted: #667085;
    --elog-admin-border: rgba(17, 24, 39, .09);
    --elog-admin-panel: #ffffff;
    background:
        radial-gradient(circle at 18% -10%, rgba(255, 216, 0, .16), transparent 28%),
        linear-gradient(180deg, #f7f8fb 0%, #ffffff 48%, #f7f8fb 100%) !important;
    color: var(--elog-admin-ink);
}

.fi-layout {
    background: transparent !important;
}

.fi-sidebar {
    border-right: 0 !important;
    background:
        linear-gradient(180deg, #111 0%, #050505 100%) !important;
    box-shadow: 18px 0 42px rgba(15, 23, 42, .12);
}

.fi-sidebar-header {
    min-height: 74px;
    border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
    background: rgba(255, 255, 255, .02);
}

.fi-sidebar-header::after {
    content: "Admin CMS";
    display: inline-flex;
    margin-left: .75rem;
    padding: .28rem .55rem;
    border-radius: 999px;
    background: rgba(255, 216, 0, .12);
    color: var(--elog-admin-yellow);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.fi-sidebar-nav {
    padding: .9rem .75rem 1.4rem !important;
}

.fi-sidebar-nav-groups {
    gap: .9rem !important;
}

.fi-sidebar-group {
    border-radius: 14px;
}

.fi-sidebar-group-label {
    padding: .35rem .65rem !important;
    color: rgba(255, 255, 255, .54) !important;
    font-size: .72rem !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase;
}

.fi-sidebar-item a,
.fi-sidebar-item-button {
    min-height: 42px;
    border-radius: 10px !important;
    color: rgba(255, 255, 255, .78) !important;
    transition: background .18s ease, color .18s ease, transform .18s ease;
}

.fi-sidebar-item a:hover,
.fi-sidebar-item-button:hover {
    background: rgba(255, 255, 255, .08) !important;
    color: #fff !important;
    transform: translateX(2px);
}

.fi-sidebar-item-active a,
.fi-sidebar-item-active .fi-sidebar-item-button,
.fi-sidebar-item.fi-active a,
.fi-sidebar-item.fi-active .fi-sidebar-item-button {
    background: var(--elog-admin-yellow) !important;
    color: #111 !important;
    box-shadow: 0 12px 28px rgba(255, 216, 0, .22);
}

.fi-sidebar-item-icon,
.fi-sidebar-group-button-icon,
.fi-sidebar-item-label {
    color: inherit !important;
}

.fi-topbar {
    border-bottom: 1px solid var(--elog-admin-border) !important;
    background: rgba(255, 255, 255, .86) !important;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .06);
    backdrop-filter: blur(16px);
}

.fi-main {
    padding-top: clamp(1rem, 2vw, 1.7rem) !important;
}

.fi-header {
    margin-bottom: 1.25rem !important;
}

.fi-header-heading {
    color: #111 !important;
    font-size: clamp(1.45rem, 2.4vw, 2.15rem) !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

.fi-header-subheading {
    color: var(--elog-admin-muted) !important;
}

.fi-section,
.fi-ta,
.fi-wi-widget,
.fi-in-entry,
.fi-fo-repeater-item {
    border: 1px solid var(--elog-admin-border) !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 14px 36px rgba(15, 23, 42, .07) !important;
}

.fi-section-header {
    border-bottom: 1px solid rgba(17, 24, 39, .06) !important;
}

.fi-section-header-heading {
    color: #111 !important;
    font-weight: 700 !important;
}

.fi-section-header-description {
    color: var(--elog-admin-muted) !important;
}

.fi-tabs {
    gap: .35rem !important;
    padding: .35rem !important;
    border: 1px solid var(--elog-admin-border);
    border-radius: 14px;
    background: #f5f6f8;
}

.fi-tabs-item {
    border-radius: 10px !important;
    color: #4b5563 !important;
    font-weight: 700 !important;
}

.fi-tabs-item:hover {
    background: #fff !important;
    color: #111 !important;
}

.fi-tabs-item-active,
.fi-tabs-item[aria-selected="true"] {
    background: #111 !important;
    color: var(--elog-admin-yellow) !important;
    box-shadow: 0 10px 24px rgba(17, 17, 17, .14);
}

.fi-input-wrp,
.fi-select-input,
.fi-textarea,
.fi-fo-rich-editor {
    border-color: rgba(17, 24, 39, .12) !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 1px 0 rgba(17, 24, 39, .03) !important;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.fi-input-wrp:focus-within,
.fi-fo-field-wrp:focus-within .fi-select-input,
.fi-fo-field-wrp:focus-within .fi-textarea,
.fi-fo-rich-editor:focus-within {
    border-color: rgba(255, 216, 0, .95) !important;
    box-shadow: 0 0 0 4px rgba(255, 216, 0, .22) !important;
}

.fi-fo-field-wrp-label span,
.fi-fo-field-wrp-label {
    color: #111 !important;
    font-weight: 700 !important;
}

.fi-fo-field-wrp-helper-text,
.fi-fo-field-wrp-error-message {
    font-size: .82rem !important;
}

/* Admin form readability - stronger borders for inputs and rich editors */
.fi-main .fi-input-wrp,
.fi-main .fi-select-input,
.fi-main .fi-textarea,
.fi-main .fi-fo-rich-editor,
.fi-main .fi-fo-rich-editor .trix-content,
.fi-main trix-editor,
.fi-main .ck.ck-editor__main > .ck-editor__editable,
.fi-main .ck.ck-toolbar,
.fi-modal .fi-input-wrp,
.fi-modal .fi-select-input,
.fi-modal .fi-textarea,
.fi-modal .fi-fo-rich-editor,
.fi-modal trix-editor,
.fi-modal .ck.ck-editor__main > .ck-editor__editable,
.fi-modal .ck.ck-toolbar {
    border: 1.5px solid #9ca3af !important;
    border-radius: 10px !important;
    background-color: #ffffff !important;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, .035), 0 1px 2px rgba(15, 23, 42, .06) !important;
}

.fi-main .fi-input,
.fi-main .fi-select-input,
.fi-main .fi-textarea,
.fi-modal .fi-input,
.fi-modal .fi-select-input,
.fi-modal .fi-textarea {
    color: #111827 !important;
    font-weight: 500 !important;
}

.fi-main .fi-input::placeholder,
.fi-main .fi-textarea::placeholder,
.fi-modal .fi-input::placeholder,
.fi-modal .fi-textarea::placeholder {
    color: #6b7280 !important;
    opacity: 1 !important;
}

.fi-main .fi-input-wrp:hover,
.fi-main .fi-select-input:hover,
.fi-main .fi-textarea:hover,
.fi-main .fi-fo-rich-editor:hover,
.fi-main trix-editor:hover,
.fi-main .ck.ck-editor__main > .ck-editor__editable:hover,
.fi-modal .fi-input-wrp:hover,
.fi-modal .fi-select-input:hover,
.fi-modal .fi-textarea:hover,
.fi-modal .fi-fo-rich-editor:hover,
.fi-modal trix-editor:hover,
.fi-modal .ck.ck-editor__main > .ck-editor__editable:hover {
    border-color: #6b7280 !important;
}

.fi-main .fi-input-wrp:focus-within,
.fi-main .fi-fo-field-wrp:focus-within .fi-select-input,
.fi-main .fi-fo-field-wrp:focus-within .fi-textarea,
.fi-main .fi-fo-rich-editor:focus-within,
.fi-main trix-editor:focus,
.fi-main .ck.ck-editor__main > .ck-editor__editable.ck-focused,
.fi-modal .fi-input-wrp:focus-within,
.fi-modal .fi-fo-field-wrp:focus-within .fi-select-input,
.fi-modal .fi-fo-field-wrp:focus-within .fi-textarea,
.fi-modal .fi-fo-rich-editor:focus-within,
.fi-modal trix-editor:focus,
.fi-modal .ck.ck-editor__main > .ck-editor__editable.ck-focused {
    border-color: #d99a00 !important;
    box-shadow: 0 0 0 3px rgba(255, 216, 0, .28), inset 0 0 0 1px rgba(217, 154, 0, .24) !important;
}

.fi-main .fi-fo-field-wrp-error .fi-input-wrp,
.fi-main .fi-fo-field-wrp-error .fi-select-input,
.fi-main .fi-fo-field-wrp-error .fi-textarea,
.fi-main .fi-fo-field-wrp-error .fi-fo-rich-editor,
.fi-modal .fi-fo-field-wrp-error .fi-input-wrp,
.fi-modal .fi-fo-field-wrp-error .fi-select-input,
.fi-modal .fi-fo-field-wrp-error .fi-textarea,
.fi-modal .fi-fo-field-wrp-error .fi-fo-rich-editor {
    border-color: #dc2626 !important;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, .14) !important;
}

.fi-btn {
    border-radius: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.fi-btn:hover {
    transform: translateY(-1px);
}

.fi-btn-color-primary {
    background: var(--elog-admin-yellow) !important;
    color: #111 !important;
    box-shadow: 0 12px 26px rgba(255, 216, 0, .26) !important;
}

.fi-btn-color-primary:hover {
    background: #111 !important;
    color: #fff !important;
    box-shadow: 0 14px 32px rgba(17, 17, 17, .18) !important;
}

.fi-btn-color-gray {
    background: #fff !important;
    color: #111 !important;
    border-color: rgba(17, 24, 39, .12) !important;
}

.fi-ta-header,
.fi-ta-content,
.fi-ta-footer {
    border-color: rgba(17, 24, 39, .07) !important;
}

.fi-ta-table thead {
    background: #f7f8fb !important;
}

.fi-ta-header-cell-label {
    color: #475467 !important;
    font-size: .76rem !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase;
}

.fi-ta-row {
    transition: background .15s ease, box-shadow .15s ease;
}

.fi-ta-row:hover {
    background: #fffdf1 !important;
}

.fi-ta-text,
.fi-ta-text-item-label {
    color: #1f2937 !important;
}

.fi-badge {
    border-radius: 999px !important;
    font-weight: 700 !important;
}

.fi-modal-window {
    border-radius: 18px !important;
    box-shadow: 0 30px 90px rgba(15, 23, 42, .28) !important;
}

.fi-modal-header {
    border-bottom: 1px solid rgba(17, 24, 39, .08) !important;
}

.fi-modal-heading {
    color: #111 !important;
    font-weight: 700 !important;
}

.fi-pagination {
    gap: .35rem !important;
}

.fi-pagination-item {
    border-radius: 10px !important;
}

.fi-global-search-field .fi-input-wrp {
    background: #f5f6f8 !important;
}

.fi-no-notification,
.fi-notification {
    border-radius: 14px !important;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .18) !important;
}

.media-asset-card {
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .08) !important;
}

.media-asset-card .fi-ta-image img {
    border-radius: 14px !important;
}

@media (max-width: 1023.98px) {
    .fi-main {
        padding-right: .9rem !important;
        padding-left: .9rem !important;
    }

    .fi-section,
    .fi-ta,
    .fi-wi-widget {
        border-radius: 14px !important;
    }

    .fi-header-heading {
        font-size: 1.5rem !important;
    }
}

/* Admin dashboard overview */
.elog-dashboard {
    display: grid;
    gap: 16px;
    color: #111827;
}

.elog-dashboard__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.elog-dashboard__head p {
    margin: 0 0 4px;
    color: #111;
    font-size: 1.25rem;
    font-weight: 700;
}

.elog-dashboard__head h1 {
    margin: 0;
    color: #667085;
    font-size: .9rem;
    font-weight: 600;
}

.elog-dashboard__tools {
    display: flex;
    align-items: center;
    gap: 10px;
}

.elog-dashboard__tools > span,
.elog-dashboard__tools label,
.elog-dashboard__tools a {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(17, 24, 39, .1);
    border-radius: 10px;
    background: #fff;
}

.elog-dashboard__tools > span {
    padding: 0 12px;
    color: #344054;
    font-size: .84rem;
    font-weight: 700;
}

.elog-dashboard__tools label {
    width: min(280px, 30vw);
    padding: 0 10px;
}

.elog-dashboard__tools label span {
    width: 0;
    height: 0;
    overflow: hidden;
}

.elog-dashboard__tools input {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: #111;
    font-size: .88rem;
}

.elog-dashboard__tools a {
    padding: 0 14px;
    border-color: #ffd800;
    background: #ffd800;
    color: #111 !important;
    font-size: .86rem;
    font-weight: 700;
    text-decoration: none;
}

.elog-dashboard__stats {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
}

.elog-stat-card,
.elog-panel,
.elog-mini-card {
    border: 1px solid rgba(17, 24, 39, .08);
    border-radius: 14px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 12px 32px rgba(15, 23, 42, .06);
}

.elog-stat-card {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 10px;
    min-height: 118px;
    padding: 14px;
}

.elog-stat-card > span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: #fff6bf;
    color: #111;
    font-size: .9rem;
    font-weight: 800;
}

.elog-stat-card p,
.elog-mini-card p {
    margin: 0 0 4px;
    color: #475467;
    font-size: .78rem;
    font-weight: 700;
}

.elog-stat-card strong {
    display: block;
    color: #111;
    font-size: 1.42rem;
    font-weight: 700;
    line-height: 1.1;
}

.elog-stat-card em,
.elog-mini-card em,
.elog-seo-grid em {
    display: inline-block;
    margin-top: 6px;
    color: #16a34a;
    font-size: .76rem;
    font-style: normal;
    font-weight: 800;
}

.elog-stat-card em.is-down,
.elog-mini-card em.is-down,
.elog-seo-grid em.is-down {
    color: #ef4444;
}

.elog-stat-card small {
    display: block;
    margin-top: 3px;
    color: #98a2b3;
    font-size: .7rem;
    line-height: 1.25;
}

.elog-dashboard__grid {
    display: grid;
    gap: 14px;
}

.elog-dashboard__grid--top {
    grid-template-columns: minmax(420px, 1.35fr) 260px minmax(280px, .9fr) minmax(280px, .9fr);
}

.elog-dashboard__grid--middle {
    grid-template-columns: minmax(420px, 1.05fr) minmax(520px, 1.25fr);
}

.elog-dashboard__grid--bottom {
    grid-template-columns: minmax(320px, .9fr) minmax(320px, .9fr) minmax(420px, 1.2fr);
}

.elog-panel {
    min-width: 0;
    padding: 16px;
}

.elog-panel__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.elog-panel__head h2 {
    margin: 0;
    color: #111;
    font-size: 1rem;
    font-weight: 700;
}

.elog-panel__head span,
.elog-panel__head a,
.elog-panel__link {
    color: #667085 !important;
    font-size: .78rem;
    font-weight: 700;
    text-decoration: none;
}

.elog-line-chart {
    height: 250px;
}

.elog-line-chart svg {
    width: 100%;
    height: 100%;
}

.elog-line-chart .grid path {
    stroke: rgba(17, 24, 39, .08);
    stroke-width: 1;
}

.elog-line-chart .old {
    fill: none;
    stroke: #b9c1cd;
    stroke-dasharray: 7 7;
    stroke-width: 3;
}

.elog-line-chart .area {
    fill: url(#elogLineFill);
}

.elog-line-chart .main {
    fill: none;
    stroke: #f5b400;
    stroke-width: 5;
    stroke-linecap: round;
}

.elog-mini-metrics {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.elog-mini-card {
    min-height: 92px;
    padding: 12px;
}

.elog-mini-card strong {
    display: block;
    color: #111;
    font-size: 1.1rem;
    font-weight: 700;
}

.elog-mini-card svg {
    width: 100%;
    height: 28px;
    margin-top: 4px;
}

.elog-mini-card path {
    fill: none;
    stroke: #3b82f6;
    stroke-width: 5;
    stroke-linecap: round;
}

.elog-source {
    display: grid;
    grid-template-columns: 142px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
}

.elog-donut {
    width: 140px;
    height: 140px;
    display: grid;
    place-items: center;
    align-content: center;
    border-radius: 999px;
    background:
        radial-gradient(circle, #fff 0 43%, transparent 44%),
        conic-gradient(#2563eb 0 48%, #06b6d4 48% 68%, #8b5cf6 68% 84%, #f59e0b 84% 95%, #ef4444 95% 100%);
}

.elog-donut strong {
    color: #111;
    font-size: 1.05rem;
    font-weight: 700;
}

.elog-donut span {
    color: #667085;
    font-size: .68rem;
    font-weight: 700;
}

.elog-source ul {
    display: grid;
    gap: 9px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.elog-source li {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 8px;
    color: #111;
    font-size: .78rem;
    font-weight: 700;
}

.elog-source li > span,
.elog-region__list i {
    width: 10px;
    height: 10px;
    margin-top: 3px;
    border-radius: 999px;
    background: var(--source-color);
}

.elog-source small {
    display: block;
    color: #98a2b3;
    font-weight: 600;
}

.elog-bars {
    display: grid;
    gap: 12px;
}

.elog-bar-row {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr) 72px;
    gap: 10px;
    align-items: center;
    color: #344054;
    font-size: .78rem;
    font-weight: 700;
}

.elog-bar-row div {
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: #f2f4f7;
}

.elog-bar-row i {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: #ffd800;
}

.elog-bar-row em {
    color: #98a2b3;
    font-style: normal;
    text-align: right;
}

.elog-table {
    overflow-x: auto;
}

.elog-table table {
    width: 100%;
    min-width: 680px;
    border-collapse: collapse;
}

.elog-table th,
.elog-table td {
    padding: 10px 8px;
    border-bottom: 1px solid rgba(17, 24, 39, .07);
    color: #344054;
    font-size: .78rem;
    text-align: left;
}

.elog-table th {
    color: #667085;
    font-weight: 800;
    background: #f9fafb;
}

.elog-status {
    display: inline-flex;
    padding: 4px 8px;
    border-radius: 999px;
    background: #eef2ff;
    color: #2563eb;
    font-size: .72rem;
    font-weight: 800;
}

.elog-status--in_progress {
    background: #fff7ed;
    color: #ea580c;
}

.elog-status--resolved {
    background: #ecfdf3;
    color: #16a34a;
}

.elog-seo-grid {
    display: grid;
    grid-template-columns: 1.05fr 1.05fr .9fr;
    gap: 14px;
}

.elog-seo-grid h3 {
    margin: 0 0 8px;
    color: #111;
    font-size: .86rem;
    font-weight: 800;
}

.elog-seo-grid p {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 8px;
    align-items: center;
    margin: 0;
    padding: 8px 0;
    border-bottom: 1px solid rgba(17, 24, 39, .06);
    color: #344054;
    font-size: .77rem;
}

.elog-seo-grid span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.elog-seo-grid strong {
    color: #111;
}

.elog-route-list {
    display: grid;
    gap: 12px;
}

.elog-route-list div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 64px 64px 76px;
    gap: 10px;
    align-items: center;
    color: #344054;
    font-size: .78rem;
}

.elog-route-list span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
}

.elog-route-list strong,
.elog-route-list em {
    color: #111;
    font-style: normal;
    font-weight: 700;
}

.elog-route-list i {
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: #f2f4f7;
}

.elog-route-list b {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: #22c55e;
}

.elog-order-status {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.elog-order-status__item {
    display: grid;
    place-items: center;
    min-height: 150px;
    padding: 12px;
    text-align: center;
    border: 1px solid rgba(17, 24, 39, .07);
    border-radius: 14px;
    background: #fff;
}

.elog-order-status__item span {
    width: 52px;
    height: 52px;
    border-radius: 999px;
    background: #fff7ed;
    box-shadow: inset 0 0 0 10px rgba(245, 158, 11, .18);
}

.elog-order-status__item.is-info span {
    background: #eff6ff;
    box-shadow: inset 0 0 0 10px rgba(37, 99, 235, .18);
}

.elog-order-status__item.is-success span {
    background: #ecfdf3;
    box-shadow: inset 0 0 0 10px rgba(22, 163, 74, .18);
}

.elog-order-status__item.is-danger span {
    background: #fef2f2;
    box-shadow: inset 0 0 0 10px rgba(239, 68, 68, .18);
}

.elog-order-status__item p {
    margin: 6px 0 0;
    color: #475467;
    font-size: .78rem;
    font-weight: 700;
}

.elog-order-status__item strong {
    color: #111;
    font-size: 1.5rem;
    font-weight: 800;
}

.elog-order-status__item small {
    color: #98a2b3;
}

.elog-region {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(170px, .9fr);
    gap: 14px;
    align-items: center;
}

.elog-region__map {
    position: relative;
    min-height: 180px;
    border-radius: 14px;
    background:
        radial-gradient(circle at 42% 58%, #ffd800 0 8px, transparent 9px),
        radial-gradient(circle at 54% 42%, #ef4444 0 6px, transparent 7px),
        radial-gradient(circle at 64% 38%, #2563eb 0 6px, transparent 7px),
        radial-gradient(circle at 72% 50%, #f59e0b 0 6px, transparent 7px),
        linear-gradient(135deg, #f3f4f6, #fff);
    overflow: hidden;
}

.elog-region__map::before {
    content: "";
    position: absolute;
    inset: 20px;
    border: 1px dashed rgba(17, 24, 39, .16);
    border-radius: 48% 52% 45% 55%;
    transform: rotate(-12deg);
}

.elog-region__map .pin {
    position: absolute;
    width: 14px;
    height: 14px;
    border: 3px solid #fff;
    border-radius: 999px;
    box-shadow: 0 8px 16px rgba(15, 23, 42, .18);
}

.pin-vn { left: 42%; top: 58%; background: #16a34a; }
.pin-tw { left: 58%; top: 49%; background: #2563eb; }
.pin-kr { left: 65%; top: 37%; background: #f59e0b; }
.pin-jp { left: 74%; top: 47%; background: #ef4444; }

.elog-region__list {
    display: grid;
    gap: 10px;
}

.elog-region__list p {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 12px auto;
    gap: 8px;
    align-items: center;
    margin: 0;
    color: #344054;
    font-size: .78rem;
    font-weight: 700;
}

.elog-region__list i {
    background: var(--region-color);
}

.elog-region__list strong {
    color: #111;
    font-size: .76rem;
}

.elog-dashboard__foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 2px 0;
    color: #667085;
    font-size: .78rem;
}

.elog-dashboard__foot button {
    border: 0;
    background: transparent;
    color: #111;
    font-weight: 700;
}

@media (max-width: 1399.98px) {
    .elog-dashboard__stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .elog-dashboard__grid--top,
    .elog-dashboard__grid--middle,
    .elog-dashboard__grid--bottom {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .elog-panel--traffic,
    .elog-panel--seo {
        grid-column: 1 / -1;
    }
}

@media (max-width: 991.98px) {
    .elog-dashboard__head,
    .elog-dashboard__tools,
    .elog-dashboard__foot {
        align-items: stretch;
        flex-direction: column;
    }

    .elog-dashboard__tools label {
        width: 100%;
    }

    .elog-dashboard__stats,
    .elog-dashboard__grid--top,
    .elog-dashboard__grid--middle,
    .elog-dashboard__grid--bottom,
    .elog-seo-grid,
    .elog-region {
        grid-template-columns: 1fr;
    }

    .elog-source {
        grid-template-columns: 1fr;
        justify-items: center;
    }
}

@media (max-width: 575.98px) {
    .elog-stat-card {
        grid-template-columns: 38px minmax(0, 1fr);
    }

    .elog-stat-card > span {
        width: 38px;
        height: 38px;
    }

    .elog-bar-row,
    .elog-route-list div {
        grid-template-columns: 1fr;
    }

    .elog-order-status {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Admin header matching Elog dashboard mockup */
.fi-sidebar-header {
    position: relative;
    min-height: 82px !important;
    justify-content: center !important;
    border-bottom: 0 !important;
    background: #ffd800 !important;
    box-shadow: inset 0 -1px 0 rgba(17, 17, 17, .12);
}

.fi-sidebar-header a,
.fi-sidebar-header .fi-logo {
    display: none !important;
}

.fi-sidebar-header::before {
    content: "";
    width: 44px;
    height: 30px;
    margin-right: 10px;
    border-radius: 7px 16px 16px 7px;
    background:
        linear-gradient(#111 0 0) 9px 6px / 34px 6px no-repeat,
        linear-gradient(#111 0 0) 4px 14px / 38px 6px no-repeat,
        linear-gradient(#111 0 0) 0 22px / 30px 6px no-repeat;
    transform: skewX(-13deg);
}

.fi-sidebar-header::after {
    content: "ELOG\A EXPRESS" !important;
    white-space: pre;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #111 !important;
    font-size: 21px !important;
    font-weight: 900 !important;
    line-height: .9;
    letter-spacing: .5px !important;
}

.fi-topbar-ctn {
    z-index: 45 !important;
}

.fi-topbar {
    min-height: 82px !important;
    padding: 0 20px !important;
    gap: 14px !important;
    border-bottom: 1px solid rgba(17, 24, 39, .08) !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .05) !important;
    backdrop-filter: blur(16px);
}

.fi-topbar-start {
    display: none !important;
}

.elog-admin-topbar-title {
    order: 1;
    display: grid;
    min-width: 230px;
    margin-right: auto;
}

.elog-admin-topbar-title strong {
    color: #111;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
}

.elog-admin-topbar-title span {
    margin-top: 3px;
    color: #667085;
    font-size: 12px;
    font-weight: 600;
}

.elog-admin-topbar-tools {
    order: 2;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;
}

.fi-topbar-end {
    order: 3;
    gap: 10px !important;
}

.elog-admin-date-filter,
.elog-admin-search,
.elog-admin-bell,
.elog-admin-create {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
}

.elog-admin-date-filter,
.elog-admin-search {
    border: 1px solid rgba(17, 24, 39, .11);
    background: #fff;
    color: #344054;
}

.elog-admin-date-filter {
    gap: 8px;
    padding: 0 12px;
}

.elog-admin-date-filter svg,
.elog-admin-search svg,
.elog-admin-bell svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.elog-admin-date-filter i,
.elog-admin-create i {
    color: #667085;
    font-style: normal;
}

.elog-admin-search {
    width: min(300px, 25vw);
    gap: 9px;
    padding: 0 10px;
}

.elog-admin-search input {
    min-width: 0;
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: #111;
    font-size: 13px;
}

.elog-admin-search kbd {
    min-width: 32px;
    padding: 2px 6px;
    border: 1px solid rgba(17, 24, 39, .1);
    border-radius: 6px;
    background: #f5f6f8;
    color: #98a2b3;
    font-size: 11px;
    font-weight: 800;
    box-shadow: none;
}

.elog-admin-bell {
    position: relative;
    width: 42px;
    justify-content: center;
    color: #111 !important;
    background: #fff;
}

.elog-admin-bell span {
    position: absolute;
    top: 2px;
    right: 2px;
    min-width: 18px;
    height: 18px;
    display: grid;
    place-items: center;
    padding: 0 4px;
    border: 2px solid #fff;
    border-radius: 999px;
    background: #ffd800;
    color: #111;
    font-size: 10px;
    font-weight: 900;
}

.elog-admin-create {
    gap: 7px;
    padding: 0 14px;
    background: #ffd800;
    color: #111 !important;
    box-shadow: 0 10px 22px rgba(255, 216, 0, .24);
}

.elog-admin-create:hover {
    background: #111;
    color: #fff !important;
}

.elog-admin-create:hover i {
    color: #fff;
}

.fi-user-menu-trigger {
    min-height: 46px !important;
    padding: 4px 8px 4px 5px !important;
    border-radius: 12px !important;
    background: #fff !important;
}

.fi-user-menu-trigger-text {
    color: #111 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.fi-user-menu-trigger-text::after {
    content: "Quản trị viên";
    display: block;
    margin-top: 1px;
    color: #667085;
    font-size: 11px;
    font-weight: 600;
}

.fi-avatar {
    box-shadow: 0 0 0 2px #fff, 0 8px 18px rgba(15, 23, 42, .14);
}

.elog-dashboard {
    margin-top: -4px;
}

@media (max-width: 1199.98px) {
    .elog-admin-date-filter {
        display: none;
    }

    .elog-admin-search {
        width: min(250px, 30vw);
    }
}

@media (max-width: 991.98px) {
    .fi-topbar {
        min-height: auto !important;
        padding: 10px 12px !important;
        flex-wrap: wrap;
    }

    .elog-admin-topbar-title {
        min-width: 0;
        flex: 1 1 calc(100% - 100px);
    }

    .elog-admin-topbar-tools {
        order: 4;
        width: 100%;
    }

    .elog-admin-search {
        width: 100%;
        flex: 1 1 auto;
    }

    .elog-admin-create {
        display: none;
    }
}

@media (max-width: 640px) {
    .elog-admin-topbar-title strong {
        font-size: 15px;
    }

    .elog-admin-topbar-title span,
    .elog-admin-search kbd,
    .fi-user-menu-trigger-text {
        display: none !important;
    }
}