.our-shops-tab {
  /* border: 1px solid var(--gray); */
  /* width: max-content; */
  margin: 0 auto;
  border-radius: 50px;
  margin-bottom: 100px;
  gap: 10px 0;

}

.shops-tab {
  padding: 13px 25px;
  cursor: pointer;
}

.active-tab--shops {
  background-color: var(--red);
  border-radius: 50px;
  color: var(--white);
}

.our-shops-deck {
  max-width: 1279px;
  margin: 0 auto;
  gap: 102px 89px;
  flex-wrap: wrap;
}

.our-shops-card {
  max-width: 595px;
  width: 100%;
}

.card-image-heading-contents {
  min-height: 347px;
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 35px;
  overflow: hidden;
  border-radius: 10px;
  position: relative;
}

.hr-line-our-shops {
  background-color: var(--white);
  max-width: 211px;
  height: 1px;
  margin: 14px 0;
}

.card-image-heading-animated-container {
  position: absolute;
  width: 100%;
  max-width: 595px;
  left: 0;
  padding: 35px;
  height: 100%;
  top: 58%;
  transition: all 0.5s ease-in-out;
}

.card-image-heading-contents:hover .card-image-heading-animated-container {
  top: 0 !important;
  background-color: rgba(237, 28, 36, 0.7);
}

.card-image-heading-contents:hover p,
.card-image-heading-contents:hover .card-image-heading-animated-container a {
  opacity: 1;
}

.card-image-heading-contents p {
  font-size: 18px;
  color: var(--white);
  opacity: 0;
  transition: all 0.5s ease-in-out;
}

/* .card-image-heading-text-content {
  min-height: 135px;
} */
.card-image-heading-animated-container a {
  background-color: var(--white);
  width: max-content;
  font-size: 16px;
  font-weight: 600;
  color: var(--black);
  padding: 6px 15px;
  border-radius: 5px;
  opacity: 0;
}

.card-image-heading-animated-container a:hover {
  color: var(--red);
}

.card-content-body {
  padding: 38px 35px 1px;
  background-color: var(--white2);
  border-radius: 10px;
  min-height: 502px;
}

.card-content-body-item {
  gap: 0 35px;
  margin-bottom: 35px;
}

.card-image-heading,
.card-content-body {
  margin-bottom: 20px;

}

.our-shops-archive .card-content-body {
  height: 581px;
  justify-content: flex-start !important;
}

.card-content--body {
  height: 463px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.our-shops-archive {
  margin-bottom: 100px;
}

.shop-map {
  min-height: 320px;
}

.card-image-heading-animated-container .card-image-heading-text-content p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
}

.card-content-body-item .fc-black {
  word-break: break-all;
}

.our-shops-tab .tab-container.first-tab {
  border-left: 1px solid var(--black);
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}

.our-shops-tab .tab-container {
  padding: 11px 0;
  border-top: 1px solid var(--black);
  border-bottom: 1px solid var(--black);
}

.our-shops-tab .tab-container.last-tab {
  border-right: 1px solid var(--black);
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}

.card-socials .card-content-body-item {
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .card-image-heading {
    margin-bottom: 0;
  }

  .card-image-heading-contents {
    min-height: 200px;
  }

  .our-shops-deck {
    gap: 40px 89px;
  }

  .our-shops-tab {
    margin-bottom: 50px;
  }

  .card-image-heading-animated-container .card-image-heading-text-content p {
    -webkit-line-clamp: 2;
  }
}

/* @media screen and (max-width: 500px) {
  .tab-container:nth-child(2),
  .tab-container:nth-child(4) {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-right: 1px solid var(--black);
  }
  .tab-container:nth-child(3),
  .tab-container.last-tab {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    border-left: 1px solid var(--black);
  }
  .marketings-tab-container .tab-container:nth-child(2) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 1px solid #00000000;
  }
  .marketings-tab-container .tab-container:nth-child(3) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 1px solid #00000000;
  }
} */