:root {
    --brand: #0B4D8B;
    --acc: #167CDA;
}

body {
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.hero {
    position: relative;
    color: #fff;
    background:
        linear-gradient(135deg, rgba(11, 77, 139, 0.85) 0%, rgba(22, 124, 218, 0.9) 55%, rgba(57, 161, 255, 0.95) 100%),
        url('../img/transporte-de-cargas.webp') center/cover no-repeat;
}

.shadow-soft {
    box-shadow: 0 10px 30px rgba(2, 6, 23, .12);
}

.badge-soft {
    background: rgba(255, 255, 255, .14);
    border: 1px solid rgba(255, 255, 255, .25);
}

.icon {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #eef6ff;
    color: #0B4D8B;
}

.menu {
    position: fixed;
    top: -100px;
    left: 0;
    width: 100%;
    background: #000;
    color: #fff;
    padding: 15px;
    transition: top 0.3s ease;
    z-index: 999;
    opacity: 0;
}

.menu.show {
    top: 0;
    opacity: 1;
}

.breadcrumb-area {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 150px;
    margin-top: 75px;
}

.bg-overlay {
    position: relative;
    z-index: 2;
    background-position: center center;
    background-size: 65%;
}

.bg-img {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-overlay::after {
    background-color: rgba(0, 0, 0, 0.70);
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
}

.jarallax {
    position: relative;
    z-index: 0;
}

.breadcrumb-area .breadcrumb-content h2 {
    color: #ffffff;
    font-size: 30px;
    text-transform: uppercase;
    display: block;
}

.breadcrumb-area .breadcrumb-content .breadcrumb .breadcrumb-item a {
    font-size: 16px;
    color: #ffffff;
    font-weight: 600;
}

.breadcrumb-area .breadcrumb-content .breadcrumb .breadcrumb-item.active {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.form-control,
.form-select {
    height: 40px;
}

.form-select {
    padding: .375rem 2.25rem .375rem .75rem
}

textarea.form-control {
    min-height: 70px;
}

.rotas_mais_buscadas .rota {
    color: #848484;
    text-decoration: none;
}

.rotas_mais_buscadas .rota div {
    margin-bottom: 30px;
    padding: 10px;
    border: 1px solid #848484;
    border-radius: 5px;
    transition: .2s;
    min-height: 80px;
    justify-content: center;
    align-items: center;
    display: flex;
}

@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1140px !important;
    }
}

/* Frete Nosso home */
body {
    overflow-x: hidden
}

:root {
    --navy: #062d68;
    --blue: #075dc9;
    --orange: #ff5b00;
    --pale: #f2f7fd;
    --line: #dbe5f0
}

html {
    scroll-behavior: smooth
}

body {
    font-family: "Segoe UI", Arial, sans-serif;
    color: var(--navy);
    background: #fff
}

.menu {
    position: sticky;
    top: 0;
    width: 100%;
    padding: 13px 0;
    background: #fff;
    color: var(--navy);
    box-shadow: 0 1px 8px rgba(6, 45, 104, .08);
    opacity: 1;
    z-index: 1000
}

.menu.show {
    top: 0
}

.navbar-brand,
.footer-brand {
    display: flex;
    align-items: center;
    text-decoration: none
}

.site-logo {
    display: block;
    width: auto;
    object-fit: contain
}

.navbar-logo {
    height: 48px;
    /* padding: 7px 12px;
    border-radius: 10px;
    background: linear-gradient(135deg, #0759ad, #063978) */
}

.footer-logo {
    height: 58px
}

.brand-mark {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #0665d2 45%, #ff6200 46%);
    color: #fff;
    font-size: 19px;
    font-weight: 900;
    font-style: italic
}

.brand-copy {
    font-size: 20px;
    font-weight: 900;
    line-height: .8;
    color: #0757b4;
    margin-left: 7px;
    font-style: italic
}

.brand-copy em {
    color: var(--orange);
    font-style: normal
}

.menu .nav-link {
    font-weight: 700;
    color: #082e66;
    padding: 16px 18px !important;
    position: relative
}

.menu .nav-link.active:after {
    content: "";
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 4px;
    height: 2px;
    background: var(--orange)
}

.menu .navbar-collapse {
    flex-grow: 0 !important
}

.menu .navbar-nav {
    justify-content: center
}

.menu .nav-quote {
    margin-left: auto
}

@media(min-width:992px){.menu>.container{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.menu .navbar-brand{justify-self:start}.menu .navbar-collapse{grid-column:2;justify-self:center}.menu .navbar-cta{grid-column:3;justify-self:end;align-items:center}.menu .navbar-toggler{display:none}}

.btn-brand {
    background: var(--orange);
    border-color: var(--orange);
    color: #fff;
    font-weight: 700;
    padding: .72rem 1.45rem;
    box-shadow: 0 7px 15px rgba(255, 91, 0, .18)
}

.btn-brand:hover,
.btn-brand:focus {
    background: #e95100;
    border-color: #e95100;
    color: #fff
}

.home-hero {
    min-height: 590px;
    background: linear-gradient(90deg, #f9fbfe 0%, rgba(242, 248, 255, .96) 38%, rgba(241, 248, 255, .5) 57%, rgba(241, 248, 255, 0) 74%), url('../img/hero-frete-nosso.png') center right/cover no-repeat
}

.hero-shell {
    padding-top: 68px;
    padding-bottom: 92px
}

.trust-pill {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 14px;
    border: 1px solid #d8e5f4;
    border-radius: 10px;
    background: rgba(255, 255, 255, .65);
    font-size: 13px;
    font-weight: 700
}

.trust-pill span {
    color: var(--orange)
}

.hero-copy h1 {
    font-size: 60px;
    line-height: 1.1;
    letter-spacing: 2px;
    margin: 22px 0;
    color: #07336d;
    font-weight: 700;
}

.hero-copy h1 strong {
    color: var(--orange)
}

.hero-copy>p {
    font-size: 17px;
    line-height: 1.55;
    max-width: 540px
}

.hero-benefits {
    display: flex;
    gap: 36px;
    margin-top: 52px
}

.hero-benefits>div {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px
}

.benefit-icon {
    width: 35px;
    height: 35px;
    display: grid;
    place-items: center;
    border: 2px solid #0965ce;
    border-radius: 50%;
    font-size: 18px;
    color: #0762c8;
    background: #fff;
    box-shadow: inset 0 0 0 4px #eef5ff
}

.quote-card {
    background: rgba(255, 255, 255, .96);
    border-radius: 14px;
    padding: 25px;
    box-shadow: 0 15px 35px rgba(2, 35, 76, .22);
    border: 1px solid rgba(212, 225, 239, .8)
}

.quote-card h2 {
    font-size: 23px;
    font-weight: 800;
    margin-bottom: 18px
}

.quote-card .form-label {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 6px
}

.quote-card .form-control,
.quote-card .form-select {
    height: 42px;
    border-color: #dbe4ee;
    font-size: 13px
}

.quote-card textarea.form-control {
    height: 66px;
    min-height: 66px
}

.form-consent {
    font-size: 9px;
    line-height: 1.35;
    color: #607086
}

.feature-wrap {
    margin-top: -43px;
    position: relative;
    z-index: 3
}

.feature-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background: #fff;
    border: 1px solid #dce5ee;
    border-radius: 13px;
    box-shadow: 0 10px 30px rgba(5, 45, 96, .1);
    padding: 24px 12px
}

.feature-grid article {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0 25px;
    border-right: 1px solid #dce5ee
}

.feature-grid article:last-child {
    border: 0
}

.feature-grid article>span {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #eff5ff;
    color: #0863ca;
    font-size: 28px
}

.feature-grid h3 {
    font-size: 15px;
    font-weight: 800;
    margin: 13px 0 8px
}

.feature-grid p {
    font-size: 12px;
    line-height: 1.65;
    color: #536785;
    margin: 0
}

.content-section {
    padding-top: 48px
}

.section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px
}

.section-heading h2,
.how-section>h2 {
    font-size: 20px;
    font-weight: 800;
    margin: 0
}

.section-heading a,
.article-card a {
    font-size: 12px;
    font-weight: 700;
    color: var(--orange);
    text-decoration: none
}

.route-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px
}

