
.san-about-choose.padding {
  padding: clamp(30px, 5.208vw, 100px) 0;
  background-size:cover !important;
}

.san-about-choose p {
  font-size: clamp(14px, 0.94vw, 18px);
  font-family: var(--font-family);
  color: #000;
  line-height: 1.4;
  text-align: left;
  max-width: 60%;
  margin: 0 auto;
}

.san-about-choose p span{
  color: var(--color-primary);
  font-weight: 600;
}

.san-about-choose .wpb {
  display: -webkit-flex;
  display: flex;
  gap: 20px;
}



.san-about-choose {
  width: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.san-about-choose .title {
  text-align: center;
}

.san-about-choose .title h2{font-size:clamp(24px, 1.88vw, 36px);position: relative;width: fit-content;margin: 0 auto;}


.san-about-choose .title h2::after {
  content: "";
  position: absolute;
  left: -50px;
  bottom: 13px;
  width: 40px;
  height: 8px;
  background: var(--color-primary);
}



.san-about-choose .title .txt{margin:20px auto}

.san-about-choose ul {
  margin-top: 60px;
}

.san-about-choose .wp {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.san-about-choose li {
  width: calc((100% - 40px) / 3);
}

.san-about-choose li img{width:100%}

@media screen and (max-width: 991px) {
  .san-about-choose p {max-width: 100%;}
  .san-about-choose .title h2::after {left: -45px;bottom: 10px;width: 35px;}
}



@media screen and (max-width: 768px) {

  .san-about-choose li {
    width: 100%;
  }

  .san-about-choose .wpb{flex-wrap: wrap;}
  .san-about-choose ul { margin-top: 30px;}
}