.service-card {
  /**
   * Styles the media content within a WordPress media-text block.
   * Positions the media content relative to the container, sets the height,
   * and adds a white triangle icon in the top-left corner.
   * The media content is also set to cover the entire container and be centered.
   */
}
.service-card .wp-block-media-text__media {
  position: relative;
  height: 312px;
}
.service-card .wp-block-media-text__media::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 50V0L50 0L0 50Z' fill='white'/%3E%3C/svg%3E%0A");
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.service-card .wp-block-media-text__media img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.service-card .wp-block-media-text__content {
  position: relative;
  padding: 0;
  height: 326.5px;
  top: -1.5rem;
  width: 100%;
}
.service-card .wp-block-media-text__content > * {
  z-index: 1;
  position: relative;
}
.service-card .wp-block-media-text__content::before {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://www.yokohamabatteries.com.ph/wp-content/uploads/2025/02/background.png");
  background-size: cover;
  background-position: bottom;
  z-index: 0;
}
@media (max-width: 810px) {
  .service-card .wp-block-media-text__content::before {
    background-position: left;
  }
}
.service-card .wp-block-media-text__content .floating-text-icon {
  position: absolute;
  top: -2.5rem;
  right: 0;
}

.branches-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) {
  .branches-wrapper {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px;
  }
}
.branches-wrapper .map {
  grid-area: 1/1/2/9;
  position: relative;
  z-index: -1;
  left: -7rem;
  top: 4rem;
}
@media (max-width: 810px) {
  .branches-wrapper .map {
    grid-area: 1;
    left: 0;
    top: 0;
  }
}
.branches-wrapper .map img {
  width: 100% !important;
}
@media (max-width: 810px) {
  .branches-wrapper .map img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 450px !important;
  }
}
.branches-wrapper .map .top-left {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
}
.branches-wrapper .map .bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
}
.branches-wrapper .content {
  background-size: 100% 100% !important;
  grid-area: 1/7/2/13;
}
@media (max-width: 810px) {
  .branches-wrapper .content {
    grid-area: 2;
  }
}
.branches-wrapper .content .branches-items {
  max-height: 350px;
  overflow-y: scroll;
  width: 100%;
}
.branches-wrapper .content .branches-items::-webkit-scrollbar {
  width: 8px;
}
.branches-wrapper .content .branches-items::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
}
.branches-wrapper .content .branches-items::-webkit-scrollbar-thumb {
  background: #fff;
  border-radius: 10px;
}
.branches-wrapper .content .branches-items::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 192, 203, 0.8);
}
.branches-wrapper .content .branches-items .branches-item {
  align-items: flex-start;
}/*# sourceMappingURL=services.css.map */