.contacts-row {
  display: grid;
  grid-template-columns: 904px 1fr;
  gap: 24px;
  align-items: start; 
}
.contacts-col {
    position: relative;
}
#map {
    width: 100%;
    height: 44rem;
    border-radius: 3rem;
    overflow: hidden;
}
.socials-list-icon svg path {
    /* fill: white; */
}
.socials-list {
    margin-bottom: 2.4rem;
    gap: 2.4rem;
}
.socials-list-icon svg {
    max-width: 40px;
    width: 40px;
    height: 40px;
}
.contacts-items {
    margin-bottom: 2rem;
}
.contacts-item a,
.contacts .addr-block, 
.contacts .mail-block, 
.contacts .phone-block {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #434343;
}
.contacts .phone, 
.contacts .phone-block {
    white-space: nowrap;
}
.contacts-item {
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    gap: 2rem;
}
.contacts-item:last-child {
    margin-bottom: 0;
}
.mail-block::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjAwOTc3IDUuODM3ODlDMy4wMDk3NyA1LjI4NTYxIDMuNDU3NDggNC44Mzc4OSA0LjAwOTc3IDQuODM3ODlIMjBDMjAuNTUyMyA0LjgzNzg5IDIxIDUuMjg1NjEgMjEgNS44Mzc4OVYxNy4xNjIxQzIxIDE4LjI2NjcgMjAuMTA0NiAxOS4xNjIxIDE5IDE5LjE2MjFINUMzLjg5NTQzIDE5LjE2MjEgMyAxOC4yNjY3IDMgMTcuMTYyMVY2LjE2MjExQzMgNi4xMTQ0OSAzLjAwMzMzIDYuMDY3NjUgMy4wMDk3NyA2LjAyMThWNS44Mzc4OVpNNSA4LjA2MTY1VjE3LjE2MjFIMTlWOC4wNjE5OUwxNC4xMjE1IDEyLjk0MDVDMTIuOTQ5OSAxNC4xMTIxIDExLjA1MDQgMTQuMTEyMSA5Ljg3ODg1IDEyLjk0MDVMNSA4LjA2MTY1Wk02LjU3MjMyIDYuODA1NTRIMTcuNDI4TDEyLjcwNzMgMTEuNTI2M0MxMi4zMTY4IDExLjkxNjggMTEuNjgzNiAxMS45MTY4IDExLjI5MzEgMTEuNTI2M0w2LjU3MjMyIDYuODA1NTRaIiBmaWxsPSIjNDM0MzQzIi8+Cjwvc3ZnPgo=);
}
.phone-block::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyIDEyQzIyIDEwLjY4NjggMjEuNzQxMyA5LjM4NjQ3IDIxLjIzODggOC4xNzMxQzIwLjczNjIgNi45NTk5NiAxOS45OTk3IDUuODU3NDIgMTkuMDcxMSA0LjkyODk2QzE4LjE0MjUgNC4wMDAyNCAxNy4wNDAxIDMuMjYzNjcgMTUuODI2OCAyLjc2MTIzQzE0LjYxMzYgMi4yNTg1NCAxMy4zMTMyIDIgMTIgMlY0QzEzLjA1MDYgNCAxNC4wOTA5IDQuMjA3MDMgMTUuMDYxNSA0LjYwODg5QzE2LjAzMjEgNS4wMTA5OSAxNi45MTQgNS42MDAzNCAxNy42NTY5IDYuMzQzMjZDMTguMzk5NyA3LjA4NTk0IDE4Ljk4OSA3Ljk2ODAyIDE5LjM5MSA4LjkzODQ4QzE5Ljc5MzEgOS45MDkxOCAyMCAxMC45NDk1IDIwIDEySDIyWiIgZmlsbD0iIzQzNDM0MyIvPgo8cGF0aCBkPSJNMiAxMFY1QzIgNC40NDc3NSAyLjQ0NzcyIDQgMyA0SDhDOC41NTIyOCA0IDkgNC40NDc3NSA5IDVWOUM5IDkuNTUyMjUgOC41NTIyOCAxMCA4IDEwSDZDNiAxNC40MTgyIDkuNTgxNzMgMTggMTQgMThWMTZDMTQgMTUuNDQ3OCAxNC40NDc3IDE1IDE1IDE1SDE5QzE5LjU1MjMgMTUgMjAgMTUuNDQ3OCAyMCAxNlYyMUMyMCAyMS41NTIyIDE5LjU1MjMgMjIgMTkgMjJIMTRDNy4zNzI1OSAyMiAyIDE2LjYyNzQgMiAxMFoiIGZpbGw9IiM0MzQzNDMiLz4KPHBhdGggZD0iTTE3LjU0MzMgOS43MDM4NkMxNy44NDQ4IDEwLjQzMTkgMTggMTEuMjEyMiAxOCAxMkgxNi4yQzE2LjIgMTEuNDQ4NSAxNi4wOTE0IDEwLjkwMjMgMTUuODgwMyAxMC4zOTI4QzE1LjY2OTIgOS44ODMwNiAxNS4zNTk5IDkuNDIwMTcgMTQuOTY5OCA5LjAzMDI3QzE0LjU3OTggOC42NDAxNCAxNC4xMTY5IDguMzMwODEgMTMuNjA3MyA4LjExOTYzQzEzLjA5NzcgNy45MDg2OSAxMi41NTE1IDcuODAwMDUgMTIgNy44MDAwNVY2QzEyLjc4NzkgNiAxMy41NjgxIDYuMTU1MjcgMTQuMjk2MSA2LjQ1Njc5QzE1LjAyNCA2Ljc1ODMgMTUuNjg1NSA3LjIwMDIgMTYuMjQyNiA3Ljc1NzMyQzE2Ljc5OTggOC4zMTQ0NSAxNy4yNDE4IDguOTc1ODMgMTcuNTQzMyA5LjcwMzg2WiIgZmlsbD0iIzQzNDM0MyIvPgo8L3N2Zz4K);
}
.addr-block::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi4yNzIxIDEwLjI3MjFDMTYuMjcyMSAxMi40ODEzIDE0LjQ4MTMgMTQuMjcyMSAxMi4yNzIxIDE0LjI3MjFDMTAuMDYzIDE0LjI3MjEgOC4yNzIxNCAxMi40ODEzIDguMjcyMTQgMTAuMjcyMUM4LjI3MjE0IDguMDYyOTggMTAuMDYzIDYuMjcyMTIgMTIuMjcyMSA2LjI3MjEyQzE0LjQ4MTMgNi4yNzIxMiAxNi4yNzIxIDguMDYyOTggMTYuMjcyMSAxMC4yNzIxWk0xNC4yNzIxIDEwLjI3MjFDMTQuMjcyMSAxMS4zNzY3IDEzLjM3NjcgMTIuMjcyMSAxMi4yNzIxIDEyLjI3MjFDMTEuMTY3NiAxMi4yNzIxIDEwLjI3MjEgMTEuMzc2NyAxMC4yNzIxIDEwLjI3MjFDMTAuMjcyMSA5LjE2NzU1IDExLjE2NzYgOC4yNzIxMiAxMi4yNzIxIDguMjcyMTJDMTMuMzc2NyA4LjI3MjEyIDE0LjI3MjEgOS4xNjc1NSAxNC4yNzIxIDEwLjI3MjFaIiBmaWxsPSIjNDM0MzQzIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNS43OTQxNyAxNi41MTgzQzIuMTk0MjQgMTMuMDkwOSAyLjA1NDM4IDcuMzk0MDkgNS40ODE3OCAzLjc5NDE3QzguOTA5MTggMC4xOTQyNDMgMTQuNjA1OSAwLjA1NDM4MyAxOC4yMDU5IDMuNDgxNzhDMjEuODA1OCA2LjkwOTE4IDIxLjk0NTcgMTIuNjA1OSAxOC41MTgzIDE2LjIwNTlMMTIuMzEyNCAyMi43MjQxTDUuNzk0MTcgMTYuNTE4M1pNMTcuMDY5OCAxNC44MjY4TDEyLjI0MyAxOS44OTY1TDcuMTczMjQgMTUuMDY5OEM0LjM3MzMgMTIuNDA0IDQuMjY0NTIgNy45NzMxOCA2LjkzMDI4IDUuMTczMjRDOS41OTYwMyAyLjM3MzMgMTQuMDI2OCAyLjI2NDUyIDE2LjgyNjggNC45MzAyOEMxOS42MjY3IDcuNTk2MDMgMTkuNzM1NSAxMi4wMjY4IDE3LjA2OTggMTQuODI2OFoiIGZpbGw9IiM0MzQzNDMiLz4KPC9zdmc+Cg==)
}
.btn-social {
    width: 100%;
    display: flex;
    max-width: 44rem;
    margin-bottom: 1.2rem;
}


