#home{
  width: 100vw;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  /* background-color: #4ea8af35; */
  /* background-color: #051f21d9; */
  /* background-image: url();
  background-position: center;
  background-size: cover; */
  transition: 0.5s;
}
a{
  text-decoration: none;
}
.arrow-mp{
  /* background-color: #000000; */
  font-size: 25px;
  padding: 10px;
  position: absolute;
  /* top: 90vh; */
  bottom: 0px;
  animation: arrow-mp 4s linear infinite;
}
.arrow-mp span{
  display: flex;
  align-items: center;
  justify-content: center;
  /* background-color: #000000; */
  transform: rotate(90deg);
}
.arrow-mp i{
  /* opacity: 50%; */
  color:  #008993;
  font-family: "Playwrite IN", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
@keyframes arrow-mp {
  0% {
    opacity: 0;
      /* transform: translateY(40%); */
      /* transform: rotate(0deg); */
      transform: translateY(-50px);
  }
  50% {
    opacity: 1;
      /* transform: translateY(40%); */
      /* transform: rotate(360deg); */
      transform: translateY(0px);
  }
  90% {
    opacity: 1;
      /* transform: translateY(40%); */
      /* transform: rotate(360deg); */
      transform: translateY(50px);
  }
  100% {
    opacity: 0;
      /* transform: translateY(40%); */
      /* transform: rotate(0deg); */
      transform: translateY(50px);
  }
}
#home .info{
  width: 50%;
  /* max-width: 700px; */
  height: 100%;
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
  padding-left: 10vw;
  padding-bottom: 20px;
  gap: 20px;
  overflow: hidden;
}
#home .info p{
  max-width: 500px;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
