:root {
  --bodyFont: "Onest", sans-serif;
  --titleFont: "Onest", sans-serif;
  --primaryColor: #01A66B;
  --secondaryColor: #005651;
  --bodyColor: #4B655C;
  --whiteColor: #ffffff;
  --titleColor: #1C1E30;
  --borderColor: #CDE4DC;
  --inputbgColor: #E6F7F1;
  --shadow6: 0px 16px 32px 0px rgba(0, 0, 0, .06);
  --transition: 0.4s all ease;
}

.hero-area .swiper-slide h1, .hero-area .swiper-slide p, .hero-area .swiper-slide * {
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s linear 0s;
}
.hero-area .swiper-slide.swiper-slide-active h1, .hero-area .swiper-slide.swiper-slide-active p, .hero-area .swiper-slide.swiper-slide-active * {
  opacity: 1;
  visibility: visible;
}

.item--wrap {
  display: flex;
}
.item--wrap .item--img {
  flex-shrink: 0;
  width: 300px;
  height: 260px;
}
.item--wrap .item--img img {
  width: 100%;
  height: 100%;
}

.single--item {
  position: relative;
  z-index: 1;
}

.testimonial-quote-icon {
  display: inline-block;
  line-height: 1;
  text-align: center;
}
.testimonial-quote-icon i {
  width: 1em;
  height: 1em;
  display: block;
}
.testimonial-quote-icon i::before {
  margin-left: 0;
  margin-right: 0;
}
.testimonial-quote-icon svg {
  display: block;
}

.content--box {
  display: flex;
}
.content--box .banner-image {
  overflow: hidden;
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.content--box .banner-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content--box .description {
  flex-shrink: 0;
}

.rating-heading {
  display: flex;
  align-items: center;
}
.rating-heading span {
  display: block;
}

.tp-el-star {
  display: flex;
  align-items: center;
  line-height: 1;
  text-align: center;
}
.tp-el-star i {
  width: 1em;
  height: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tp-el-star i::before {
  margin-left: 0;
  margin-right: 0;
}
.tp-el-star svg {
  display: block;
}

.tp-testimonial-direction-vertical .content--box {
  flex-direction: column;
}
.tp-testimonial-direction-horizontal .content--box {
  flex-direction: row;
}

.tp-item-wrap-direction-vertical .item--wrap {
  flex-direction: column;
}
.tp-item-wrap-direction-horizontal .item--wrap {
  flex-direction: row;
}

.tp-item-wrap-img-cover .item--img img {
  object-fit: cover;
}
.tp-item-wrap-img-fill .item--img img {
  object-fit: fill;
}
.tp-item-wrap-img-contain .item--img img {
  object-fit: contain;
}

.tp-item-wrap-img-position-top .item--img img {
  object-position: center top;
}
.tp-item-wrap-img-position-center .item--img img {
  object-position: center center;
}
.tp-item-wrap-img-position-bottom .item--img img {
  object-position: center bottom;
}

.tp-testimonial-style4 .single--item::before {
  position: absolute;
  left: 30px;
  bottom: -28px;
  content: "";
  clip-path: polygon(0 0, 0% 100%, 100% 0);
  background-color: #fff;
  width: 28px;
  height: 28px;
}

.tp-testimonial-style5 .item--img {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
}
.tp-testimonial-style5 .tp-el-star span {
  display: flex;
  align-items: center;
  gap: 4px;
}

.testimonial-heading {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 17px;
}
.testimonial-heading-img {
  width: 25px;
}
.testimonial-heading-text {
  display: block;
  font-size: 16px;
  font-weight: 700;
}

.subnet-hero-1-inner-content-wrap {
  position: relative;
  z-index: 1;
}

.subnet-hero-1-inner-content {
  position: relative;
  z-index: 1;
}

.tp-banner-img-overlay-show .subnet-hero-1-inner-content::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: radial-gradient(45.16% 310.67% at 81.44% 67.21%, rgba(8, 8, 33, 0) 1.04%, #080821 100%);
}

.tp-banner-3-img-overlay-show .subnet-hero-1-inner-content::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  z-index: -1;
  left: 0;
  background: linear-gradient(90deg, #181818 0%, rgba(7, 7, 7, 0.3) 100%);
}

.tp-banner-overlay-show .subnet-hero-1-slide-warp::after {
  position: absolute;
  content: "";
  width: 84px;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 1;
  background: linear-gradient(180deg, #234ad6 50%, #fff 100%);
}
@media (max-width: 767px) {
  .tp-banner-overlay-show .subnet-hero-1-slide-warp::after {
    opacity: 0;
    visibility: hidden;
    display: none;
  }
}

.subnet-hero-1-title span {
  display: inline-block;
  background-color: #16B126;
  margin: 0 20px;
  line-height: 1.2;
  position: relative;
}
.subnet-hero-1-title span::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  left: 100%;
  top: 0;
  background: #16B126;
  width: 30px;
  height: 100%;
  clip-path: polygon(0 0, 0% 100%, 100% 0);
}
.subnet-hero-1-title span::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  right: 100%;
  top: 0;
  background: #16B126;
  width: 30px;
  height: 100%;
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}

.subnet-btn-1 {
  display: flex;
  align-items: center;
}

.subnet-btn-2 {
  display: flex;
  align-items: center;
}

.subnet-hero-1-inner-subtitle-wrap .content {
  display: flex;
  align-items: center;
}
.subnet-hero-1-inner-subtitle-wrap .content span {
  display: block;
}

.content.white-style span {
  display: flex;
  align-items: center;
}

.play-animation-wrap {
  position: relative;
  z-index: 0;
  text-align: center;
}

.subnet-hero-1-inner-btn-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.play-animation-wrap .subnet-play-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.play-animation-wrap .subnet-play-btn::before {
  border: 1px solid rgba(0, 0, 0, 0);
}
.play-animation-wrap .subnet-play-btn::after {
  border: 1px solid rgba(0, 0, 0, 0);
}

.tp-video-no_shape .subnet-play-btn::before {
  display: none;
}
.tp-video-no_shape .subnet-play-btn::after {
  display: none;
}

.tp-video-shape1 .subnet-play-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #080821;
  z-index: -1;
  transition: all 0.5s ease 0s;
}
.tp-video-shape1 .subnet-play-btn::after {
  backdrop-filter: blur(5px);
  margin: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 30px 60px rgba(43, 0, 29, 0.1411764706);
  animation: videoBtn 1.75s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  z-index: -2;
}

