/* Regional offices */

.section_offices {
  background-color: #fff;
}

.section_offices--wrapper {
  margin: max(7.5vh, 2.5rem) auto;
  display: flex;
  flex-direction: column;
  gap: 5vh;
}

.regional-offices {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(17.5rem, 1fr));
  grid-gap: 2vw;
}

.regional-offices__item {
  display: flex;
  flex-direction: column;
  position: relative;
  background: #fff;
}

/* Regional offices header */
.location-office--header {
  text-align: center;
  position: relative;
  padding-bottom: 0.75rem;
}

.location-office--header:after {
  content: "";
  position: absolute;
  display: block;
  /* width: 100%; */
  height: 2px;
  background-color: #f0f0f0;
  bottom: 0;
  left: 0;
  right: 0;
}

.location-office__title {
  color: #353535;
  font-size: max(1vw, 14px);
  font-family: "Roboto", sans-serif;
  font-weight: bold;
}

.location-office__subtitle {
  font-family: "Roboto", sans-serif;
  font-size: max(0.9vw, 14px);
  color: #afafaf;
}

/* Regional offices description */

.location-office-info {
  padding: 1rem 0;
  display: flex;
  flex-direction: column;
  gap: 1.5vh;
}

.location-office-info__item {
  display: flex;
  font-size: max(0.7vw, 12px);
  color: #353535;
}

.location-office-info__item {
  position: relative;
  padding-left: 1.75rem;
}

.location-office-info__item::before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 1.15rem;
  height: 1.15rem;
  top: 50%;
  left: 0;
  transform: translate(0%, -50%);
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.location-address::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23c10f1b'%3E%3Cg data-name='10-location' id='_10-location'%3E%3Cpath d='M27,12A11,11,0,0,0,5,12C5,22,16,31,16,31S27,22,27,12Z' /%3E%3Ccircle stroke='%23fff' fill='%23c10f1b' cx='16' cy='12' r='5' /%3E%3C/g%3E%3C/svg%3E");
}
.location-phone::before {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23c10f1b' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.167,16.155a2.5,2.5,0,0,0-3.535,0l-.385.384A46.692,46.692,0,0,1,7.458,10.75l.385-.385a2.5,2.5,0,0,0,0-3.536L5.721,4.708a2.5,2.5,0,0,0-3.535,0L1.022,5.872a3.51,3.51,0,0,0-.442,4.4A46.932,46.932,0,0,0,13.722,23.417a3.542,3.542,0,0,0,4.4-.442l1.165-1.164a2.5,2.5,0,0,0,0-3.535Z'/%3E%3Cpath d='M11.5,0a1,1,0,0,0,0,2A10.512,10.512,0,0,1,22,12.5a1,1,0,1,0,2,0A12.515,12.515,0,0,0,11.5,0Z'/%3E%3Cpath d='M11.5,6A6.508,6.508,0,0,1,18,12.5a1,1,0,0,0,2,0A8.51,8.51,0,0,0,11.5,4a1,1,0,1,0,0,2Z'/%3E%3Cpath d='M11.5,10A2.5,2.5,0,0,1,14,12.5a1,1,0,0,0,2,0A4.505,4.505,0,0,0,11.5,8a1,1,0,1,0,0,2Z'/%3E%3C/svg%3E");
}
.location-fax::before {
  background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' style='enable-background:new 0 0 32 32;' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23c10f1b;%7D .st1%7Bfill:%23868687;%7D .st2%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23c10f1b;stroke:%23c10f1b;stroke-width:0.776;%7D .st3%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23c10f1b;fill-opacity:0;stroke:%23c10f1b;stroke-width:0.776;%7D .st4%7Bfill:none;stroke:%23c10f1b;stroke-width:1.5556;stroke-opacity:0.5;%7D .st5%7Bfill:none;stroke:%23c10f1b;stroke-width:1.5556;%7D .st6%7Bfill:%23070707;%7D%0A%3C/style%3E%3Cg id='fax'%3E%3Cpath class='st0' d='M9,23.9v4.8c0,0.3,0.2,0.5,0.5,0.5h13.1c0.3,0,0.5-0.2,0.5-0.5v-4.8v-3c0-0.3-0.2-0.5-0.5-0.5H9.5 c-0.3,0-0.5,0.2-0.5,0.5V23.9z M10.8,22.1h10.5v1.7H10.8V22.1z M10.8,25.6h10.5v1.7H10.8V25.6z'/%3E%3Cpolygon class='st0' points='23,8.1 23,2.9 9,2.9 9,8.1 9,11.6 23,11.6 '/%3E%3Cpath class='st0' d='M26.5,8.1h-1.8v3.5v1.8H7.3v-1.8V8.1H5.5C3.6,8.1,2,9.7,2,11.6v8.8c0,1.9,1.6,3.5,3.5,3.5h1.8v-3.5v-1.8h17.5 v1.8v3.5h1.8c1.9,0,3.5-1.6,3.5-3.5v-8.7C30,9.7,28.4,8.1,26.5,8.1z'/%3E%3C/g%3E%3C/svg%3E");
}