/* skills */
/* skills */
/* skills */
/* skills */
/* skills */








.skill-div-mom{
  width: 100%;
  min-height: 100vh;
  padding-bottom: 10vh;
  border-radius: 60px 60px 0px 0px;
  background: linear-gradient(20deg , #6FB6BB,#6FB6BB,#6FB6BB,#6FB6BB,#6FB6BB , #C6D9DA , #C6D9DA, #C6D9DA, #C6D9DA, #C6D9DA);
  /* box-shadow: #00000077 0px 0px 40px 0px; */
  /* display: none; */
  display: flex;
  align-items: center;
  justify-content: start;
  flex-direction: column;
  gap: 30px;
  /* display: none; */
  color: #363636;
    box-shadow: #ffffffad 0px -19px 19px 0px;
}
.skill-div-mom .prs-t2{
  display: none;
}
.fr-slash{
  color: #00bdaa;
  font-weight: 900;
}
.sdm-title{
  /* background-color: #000000; */
  width: 100%;
  height: 50px;
  color: #267981;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 100px;
  font-size: 30px;
}
.sdm-title hr{
  border: #77A8AC solid 3px;
  width: 150px;
}
.sdm-main h2{
  color: #363636;
  font-weight: 600;
  text-align: center;
}
@media (max-width:1080px) {
  .skill-div-mom .prs-t2{
  display: flex;
  }
  .sdm-title{
    display: none;
  }
}


.new-plan{
  /* background-color: #00000081;
  backdrop-filter: blur(10px); */
  width: 85%;
  min-height: 80vh;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: start;
  flex-direction: column;
  gap: 20px;
}
.controller{
  background-color: #296762d4;
  width: 60%;
  height: 50px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  border: #54a8a1 dashed 3px;
  overflow: hidden;
}
.controller h2{
  color: #e2e2e2;
  font-weight: 600;
  /* background-color: #000000; */
  width: 150px;
  min-width: 150px;
  text-align: center;
  padding: 6px;
  border-radius: 10px;
  cursor: pointer;
}
#skills-btn{
  background-color: #000000;
}
.screens{
  background-color: #0f4d4683;
  border: #0f4d4683 double 10px;
  min-width: 400px;
  width: 90%;
  min-height: 400px;
  max-height: 500px;
  border-radius: 30px;
  /* border: #0089c400 solid 10px; */
  /* border-bottom: #0089c4 solid 10px; */
  overflow-x: hidden;
  /* scrollbar-width: none; */
}
.skills-screen{
  width: 100%;
  min-width: 400px;
  height: 100%;
  min-height: 400px;
  /* background-color: #000000; */
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 20px;
  padding: 0px 30px 0px 30px;
}
/* @media (max-width:1080px) {
  .skills-screen{
    padding: 0px;
    min-width: 100%;
  }
} */
.sdo,.sdi{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  max-width: 400px;
  padding: 10px;
}
@media (max-width:1080px) {
  .sdi{
    padding: 0px;
    /* max-width: 300px; */
  }
}
.sk-ill{
  background: linear-gradient(to right , #e2e2e2 , #ff000000 90%);
  border: #002a3400 solid 5px;
  border-left: #002a34 solid 5px;
  border-right: #002a34 solid 5px;
  width: 360px;
  height: 50px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 20px;
  padding-right: 20px;
}
.rt-v,.rt-k{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.sk-ill h2{
  color: #0f4d46;
  font-weight: 600;
}
.sk-ill img{
  width: 30px;
  border-radius: 7px;
}
#spe-img{
  background-color: #ffffff;
  padding: 2px;
}
#spe-img2{
  background-color: #ffffff;
  padding: 5px;
}
.sdi img{
  width: 95%;
  border-radius: 30px;
}






























































@media (min-width:1000px) {
  .screens{
    min-width: 1000px;
  }
  .controller{
    min-width: 800px;
  }
}
@media (max-width:1000px) {
  .screens{
    min-width: 400px;
    /* background-color: #000000; */
  }
  .controller{
    min-width: 80%;
  }
  .skills-screen{
    padding: 0px;
    min-width: 300px;
    width: 380px;
    overflow: hidden;
  }
}