@media (max-width: 810px) {
  .contact-top-grid-container {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}

.contact-us-lightbox {
  position: relative;
}
.contact-us-lightbox .top-left {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
}
.contact-us-lightbox .bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
}

@media (max-width: 810px) {
  .contact-us-media-text {
    gap: 60px;
  }
}
.contact-us-media-text .wp-block-media-text__media {
  position: relative;
}
.contact-us-media-text .wp-block-media-text__media::before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 64V0L64 0L0 64Z' fill='white'/%3E%3C/svg%3E%0A");
  width: 32px;
  height: 32px;
  position: absolute;
  left: 0;
  top: 0;
  background-size: contain;
  background-repeat: no-repeat;
}
.contact-us-media-text .wp-block-media-text__media::after {
  content: "";
  display: block;
  background-image: url("https://www.yokohamabatteries.com.ph/wp-content/uploads/2025/02/contact-us-media-text-image-overlay.png");
  width: 100%;
  height: 28px;
  position: absolute;
  left: 0;
  bottom: -3px;
  right: 0;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 810px) {
  .contact-us-media-text .wp-block-media-text__media::after {
    bottom: -15px;
  }
}

.dynamic-branch-tabs {
  position: relative;
  z-index: 2;
}
@media (max-width: 810px) {
  .dynamic-branch-tabs {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
}
.dynamic-branch-tabs .wrapper {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 1fr;
}
@media (max-width: 1024px) {
  .dynamic-branch-tabs .wrapper {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: 1fr;
  }
}
.dynamic-branch-tabs .wrapper .tabs-wrapper {
  grid-area: 1/1/2/6;
  position: relative;
  overflow: hidden;
  max-height: 700px;
  overflow-y: scroll;
  padding-left: 55px;
}
@media (max-width: 1024px) {
  .dynamic-branch-tabs .wrapper .tabs-wrapper {
    grid-area: 1;
    position: relative;
    max-height: 400px;
  }
}
.dynamic-branch-tabs .wrapper .tabs-wrapper .wp-block-outermost-icon-block {
  position: absolute;
  top: 0;
  left: -3rem;
  z-index: 1;
}
.dynamic-branch-tabs .wrapper .tabs-wrapper .tab-items .tab-item {
  width: 100%;
  position: relative;
  padding: 1rem;
}
.dynamic-branch-tabs .wrapper .tabs-wrapper .tab-items .tab-item .tab-icon {
  display: none;
}
.dynamic-branch-tabs .wrapper .tabs-wrapper .tab-items .tab-item .tab-icon path {
  fill: #000;
}
.dynamic-branch-tabs .wrapper .tabs-wrapper .tab-items .tab-item.active {
  background-color: #d2f2ff;
}
.dynamic-branch-tabs .wrapper .tabs-wrapper .tab-items .tab-item.active .tab-icon {
  display: block;
}
.dynamic-branch-tabs .wrapper .tabs-wrapper .tab-items .tab-item.active::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='281' height='45' viewBox='0 0 281 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5 34.5L0 44.5H280.5V0L225 34.5H11.5Z' fill='white'/%3E%3C/svg%3E%0A");
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  width: 280px;
  height: 44px;
  position: absolute;
  bottom: 0;
  right: -1px;
}
.dynamic-branch-tabs .wrapper .maps-wrapper {
  height: 100%;
  grid-area: 1/6/2/13;
}
@media (max-width: 1024px) {
  .dynamic-branch-tabs .wrapper .maps-wrapper {
    height: 600px;
    grid-area: 2;
  }
}
.dynamic-branch-tabs .wrapper .maps-wrapper .active,
.dynamic-branch-tabs .wrapper .maps-wrapper iframe {
  height: inherit;
  width: 100%;
}
.dynamic-branch-tabs .wrapper .maps-wrapper .map {
  margin: 0 !important;
}
.dynamic-branch-tabs .wrapper .maps-wrapper .map:not(.active) {
  display: none;
}

.general-inquiry {
  margin-top: -10rem !important;
}
@media (max-width: 810px) {
  .general-inquiry .contact-lists {
    width: 100%;
  }
}
.general-inquiry .contact-lists .list {
  width: 100%;
}
.general-inquiry .inquiry-wrapper {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
@media (max-width: 810px) {
  .general-inquiry .inquiry-wrapper {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: 1fr;
    grid-row-gap: 50px;
    grid-column-gap: 0px !important;
  }
}
.general-inquiry .inquiry-wrapper .cta-wrapper {
  grid-area: 1/1/2/6;
}
@media (max-width: 810px) {
  .general-inquiry .inquiry-wrapper .cta-wrapper {
    padding-top: 80px;
  }
}
.general-inquiry .inquiry-wrapper .form-wrapper {
  grid-area: 1/6/2/13;
}
@media (max-width: 810px) {
  .general-inquiry .inquiry-wrapper .form-wrapper {
    grid-area: 2 !important;
  }
}
.general-inquiry .inquiry-wrapper .form-wrapper #gform_1 {
  color: #1f2023;
  font-weight: 400;
}
.general-inquiry .inquiry-wrapper .form-wrapper #gform_1 input,
.general-inquiry .inquiry-wrapper .form-wrapper #gform_1 textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: rgba(255, 255, 255, 0.5);
  border: none;
}/*# sourceMappingURL=contact-us.css.map */