.route-grid>a {
    min-height: 142px;
    border: 1px solid var(--line);
    border-radius: 9px;
    padding: 24px 12px;
    text-decoration: none;
    color: var(--navy);
    box-shadow: 0 4px 13px rgba(7, 45, 90, .03)
}

.route-grid b {
    font-size: 15px
}

.route-grid i {
    color: var(--orange);
    font-style: normal
}

.route-grid span {
    padding: 0 5px
}

.route-grid small {
    display: block;
    margin-top: 30px;
    font-size: 9px;
    font-weight: 700
}

.cargo-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 8px
}

.cargo-grid a {
    height: 142px;
    border: 1px solid var(--line);
    border-radius: 9px;
    text-decoration: none;
    color: var(--navy);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center
}

.cargo-grid span {
    font-size: 31px;
    color: #0663ce;
    line-height: 1
}

.cargo-grid b {
    font-size: 9px;
    margin-top: 19px
}

.how-section>h2 {
    text-align: center;
    margin-bottom: 12px
}

.how-grid {
    border: 1px solid var(--line);
    border-radius: 9px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 13px 26px
}

.how-grid article {
    display: flex;
    gap: 15px;
    align-items: center;
    padding: 0 20px;
    position: relative
}

.how-grid article:not(:last-child):after {
    content: '›';
    position: absolute;
    right: 0;
    color: var(--navy);
    font-size: 29px
}

.how-grid article>span {
    min-width: 44px;
    height: 44px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #0964ce;
    color: #fff;
    font-size: 19px;
    font-weight: 800
}

.how-grid b {
    font-size: 12px
}

.how-grid p {
    font-size: 11px;
    margin: 3px 0 0;
    color: #405a7b
}

