.main-top {
  padding: 40px 0;
  gap: 16px;
}

.main-top__slider-wrapper {
  border-radius: 32px;
  -webkit-box-shadow: 0px 8px 32px -8px rgba(160, 189, 221, 0.25);
          box-shadow: 0px 8px 32px -8px rgba(160, 189, 221, 0.25);
  text-align: center;
  overflow: hidden;
}

.main-top__slider {
  overflow: hidden;
}

@media (max-width: 1023px) {
  .main-top {
    gap: 32px;
  }

  .main-top__slider-wrapper {
    flex: 100%;    
  }
  
  .main-top__slider {
    -webkit-box-flex: calc((100vw - 64px) / 100 * 33.24);
        -ms-flex: calc((100vw - 64px) / 100 * 33.24);
            flex: calc((100vw - 64px) / 100 * 33.24);
  }
}

@media (max-width: 680px) {
  .main-top {
    gap: 40px;
    padding: 24px 0;
  }

  .main-top__slider {
    -webkit-box-flex: calc((100vw - 48px) / 100 * 33.24);
        -ms-flex: calc((100vw - 48px) / 100 * 33.24);
            flex: calc((100vw - 48px) / 100 * 33.24);
  }

  .main-top__slider-wrapper {
    border-radius: 24px;
  }

}