footer .addr-block::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi4yNzIxIDEwLjI3MjFDMTYuMjcyMSAxMi40ODEzIDE0LjQ4MTMgMTQuMjcyMSAxMi4yNzIxIDE0LjI3MjFDMTAuMDYzIDE0LjI3MjEgOC4yNzIxNCAxMi40ODEzIDguMjcyMTQgMTAuMjcyMUM4LjI3MjE0IDguMDYyOTggMTAuMDYzIDYuMjcyMTIgMTIuMjcyMSA2LjI3MjEyQzE0LjQ4MTMgNi4yNzIxMiAxNi4yNzIxIDguMDYyOTggMTYuMjcyMSAxMC4yNzIxWk0xNC4yNzIxIDEwLjI3MjFDMTQuMjcyMSAxMS4zNzY3IDEzLjM3NjcgMTIuMjcyMSAxMi4yNzIxIDEyLjI3MjFDMTEuMTY3NiAxMi4yNzIxIDEwLjI3MjEgMTEuMzc2NyAxMC4yNzIxIDEwLjI3MjFDMTAuMjcyMSA5LjE2NzU1IDExLjE2NzYgOC4yNzIxMiAxMi4yNzIxIDguMjcyMTJDMTMuMzc2NyA4LjI3MjEyIDE0LjI3MjEgOS4xNjc1NSAxNC4yNzIxIDEwLjI3MjFaIiBmaWxsPSIjM0FEQUMwIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNS43OTQxNyAxNi41MTgzQzIuMTk0MjQgMTMuMDkwOSAyLjA1NDM4IDcuMzk0MDkgNS40ODE3OCAzLjc5NDE3QzguOTA5MTggMC4xOTQyNDMgMTQuNjA1OSAwLjA1NDM4MyAxOC4yMDU5IDMuNDgxNzhDMjEuODA1OCA2LjkwOTE4IDIxLjk0NTcgMTIuNjA1OSAxOC41MTgzIDE2LjIwNTlMMTIuMzEyNCAyMi43MjQxTDUuNzk0MTcgMTYuNTE4M1pNMTcuMDY5OCAxNC44MjY4TDEyLjI0MyAxOS44OTY1TDcuMTczMjQgMTUuMDY5OEM0LjM3MzMgMTIuNDA0IDQuMjY0NTIgNy45NzMxOCA2LjkzMDI4IDUuMTczMjRDOS41OTYwMyAyLjM3MzMgMTQuMDI2OCAyLjI2NDUyIDE2LjgyNjggNC45MzAyOEMxOS42MjY3IDcuNTk2MDMgMTkuNzM1NSAxMi4wMjY4IDE3LjA2OTggMTQuODI2OFoiIGZpbGw9IiMzQURBQzAiLz4KPC9zdmc+Cg==);
}
footer .mail-block::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjAwOTc3IDUuODM3ODlDMy4wMDk3NyA1LjI4NTYxIDMuNDU3NDggNC44Mzc4OSA0LjAwOTc3IDQuODM3ODlIMjBDMjAuNTUyMyA0LjgzNzg5IDIxIDUuMjg1NjEgMjEgNS44Mzc4OVYxNy4xNjIxQzIxIDE4LjI2NjcgMjAuMTA0NiAxOS4xNjIxIDE5IDE5LjE2MjFINUMzLjg5NTQzIDE5LjE2MjEgMyAxOC4yNjY3IDMgMTcuMTYyMVY2LjE2MjExQzMgNi4xMTQ0OSAzLjAwMzMzIDYuMDY3NjUgMy4wMDk3NyA2LjAyMThWNS44Mzc4OVpNNSA4LjA2MTY1VjE3LjE2MjFIMTlWOC4wNjE5OUwxNC4xMjE1IDEyLjk0MDVDMTIuOTQ5OSAxNC4xMTIxIDExLjA1MDQgMTQuMTEyMSA5Ljg3ODg1IDEyLjk0MDVMNSA4LjA2MTY1Wk02LjU3MjMyIDYuODA1NTRIMTcuNDI4TDEyLjcwNzMgMTEuNTI2M0MxMi4zMTY4IDExLjkxNjggMTEuNjgzNiAxMS45MTY4IDExLjI5MzEgMTEuNTI2M0w2LjU3MjMyIDYuODA1NTRaIiBmaWxsPSIjM0FEQUMwIi8+Cjwvc3ZnPgo=);
}
footer .phone-block::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyIDEyQzIyIDEwLjY4NjggMjEuNzQxMyA5LjM4NjQ3IDIxLjIzODggOC4xNzMxQzIwLjczNjIgNi45NTk5NiAxOS45OTk3IDUuODU3NDIgMTkuMDcxMSA0LjkyODk2QzE4LjE0MjUgNC4wMDAyNCAxNy4wNDAxIDMuMjYzNjcgMTUuODI2OCAyLjc2MTIzQzE0LjYxMzYgMi4yNTg1NCAxMy4zMTMyIDIgMTIgMlY0QzEzLjA1MDYgNCAxNC4wOTA5IDQuMjA3MDMgMTUuMDYxNSA0LjYwODg5QzE2LjAzMjEgNS4wMTA5OSAxNi45MTQgNS42MDAzNCAxNy42NTY5IDYuMzQzMjZDMTguMzk5NyA3LjA4NTk0IDE4Ljk4OSA3Ljk2ODAyIDE5LjM5MSA4LjkzODQ4QzE5Ljc5MzEgOS45MDkxOCAyMCAxMC45NDk1IDIwIDEySDIyWiIgZmlsbD0iIzNBREFDMCIvPgo8cGF0aCBkPSJNMiAxMFY1QzIgNC40NDc3NSAyLjQ0NzcyIDQgMyA0SDhDOC41NTIyOCA0IDkgNC40NDc3NSA5IDVWOUM5IDkuNTUyMjUgOC41NTIyOCAxMCA4IDEwSDZDNiAxNC40MTgyIDkuNTgxNzMgMTggMTQgMThWMTZDMTQgMTUuNDQ3OCAxNC40NDc3IDE1IDE1IDE1SDE5QzE5LjU1MjMgMTUgMjAgMTUuNDQ3OCAyMCAxNlYyMUMyMCAyMS41NTIyIDE5LjU1MjMgMjIgMTkgMjJIMTRDNy4zNzI1OSAyMiAyIDE2LjYyNzQgMiAxMFoiIGZpbGw9IiMzQURBQzAiLz4KPHBhdGggZD0iTTE3LjU0MzMgOS43MDM4NkMxNy44NDQ4IDEwLjQzMTkgMTggMTEuMjEyMiAxOCAxMkgxNi4yQzE2LjIgMTEuNDQ4NSAxNi4wOTE0IDEwLjkwMjMgMTUuODgwMyAxMC4zOTI4QzE1LjY2OTIgOS44ODMwNiAxNS4zNTk5IDkuNDIwMTcgMTQuOTY5OCA5LjAzMDI3QzE0LjU3OTggOC42NDAxNCAxNC4xMTY5IDguMzMwODEgMTMuNjA3MyA4LjExOTYzQzEzLjA5NzcgNy45MDg2OSAxMi41NTE1IDcuODAwMDUgMTIgNy44MDAwNVY2QzEyLjc4NzkgNiAxMy41NjgxIDYuMTU1MjcgMTQuMjk2MSA2LjQ1Njc5QzE1LjAyNCA2Ljc1ODMgMTUuNjg1NSA3LjIwMDIgMTYuMjQyNiA3Ljc1NzMyQzE2Ljc5OTggOC4zMTQ0NSAxNy4yNDE4IDguOTc1ODMgMTcuNTQzMyA5LjcwMzg2WiIgZmlsbD0iIzNBREFDMCIvPgo8L3N2Zz4K);
}


