/* SCSS file content */
/* SCSS file content   */
.homeclienttestimonial {
  padding: 3.5rem 0;
  background-color: #f5faff;
}
@media screen and (min-width: 768px) {
  .homeclienttestimonial {
    padding: 5rem 0;
  }
}
@media screen and (min-width: 1400px) {
  .homeclienttestimonial {
    padding: 7.5rem 0;
  }
}
.homeclienttestimonial .topWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.homeclienttestimonial .topWrap h2 {
  font-weight: 400;
  font-size: 1.875rem;
  margin-bottom: 0;
  color: #0b2a5a;
  max-width: 20ch;
}
@media screen and (min-width: 1200px) {
  .homeclienttestimonial .topWrap h2 {
    font-size: 2.625rem;
  }
}
@media screen and (min-width: 1200px) {
  .homeclienttestimonial .topWrap h2 {
    font-size: 3.4375rem;
  }
}
.homeclienttestimonial .testimonWraper {
  margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
  .homeclienttestimonial .testimonWraper {
    margin-top: 3.125rem;
  }
}
@media screen and (min-width: 1200px) {
  .homeclienttestimonial .testimonWraper .swiper-slide-next .testimonbox {
    background-color: #276099;
  }
  .homeclienttestimonial .testimonWraper .swiper-slide-next .testimonbox .topBox p,
  .homeclienttestimonial .testimonWraper .swiper-slide-next .testimonbox .topBox span {
    color: #fff;
  }
  .homeclienttestimonial .testimonWraper .swiper-slide-next .testimonbox .bottomBox p {
    color: #fff;
  }
  .homeclienttestimonial .testimonWraper .swiper-slide-next .testimonbox .bottomBox .quote-box {
    -webkit-filter: brightness(0) saturate(100%) invert(92%) sepia(100%) saturate(28%) hue-rotate(255deg) brightness(107%) contrast(100%);
            filter: brightness(0) saturate(100%) invert(92%) sepia(100%) saturate(28%) hue-rotate(255deg) brightness(107%) contrast(100%);
  }
}
.homeclienttestimonial .clientest-btn-wrapper {
  position: relative;
  padding-bottom: 70px;
}
@media screen and (min-width: 992px) {
  .homeclienttestimonial .clientest-btn-wrapper {
    padding-bottom: 110px;
  }
}
.homeclienttestimonial .clientest-btn-wrapper .swiper-button-next {
  right: calc(50% - 70px);
  color: #001B3B;
  top: auto;
  bottom: 0;
  width: 60px;
  height: 60px;
  -webkit-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
  border: 1px solid #14314e;
  border-radius: 50%;
}
.homeclienttestimonial .clientest-btn-wrapper .swiper-button-next:hover {
  scale: 1.03;
}
.homeclienttestimonial .clientest-btn-wrapper .swiper-button-next::after {
  font-size: 16px;
  font-weight: 600;
  -webkit-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}
@media screen and (max-width: 992px) {
  .homeclienttestimonial .clientest-btn-wrapper .swiper-button-next {
    width: 50px;
    height: 50px;
    right: calc(50% - 55px);
  }
}
.homeclienttestimonial .clientest-btn-wrapper .swiper-button-prev {
  left: calc(50% - 70px);
  color: #001B3B;
  top: auto;
  bottom: 0;
  width: 60px;
  height: 60px;
  -webkit-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
  border: 1px solid #14314e;
  border-radius: 50%;
}
@media screen and (max-width: 992px) {
  .homeclienttestimonial .clientest-btn-wrapper .swiper-button-prev {
    width: 50px;
    height: 50px;
    left: calc(50% - 55px);
  }
}
.homeclienttestimonial .clientest-btn-wrapper .swiper-button-prev:hover {
  scale: 1.03;
}
.homeclienttestimonial .clientest-btn-wrapper .swiper-button-prev::after {
  font-size: 16px;
  font-weight: 600;
  -webkit-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}
.homeclienttestimonial .clientest-btn-wrapper .swiper-button-next.swiper-button-disabled,
.homeclienttestimonial .clientest-btn-wrapper .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
  border-color: #d1e4ee;
}
.homeclienttestimonial .clientest-btn-wrapper .swiper-button-next.swiper-button-disabled::after,
.homeclienttestimonial .clientest-btn-wrapper .swiper-button-prev.swiper-button-disabled::after {
  color: #96bbcf;
  opacity: 1;
}
.homeclienttestimonial .clienttestSwiper {
  opacity: 0;
}
.homeclienttestimonial .clienttestSwiper.swiper-initialized {
  opacity: 1;
}
.homeclienttestimonial .clienttestSwiper .swiper-slide {
  height: auto;
}

