.carousel {
  /* margin-left: 15%;
  margin-right: 15%; */
  background-color: #E7DADA;
  border: #4D4D5C 2px solid;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;


  /* width: 100%; */
}

.carousel1 {
  /* margin-left: 15%;
  margin-right: 15%; */
  background-color: #E7DADA;
  
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 32px;


  /* width: 100%; */
}

ul.slides {
  display: block;
  position: relative;
  height: 600px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
}

.slides * {
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

ul.slides input {
  display: none; 
}


.slide-container { 
  display: block; 
}

.slide-image {
  display: flex;
  position: absolute;
  justify-content: center;
  width: 100%;
  height: 100%;
  top: 0;
  opacity: 0;
  transition: all .7s ease-in-out;
}   
.next-slide-text {
  color: black;
}

.slide-image img {

  max-width: 965px;
  height: 100%;
  border-radius: 16px;
  border: #4D4D5C 2px solid;
}

.carousel-controls {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  font-size: 100px;
  line-height: 600px;
  color: black;
}

.carousel-controls label {
  display: none;
  position: absolute;
  padding: 0 20px;
  opacity: 0;
  transition: opacity .2s;
  cursor: pointer;
}

.slide-image:hover + .carousel-controls label{
  opacity: 0.5;
}

.carousel-controls label:hover {
  opacity: 1;
}

.carousel-controls .prev-slide {
  width: 49%;
  text-align: left;
  left: 0;
  color: black;
}

.carousel-controls .next-slide {
  width: 49%;
  text-align: right;
  right: 0;

  color: black;
}

.carousel-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  z-index: 999;
  text-align: center;
}

.carousel-dots .carousel-dot {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.5;
  margin: 10px;
}

input:checked + .slide-container .slide-image {
  opacity: 1;
  transform: scale(1);
  transition: opacity 1s ease-in-out;
}

input:checked + .slide-container .carousel-controls label {
   display: block; 
}

input#group_1-1:checked ~ .carousel-dots label#group_1-dot-1,
input#group_1-2:checked ~ .carousel-dots label#group_1-dot-2,
input#group_1-3:checked ~ .carousel-dots label#group_1-dot-3,
input#group_1-4:checked ~ .carousel-dots label#group_1-dot-4,
input#group_1-5:checked ~ .carousel-dots label#group_1-dot-5,
input#group_1-6:checked ~ .carousel-dots label#group_1-dot-6 ,
input#group_1-7:checked ~ .carousel-dots label#group_1-dot-7,
input#group_1-8:checked ~ .carousel-dots label#group_1-dot-8,
input#group_1-9:checked ~ .carousel-dots label#group_1-dot-9,
input#group_1-10:checked ~ .carousel-dots label#group_1-dot-10,
input#group_1-11:checked ~ .carousel-dots label#group_1-dot-11,
input#group_1-12:checked ~ .carousel-dots label#group_1-dot-12,



input#group_2-1:checked ~ .carousel-dots label#group_2-dot-1,
input#group_2-2:checked ~ .carousel-dots label#group_2-dot-2,
input#group_2-3:checked ~ .carousel-dots label#group_2-dot-3,
input#group_2-4:checked ~ .carousel-dots label#group_2-dot-4,
input#group_2-5:checked ~ .carousel-dots label#group_2-dot-5,
input#group_2-6:checked ~ .carousel-dots label#group_2-dot-6 ,
input#group_2-7:checked ~ .carousel-dots label#group_2-dot-7,
input#group_2-8:checked ~ .carousel-dots label#group_2-dot-8,
input#group_2-9:checked ~ .carousel-dots label#group_2-dot-9,

input#group_3-1:checked ~ .carousel-dots label#group_3-dot-1,
input#group_3-2:checked ~ .carousel-dots label#group_3-dot-2,
input#group_3-3:checked ~ .carousel-dots label#group_3-dot-3,
input#group_3-4:checked ~ .carousel-dots label#group_3-dot-4,
input#group_3-5:checked ~ .carousel-dots label#group_3-dot-5,
input#group_3-6:checked ~ .carousel-dots label#group_3-dot-6 ,
input#group_3-7:checked ~ .carousel-dots label#group_3-dot-7,
input#group_3-8:checked ~ .carousel-dots label#group_3-dot-8,
input#group_3-9:checked ~ .carousel-dots label#group_3-dot-9,

input#group_4-1:checked ~ .carousel-dots label#group_4-dot-1,
input#group_4-2:checked ~ .carousel-dots label#group_4-dot-2,
input#group_4-3:checked ~ .carousel-dots label#group_4-dot-3,
input#group_4-4:checked ~ .carousel-dots label#group_4-dot-4,
input#group_4-5:checked ~ .carousel-dots label#group_4-dot-5,
input#group_4-6:checked ~ .carousel-dots label#group_4-dot-6 ,
input#group_4-7:checked ~ .carousel-dots label#group_4-dot-7,

input#group_5-1:checked ~ .carousel-dots label#group_5-dot-1,
input#group_5-2:checked ~ .carousel-dots label#group_5-dot-2,
input#group_5-3:checked ~ .carousel-dots label#group_5-dot-3,
input#group_5-4:checked ~ .carousel-dots label#group_5-dot-4,
input#group_5-5:checked ~ .carousel-dots label#group_5-dot-5,
input#group_5-6:checked ~ .carousel-dots label#group_5-dot-6 ,
input#group_5-7:checked ~ .carousel-dots label#group_5-dot-7,
input#group_5-8:checked ~ .carousel-dots label#group_5-dot-8 ,
input#group_5-9:checked ~ .carousel-dots label#group_5-dot-9
{
opacity: 1;
}


input:checked + .slide-container .nav label { display: block; }