@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;400;500&family=Pacifico&display=swap");

.header {
  padding-top: 60px;
  background-color: #fff;
  box-sizing: border-box;
  overflow: hidden;
  margin-left: 5%;
}

.path {
  fill: none;
  stroke: #1eb2bc;;
  stroke-width: 3px;
}

.path1 {
  stroke-dasharray: 6884;
  animation: drawPath1 1s linear, floating 2.2s linear infinite;
}

/* .content1 {
  background-color: #fff;
} */

.content2 {
  background-color: #fff;
}

.path2 {
  stroke: #1eb2bc;
}

.content2 {
  background-image: repeating-linear-gradient(0deg, rgba(255,255,255, 0.25), rgba(255,255,255, 0.25) 1px, transparent 1px, transparent 7px);
    background-size: 2px;
}

.content3 {
  background-color: #fff;
}

.footer {
  height: 30vh;
  background-color: #000;
}

@keyframes drawPath1 {
  0% {
    stroke-dashoffset: 2984;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes floating {
  50% {
    transform: translate3d(0, 40px, 0);
  }
}

/* css for my tutorial channel link */
#tube {position: fixed; bottom: 1vw; right: 1vw; opacity: 0.4;}
#tube:hover { opacity: 1; } #tube >img { height: 3rem; }






.subtit1 h2{font-size: 24px !important;}



.aos-item li{
  line-height: 30px;
}

@media only screen and (max-width: 600px) {
  .custom-service-block{
    margin-top: 3rem !important;
  }
  .why-section-img{
    max-width: -webkit-fill-available !important;
  }
  .getin {
      width: 85% !important;
  }
  .hide-on-mobile{
    margin-top: -155px !important;
  }
  .site-footer{margin-top: 2% !important;padding-top: 0% !important;}

  .about-our-skill-block{
    padding: 20px 10px !important;
  }

  .footer-bottom-area .aos-item h1{
    margin-top: 20px !important;
    margin-bottom: 0px;
  }

  .header {
    max-height: 220px !important;
  }
}