.btn-video.modal .modal-dialog {
  max-width: 62.5rem;
  min-height: calc(100svh - 160px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 80px auto;
  padding: 0 15px;
}
.btn-video.modal .modal-dialog .modal-content {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-video.modal .modal-body {
  padding: 0;
}
.btn-video.modal .modal-body video {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 300px;
}
@media screen and (min-width: 768px) {
  .btn-video.modal .modal-body video {
    height: 500px;
  }
}
.btn-video.modal .btn-close {
  border: 0;
  background: transparent;
  font-size: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: -60px;
  right: 0;
  opacity: 1;
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
          filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
  -webkit-appearance: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media screen and (min-width: 1370px) {
  .btn-video.modal .btn-close:hover {
    opacity: 0.6;
  }
}

.testimonbox {
  border-radius: 15px;
  border: 1px solid #d6e3f0;
  background: #fff;
  display: block;
  padding: 30px;
  display: block;
  overflow: hidden;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  height: 100%;
}
@media screen and (min-width: 992px) {
  .testimonbox {
    padding: 50px;
  }
}
.testimonbox .topBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 22px;
}
.testimonbox .topBox .topleft {
  width: 102px;
  height: 102px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 102px;
          flex: 0 0 102px;
}
.testimonbox .topBox .topleft .image-box {
  margin-bottom: 0rem;
  padding-top: calc(102 / 102 * 100%);
  position: relative;
  width: 102px;
  border-radius: 8px;
  overflow: hidden;
}
.testimonbox .topBox .topleft .image-box img {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
}
.testimonbox .topBox .topleft .image-box img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.testimonbox .topBox .topright {
  max-width: 200px;
}
.testimonbox .topBox .topright span {
  font-size: 1.125rem;
  font-weight: 500;
  font-family: "Onest", sans-serif;
  line-height: 1.3;
  display: inline-block;
  color: #071a28;
  margin-bottom: 5px;
}
@media screen and (min-width: 1200px) {
  .testimonbox .topBox .topright span {
    font-size: 1.25rem;
  }
}
.testimonbox .topBox .topright p {
  color: #416077;
  font-size: 0.875rem;
  font-weight: 400;
  font-family: "Onest", sans-serif;
  margin-bottom: 0;
  line-height: 1.2;
}
@media screen and (min-width: 1200px) {
  .testimonbox .topBox .topright p {
    font-size: 1rem;
  }
}
.testimonbox .topBox.video .image-box::after {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='43' height='42' viewBox='0 0 43 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_302_270' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='43' height='42'%3E%3Crect x='0.0449219' width='42' height='42' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_302_270)'%3E%3Cpath d='M17.8506 26.6432L26.6881 20.9994L17.8506 15.3557V26.6432ZM21.0518 36.2244C18.9468 36.2244 16.9747 35.825 15.1355 35.0261C13.2962 34.2272 11.6837 33.1357 10.298 31.7514C8.91202 30.3672 7.81915 28.7567 7.0194 26.9201C6.21936 25.0832 5.81934 23.1121 5.81934 21.0069C5.81934 18.9019 6.21877 16.9225 7.01765 15.0687C7.81652 13.2148 8.90809 11.6024 10.2923 10.2312C11.6766 8.85981 13.287 7.77423 15.1236 6.97448C16.9606 6.17443 18.9316 5.77441 21.0369 5.77441C23.1419 5.77441 25.1213 6.17385 26.9751 6.97273C28.8289 7.7716 30.4414 8.85587 31.8125 10.2255C33.1839 11.5952 34.2695 13.2056 35.0693 15.0569C35.8693 16.9084 36.2693 18.8867 36.2693 20.992C36.2693 23.0969 35.8699 25.069 35.071 26.9083C34.2721 28.7475 33.1879 30.36 31.8182 31.7457C30.4485 33.1317 28.8381 34.2246 26.9869 35.0244C25.1354 35.8244 23.157 36.2244 21.0518 36.2244Z' fill='white'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  width: 42px;
  height: 42px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.testimonbox .bottomBox {
  margin-top: 3.125rem;
}
@media screen and (min-width: 1200px) {
  .testimonbox .bottomBox {
    margin-top: 5.625rem;
  }
}
.testimonbox .bottomBox p {
  color: #333333;
  font-size: 1rem;
  font-weight: 300;
  font-family: "Onest", sans-serif;
  line-height: 1.56;
  margin-bottom: 0px;
  color: #333;
  letter-spacing: -0.36px;
}
@media screen and (min-width: 1200px) {
  .testimonbox .bottomBox p {
    font-size: 1.125rem;
  }
}
.testimonbox .bottomBox .quote-box {
  margin-bottom: 20px;
}
@media screen and (min-width: 1200px) {
  .testimonbox .bottomBox .quote-box {
    margin-bottom: 35px;
  }
}