:root{
    --navy:#062a3b;
    --navy-dark:#041f2d;
    --navy-light:#0d3b4d;

    --brand:#a90f43;
    --brand-light:#bd1c51;

    --text:#102736;
    --muted:#687984;

    --line:#e5eaed;

    --white:#ffffff;
    --soft:#f6f8f8;

    --green:#21a36b;
}

*{
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    margin:0;

    font-family:'Inter',Arial,sans-serif;

    color:var(--text);

    background:#fff;

    overflow-x:hidden;

    font-size:15px;
}

img{
    display:block;
    max-width:100%;
}

a{
    color:inherit;
    text-decoration:none;
}

button,
input,
select{
    font:inherit;
}

button{
    cursor:pointer;
}

.container{
    width:min(1180px,calc(100% - 40px));

    margin:0 auto;
}


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

.site-header{
    height:84px;

    position:sticky;
    top:0;

    z-index:1000;

    background:#fff;

    border-bottom:1px solid rgba(6,42,59,.07);
}

.nav{
    height:100%;

    display:flex;
    align-items:center;

    gap:22px;
}

.brand{
    flex:0 0 auto;
}

.brand img{
    width:220px;

    max-height:62px;

    object-fit:contain;
}

.menu{
    margin-left:auto;

    display:flex;
    align-items:center;

    gap:24px;
}

.menu a{
    position:relative;

    padding:33px 0;

    color:#17303d;

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

.menu a::after{
    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:22px;

    height:2px;

    transform:scaleX(0);

    background:var(--brand);

    transition:.25s;
}

.menu a:hover{
    color:var(--brand);
}

.menu a:hover::after{
    transform:scaleX(1);
}

.header-actions{
    display:flex;
    align-items:center;

    gap:9px;
}

.header-chat{
    min-height:48px;

    padding:0 18px;

    border:1px solid rgba(169,15,67,.35);
    border-radius:7px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    gap:8px;

    color:var(--brand);

    font-size:13px;
    font-weight:800;

    text-transform:uppercase;

    transition:.25s;
}

.header-chat:hover{
    color:#fff;

    border-color:var(--brand);

    background:var(--brand);
}

.btn{
    min-height:48px;

    padding:0 24px;

    border:0;
    border-radius:7px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    gap:9px;

    font-size:13px;
    font-weight:800;

    text-transform:uppercase;

    transition:.25s;
}

.btn-brand{
    color:#fff;

    background:var(--brand);
}

.btn-brand:hover{
    background:var(--brand-light);

    transform:translateY(-2px);
}

.menu-btn{
    display:none;

    width:44px;
    height:44px;

    margin-left:auto;

    border:0;
    border-radius:7px;

    color:var(--navy);

    background:#f3f5f6;

    font-size:22px;
}


/* =========================================================
HERO
========================================================= */

.hero{
    min-height:480px;

    position:relative;

    overflow:hidden;

    background:#eee;
}

.hero-bg{
    position:absolute;

    inset:0;

    background-image:url('hero-section.png');

    background-size:cover;
    background-position:center;

    background-repeat:no-repeat;
}

.hero::after{
    content:"";

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.97) 0%,
            rgba(255,255,255,.92) 25%,
            rgba(255,255,255,.62) 42%,
            rgba(255,255,255,.12) 62%,
            rgba(255,255,255,0) 78%
        );
}

.hero-inner{
    min-height:480px;

    position:relative;

    z-index:2;

    display:flex;
    align-items:center;
}

.hero-copy{
    width:535px;
}

.eyebrow,
.section-kicker{
    color:var(--brand);

    font-size:13px;
    font-weight:800;

    letter-spacing:1.5px;

    text-transform:uppercase;
}

.hero h1{
    margin:13px 0 18px;

    color:var(--navy-dark);

    font-family:'Playfair Display',Georgia,serif;

    font-size:61px;

    line-height:.97;

    letter-spacing:-1px;
}

