.contact-location-section {
  padding-top: 100px;
  padding-bottom: 20px;
}
@media (max-width: 768px) {
  .contact-location-section {
    padding-top: 40px;
    padding-bottom: 0;
  }
}
.contact-location-section .contact-location__container {
  max-width: 1392px;
  margin: 0 auto;
  padding: 0 24px;
}
@media (max-width: 768px) {
  .contact-location-section .contact-location__container {
    padding: 0 17px;
  }
}
.contact-location-section .contact-location__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  .contact-location-section .contact-location__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.contact-location-section .contact-location__content .contact-location__content-header {
  width: 100%;
}
.contact-location-section .contact-location__content .contact-location__content-header .section-title {
  font-family: "NyghtSerif";
  font-weight: 400;
  font-style: italic;
  font-size: 70px;
  line-height: 68px;
  color: rgb(47, 47, 47);
  margin-bottom: 30px;
}
@media (max-width: 1200px) {
  .contact-location-section .contact-location__content .contact-location__content-header .section-title {
    font-size: 74px;
    line-height: 1;
  }
}
@media (max-width: 992px) {
  .contact-location-section .contact-location__content .contact-location__content-header .section-title {
    font-size: 60px;
    line-height: 1;
  }
}
@media (max-width: 576px) {
  .contact-location-section .contact-location__content .contact-location__content-header .section-title {
    font-size: 36px;
  }
}
.contact-location-section .contact-location__content .contact-location__content-header .section-subtitle {
  font-family: Helvetica;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: rgb(89, 89, 89);
  position: relative;
  padding-left: 50px;
}
.contact-location-section .contact-location__content .contact-location__content-header .section-subtitle::before {
  content: "";
  position: absolute;
  left: 0;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23D6E5DE'/%3E%3Cg clip-path='url(%23clip0_620_5014)'%3E%3Cpath d='M19.9991 13.4028C19.2437 13.4028 18.5053 13.6268 17.8772 14.0465C17.2491 14.4662 16.7595 15.0627 16.4704 15.7606C16.1813 16.4586 16.1057 17.2265 16.2531 17.9674C16.4005 18.7083 16.7642 19.3889 17.2984 19.923C17.8325 20.4572 18.5131 20.821 19.254 20.9683C19.9949 21.1157 20.7629 21.0401 21.4608 20.751C22.1587 20.4619 22.7552 19.9724 23.1749 19.3442C23.5946 18.7161 23.8186 17.9777 23.8186 17.2223C23.8174 16.2096 23.4147 15.2388 22.6986 14.5228C21.9826 13.8068 21.0118 13.404 19.9991 13.4028ZM19.9991 20.3473C19.3811 20.3473 18.7769 20.164 18.263 19.8206C17.7491 19.4772 17.3485 18.9892 17.112 18.4182C16.8755 17.8471 16.8136 17.2188 16.9342 16.6126C17.0548 16.0064 17.3524 15.4496 17.7894 15.0126C18.2265 14.5755 18.7833 14.2779 19.3895 14.1573C19.9957 14.0367 20.624 14.0986 21.195 14.3352C21.766 14.5717 22.2541 14.9722 22.5975 15.4861C22.9409 16 23.1241 16.6042 23.1241 17.2223C23.1232 18.0508 22.7937 18.8451 22.2078 19.431C21.622 20.0168 20.8277 20.3464 19.9991 20.3473Z' fill='%23103D33'/%3E%3Cpath d='M19.9993 8.88892C17.79 8.89144 15.6718 9.77023 14.1096 11.3325C12.5473 12.8947 11.6685 15.0129 11.666 17.2222C11.666 23.2045 19.429 30.6988 19.7593 31.0149C19.8239 31.0766 19.9099 31.1111 19.9993 31.1111C20.0888 31.1111 20.1748 31.0766 20.2394 31.0149C20.5697 30.6988 28.3327 23.2045 28.3327 17.2222C28.3302 15.0129 27.4514 12.8947 25.8891 11.3325C24.3269 9.77023 22.2087 8.89144 19.9993 8.88892ZM19.9993 30.2758C18.6779 28.95 12.3605 22.3417 12.3605 17.2222C12.3605 15.1963 13.1653 13.2533 14.5978 11.8207C16.0304 10.3882 17.9734 9.58336 19.9993 9.58336C22.0253 9.58336 23.9683 10.3882 25.4009 11.8207C26.8334 13.2533 27.6382 15.1963 27.6382 17.2222C27.6382 22.3392 21.3208 28.9495 19.9993 30.2758Z' fill='%23103D33'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_620_5014'%3E%3Crect width='22.2222' height='22.2222' fill='white' transform='translate(8.88867 8.88892)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.location-container {
  position: relative;
  width: 100%;
  padding-top: 100px;
}
@media (max-width: 768px) {
  .location-container {
    padding-top: 50px;
  }
}

.location-list {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
}
.location-list .location-item {
  padding: 20px 0;
  border-bottom: 1px solid #e5e5e5;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
}
.location-list .location-item:hover {
  -webkit-transform: translateX(5px);
      -ms-transform: translateX(5px);
          transform: translateX(5px);
}
.location-list .location-item:last-child {
  border-bottom: none;
}
.location-list .location-item .location-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.location-list .location-item .location-content .location-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
@media (max-width: 768px) {
  .location-list .location-item .location-content .location-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.location-list .location-item .location-content .location-info .location-name {
  font-family: Helvetica;
  font-weight: 400;
  font-size: 18px;
  line-height: 20px;
  color: rgb(89, 89, 89);
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
@media (max-width: 768px) {
  .location-list .location-item .location-content .location-info .location-name {
    font-size: 16px;
  }
}
.location-list .location-item .location-content .location-info .location-distance {
  font-family: Helvetica;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: rgb(143, 143, 143);
}
@media (max-width: 768px) {
  .location-list .location-item .location-content .location-info .location-distance {
    font-size: 16px;
  }
}

.location-image-mobile {
  display: none;
  width: 105px;
  height: 80px;
  margin-left: 20px;
  overflow: hidden;
}

.location-image-mobile img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.location-image-desktop {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 190px;
  height: 200px;
  pointer-events: none;
  z-index: 10;
  overflow: hidden;
}

.floating-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
  -webkit-transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  display: block;
}

/* Responsive Design */
@media (max-width: 768px) {
  .location-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
  .location-list {
    max-width: 100%;
  }
  .location-item {
    padding: 15px 0;
  }
  .location-item:hover {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    background-color: transparent;
  }
  .location-content {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .location-image-mobile {
    display: block;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .location-image-desktop {
    display: none;
  }
}