@media only screen and (max-width: 1399px) {
    .contacts-row {
        grid-template-columns: 688px 1fr;
        gap: 16px;
    }
    #map {
        height: 33.5rem;
    }
    .contacts-item {
        margin-bottom: 1.2rem;
        gap: 2rem;
    }
    .socials-list {
        margin-bottom: 1.6rem;
        gap: 1.6rem;
    }
    .contacts-items {
        margin-bottom: 1.6rem;
    }


}
@media only screen and (max-width: 1025px) {
    .contacts-row {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .contacts-col:nth-child(1) {order: 2;}
    .contacts-col:nth-child(2) {order: 1; margin-bottom: 3.2rem;}
    .contacts-col div {width: 100%;}
    .contacts-btns {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1.2rem;
    }
    .btn-social {margin: 0;}


}
@media only screen and (max-width: 991px) {
    #map {
        height: 26.7rem;
    }
    .btn-social {
        font-size: 20px;
        line-height: 24px;
        padding: 0 20px;
    }
    .contacts-col {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        overflow: hidden;
    }
    .contacts-row {
        box-sizing: border-box;
        overflow: hidden;
    }

}
@media only screen and (max-width: 767px) {
    #map {
        height: 26.7rem;
    }



}
@media only screen and (max-width: 720px) {
    #map {
        height: 46.4rem;
    }
    .btn-social {
        max-width: 100%;
        margin-bottom: 1.2rem;
    }
    .contacts-btns {
        flex-wrap: wrap;
        gap: 0;
    }
    .contacts-col:nth-child(2) {
        margin-bottom: 2rem;
    }
    .contacts-item {
        gap: 1rem;
    }
    .contacts-item br {display: none;}



}
@media only screen and (max-width: 360px) {
    .contacts-item a, .contacts .addr-block, .contacts .mail-block, .contacts .phone-block {
        font-size: 14px;
        line-height: 20px;
    }
    .btn-social {
        font-size: 16px;
    }


}