.hero h1 span{
    display:block;

    color:var(--brand);
}

.hero p{
    max-width:485px;

    margin:0;

    color:#405762;

    font-size:16px;

    line-height:1.75;
}

.hero-actions{
    margin-top:26px;

    display:flex;

    gap:10px;
}

.btn-chat{
    min-height:48px;

    padding:0 22px;

    border:1px solid var(--navy);
    border-radius:7px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    gap:9px;

    color:var(--navy);

    background:#fff;

    font-size:13px;
    font-weight:800;

    text-transform:uppercase;

    transition:.25s;
}

.btn-chat i{
    color:var(--brand);
}

.btn-chat:hover{
    color:#fff;

    background:var(--navy);
}

.btn-chat:hover i{
    color:#fff;
}

.hero-chat-note{
    margin-top:17px;

    display:flex;
    align-items:center;

    gap:8px;

    color:#526771;

    font-size:13px;
    font-weight:600;
}

.online-dot{
    width:8px;
    height:8px;

    border-radius:50%;

    background:var(--green);

    box-shadow:
        0 0 0 4px rgba(33,163,107,.12);
}


/* =========================================================
BOOKING
========================================================= */

.booking-wrap{
    position:relative;

    z-index:20;

    margin-top:-34px;
}

.booking-card{
    padding:18px;

    border-radius:12px;

    display:grid;

    grid-template-columns:
        1.05fr 1fr 1fr .85fr auto;

    gap:13px;

    background:var(--navy-dark);

    box-shadow:
        0 18px 45px rgba(4,31,45,.24);
}

.booking-field label{
    display:block;

    margin:0 0 8px 3px;

    color:#d5e1e5;

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

.input-box{
    height:50px;

    padding:0 13px;

    border-radius:6px;

    display:flex;
    align-items:center;

    gap:10px;

    background:#fff;
}

.input-box i{
    color:var(--brand);

    font-size:15px;
}

.input-box input,
.input-box select{
    width:100%;

    min-width:0;

    border:0;

    outline:none;

    color:#435761;

    background:transparent;

    font-size:14px;
}

.search-btn{
    min-width:140px;

    height:50px;

    align-self:end;

    border:0;

    border-radius:6px;

    display:flex;
    align-items:center;
    justify-content:center;

    gap:8px;

    color:#fff;

    background:var(--brand);

    font-size:13px;
    font-weight:800;

    text-transform:uppercase;
}


/* =========================================================
FLEET
========================================================= */

.fleet-section{
    padding:73px 0 54px;
}

.fleet-heading{
    margin-bottom:27px;

    display:flex;
    align-items:flex-end;
    justify-content:space-between;

    gap:30px;
}

.section-kicker{
    display:flex;
    align-items:center;

    gap:10px;
}

.section-kicker span{
    width:36px;
    height:1px;

    display:block;

    background:var(--brand);
}

.fleet-heading h2,
.center-heading h2,
.why-main h2,
.corporate-box h2,
.chat-demo-copy h2{
    margin:8px 0 0;

    color:var(--navy-dark);

    font-family:'Playfair Display',Georgia,serif;

    font-size:38px;

    line-height:1.12;
}

.fleet-heading p{
    margin:10px 0 0;

    color:var(--muted);

    font-size:15px;

    line-height:1.6;
}

.view-all{
    padding:12px 18px;

    border:1px solid rgba(169,15,67,.35);

    border-radius:6px;

    display:inline-flex;
    align-items:center;

    gap:9px;

    color:var(--brand);

    font-size:13px;
    font-weight:800;

    text-transform:uppercase;
}

.carousel-wrapper{
    position:relative;
}

.carousel-window{
    overflow:hidden;
}

.car-track{
    display:flex;

    gap:18px;

    transition:transform .45s ease;
}

.car-card{
    flex:0 0 calc((100% - 54px) / 4);

    overflow:hidden;

    border:1px solid var(--line);

    border-radius:12px;

    background:#fff;

    box-shadow:
        0 8px 26px rgba(5,31,42,.055);

    transition:.25s;
}

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

    box-shadow:
        0 18px 38px rgba(5,31,42,.13);
}

