#skills-exp{
  /* background-color: #000000; */
  width: 100vw;
  min-height: 100vh;
}
.skills-exp-c{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}







/* new experience */
/* new experience */
/* new experience */
/* new experience */






#new-experience{
    /* padding-top: 10vh; */
    background: linear-gradient(-160deg , #6FB6BB,#6FB6BB,#6FB6BB,#6FB6BB,#6FB6BB , #C6D9DA , #C6D9DA, #C6D9DA, #C6D9DA, #C6D9DA);
    /* margin-bottom: 20vh; */
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: column;
    gap: 30px;
    /* background-color: #000000; */
    /* display: none; */
        box-shadow: #ffffffad 0px 19px 19px 0px;
        border-radius: 0px 0px 60px 60px;

}
#new-experience .sdm-title h2{
  color: #f7fafa;
}
#new-experience .sdm-title hr{
  border: #f7fafa solid 3px;
  width: 150px;
}







































































































/* experience */
/* experience */
/* experience */
/* experience */
/* experience */
/* experience */



.experience{
  width: 100vw;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(200deg , #6FB6BB,#6FB6BB,#6FB6BB,#6FB6BB,#6FB6BB , #C6D9DA , #C6D9DA, #C6D9DA, #C6D9DA, #C6D9DA);
  /* box-shadow: #256066 0px 0px 20px 0px; */
  box-shadow: #C6D9DA 0px 40px 10px 0px;
  /* box-shadow: #C6D9DA 0px 40px 10px 0px; */
  z-index: 100;
  /* animation: sam 10s infinite linear; */
  transition: 1s;
}
@keyframes sam {
  0%{
    box-shadow: #C6D9DA 0px 40px 10px 0px;
  }
  49%{
    box-shadow: #C6D9DA 0px 0px 10px 0px;
  }
  50%{
    box-shadow: #256166 0px 0px 10px 0px inset;
  }
  60%{
    box-shadow: #256166 0px -40px 10px 0px inset;
  }
  70%{
    box-shadow: #256166 0px 0px 10px 0px inset;
  }
  71%{
    box-shadow: #C6D9DA 0px 0px 10px 0px;
  }
  100%{
    box-shadow: #C6D9DA 0px 40px 10px 0px;
  }
}

.exp-line{
  /* background-color: #6FB6BB; */
  /* background-color: #C7D9DB; */
  /* background-color: #000000; */
  backdrop-filter: blur(200px);
  width: 80%;
  min-height: 600px;
  border-radius: 30px;
  display: flex;
  align-items: start;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  /* padding-top: 7vh; */
  /* margin-top: 7vh; */
  /* overflow: hidden; */
}
.exp-line-title{
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding-top: 80px;
  /* background-color: #000000; */
  color: #000000;
}
.exp-line-title h2{
  width: max-content;
  font-size: 40px;
  width: 280px;
  text-align: center;
}
.exp-line-title hr{
  width: 100px;
  border:  #000000 solid 2px;
}
.exp-line-ani{
  width: 600px;
  min-height: 400px;
  /* background-color: #005358c3;
  backdrop-filter: blur(10px); */
  border-radius: 20px;
  /* box-shadow: #00000066 10px 10px 10px 0px; */
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 20px;
}
.exp-line-vid{
  width: 400px;
  height: 306px;
  /* background-color: #D6DFDE; */
  border-radius: 30px;
  box-shadow: #00000066 10px 10px 10px 0px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  /* background-color: #000000; */
  /* margin-top: 7px; */
  border: #246366 solid 6px;
}
.exp-video-l{
  width: 550px;
  /* height: 440px; */
  position: relative;
  /* top: -80px; */
  /* transform: rotate(20deg); */
}
.ela-in{
  min-width: max-content;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: start;
  justify-content: start;
  padding-left: 700px;
  gap: 100px;
  transition: 0.5s;
}
.ela{
  width: 600px;
  height: 100%;
  /* background-color: #000000; */
  /* border-bottom: #D5DFDE solid 20px; */
  color: #ffffff;
}
.ela .topv,.bottomv{
  width: 100%;
}
.ela .topv{
  display: flex;
  align-items: start;
  justify-content: start;
  flex-wrap: wrap;
}
.ela .img-vq{
  /* background-color: #6FB6BB; */
  width: 200px;
  min-height: 100px;
  display: flex;
  align-items: start;
  justify-content: center;
  padding-top: 20px;
  border-radius: 0px 30px 0px 0px;
}
.ela .img-vq .img-com{
  width: 180px;
  height: 180px;
  /* background-color: #dddddd; */
  background-color: #ffffff;
  border-radius: 20px;
  /* background-image: url(https://upload.wikimedia.org/wikipedia/commons/b/b4/FL_LOGO-REDUCTION.png); */
  /* background-image: url(https://cdn.sanity.io/images/kts928pd/production/aabf26db653d548f71cc832c010242db4251adbd-392x379.png); */
  /* background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSgr1ByPYhC777r3aLW-q6qtRPvqPzPtu17cSqxaoWmedE9JCc6LwKUjmEziXs-8V4vhAE&usqp=CAU); */
  /* background-image: url(../Images/SmallSquareLogoJpg.jpg); */
  /* background-image: url(https://images.pexels.com/photos/16687989/pexels-photo-16687989/free-photo-of-washington-monument.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2); */
  background-image: url(https://images.unsplash.com/photo-1742827871480-4962b0653e1d?q=80&w=1484&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: end;
  justify-content: center;
}

.ela .img-vq .img-com2{
  width: 180px;
  height: 180px;
  background-color: #dddddd;
  border-radius: 20px;
  background-position: center;
  background-image: url(https://yt3.googleusercontent.com/2Hr86NTFcknkNTn0h2UlG7r2LdoaxcAbaob6dWvFNUdmvUCwlcFsDSykn5bxyKQwFgHnma1hKtY=s900-c-k-c0x00ffffff-no-rj);
  background-size: 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: end;
  justify-content: center;
}
.ela .img-vq .img-com2 h2{
  /* background-color: #000000ac; */
  /* color: #acedff; */
  color: #ffffff;
  border-bottom: #ffffff solid 10px;
  /* border-radius: 5px; */
  width: 100px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 600;
  animation: cvb 2s infinite linear;
}
.ela .img-vq .img-com h2{
  background-color: #246366;
  border-radius: 5px 5px 0px 0px;
  /* color: #acedff; */
  color: #ffffff;
  /* text-shadow: #000000 0px 0px 6px; */
  /* border-bottom: #246366 solid 10px; */
  /* border-radius: 5px; */
  width: 130px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 600;
  animation: cvb 2s infinite linear;
}
@keyframes cvb {
  0%{
    opacity: 0;
  }
  20%{
    opacity: 1;
  }
  50%{
    opacity: 1;
  }
  90%{
    opacity: 1;
  }
  100%{
    opacity: 0;
  }
}
.info-cardm{
  width: 400px;
}
.num{
  width: 98%;
  height: max-content;
  /* height: 50px; */
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 5px;
  /* padding-left: 30px; */
  /* background-color: #002b30cd;  */
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  padding: 0px 5px 0px 5px;
}
.num span{
  min-width: 30px;
  height: 30px;
  /* background-color: #002d21; */
  color: #83d1ff;
  /* border: #00a2ff00 solid 3px;
  border-top: #00a2ff solid 3px;
  border-bottom: #00a2ff solid 3px; */
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}
.num .span{
  min-width: 30px;
  height: 30px;
  /* background-color: #000000; */
  /* color: #00a2ff; */
  border: #00a2ff00 solid 3px;
  border-top: #ffffff solid 3px;
  border-bottom: #ffffff solid 3px;
  /* font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center; */
  border-radius: 50px;
  animation: bnm 5s infinite linear;
}
@keyframes bnm {
  0%{
    transform: rotate(0deg);
  }
  100%{
    transform: rotate(360deg);
  }
}
.mkov{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 10px;
  position: relative;
  left: -35px;
  /* background-color: #000000; */
}
.num .span2{
  min-width: max-content;
}
.num hr{
  width: 350px;
  border: #00bfff solid 2.3px;
  border-radius: 1px;
}
.date-time-m{
  width: 98%;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: #246366;
  /* margin-top: 20px; */
  padding: 0px 20px 0px 20px;
  border: #ffffff00 solid 8px;
  border-left: #ffffff solid 8px;
  border-right: #ffffff solid 8px;
  /* background-color: #000000a5; */
  /* background: linear-gradient(to bottom , rgba(0, 0, 0, 0.718) , rgba(0, 0, 0, 0)); */

  border-radius: 15px;
  color: #ffffff;
  /* color: #ffffff; */
}
.date-time-m span{
  /* font-weight: 650; */
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.date-time-m img{
  width: 40px;
  margin-right: 5px;
  background-color: #ffffff;
  padding: 1px;
  border-radius: 7px;
}
.date-time{
  width: 98%;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: #002b30cd;
  /* margin-top: 20px; */
  padding: 0px 20px 0px 20px;
  border: #ffffff00 solid 8px;
  border-left: #ffffff solid 8px;
  border-right: #ffffff solid 8px;
  /* background-color: #000000a5; */
  /* background: linear-gradient(to bottom , rgba(0, 0, 0, 0.718) , rgba(0, 0, 0, 0)); */

  border-radius: 15px;
  color: #009dbc;
  /* color: #ffffff; */
}
.date-time span{
  font-weight: 650;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.date-time hr{
  border: rgb(255, 255, 255) solid 2px;
  width: 40px;
}
/* .date-time img{
  width: 40px;
  margin-right: 5px;
  background-color: #ffffff;
  padding: 1px;
  border-radius: 7px;
} */
.work-job{
  width: 98%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: left;
  border-radius: 15px;
  padding-left: 10px;
}
.work-job img{
  width: 40px;
  margin-right: 5px;
  background-color: #000000;
  padding: 3px;
  border-radius: 7px;
}
.info-textd{
  width: 98%;
  min-height: 60px;
  line-height: 1.3;
  display: flex;
  align-items: start;
  justify-content: left;
  padding: 0px 10px 0px 10px;
  color: #ffffff;
  /* border: #ffffff00 solid 8px;
  border-left: #ffffff solid 8px;
  border-right: #ffffff solid 8px; */
  border-radius: 20px;
  /* background-color: #00000083; */
  font-size: 15px;
  /* background: linear-gradient(to bottom , rgba(0, 0, 0, 0.699) , rgba(0, 0, 0, 0)); */
}
.ela .topv{
  /* background-color: #006f4a; */
  /* background-color: #00472f; */
  background-color: #246366;
  min-height: 220px;
  border-radius: 20px;
  padding-bottom: 10px;
}
.ela .bottomv{
  /* background-color: #2e7537; */
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* padding: 0px 40px 0px 40px; */
}
.vbnmjh{
  min-width: max-content;
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 10px;
  /* background-color: #005A3C; */
  padding: 10px;
  border-radius: 10px;
  /* margin-top: 10px;
  position: absolute; */
}
.vbnmjh span{
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  background-color: #ffffffb5;
  /* backdrop-filter: blur(10px); */
  width: 40px;
  height: 40px;
  border-radius: 8px;
  cursor: pointer;
}
.vbnmjh hr{
  width: 30px;
  border: #ffffff solid 2px;
}
.vbnmjh h4{
  font-weight: 700;
}
.vbnmjh .njm{
  border-radius: 80px;
  border: #ffffff00 solid 3px;
  border-left: #ffffff solid 3px;
  border-right: #ffffff solid 3px;
  background-color: #000000b5;
  color: #ffffff;
  /* background-color: #005e56; */
}
.ela .img-vq .img-com-v{
  display: none;
}
@media (max-width:720px){
  .exp-line-ani{
    width: 400px;
    gap: 0px;
  }
  .ela{
    width: 400px;
  }
  .ela-in{
    width: 400px;
    max-width: 400px;
    padding-left: 500px;
    position: relative;
  }
  .ela .img-vq{
    width: 100%;
    height: 180px;
    margin-top: 20px;
    padding-top: 0px;
    gap: 10px;
    /* height: 100%; */
    /* background-color: #000000; */
  }
  .ela .img-vq .img-com{
    width: 50%;
    height: 100%;
    border: #00a2b4 solid 2px;
  }
  #img-h{
    width: 50%;
    height: 100%;
    /* background-size: 90%; */
    display: flex;
    border: #ffffff solid 2px;
    border-radius: 20px;
  }
  .img-com-v{
    /* background-image: url(../Images/image\ \(1\).png); */
    /* background-image: url(https://images.pexels.com/photos/3778216/pexels-photo-3778216.jpeg); */
    /* background-image: url(https://images.pexels.com/photos/3831187/pexels-photo-3831187.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2); */
    /* background-color: #0099aa; */
    background-image: url(https://plus.unsplash.com/premium_photo-1664298280363-51c8881ce9ba?q=80&w=1470&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
    background-color: #E3E7ED;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

  }
  .img-com-v2{
    /* background-image: url(../Images/image\ \(1\).png); */
    background-color: #00a2b4;
    /* background-image: url(https://images.pexels.com/photos/5520284/pexels-photo-5520284.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2); */
    /* background-image: url(https://images.pexels.com/photos/31045891/pexels-photo-31045891/free-photo-of-elegant-portrait-of-a-woman-with-wet-look.jpeg?auto=compress&cs=tinysrgb&w=400&lazy=load); */
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;

  }
  .ela .img-vq .img-com2{
    width: 100%;
    height: 100%;
    background-size: 40%;
  }
  .ela .topv{
    background-color: #00000000;
  }
  .info-cardm{
    /* background-color: #00472f; */
    border-radius: 20px;
    margin-top: 20px;
    padding: 0px 5px 5px 10px;
    background-color: #246366;

  }
}
@media (max-width:1290px) {
  .exp-line{
    background-color: #6FB6BB;
    width: 100%;
    border-radius: 0px;
    flex-wrap: wrap;
    padding: 10vh 0px 50px 0px;
}

.exp-line-title{
  overflow: hidden;
  padding-top: 0px;
  gap: 5px;
  margin-bottom: 30px;
  margin-top: 30px;
}
.exp-line-title h2{
  font-size: 34px;
  width: 230px;
}
.exp-line-title hr{
  width: 80px;
}
}





































/* new exp */
.exp-line-ani{
  /* background-color: #000000; */
  width: 400px;
}
.date-time-m{
  width: 400px;
}
.exp-card{
  background-color: #095a5a;
  width: 400px;
  height: 240px;
  border-radius: 20px;
}