/* Contacts hero */
.hero .header-number {
    margin-top: 40px;
}
.hero .header-number p {
    margin-top: 0;
}
.hero .header-number:hover p {
    color: var(--white);
}
.hero .header-number:hover path {
    fill: var(--white);
}
.hero .socials {
    position: static;
    flex-direction: row;
    margin-top: 40px;
}
.hero .social-box,
.consultation-box .social-box {
    width: 70px;
    height: 70px;
}
.hero .social-box svg,
.consultation-box .social-box svg {
    width: 35px;
}
.consultation-box p {
    margin: 25px 0 40px;
}

/* Contacts map */
.contacts-section {
    margin: 70px 0;
}
.contacts-section .container {
    display: flex;
    gap: 30px;
}
.contacts-cards {
    width: 55%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.contacts-cards .card  {
    height: 300px;
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% calc(100% - 70px),
        calc(100% - 100px) 100%,
        0 100% 
    );
}
.contacts-cards .card .card-title {
    margin-bottom: 40px;
}
.card-contacts {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.contact-box {
    color: var(--white);
    display: flex;
    align-items: center;
    gap: 20px;
    transition: 0.3s ease-in-out;
}
.contact-box .icon {
    width: 20px;
} 
a.contact-box:hover {
    color: var(--gold);
}
a.contact-box svg path {
    transition: 0.3s ease-in-out;
}
a.contact-box:hover svg path {
    fill: var(--gold);
}
.contact__block {
    width: 45%;
}


/* Responsive */
@media(max-width: 768px) {
   .contacts-section .container {
        flex-direction: column;
    }
    .contacts-cards {
        width: 100%;
    }
    .contact__block{
        width: 100%;
        height: 500px;
    }
    
}