.car-image{
    height:200px;

    position:relative;

    overflow:hidden;

    background:#edf1f2;
}

.car-image img{
    width:100%;
    height:100%;

    object-fit:cover;
}

.car-badge{
    position:absolute;

    top:12px;
    left:12px;

    padding:7px 10px;

    border-radius:5px;

    color:#fff;

    background:rgba(5,31,44,.9);

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

    text-transform:uppercase;
}

.car-content{
    padding:18px;
}

.car-category{
    margin-bottom:7px;

    color:var(--brand);

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

    text-transform:uppercase;
}

.car-content h3{
    margin:0 0 8px;

    color:var(--navy-dark);

    font-size:18px;
}

.car-content p{
    min-height:42px;

    margin:0;

    color:var(--muted);

    font-size:14px;

    line-height:1.6;
}

.car-specs{
    margin-top:15px;

    padding-top:13px;

    border-top:1px solid var(--line);

    display:flex;
    justify-content:space-between;

    gap:6px;
}

.car-specs span{
    display:flex;
    align-items:center;

    gap:5px;

    color:#52656e;

    font-size:12px;
}

.car-specs i{
    color:var(--brand);
}

.car-link{
    margin-top:16px;

    display:inline-flex;
    align-items:center;

    gap:7px;

    color:var(--brand);

    font-size:13px;
    font-weight:800;

    text-transform:uppercase;
}

.carousel-arrow{
    width:46px;
    height:46px;

    position:absolute;

    top:50%;

    z-index:20;

    transform:translateY(-50%);

    border:1px solid var(--line);

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    color:var(--navy);

    background:#fff;

    box-shadow:
        0 8px 25px rgba(5,31,42,.12);
}

.carousel-arrow.prev{
    left:-23px;
}

.carousel-arrow.next{
    right:-23px;
}

.carousel-dots{
    margin-top:23px;

    display:flex;
    align-items:center;
    justify-content:center;

    gap:7px;
}

.carousel-dot{
    width:7px;
    height:7px;

    padding:0;

    border:0;

    border-radius:20px;

    background:#c3ccd1;
}

.carousel-dot.active{
    width:22px;

    background:var(--brand);
}


/* =========================================================
CHAT CTA
========================================================= */

.chat-demo-section{
    padding:0 0 60px;
}

.chat-demo-box{
    padding:30px 32px;

    border-radius:14px;

    display:grid;

    grid-template-columns:auto 1fr auto;

    align-items:center;

    gap:24px;

    color:#fff;

    background:
        linear-gradient(
            120deg,
            var(--navy-dark),
            #0b3b4e
        );
}

.chat-demo-icon{
    width:62px;
    height:62px;

    border-radius:14px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:var(--brand);

    font-size:25px;
}

.light-kicker{
    color:#e995b1;
}

.chat-demo-copy h2{
    color:#fff;

    font-size:28px;
}

.chat-demo-copy p{
    max-width:620px;

    margin:9px 0 0;

    color:#b9c9cf;

    font-size:14px;

    line-height:1.7;
}

.chat-demo-btn{
    min-width:185px;

    min-height:58px;

    padding:0 19px;

    border-radius:8px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    color:#fff;

    background:var(--brand);
}

.chat-demo-btn span{
    display:flex;
    flex-direction:column;

    font-size:14px;
    font-weight:800;
}

.chat-demo-btn small{
    margin-top:3px;

    color:#f2b8cb;

    font-size:9px;
}


/* =========================================================
TRUST
========================================================= */

.trust-section{
    padding:32px 0;

    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
}

