.b-contacts-offices {
	padding: 70px 0;
    color: #000;
    font-size: 20px;
}
.b-contacts-offices .block-container > h2 {
	color: #000;
	font-family: DIN Pro;
	font-weight: 500;
	font-size: 50px;
	line-height: 63px;
	text-align: center;
	margin-bottom: 45px;
}
.b-contacts-offices .block-container {
	max-width: 1345px !important;
}
#offices-location-filter {
	width: 694px;
	margin: 0 auto;
	border: 1px solid #000;
	background-color: #fff;
	border-radius: 0;
	height: 50px;
	font-family: DIN Pro;
	font-weight: 400;
	font-size: 20px;
	line-height: 100%;
	color: #000;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='13' viewBox='0 0 16 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L8.72414 11L15 1' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 20px center;
    background-size: 16px;
	padding: 0 20px;
}
#offices-results {
	margin-top: 65px;
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}
#offices-results.center {
    justify-content: center;
}
.office-card {
	background: #fff;
	box-shadow: 1px 4px 12px 0px #0000001a;
	width: 419px;
	font-family: DIN Pro;
	font-weight: 400;
	font-size: 22px;
	line-height: 30px;
	color: #000;
	padding: 40px;
	display: flex;
	flex-direction: column;
	gap: 25px;
}
.office-card h3 {
	color: #ee0c5d;
	font-family: DIN Pro;
	font-weight: 500;
	font-size: 25px;
	line-height: 40px;
}
.office-card__email {
	display: block;
	text-decoration: underline;
	color: #ee0c5d;
}
.office-card__view {
	display: block;
	margin-top: auto;
	font-family: DIN Pro;
	font-weight: 400;
	font-size: 25px;
	line-height: 30px;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_116_981)'%3E%3Cpath d='M11.075 23.52C4.264 13.642 3 12.629 3 9C3 4.029 7.029 0 12 0C16.971 0 21 4.029 21 9C21 12.629 19.736 13.64 12.925 23.516C12.719 23.81 12.382 24 12 24C11.618 24 11.281 23.81 11.078 23.52L11.076 23.516L11.075 23.52ZM12 12.75C14.07 12.75 15.749 11.071 15.749 9C15.749 6.929 14.07 5.25 11.999 5.25C9.928 5.25 8.249 6.929 8.249 9C8.249 11.071 9.928 12.75 11.999 12.75H12Z' fill='%23EE0C5D'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_116_981'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 33px;
	background-size: 24px;
}
.office-card.special-office {
    width: 512px;
    padding: 0;
    gap: 0;
}
.office-map {
	height: 248px;
	overflow: hidden;
}
.office-map iframe {
	width: 100%;
	height: 100%;
	object-position: center;
}
.special-office__txt {
	padding: 45px;
	color: #000;
	font-family: DIN Pro;
	font-weight: 400;
	font-size: 25px;
	line-height: 30px;
}
.special-office__txt h2 {
	font-family: DIN Pro;
	font-weight: 500;
	font-size: 32px;
	line-height: 40px;
	margin-bottom: 29px;
}
#offices-results > p {
	width: 100%;
	text-align: center;
}

@media (min-width: 992px) and (max-width: 1440px) {
    .b-contacts-offices {
        padding: 4.86vw 0;
        font-size: 1.39vw;
    }
    .b-contacts-offices .block-container > h2 {
        font-size: 3.47vw;
        line-height: 4.38vw;
        margin-bottom: 3.13vw;
    }
    .b-contacts-offices .block-container {
        max-width: 93.4vw !important;
    }
    #offices-location-filter {
        width: 48.19vw;
        height: 3.47vw;
        font-size: 1.39vw;
        background-position: right 1.39vw center;
        background-size: 1.11vw;
        padding: 0 1.39vw;
    }
    #offices-results {
        margin-top: 4.51vw;
        gap: 1.67vw;
    }
    .office-card {
        width: 28.6vw;
        font-size: 1.53vw;
        line-height: 2.08vw;
        padding: 2.78vw;
        gap: 1.74vw;
    }
    .office-card h3 {
        font-size: 1.74vw;
        line-height: 2.78vw;
    }
    .office-card__view {
        font-size: 1.74vw;
        line-height: 2.08vw;
        padding-left: 2.29vw;
        background-size: 1.67vw;
    }
    .office-card.special-office {
        width: 35.56vw;
    }
    .office-map {
        height: 17.22vw;
    }
    .special-office__txt {
        padding: 3.13vw;
        font-size: 1.74vw;
        line-height: 2.08vw;
    }
    .special-office__txt h2 {
        font-size: 2.22vw;
        line-height: 2.78vw;
        margin-bottom: 2.01vw;
    }    
}

@media (max-width: 991px) {
    .b-contacts-offices {
        padding: 27px 0 51px;
        font-size: 20px;
    }
    .b-contacts-offices .block-container > h2 {
        font-size: 27px;
        line-height: 63px;
        margin-bottom: 15px;
    }
    .b-contacts-offices .block-container {
        max-width: 1345px !important;
    }
    #offices-location-filter {
        width: 100%;
        border: 1px solid #000;
        height: 42px;
        font-size: 16px;
        background-position: right 20px center;
        background-size: 16px;
        padding: 0 20px;
    }
    #offices-results {
        margin-top: 40px;
        gap: 24px;
    }
    .office-card {
        width: 100%;
        font-size: 16px;
        line-height: 24px;
        padding: 20px;
        gap: 15px;
    }
    .office-card h3 {
        font-size: 20px;
        line-height: 25px;
    }
    .office-card__view {
        font-size: 18px;
        line-height: 30px;
        padding-left: 22px;
        background-size: 17px;
    }
    .office-card.special-office {
        width: 512px;
    }
    .office-map {
        height: 145px;
    }
    .special-office__txt {
        padding: 20px;
        font-size: 16px;
        line-height: 24px;
    }
    .special-office__txt h2 {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 10px;
    }  
}