/* =========================================================
   Transportation Arrangements
   Direct, capability-led service page.
   ========================================================= */

.transportation-hero {
    min-height: 650px;
    display: flex;
    align-items: center;
    background-position: center;
    background-size: cover;
}

.transportation-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 850px);
}

.transportation-hero-copy h1 {
    margin: 18px 0 24px;
    color: #fff;
    font-size: clamp(3.2rem, 5vw, 5.7rem);
    line-height: 1.02;
}

.transportation-hero-copy > p {
    max-width: 760px;
    margin: 0;
    color: rgba(255, 255, 255, .86);
    font-size: 1.12rem;
    line-height: 1.9;
}

.transportation-hero .breadcrumb-lite,
.transportation-hero .breadcrumb-lite a {
    color: rgba(255, 255, 255, .68);
}

/* Selection */

.transportation-selection-points {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 32px;
}

.transportation-selection-points span {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    padding: 10px 13px;
    border: 1px solid var(--line);
    background: var(--cream);
    color: var(--navy);
    font-size: .8rem;
    font-weight: 600;
}

.transportation-selection-points i {
    color: var(--orange);
}

.transportation-selection-image {
    margin: 0;
    overflow: hidden;
}

.transportation-selection-image img {
    width: 100%;
    height: 540px;
    object-fit: cover;
    transition: transform .5s ease;
}

.transportation-selection-image:hover img {
    transform: scale(1.025);
}

/* Why Aakash */

.transportation-why-heading {
    margin-bottom: 64px;
}

.transportation-why-card-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

.transportation-why-card {
    position: relative;
    min-height: 205px;
    padding: 30px 34px;
    border: 1px solid var(--orange);
    background: var(--orange);
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr) 68px;
    gap: 24px;
    align-items: center;
    transition:
        transform .3s ease,
        background .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.transportation-why-card--wide {
    grid-column: 1 / -1;
}

.transportation-why-card-icon {
    width: 78px;
    height: 78px;
    display: grid;
    place-items: center;
    background: #fff;
    color: var(--orange);
    font-size: 1.75rem;
}

.transportation-why-card-copy h3 {
    margin: 0 0 10px;
    color: #fff;
    font-size: 1.16rem;
}

.transportation-why-card-copy p {
    margin: 0;
    color: rgba(255, 255, 255, .88);
    font-size: .86rem;
    line-height: 1.7;
}

.transportation-why-number {
    display: grid;
    min-height: 94px;
    place-items: center;
    border-left: 1px dashed rgba(255, 255, 255, .48);
    color: #fff;
    font-size: 2rem;
    font-weight: 500;
}

.transportation-why-card:hover {
    transform: translateY(-6px);
    background: #fff;
    border-color: var(--orange);
    box-shadow: 0 22px 50px rgba(0, 27, 57, .09);
}

.transportation-why-card:hover .transportation-why-card-icon {
    background: var(--cream);
    color: var(--orange);
}

.transportation-why-card:hover .transportation-why-card-copy h3 {
    color: var(--navy);
}

.transportation-why-card:hover .transportation-why-card-copy p {
    color: var(--charcoal);
}

.transportation-why-card:hover .transportation-why-number {
    border-left-color: rgba(254, 132, 5, .45);
    color: var(--orange);
}

/* Transport options */

.transportation-options-heading {
    max-width: 760px;
    margin-bottom: 58px;
}

.transportation-options-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.transportation-option-card {
    overflow: hidden;
    border: 1px solid var(--line);
    background: #fff;
}

.transportation-option-card img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    transition: transform .45s ease;
}

.transportation-option-card:hover img {
    transform: scale(1.035);
}

.transportation-option-card > div {
    padding: 26px 24px 28px;
}

.transportation-option-card h3 {
    margin-bottom: 10px;
    color: var(--navy);
    font-size: 1.1rem;
}

.transportation-option-card p {
    margin: 0;
    color: var(--muted);
    font-size: .84rem;
    line-height: 1.7;
}

/* Needs */

.transportation-needs-heading {
    max-width: 820px;
    margin-bottom: 62px;
}

