@charset "UTF-8";
.reviews_section {
  padding-block: var(--wp--preset--spacing--140); }
  @media screen and (max-width: 992px) {
    .reviews_section {
      padding-block: var(--wp--preset--spacing--140); } }
  @media screen and (max-width: 992px) {
    .reviews_section .swiper-nav {
      width: auto;
      margin-top: 0; } }

.reviews_slider_wrap {
  padding-left: 8px; }
  @media screen and (min-width: 992px) {
    .reviews_slider_wrap {
      padding-left: 2.5%; } }
  @media screen and (min-width: 1350px) {
    .reviews_slider_wrap {
      padding-left: calc((100% - var(--wp--preset--container-max-widths)) / 2); } }
  @media screen and (min-width: 1830px) {
    .reviews_slider_wrap {
      padding-left: calc((100% - var(--wp--preset--container-max-widths)) / 2); } }
  .reviews_slider_wrap .swiper-nav {
    max-width: var(--wp--preset--container-max-widths);
    height: 40px; }
    @media screen and (max-width: 768px) {
      .reviews_slider_wrap .swiper-nav {
        margin-top: 40px; } }

.swiper-nav {
  position: relative; }

.reviews_swiper, .video_swiper {
  padding-bottom: 40px; }

.review_card {
  padding: 25px; }

.review_card_img {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 10px;
  margin-bottom: 30px;
  overflow-y: auto;
  padding-bottom: 0;
  /* Для Firefox */
  scrollbar-width: none;
  /* Приховує скроллбар */
  /* Для WebKit-браузерів (Chrome, Safari) */ }
  .review_card_img::-webkit-scrollbar {
    display: none;
    /* Приховує скроллбар */
    width: 0;
    /* Переконайтеся, що не займає місця */
    height: 0; }
  .review_card_img a {
    border: 1px solid #100D0833;
    display: block;
    width: 111px;
    height: 64px;
    min-width: 111px;
    min-height: 64px;
    border-radius: 5px;
    overflow: hidden; }
    .review_card_img a img,
    .review_card_img a picture {
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center;
      width: 100%;
      height: 100%;
      border-radius: 5px; }

.video_swiper .swiper-slide {
  height: auto; }
  .video_swiper .swiper-slide .video_card {
    height: 100%; }

.review_card_text {
  padding-right: 15%;
  margin-bottom: 15px; }
  @media screen and (max-width: 768px) {
    .review_card_text {
      padding-right: 0; } }

.review_card_person {
  margin-block: 15px;
  gap: 15px; }
  .review_card_person .text-18.text-18 {
    color: var(--wp--preset--color--black); }
  .review_card_person img {
    max-width: 50px;
    height: 50px;
    border-radius: 50%;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%; }

.video_card_img {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  aspect-ratio: 0.7316;
  margin-bottom: 15px; }
  .video_card_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .video_card_img:hover .play_icon {
    zoom: 110%;
    transition: all .25s ease; }

.overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)); }

.play_icon {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  transition: zoom .25s ease; }

.video_card h6 {
  margin-top: 5px;
  margin-bottom: 10px; }

.badges_wrap.badges_scroll {
  overflow: hidden; }

.badges_swiper .swiper-wrapper {
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  /* щоб ширина = сумі слайдів */
  -webkit-animation: scroll-x 40s linear infinite;
          animation: scroll-x 40s linear infinite; }

@-webkit-keyframes scroll-x {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  to {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  /* рівно половина */ }

@keyframes scroll-x {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  to {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  /* рівно половина */ }

@media screen and (max-width: 575px) {
  .reviews-nav-pills .nav-item {
    width: 47%; }
    .reviews-nav-pills .nav-item a {
      text-align: left; } }

.reviews_slider_nav {
  margin-top: 20px; }
