.index-brands__inner {
  display: flex; }
  @media (max-width: 1249px) {
    .index-brands__inner {
      flex-direction: column; } }

.index-brands__left, .index-brands__right {
  width: 50%; }
  @media (max-width: 1249px) {
    .index-brands__left, .index-brands__right {
      width: auto; } }

.index-brands__bg {
  padding: 36px 52px;
  background: #fff;
  border-radius: 24px;
  padding-bottom: 34px; }
  @media (max-width: 767px) {
    .index-brands__bg {
      padding: 15px; } }

.index-brands__link {
  margin-top: 30px;
  color: #5B627E; }

.index-brands__descr p:not(:last-child) {
  margin-bottom: 20px; }

.index-brands__right {
  padding-left: 20px; }
  @media (max-width: 1249px) {
    .index-brands__right {
      padding-left: 0px; } }

.index-brands__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0px -12px; }

.index-brands__item {
  width: 50%;
  padding: 0px 12px;
  position: relative;
  margin: 12px 0px;
  height: 102px; }
  .index-brands__item img {
    max-width: 100%;
    max-height: 100%; }

.index-brands__img-wrap {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  border-radius: 24px; }
  @media (max-width: 767px) {
    .index-brands__img-wrap {
      height: 43px; } }
  @media (min-width: 1024px) {
    .index-brands__img-wrap:hover {
      cursor: pointer;
      box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1); } }
  .index-brands__img-wrap img {
    max-height: 100%;
    max-width: 100%; }

.brand-item-img {
  transition: opacity 0.3s;
  width: 100%;
  height: 100%;
  object-fit: cover; }
  .brand-item-img.loading {
    opacity: 0; }

.brand-item-container {
  padding: 16px;
  position: relative;
  transition: opacity 0.3s, top 0.3s, box-shadow 0.3s;
  opacity: 1;
  top: 0;
  height: 100%;
  border-radius: 24px; }
  @media (min-width: 1024px) {
    .brand-item-container:hover {
      background-color: #fff;
      cursor: pointer;
      box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1); } }
  .brand-item-container.loading {
    opacity: 0;
    top: -50px; }