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


.container {      max-width: 100%;      margin: 0 auto;    }
.slider__container {      padding-left: 0;      padding-right: 0;   width: 100%; height: calc(100vw /4); max-height: 246; border: 1px solid rgb(0, 160, 198); border-radius: 10px; overflow-y: hidden;}

.slider__item {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 4px;

}
.slider__indicators li.active {border-bottom: 15px solid rgb(0, 160, 198);}
  
.slider__item-container {
  line-height: calc(100vw /4);
  font-size: 0px !important;
  text-align: center;
  height: calc(100vw /4);
  color: rgba(0, 0, 0, 0);
  
}
.slider__item-content0 {
	border-radius: 10px; 
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.51); 
	background-position-y: bottom;
	}

.slider__item:nth-child(1) .slider__item-content {
  background-image: url("1.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
}

.slider__item:nth-child(2) .slider__item-content {
  background-image: url("2.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
}

.slider__item:nth-child(3) .slider__item-content {
  background-image: url("3.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
}

.slider__item:nth-child(4) .slider__item-content {
  background-image: url("4.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
}

.slider__item:nth-child(5) .slider__item-content {
  background-image: url("5.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
}

.slider__item:nth-child(6) .slider__item-content {
  background-image: url("6.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
}

.slider__item:nth-child(7) .slider__item-content {
  background-image: url("7.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
}