.tp-video-shape2 .subnet-play-btn::after, .tp-video-shape2 .subnet-play-btn::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  border-radius: 50%;
  width: 100%;
  height: 100%;
  animation-name: popupBtn2;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  margin: 0;
}
.tp-video-shape2 .subnet-play-btn::before {
  animation-delay: 1s;
}

.tp-video-shape3 .subnet-play-btn::after, .tp-video-shape3 .subnet-play-btn::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  content: "";
  border-radius: 50%;
  width: 100%;
  height: 100%;
  animation: popupBtn3 2000ms ease-out infinite;
  margin: 0;
}
.tp-video-shape3 .subnet-play-btn::after {
  width: calc(100% + 8px);
  height: calc(100% + 8px);
}

@keyframes videoBtn {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}
@keyframes popupBtn {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  60% {
    transform: scale(1.4);
    opacity: 0.8;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
@keyframes popupBtn2 {
  0% {
    transform: none;
    opacity: 0;
  }
  20%, 70% {
    opacity: 1;
  }
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}
@keyframes popupBtn3 {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.4);
    opacity: 0;
  }
}
.subnet-hero-3-content-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 18px;
}
.subnet-hero-3-content-meta span {
  color: #fff;
  font-size: 16px;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}
.subnet-hero-3-content-meta span:not(:last-child) {
  padding-right: 19px;
  margin-right: 15px;
}
.subnet-hero-3-content-meta span:not(:last-child)::after {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  background: #D1D1D1;
  content: "";
  border-radius: 50%;
}
.subnet-hero-3-content-meta span i {
  color: #FFC107;
  margin-right: 8px;
}
.subnet-hero-3-content-meta span svg {
  margin-left: 15px;
}
.subnet-hero-3-content-meta span a {
  background: #DE2C2C;
  border-radius: 2px;
  display: block;
  text-decoration: none;
  line-height: 1;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  margin-left: 20px;
}

.p-mb-0 p {
  margin-bottom: 0;
}

/*# sourceMappingURL=banner.css.map */