/*=================================
  01. CONTACT HERO
===================================*/

.contact-hero {
    position: relative;
    overflow: visible;
    min-height: 60vh;
    height: auto;
    background-color: var(--color-bg-page);
    z-index: 1;
    padding-bottom: 70px;     
}

.contact__hero__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 725px;
    overflow: hidden;
    z-index: 0;
}

.contact__hero__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.contact-hero::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 725px;
    background: #060b12e3;
    z-index: 1;
    pointer-events: none;
}

.contact-hero .container {
    position: relative;
    z-index: 2;
}

.general-hero-container {
    padding-top: 50px;
    align-items: start;
}


.description-contact-hero h1,
.contact-step h4 {
    color: var(--color-on-dark-heading);
}

.description-contact-hero h1 {
    margin-bottom: 15px;
}

.description-contact-hero p {
    color: var(--color-on-dark-heading);
}

.steps-contact-container {
    margin-top: 40px;
}


.contact-step p,
.contact-step .small-text {
    color: var(--color-muted-blue);
}

.contact-step h4 {
    margin-bottom: 7px;
}

.contact-step span{
    color: var(--color-brand-gold);
    margin-right: 10px;
}

.contact-step {
    position: relative;
    padding: 0 0 25px;
    margin-bottom: 25px;
}

.contact-step::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, rgb(255 255 255 / 38%) 0%, rgb(255 255 255 / 20%) 40%, rgb(255 255 255 / 20%) 70%, rgba(255, 255, 255, 0.03) 100%);
}

.contact-step:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.contact-step:last-child::after {
    display: none;
}

.form-contact {
    position: relative;
    z-index: 3;
    padding: 40px 35px;
    margin-bottom: -70px; 
}

.form-contact iframe {
    display: block;
    width: 100%;
    border: 0;
}


/*==============================================
  02. CONTACTS INFO
================================================*/

.item-title-contacts img{
    width: 33px;
    color: var(--color-brand-gold);
    margin-bottom: 10px;
}

.item-contact-info{
    padding: 30px 25px;
}

.item-title-contacts h4{
    margin-bottom: 7px;
}

.item-contact-info span{
    font-weight: 800;
    margin-right: 10px;
}

.item-contact-info p{
    margin-bottom: 2px;
}

.item-contact-info ul{
    line-height: 30px;
}