.custom-contact-card-wrapper {
  background: #efefef;
  width: fit-content;
  border-radius: 20px;
  padding: 33px 35px;
  width: 324px;
}

.headquarter-section {
  margin-bottom: 63px;
}

.content-text {
  display: flex;
  margin-bottom: 20px;
}

.content-text:hover {
  font: normal normal 500 18px/26px Roboto;
  letter-spacing: -0.36px;
  color: #333333;
}


.content-title {
  font: normal normal bold 24px/32px Roboto;
  letter-spacing: -0.36px;
  color: #333333;
  margin-bottom: 18px;
}

.address:before, .phone:before, .fax:before, .name:before, .email:before {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  display: inline-block;
  flex-shrink: 0;
  transform: translateY(2px);
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
}

.address:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Location_icon' data-name='Location icon' width='12' height='15' viewBox='0 0 12 15'%3E%3Cpath id='c2b0eedccc4761c59dc63e9987216605' d='M10,2A6.007,6.007,0,0,0,4,8c0,2.441,1.772,4.469,3.65,6.614.594.68,1.209,1.382,1.757,2.093a.75.75,0,0,0,1.188,0c.548-.711,1.163-1.414,1.757-2.093C14.228,12.469,16,10.441,16,8a6.007,6.007,0,0,0-6-6Zm0,8.25A2.25,2.25,0,1,1,12.25,8,2.25,2.25,0,0,1,10,10.25Z' transform='translate(-4 -2)' fill='%23333'/%3E%3C/svg%3E");
}

.phone:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Component_114_6' data-name='Component 114 – 6' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg id='ios-call' transform='translate(-24 -24)'%3E%3Cpath id='Path_618' data-name='Path 618' d='M42.146,38.749a15.465,15.465,0,0,0-3.231-2.162c-.968-.465-1.323-.455-2.008.038-.57.412-.939.8-1.6.652A9.521,9.521,0,0,1,32.1,34.905,9.453,9.453,0,0,1,29.732,31.7c-.139-.661.244-1.026.652-1.6.494-.685.508-1.04.038-2.008a15.159,15.159,0,0,0-2.162-3.231c-.7-.7-.863-.551-1.251-.412a7.119,7.119,0,0,0-1.146.609,3.456,3.456,0,0,0-1.376,1.452c-.273.59-.59,1.687,1.021,4.553a25.408,25.408,0,0,0,4.467,5.958l0,0,0,0A25.507,25.507,0,0,0,35.944,41.5c2.866,1.61,3.964,1.294,4.553,1.021a3.4,3.4,0,0,0,1.452-1.376A7.119,7.119,0,0,0,42.558,40C42.7,39.612,42.855,39.454,42.146,38.749Z' transform='translate(0 0)'/%3E%3C/g%3E%3C/svg%3E");
}

