@charset "UTF-8";

/*****************  Global Styles  ******************/

/* * {
	-ms-box-sizing: border-box;
	        box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    letter-spacing: 1px;
  }


  p {
      margin-bottom: 1em;
      line-height: 1.5em;
  }

  .img_fluid {
    width: 100%;
    height: auto;
  }

  main {
      max-width: 1280px;
      width: 100%;
      padding: 16px;
      margin: 0 auto;
      font-family: 'Lato', 'Arial', 'sans-serif';
      color: #242424;
  } */


  /*****************  Carousel  ******************/

.reviews-carousel.wrapper_carousel {
    background: ghostwhite;
    /* height: 500px; */
    /* box-shadow: 2px 2px 12px 2px #a4a4a4; */
}

.reviews-carousel .carousel-data {
    max-width: 600px;
    min-height: 320px;
    margin: 0 auto;
    z-index: 100;
    /*overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;*/
}

.reviews-carousel .carousel-item {
    opacity: 0;
    position: absolute;
    z-index: 500;
    transition: 500ms ease-in-out;
    visibility: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.reviews-carousel .initial-slide, .active-slide {
    opacity: 1 !important;
    position: relative !important;
    z-index: 1000 !important;
    visibility: visible !important;
}

.reviews-carousel .next, .prev {
    z-index: 900;
}

.reviews-carousel .next {
    -webkit-animation: animate-right 500ms;
            animation: animate-right 500ms;
}

.reviews-carousel .prev {
    -webkit-animation: animate-left 500ms;
            animation: animate-left 500ms;
}

@-webkit-keyframes animate-right {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(100%);
    }
  }

@keyframes animate-right {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(100%);
    }
  }

  @-webkit-keyframes animate-left {
    100% {
        transform: translateX(-100%);
    }
    0% {
        transform: translateX(0);
    }
  }

  @keyframes animate-left {
    100% {
        transform: translateX(-100%);
    }
    0% {
        transform: translateX(0);
    }
  }


  .reviews-carousel .author-profile {
    width: 108px;
    height: 108px;
    border-radius: 50%;
    overflow: hidden;
}

.reviews-carousel .author-profile img {
    min-height: 108px;
    -o-object-fit: cover;
       object-fit: cover;
}

.reviews-carousel  .text_caption {
    font-size: 16px;
    font-weight: 600;
}

.reviews-carousel .caption-author {
    font-weight: 700;
    font-size: 14px;
}

.reviews-carousel .carousel-indicators {
    margin: 0 auto;
}

.reviews-carousel .carousel-indicators button {
    width: 8px;
    height: 8px;
    background: #a4a4a4;
    border-radius: 50%;
    margin-left: 8px;
}

.reviews-carousel .carousel-indicators button:first-of-type {
    margin-left: 0;
}

.reviews-carousel .carousel-controls button {
    /* background: yellow; */
    padding: 24px;
    font-size: 14px;
    width: 60px;
    max-width: 100%;
    height: 60px;
    max-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.reviews-carousel .carousel-controls button .fas {
    line-height: 1em;
    font-size: 1.25em;
    pointer-events: none;
}

.reviews-carousel button.current-indicator {
    background: #197ABE;
}

@media only screen and (max-width: 768px) {

    .reviews-carousel .about-tagline {
        font-size: 16px;
    }

}

@media only screen and (max-width: 700px) {

    .reviews-carousel .carousel-data {
        padding: 0 16px;
    }

    .reviews-carousel .text_caption {
        font-size: 14px;
    }

}

@media only screen and (max-width: 640px) {

    .reviews-carousel .about-tagline {
        font-size: 12px;
    }

    .reviews-carousel .wrapper_carousel {
        width: 100vw !important;
        position: relative;
        left: 50%;
        margin-left: -50vw;
    }

    .reviews-carousel .carousel-data {
        padding: 0 24px;
    }

    .reviews-carousel .text_caption {
        line-height: 1.75em;
    }

    .reviews-carousel .carousel-controls button {
        width: 100%;
    }

}

@media only screen and (max-width: 400px) {

    /* .reviews-carousel .wrapper_carousel {
        height: 700px;
    }

    .reviews-carousel .wrapper_carousel .page_title {
        margin-top: 2rem !important;
    }

    .reviews-carousel .carousel-data {
        margin-bottom: 2rem !important;
    }

    .reviews-carousel .carousel-indicators {
        margin-bottom: 2rem;
    }

    .reviews-carousel .carousel-indicators button {
        width: 40px;
    } */

}