/*! @license
See the license.txt file for licensing information for third-party code that may be used in this file.
See the license.txt file in the root directory for more information and licenses
*/

.testify_carousel {

  .dstc-testify-swiper-inner {
    position       : relative;
    display        : flex;
    flex-direction : column
    }

  .dstc-testify-image-wrapper {
    margin : 0;
    }

  .dstc-testify-featured-image {
    display  : block;
    position : relative;

    img {
      display : block;
      margin  : auto;
      }
    }

  .star-rating {
    display     : inline-block;
    float       : none;
    font-family : ETModules;
    overflow    : hidden;
    position    : relative;
    height      : 1em;
    line-height : 1;

    &::before {
      content : "\e033\e033\e033\e033\e033";
      }

    span {
      overflow    : hidden;
      float       : left;
      top         : 0;
      left        : 0;
      position    : absolute;
      padding-top : 1.5em;

      &::before {
        position : absolute;
        content  : "\e033\e033\e033\e033\e033";
        top      : 0;
        left     : 0
        }
      }

    }

  .prev_icon, .next_icon {
    font-family                   : ETmodules;
    content                       : attr(data-icon);
    speak                         : none;
    font-weight                   : 400;
    -webkit-font-feature-settings : normal;
    font-feature-settings         : normal;
    font-variant                  : normal;
    text-transform                : none;
    line-height                   : 1;
    -webkit-font-smoothing        : antialiased;
    font-style                    : normal;
    display                       : inline-block;
    -webkit-box-sizing            : border-box;
    box-sizing                    : border-box;
    cursor                        : pointer;
    font-size                     : 25px;
    position                      : relative;
    }

  .dstc-testify-arrows {
    &.bottom {
      bottom : 0px
      }

    &.top {
      top : 0;
      }

    &.center {
      top : 50%;
      }
    }

  .prev_icon {
    left : 0;
    }

  .next_icon {
    right : 0;
    }

  .testify-swiper-container > .prev_icon,
  .testify-swiper-container > .next_icon {
    display: none;
    }

  .dstc-testify-divider-wrapper {

    text-align : center;

    .dstc-testify-divider {
      display  : inline-block;
      width    : 100%;
      position : relative;

      &:before {
        content  : "";
        width    : 100%;
        height   : 1px;
        position : absolute;
        left     : 0;
        top      : 0;
        }

      }
    }

  /*
    //.dstc-testify-arrows {
    //  display:block;
    //  position: relative;
    //  }

   */

  .dstc-testify-arrows {
    position        : absolute;
    z-index         : 999;
    display         : flex;
    justify-content : space-between;
    width           : 100%;
    }

  /* Default Background Values */

  .et_pb_module_inner, .dstc-testify-swiper-inner {
    background-size     : cover;
    background-position : 50%;
    background-repeat   : no-repeat;
    overflow            : visible !important;
    }

  .swiper-button-disabled {
    opacity : 0.2;
    }

  }

/* Default padding */
.dstc-testify-title,
.dstc-testify-content,
.dstc-testify-author-wrapper,
.dstc-testify-position-wrapper,
.dstc-testify-image-wrapper,
.dstc-testify-quote-wrapper,
.dstc-testify-rating,
.dstc-testify-swiper-inner,
.swiper-pagination,
.dstc-testify-divider-wrapper {
  padding-bottom : 10px;
  }

/*  Quote Icons */

@font-face {
  font-family  : "Testify-Quotes-Icons";
  src          : url("../../fonts/Testify-Quotes-Icons.eot?4ic72r");
  src          : url("../../fonts/Testify-Quotes-Icons.eot?4ic72r#iefix") format("embedded-opentype"),
  url("../../fonts/Testify-Quotes-Icons.ttf?4ic72r") format("truetype"),
  url("../../fonts/Testify-Quotes-Icons.woff?4ic72r") format("woff"),
  url("../../fonts/Testify-Quotes-Icons.svg?4ic72r#Testify-Quotes-Icons") format("svg");
  font-weight  : normal;
  font-style   : normal;
  font-display : block;
  }

