.hero{

    position:relative;

    min-height:450px;

    padding:140px 40px 0px;

    display:flex;

    align-items:center;

    overflow:hidden;

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;
    
}
.hero::before{

    content:"";

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(0,8,20,.96) 0%,
        rgba(0,8,20,.88) 35%,
        rgba(0,8,20,.45) 65%,
        rgba(0,8,20,.20) 100%
    );

    z-index:1;
}
.hero__inner{

    width:100%;

    max-width:1200px;

    margin:0 auto;

    position:relative;

    z-index:2;
}
.hero__content{

    display:flex;

    flex-direction:column;

    gap:16px;

    max-width:900px;
}
.hero__badge{

    width:fit-content;

    /*padding:10px 10px;*/

    color:#fff;

    font-size:14px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;
}
.hero__title{

    margin:0;

    color:#fff;

    font-size:clamp(3rem,6vw,4.5rem);

    line-height:1.1;

    font-weight:800;
    
    gap:0px;
}
.hero__description{

    max-width:650px;

    color:rgba(255,255,255,.9);

    font-size:1.25rem;

    line-height:1.8;
    
    font-family: 'MONTSERRAT' !important;
}
.btn-reg{
    background:transparent;
    padding:0;
}
.btn-reg .elementor-button {
    display: inline-block !important;
    background-color: #f5a623 !important;
    color: #fff !important;
    padding: 16px 30px !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    font-weight: bold !important;
    border: none !important;
    box-shadow: none !important;
}

.btn-reg .elementor-button:hover {
    transform: translateY(-3px);
}
.hero__trust{

    display:flex;

    align-items:center;

    gap:10px;

    color:rgba(255,255,255,.85);

    font-size:.95rem;
}
@media (max-width:1024px){

    .hero{

        min-height:650px;

        padding:130px 32px 80px;
    }

}
@media (max-width:768px){

    .hero{

        min-height:auto;

        padding:120px 24px 80px;
    }

    .hero__content{

        max-width:100%;
    }

    .hero__actions{

        flex-direction:column;

        width:100%;
    }

    .hero__actions a{

        width:100%;
    }

}