.shop-banner .text {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.shop-banner .text-box {
  float: right;
  text-align: center;
  padding-top: 4%;
}

.shop-distribution-channel .home-title h3 {
  color: #052465;
  text-align: start;
}
.shop-distribution-channel li {
  margin-bottom: 8%;
}
.shop-distribution-channel li span {
  font-size: 26px;
  font-weight: 500;
  font-family: "Mitr", sans-serif;
}
.shop-distribution-channel li .icon {
  display: flex;
  gap: 1.5rem;
  margin-top: 3%;
  flex-wrap: wrap;
  width: 75%;
}
.shop-distribution-channel li img {
  height: 70px;
}

.shop-map .text {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  float: right;
  display: flex;
  align-items: center;
}
.shop-map .text-box {
    width: fit-content;
  text-align: center;
  float: right;
}
.shop-map .text1 {
  font-size: 1.67vw;
  font-weight: 500;
  font-family: "Mitr", sans-serif;
  font-size: 26px;
}
.shop-map .text2 {
  font-size: 52px;
  font-weight: 500;
  color: #ea0029;
  font-family: "Mitr", sans-serif;
}
.shop-map .text3 {
  font-size: 36px;
  font-weight: 500;
  color: #199f4e;
  font-family: "Mitr", sans-serif;
}
.shop-map .text4 {
}
@media (max-width: 991px) {
  .shop-banner img {
    margin-top: 7rem;
  }
  .shop-banner .text {
    font-size: 14px;
    top: -6rem;
  }
  .shop-banner .text-box {
    padding: 1rem 0;
  }
  .shop-banner .home-title h2 {
    font-size: 28px;
  }
  .shop-distribution-channel .home-title h3 {
    text-align: center;
  }
  .shop-distribution-channel ul {
    padding: 0;
  }
  .shop-distribution-channel li span {
    font-size: 20px;
  }
  .shop-distribution-channel li .icon {
    margin-top: 1rem;
    width: 100%;
  }
  .shop-distribution-channel li img {
    height: 50px;
  }
  .shop-map .text {
    position: relative;
    float: unset;
  }
  .shop-map .text-box {
    width: 100%;
    margin-bottom: 3rem;
  }
  .shop-map .text1 {
    font-size: 20px;
  }
  .shop-map .text2 {
    font-size: 28px;
  }
  .shop-map .text3 {
    font-size: 32px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .shop-banner img {
    margin-top: 0;
  }
  .shop-banner .text {
    top: 3rem;
  }
}
@media (min-width: 1024px) and (max-width: 1366px) {
  .shop-banner .text-box {
    padding-top: 3%;
  }
}