html {
  scroll-behavior: smooth; }

@font-face {
  font-family: 'assistant';
  src: url("../../fonts/assistant/Assistant-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'assistant';
  src: url("../../fonts/assistant/Assistant-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'assistant';
  src: url("../../fonts/assistant/Assistant-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'assistant';
  src: url("../../fonts/assistant/Assistant-ExtraBold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal; }

.brands-carusel {
  width: 100%;
  margin: auto;
  position: relative;
  padding-inline: 200px;
  margin-bottom: 200px; }
  .brands-carusel__title {
    font-family: "assistant";
    font-weight: 700;
    font-size: 48px;
    margin-bottom: 40px;
    color: #414141;
    text-align: center; }
  .brands-carusel__link {
    display: block;
    margin-top: 100px;
    -ms-flex-pack: end;
        justify-content: end; }
  .brands-carusel__link-mobile {
    display: none !important; }
  .brands-carusel__carusel-wrapper-desktop {
    width: 1584px;
    height: 422px;
    margin: auto;
    position: relative; }
    .brands-carusel__carusel-wrapper-desktop .brands-swiper {
      height: 100%;
      padding: 30px 0;
      box-sizing: content-box; }
    .brands-carusel__carusel-wrapper-desktop .brands-slide {
      position: relative; }
      .brands-carusel__carusel-wrapper-desktop .brands-slide .main-brand-circle {
        position: absolute;
        z-index: 2;
        width: 198px;
        height: 198px;
        left: 50%;
        transform: translate(-50%, -50%);
        top: 50%;
        border-radius: 50%;
        box-shadow: 0px 4px 24px 0px rgba(245, 109, 109, 0.338);
        overflow: hidden;
        transition: transform 0.3s; }
        .brands-carusel__carusel-wrapper-desktop .brands-slide .main-brand-circle:hover {
          transform: translate(-50%, -50%) scale(1.2); }
        .brands-carusel__carusel-wrapper-desktop .brands-slide .main-brand-circle img {
          width: 100%;
          height: 100%;
          object-fit: contain;
          padding: 5px; }
      .brands-carusel__carusel-wrapper-desktop .brands-slide .brand-circle {
        border-radius: 50%;
        position: absolute;
        z-index: 6;
        overflow: hidden;
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
        transition: transform 0.3s;
        padding: 3px; }
        .brands-carusel__carusel-wrapper-desktop .brands-slide .brand-circle:hover {
          transform: scale(1.2); }
        .brands-carusel__carusel-wrapper-desktop .brands-slide .brand-circle img {
          width: 100%;
          height: 100%;
          object-fit: contain; }
        .brands-carusel__carusel-wrapper-desktop .brands-slide .brand-circle.circle-1 {
          top: 35px;
          right: 32px;
          width: 120px;
          height: 120px; }
        .brands-carusel__carusel-wrapper-desktop .brands-slide .brand-circle.circle-2 {
          top: 19px;
          right: 213px;
          width: 152px;
          height: 152px; }
        .brands-carusel__carusel-wrapper-desktop .brands-slide .brand-circle.circle-3 {
          top: 13px;
          right: 447px;
          width: 176px;
          height: 176px; }
        .brands-carusel__carusel-wrapper-desktop .brands-slide .brand-circle.circle-4 {
          top: 236px;
          right: 10px;
          width: 176px;
          height: 176px; }
        .brands-carusel__carusel-wrapper-desktop .brands-slide .brand-circle.circle-5 {
          top: 224px;
          right: 259px;
          width: 168px;
          height: 168px; }
        .brands-carusel__carusel-wrapper-desktop .brands-slide .brand-circle.circle-6 {
          top: 276px;
          right: 508px;
          width: 136px;
          height: 136px; }
        .brands-carusel__carusel-wrapper-desktop .brands-slide .brand-circle.circle-7 {
          top: 35px;
          left: 508px;
          width: 136px;
          height: 136px; }
        .brands-carusel__carusel-wrapper-desktop .brands-slide .brand-circle.circle-8 {
          top: 0;
          left: 268px;
          width: 152px;
          height: 152px; }
        .brands-carusel__carusel-wrapper-desktop .brands-slide .brand-circle.circle-9 {
          top: 36px;
          left: 48px;
          width: 120px;
          height: 120px; }
        .brands-carusel__carusel-wrapper-desktop .brands-slide .brand-circle.circle-10 {
          top: 241px;
          left: 490px;
          width: 136px;
          height: 136px; }
        .brands-carusel__carusel-wrapper-desktop .brands-slide .brand-circle.circle-11 {
          top: 236px;
          left: 236px;
          width: 176px;
          height: 176px; }
        .brands-carusel__carusel-wrapper-desktop .brands-slide .brand-circle.circle-12 {
          top: 224px;
          left: 15px;
          width: 168px;
          height: 168px; }
    .brands-carusel__carusel-wrapper-desktop .brands-prev {
      color: #414141;
      right: unset;
      left: -50px; }
    .brands-carusel__carusel-wrapper-desktop .brands-next {
      color: #414141;
      left: unset;
      right: -50px; }
  .brands-carusel__carusel-wrapper-mobile {
    display: none; }
  @media screen and (max-width: 1700px) {
    .brands-carusel {
      padding-inline: 0; }
      .brands-carusel__carusel-wrapper-desktop {
        width: 100%;
        transform: scale(0.85); }
        .brands-carusel__carusel-wrapper-desktop .brands-slide .main-brand-circle {
          width: 180px;
          height: 180px; }
        .brands-carusel__carusel-wrapper-desktop .brands-slide .brand-circle {
          transform: scale(0.85); }
          .brands-carusel__carusel-wrapper-desktop .brands-slide .brand-circle.circle-1 {
            top: 35px;
            right: 32px; }
          .brands-carusel__carusel-wrapper-desktop .brands-slide .brand-circle.circle-2 {
            top: 19px;
            right: 190px; }
          .brands-carusel__carusel-wrapper-desktop .brands-slide .brand-circle.circle-3 {
            top: 13px;
            right: 371px; }
          .brands-carusel__carusel-wrapper-desktop .brands-slide .brand-circle.circle-4 {
            top: 236px;
            right: 10px; }
          .brands-carusel__carusel-wrapper-desktop .brands-slide .brand-circle.circle-5 {
            top: 224px;
            right: 241px; }
          .brands-carusel__carusel-wrapper-desktop .brands-slide .brand-circle.circle-6 {
            top: 276px;
            right: 450px; }
          .brands-carusel__carusel-wrapper-desktop .brands-slide .brand-circle.circle-7 {
            top: 35px;
            left: 440px; }
          .brands-carusel__carusel-wrapper-desktop .brands-slide .brand-circle.circle-8 {
            top: 0;
            left: 226px; }
          .brands-carusel__carusel-wrapper-desktop .brands-slide .brand-circle.circle-9 {
            top: 36px;
            left: 48px; }
          .brands-carusel__carusel-wrapper-desktop .brands-slide .brand-circle.circle-10 {
            top: 241px;
            left: 447px; }
          .brands-carusel__carusel-wrapper-desktop .brands-slide .brand-circle.circle-11 {
            top: 236px;
            left: 236px; }
          .brands-carusel__carusel-wrapper-desktop .brands-slide .brand-circle.circle-12 {
            top: 224px;
            left: 15px; }
        .brands-carusel__carusel-wrapper-desktop .brands-prev {
          color: #414141;
          right: unset;
          left: -50px; }
        .brands-carusel__carusel-wrapper-desktop .brands-next {
          color: #414141;
          left: unset;
          right: -50px; }
      .brands-carusel__link {
        padding-inline: 60px; } }
  @media screen and (max-width: 768px) {
    .brands-carusel {
      padding-inline: 0;
      height: 672px;
      margin-bottom: 104px; }
      .brands-carusel__title {
        font-size: 32px;
        margin-bottom: 24px; }
      .brands-carusel__link {
        display: none !important; }
      .brands-carusel__link-mobile {
        display: -ms-flexbox !important;
        display: flex !important;
        text-align: center;
        margin-top: 125px;
        -ms-flex-pack: center;
            justify-content: center; }
      .brands-carusel__carusel-wrapper-desktop {
        display: none; }
      .brands-carusel__carusel-wrapper-mobile {
        display: block;
        width: 100%;
        padding-inline: 16px;
        height: 478px;
        margin: auto; }
        .brands-carusel__carusel-wrapper-mobile .brands-swiper {
          height: 100%; }
        .brands-carusel__carusel-wrapper-mobile .brands-slide {
          position: relative; }
          .brands-carusel__carusel-wrapper-mobile .brands-slide .main-brand-circle {
            position: absolute;
            z-index: 2;
            width: 144px;
            height: 144px;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            border-radius: 50%;
            box-shadow: 0px 4px 24px 0px rgba(245, 109, 109, 0.338);
            overflow: hidden; }
            .brands-carusel__carusel-wrapper-mobile .brands-slide .main-brand-circle img {
              width: 100%;
              height: 100%;
              object-fit: contain;
              padding: 5px; }
          .brands-carusel__carusel-wrapper-mobile .brands-slide .brand-circle {
            border-radius: 50%;
            position: absolute;
            z-index: 6;
            overflow: hidden;
            box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15); }
            .brands-carusel__carusel-wrapper-mobile .brands-slide .brand-circle img {
              padding: 3px;
              width: 100%;
              height: 100%;
              object-fit: contain; }
            .brands-carusel__carusel-wrapper-mobile .brands-slide .brand-circle.circle-1 {
              top: 48px;
              left: 228px;
              width: 96px;
              height: 96pxpx; }
            .brands-carusel__carusel-wrapper-mobile .brands-slide .brand-circle.circle-2 {
              top: 10px;
              left: 80px;
              width: 104px;
              height: 104px; }
            .brands-carusel__carusel-wrapper-mobile .brands-slide .brand-circle.circle-3 {
              top: 114px;
              left: 10px;
              width: 88px;
              height: 88px; }
            .brands-carusel__carusel-wrapper-mobile .brands-slide .brand-circle.circle-4 {
              top: 258px;
              left: 255px;
              width: 88px;
              height: 88px; }
            .brands-carusel__carusel-wrapper-mobile .brands-slide .brand-circle.circle-5 {
              top: 356px;
              left: 150px;
              width: 104px;
              height: 104px; }
            .brands-carusel__carusel-wrapper-mobile .brands-slide .brand-circle.circle-6 {
              top: 312px;
              left: 14px;
              width: 96px;
              height: 96px; }
        .brands-carusel__carusel-wrapper-mobile .brands-pagination {
          position: unset;
          margin-top: 64px;
          width: 100% !important;
          transform: unset !important; }
          .brands-carusel__carusel-wrapper-mobile .brands-pagination .swiper-pagination-bullet-active {
            background: linear-gradient(186.48deg, #E3121C -11017.68%, #D71323 -5132.56%, #B61535 6018.2%, #A01642 12522.8%);
            width: 24px;
            height: 8px;
            border-radius: 40px; } }