/* testimonial v1 */

.innerpage.innertstbck {
  position: relative !important;
}

.innerpage-bg .silderbox-ur {
  background: #fff !important;
}

.silderbox-ur {
  background: #f4f8ff;
  border: 1px solid #d2e4ff;
  border-radius: 16px;
  display: flex;
  overflow: hidden;
}

.user-reviewlgt .slick-slide {
  padding: 0px 15px !important;
}

.user-reviewlgt button.slick-prev,
.user-reviewlgt .slick-next {
  display: none !important;
}

.silderbox-urtxt .silderbox-urtxtp p span {
  background: #ffee6c !important;
}

.silderbox-ur .silderbox-urtxt {
  padding: 32px !important;
}

.silderbox-ur .silderbox-urtxt .silderbox-urtxtup p.urpos,
.silderbox-ur .silderbox-urtxt .silderbox-urtxtup p.name {
  margin-bottom: 0px !important;
}

.silderbox-ur .silderbox-urtxt .silderbox-urtxtup p.name {
  font-family: "ProximaNova-Bold" !important;
}

.innerpage.innertstbck .container-fluid:before {
  content: url("https://wp-stage.socialpilot.co/wp-content/themes/wp-bootstrap-starter/inc/assets/images/home/tst-top.svg");
  position: absolute;
  z-index: 10;
  left: 100px;
  top: 56px;
}

.innerpage.innertstbck .container-fluid:after {
  content: url("https://wp-stage.socialpilot.co/wp-content/themes/wp-bootstrap-starter/inc/assets/images/home/tst-bottom.svg");
  position: absolute;
  z-index: 10;
  right: 100px;
  bottom: 56px;
}

