@keyframes shine {
  from {
    opacity: 0;
    left: 0%;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
    left: 100%;
  }
}
.banner.about-banner::before {
  z-index: 2;
}
.banner.about-banner .bg img, .banner.about-banner .bg video {
  filter: grayscale(1);
}
.banner.about-banner .banner-wrapper {
  z-index: 3;
}
.banner.about-banner .banner-wrapper h1 {
  font-weight: 600;
}
.banner.about-banner .banner-wrapper p {
  margin-bottom: 6px;
}

.about-secA {
  padding: 110px 0;
}
@media only screen and (max-width: 1024px) {
  .about-secA {
    padding: 4rem 0;
  }
}
@media only screen and (max-width: 675px) {
  .about-secA {
    padding: 50px 0;
  }
}
.about-secA .flex {
  gap: 67px;
}
@media only screen and (max-width: 991px) {
  .about-secA .flex {
    flex-direction: column;
  }
}
@media only screen and (max-width: 675px) {
  .about-secA .flex {
    gap: 1rem;
  }
}
.about-secA .flex .colA, .about-secA .flex .colB {
  flex: 1;
}
@media only screen and (max-width: 991px) {
  .about-secA .flex .colA, .about-secA .flex .colB {
    flex: 0 1 100%;
    max-width: 100%;
    width: 100%;
  }
}
.about-secA .flex .colA {
  flex: 0 1 48%;
}
.about-secA .flex .colA figure {
  line-height: 0;
  border-radius: 10px;
  overflow: hidden;
}
.about-secA .flex .colA img {
  width: 100%;
  height: auto;
}
.about-secA .flex .colB {
  flex: 1;
  padding-top: 12px;
}
.about-secA .flex .colB .heading {
  margin-bottom: 20px;
}
@media only screen and (max-width: 991px) {
  .about-secA .flex .colB .heading {
    text-align: center;
  }
}
.about-secA .flex .colB .content h5 {
  color: var(--text);
}
.about-secA .flex .colB .content p:not(:last-child), .about-secA .flex .colB .content ul:not(:last-child) {
  margin-bottom: 20px;
}
@media only screen and (max-width: 675px) {
  .about-secA .flex .colB .content ul li {
    text-align: left;
  }
}
.about-secA .flex .colB .content ul li:not(:last-child) {
  margin-bottom: 14px;
}
@media only screen and (max-width: 675px) {
  .about-secA .flex .colB .content ul li:not(:last-child) {
    margin-bottom: 8px;
  }
}

.about-secB {
  background: #FEF0FA;
  padding: 90px 0 0;
  display: none;
}
.about-secB .heading {
  margin-bottom: 12px;
}
.about-secB .content {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.about-secB .content .desc {
  color: var(--text);
}
.about-secB .ico-col-wrap {
  max-width: 384px;
  margin: 0 auto;
  background: url(../../images/vector/vector-3-a.svg) no-repeat;
  background-size: 100% 100%;
  background-position: 0 0;
  position: relative;
  bottom: -123px;
}
.about-secB .ico-col {
  width: 100%;
  aspect-ratio: 1.1360946746;
  -webkit-mask-image: url(../../images/vector/vector-3-b.svg);
          mask-image: url(../../images/vector/vector-3-b.svg);
  -webkit-mask-size: 100%;
          mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  line-height: 0;
}
@media only screen and (max-width: 520px) {
  .about-secB .ico-col {
    max-width: 200px;
    bottom: -95px;
  }
}
.about-secB .ico-col video {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.about-secC {
  padding: 0 0 75px;
}
.about-secC .heading {
  max-width: 608px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 78px;
}
.about-secC .team-dots {
  margin-top: 53px;
  --swiper-pagination-bullet-height: 15px;
  --swiper-pagination-bullet-width: 15px;
  --swiper-pagination-color: var(--primary);
}/*# sourceMappingURL=about.css.map */