.draw {
  fill: none;
  stroke-dasharray: 3000;
  stroke-dashoffset: 3000;
  animation: draw 2s linear forwards;
}
.path1 {
  animation-delay: 0s;
}
.path2 {
  animation-delay: 1s;
}
.path3 {
  animation-delay: 1.5s;
}
@keyframes draw {
  0% {
    stroke-dashoffset: 3000;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.scroll {
  animation: scroll 2s infinite alternate;
}
@keyframes scroll {
  0% {
    transform: translateY(0);
  }
  to {
    transform: translateY(50%);
  }
}
.waves {
  width: 100%;
  margin-bottom: -7px;
  border-radius: 0;
}
.content,
.waves {
  position: relative;
}
.content {
  height: 20vh;
  text-align: center;
  background-color: white;
}
.parallax > use {
  animation: move-forever 18s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}
@keyframes move-forever {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(180px, 0, 0);
  }
}
@media (max-width: 768px) {
  .waves {
    height: 40px;
    min-height: 40px;
  }
  .content {
    height: 30vh;
  }
}

@media screen and (max-width: 1440px) {

  .personimg{
    max-width: 95%;
  }


}


@media screen and (max-width: 1024px) {

  .personimg{
    width: 95%;
  }


}
@media screen and (max-width: 768px) {
  .topbg {
    height: 100vh;
    overflow: hidden;
  }
  .topbg g {
    transform: translate(-2900px, -760px) scale(3.2);
  }
  .topbg {
    position: relative;
    top: 0;
  }
  .toptitle {
    transform: translate(425px, -800px);
  }
  .toptitle,
  .toptitle2 {
    width: 10%;
    height: 50%;
    font-size: 1200%;
    -webkit-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
  }
  .toptitle2 {
    transform: translate(270px, -780px);
  }
  .imgslider {
    transform: scale(3.5) translateX(23%) translateY(9%);
    transform-origin: right center;
  }

  .person-text{
    transform: translate(0, 20px); 
  }

  /* .sp-bg{
    transform: translateX(23%); 
  } */

  .personimg{
    width: 95%;
  }
  
}

@media screen and (max-width: 375px) {

  .sp-ss{
    width: 100%;
  }

  .personimg {
    width: 100%;
    margin-top: 18%;
}

.mt-2\.5{
  margin-top: 0rem;
}

}
