.block-contacts {
margin-bottom: 60px;
}
.block-contacts .block-contacts-title {
margin-bottom: 30px;
}
.block-contacts .block-contacts-body {
display: flex;
margin-bottom: 30px;
flex-wrap: wrap;
justify-content: space-between;
-moz-row-gap: 20px;
row-gap: 20px;
}
.block-contacts .block-contacts-body .block-contacts-item-wrapper {
width: 24%;
-moz-column-gap: 30px;
column-gap: 30px;
display: flex;
flex-direction: column;
}
.block-contacts .block-contacts-body .block-contacts-item-wrapper p {
margin: 0px;
}
.block-contacts .block-contacts-body .block-contacts-item-wrapper .contact-title {
font-weight: 800;
font-size: 16px;
line-height: 137%;
color: #273141;
margin-bottom: 10px;
}
.block-contacts .block-contacts-body .block-contacts-item-wrapper .block-contacts-item {
line-height: 150%;
margin-bottom: 10px;
font-weight: 400;
color: #273141;
}
.block-contacts .block-contacts-body .block-contacts-item-wrapper .block-contacts-item:last-child {
margin-bottom: 0px;
}
.block-contacts .block-contacts-body .block-contacts-item-wrapper .block-contacts-item a {
transition: color 0.2s ease;
}
.block-contacts .block-contacts-body .block-contacts-item-wrapper .block-contacts-item a:hover {
color: #00dbb1;
}
.block-contacts .block-contacts-body .block-contacts-item-wrapper.socials .block-contact-flex {
display: flex;
align-items: center;
height: 40px;
}
.block-contacts .block-contacts-body .block-contacts-item-wrapper.socials .block-contact-flex .block-contacts-item {
margin-bottom: 0px;
height: 100%;
width: 40px;
margin-right: 20px;
}
.block-contacts .block-contacts-body .block-contacts-item-wrapper.socials .block-contact-flex .block-contacts-item:last-child {
margin-right: 0px;
}
.block-contacts .block-contacts-body .block-contacts-item-wrapper.socials .block-contact-flex .block-contacts-item .social-item {
width: 100%;
height: 100%;
display: block;
}
.block-contacts .block-contacts-body .block-contacts-item-wrapper.socials .block-contact-flex .block-contacts-item .social-item img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.block-contacts .block-contacts-body .block-contacts-item-wrapper.socials .block-contact-flex .block-contacts-item .social-item svg path { }
.block-contacts .block-contacts-body .block-contacts-item-wrapper.socials .block-contact-flex .block-contacts-item:hover svg path {
fill: #00DBB1;
}
.block-contacts .block-contacts-map {
border-radius: 15px;
overflow: hidden;
}
.block-contacts .block-contacts-map .map-holder {
height: 400px;
}
@media screen and (max-width: 1200px) {
.block-contacts .block-contacts-body {
row-gap: 30px;
}
.block-contacts .block-contacts-body .block-contacts-item-wrapper {
width: 33.3333%;
}
}
@media screen and (max-width: 991px) {
.block-contacts {
margin-bottom: 40px;
}
}
@media screen and (max-width: 767px) {
.block-contacts .block-contacts-body .block-contacts-item-wrapper {
width: 50%;
}
}
@media screen and (max-width: 480px) {
.block-contacts .block-contacts-title {
text-align: center;
}
.block-contacts .block-contacts-body {
margin-left: 0px;
margin-right: 0px;
text-align: center;
}
.block-contacts .block-contacts-body .block-contacts-item-wrapper {
width: 100%;
padding: 0px;
}
.block-contacts .block-contacts-body .block-contacts-item-wrapper.socials .block-contact-flex {
justify-content: center;
}
.block-contacts .block-contacts-map .map-holder {
height: 300px;
}
}
.reqs-block {
margin-bottom: 50px;
}
.reqs-wrapper {
position: relative;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;
@media(max-width: 700px) {
grid-template-columns: repeat(1, 1fr);
}
}
.req-item {
position: relative;
width: 100%;
height: auto;
padding: 10px;
border-radius: 15px;
background-color: #EAEAEC;
}
.reqs-block-title.block-title {
margin-bottom: 25px;
}
.block-contacts-reqs {
margin-top: 30px;
}