.innerpage.innertstbck.innerpage-bg .container-fluid:before {
  content: url(https://wp-stage.socialpilot.co/wp-content/uploads/2023/07/tst-top-drk.svg);
}

.innerpage.innertstbck.innerpage-bg .container-fluid:after {
  content: url(https://wp-stage.socialpilot.co/wp-content/uploads/2023/07/tst-bottom-drk.svg);
}

.innerpage.innertstbck .silderbox-urtxtp p {
  position: relative !important;
}

.innerpage.innertstbck .silderbox-urtxtp p:before {
  content: url("https://wp-stage.socialpilot.co/wp-content/themes/wp-bootstrap-starter/inc/assets/images/home/lin.svg");
  position: absolute;
  z-index: 10;
  left: -14px;
  top: 0;
}

.user-reviewlgt .slick-dots {
  display: flex !important;
  justify-content: center;
  margin: 0;
  padding: 1rem 0;
  margin-top: 72px !important;
  list-style-type: none;
}

.user-reviewlgt .slick-dots li {
  margin: 0 0.25rem;
}

.user-reviewlgt .slick-dots li button {
  display: block;
  width: 12px;
  height: 12px;
  padding: 0;

  border: 1px solid #a2c6fa !important;
  border-radius: 100%;
  background-color: #f4f8ff;

  text-indent: -9999px;
}

.user-reviewlgt .slick-dots li.slick-active button {
  border: none !important;
  width: 24px !important;
  border-radius: 8px !important;
  height: 8px !important;
  margin-top: 2px !important;
}

.user-reviewlgt .slick-dots li.slick-active button {
  background-color: #0f67ea;
}

@media (max-width: 1199.98px) {
  .user-reviewlgt .slick-dots {
    margin-top: 52px !important;
  }
}

@media (max-width: 767.98px) {
  .silderbox-ur {
    display: block !important;
    padding: 24px !important;
    text-align: center !important;
  }

  .slick-slide img {
    margin: 0px auto !important;
  }

  .slick-slide .star img {
    border-radius: 0 !important;
  }

  .silderbox-ur .silderbox-urtxt {
    display: block !important;
    padding: 0px !important;
    padding-top: 24px !important;
  }

  /* .slick-slide img {
        height: 102px !important;
        width: 102px !important;
        border-radius: 8px;
        object-fit: cover !important;
    } */

  .slick-slide img {
    border-radius: 50%;
    height: 80px !important;
    width: 80px !important;
    object-fit: cover !important;
  }

  .innerpage.innertstbck .silderbox-urtxtp p:before {
    display: none !important;
  }

  .user-reviewlgt .slick-dots {
    display: flex !important;
    margin-top: 24px !important;
    margin-bottom: 0 !important;
  }

  .innerpage.innertstbck .container-fluid:before,
  .innerpage.innertstbck .container-fluid:after {
    display: none !important;
  }
}

@media (max-width: 575.98px) {
  .slick-slide img {
    /* border-radius: 50%; */
    height: 80px !important;
    width: 80px !important;
  }

  .silderbox-ur {
    text-align: center !important;
  }

  .slick-slide img {
    margin: 0px auto !important;
  }
}

/* testimonial v1 */

/* testimonial blue v2 */

.page-vny .page-dark,
.page-vny .ny-in.ny-dark {
  background-color: #0c356a !important;
}

.page-dark {
  background-color: #00255c !important;
}

.tstm-sp {
  background-image: url(https://wp-stage.socialpilot.co/wp-content/uploads/2024/05/left-quote-1-Traced.png);
  background-repeat: no-repeat;
  background-position: top 100px right;
}

.page-dark,
.page-dark h2,
.page-dark p {
  color: #fff !important;
}

.sp_col_responsive .slick-dots {
  display: flex !important;
  justify-content: center !important;
  margin: 0;
  padding: 1rem 0;
  margin-top: 40px !important;
  list-style-type: none;
}

.section-inner.page-v2 .innerpage ul.slick-dots {
  margin-bottom: 0 !important;
}

.sp_col_responsive .section-lastblog h2 {
  font-size: 44px;
  line-height: 54px;
}

.sp_col_responsive .slick-dots li {
  margin-bottom: 0px !important;
}

.sp_col_responsive .slick-dots li {
  margin: 0 0.25rem;
}

.sp_col_responsive .slick-dots li button {
  display: block;
  width: 9px;
  height: 3px;
  padding: 0;
  border: 1px solid #fff !important;
  border-radius: 40px;
  background-color: #f4f8ff;
  text-indent: -9999px;
  opacity: 0.4;
}

.sp_col_responsive .slick-dots li.slick-active button {
  opacity: 1;
  width: 20px;
}

.sp_col_responsive .slick-list {
  overflow: visible !important;
  display: grid;
}

.sp_col_responsive .sp_item {
  padding: 0px 10px !important;
  display: flex !important;
}

.sp_col_responsive .slick-slider .slick-list,
.sp_col_responsive .slick-slider .slick-track {
  display: flex;
}

.sp_col_responsive .sp_item .sp_user_card {
  box-shadow: 0px 28.933399200439453px 61.560428619384766px 0px #15151526;
  background: #fff !important;
  border-radius: 16px !important;
  padding: 35px 24px !important;
  display: flex;
  flex-direction: column !important;
}

.sp_col_responsive .sp_item .sp_user_card .img {
  margin-bottom: 23px !important;
  margin-top: -70px !important;
}

.sp_col_responsive .sp_item .sp_user_card .star {
  margin-bottom: 24px !important;
}

.sp_col_responsive .sp_item .sp_user_card .img img {
  height: 75px !important;
  width: 75px !important;
  object-fit: cover !important;
  border-radius: 50% !important;
}

.sp_col_responsive .sp_item .sp_user_card .text {
  margin-bottom: 32px !important;
}

.sp_col_responsive .sp_item .sp_user_card .text p {
  margin-bottom: 0px !important;
  /* 	    font-size: 18px !important;
    line-height: 28px !important; */
  color: #1b1c1e !important;
}

.sp_col_responsive .sp_item .sp_user_card .text p,
.sp_col_responsive .sp_item .sp_user_card p {
  color: #1b1c1e !important;
}

.sp_col_responsive .sp_item .sp_user_card .user {
  margin-top: auto !important;
  display: flex;
  align-items: center !important;
  justify-content: space-between !important;
}

.sp_col_responsive .sp_item .sp_user_card .user p.name {
  /* 	    font-size: 16px !important;
    line-height: 26px !important; */
  font-family: "ProximaNova-Semibold" !important;
  margin-bottom: 4px !important;
}

.sp_col_responsive .sp_item .sp_user_card .user p.pos {
  font-size: 16px !important;
  line-height: 26px !important;
  margin-bottom: 0px !important;
  color: #56606e !important;
}

@media (max-width: 767.98px) {
  .sp_col_responsive .sp_item .sp_user_card .star img {
    width: auto !important;
    height: auto !important;
  }

  .sp_col_responsive .sp_item .sp_user_card .star {
    margin-bottom: 16px !important;
  }
}

@media (max-width: 575.98px) {
  .sp_col_responsive .slick-dots {
    padding: 0 !important;
    margin-top: 24px !important;
  }

  .section-inner.page-v2 .innerpage ul.slick-dots {
    justify-content: center !important;
  }

  .sp_col_responsive .sp_item {
    padding: 0 !important;
  }

  .sp_col_responsive .sp_item .sp_user_card {
    padding: 24px 24px !important;
  }

  .sp_col_responsive .sp_item .sp_user_card .img {
    margin-bottom: 20px !important;
    margin-top: -55px !important;
  }

  .slick-slide img {
    margin: 0px auto !important;
  }

  .sp_col_responsive .sp_item .sp_user_card .text {
    text-align: center !important;
  }

  .sp_col_responsive .sp_item .sp_user_card .user {
    display: block !important;
    text-align: center !important;
  }
}

/* testimonial blue v2 */

/* v11  testimonial */
.testimonial-slider {
  margin: auto;
}

.testimonial-slider .slick-track,
.testimonial-slider .slick-list {
  overflow: visible;
}

.testimonial-section .slick-next {
  position: absolute;
  top: -25px;
  right: 20px;
  background: transparent !important;
}

.testimonial-section .slick-prev {
  position: absolute;
  top: -25px;
  right: 52px;
  background: transparent !important;
}

.testimonial-card {
  background: #fff;
  border-radius: 16px;
  padding: 32px 24px;
  border: 1px solid #bcd7ff;
  transition: transform 0.5s ease-in-out;
  text-align: left;
  /* opacity: 0.7; */
  transform: scale(0.9);
  position: relative;
}

.testimonial-card.slick-center::after {
  content: url("https://wp-stage.socialpilot.co/wp-content/uploads/2025/03/dot.svg");
  position: absolute;
  z-index: 1;
  right: 20px;
  top: -24px;
  animation: scaleUpimg 0.4s ease-in-out forwards;
}

@keyframes scaleUpimg {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.testimonial-card .stars {
  margin-bottom: 24px;
}

.testimonial-card .user_review {
  margin-bottom: 40px;
  min-height: 170px;
}

.testimonial-card .user_review p {
  margin-bottom: 0 !important;
  color: #56606e;
}

.testimonial-card .user_review .video_img img {
  border-radius: 10px;
  margin-top: 10px;
}

.testimonial-card .user_info {
  display: flex;
  align-items: center;
}

.testimonial-card .user_info .user_img img {
  margin-right: 16px;
  border-radius: 50%;
  object-fit: cover;
  max-height: 70px;
  max-width: 70px;
}

.testimonial-card.slick-active .user_info .user_img img{
  max-width: 80px;
  max-height: 80px;
}


.testimonial-card .user_info .user_name p.name {
  font-size: 20px;
  line-height: 140%;
  font-family: "ProximaNova-Bold";
  margin-bottom: 4px;
}

.testimonial-card .user_info .user_name p.pos {
  font-size: 16px;
  line-height: 140%;
  color: #56606e;
  margin-bottom: 0px;
}

.testimonial-card.slick-center {
  transform: scale(1);
  box-shadow: 0px 4px 30px 0px rgba(76, 148, 255, 0.2);
  opacity: 1;
  border: 1px solid #ffffff !important;
}

@media (max-width: 991.98px) {
  .sp_home_testimonial {
    background: #f4f9ff;
  }
}

@media (max-width: 767.98px) {
  .testimonial-section .slick-prev,
  .testimonial-section .slick-next {
    display: none !important;
  }

  .testimonial-card.slick-center::after {
    display: none !important;
  }

  .testimonial-card {
    margin: 8px;
    border: 1px solid #bcd7ff !important;
  }

  .testimonial-card .user_review {
    margin-bottom: 24px;
    min-height: auto !important;
  }

  .testimonial-card .user_info .user_img img, .testimonial-card.slick-active .user_info .user_img img{
    object-fit: cover;
    width: 62px !important;
    height: 62px !important;
    min-width: 62px;
    min-height: 62px;
    margin-right: 10px !important;
  }

  .testimonial-card.slick-slide img {
    height: auto !important;
    width: auto !important;
  }
}

.video_img .video_bx {
  border-radius: 16px;
  overflow: hidden;
}

.video_img .video_bx .plyr--full-ui.plyr--video .plyr__control--overlaid {
  background: transparent !important;
  border: 1.5px solid #fff !important;
  padding: 20px;
}

.video_img .video_bx .plyr--full-ui.plyr--video .plyr__control--overlaid svg {
  width: 26px;
  height: 26px;
}

/* v11  testimonial */
