.hero{

    min-height:700px;

    display:flex;
    align-items:center;

    background:
    linear-gradient(
        rgba(0,0,0,.55),
        rgba(0,0,0,.75)
    ),
    url("../images/hero/hero1.jpeg");

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

    padding-top:120px;
}

.hero-content{

    max-width:650px;
}

.hero-content span{

    color:#d4af37;

    font-size:14px;

    font-weight:600;

    letter-spacing:4px;

    text-transform:uppercase;
}

.hero-content h1{

    margin:20px 0;

    font-size:56px;

    line-height:1.05;

    font-weight:800;

    color:white;
}

.hero-content p{

    color:#d8d8d8;

    font-size:20px;

    line-height:1.8;

    margin-bottom:35px;

    max-width:550px;
}

.hero .btn-gold{

    padding:18px 45px;

    font-size:16px;
}

/* MOBIL */

@media(max-width:900px){

    .hero{

        text-align:center;

        justify-content:center;
    }

    .hero-content h1{

        font-size:52px;
    }

    .hero-content p{

        font-size:17px;
    }
}
.hero-slider{
    position:relative;
    height:90vh;
    overflow:hidden;
}

.slide{
    position:absolute;
    inset:0;
    opacity:0;
    transition:1s;
    background-size:cover;
    background-position:center;
    display:flex;
    align-items:center;
}

.slide.active{
    opacity:1;
    z-index:1;
}

.hero-content{
    position:relative;
    z-index:2;
    max-width:700px;
    margin-left:10%;
    color:white;
}

.hero-content h1{
    font-size:60px;
    margin-bottom:20px;
}

.hero-content p{
    font-size:20px;
    margin-bottom:30px;
}

.prev,
.next{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:55px;
    height:55px;
    border:none;
    border-radius:50%;
    cursor:pointer;
    font-size:24px;
    z-index:10;
}

.prev{
    left:25px;
}

.next{
    right:25px;
}
.slide{
    position:absolute;
    inset:0;
    opacity:0;
    transition:1s;
    background-size:cover;
    background-position:center;
    display:flex;
    align-items:center;
    
}

.slide::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.35);
}