.cta-strip {
    margin-top: 30px;
    background: linear-gradient(90deg, #f2f7fd, #edf5ff);
    border-radius: 10px;
    min-height: 130px;
    padding: 20px 34px;
    display: flex;
    align-items: center;
    gap: 35px
}

.cta-strip img {
    width: 155px;
    /* height: 80px;
    object-fit: cover; */
    mix-blend-mode: multiply
}

.cta-strip h2 {
    font-size: 19px;
    font-weight: 800
}

.cta-strip p {
    font-size: 12px;
    margin: 0
}

.cta-action {
    margin-left: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 9px
}

.cta-action small {
    font-size: 10px;
    font-weight: 700
}

.articles-section {
    padding-bottom: 45px
}

.article-card {
    border: 1px solid var(--line);
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
    box-shadow: 0 3px 12px rgba(4, 44, 90, .04)
}

.article-card>img {
    width: 100%;
    height: 138px;
    object-fit: cover
}

.article-card>div {
    padding: 16px
}

.article-card small {
    font-size: 10px;
    color: #7b8aa0
}

.article-card h3 {
    font-size: 16px;
    line-height: 1.42;
    font-weight: 800;
    margin: 10px 0
}

.article-card p {
    font-size: 11px;
    line-height: 1.6;
    color: #536785
}

.site-footer {
    background: linear-gradient(120deg, #000000, #2e2e2e);
    color: #fff;
    padding: 36px 0 14px
}

.footer-brand {
    margin-bottom: 15px
}

.site-footer .brand-copy {
    color: #fff
}

.site-footer p {
    font-size: 12px;
    line-height: 1.65;
    max-width: 220px
}

.site-footer h3 {
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 14px
}

.site-footer .col-6>a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    margin-bottom: 9px;
    opacity: .95
}

.socials {
    display: flex;
    gap: 9px
}

.socials a {
    width: 28px;
    height: 28px;
    background: #fff;
    color: #07519c !important;
    border-radius: 50%;
    display: grid !important;
    place-items: center;
    font-weight: 800
}

.footer-bottom {
    text-align: center;
    font-size: 10px;
    margin-top: 25px;
    opacity: .9
}

@media(max-width:991.98px) {
    .menu .navbar-nav {
        align-items: stretch !important
    }

    .menu .nav-quote {
        margin: 8px 0
    }

    .menu .nav-link.active:after {
        display: none
    }

    .home-hero {
        background: linear-gradient(rgba(244, 249, 255, .92), rgba(244, 249, 255, .92)), url('../img/hero-frete-nosso.png') center/cover
    }

    .hero-shell {
        padding: 45px 12px 90px
    }

    .hero-copy h1 {
        font-size: 42px
    }

    .quote-card {
        margin-top: 20px
    }

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

    .feature-grid article:nth-child(2) {
        border-right: 0
    }

    .feature-grid article {
        padding: 22px
    }

    .feature-grid article:nth-child(-n+2) {
        border-bottom: 1px solid var(--line)
    }

    .cargo-grid {
        grid-template-columns: repeat(3, 1fr)
    }

    .how-grid {
        grid-template-columns: 1fr;
        gap: 18px
    }

    .how-grid article:not(:last-child):after {
        display: none
    }

    .cta-strip {
        flex-wrap: wrap
    }

    .cta-action {
        margin-left: 0
    }
}

@media(max-width:575.98px) {
    .navbar-logo{height:44px;padding:6px 10px}.footer-logo{height:52px}
    .brand-mark {
        width: 42px;
        height: 42px
    }

    .brand-copy {
        font-size: 18px
    }

    .hero-shell {
        padding-top: 34px
    }

    .hero-copy h1 {
        font-size: 37px
    }

    .hero-copy>p {
        font-size: 15px
    }

    .hero-benefits {
        gap: 13px;
        margin-top: 35px
    }

    .hero-benefits>div {
        gap: 5px;
        font-size: 9px
    }

    .benefit-icon {
        width: 29px;
        height: 29px
    }

    .quote-card {
        padding: 20px 16px
    }

    .feature-grid {
        grid-template-columns: 1fr
    }

    .feature-grid article {
        border-right: 0 !important;
        border-bottom: 1px solid var(--line) !important
    }

    .feature-grid article:last-child {
        border-bottom: 0 !important
    }

    .route-grid {
        overflow-x: auto
    }

    .route-grid>a {
        min-width: 135px
    }

    .cargo-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .cta-strip {
        padding: 22px;
        justify-content: center;
        text-align: center
    }

    .cta-strip img {
        display: none
    }

    .cta-action {
        width: 100%
    }

    .articles-section {
        padding-top: 40px
    }

    .site-footer {
        padding-top: 38px
    }
}

/* Quote page */
.quote-page{background:#fff}.quote-hero{padding:45px 0 82px;background:radial-gradient(circle at 92% 85%,rgba(7,95,201,.08) 0 2px,transparent 3px) 0 0/18px 18px,linear-gradient(105deg,#f6faff,#eef7ff)}.quote-intro h1{font-size:50px;line-height:1.02;letter-spacing:-1.5px;font-weight:800;margin:24px 0 18px}.quote-intro h1 strong{color:var(--orange)}.quote-lead{font-size:17px;line-height:1.55;max-width:480px}.quote-promises{display:grid;gap:24px;margin-top:32px}.quote-promises article{display:flex;gap:14px;align-items:flex-start}.quote-promises article>span{flex:0 0 43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#e7f1ff;color:#0562ce;font-size:23px}.quote-promises b{font-size:13px}.quote-promises p{font-size:12px;line-height:1.5;margin:3px 0 0;max-width:300px}.quote-page .quote-card{padding:28px 32px}.quote-page .quote-card h2{font-size:21px}.quote-page .quote-card .form-control,.quote-page .quote-card .form-select{height:44px}.quote-page .quote-card textarea.form-control{height:104px;min-height:104px}.quote-page .quote-card .btn-brand{background:#0661d5;border-color:#0661d5;box-shadow:0 7px 15px rgba(6,97,213,.2)}.quote-features{margin-top:-44px;position:relative;z-index:2}.quote-features .feature-grid{padding:20px 10px}.quote-section{padding-top:38px}.quote-section>h2{text-align:center;font-size:23px;font-weight:800;margin-bottom:17px}.quote-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:62px}.quote-step-grid article{min-height:175px;border:1px solid var(--line);border-radius:10px;padding:18px 25px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.quote-step-grid article:not(:last-child):after{content:'›';position:absolute;right:-43px;top:58px;font-size:45px;font-weight:300;color:#0662ce}.quote-step-grid i{position:absolute;left:18px;top:17px;width:42px;height:42px;border-radius:50%;background:#0763d5;color:#fff;display:grid;place-items:center;font-style:normal;font-size:20px;font-weight:800}.quote-step-grid article>span{font-size:44px;color:#0662cf;line-height:1;margin-bottom:12px}.quote-step-grid b{font-size:13px}.quote-step-grid p{font-size:11px;line-height:1.5;margin:8px 0 0;max-width:240px}.quote-types{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.quote-types article{min-height:105px;border:1px solid var(--line);border-radius:10px;padding:18px;display:flex;align-items:center;gap:16px}.quote-types article>span{font-size:40px;color:#0563cf}.quote-types b{font-size:12px}.quote-types p{font-size:9px;line-height:1.5;margin:4px 0 0}.faq-section{padding-bottom:26px}.faq-section .accordion-item{border:1px solid var(--line);border-radius:7px!important;overflow:hidden}.faq-section .accordion-button{font-size:11px;font-weight:600;color:var(--navy);padding:13px 17px;box-shadow:none;background:#fff}.faq-section .accordion-button:not(.collapsed){color:#075dc9;background:#f2f7fd}.faq-section .accordion-body{font-size:11px;line-height:1.55;color:#536785}.quote-cta{min-height:145px;margin-bottom:12px;border-radius:14px;overflow:hidden;padding:26px 38px;background:linear-gradient(100deg,#0860c4,#00347d);color:#fff;display:flex;align-items:center;gap:30px;position:relative}.quote-cta>div:first-child{max-width:480px;z-index:1}.quote-cta h2{font-size:22px;font-weight:800}.quote-cta p{font-size:14px;line-height:1.5;margin:0}.quote-cta .cta-action{margin-left:auto;margin-right:245px;z-index:2}.quote-cta-button{background:#fff;color:#0756b5;font-weight:800;padding:12px 28px;min-width:245px}.quote-cta .cta-action small{color:#fff}.quote-cta>img{position:absolute;right:0;top:0;width:270px;height:100%;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 28%)}
@media(max-width:991.98px){.quote-hero{padding:40px 0 86px}.quote-intro h1{font-size:43px}.quote-page .quote-card{margin-top:12px}.quote-step-grid{gap:18px}.quote-step-grid article:not(:last-child):after{display:none}.quote-types{grid-template-columns:repeat(2,1fr)}.quote-cta{padding:28px;flex-wrap:wrap}.quote-cta .cta-action{margin:0}.quote-cta>img{opacity:.25}}
@media(max-width:575.98px){.quote-hero{padding-top:30px}.quote-intro h1{font-size:38px}.quote-lead{font-size:15px}.quote-page .quote-card{padding:22px 17px}.quote-step-grid{grid-template-columns:1fr}.quote-types{grid-template-columns:1fr}.quote-cta{margin-left:12px;margin-right:12px;text-align:center;justify-content:center}.quote-cta .cta-action{width:100%}.quote-cta-button{width:100%;min-width:0}.quote-cta>img{display:none}}

/* Cargo categories */
.cargo-page,.cargo-detail-page{background:#fff}.cargo-hero{padding:65px 0 100px;background:radial-gradient(circle at 90% 20%,rgba(7,95,201,.08) 0 2px,transparent 3px) 0 0/19px 19px,linear-gradient(120deg,#f7faff,#edf6ff)}.cargo-hero h1{font-size:46px;line-height:1.08;font-weight:800;letter-spacing:-1px;margin:20px 0 14px}.cargo-hero h1 strong{color:var(--orange)}.cargo-hero p{max-width:650px;margin:0 auto;color:#4b6381}.cargo-list-section{margin-top:-50px;padding-bottom:45px}.cargo-list-heading{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 26px;margin-bottom:22px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 10px 28px rgba(5,45,96,.08)}.cargo-list-heading span{font-size:11px;text-transform:uppercase;color:var(--orange);font-weight:800}.cargo-list-heading h2{font-size:22px;font-weight:800;margin:3px 0 0}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.category-card{min-height:188px;border:1px solid var(--line);border-radius:11px;padding:22px;text-decoration:none;color:var(--navy);display:flex;gap:16px;transition:.25s;background:#fff}.category-card:hover{transform:translateY(-4px);border-color:#94bce9;box-shadow:0 12px 25px rgba(5,55,115,.1);color:var(--navy)}.category-icon{flex:0 0 50px;height:50px;border-radius:12px;display:grid;place-items:center;background:#edf5ff;color:#0864ce;font-size:26px}.category-card h3{font-size:16px;font-weight:800;margin:3px 0 9px}.category-card p{font-size:11px;line-height:1.55;color:#536785;margin:0 0 12px}.category-card b{font-size:11px;color:var(--orange)}.category-card b i{font-style:normal;margin-left:4px}.category-cta{margin-bottom:40px;border-radius:13px;background:linear-gradient(105deg,#075ec4,#032f70);color:#fff;padding:30px 38px;display:flex;align-items:center;justify-content:space-between}.category-cta h2{font-size:22px;font-weight:800}.category-cta p{font-size:13px;margin:0}.category-cta .btn{background:#fff;color:#0759bd;font-weight:800;padding:12px 24px}.cargo-detail-hero{padding:25px 0 65px;background:linear-gradient(120deg,#f8fbff,#edf6ff)}.cargo-detail-hero nav{display:flex;gap:9px;font-size:11px;margin-bottom:45px;color:#66809e}.cargo-detail-hero nav a{color:#075cc2;text-decoration:none}.detail-icon{width:66px;height:66px;display:grid;place-items:center;border-radius:16px;background:#e6f1ff;color:#0763ce;font-size:36px;margin-bottom:20px}.cargo-detail-hero h1{font-size:48px;line-height:1.05;font-weight:800}.cargo-detail-hero h1 strong{color:var(--orange)}.cargo-detail-hero .col-lg-7>p{font-size:16px;line-height:1.65;max-width:650px;margin:20px 0 25px}.detail-info-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px;box-shadow:0 14px 35px rgba(5,45,96,.1)}.detail-info-card h2{font-size:20px;font-weight:800}.detail-info-card ul{list-style:none;padding:0;margin:20px 0 0}.detail-info-card li{padding:11px 0;border-bottom:1px solid #e7eef6;font-size:13px}.detail-content{padding-top:48px;padding-bottom:48px}.detail-content h2,.related-categories h2{font-size:24px;font-weight:800}.detail-content p{color:#536785;line-height:1.75;font-size:14px}.detail-quote-box{background:#f0f6ff;border-left:4px solid #0763ce;border-radius:8px;padding:25px}.detail-quote-box h3{font-size:18px;font-weight:800}.detail-quote-box p{font-size:12px}.detail-quote-box a{font-size:13px;font-weight:800;color:var(--orange);text-decoration:none}.related-categories{padding-bottom:45px}.related-categories>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.related-categories a{border:1px solid var(--line);border-radius:9px;padding:16px;text-decoration:none;color:var(--navy);font-size:12px;font-weight:700}.related-categories a span{font-size:20px;color:#0763ce;margin-right:8px}
@media(max-width:991.98px){.category-grid{grid-template-columns:repeat(2,1fr)}.related-categories>div{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575.98px){.cargo-hero{padding:42px 0 85px}.cargo-hero h1{font-size:36px}.cargo-list-heading{align-items:flex-start;gap:15px;flex-direction:column}.cargo-list-heading .btn{width:100%}.category-grid{grid-template-columns:1fr}.category-card{min-height:0}.category-cta{margin-left:12px;margin-right:12px;text-align:center;flex-direction:column;gap:20px}.category-cta .btn{width:100%}.cargo-detail-hero h1{font-size:38px}.related-categories>div{grid-template-columns:1fr}}

/* Routes page */
.routes-page{background:#fff}.routes-hero{padding:62px 0 92px;background:radial-gradient(circle at 8% 15%,rgba(7,95,201,.075) 0 2px,transparent 3px) 0 0/20px 20px,linear-gradient(115deg,#f7faff,#edf6ff)}.routes-hero h1{font-size:48px;line-height:1.06;font-weight:800;letter-spacing:-1px;margin:20px 0 15px}.routes-hero h1 strong{color:var(--orange)}.routes-hero .col-lg-7>p{font-size:16px;line-height:1.6;max-width:600px}.route-search-box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:25px;box-shadow:0 14px 32px rgba(5,45,96,.1)}.route-search-box label{display:block;font-size:16px;font-weight:800;margin-bottom:13px}.route-search-box>div{height:48px;border:1px solid #cfdbe8;border-radius:8px;display:flex;align-items:center;overflow:hidden}.route-search-box>div>span{font-size:23px;color:#0763ce;padding-left:15px}.route-search-box input{height:100%;border:0;outline:0;flex:1;padding:0 12px;font-size:13px;color:var(--navy)}.route-search-box button{height:100%;border:0;background:#0763ce;color:#fff;padding:0 21px;font-size:12px;font-weight:800}.route-search-box small{display:block;margin-top:10px;color:#71839a;font-size:10px}.routes-summary{position:relative;z-index:2;margin-top:-42px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 28px rgba(5,45,96,.08);display:grid;grid-template-columns:repeat(4,1fr);padding:20px}.routes-summary>div{display:flex;align-items:center;justify-content:center;gap:13px;border-right:1px solid var(--line)}.routes-summary>div:last-child{border:0}.routes-summary>div>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#edf5ff;color:#0763ce;font-size:21px}.routes-summary p{margin:0}.routes-summary b,.routes-summary small{display:block}.routes-summary b{font-size:12px}.routes-summary small{font-size:10px;color:#6a7d95;margin-top:3px}.routes-list-section{padding-top:46px;padding-bottom:42px}.routes-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:21px}.routes-heading>div>span{font-size:10px;color:var(--orange);font-weight:800}.routes-heading h2{font-size:24px;font-weight:800;margin:4px 0}.routes-heading p{font-size:12px;color:#687d96;margin:0}.route-list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.route-card-new{min-height:150px;border:1px solid var(--line);border-radius:11px;padding:20px;display:flex;align-items:center;position:relative;text-decoration:none;color:var(--navy);background:#fff;transition:.2s}.route-card-new:hover{transform:translateY(-3px);border-color:#8bb9eb;box-shadow:0 10px 23px rgba(6,53,110,.09);color:var(--navy)}.route-points{align-self:stretch;width:31px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#0764d0;font-size:16px}.route-points i{width:1px;flex:1;margin:4px 0;background:repeating-linear-gradient(#9ab8d8 0 3px,transparent 3px 6px)}.route-points span:last-child{color:var(--orange)}.route-cities{display:flex;flex-direction:column;justify-content:space-between;align-self:stretch;padding-left:11px}.route-cities div{display:grid;grid-template-columns:auto auto;column-gap:7px}.route-cities small{grid-column:1/-1;font-size:8px;letter-spacing:.7px;color:#7b8da3}.route-cities b{font-size:13px;max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.route-cities em{font-size:10px;font-style:normal;color:#6b7d94;align-self:center}.route-arrow{position:absolute;right:18px;font-size:20px;color:#0763ce}.route-empty{display:none;text-align:center;padding:55px 20px;border:1px dashed #b8cbe0;border-radius:12px}.route-empty>span{font-size:40px;color:#0763ce}.route-empty h3{font-size:18px;font-weight:800}.route-empty p{font-size:12px}.routes-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:27px;padding-top:22px;border-top:1px solid var(--line)}.routes-pagination p{font-size:11px;color:#637992;margin:0}.routes-pagination>div{display:flex;align-items:center;gap:8px}.routes-pagination a,.routes-pagination span{min-width:39px;height:39px;padding:0 13px;border:1px solid var(--line);border-radius:7px;display:grid;place-items:center;text-decoration:none;font-size:11px;font-weight:700;color:var(--navy)}.routes-pagination span{background:#0763ce;color:#fff;border-color:#0763ce}.routes-cta{margin-bottom:42px;padding:28px 35px;border-radius:13px;background:linear-gradient(105deg,#075fc5,#032f70);color:#fff;display:flex;align-items:center;justify-content:space-between}.routes-cta h2{font-size:21px;font-weight:800}.routes-cta p{font-size:12px;margin:0}.routes-cta>a{background:#fff;color:#0759bd;text-decoration:none;font-weight:800;padding:12px 24px;border-radius:7px;font-size:12px}
@media(max-width:991.98px){.route-list-grid{grid-template-columns:repeat(2,1fr)}.routes-summary{grid-template-columns:repeat(2,1fr);gap:20px}.routes-summary>div:nth-child(2){border-right:0}.routes-summary>div{justify-content:flex-start;padding:0 15px}.routes-heading{align-items:flex-start;gap:20px}.routes-hero .route-search-box{margin-top:10px}}
@media(max-width:575.98px){.routes-hero{padding:40px 0 85px}.routes-hero h1{font-size:37px}.route-search-box{padding:18px}.route-search-box button{padding:0 13px}.routes-summary{margin-left:12px;margin-right:12px;grid-template-columns:1fr}.routes-summary>div{border-right:0;border-bottom:1px solid var(--line);padding-bottom:15px}.routes-summary>div:last-child{border-bottom:0;padding-bottom:0}.routes-heading{flex-direction:column}.routes-heading .btn{width:100%}.route-list-grid{grid-template-columns:1fr}.routes-pagination{align-items:flex-start;gap:14px;flex-direction:column}.routes-pagination>div{width:100%;justify-content:space-between}.routes-cta{margin-left:12px;margin-right:12px;text-align:center;flex-direction:column;gap:20px}.routes-cta>a{width:100%}}

/* Floating WhatsApp */
.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:1050;height:58px;display:flex;align-items:center;gap:10px;padding:0 18px 0 14px;border-radius:30px;background:#20b858;color:#fff;text-decoration:none;font-size:13px;font-weight:800;box-shadow:0 9px 25px rgba(14,112,53,.32);transition:transform .2s,background .2s,box-shadow .2s}.whatsapp-float:hover{color:#fff;background:#159c48;transform:translateY(-3px);box-shadow:0 13px 30px rgba(14,112,53,.4)}.whatsapp-float svg{width:31px;height:31px;flex:0 0 31px}.whatsapp-float:after{content:"";position:absolute;inset:-5px;border:1px solid rgba(32,184,88,.35);border-radius:36px;animation:whatsapp-pulse 2.2s infinite;pointer-events:none}@keyframes whatsapp-pulse{0%{transform:scale(.96);opacity:0}30%{opacity:1}100%{transform:scale(1.13);opacity:0}}
@media(max-width:575.98px){.whatsapp-float{right:16px;bottom:16px;width:56px;height:56px;padding:0;justify-content:center}.whatsapp-float-label{display:none}.whatsapp-float svg{width:32px;height:32px}}

/* Contact page */
.contact-page{background:#f8fbff}.contact-hero{padding:58px 0 105px;background:radial-gradient(circle at 90% 20%,rgba(7,95,201,.08) 0 2px,transparent 3px) 0 0/19px 19px,linear-gradient(120deg,#f7faff,#edf6ff)}.contact-hero h1{font-size:46px;font-weight:800;letter-spacing:-1px;margin:20px 0 12px}.contact-hero h1 strong{color:var(--orange)}.contact-hero p{color:#526b88}.contact-content{margin-top:-62px;padding-bottom:55px}.contact-info,.contact-form-card{height:100%;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 12px 32px rgba(5,45,96,.08)}.contact-info{padding:34px;background:linear-gradient(145deg,#075fc6,#032e6d);color:#fff}.contact-info-icon{width:55px;height:55px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.14);font-size:27px}.contact-info h2,.contact-form-card h2{font-size:24px;font-weight:800;margin:20px 0 8px}.contact-info>p{font-size:13px;line-height:1.6;opacity:.9}.contact-info-list{display:grid;gap:18px;margin:30px 0}.contact-info-list>div{display:flex;gap:13px;align-items:flex-start}.contact-info-list>div>span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.13)}.contact-info-list p{margin:0}.contact-info-list b,.contact-info-list small{display:block}.contact-info-list b{font-size:12px}.contact-info-list small{font-size:10px;line-height:1.5;margin-top:3px;opacity:.8}.contact-info>a{color:#fff;font-size:12px;font-weight:800}.contact-form-card{padding:34px}.contact-form-card>h2{margin-top:0}.contact-form-card>p{font-size:12px;color:#6d8098;margin-bottom:20px}.contact-form-card .form-label{font-size:11px;font-weight:800}.contact-form-card .form-control{height:47px;border-color:#d5e0eb;font-size:13px}.contact-form-card textarea.form-control{height:145px;min-height:145px}.contact-form-card .btn{min-width:190px}
@media(max-width:575.98px){.contact-hero{padding:40px 0 95px}.contact-hero h1{font-size:37px}.contact-info,.contact-form-card{padding:24px}.contact-form-card .btn{width:100%}}

/* Companies by city */
.company-actions .company-whatsapp{background:#20b858;border-color:#20b858;color:#fff}.company-actions .company-whatsapp:hover{background:#169d49;border-color:#169d49;color:#fff}
.companies-city-page{background:#fff}.companies-city-hero{padding:25px 0 85px;background:radial-gradient(circle at 90% 15%,rgba(7,95,201,.08) 0 2px,transparent 3px) 0 0/19px 19px,linear-gradient(120deg,#f7faff,#edf6ff)}.companies-city-hero nav{display:flex;gap:9px;margin-bottom:44px;font-size:10px;color:#71839a}.companies-city-hero nav a{color:#075ec7;text-decoration:none}.companies-city-hero h1{font-size:49px;line-height:1.05;font-weight:800;letter-spacing:-1px;margin:20px 0 15px}.companies-city-hero h1 strong{color:var(--orange)}.companies-city-hero .col-lg-8>p{font-size:16px;color:#506985}.companies-city-stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:25px;display:flex;align-items:center;gap:16px;box-shadow:0 12px 30px rgba(5,45,96,.09)}.companies-city-stat>span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#0763ce;color:#fff;font-size:24px;font-weight:800}.companies-city-stat p{margin:0}.companies-city-stat b,.companies-city-stat small{display:block}.companies-city-stat b{font-size:13px}.companies-city-stat small{font-size:10px;color:#6f8198;margin-top:4px}.companies-city-content{padding-top:45px;padding-bottom:45px}.companies-city-heading,.other-cities-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}.companies-city-heading>div>span,.other-cities-heading>div>span{font-size:10px;color:var(--orange);font-weight:800}.companies-city-heading h2,.other-cities-heading h2{font-size:25px;font-weight:800;margin:4px 0}.companies-city-heading p,.other-cities-heading p{font-size:11px;color:#687d96;margin:0}.company-list{display:grid;gap:18px}.company-card{border:1px solid var(--line);border-radius:13px;background:#fff;overflow:hidden;box-shadow:0 6px 19px rgba(5,45,96,.05)}.company-card-main{padding:24px;display:flex}.company-logo{width:135px;height:92px;flex:0 0 135px;border:1px solid #e1e9f2;border-radius:10px;display:grid;place-items:center;overflow:hidden;background:#f8fbff}.company-logo img{width:100%;height:100%;object-fit:contain;padding:10px}.company-logo>span{font-size:25px;font-weight:800;color:#0763ce}.company-info{padding-left:23px;flex:1}.company-title{display:flex;align-items:center;gap:12px}.company-title h3{font-size:20px;font-weight:800;margin:0}.company-title>span{background:#e8f8ee;color:#148148;border-radius:20px;padding:5px 9px;font-size:9px;font-weight:800}.company-info>p{font-size:11px;color:#60758f;margin:11px 0 16px}.company-actions{display:flex;gap:8px}.company-actions a{border:1px solid #cedbe8;border-radius:6px;padding:8px 13px;color:var(--navy);text-decoration:none;font-size:10px;font-weight:700}.company-actions .company-quote{background:#0763ce;border-color:#0763ce;color:#fff}.company-cities{border-top:1px solid var(--line);background:#f8fbff;padding:15px 24px}.company-cities>b{font-size:10px}.company-cities>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.company-cities a{background:#fff;border:1px solid #d9e4ef;border-radius:18px;padding:6px 10px;text-decoration:none;color:#315578;font-size:9px}.companies-empty{text-align:center;padding:55px;border:1px dashed #b7cadf;border-radius:12px}.other-service-cities{background:#f5f9fe;padding:48px 0}.other-cities-heading label{height:40px;border:1px solid #d3dfeb;border-radius:7px;background:#fff;padding:0 12px;display:flex;align-items:center;color:#0763ce}.other-cities-heading input{border:0;outline:0;font-size:11px;margin-left:6px;width:180px}.other-cities-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.other-cities-grid>a{min-height:68px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px;display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--navy)}.other-cities-grid>a>span{color:var(--orange)}.other-cities-grid p{margin:0;flex:1}.other-cities-grid b,.other-cities-grid small{display:block}.other-cities-grid b{font-size:10px}.other-cities-grid small{font-size:8px;color:#71849a;margin-top:3px}.other-cities-grid i{font-style:normal;color:#0763ce}.companies-city-cta{margin-top:35px;margin-bottom:40px;padding:29px 36px;border-radius:13px;background:linear-gradient(105deg,#0761c8,#032e6d);color:#fff;display:flex;align-items:center;justify-content:space-between}.companies-city-cta h2{font-size:21px;font-weight:800}.companies-city-cta p{font-size:12px;margin:0}.companies-city-cta>a{background:#fff;border-radius:7px;color:#075abd;text-decoration:none;padding:12px 22px;font-size:11px;font-weight:800}
@media(max-width:991.98px){.other-cities-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:575.98px){.companies-city-hero{padding-bottom:65px}.companies-city-hero h1{font-size:37px}.companies-city-heading,.other-cities-heading{align-items:flex-start;flex-direction:column;gap:16px}.companies-city-heading .btn{width:100%}.company-card-main{flex-direction:column}.company-logo{width:100%;height:120px}.company-info{padding:18px 0 0}.company-title{align-items:flex-start;flex-direction:column}.company-actions{flex-wrap:wrap}.company-actions a{flex:1;text-align:center}.other-cities-heading label{width:100%}.other-cities-heading input{width:100%}.other-cities-grid{grid-template-columns:1fr}.companies-city-cta{margin-left:12px;margin-right:12px;text-align:center;flex-direction:column;gap:20px}.companies-city-cta>a{width:100%}}

/* Served cities */
.served-cities-page{background:#fff}.served-cities-hero{padding:60px 0 100px;background:radial-gradient(circle at 90% 20%,rgba(7,95,201,.08) 0 2px,transparent 3px) 0 0/19px 19px,linear-gradient(120deg,#f7faff,#edf6ff)}.served-cities-hero h1{font-size:49px;font-weight:800;letter-spacing:-1px;margin:20px 0 12px}.served-cities-hero h1 strong{color:var(--orange)}.served-cities-hero>div>p{max-width:670px;margin:0 auto;color:#526b88}.served-city-search{max-width:590px;height:54px;margin:28px auto 0;background:#fff;border:1px solid #cfdeec;border-radius:10px;display:flex;align-items:center;padding:0 17px;box-shadow:0 9px 23px rgba(5,45,96,.08)}.served-city-search>span{font-size:23px;color:#0763ce}.served-city-search input{border:0;outline:0;flex:1;padding:0 12px;font-size:12px}.served-city-search small{color:#6c8098;font-size:10px;font-weight:700}.served-cities-content{padding-top:44px;padding-bottom:40px}.served-cities-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}.served-cities-heading>div>span{font-size:10px;color:var(--orange);font-weight:800}.served-cities-heading h2{font-size:25px;font-weight:800;margin:4px 0}.served-cities-heading p{font-size:11px;color:#687d96;margin:0}.served-cities-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.served-cities-grid>a{min-height:105px;border:1px solid var(--line);border-radius:10px;padding:15px;display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy);transition:.2s}.served-cities-grid>a:hover{transform:translateY(-3px);border-color:#91bcea;box-shadow:0 9px 20px rgba(5,45,96,.08);color:var(--navy)}.served-city-rank{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;background:#edf5ff;color:#0763ce;font-size:10px;font-weight:800}.served-cities-grid>a>div{flex:1}.served-cities-grid small{font-size:7px;letter-spacing:.6px;color:#8796a9}.served-cities-grid h3{font-size:12px;font-weight:800;margin:4px 0}.served-cities-grid p{font-size:8px;color:#6d8199;margin:0}.served-cities-grid i{font-style:normal;color:#0763ce}.served-cities-empty{display:none;text-align:center;padding:55px 20px;border:1px dashed #b9cce0;border-radius:12px}.served-cities-empty>span{font-size:40px;color:#0763ce}.served-cities-empty h3{font-size:18px;font-weight:800}.served-cities-empty p{font-size:12px}.served-cities-cta{margin-bottom:40px;border-radius:13px;padding:30px 38px;background:linear-gradient(105deg,#0760c6,#032f70);color:#fff;display:flex;align-items:center;justify-content:space-between}.served-cities-cta h2{font-size:21px;font-weight:800}.served-cities-cta p{font-size:12px;margin:0}.served-cities-cta>a{padding:12px 22px;background:#fff;border-radius:7px;color:#075abd;text-decoration:none;font-size:11px;font-weight:800}
@media(max-width:991.98px){.served-cities-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:575.98px){.served-cities-hero{padding:40px 0 80px}.served-cities-hero h1{font-size:38px}.served-city-search small{display:none}.served-cities-heading{align-items:flex-start;flex-direction:column;gap:16px}.served-cities-heading .btn{width:100%}.served-cities-grid{grid-template-columns:1fr}.served-cities-cta{margin-left:12px;margin-right:12px;text-align:center;flex-direction:column;gap:20px}.served-cities-cta>a{width:100%}}

/* Route detail */
.route-companies{padding-top:8px;padding-bottom:45px}
.route-detail-page{background:#fff}.route-detail-hero{padding:22px 0 88px;background:radial-gradient(circle at 92% 15%,rgba(7,95,201,.08) 0 2px,transparent 3px) 0 0/19px 19px,linear-gradient(115deg,#f7faff,#edf6ff)}.route-detail-hero nav{display:flex;gap:9px;margin-bottom:40px;font-size:10px;color:#71839a}.route-detail-hero nav a{color:#075fc6;text-decoration:none}.route-detail-intro h1{font-size:42px;line-height:1.08;font-weight:800;letter-spacing:-1px;margin:20px 0 16px}.route-detail-intro h1 strong{color:var(--orange)}.route-detail-intro>p{font-size:15px;line-height:1.6;color:#526b88}.route-visual{margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px;display:flex;align-items:center;gap:10px}.route-visual>div{display:flex;align-items:center;gap:9px;flex:1}.route-visual>div>span{color:#0763ce;font-size:19px}.route-visual>div:last-child>span{color:var(--orange)}.route-visual p{margin:0}.route-visual small,.route-visual b{display:block}.route-visual small{font-size:7px;color:#8091a5}.route-visual b{font-size:10px}.route-visual>i{height:1px;flex:0 0 35px;background:#9ab6d3;position:relative}.route-visual>i:after{content:'›';position:absolute;right:-2px;top:-11px;color:#0763ce;font-size:17px}.route-detail-hero .quote-card{padding:27px 30px}.route-detail-hero .quote-card h2{font-size:21px}.route-detail-hero .quote-card textarea.form-control{height:83px;min-height:83px}.route-detail-hero .quote-card .btn-brand{background:#0763ce;border-color:#0763ce}.route-detail-features{position:relative;z-index:2;margin-top:-43px}.route-detail-features .feature-grid{padding:20px 10px}.route-information{padding-top:48px;padding-bottom:25px}.route-info-heading>span{font-size:10px;color:var(--orange);font-weight:800}.route-info-heading h2{font-size:25px;font-weight:800;margin:4px 0 22px}.route-description-card,.route-summary-card{height:100%;border:1px solid var(--line);border-radius:12px;padding:27px;background:#fff}.route-description-card h3,.route-summary-card h3,.nearby-cities h3{font-size:16px;font-weight:800}.route-description-card p{font-size:13px;line-height:1.75;color:#526b88}.route-description-card p:last-child{margin-bottom:0}.route-summary-card{background:#f4f8fd}.route-summary-card>div{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid #dae5ef}.route-summary-card>div:last-child{border-bottom:0}.route-summary-card>div>span{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#0763ce}.route-summary-card p{margin:0}.route-summary-card small,.route-summary-card b{display:block}.route-summary-card small{font-size:7px;color:#7b8ca0}.route-summary-card b{font-size:10px;margin-top:3px}.nearby-cities{margin-top:2px}.nearby-cities article{border:1px solid var(--line);border-radius:11px;padding:23px;height:100%}.nearby-cities article>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.nearby-cities article span{border:1px solid #d9e4ef;border-radius:18px;padding:7px 11px;color:#315578;font-size:9px}.route-detail-how{padding-top:28px;padding-bottom:35px}.route-detail-how>h2{text-align:center;font-size:23px;font-weight:800;margin-bottom:17px}.route-detail-how>div{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:10px;padding:17px}.route-detail-how article{display:flex;align-items:center;gap:13px;padding:0 23px;border-right:1px solid var(--line)}.route-detail-how article:last-child{border:0}.route-detail-how article>span{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;background:#0763ce;color:#fff;font-weight:800}.route-detail-how p{margin:0}.route-detail-how b,.route-detail-how small{display:block}.route-detail-how b{font-size:11px}.route-detail-how small{font-size:9px;color:#667b94;margin-top:3px}.route-detail-cta{margin-bottom:40px;padding:29px 36px;border-radius:13px;background:linear-gradient(105deg,#0761c8,#032e6d);color:#fff;display:flex;align-items:center;justify-content:space-between}.route-detail-cta h2{font-size:21px;font-weight:800}.route-detail-cta p{font-size:12px;margin:0}.route-detail-cta>a{background:#fff;border-radius:7px;color:#075abd;text-decoration:none;padding:12px 22px;font-size:11px;font-weight:800}
@media(max-width:991.98px){.route-detail-hero{padding-bottom:90px}.route-detail-hero .quote-card{margin-top:10px}.route-detail-how>div{gap:18px;grid-template-columns:1fr}.route-detail-how article{border-right:0;border-bottom:1px solid var(--line);padding:12px}.route-detail-how article:last-child{border-bottom:0}}
@media(max-width:575.98px){.route-detail-hero{padding-top:18px}.route-detail-hero nav{flex-wrap:wrap;margin-bottom:30px}.route-detail-intro h1{font-size:35px}.route-visual{align-items:flex-start;flex-direction:column}.route-visual>i{width:1px;height:20px;flex:0 0 20px;margin-left:9px}.route-visual>i:after{display:none}.route-detail-hero .quote-card{padding:22px 17px}.route-info-heading h2{font-size:21px}.route-detail-cta{margin-left:12px;margin-right:12px;text-align:center;flex-direction:column;gap:20px}.route-detail-cta>a{width:100%}}