/* Стили из html слайдера */

/* *,
*::before,
*::after {
  box-sizing: border-box;
} */

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
  'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
  'Segoe UI Symbol';
}

.container {
  /*width: 90vw;*/
  padding-bottom: 1.5vw;
}

.itc-slider-wrapper {
  overflow: hidden;
}

.itc-slider-item {
  flex: 0 0 50%;
  width: 706px;
  height: 233px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* color: rgba(255, 255, 255, 0.8); */
  /* font-size: 7rem; */
}


/* .itc-slider-item:nth-child(1) {
  background-color: #f44336;
}

.itc-slider-item:nth-child(2) {
  background-color: #9c27b0;
}

.itc-slider-item:nth-child(3) {
  background-color: #3f51b5;
}

.itc-slider-item:nth-child(4) {
  background-color: #03a9f4;
}

.itc-slider-item:nth-child(5) {
  background-color: #4caf50;
} */

/* .itc-slider-item-banner {
    display: flex;
    justify-content: center;
    vertical-align: middle;
    width: 100%;
} */
.itc-slider-item-banner-img {
    display: block;
    /* width: 37vw; */
    width: 706px;
    height: 233px;
    /*height: 12.5vw;*/
    object-fit: cover;
    border-radius: 2.5vw;

}
/* В % нельзя указать из object-fit, без него не центрируется изображение */




@media (max-width: 1800px) {
    .itc-slider-item-banner-img {
        width: 39.5vw;
        height: 13vw;
    }
}

@media (max-width: 1700px) {
    .itc-slider-item-banner-img {
        width: 41vw;
        height: 13vw;
    }
}

@media (max-width: 1600px) {
    .itc-slider-item-banner-img {
        width: 45vw;
        height: 14vw;
    }
}

@media (max-width: 768px){
  .container {
    width: 100%;
  }
  .itc-slider-item {
    flex: 0 0 100%;
    width: 100%;
    height: 40vw;
  }
  .itc-slider-item-banner-img {
    width: 86.5vw;
    height: 28vw;
    border-radius: 5vw;
}
}