@charset "utf-8";
/* CSS Document */

.whychoose_sec {
  max-width: 100%;
  overflow: hidden;
  position: relative;
}

.about-page .whychoose_sec {
  background-color: #edf6ff;
}

.whychoose_sec .heading40 {
  position: relative;
}

.whychoose_sec .heading40:before {
  content: "";
  position: absolute;
  /*background: url(../images/logo-black.svg) no-repeat 0 0;*/
  width: 80px;
  height: 27px;
  left: 50%;
  top: -30px;
  margin: 0 0 0 -40px;
  filter: invert(9%) sepia(100%) saturate(7490%) hue-rotate(248deg)
    brightness(83%) contrast(141%);
}

.whychoose_slider {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  /* width: calc(100% + 60px);*/
  margin: 60px 0;
}

.whychoose_slider::after {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  width: 250px;
  background: #ffffff 0% 0% no-repeat padding-box;
  opacity: 0.6;
}
.whychoose_slider::before {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  width: 250px;
  background: #ffffff 0% 0% no-repeat padding-box;
  opacity: 0.6;
  z-index: 1;
}

.whychoosebx {
  padding: 0 13px;
  width: 16.67%;
}

.whychoose-icon {
  width: 120px;
  height: 120px;
  display: flex;
  border: 1px solid #d7e5f3;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  border-radius: 50%;
  background: var(--white);
}

.whychoose-icon img {
  filter: invert(56%) sepia(96%) saturate(285%) hue-rotate(133deg)
    brightness(94%) contrast(88%);
}

.whychoosename {
  width: 100%;
  clear: both;
  margin: 0 0 10px 0;
  padding: 0 10px;
  font-size: 18px;
  font-weight: 600;
  color: #16254c;
  text-align: center;
  line-height: 1.45;
  height: 50px;
  -webkit-line-clamp: 2;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.whychoose-innerdiv {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  background: var(--white);
  padding: 40px;
}

.whychoosebx p {
  font-size: 14px;
  line-height: 2.15;
  letter-spacing: 0.32px;
  height: 176px;
  -webkit-line-clamp: 6;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

/* .whychoosebx {
    opacity: 0.5;
}

.slick-slide.slick-active .whychoosebx {
    opacity: 1;
} */

.whychoose_slider .whychoosebx:not(:nth-child(-n + 6)) {
  display: none;
}

.whychoose_slider.slick-initialized {
  display: block;
  position: relative;
}

.whychoose_slider.slick-initialized .slick-track {
  display: flex;
}

.whychoose_slider.slick-arrow button.slick-prev.slick-arrow {
  top: calc(100% + 75px);
  left: calc(50% - 55px);
  border: 1px solid #666666;
  background-color: #fff;
}
.whychoose_slider.slick-arrow button.slick-prev.slick-arrow::before,
.whychoose_slider.slick-arrow button.slick-next.slick-arrow::before {
  color: #666666;
}
.whychoose_slider.slick-arrow button.slick-next.slick-arrow {
  top: calc(100% + 75px);
  right: calc(50% - 55px);
  border: 1px solid #666666;
  background-color: #fff;
}
.whychoose_slider.slick-arrow button.slick-prev.slick-arrow:hover,
.whychoose_slider.slick-arrow button.slick-next.slick-arrow:hover {
  border: 1px solid var(--blue);
  background-color: #fff;
}
.whychoose_slider.slick-arrow button.slick-prev.slick-arrow:hover::before,
.whychoose_slider.slick-arrow button.slick-next.slick-arrow:hover::before {
  color: var(--blue);
}
.whychoose_slider:not(.slick-initialized):before, 
.whychoose_slider:not(.slick-initialized):after {content: none;}

/*----- MEDIA QUERIES  -----*/
@media (max-width: 1599.98px) {
  .whychoose-innerdiv {
    padding: 40px 15px;
  }
  .whychoosebx {
    padding: 0 5px;
  }
}

@media (max-width: 1439.98px) {
  .whychoose_slider::after {
    width: 175px;
  }
  .whychoose_slider::before {
    width: 175px;
  }
  .whychoose_slider:not(.slick-initialized){flex-wrap: wrap;row-gap: 10px;}
  .whychoose_slider:not(.slick-initialized) .whychoosebx{width: 25%;}
}

@media (max-width: 1199.98px) {
  .whychoose_slider::after {
    width: 50px;
  }
  .whychoose_slider::before {
    width: 50px;
  }
  .whychoose_slider.slick-arrow button.slick-next.slick-arrow,
  .whychoose_slider.slick-arrow button.slick-prev.slick-arrow {
    top: calc(100% + 40px);
  }
}

@media (max-width: 992px) {
	.whychoose_slider:not(.slick-initialized) .whychoosebx{width: 33.33%;}
}

@media (max-width: 767.98px) {
  .whychoose-icon {
    width: 90px;
    height: 90px;
    padding: 20px;
    margin-bottom: 10px;
  }
  .whychoose-innerdiv {
    padding: 15px 15px;
  }
  .whychoose_slider {
    margin: 40px 0 60px;
  }
  .whychoose_slider:not(.slick-initialized) .whychoosebx{width: 50%;}
}

@media (max-width: 575.98px) {
  .whychoose_slider::after {
    width: 20px;
  }
  .whychoose_slider::before {
    width: 20px;
  }
  .whychoose_slider {
    margin: 30px 0 60px;
  }
}

@media (max-width: 360px) {
	.whychoose_slider:not(.slick-initialized) .whychoosebx{width: 100%;}
}