.fax:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Fax_icon' data-name='Fax icon' width='18.602' height='18.602' viewBox='0 0 18.602 18.602'%3E%3Cpath id='Path_620' data-name='Path 620' d='M2.99,3.986a1.6,1.6,0,0,1,1.173.488A1.6,1.6,0,0,1,4.65,5.647V16.941a1.6,1.6,0,0,1-.488,1.173A1.6,1.6,0,0,1,2.99,18.6H1.661a1.6,1.6,0,0,1-1.173-.488A1.6,1.6,0,0,1,0,16.941V5.647A1.6,1.6,0,0,1,.488,4.474a1.6,1.6,0,0,1,1.173-.488ZM17.273,5.678a2.689,2.689,0,0,1,.965.965A2.558,2.558,0,0,1,18.6,7.972v7.972A2.658,2.658,0,0,1,15.944,18.6H6.976a1.666,1.666,0,0,1-1.661-1.661V1A.961.961,0,0,1,5.605.291.961.961,0,0,1,6.311,0h6.976A2.4,2.4,0,0,1,14.2.208a2.415,2.415,0,0,1,.789.5l1.578,1.578a2.415,2.415,0,0,1,.5.789,2.4,2.4,0,0,1,.208.913ZM9.633,15.944V14.616a.32.32,0,0,0-.332-.332H7.972a.32.32,0,0,0-.332.332v1.329a.32.32,0,0,0,.332.332H9.3a.32.32,0,0,0,.332-.332Zm0-2.657V11.958a.32.32,0,0,0-.332-.332H7.972a.32.32,0,0,0-.332.332v1.329a.32.32,0,0,0,.332.332H9.3a.32.32,0,0,0,.332-.332Zm0-2.657V9.3A.32.32,0,0,0,9.3,8.969H7.972A.32.32,0,0,0,7.64,9.3v1.329a.32.32,0,0,0,.332.332H9.3a.32.32,0,0,0,.332-.332Zm2.657,5.315V14.616a.32.32,0,0,0-.332-.332H10.629a.32.32,0,0,0-.332.332v1.329a.32.32,0,0,0,.332.332h1.329a.32.32,0,0,0,.332-.332Zm0-2.657V11.958a.32.32,0,0,0-.332-.332H10.629a.32.32,0,0,0-.332.332v1.329a.32.32,0,0,0,.332.332h1.329a.32.32,0,0,0,.332-.332Zm0-2.657V9.3a.32.32,0,0,0-.332-.332H10.629A.32.32,0,0,0,10.3,9.3v1.329a.32.32,0,0,0,.332.332h1.329a.32.32,0,0,0,.332-.332Zm2.657,5.315V14.616a.32.32,0,0,0-.332-.332H13.287a.32.32,0,0,0-.332.332v1.329a.32.32,0,0,0,.332.332h1.329a.32.32,0,0,0,.332-.332Zm0-2.657V11.958a.32.32,0,0,0-.332-.332H13.287a.32.32,0,0,0-.332.332v1.329a.32.32,0,0,0,.332.332h1.329a.32.32,0,0,0,.332-.332Zm0-2.657V9.3a.32.32,0,0,0-.332-.332H13.287a.32.32,0,0,0-.332.332v1.329a.32.32,0,0,0,.332.332h1.329a.32.32,0,0,0,.332-.332Zm1-3.986V3.986H14.283a.992.992,0,0,1-1-1V1.329H6.643V6.643Z' fill='%23333'/%3E%3C/svg%3E");
}

.name:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='User_icon_-_no_background' data-name='User icon - no background' width='14.171' height='14.171' viewBox='0 0 14.171 14.171'%3E%3Cpath id='Path_2' data-name='Path 2' d='M11.085,11.085A3.543,3.543,0,1,0,7.543,7.543,3.542,3.542,0,0,0,11.085,11.085Zm0,1.771C8.721,12.857,4,14.044,4,16.4v1.771H18.171V16.4C18.171,14.044,13.45,12.857,11.085,12.857Z' transform='translate(-4 -4)' fill='%23333'/%3E%3C/svg%3E");
}

.email:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Component_115_14' data-name='Component 115 – 14' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg id='Email_icon' data-name='Email icon' transform='translate(0 2)'%3E%3Cpath id='Path_656' data-name='Path 656' d='M16.971,9.24a1.886,1.886,0,0,1,1.9,1.9V22.454a1.886,1.886,0,0,1-1.9,1.9H1.9A1.834,1.834,0,0,1,.552,23.8,1.834,1.834,0,0,1,0,22.454V11.14A1.834,1.834,0,0,1,.552,9.792,1.834,1.834,0,0,1,1.9,9.24Zm0,3.8v-1.9L9.414,15.869,1.9,11.14v1.9l7.513,4.685Z' transform='translate(0 -9.24)'/%3E%3C/g%3E%3C/svg%3E");
}

@media only screen and (max-width: 768px) {
  .custom-contact-card-wrapper {
    border-radius: 15px;
    padding: 23px 25px 7px;
    width: 100%;
  }

  .headquarter-section {
    margin-bottom: 34px;
  }

  .content-text {
    margin-bottom: 17px;
  }

  .content-title {
    font: normal normal bold 20px/30px Roboto;
    letter-spacing: -0.2px;
    margin-bottom: 16px;
  }

  .address:before, .phone:before, .fax:before, .name:before, .email:before {
    width: 15px;
    height: 15px;
    margin-right: 6px;
  }
}