#googleMap {
    border-radius: 8px;
    height: 300px;
}
#googleMap > div > div > div:nth-child(2) > div:nth-child(2) {
    box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.15);
}
.contact-small-block {
    max-width: 368px;
    width: 100%;
}
.contact-large-block {
    max-width: 384px;
    width: 100%;
}
.contact-info-block, .contact-small-info-block {
    display: flex;
    flex-direction: column;
}
.contact h5, .contact p, .contact a,
.worker-info h6, .worker-info p, .worker-info a {
    margin-bottom: 0;
}
.worker-info .phone-item {
	font-weight: 700;
	text-decoration: none;
}
.all-workers img {
    max-width: 120px;
    max-height: 120px;
    min-width: 120px;
    min-height: 120px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 100vmax;
    image-rendering: -webkit-optimize-contrast;
}
.worker-group {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.worker {
    gap: 12px;
    max-width: 384px;
    width: 100%;
}
.worker-info {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.worker-info p {
    color: var(--delfiDarkGrey);
}
@media screen and (max-width: 1199px) {
    .worker-group {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 991px) {
    .contact > div {
        flex-wrap: wrap;
    }
    .contact > div > [class*="contact-"] {
        max-width: 47%;
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .contact > div > [class*="contact-"] {
        max-width: 100%;
        width: 100%;
    }
    .worker-group {
        grid-template-columns: 1fr;
    }
    #googleMap {
        height: 342px;
    }
}
