.contacts-page {
display: flex;
flex-direction: column;
}
.contacts-page h1 {
margin-top: 18px;
}
.contacts-block {
display: flex;
flex-direction: row;
align-items: center;
gap: 20px;
margin-top: 30px;
}
.contacts-block h2.block-title {
text-align: left;
font-size: 20px;
}
.contacts-col.left {
width: 29.55%;
flex-grow: 1;
flex-shrink: 0;
}
.contacts-col.left * {
font-size: 16px;
}
.contacts-col.right {
width: 57.73%;
}
.contacts-col.right {
max-width: 762px;
width: 100%;
height: 490px;
border-radius: 30px;
overflow: hidden;
}
.contacts-list {
display: flex;
flex-direction: column;
gap: 14px;
margin-top: 20px;
}
.contacts-socials {
display: flex;
flex-direction: column;
gap: 20px;
margin-top: 28px;
}
.contacts-socials > div {
gap: 20px;
}
.contacts-legal {
color: var(--third-color);
opacity: 0.5;
font-weight: 400;
margin-top: 30px;
}
.contacts-list_item {
position: relative;
padding-left: 25px;
}
.contacts-list_icon {
background-repeat: no-repeat;
background-size: contain;
width: 20px;
height: 20px;
position: absolute;
inset-inline-start: 0;
}
.contacts-address .contacts-list_icon {
background-image: url("data:image/svg+xml,%3Csvg width='18' height='22' viewBox='0 0 18 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 12.3265C10.472 12.3265 11.6667 11.1325 11.6667 9.6615C11.6667 8.19046 10.472 6.99658 9 6.99658C7.528 6.99658 6.33333 8.19046 6.33333 9.6615C6.33333 11.1325 7.528 12.3265 9 12.3265Z' stroke='%23027CD5' stroke-width='2' stroke-linecap='square'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 9.6615C17 16.3238 10.3333 20.3212 9 20.3212C7.66667 20.3212 1 16.3238 1 9.6615C1 5.24705 4.58267 1.66675 9 1.66675C13.4173 1.66675 17 5.24705 17 9.6615Z' stroke='%23027CD5' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}
.contacts-tel .contacts-list_icon {
background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.29165 1.66675H4.33268C2.85992 1.66675 1.66602 2.86066 1.66602 4.33341V7.00008C1.66602 14.3639 7.63555 20.3334 14.9993 20.3334H17.666C19.1388 20.3334 20.3327 19.1395 20.3327 17.6667V15.8241C20.3327 15.3191 20.0473 14.8574 19.5956 14.6316L16.3744 13.0209C15.6487 12.6581 14.7698 13.0221 14.5132 13.7919L14.1162 14.9829C13.859 15.7544 13.0676 16.2137 12.2701 16.0542C9.0784 15.4159 6.58354 12.921 5.94519 9.7293C5.7857 8.93185 6.24498 8.14043 7.01649 7.88326L8.49467 7.39053C9.15563 7.17021 9.53553 6.47815 9.36656 5.80224L8.58517 2.6767C8.43678 2.08314 7.90347 1.66675 7.29165 1.66675Z' stroke='%23027CD5' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.contacts-schedule .contacts-list_icon {
background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9993 5.00008V11.0001L14.9993 15.0001M10.9993 20.3334C5.84469 20.3334 1.66602 16.1547 1.66602 11.0001C1.66602 5.84542 5.84469 1.66675 10.9993 1.66675C16.154 1.66675 20.3327 5.84542 20.3327 11.0001C20.3327 16.1547 16.154 20.3334 10.9993 20.3334Z' stroke='%23027CD5' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E ");
}
.contacts-mail .contacts-list_icon {
background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.9993 11.0001C14.9993 13.2092 13.2085 15.0001 10.9993 15.0001C8.79021 15.0001 6.99935 13.2092 6.99935 11.0001C6.99935 8.79094 8.79021 7.00008 10.9993 7.00008C13.2085 7.00008 14.9993 8.79094 14.9993 11.0001ZM14.9993 11.0001V12.3334C14.9993 13.8062 16.1933 15.0001 17.666 15.0001C18.6121 15.0001 19.4431 14.5074 19.9164 13.7647C20.18 13.3511 20.3327 12.8601 20.3327 12.3334V11.0001C20.3327 5.84542 16.154 1.66675 10.9993 1.66675C5.84469 1.66675 1.66602 5.84542 1.66602 11.0001C1.66602 16.1547 5.84469 20.3334 10.9993 20.3334C12.9823 20.3334 14.8209 19.715 16.3327 18.6605' stroke='%23027CD5' stroke-width='2'/%3E%3C/svg%3E ");
}
.my-marker {
width: 60px;
height: 60px;
position: relative;
box-sizing: border-box;
transform: translate(-50%, calc(-50% - 24px));
background-repeat: no-repeat;
background-size: contain;
background-image: url("data:image/svg+xml,%3Csvg width='48' height='56' viewBox='0 0 48 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 31.9791C28.416 31.9791 32 28.3974 32 23.9843C32 19.5711 28.416 15.9895 24 15.9895C19.584 15.9895 16 19.5711 16 23.9843C16 28.3974 19.584 31.9791 24 31.9791Z' fill='%23D10A0A'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M48 23.9843C48 43.9712 28 55.9635 24 55.9635C20 55.9635 0 43.9712 0 23.9843C0 10.7409 10.748 0 24 0C37.252 0 48 10.7409 48 23.9843Z' fill='%23D10A0A'/%3E%3C/svg%3E%0A");
}
@media (min-width: 625px) and (max-width: 1024px) {
.contacts-col {
width: 50% !important;
}
}
@media (max-width: 625px) {
.contacts-block {
flex-direction: column;
}
.contacts-col.left {
width: 100% !important;
}
.contacts-col.right {
position: relative;
width: 100vw !important;
border-radius: 0;
}
}