.akm-car-hero{

    position:relative;
    min-height:760px;
    padding-top:90px;
    overflow:hidden;
    display:flex;
    align-items:center;
    background:#111;

}

.akm-car-bg{

    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;

}

.akm-car-overlay{

    position:absolute;
    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(0,0,0,.55) 0%,
        rgba(0,0,0,.60) 30%,
        rgba(0,0,0,.72) 55%,
        rgba(0,0,0,.88) 100%
    );

}

.akm-car-hero .akm-container{

    position:relative;
    z-index:5;

}

.akm-car-grid{

    display:grid;
    grid-template-columns:1fr 620px;
    align-items:center;
    min-height:670px;

}

.akm-car-content{

    justify-self:end;
    width:620px;

    transform:translate(-170px,-60px);

}

.akm-hero-tag{

    display:inline-block;

    padding:16px 34px;

    margin-bottom:28px;

    background:#D4AF37;

    color:#111;

    border-radius:999px;

    font-size:17px;

    font-weight:700;

    letter-spacing:2px;

}

.akm-car-content h1{

    color:#fff;
    font-size:74px;
    line-height:1.05;
    font-weight:800;
    margin-bottom:28px;

}

.akm-car-content p{

    color:#ededed;
    font-size:22px;
    line-height:1.7;
    margin-bottom:40px;

}

.akm-car-content ul{

    list-style:none;
    padding:0;
    margin:0 0 45px;

}

.akm-car-content li{

    color:#fff;
    font-size:21px;
    margin-bottom:18px;
    position:relative;
    padding-left:34px;

}

.akm-car-content li::before{

    content:"✓";
    position:absolute;
    left:0;
    color:#D4AF37;
    font-weight:700;

}

.akm-hero-buttons{

    display:flex;
    gap:18px;

}

@media(max-width:1200px){

    .akm-car-grid{

        grid-template-columns:1fr;

    }

    .akm-car-content{

        justify-self:start;

        width:100%;
        max-width:650px;

        transform:none;

    }

}

@media(max-width:768px){

    .akm-car-hero{

        min-height:auto;

        padding:110px 0 70px;

    }

    .akm-car-grid{

        grid-template-columns:1fr;

        min-height:auto;

    }

    .akm-car-content{

        width:100%;

        max-width:100%;

        justify-self:start;

        margin:0;

        transform:none;

    }

    .akm-hero-tag{

        font-size:15px;

        padding:14px 24px;

        letter-spacing:1px;

        margin-bottom:22px;

    }

    .akm-car-content h1{

        font-size:56px;

        line-height:1.05;

        margin-bottom:24px;

    }

    .akm-car-content p{

        font-size:18px;

        line-height:1.7;

        margin-bottom:30px;

    }

    .akm-car-content ul{

        margin-bottom:35px;

    }

    .akm-car-content li{

        font-size:18px;

        margin-bottom:14px;

    }

    .akm-hero-buttons{

        display:flex;

        flex-direction:column;

        gap:15px;

    }

    .akm-btn-primary,
    .akm-btn-secondary{

        width:100%;

    }

}