.transportation-needs-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid rgba(255, 255, 255, .16);
    border-left: 1px solid rgba(255, 255, 255, .16);
}

.transportation-needs-grid article {
    min-height: 350px;
    padding: 42px 34px;
    border-right: 1px solid rgba(255, 255, 255, .16);
    border-bottom: 1px solid rgba(255, 255, 255, .16);
}

.transportation-needs-icon {
    width: 64px;
    height: 64px;
    margin-bottom: 32px;
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, .08);
    color: var(--orange);
    font-size: 1.55rem;
}

.transportation-needs-grid h3 {
    margin-bottom: 20px;
    color: #fff;
    font-size: 1.2rem;
}

.transportation-needs-grid ul {
    display: grid;
    gap: 11px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.transportation-needs-grid li {
    position: relative;
    padding-left: 18px;
    color: rgba(255, 255, 255, .72);
    font-size: .88rem;
    line-height: 1.65;
}

.transportation-needs-grid li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .7em;
    width: 6px;
    height: 6px;
    background: var(--orange);
}

/* Enquiry */

.transportation-enquiry-heading {
    max-width: 820px;
    margin-bottom: 58px;
}

.transportation-enquiry-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 42px;
    align-items: start;
}

.transportation-enquiry-form {
    padding: 44px;
    border: 1px solid var(--line);
    background: #fff;
}

.transportation-form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 24px;
}

.transportation-enquiry-form label {
    display: block;
    color: var(--navy);
    font-size: .78rem;
    font-weight: 600;
    line-height: 1.45;
}

.optional-label {
    display: inline;
    margin-left: 4px;
    color: var(--muted);
    font-size: .72rem;
    font-weight: 400;
    white-space: nowrap;
}