.testify_carousel {
  .testify-quote {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family             : "Testify-Quotes-Icons" !important;
    speak                   : never;
    font-style              : normal;
    font-weight             : normal;
    font-variant            : normal;
    text-transform          : none;
    line-height             : 1;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale;
    }

  .testify-quote-1:before {
    content : "\e900";
    }

  .testify-quote-2:before {
    content : "\e901";
    }

  .testify-quote-3:before {
    content : "\e902";
    }

  .testify-quote-4:before {
    content : "\e903";
    }

  .testify-quote-5:before {
    content : "\e904";
    }

  .testify-quote-6:before {
    content : "\e905";
    }

  .testify-quote-7:before {
    content : "\e906";
    }

  .testify-quote-8:before {
    content : "\e907";
    }

  .testify-quote-9:before {
    content : "\e908";
    }

  .testify-quote-10:before {
    content : "\e909";
    }

  .testify-quote-11:before {
    content : "\e90a";
    }

  .testify-quote-12:before {
    content : "\e90b";
    }

  .testify-quote-13:before {
    content : "\e90c";
    }

  .testify-quote-14:before {
    content : "\e90d";
    }

  .testify-quote-15:before {
    content : "\e90e";
    }

  .testify-quote-16:before {
    content : "\e90f";
    }

  .testify-quote-17:before {
    content : "\e910";
    }
  }

/*!
 * Swiper 5.4.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 16, 2020
 */


