.second-part {


  padding: 3.8em 0 0 0;
}






.slider-wrapper {
  width: auto;
  background-color: #193034;
  padding: 2.5em 0 0 0;
  position: relative;
  overflow: hidden;
}

.slider {
  overflow: hidden;

}



.slides {
  width: 500%;
  height: auto;
  display: flex;
}

.slides input {
  display: none;
}

.slide {
  width: 20%;
  transition: 2s;
  display: flex;
  flex-direction: column;
  align-items: center;
}







.slide-tag h3 {

  width: 110%;
  padding: 0;
  color: white;
  background-color: #193034;
  border-radius: 100px;
  margin-left: 1.2em;
  transition: all 0.3s ease;
  display: flex;

}


.slide-tag a {
  position: relative;
  color: white;
  display: block;
  padding: 0 44px;

}

.slide-tag h3 .chevron {
  position: absolute;
  font-size: 2rem;
  align-self: center;
  color: white;
  margin-left: 0.3em;
  transform: translateX(0px);
  transition: transform 0.3s ease-in;

}

.slide-tag h3 .chevron.one {
  margin: 0;
  margin-left: -5px;
}


.slide-tag .code-tag {
  margin-left: -40px;
  display: none;
  color: #40D3DC;
  transform: translateX(0px);
  transition: transform 0.3s ease-in;
}


.slide-tag .code-tag span {
  color: #40D3DC;
}








.slide-tag a::before {
  content: "";
  display: block;
  height: 3px;
  border-radius: 10px;
  background: #40d4dcac;
  position: absolute;
  top: 1.2em;
  left: 0;
  right: 0;
  transform: scale(0, 1);
  transition: transform 650ms ease-in-out;
}



.slide-tag a:hover::before {
  transform: scale(0.5, 1);
}



/* video:hover~ ::before {
  transform: scale(0.5, 1);

} */




.back-video {
  max-width: 100%;
  border-left: 0.5em solid #193034;
  border-right: 0.5em solid #193034;

}









/*css for manual slide navigation*/





.manual-btn {
  border: 2px solid #40D3DC;
  padding: 5px;

  cursor: pointer;
  transition: 1s;
}

.manual-btn:not(:last-child) {
  margin-right: 40px;
}

.manual-btn:hover {
  background: #40D3DC;
}

#radio1:checked~.first {
  margin-left: 0;
}

#radio2:checked~.first {
  margin-left: -20%;
}

#radio3:checked~.first {
  margin-left: -40%;
}

#radio4:checked~.first {
  margin-left: -60%;
}

/*css for automatic navigation*/

.navigation-auto {
  position: absolute;
  display: flex;
  width: 100%;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 18px;
}



.navigation-manual {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 18px;
}

.navigation-auto div {
  border: 2px solid #40D3DC;
  padding: 5px;

  transition: 1s;
}

.navigation-auto div:not(:last-child) {
  margin-right: 40px;
}




#radio1:checked~.navigation-auto .auto-btn1 {
  background: #40D3DC;
}

#radio2:checked~.navigation-auto .auto-btn2 {
  background: #40D3DC;
}

#radio3:checked~.navigation-auto .auto-btn3 {
  background: #40D3DC;
}



/* Media quries  */

@media only screen and (min-width: 750px) {




  .slide-tag h3 {

    width: 110%;
    padding: 0.5em 0;
    color: white;
    background-color: #193034;
    border-radius: 100px;
    margin-left: 1.2em;
    transition: all 0.3s ease;
    display: flex;

  }




  .navigation-auto {
    position: absolute;
    display: flex;
    width: 500px;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 18px;
  }



  .navigation-manual {
    position: absolute;
    width: 500px;
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 18px;
  }

  .slider-wrapper {
    width: auto;
    background-color: #193034;
    padding: 2.5em 0 1em 0;
    position: relative;
    overflow: hidden;

  }



  .back-video {
    max-width: 100%;
    object-fit: initial;
    border-left: 50px solid #193034;
    border-right: 50px solid #193034;
  }


  .slide .slide-tag {
    align-self: flex-start;
    margin-top: -2.6em;
    display: block;
  }

  .second-part {
    padding: 0;

  }

}