.view-display-id-block_detail_list{
    margin-top: 32px;  
    padding-inline: 20px;
}

.view-office-lists{
  display:flex;
  flex-direction: column;
  margin: 0;
  gap: 32px;
}

.view-office-lists .item-list .views-field-field-address-address-line1 .field-content,
.view-office-lists .item-list .views-field-field-address-postal-code .field-content,
.view-office-lists .item-list .views-field-field-province-1 .field-content,
.view-office-lists .item-list .views-field-field-telephone .field-content{
  color: #636466;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 125% */
}

 .views-field-field-office-name .field-content{
     color: #313131;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
 }

.view-office-lists .attachment, .view-office-list-levels .attachment{
  margin-bottom: 0;
  width: 100%;
}

.view-office-lists .attachment .attachment-before{
  width: 50%;
}

.view-office-lists .view-content, .view-office-list-levels .view-content{
  width: 100%;
}

.view-office-lists .view-content{
  border: 0;
  border-radius: 32px;
}

.view-office-lists .item-list > ul{
  position: relative;
  border-radius: 16px;
  background: #F8F7F5;
}

.view-office-lists .item-list > ul > li{
  background: none;
  padding: 16px;
  padding-left: 60px;
}


.view-office-lists .item-list > ul::before{
  position: absolute;
  top: 16px;
  left:16px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M16.0007 17.3333C18.2098 17.3333 20.0007 15.5424 20.0007 13.3333C20.0007 11.1242 18.2098 9.33329 16.0007 9.33329C13.7915 9.33329 12.0007 11.1242 12.0007 13.3333C12.0007 15.5424 13.7915 17.3333 16.0007 17.3333Z' stroke='%23CD0C2E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.0007 29.3333C21.334 24 26.6673 19.2243 26.6673 13.3333C26.6673 7.44226 21.8917 2.66663 16.0007 2.66663C10.1096 2.66663 5.33398 7.44226 5.33398 13.3333C5.33398 19.2243 10.6673 24 16.0007 29.3333Z' stroke='%23CD0C2E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background: none;
}

@media (min-width: 744px) {
  
  .view-display-id-block_detail_list{
    margin-top: 32px !important;
    padding-inline: 40px  !important;
  }

  
  .view-office-lists{
    flex-direction: row-reverse;
  }
  
  .view-office-lists .item-list > ul > li{
    padding-left: 72px;
  }
  
  .views-field-field-province .field-content {
    margin-bottom: 8px;
  }
  
  
 .views-field-field-office-name .field-content{
    font-size: 26px;
    font-style: normal;
    font-weight: 300;
    line-height: 32px; 
 }
  
  .view-office-lists .item-list > ul::before{
    position: absolute;
    top: 16px;
    left:16px;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M19.9993 21.6667C22.7608 21.6667 24.9993 19.4281 24.9993 16.6667C24.9993 13.9053 22.7608 11.6667 19.9993 11.6667C17.2379 11.6667 14.9993 13.9053 14.9993 16.6667C14.9993 19.4281 17.2379 21.6667 19.9993 21.6667Z' stroke='%23CD0C2E' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.9993 36.6667C26.666 30 33.3327 24.0305 33.3327 16.6667C33.3327 9.30291 27.3631 3.33337 19.9993 3.33337C12.6356 3.33337 6.66602 9.30291 6.66602 16.6667C6.66602 24.0305 13.3327 30 19.9993 36.6667Z' stroke='%23CD0C2E' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background: none;
  }
  
  .view-office-lists .item-list .views-field-field-address-address-line1 .field-content,
  .view-office-lists .item-list .views-field-field-address-postal-code .field-content,
  .view-office-lists .item-list .views-field-field-province-1 .field-content,
  .view-office-lists .item-list .views-field-field-telephone .field-content{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
  }
  
   .view-office-lists .item-list .views-field-field-province a{
     position:relative;
    text-align: center;
    font-family: "Fira Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-right: 28px;
  }
  
  .view-office-lists .item-list .views-field-field-province a:before{
    content: none;
  }
  
  .view-office-lists .item-list .views-field-field-province a:after{
    position:absolute;
    bottom: 4px;
    right: 8px;
    height: 16px;
    width: 16px;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3.33398 8.00004H12.6673M12.6673 8.00004L8.00065 3.33337M12.6673 8.00004L8.00065 12.6667' stroke='%23ED002F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  
 .views-field-field-office-name .field-content{
    font-size: 26px;
    font-style: normal;
    font-weight: 300;
    line-height: 32px;
 }
 
}

@media (min-width: 1440px) {
   .view-display-id-block_detail_list{
    max-width: 1600px;
    padding-inline: 96px !important;
  }
}