.grid-item img {
      width: 100%;
      height: 250px;
      object-fit: cover;
      display: block;
    }
.description {
  margin-top: 10px; /* отступ сверху для отделения текста от картинки */
  text-align: center;
}
    /* Общие стили для изображений */
    .client-img {
      width: 150px; /* задайте нужную ширину */
      height: 150px; /* задайте нужную высоту */
      object-fit: cover; /* сохраняет пропорции и заполняет контейнер */
      display: block;
      margin: 0 auto; /* по желанию, центрировать изображения */
    }
	
.overflow-hidden {
  overflow: hidden;
  width: 100%; /* или фиксированная ширина по необходимости */
}

.marquee {
  display: flex;
  width: calc(200%); /* ширина двух блоков вместе */
  animation: scroll-left 30s linear infinite;
}

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

    @keyframes scroll-left {
      0% {
        transform: translateX(0);
      }
      100% {
        transform: translateX(-50%);
      }
    }
    /* Настройка ширины и анимации */
    .marquee {
      width: calc(200%); /* В два раза шире, чтобы содержимое полностью прокручивалось */
    }
	
.navbar-fixed-top {
  top: auto;
}

.navbar.opened {
    z-index: 1032;
}
#mobirisePromo .mbr-section-abuse-report {
  margin-top: 0.8rem;
  font-size: 80%;
}
#mobirisePromo .mbr-section-abuse-report a {
  color: #aaa;
}
@-webkit-keyframes animationBanner { 0% { opacity: 0; top: -11rem; } 91% { opacity: 0; top: -11rem; } 100% { opacity: 1; top: 0; } }
@-moz-keyframes animationBanner { 0% { opacity: 0; top: -11rem; } 91% { opacity: 0; top: -11rem; } 100% { opacity: 1; top: 0; } }
@-o-keyframes animationBanner { 0% { opacity: 0; top: -11rem; } 91% { opacity: 0; top: -11rem; } 100% { opacity: 1; top: 0; } }
   @keyframes animationBanner { 0% { opacity: 0; top: -11rem; } 91% { opacity: 0; top: -11rem; } 100% { opacity: 1; top: 0; } }
@-webkit-keyframes animationHeight { 0% { height: 0; } 91% { height: 0; } 100% { height: 11rem; } }
@-moz-keyframes animationHeight { 0% { height: 0; } 91% { height: 0; } 100% { height: 11rem; } }
@-o-keyframes animationHeight { 0% { height: 0; } 91% { height: 0; } 100% { height: 11rem; } }
   @keyframes animationHeight { 0% { height: 0; } 91% { height: 0; } 100% { height: 11rem; } }

@-webkit-keyframes animationClosing { 0% { height: 11rem; opacity: 1; } 30% { height: 11rem; opacity: 0.5;} 100% { height: 0; opacity: 0;} }
@-moz-keyframes animationClosing { 0% { height: 11rem; opacity: 1; } 30% { height: 11rem; opacity: 0.5;} 100% { height: 0; opacity: 0;} }
@-o-keyframes animationClosing { 0% { height: 11rem; opacity: 1; } 30% { height: 11rem; opacity: 0.5;} 100% { height: 0; opacity: 0;} }
@keyframes animationClosing { 0% { height: 11rem; opacity: 1; } 30% { height: 11rem; opacity: 0.5;} 100% { height: 0; opacity: 0;} }

@media(max-width: 575px) {
  #mobirisePromo.container-banner {
    height: 14rem;
  }
  #mobirisePromo .banner {
    min-height: 14rem;
  }
  @-webkit-keyframes animationBanner { 0% { opacity: 0; top: -14rem; } 91% { opacity: 0; top: -14rem; } 100% { opacity: 1; top: 0; } }
  @-moz-keyframes animationBanner { 0% { opacity: 0; top: -14rem; } 91% { opacity: 0; top: -14rem; } 100% { opacity: 1; top: 0; } }
  @-o-keyframes animationBanner { 0% { opacity: 0; top: -14rem; } 91% { opacity: 0; top: -14rem; } 100% { opacity: 1; top: 0; } }
    @keyframes animationBanner { 0% { opacity: 0; top: -14rem; } 91% { opacity: 0; top: -14rem; } 100% { opacity: 1; top: 0; } }
  @-webkit-keyframes animationHeight { 0% { height: 0; } 91% { height: 0; } 100% { height: 14rem; } }
  @-moz-keyframes animationHeight { 0% { height: 0; } 91% { height: 0; } 100% { height: 14rem; } }
  @-o-keyframes animationHeight { 0% { height: 0; } 91% { height: 0; } 100% { height: 14rem; } }
    @keyframes animationHeight { 0% { height: 0; } 91% { height: 0; } 100% { height: 14rem; } }

  @-webkit-keyframes animationClosing { 0% { height: 14rem; opacity: 1; } 30% { height: 14rem; opacity: 0.5;} 100% { height: 0; opacity: 0;} }
  @-moz-keyframes animationClosing { 0% { height: 14rem; opacity: 1; } 30% { height: 14rem; opacity: 0.5;} 100% { height: 0; opacity: 0;} }
  @-o-keyframes animationClosing { 0% { height: 14rem; opacity: 1; } 30% { height: 14rem; opacity: 0.5;} 100% { height: 0; opacity: 0;} }
  @keyframes animationClosing { 0% { height: 14rem; opacity: 1; } 30% { height: 14rem; opacity: 0.5;} 100% { height: 0; opacity: 0;} }
}
.row {
  padding-left: 20px;

}