.transportation-enquiry-form input,
.transportation-enquiry-form select,
.transportation-enquiry-form textarea {
    display: block;
    width: 100%;
    min-height: 48px;
    margin-top: 7px;
    padding: 11px 13px;
    border: 1px solid #bfc5cc;
    border-radius: 0;
    background: #fff;
    color: var(--charcoal);
    font: inherit;
    font-weight: 400;
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.transportation-enquiry-form textarea {
    resize: vertical;
}

.transportation-enquiry-form input:hover,
.transportation-enquiry-form select:hover,
.transportation-enquiry-form textarea:hover {
    border-color: #8f99a5;
}

.transportation-enquiry-form input:focus,
.transportation-enquiry-form select:focus,
.transportation-enquiry-form textarea:focus {
    border-color: var(--orange);
    box-shadow: 0 0 0 3px rgba(254, 132, 5, .09);
}

.transportation-date-input {
    color-scheme: dark;
    cursor: pointer;
}

.transportation-form-full {
    grid-column: 1 / -1;
}

.transportation-form-actions {
    display: flex;
    gap: 22px;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}

.transportation-form-actions > span {
    max-width: 430px;
    color: var(--muted);
    font-size: .72rem;
    line-height: 1.55;
}

.transportation-enquiry-aside {
    padding: 32px;
    border: 1px solid var(--line);
    background: #fff;
}

.transportation-enquiry-aside ul {
    display: grid;
    gap: 22px;
    margin: 24px 0 30px;
    padding: 0;
    list-style: none;
}

.transportation-enquiry-aside li {
    display: grid;
    grid-template-columns: 32px 1fr;
    gap: 12px;
    color: var(--navy);
    font-size: .84rem;
    line-height: 1.65;
}

.transportation-enquiry-aside li i {
    color: var(--orange);
}

.transportation-direct-contact {
    padding-top: 24px;
    border-top: 1px solid var(--line);
}

.transportation-direct-contact span,
.transportation-direct-contact a {
    display: block;
}

.transportation-direct-contact span {
    margin-bottom: 10px;
    color: var(--muted);
    font-size: .68rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.transportation-direct-contact a {
    margin-top: 6px;
    color: var(--navy);
    font-weight: 700;
    text-decoration: none;
}

@media (max-width: 991px) {
    .transportation-hero {
        min-height: auto;
        padding: 120px 0 90px;
    }

    .transportation-why-card-grid,
    .transportation-options-grid,
    .transportation-needs-grid {
        grid-template-columns: 1fr 1fr;
    }

    .transportation-why-card--wide,
    .transportation-needs-grid article:last-child {
        grid-column: 1 / -1;
    }

    .transportation-enquiry-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575px) {
    .transportation-hero {
        padding: 100px 0 70px;
    }

    .transportation-hero-copy h1 {
        font-size: 2.75rem;
    }

    .transportation-selection-image img {
        height: 400px;
    }

    .transportation-why-card-grid,
    .transportation-options-grid,
    .transportation-needs-grid,
    .transportation-form-grid {
        grid-template-columns: 1fr;
    }

    .transportation-why-card--wide,
    .transportation-needs-grid article:last-child {
        grid-column: auto;
    }

    .transportation-why-card {
        min-height: auto;
        padding: 24px 20px;
        grid-template-columns: 66px minmax(0, 1fr) 44px;
        gap: 14px;
    }

    .transportation-why-card-icon {
        width: 60px;
        height: 60px;
        font-size: 1.35rem;
    }

    .transportation-why-number {
        min-height: 72px;
        font-size: 1.35rem;
    }

    .transportation-enquiry-form,
    .transportation-enquiry-aside {
        padding: 30px 24px;
    }

    .transportation-form-full {
        grid-column: auto;
    }

    .transportation-form-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .transportation-form-actions .btn {
        width: 100%;
    }
}

/* v49 transportation orientation */
.transportation-hero{min-height:0;padding:0;background:#fff}.transportation-hero-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);min-height:650px}.transportation-hero-copy{padding:92px 62px 82px 0;align-self:center}.transportation-hero-copy .breadcrumb-lite,.transportation-hero-copy .breadcrumb-lite a{color:var(--muted)}.transportation-hero-copy h1{margin:18px 0 24px;color:var(--navy);font-size:clamp(3.7rem,5.5vw,6.2rem);line-height:.96}.transportation-hero-copy>p{max-width:610px;color:var(--charcoal);font-size:1.08rem;line-height:1.8}.transportation-hero-highlights{display:flex;flex-wrap:wrap;gap:24px;margin:32px 0}.transportation-hero-highlights span{display:flex;gap:9px;align-items:center;color:var(--navy);font-size:.76rem}.transportation-hero-highlights i{color:var(--orange);font-size:1.2rem}.transportation-hero-visual{position:relative;overflow:hidden;min-height:650px}.transportation-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.2) 13%,transparent 32%)}.transportation-hero-visual img{width:100%;height:100%;object-fit:cover}.transportation-selection-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.65fr);gap:80px;align-items:end}.transportation-selection-strip{display:grid;grid-template-columns:repeat(5,1fr);margin-top:48px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.transportation-selection-strip span{display:flex;gap:10px;justify-content:center;align-items:center;padding:22px 14px;border-right:1px solid var(--line);color:var(--navy);font-size:.8rem;font-weight:600}.transportation-selection-strip span:last-child{border-right:0}.transportation-selection-strip i{color:var(--orange)}.transportation-why-title{max-width:780px;margin:0 auto 50px;text-align:center}.transportation-why-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid rgba(254,132,5,.28);background:#fff}.transportation-why-grid article{position:relative;min-height:285px;padding:34px 25px;border-right:1px dashed rgba(254,132,5,.35);text-align:center;transition:.25s}.transportation-why-grid article:last-child{border-right:0}.transportation-why-grid article:hover{transform:translateY(-5px);background:#fffaf5}.transportation-why-grid article>span{position:absolute;top:18px;left:18px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:#fff;font-size:.72rem;font-weight:700}.transportation-why-grid i{width:70px;height:70px;margin:12px auto 24px;display:grid;place-items:center;border-radius:50%;background:var(--cream);color:var(--navy);font-size:1.7rem}.transportation-why-grid h3{min-height:46px;margin:0 0 12px;color:var(--navy);font-size:1rem}.transportation-why-grid p{margin:0;color:var(--muted);font-size:.79rem;line-height:1.65}.transportation-options-heading{margin-left:auto;margin-right:auto;text-align:center}.transportation-options-grid{gap:12px}.transportation-option-card{border-radius:12px}.transportation-option-card img{height:225px}.transportation-option-card>div{padding:22px 18px 25px;text-align:center}.transportation-option-card h3{font-size:1rem}@media(max-width:1199px){.transportation-hero-layout{grid-template-columns:1fr 1fr}.transportation-why-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:991px){.transportation-hero-layout{grid-template-columns:1fr}.transportation-hero-copy{padding:70px 0 50px}.transportation-hero-visual{min-height:480px}.transportation-selection-intro{grid-template-columns:1fr;gap:22px}.transportation-selection-strip,.transportation-why-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:575px){.transportation-hero-copy h1{font-size:3.2rem}.transportation-hero-visual{min-height:350px}.transportation-selection-strip,.transportation-why-grid{grid-template-columns:1fr}.transportation-selection-strip span,.transportation-why-grid article{border-right:0}}


/* =========================================================
   v50 — Restore established Aakash hero identity
   Transportation retains its own middle-page composition,
   while hero / global CTA / footer remain site-consistent.
   ========================================================= */

.transportation-hero {
    min-height: 650px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    background-color: var(--navy);
    background-position: center !important;
    background-size: cover !important;
}

.transportation-hero-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 850px) !important;
    min-height: 0 !important;
}

.transportation-hero-copy {
    padding: 0 !important;
    align-self: auto !important;
}

.transportation-hero-copy .breadcrumb-lite,
.transportation-hero-copy .breadcrumb-lite a {
    color: rgba(255, 255, 255, .68) !important;
}

.transportation-hero-copy h1 {
    max-width: 850px;
    margin: 18px 0 24px !important;
    color: #fff !important;
    font-size: clamp(3.2rem, 5vw, 5.7rem) !important;
    line-height: 1.02 !important;
}

.transportation-hero-copy > p {
    max-width: 760px !important;
    margin: 0 !important;
    color: rgba(255, 255, 255, .86) !important;
    font-size: 1.12rem !important;
    line-height: 1.9 !important;
}

.transportation-hero-highlights,
.transportation-hero-visual {
    display: none !important;
}

@media (max-width: 991px) {
    .transportation-hero {
        min-height: auto !important;
        padding: 120px 0 90px !important;
    }

    .transportation-hero-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 575px) {
    .transportation-hero {
        padding: 100px 0 70px !important;
    }

    .transportation-hero-copy h1 {
        font-size: 2.75rem !important;
    }
}

/* v52 — transportation component alignment */
.transportation-selection-intro{margin-bottom:56px}
.transportation-feature-band{margin-top:0}
.transportation-feature-band .feature-grid{grid-template-columns:repeat(5,1fr)}
.transportation-feature-band .feature-item{min-height:190px}
.transportation-feature-band .feature-item i{font-size:1.65rem}
.transportation-selection-strip{display:none!important}

.transportation-why-heading{margin-bottom:62px}
.transportation-why-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.transportation-why-card{position:relative;min-height:260px;padding:42px 38px;border:1px solid var(--orange);background:var(--orange);transition:transform .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease}
.transportation-why-card--wide{grid-column:1/-1}
.transportation-why-number{display:block;margin-bottom:32px;color:rgba(255,255,255,.82);font-size:.72rem;font-weight:700;letter-spacing:.12em}
.transportation-why-card h3{margin:0 0 14px;color:#fff;font-size:1.24rem}
.transportation-why-card p{max-width:720px;margin:0;color:rgba(255,255,255,.88);line-height:1.75}
.transportation-why-card:hover{transform:translateY(-6px);background:#fff;border-color:var(--orange);box-shadow:0 22px 50px rgba(0,27,57,.09)}
.transportation-why-card:hover .transportation-why-number{color:var(--orange)}
.transportation-why-card:hover h3{color:var(--navy)}
.transportation-why-card:hover p{color:var(--charcoal)}
.transportation-why-grid,.transportation-why-title{display:none!important}

.transportation-needs-grid article{transition:background .3s ease,transform .3s ease,border-color .3s ease}
.transportation-needs-grid article:hover{transform:translateY(-6px);background:#dceaf7;border-color:#b8d0e6}
.transportation-needs-grid article:hover .transportation-needs-icon{background:#fff;color:var(--orange)}
.transportation-needs-grid article:hover h3{color:var(--navy)}
.transportation-needs-grid article:hover li{color:var(--charcoal)}
.transportation-needs-grid article:hover li:before{background:var(--orange)}

@media(max-width:1199px){.transportation-feature-band .feature-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:991px){.transportation-feature-band .feature-grid{grid-template-columns:repeat(2,1fr)}.transportation-why-card-grid{grid-template-columns:1fr}.transportation-why-card--wide{grid-column:auto}}
@media(max-width:575px){.transportation-feature-band .feature-grid{grid-template-columns:1fr}.transportation-why-card{min-height:auto;padding:32px 26px}}


/* =========================================================
   v53 — Why Aakash: retain v51 horizontal row composition,
   but use the orange / white-hover interaction language.
   ========================================================= */

.transportation-why-card-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 0 !important;
    border: 1px solid var(--orange);
    background: var(--orange);
}

.transportation-why-card,
.transportation-why-card--wide {
    grid-column: auto !important;
    min-height: 300px;
    padding: 36px 26px !important;
    border: 0 !important;
    border-right: 1px solid rgba(255, 255, 255, .32) !important;
    background: var(--orange) !important;
    box-shadow: none !important;
    transform: none !important;
}

.transportation-why-card:last-child {
    border-right: 0 !important;
}

.transportation-why-number {
    margin-bottom: 34px !important;
    color: rgba(255, 255, 255, .78) !important;
}

.transportation-why-card h3 {
    min-height: 54px;
    color: #fff !important;
    font-size: 1.05rem !important;
}

.transportation-why-card p {
    color: rgba(255, 255, 255, .88) !important;
    font-size: .82rem;
    line-height: 1.7;
}

.transportation-why-card:hover {
    background: #fff !important;
    border-color: rgba(254, 132, 5, .35) !important;
}

.transportation-why-card:hover .transportation-why-number {
    color: var(--orange) !important;
}

.transportation-why-card:hover h3 {
    color: var(--navy) !important;
}

.transportation-why-card:hover p {
    color: var(--charcoal) !important;
}

@media (max-width: 1199px) {
    .transportation-why-card-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .transportation-why-card {
        border-bottom: 1px solid rgba(255, 255, 255, .32) !important;
    }
}

@media (max-width: 767px) {
    .transportation-why-card-grid {
        grid-template-columns: 1fr !important;
    }

    .transportation-why-card {
        min-height: auto;
        border-right: 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, .32) !important;
    }

    .transportation-why-card:last-child {
        border-bottom: 0 !important;
    }

    .transportation-why-card h3 {
        min-height: 0;
    }
}


/* =========================================================
   v54 — Why Aakash card content hierarchy
   Number -> Title -> Text
   ========================================================= */

.transportation-why-card {
    display: block !important;
    text-align: left !important;
}

.transportation-why-number {
    position: static !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 28px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    font-size: 1.8rem !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
}

.transportation-why-card h3 {
    min-height: 0 !important;
    margin: 0 0 14px !important;
}

.transportation-why-card p {
    margin: 0 !important;
}


/* =========================================================
   v55 — Transportation vertical rhythm audit
   All primary content sections use the same top/bottom spacing.
   Internal heading/card margins remain component-specific.
   ========================================================= */

.transportation-selection-section,
.transportation-why-section,
.transportation-options-section,
.transportation-needs-section,
.transportation-enquiry-section {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
}

/* Prevent component margins from visually creating excess section space. */
.transportation-selection-intro,
.transportation-why-heading,
.transportation-options-heading,
.transportation-needs-heading,
.transportation-enquiry-heading {
    margin-top: 0;
}

.transportation-selection-section > .container > :last-child,
.transportation-why-section > .container > :last-child,
.transportation-options-section > .container > :last-child,
.transportation-needs-section > .container > :last-child,
.transportation-enquiry-section > .container > :last-child {
    margin-bottom: 0;
}

/* Final CTA outer section follows the same content-section rhythm. */
.transportation-enquiry-section + .section.section-white {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
}

@media (max-width: 991px) {
    .transportation-selection-section,
    .transportation-why-section,
    .transportation-options-section,
    .transportation-needs-section,
    .transportation-enquiry-section,
    .transportation-enquiry-section + .section.section-white {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
}

@media (max-width: 575px) {
    .transportation-selection-section,
    .transportation-why-section,
    .transportation-options-section,
    .transportation-needs-section,
    .transportation-enquiry-section,
    .transportation-enquiry-section + .section.section-white {
        padding-top: 64px !important;
        padding-bottom: 64px !important;
    }
}


/* =========================================================
   v56 — Visual section-edge spacing correction
   Equal top/bottom whitespace means:
   section edge -> first visible content = section padding
   last visible content -> section edge = same section padding
   Internal heading-to-content spacing is handled separately.
   ========================================================= */

/* Three audited sections: exact equal edge padding. */
.transportation-selection-section,
.transportation-why-section,
.transportation-options-section {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
}

/* Remove any inherited first/last-child margins that can visually
   add to the section's top or bottom whitespace. */
.transportation-selection-section > .container > :first-child,
.transportation-why-section > .container > :first-child,
.transportation-options-section > .container > :first-child {
    margin-top: 0 !important;
}

.transportation-selection-section > .container > :last-child,
.transportation-why-section > .container > :last-child,
.transportation-options-section > .container > :last-child {
    margin-bottom: 0 !important;
}

/* Choosing the Right Transport:
   heading-to-highlight distance is internal spacing, not bottom padding. */
.transportation-selection-intro {
    margin-top: 0 !important;
    margin-bottom: 48px !important;
}

.transportation-feature-band {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Why Arrange Transportation Through Aakash:
   row heading -> cards uses one controlled internal gap. */
.transportation-why-heading {
    margin-top: 0 !important;
    margin-bottom: 48px !important;
}

.transportation-why-card-grid {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Transportation We Can Arrange:
   heading -> visual cards uses the same controlled internal gap. */
.transportation-options-heading {
    margin-top: 0 !important;
    margin-bottom: 48px !important;
}

.transportation-options-grid {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Bootstrap row gutters must not create vertical edge drift in the Why heading. */
.transportation-why-heading.row {
    --bs-gutter-y: 0;
}

/* Responsive rhythm: still equal at both edges. */
@media (max-width: 991px) {
    .transportation-selection-section,
    .transportation-why-section,
    .transportation-options-section {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }

    .transportation-selection-intro,
    .transportation-why-heading,
    .transportation-options-heading {
        margin-bottom: 40px !important;
    }
}

@media (max-width: 575px) {
    .transportation-selection-section,
    .transportation-why-section,
    .transportation-options-section {
        padding-top: 64px !important;
        padding-bottom: 64px !important;
    }

    .transportation-selection-intro,
    .transportation-why-heading,
    .transportation-options-heading {
        margin-bottom: 32px !important;
    }
}


/* =========================================================
   v57 — Transportation feature-band spacing source fix
   ========================================================= */

.transportation-feature-band {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
}

@media (max-width: 991px) {
    .transportation-feature-band {
        padding-top: 32px !important;
        padding-bottom: 32px !important;
    }
}

@media (max-width: 575px) {
    .transportation-feature-band {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }
}


/* =========================================================
   v116 — Transportation / What Do You Need heading
   ========================================================= */
.transportation-needs-heading{
  max-width:900px!important;
  margin:0 auto 52px!important;
  text-align:center;
}
.transportation-needs-heading .section-title{
  color:#fff;
  margin-bottom:18px;
}
.transportation-needs-heading>p{
  max-width:720px;
  margin:0 auto;
  color:rgba(255,255,255,.72);
  line-height:1.8;
}
@media(max-width:575px){
  .transportation-needs-heading{
    text-align:left;
    margin-left:0!important;
    margin-right:0!important;
  }
  .transportation-needs-heading>p{
    margin-left:0;
    margin-right:0;
  }
}