.akm-hero{
    position:relative;
    min-height:720px;

    background:
        linear-gradient(
            to right,
            rgba(10,10,10,.92) 0%,
            rgba(10,10,10,.82) 35%,
            rgba(10,10,10,.35) 70%,
            rgba(10,10,10,.08) 100%
        ),
        url("https://autokeymaster.ie/wp-content/uploads/2026/07/hero-locksmith-carlow.webp.png");

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

    display:flex;
    align-items:center;
}

.akm-hero-content{

    max-width:1320px;
    width:100%;
    margin:0 auto;
    padding:120px 25px;

    position:relative;
    z-index:2;

}

.akm-badge{

    display:inline-block;

    margin-bottom:25px;

    color:#ffffff;

    font-size:22px;

    font-weight:500;

}

.akm-hero h1{

    color:#ffffff;

    font-size:82px;

    line-height:1.05;

    font-weight:700;

    max-width:760px;

    margin:0 0 30px;

}

.akm-hero p{

    max-width:900px;

    color:#d4af37;

    font-size:26px;

    line-height:1.6;

    margin-bottom:45px;

}

.akm-buttons{

    display:flex;

    gap:20px;

    flex-wrap:wrap;

}

.akm-btn-primary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 42px;

    background:#d4af37;

    color:#111;

    text-decoration:none;

    border-radius:8px;

    font-weight:700;

    transition:.25s;

}

.akm-btn-primary:hover{

    background:#f0c84b;

}

.akm-btn-secondary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 42px;

    border:2px solid #ffffff;

    color:#ffffff;

    text-decoration:none;

    border-radius:8px;

    font-weight:700;

    transition:.25s;

}

.akm-btn-secondary:hover{

    background:#ffffff;

    color:#111111;

}

@media(max-width:991px){

    .akm-hero{

        min-height:auto;

    }

    .akm-hero-content{

        padding:90px 25px;

    }

    .akm-hero h1{

        font-size:54px;

    }

    .akm-hero p{

        font-size:22px;

    }

}

@media(max-width:768px){

    .akm-hero-content{

        padding:70px 20px;

    }

    .akm-badge{

        font-size:18px;

    }

    .akm-hero h1{

        font-size:42px;

    }

    .akm-hero p{

        font-size:20px;

    }

    .akm-buttons{

        flex-direction:column;

    }

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

        width:100%;

    }

}