.contact-section .contact-wrap.active .text-box .sub-title {
  opacity: 1;
}
.contact-section .contact-wrap.active .text-box .contact-list {
  opacity: 1;
}
.contact-section .contact-wrap.active .map-box {
  opacity: 1;
}
.contact-section .contact-wrap .text-box .sub-title {
  opacity: 0;
  transition: opacity 1.5s;
}
.contact-section .contact-wrap .text-box .contact-list {
  display: flex;
  gap: 200px;
  flex-wrap: wrap;
  opacity: 0;
  transition: opacity 1.5s;
  transition-delay: 0.3s;
}
.contact-section .contact-wrap .text-box .contact-list .list-item {
  display: flex;
  align-items: flex-start;
  gap: 15px;
}
.contact-section .contact-wrap .text-box .contact-list .list-item .icon {
  line-height: 1.5;
}
.contact-section .contact-wrap .text-box .contact-list .list-item .contact-title {
  line-height: 1.5;
}
.contact-section .contact-wrap .text-box .contact-list .list-item .contact-desc {
  line-height: 1.5;
}
.contact-section .contact-wrap .text-box .contact-list .list-item .contact-desc a {
  line-height: inherit;
}
.contact-section .contact-wrap .map-box {
  opacity: 0;
  transition: opacity 1.5s;
  transition-delay: 0.6s;
}
.contact-section .contact-wrap .map-box svg {
  display: none;
}
.contact-section .contact-wrap .map-box > div {
  width: 100% !important;
}
.contact-section .contact-wrap .map-box > div .wrap_map {
  height: 500px !important;
}

@media screen and (max-width: 1600px) {
  .contact-section .contact-wrap .text-box .contact-list {
    gap: 180px;
  }
  .contact-section .contact-wrap .text-box .contact-list .list-item {
    gap: 14px;
  }
  .contact-section .contact-wrap .map-box > div .wrap_map {
    height: 450px !important;
  }
}
@media screen and (max-width: 1300px) {
  .contact-section .contact-wrap .text-box .contact-list {
    gap: 160px;
  }
  .contact-section .contact-wrap .text-box .contact-list .list-item {
    gap: 13px;
  }
  .contact-section .contact-wrap .map-box > div .wrap_map {
    height: 400px !important;
  }
}
@media screen and (max-width: 991px) {
  .contact-section .contact-wrap .text-box .contact-list {
    gap: 14px;
  }
  .contact-section .contact-wrap .text-box .contact-list .list-item {
    width: 100%;
    gap: 12px;
  }
  .contact-section .contact-wrap .map-box > div .wrap_map {
    height: 350px !important;
  }
}
@media screen and (max-width: 600px) {
  .contact-section .contact-wrap .text-box .contact-list {
    gap: 12px;
  }
  .contact-section .contact-wrap .text-box .contact-list .list-item {
    gap: 11px;
  }
  .contact-section .contact-wrap .map-box > div .wrap_map {
    height: 300px !important;
  }
}
@media screen and (max-width: 450px) {
  .contact-section .contact-wrap .text-box .contact-list {
    gap: 10px;
  }
  .contact-section .contact-wrap .text-box .contact-list .list-item {
    gap: 10px;
  }
  .contact-section .contact-wrap .map-box > div .wrap_map {
    height: 250px !important;
  }
}