/* here  */

@font-face {
  font-family: "HelveticaNeue";
  src: url("/static/webfonts/HelveticaNeue\ Thin.ttf");
}
@font-face {
  font-family: "HelveticaNeue-bold";
  src: url("/static/webfonts/HelveticaNeue\ Medium.ttf");
}

.para-1 {
  animation: text_trans 2s;
  -moz-animation: text_trans 2s; /* Firefox */
  -webkit-animation: text_trans 2s; /* Safari and Chrome */
  -o-animation: text_trans 2s; /* Opera */
}
.para-2 {
  animation: text_trans2 2s;
  -moz-animation: text_trans2 2s; /* Firefox */
  -webkit-animation: text_trans2 2s; /* Safari and Chrome */
  -o-animation: text_trans2 2s; /* Opera */
}
.para-3 {
  padding: 0px 60px;
  animation: text_trans3 3s;
  -moz-animation: text_trans3 3s; /* Firefox */
  -webkit-animation: text_trans3 3s; /* Safari and Chrome */
  -o-animation: text_trans3 3s; /* Opera */
}
.para-1,
.para-2,
.para-3,
.para-4 {
  /* font-family: "AvenirNext"; */
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  line-height: 1.8;
  /* font-weight: bold; */
}

strong{
 /* border: 3px solid red; */
 font-family: 'HelveticaNeue-bold', sans-serif;

}
@media only screen and (max-width: 600px) {
  .para-3 {
    padding: 0 10px;
    margin-bottom: 20px;
  }
  .box {
    margin-top: 30px;
    width: 100%;
    /* height: 300px; */
    height: 250px;
    display: block;
    background: url("/static/image/pages/about.jpg") no-repeat;
    background-size: cover;
    /* border: 6px solid #333; */
    /* margin: 20px; */
  }
}
@keyframes text_trans {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes text_trans {
  /* Firefox */
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes text_trans {
  /* Safari and Chrome */
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes text_trans {
  /* Opera */
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes text_trans2 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes text_trans2 {
  /* Firefox */
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes text_trans2 {
  /* Safari and Chrome */
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes text_trans2 {
  /* Opera */
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes text_trans3 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes text_trans3 {
  /* Firefox */
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes text_trans3 {
  /* Safari and Chrome */
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes text_trans3 {
  /* Opera */
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


.circle-enter-active {
    animation: 2s circle reverse;
  }

  @keyframes circle {
    0% {
      clip-path: circle(150% at 0% 25%);
    }
    100% {
      clip-path: circle(0%);
    }
  }
  .waviy span {
    position: relative;
    display: inline-block;
    /* font-size: 40px; */
    /* color: #fff; */
    text-transform: uppercase;
    animation: flip 2s infinite;
    animation-delay: calc(0.4s * var(--i));
  }
  .waviy2 span {
    position: relative;
    display: inline-block;
    margin-left: -13px;
    /* font-size: 40px; */
    /* color: #fff; */
    text-transform: uppercase;
    animation: flip 2s infinite;
    animation-delay: calc(0.1s * var(--i));
  }
  @keyframes flip {
    0%,
    80% {
      transform: rotateY(360deg);
    }
  }
  #ex {
    margin: 0 15px;
  }

  #mr{
    margin-right: 15px;
  }