.modal-success .modal-header {
            background-color: #d4edda;
            color: #155724;
        }
        .modal-error .modal-header {
            background-color: #f8d7da;
            color: #721c24;
        }
        .btn-close {
            background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
        }
        .modal-success .btn-close {
            background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23155724'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a11 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
        }
        .modal-error .btn-close {
            background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23721c24'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
        }
.mb-3 {
    display: flex;
    justify-content: center;
}
.nav-item.dropdown {
  position: relative;
}

.nav-item .dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  background-color: #fff; /* или другой цвет, подходящий к дизайну */
  min-width: 10rem;
  padding: 0;
  margin: 0;
  list-style: none;
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
}

.nav-item.dropdown:hover .dropdown-menu {
  display: block;
}


@media (max-width: 992px) {
	  /* Уменьшаем логотип мобильный */
  .logo-container.d-lg-none img {
    width: 2.2rem !important;
    height: 2.2rem !important;
    margin-top: 0;
  }
  /* Уменьшаем логотип мобильный */
  .navbar-brand2 .d-lg-none img {
    width: 2.2rem !important;
    height: 2.2rem !important;
    margin-top: 0;
  }

  /* Уменьшаем размер текста "IntimChat" */
  .navbar-caption-wrap2 .navbar-caption {
    font-size: 1.2rem;
    margin-top: 0;
  }

  /* Уменьшаем кнопки мобильных */
  .d-lg-none2 .btn {
    font-size: 0.8rem;
    padding: 0.4rem 0.8rem;
  }

  /* Обеспечиваем вертикальное центрирование элементов внутри .navbar-brand2 */
  .navbar-brand2 { 
  display: flex; 
  align-items: center; 
  gap: 6px; / reduce if you want even tighter, e.g. 4px or 2px */ }

  /* Расположение элементов внутри .navbar-brand2 */
  .navbar-brand2 > div,
  .navbar-caption-wrap2 {
    display: flex;
    align-items: center;
    margin: 0 5px; /* небольшой отступ для равномерности */
  }

.navbar-brand2 > span { display: inline-flex; align-items: center; gap: 6px; /* keeps the text and logo portion tightly together if there are other inline items inside */ }

.logo-container.d-none.d-lg-flex { margin-right: 4px; /* tighten space between logo and "IntimChat" text on large screens */ }

.logo-container.d-flex.d-lg-none { margin-right: 4px; /* tighten on smaller screens too (mobile) */ }
  /* Расположение логотипа для мобильных */
  .logo-container2 {
    margin-right: 5px;
  }

  /* Расположение кнопок для мобильных */
  .buttons-container2 {
    margin-left: 10px; /* немного отступа */
  }

  /* Исправляем расположение "гамбургера" */
  .navbar-toggler2 {
    margin-top: 0;
    /* при необходимости добавьте корректировку позиционирования */
  }
    /* Расположение кнопки "гамбургер" */
  .navbar-toggler {
    /* при необходимости добавьте стили */
  }
}
}

.stars {
  margin-top: 5px;
}
.star {
  color: #FFD700; /* Желтый цвет для звезд */
  font-size: 1.8rem;
}
        .card {
            transition: transform 0.3s ease, opacity 0.5s ease;
            margin-bottom: 20px;
        }
        .card:hover {
            transform: translateY(-5px);
        }
        .hidden-reviews {
            display: none;
            opacity: 0;
        }
        .fade-in {
            animation: fadeIn 0.8s ease forwards;
        }
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .btn-load-more {
            transition: all 0.3s ease;
        }
        .btn-load-more:hover {
            transform: scale(1.05);
        }
        #additional-reviews {
            margin-top: 15px; /* Добавляем отступ сверху для дополнительных отзывов */
        }