.testify_carousel {

  .swiper-container {
    margin-left  : auto;
    margin-right : auto;
    position     : relative;
    overflow     : hidden;
    list-style   : none;
    padding      : 0;
    z-index      : 1
    }

  .swiper-container-vertical > .swiper-wrapper {
    flex-direction : column
    }

  .swiper-wrapper {
    position            : relative;
    width               : 100%;
    height              : 100%;
    z-index             : 1;
    display             : flex;
    transition-property : transform;
    box-sizing          : content-box
    }

  .swiper-container-android .swiper-slide, .swiper-wrapper {
    transform : translate3d(0px, 0, 0)
    }

  .swiper-container-multirow > .swiper-wrapper {
    flex-wrap : wrap
    }

  .swiper-container-multirow-column > .swiper-wrapper {
    flex-wrap      : wrap;
    flex-direction : column
    }

  .swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function : ease-out;
    margin                     : 0 auto
    }

  .swiper-slide {
    flex-shrink         : 0;
    width               : 100%;
    position            : relative;
    transition-property : transform
    }

  .swiper-slide-invisible-blank {
    visibility : hidden
    }

  .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height : auto
    }

  .swiper-container-autoheight .swiper-wrapper {
    align-items         : flex-start;
    transition-property : transform, height
    }

  .swiper-container-css-mode > .swiper-wrapper {
    overflow           : auto;
    scrollbar-width    : none;
    -ms-overflow-style : none
    }

  .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display : none
    }

  .swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align : start start
    }

  .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type : x mandatory
    }

  .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type : y mandatory
    }

  :root {
    --swiper-navigation-size : 44px
    }

  .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity        : .35;
    cursor         : auto;
    pointer-events : none
    }

  .swiper-button-next:after, .swiper-button-prev:after {
    font-family    : swiper-icons;
    font-size      : var(--swiper-navigation-size);
    text-transform : none !important;
    letter-spacing : 0;
    text-transform : none;
    font-variant   : initial;
    line-height    : 1
    }

  .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left  : 10px;
    right : auto
    }

  .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content : "prev"
    }

  .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right : 10px;
    left  : auto
    }

  .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content : "next"
    }

  .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
    --swiper-navigation-color : #fff
    }

  .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
    --swiper-navigation-color : #000
    }

  .swiper-button-lock {
    display : none
    }

  .swiper-pagination {
    text-align : center;
    transition : .3s opacity;
    transform  : translate3d(0, 0, 0);
    z-index    : 10
    }

  .swiper-pagination.swiper-pagination-hidden {
    opacity : 0
    }

  .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom : 10px;
    left   : 0;
    width  : 100%
    }

  .swiper-pagination-bullet {
    width         : 8px;
    height        : 8px;
    display       : inline-block;
    border-radius : 100%;
    background    : #ccc;
    }

  button.swiper-pagination-bullet {
    border             : none;
    margin             : 0;
    padding            : 0;
    box-shadow         : none;
    -webkit-appearance : none;
    -moz-appearance    : none;
    appearance         : none
    }

  .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor : pointer
    }

  .swiper-pagination-bullet-active {
    opacity    : 1;
    background : var(--swiper-pagination-color, var(--swiper-theme-color))
    }

  .swiper-container-vertical > .swiper-pagination-bullets {
    right     : 10px;
    top       : 50%;
    transform : translate3d(0px, -50%, 0)
    }

  .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin  : 6px 0;
    display : block
    }

  .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top       : 50%;
    transform : translateY(-50%);
    width     : 8px
    }

  .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display    : inline-block;
    transition : .2s transform, .2s top
    }

  .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin : 0 4px
    }

  .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left        : 50%;
    transform   : translateX(-50%);
    white-space : nowrap
    }

  .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition : .2s transform, .2s left
    }

  .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition : .2s transform, .2s right
    }

  .swiper-pagination-progressbar {
    background : rgba(0, 0, 0, .25);
    position   : absolute
    }

  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background       : var(--swiper-pagination-color, var(--swiper-theme-color));
    position         : absolute;
    left             : 0;
    top              : 0;
    width            : 100%;
    height           : 100%;
    transform        : scale(0);
    transform-origin : left top
    }

  .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin : right top
    }

  .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width  : 100%;
    height : 4px;
    left   : 0;
    top    : 0
    }

  .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
    width  : 4px;
    height : 100%;
    left   : 0;
    top    : 0
    }

  .swiper-pagination-white {
    --swiper-pagination-color : #fff
    }

  .swiper-pagination-black {
    --swiper-pagination-color : #000
    }

  .swiper-pagination-lock {
    display : none
    }

  .swiper-scrollbar {
    border-radius    : 10px;
    position         : relative;
    -ms-touch-action : none;
    background       : rgba(0, 0, 0, .1)
    }

  .swiper-container-horizontal > .swiper-scrollbar {
    position : absolute;
    left     : 1%;
    bottom   : 3px;
    z-index  : 50;
    height   : 5px;
    width    : 98%
    }

  .swiper-container-vertical > .swiper-scrollbar {
    position : absolute;
    right    : 3px;
    top      : 1%;
    z-index  : 50;
    width    : 5px;
    height   : 98%
    }

  .swiper-scrollbar-drag {
    height        : 100%;
    width         : 100%;
    position      : relative;
    background    : rgba(0, 0, 0, .5);
    border-radius : 10px;
    left          : 0;
    top           : 0
    }

  .swiper-scrollbar-cursor-drag {
    cursor : move
    }

  .swiper-scrollbar-lock {
    display : none
    }

  .swiper-lazy-preloader {
    width            : 42px;
    height           : 42px;
    position         : absolute;
    left             : 50%;
    top              : 50%;
    margin-left      : -21px;
    margin-top       : -21px;
    z-index          : 10;
    transform-origin : 50%;
    animation        : swiper-preloader-spin 1s infinite linear;
    box-sizing       : border-box;
    border           : 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius    : 50%;
    border-top-color : transparent
    }

  .swiper-lazy-preloader-white {
    --swiper-preloader-color : #fff
    }

  .swiper-lazy-preloader-black {
    --swiper-preloader-color : #000
    }

  @keyframes swiper-preloader-spin {
    100% {
      transform : rotate(360deg)
      }
    }

  .swiper-container .swiper-notification {
    position       : absolute;
    left           : 0;
    top            : 0;
    pointer-events : none;
    opacity        : 0;
    z-index        : -1000
    }
  }