.thumbnail_image{

    object-fit:cover;
    margin-inline:12px;
    border-radius: 3px;
    outline:3px solid transparent;
    opacity: 0.5;
    transition: outline 180ms ease-out, opacity 180ms ease-out;
    cursor: pointer;
  }
  
  .thumbnail_image:hover{
    outline:3px solid #ffe6a7;
    opacity: 1;
  }
  
  
  .thumbnail_currentlyOn{
    outline:3px solid #ffe6a7;
    opacity: 1;
  }
  
  .carousel_figcap{
    font-size: small;
  }
  
  
  .carousel-slider{
    width: 100%;
    min-height: 600px;
    height:50vw;
    overflow: hidden;
    transition: opacity 1100ms ease-out;
    opacity: 0;
    position: relative;
    margin-top: 40px;
  
  
  }
  
  .carousel-slides, .carousel-slides2, .carousel-slides3, .carousel-slides4, .carousel-slides5, .carousel-slides6{
    width: 1000%;
    height:37vw;
    display: flex;
  }
  .carousel-slides2{
    width: 400%;
  }
  .carousel-slides3{
    width: 1300%;
  }
  .carousel-slides4{
    width: 700%;
  }
  .carousel-slides5{
    width: 1000%;
  }
  .carousel-slides6{
    width: 600%;
  }
  
  .carousel-slides input, .carousel-slides2 input, .carousel-slides3 input, .carousel-slides4 input, .carousel-slides5 input, .carousel-slides6 input{
    display: none;/*to hide the buttons*/
  }
  
  .carousel-slide, .carousel-slide2, .carousel-slide3, .carousel-slide4, .carousel-slide5, .carousel-slide6{
    width:10%;
    transition: 2.4s;
  }
  
  .carousel-slide2{
    width: 25%;
  }
  .carousel-slide3{
    width: 7.6923%;
  }
  .carousel-slide4{
    width: 14.285%;
  }
  .carousel-slide5{
    width: 10%;
  }
  .carousel-slide6{
    width: 17%;
  }
  
  .carousel-slide img, .carousel-slide2 img, .carousel-slide3 img, .carousel-slide4 img, .carousel-slide5 img, .carousel-slide6 img{
    width: 100%;
    height:37vw;
  
  }
  
  .carousel-thumbnails, .carousel-thumbnails2, .carousel-thumbnails3, .carousel-thumbnails3, .carousel-thumbnails4, .carousel-thumbnails5, .carousel-thumbnails6{
    display: inline-block;
    width:fit-content;
  
  }
  
  .navigation-mannual{
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 90px;
    background-color: var(--grey_lightDark_transition);
    padding-top: 8px;
    border-radius: 10px;
  
  }
  
  
  
  #radio0:checked ~ .first-in-carousel{
    margin-left:0;
  }
  
  #radio1:checked ~ .first-in-carousel{
    margin-left:-10%;
  }
  
  #radio2:checked ~ .first-in-carousel{
    margin-left:-20%;
  }
  
  #radio3:checked ~ .first-in-carousel{
    margin-left:-30%;
  }
  #radio4:checked ~ .first-in-carousel{
    margin-left:-40%;
  }
  #radio5:checked ~ .first-in-carousel{
    margin-left:-50%;
  }
  #radio6:checked ~ .first-in-carousel{
    margin-left:-60%;
  }
  #radio7:checked ~ .first-in-carousel{
    margin-left:-70%;
  }
  #radio8:checked ~ .first-in-carousel{
    margin-left:-80%;
  }
  #radio9:checked ~ .first-in-carousel{
    margin-left:-90%;
  }
  
  
  
  #radio0_2:checked ~ .first-in-carousel2{
    margin-left:0;
  }
  #radio1_2:checked ~ .first-in-carousel2{
    margin-left:-25%;
  }
  #radio2_2:checked ~ .first-in-carousel2{
    margin-left:-50%;
  }
  #radio3_2:checked ~ .first-in-carousel2{
    margin-left:-75%;
  }




  #radio0_3:checked ~ .first-in-carousel3{
    margin-left:0;
  }
  #radio1_3:checked ~ .first-in-carousel3{
    margin-left:-7.69%;
  }
  #radio2_3:checked ~ .first-in-carousel3{
    margin-left:-15.38%;
  }
  #radio3_3:checked ~ .first-in-carousel3{
    margin-left:-23.08%;
  }
  #radio4_3:checked ~ .first-in-carousel3{
    margin-left:-30.77%;
  }
  #radio5_3:checked ~ .first-in-carousel3{
    margin-left:-38.46%;
  }
  #radio6_3:checked ~ .first-in-carousel3{
    margin-left:-46.15%;
  }
  #radio7_3:checked ~ .first-in-carousel3{
    margin-left:-53.85%;
  }
  #radio8_3:checked ~ .first-in-carousel3{
    margin-left:-61.54%;
  }
  #radio9_3:checked ~ .first-in-carousel3{
    margin-left:-69.23%;
  }
  #radio10_3:checked ~ .first-in-carousel3{
    margin-left:-76.92%;
  }
  #radio11_3:checked ~ .first-in-carousel3{
    margin-left:-84.61%;
  }
  #radio12_3:checked ~ .first-in-carousel3{
    margin-left:-92.32%;
  }









  #radio0_4:checked ~ .first-in-carousel4{
    margin-left:0;
  }
  #radio1_4:checked ~ .first-in-carousel4{
    margin-left:-14.285%;
  }
  #radio2_4:checked ~ .first-in-carousel4{
    margin-left:-28.57%;
  }
  #radio3_4:checked ~ .first-in-carousel4{
    margin-left:-42.855%;
  }
  #radio4_4:checked ~ .first-in-carousel4{
    margin-left:-57.14%;
  }
  #radio5_4:checked ~ .first-in-carousel4{
    margin-left:-71.425%;
  }
  #radio6_4:checked ~ .first-in-carousel4{
    margin-left:-85.71%;
  }










  #radio0_5:checked ~ .first-in-carousel5{
    margin-left:0;
  }
  #radio1_5:checked ~ .first-in-carousel5{
    margin-left:-10%;
  }
  #radio2_5:checked ~ .first-in-carousel5{
    margin-left:-20%;
  }
  #radio3_5:checked ~ .first-in-carousel5{
    margin-left:-30%;
  }
  #radio4_5:checked ~ .first-in-carousel5{
    margin-left:-40%;
  }
  #radio5_5:checked ~ .first-in-carousel5{
    margin-left:-50%;
  }
  #radio6_5:checked ~ .first-in-carousel5{
    margin-left:-60%;
  }
  #radio7_5:checked ~ .first-in-carousel5{
    margin-left:-70%;
  }
  #radio8_5:checked ~ .first-in-carousel5{
    margin-left:-80%;
  }
  #radio9_5:checked ~ .first-in-carousel5{
    margin-left:-90%;
  }
  
  






  #radio0_6:checked ~ .first-in-carousel6{
    margin-left:0;
  }
  #radio1_6:checked ~ .first-in-carousel6{
    margin-left:-17%;
  }
  #radio2_6:checked ~ .first-in-carousel6{
    margin-left:-34%;
  }
  #radio3_6:checked ~ .first-in-carousel6{
    margin-left:-51%;
  }
  #radio4_6:checked ~ .first-in-carousel6{
    margin-left:-68%;
  }
  #radio5_6:checked ~ .first-in-carousel6{
    margin-left:-85%;
  }