@charset "utf-8";

/* home testimonials section styles  */
.hm_testimonial_sec {
  margin-top: 100px;

  .container {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    background: var(--dark-theme);
    border-radius: 20px;
    position: relative;
    padding: 70px;

    &:before,
    &:after {
      display: none;
    }

    & img.bgimg {
      z-index: 0;
    }

    .hm_testimonial_left {
      width: 48%;
      z-index: 1;
      padding: 0 60px 0 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: center;
      position: relative;
      text-align: left;
      align-content: center;

      &:before {
        content: "";
        position: absolute;
        width: 1px;
        height: 100%;
        background: rgba(255, 255, 255, 0.1);
        right: 0;
        top: 0;
      }

      &:after {
        content: "";
        position: absolute;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 8px 0 8px 16px;
        border-color: transparent transparent transparent rgba(255, 255, 255, 0.2);
        transform: rotate(0deg);
        right: -16px;
      }

      .header-tag {
        text-align: left;
      }

      .googlerating {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;

        & figure {
          margin-right: 15px;
        }

        & span {
          display: block;
        }

        & p.text-white {
          display: block;
          font-size: 18px;
          font-weight: 700;
        }
      }
    }

    .hm_testimonial_right {
      width: 48%;
      position: relative;
      z-index: 1;
      padding: 0 0 0 60px;
      display: flex;
	flex-wrap:wrap;
      align-items: center;
		& .more-testimonials{margin-top:30px;}
      .testimonialcontainer {
        width: 100%;

        .reviewbx {
          .quoteicon {
            margin: 0 0 25px 0;
          }

          & p {
            font-size: 18px;
            line-height: 1.55;

            & a {
              color: var(--white);

              &:hover {
                color: var(--theme);
              }
            }
          }

          .clientname {
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            padding: 30px 0 0 0;
            font-size: 16px;
            font-weight: 700;
            color: var(--white);
            margin: 15px 0 0 0;

            & img {
              display: block;
              margin: 5px 0 0 0;
            }
          }
        }

        .slick-prev {
          left: inherit;
          z-index: 1;
          right: 60px;
          /* background: var(--white); */
          bottom: -15px;
          top: inherit;

          &:hover {
            /* background: var(--theme); */
          }
        }

        .slick-next {
          right: 0;
          z-index: 1;
          bottom: -15px;
          top: inherit;
          /* background: var(--white); */

          &:hover {
            /* background: var(--theme); */
          }
        }
      }
    }
  }
}



/*------------media query-------*/

@media (max-width: 1599.98px) {}

@media (max-width: 1439.98px) {
  .hm_testimonial_sec {
    .container {
      padding: 40px;

      .hm_testimonial_left {
        padding: 0 30px 0 0;
      }

      .hm_testimonial_right {
        padding: 0 0 0 30px;
      }
    }
  }
}

@media (max-width: 1199.98px) {
  .hm_testimonial_sec {
    .container {
      flex-wrap: wrap;

      .hm_testimonial_left {
        width: 100%;
        padding: 0;

        &:before {
          width: 100%;
          height: 1px;
          background: rgba(255, 255, 255, 0.1);
          right: 0;
          top: inherit;
          bottom: -30px;
        }
      }

      .hm_testimonial_right {
        width: 100%;
        padding: 0;
        margin-top: 60px;
      }
    }
  }

  .hm_testimonial_sec {
    & .container {
      & .hm_testimonial_left {
        &:after {
          display: none;
        }
      }
    }
  }
}

@media (max-width: 991.98px) {
  .hm_testimonial_sec {
    .container {
      padding: 40px;
      width: 90%;
    }
  }
}

@media (max-width: 767.98px) {}

@media (max-width: 575.98px) {
  .hm_testimonial_sec {
    & .container {
      .hm_testimonial_left {
        .googlerating {
          & figure {
            margin-right: 10px;
            max-width: 40px;
          }

          & p.text-white {
            display: block;
            font-size: 14px;
            font-weight: 700;
          }
        }
      }

      & .hm_testimonial_right {
        & .testimonialcontainer {
          & .reviewbx {
            & p {
              font-size: 14px;
              line-height: 1.55;
            }
          }
        }
      }
    }
  }
}

.fancy-test-popup {
  max-width: 750px;

  & .clientname {
    & span {
      display: block;
    }
  }
}

.fancy-test-popup .reviewbx img.quoteicon {
  filter: invert(85%) sepia(57%) saturate(3835%) hue-rotate(233deg) brightness(93%) contrast(101%);
  margin-bottom: 20px;
}

.fancybox-slide--html .fancybox-close-small {
  color: #000000;
}