#home .photo{
  width: 50%;
  /* height: max-content; */
  padding: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  /* background-color: #000000; */
  animation: wert 5s infinite linear;
}
@keyframes wert {
  0%{
    transform: translateY(20px);
  }
  50%{
    transform: translateY(-30px);
  }
  100%{
    transform: translateY(20px);
  }
}
.img-i0{
  display: none;
  background-image: url(https://cdn-icons-gif.flaticon.com/10971/10971749.gif);
  background-position: 0% 35%;
  background-size: 50%;
  background-repeat: no-repeat;
  width: 390px;
  min-width: 390px;
  height: 390px;
  position: absolute;
  z-index: -2;
  left: 145px;
  opacity: 100%;
  border-radius: 100%;
  background-color: #ffffff;
}
.img-i02{
  display: none;
  /* background-image: url(https://cdn-icons-gif.flaticon.com/10971/10971749.gif);
  background-position: center;
  background-size: cover; */
  width: 390px;
  min-width: 390px;
  height: 390px;
  position: absolute;
  z-index: -1;
  left: 145px;
  opacity: 100%;
  border-radius: 100%;
    background-color: #c7d9dba7;

}
#home .photo .img-i1{
  border-radius: 450px;
  width: 390px;
  min-width: 390px;
  height: 390px;
  margin-right: 90px;
  background-color: #C7D9DB;
  /* background-image: url(https://avatars.githubusercontent.com/u/116284182?v=4); */
  background-image: url(https://mail.google.com/mail/u/0/?ui=2&ik=708afa47f2&attid=0.2&permmsgid=msg-a:r8482069493344679307&th=1971f151f1cf475b&view=fimg&disp=thd&attbid=ANGjdJ8OIVU7FiqWUP32HZNQ4CHGfaFTZ7HzRPFZrIZkPKyA8GscrmNXDCWv0xNb59bmELmCRSiqRT7YL3ySU5c836kQ_7V75XjLRZxSNgxJffz8wKGvlR8J1V1u9X8&ats=2524608000000&sz=w1920-h970);
  background-position: 42% 40%;
  background-size: 165%;
  /* background-image: url(https://res-console.cloudinary.com/dz9gelxip/thumbnails/v1/image/upload/v1748597181/TXktZmV2LWltZy0zX3J5bmQ1cQ==/drilldown);
    background-size: 165%;
  background-position: 43% 50%;
  opacity: 95%; */
  /* background-image: url(https://mail.google.com/mail/u/0/?ui=2&ik=708afa47f2&attid=0.2&permmsgid=msg-a:r8482069493344679307&th=1971f151f1cf475b&view=fimg&realattid=1971f12ec4ae802a8b11&disp=thd&attbid=ANGjdJ8AfiDjPgxPxSvN5KGrOpEzUtI0wey_ppqW_B7T3AjvstIyshf2WWGu9zLiHnRZ2NDBcxB0mZCYKsmE4zJbZh5dKH6c7ksNqJPyMZkdNUUUKOjb-Abhh379Obc&ats=2524608000000&sz=w1920-h970);
  background-size: 160%;
  background-position: 42% 50%; */

  /* cloudinary.com for online img service */
  /* background-image: url(../Images/my-anime-Photoroom\ \(1\).png); */
  /* background-image: url(../Images/my-anime-Photoroom.png); */
  /* background-image: url(https://res.cloudinary.com/dz9gelxip/image/upload/v1739992541/image_1_iwgzu8.png); */
  /* background-image: url(https://i.ytimg.com/vi/6aa1r2azjHM/hq720.jpg?sqp=-oaymwE7CK4FEIIDSFryq4qpAy0IARUAAAAAGAElAADIQj0AgKJD8AEB-AHOBYACkgeKAgwIABABGGUgWShAMA8=&rs=AOn4CLCiwBpruuNvMIfuT3IWE9U6thjnhA); */
  /* background-image: url(https://i.pinimg.com/736x/bb/1a/07/bb1a07a11b0303adf23813c9170e27c7.jpg); */
  /* background-position: 135% 5%;
  background-size: 110%; */
  background-repeat: no-repeat;
  border: #21575b solid 6px;
  box-shadow: #40A3AA 0px 0px 20px 5px;
  overflow: hidden;
  transform: rotate(2deg);
}
.img-i1-cover{
  border:  #008993  double 10px;
  width: 370px;
  height: 370px;
  border-radius: 100px;
  position: absolute;
  z-index: -3;
  margin-right: 90px;

  animation: circle-vbn 10s linear infinite;
  /* transform: rotate(180deg); */
}
@keyframes circle-vbn {
  0% {
      opacity: 0;
      /* transform: translateX(-400%); */
      transform: rotate(0deg);
  }
  20% {
      opacity: 1;
      /* transform: translateX(-200%); */
      transform: rotate(200deg);

  }
  60% {
      opacity: 1;
      /* transform: translateX(-200%); */
      transform: rotate(400deg);

  }
  90% {
      opacity: 1;
      /* transform: translateX(100%); */
      transform: rotate(600deg);
  }
  100% {
      opacity: 0;
      /* transform: translateX(200%); */
      transform: rotate(0deg);
  }
}
.media{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.media .icons {
  width: 35px;
  height: 35px;
  border-radius: 80px;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color:  #ffffff;
  background-color: #0a828d78;
  transition: 0.4s;
  border: #0a828d solid 2px;
}
.media .icons:hover{
  background-color: #00737b7c;
  color: #ffffff;
  border: #ffffff solid 2px;
}
.btns{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.hire{
  padding-left: 35px; 
  padding-right: 35px; 
  box-shadow: #00757e 0px 0px 20px 1px; 
  font-weight: 700; 
  font-size: 20px;
  transition: 0.4s;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  width: 130px;
  background-color: #008993ad;
  border: #008993a9 solid 2px;
  color: #ffffff;
  z-index: 6;
}
.hire:hover{
  background-color: #008993a9;
  color: #000000;
  border: #b0b0b0 solid 2px;
}
.cv{
  padding-left: 35px; 
  padding-right: 35px; 
  font-weight: 700; 
  font-size: 15px;
  transition: 0.4s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 10px;
  width: 150px;
  border-bottom: #000000a9 solid 3px;
  color: #08292e;
}
.cv:hover{
  color: #008993a9;
  border-bottom: #008993a9 solid 3px;
}
.arrow{
  width: 10px;
  position: relative;
  /* top: 95vh;
  left: 48.9vw; */
  animation: move-arrow-in 5s linear infinite;
  background-color: #00909d00;
}
@keyframes move-arrow-in {
  0% {
      opacity: 0;
      transform: translateX(-400%);
  }
  20% {
      opacity: 1;
      transform: translateX(-200%);
  }
  90% {
      opacity: 1;
      transform: translateX(100%);
  }
  100% {
      opacity: 0;
      transform: translateX(200%);
  }
}
.arrow5{
  display: none;
}
.arrow9{
width: 7px;
position: relative;
/* top: 95vh;
left: 48.9vw; */
animation: kamala 5s linear infinite;
background-color: #00909d00;
}
@keyframes kamala {
0% {
    opacity: 0;
    transform: translateX(500%);
}
20% {
    opacity: 1;
    transform: translateX(300%);
}
90% {
    opacity: 1;
    transform: translateX(100%);
}
100% {
    opacity: 0;
    transform: translateX(0%);
}
}
.rtv{
/* background-color: #00737b; */
animation: havala 5s linear infinite;
}
@keyframes havala {
0% {
    opacity: 1;
    transform: translateX(0%);
}
50% {
    opacity: 0;
    transform: translateX(0%);
}
100% {
    opacity: 1;
    transform: translateX(0%);
}
}
.a-arrow{
  /* background-color: #cfcfcf2e; */
  width: 1vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Text typing effect */
@keyframes typing {
  from { width: 0; }
  to { width: 100%; }
}

#dynamic-text {
  white-space: nowrap;
  overflow: hidden;
  color: #10777e;
}

/* Blinking cursor effect */
#cursor {
  font-weight: bold;
  font-size: 24px;
  color: #4DA8AE;
  animation: blink 1s step-start infinite;
  padding: 10px;
}

@keyframes blink {
  50% {
    opacity: 0;
  }
}
/* 
#dynamic-text::after, #dynamic-text::before {
  content: none;
}



#dynamic-text {
  caret-color: transparent; 
} */



.image {
  position: absolute;
  width: 376px;
  height: 29.8vh;
  background-size: cover;
  background-position: center;
  border-radius: 20px;
}
  
.image-left {
  clip-path: polygon(1 0, 100% 0, 0% 100%);
  background-image: url(https://plus.unsplash.com/premium_photo-1661964074409-dfa736a88357?fm=jpg&q=60&w=3000&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MXx8amV0JTIwZmlnaHRlcnxlbnwwfHwwfHx8MA%3D%3D);
}

.image-right {
  clip-path: polygon(100% 0, 100% 100%, 0 130%);
  background-image: url(https://en.defence-ua.com/media/illustration/articles/64c6491b67d8b1ff.jpg);
}
.star1{
  width: 50px;
  position: absolute;
  top: 31vh;
  left: 6.5vw;
  animation: arrow1 6s linear infinite;
  border-radius: 1000px;
  z-index: 4;
}
@keyframes arrow1 {
  0% {
      opacity: 0;
      transform: translateY(0%);
  }
  50% {
      opacity: 20%;
      transform: translateY(200%);
  }
  100% {
      opacity: 0;
      transform: translateY(500%);
  }
}
.star2{
  width: 50px;
  position: absolute;
  top: 40vh;
  left: 6.5vw;
  animation: arrow2 5s linear infinite;
  border-radius: 1000px;
  z-index: 4;
}
@keyframes arrow2 {
  0% {
      opacity: 0;
      transform: translateY(0%);
  }
  20% {
      opacity: 0;
      transform: translateY(150%);
  }
  50% {
      opacity: 20%;
      transform: translateY(250%);
  }
  100% {
      opacity: 0;
      transform: translateY(350%);
}
}
.title-sec{
  width: 100vw;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: left;
  /* color: #4fd3ff;
  background-color: rgba(35, 186, 251, 0.093);  */
  /* backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px);  */
  padding-left: 5vw;
  margin-bottom: 50px;
  /* position: sticky; */
  /* top: 8vh; */
  /* z-index: 10; */
  transition: background-color 0.3s ease; 
}
.title-sec h2{
width: max-content;
height: max-content;
display: flex;
align-items: center;
justify-content: center;
color: #4fd3ff;
background-color: rgba(35, 186, 251, 0.093); 
backdrop-filter: blur(10px); 
-webkit-backdrop-filter: blur(10px); 
border-left: 4px solid rgba(255, 255, 255, 0.3); 
border-right: 4px solid rgba(0, 0, 0, 0.3); 
border-radius: 0px 100px 100px 0px;
padding: 10px 150px 10px 30px;
/* padding-left: 5vw;
margin-bottom: 50px; */
/* position: sticky; */
/* top: 8vh;
z-index: 10; */
/* transition: background-color 0.3s ease;  */
}
.v2-proj{
  animation: v2-proj 5s linear infinite;
  display: none;
}
@keyframes v2-proj {
  0% {
      opacity: 0;
      transform: translateY(0%);
  }
  50% {
      opacity: 1;
      transform: translateY(0%);
  }
  100% {
      opacity: 0;
      transform: translateY(0%);
}
}
.v2-cust{
  animation: v2-cust 2s linear infinite;
  display: none;
}
@keyframes v2-cust {
  0% {
      opacity: 0;
      transform: translateY(0%);
  }
  50% {
      opacity: 1;
      transform: translateY(0%);
  }
  100% {
      opacity: 0;
      transform: translateY(0%);
}
}
@media (max-width:1000px) {
  #home{
    padding-top: 20vh;
    padding-bottom: 20vh;
}
#home .info{
    width: 100%;
    height: max-content;
    padding-left: 5vw;
    margin-bottom: 10vh;
}
#home .info p{
    max-width: 400px;
}
#home .photo{
    width: 100%;
    height: 40%;
    padding: 20px;
    padding-top: 60px;
    padding-bottom: 60px;
    overflow: hidden;
    
}
#home .photo img{
    margin-right: 0px;
}
#home .photo .img-i1{
  margin-right: 0px;
  /* background-color: #C7D9DB; */
  /* background-color: #579aa2; */
  /* background-color: #002e34; */
  /* border-radius: 130px; */
  /* background-size: 110%; */
  /* background-position: 100% 5%; */
  /* width: 390px;
  height: 390px; */
  transform: rotate(0deg);
  /* border: #008993 solid 7px; */
  /* background-image: url(../Images/1000023989.jpg); */
  /* background-image: url(https://res-console.cloudinary.com/dz9gelxip/thumbnails/v1/image/upload/v1738769510/MTAwMDAyMzk4OS1yZW1vdmViZy1wcmV2aWV3X29oZGhvaA==/drilldown); */
}
.img-i1-cover{
  margin-right: 0px;
  z-index: -1;
  width: 390px;
  height: 390px;
}
.hire{
  padding: 5px;
}
.arrow-mp{
  /* background-color: #000000; */
  font-size: 25px;
  padding: 10px;
  margin-top: 20vh;
  position: absolute;
  /* top: 90vh; */
  bottom: -38vh;
}
.arrow-mp span h5{
  animation: arrow-mp 2s linear infinite;
  /* opacity: 50%; */
  color:  #008993;
  font-family: "Playwrite IN", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
}