.trust-grid{
    display:grid;

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

.trust-item{
    min-height:64px;

    padding:0 20px;

    display:flex;
    align-items:center;

    gap:13px;

    border-right:1px solid var(--line);
}

.trust-item:first-child{
    padding-left:0;
}

.trust-item:last-child{
    border-right:0;
}

.trust-icon{
    width:46px;
    height:46px;

    flex:0 0 46px;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    color:var(--brand);

    background:#f9edf2;
}

.trust-item strong{
    display:block;

    font-size:14px;
}

.trust-item span{
    display:block;

    margin-top:4px;

    color:#7c8a91;

    font-size:12px;
}


/* =========================================================
SERVICES
========================================================= */

.services{
    padding:76px 0;
}

.center-heading{
    max-width:630px;

    margin:0 auto 40px;

    text-align:center;
}

.section-kicker.center{
    justify-content:center;
}

.center-heading p{
    margin:14px 0 0;

    color:var(--muted);

    font-size:15px;

    line-height:1.7;
}

.service-grid{
    display:grid;

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

    gap:18px;
}

.service-card{
    padding:28px;

    border:1px solid var(--line);

    border-radius:11px;

    background:#fff;
}

.service-icon{
    width:48px;
    height:48px;

    margin-bottom:19px;

    border-radius:7px;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#fff;

    background:var(--brand);
}

.service-card h3{
    margin:0 0 10px;

    font-size:18px;
}

.service-card p{
    margin:0;

    color:var(--muted);

    font-size:14px;

    line-height:1.65;
}

.service-chat{
    margin-top:26px;

    padding:18px 21px;

    border-radius:8px;

    display:flex;
    align-items:center;
    justify-content:center;

    gap:16px;

    background:#f7f9f9;

    color:#61737c;

    font-size:14px;
}

.service-chat a{
    color:var(--brand);

    font-weight:800;
}


/* =========================================================
WHY
========================================================= */

.why-section{
    padding:66px 0;

    color:#fff;

    background:var(--navy-dark);
}

.why-grid{
    display:grid;

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

.why-main{
    padding-right:42px;
}

.why-main h2{
    color:#fff;
}

.why-main p{
    max-width:410px;

    color:#b9c9cf;

    font-size:15px;

    line-height:1.75;
}

.section-kicker.light{
    color:#efb2c6;
}

.why-card{
    padding:10px 27px;

    border-left:1px solid rgba(255,255,255,.13);
}

.why-card strong{
    color:#d34a76;

    font-family:'Playfair Display',Georgia,serif;

    font-size:32px;
}

.why-card h3{
    margin:14px 0 9px;

    font-size:16px;
}

.why-card p{
    margin:0;

    color:#aebfc6;

    font-size:14px;

    line-height:1.65;
}


/* =========================================================
CORPORATE
========================================================= */

.corporate-section{
    padding:70px 0;
}

.corporate-box{
    padding:38px 40px;

    border:1px solid var(--line);

    border-radius:14px;

    display:grid;

    grid-template-columns:
        1.35fr 1.15fr auto;

    align-items:center;

    gap:35px;

    background:
        linear-gradient(
            135deg,
            #fff,
            #f6f8f8
        );
}

.corporate-box h2{
    font-size:32px;
}

.corporate-box p{
    color:var(--muted);

    font-size:15px;

    line-height:1.7;
}

.corporate-features{
    display:grid;

    grid-template-columns:1fr 1fr;

    gap:15px;
}

.corporate-features span{
    display:flex;
    align-items:center;

    gap:9px;

    color:#3f5661;

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

.corporate-features i{
    color:var(--brand);
}


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

footer{
    padding:58px 0 0;

    color:#d3dfe3;

    background:#051f2c;
}

.footer-grid{
    display:grid;

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

    gap:50px;
}

.footer-logo{
    width:240px;

    padding:7px;

    border-radius:6px;

    background:#fff;
}

.footer-brand p{
    max-width:350px;

    color:#9eb0b8;

    font-size:15px;

    line-height:1.75;
}

.footer-grid h4{
    margin-top:0;

    margin-bottom:19px;

    color:#fff;

    font-size:17px;
}

.footer-grid a,
.footer-grid p{
    display:block;

    margin-bottom:14px;

    color:#9eb0b8;

    font-size:14px;

    line-height:1.55;
}

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

.footer-chat{
    width:max-content;

    margin-top:18px;

    padding:12px 16px;

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

    border-radius:6px;

    display:inline-flex !important;
    align-items:center;

    gap:8px;

    color:#fff !important;

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

    font-weight:700;
}

.copyright{
    margin-top:38px;

    padding:20px 0 22px;

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

    display:flex;
    justify-content:space-between;

    color:#758d97;

    font-size:12px;
}


/* =========================================================
FLOATING CHAT
========================================================= */

.floating-chat{
    position:fixed;

    right:24px;
    bottom:24px;

    z-index:9999;

    min-height:62px;

    padding:7px 20px 7px 8px;

    border-radius:50px;

    display:flex;
    align-items:center;

    gap:11px;

    color:#fff;

    background:var(--brand);

    box-shadow:
        0 15px 38px rgba(169,15,67,.34);
}

.floating-chat-icon{
    width:47px;
    height:47px;

    position:relative;

    flex:0 0 47px;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    color:var(--brand);

    background:#fff;

    font-size:20px;
}

.floating-status{
    width:10px;
    height:10px;

    position:absolute;

    right:0;
    bottom:1px;

    border:2px solid var(--brand);

    border-radius:50%;

    background:var(--green);
}

.floating-chat-text{
    display:flex;
    flex-direction:column;
}

.floating-chat-text small{
    color:#f5b8cc;

    font-size:9px;
}

.floating-chat-text strong{
    font-size:14px;
}


/* =========================================================
TABLET
========================================================= */

@media(max-width:1050px){

    .menu{
        gap:16px;
    }

    .menu a{
        font-size:13px;
    }

    .header-chat span{
        display:none;
    }

    .header-chat{
        width:46px;

        padding:0;
    }

}


@media(max-width:900px){

    .desktop-book,
    .header-chat{
        display:none;
    }

    .menu-btn{
        display:flex;
        align-items:center;
        justify-content:center;
    }

    .menu{
        position:absolute;

        top:84px;
        left:0;
        right:0;

        z-index:100;

        margin:0;

        padding:18px 20px;

        display:none;
        flex-direction:column;
        align-items:flex-start;

        gap:0;

        background:#fff;

        box-shadow:
            0 18px 35px rgba(0,0,0,.09);
    }

    .menu.open{
        display:flex;
    }

    .menu a{
        width:100%;

        padding:14px 0;

        border-bottom:1px solid var(--line);

        font-size:14px;
    }

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

    .car-card{
        flex:0 0 calc((100% - 18px) / 2);
    }

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

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

        gap:24px;
    }

    .trust-item{
        padding:0;

        border:0;
    }

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

        gap:25px;
    }

    .why-main{
        grid-column:1/-1;
    }

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

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

}


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

@media(max-width:620px){

    html,
    body{
        width:100%;

        max-width:100%;

        overflow-x:hidden;
    }

    .container{
        width:calc(100% - 28px);
    }

    .site-header{
        height:68px;
    }

    .nav{
        height:68px;
    }

    .brand img{
        width:165px;
    }

    .menu-btn{
        width:44px;
        height:44px;
    }

    .menu{
        top:68px;

        max-height:
            calc(100dvh - 68px);

        overflow-y:auto;
    }


    /* HERO */

    .hero{
        min-height:0;

        height:auto;
    }

    .hero-bg{
        background-position:66% center;
    }

    .hero::after{
        background:
            linear-gradient(
                180deg,
                rgba(255,255,255,.98) 0%,
                rgba(255,255,255,.94) 42%,
                rgba(255,255,255,.61) 69%,
                rgba(255,255,255,.15) 100%
            );
    }

    .hero-inner{
        min-height:0;

        padding-top:42px;
        padding-bottom:88px;

        align-items:flex-start;
    }

    .hero-copy{
        width:100%;
    }

    .eyebrow{
        font-size:11px;
    }

    .hero h1{
        margin:10px 0 15px;

        font-size:39px;
    }

    .hero p{
        max-width:340px;

        font-size:13px;

        line-height:1.55;
    }

    .hero-actions{
        width:100%;

        margin-top:20px;

        display:grid;

        grid-template-columns:1fr;

        gap:9px;
    }

    .hero-actions .btn,
    .hero-actions .btn-chat{
        width:100%;

        min-height:48px;

        font-size:12px;
    }

    .hero-chat-note{
        margin-top:14px;

        font-size:11px;
    }


    /* BOOKING */

    .booking-wrap{
        margin-top:0;

        padding-top:18px;

        background:#fff;
    }

    .booking-card{
        padding:17px;

        grid-template-columns:1fr;

        gap:13px;

        border-radius:12px;
    }

    .booking-field label{
        font-size:12px;
    }

    .input-box{
        height:50px;
    }

    .input-box input,
    .input-box select{
        font-size:16px;
    }

    .search-btn{
        width:100%;

        min-width:0;

        height:52px;

        font-size:13px;
    }


    /* FLEET */

    .fleet-section{
        padding-top:50px;
    }

    .fleet-heading{
        display:block;
    }

    .fleet-heading h2,
    .center-heading h2{
        font-size:29px;

        line-height:1.08;
    }

    .fleet-heading p{
        font-size:13px;
    }

    .view-all{
        margin-top:16px;
    }

    .car-track{
        gap:0;
    }

    .car-card{
        flex:0 0 100%;
    }

    .car-image{
        height:210px;
    }

    .car-specs{
        flex-wrap:wrap;

        justify-content:flex-start;

        gap:9px 16px;
    }

    .carousel-arrow{
        width:40px;
        height:40px;

        top:105px;
    }

    .carousel-arrow.prev{
        left:8px;
    }

    .carousel-arrow.next{
        right:8px;
    }


    /* CHAT CTA */

    .chat-demo-box{
        padding:21px;

        grid-template-columns:1fr;

        gap:15px;
    }

    .chat-demo-copy h2{
        font-size:23px;
    }

    .chat-demo-btn{
        width:100%;

        min-width:0;
    }


    /* TRUST */

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

        gap:19px;
    }

    .trust-item{
        padding:0;

        border:0;
    }


    /* SERVICES */

    .services{
        padding:50px 0;
    }

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

    .service-chat{
        flex-direction:column;

        text-align:center;
    }


    /* WHY */

    .why-grid{
        grid-template-columns:1fr;
    }

    .why-main{
        padding:0 0 23px;
    }

    .why-main h2{
        font-size:29px;
    }

    .why-card{
        padding:19px 0;

        border-left:0;

        border-top:
            1px solid rgba(255,255,255,.13);
    }


    /* CORPORATE */

    .corporate-box{
        padding:23px 20px;

        grid-template-columns:1fr;

        gap:21px;
    }

    .corporate-box h2{
        font-size:27px;
    }

    .corporate-features{
        grid-template-columns:1fr;
    }

    .corporate-box .btn{
        width:100%;
    }


    /* FOOTER */

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

        gap:30px;
    }

    .footer-logo{
        width:205px;
    }

    .copyright{
        flex-direction:column;

        gap:8px;

        text-align:center;
    }


    /* MOBILE FLOATING CHAT OFF */

    .floating-chat{
        display:none !important;
    }

}


@media(max-width:380px){

    .container{
        width:calc(100% - 22px);
    }

    .brand img{
        width:150px;
    }

    .hero-inner{
        padding-top:36px;
        padding-bottom:78px;
    }

    .hero h1{
        font-size:36px;
    }

    .fleet-heading h2,
    .center-heading h2{
        font-size:27px;
    }

    .car-image{
        height:195px;
    }

}