/* main banner */
/* text up */
.main-banner.active .semi-title {
    animation: txtUp02 0.8s 0.2s;
    animation-fill-mode: both;
}
.main-banner.active .main-title {
    animation: txtUp 0.8s 0.4s;
    animation-fill-mode: both;
}

@keyframes txtUp02 {
    0% {
        transform: translateY(100px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes txtUp {
    0% {
        transform: translate3d(0, 150px, 0);
        visibility: visible;
        opacity: 0;
    }
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
/* fade in */
.main-banner.active .container > div > div {
	animation: fadeIn 1.2s 0.7s;
}
.main-banner button {
  animation: shadow-blink 1s infinite;
}
@keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@keyframes shadow-blink {
	0% {
		box-shadow: 0 0 20px var(--main-color);
	}
	50% {
		box-shadow: none;
	}
	100% {
		box-shadow: 0 0 20px var(--main-color);
	}
}


/* how section */
.how-section.active .title-wrap p {
  transform: scale(0.94);
  animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1);
}
@keyframes scale {
  100% {
    transform: scale(1);
  }
}
.how-section.active .title-wrap p span {
  display: inline-block;
  opacity: 0;
  filter: blur(4px);
}
.how-section.active .title-wrap p span:nth-child(1) {
  animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.how-section.active .title-wrap p span:nth-child(2) {
  animation: fade-in 0.8s 0.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.how-section.active .title-wrap p span:nth-child(3) {
  animation: fade-in 0.8s 0.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.how-section.active .title-wrap p span:nth-child(4) {
  animation: fade-in 0.8s 0.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.how-section.active .title-wrap p span:nth-child(5) {
  animation: fade-in 0.8s 0.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.how-section.active .title-wrap p span:nth-child(6) {
  animation: fade-in 0.8s 0.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.how-section.active .title-wrap p span:nth-child(7) {
  animation: fade-in 0.8s 0.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
@keyframes fade-in {
  100% {
    opacity: 1;
    filter: blur(0);
  }
}
/* .how-section.active .inquiry-wrap > p {
	animation: zoomIn 0.6s 1.2s;
}
.how-section.active .inquiry-box:nth-of-type(1) {
	animation: zoomIn 0.6s 1.4s;
}
.how-section.active .inquiry-box:nth-of-type(2) {
	animation: zoomIn 0.6s 1.6s;
} */
.how-section.active .how-wrap.wrong-wrap {
	animation: fadeInUp 0.8s 1.4s;
}
.how-section.active .how-wrap.oh-first {
	animation: fadeInUp 0.8s 1.6s;
}
.how-section.active .how-wrap.oh-sec {
	animation: fadeInUp 0.8s 1.8s;
}


/* benefit section */
.benefit-wrap.active .title-wrap p:first-child {
    animation: assemble 1s 0.2s;
}
.benefit-wrap.active .title-wrap p:last-child {
	animation: assemble 1s 0.65s;
}
.benefit-wrap.active .process {
	animation: fadeIn 1.4s both 1.2s;
}
@keyframes assemble {
    from {
        letter-spacing: 25px;
        filter: blur(5px);
        opacity: 0;
    }
    to {
        letter-spacing: 0;
        filter: blur(0);
        opacity: 1px;
    }
}
.benefit-wrap.active .benefit-box-wrap > div:nth-child(1) {
	animation: fadeInLeft 0.8s both 1.2s;
}
.benefit-wrap.active .benefit-box-wrap > div:nth-child(2) {
	animation: fadeInLeft 0.8s both 1.4s;
}
.benefit-wrap.active .benefit-box-wrap > div:nth-child(3) {
	animation: fadeInLeft 0.8s both 1.6s;
}
.benefit-wrap.active .benefit-box-wrap > div:nth-child(4) {
	animation: fadeInLeft 0.8s both 1.8s;
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}


/* career section */
.career-wrap.active .title-wrap {
    animation: fadeInDown 0.8s 0.2s;
    animation-fill-mode: both;
}
/* .career-wrap.active ul li:nth-child(1) {
	animation: fadeInUp 0.8s 0.6s;
}
.career-wrap.active ul li:nth-child(2) {
	animation: fadeInUp 0.8s 0.7s;
}
.career-wrap.active ul li:nth-child(3) {
	animation: fadeInUp 0.8s 0.8s;
}
.career-wrap.active ul li:nth-child(4) {
	animation: fadeInUp 0.8s 0.9s;
}
.career-wrap.active ul li:nth-child(5) {
	animation: fadeInUp 0.8s 1s;
}
.career-wrap.active ul li:nth-child(6) {
	animation: fadeInUp 0.8s 1.1s;
}
.career-wrap.active ul li:nth-child(7) {
	animation: fadeInUp 0.8s 1.2s;
}
.career-wrap.active ul li:nth-child(8) {
	animation: fadeInUp 0.8s 1.3s;
}
.career-wrap.active ul li:nth-child(9) {
	animation: fadeInUp 0.8s 1.4s;
}
.career-wrap.active ul li:nth-child(10) {
	animation: fadeInUp 0.8s 1.5s;
}
.career-wrap.active ul li:nth-child(11) {
	animation: fadeInUp 0.8s 1.6s;
} */
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}
.career-wrap.active ul li:nth-of-type(1) {
	animation: zoomIn 0.8s 0.6s;
}
.career-wrap.active ul li:nth-of-type(3) {
	animation: zoomIn 0.8s 0.8s;
}
.career-wrap.active ul li:nth-of-type(5) {
	animation: zoomIn 0.8s 1.0s;
}
.career-wrap.active ul li:nth-of-type(7) {
	animation: zoomIn 0.8s 1.2s;
}
.career-wrap.active ul li:nth-of-type(9) {
	animation: zoomIn 0.8s 1.4s;
}
.career-wrap.active ul > .line {
	animation: fadeIn 1.4s 0.7s;
}
.career-wrap.active .career-cont {
	animation: fadeIn 0.6s 0.7s;
}
.career-wrap.active .career-search > div {
	animation: tada 0.9s 1.8s;
}
.career-wrap.active .career-search > p {
	animation: fadeIn 0.6s 1.8s;
}
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05)
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
  10%,
  20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}



/* interview section */
/* .interview-wrap.active .title-wrap p:first-child {
	animation: fadeInUp 0.8s 0.2s;
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
} */
.interview-wrap.active .title-wrap p:first-child {
	animation: bounceIn 0.8s 0.2s;
}
@keyframes bounceIn {
  0%, 100%, 20%, 40%, 60%, 80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    -ms-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -ms-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    -ms-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97)
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}
.interview-wrap .headline-wrapper svg {
	display: none;
}
.interview-wrap.active .headline-wrapper svg {
	display: block;
}
.interview-wrap.active .headline-wrapper {
  overflow: visible;
  text-align: inherit;
  display: inline-block;
  position: relative;
  vertical-align: bottom;
  box-sizing: border-box;
}
.interview-wrap.active .headline-wrapper span {
  position: relative;
  display: inline-block;
  top: 0;
  left: 0;
  z-index: 1;
}
.interview-wrap.active .headline-wrapper svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  transform: translate(-50%,-50%);
  overflow: visible; 
}
.interview-wrap.active .headline-wrapper svg path {
  stroke: #B5B5B5;
  stroke-width: 8;
  fill: none;
  opacity: 0;
  stroke-dasharray: 0 1500;
  transition: .3s;
}
.interview-wrap.active .headline-wrapper.e-animated svg path {
  animation: elementor-headline-dash forwards;
  animation-duration: 1200ms,1.2s;
  animation-iteration-count: 1;
  animation-delay: 0.8s;
}
@keyframes elementor-headline-dash {
  0% {
    stroke-dasharray: 0 1500;
    opacity: 1;
  }
  100% {
    stroke-dasharray: 1500 1500;
    opacity: 1;
  }
}
.blink-box {
	position: absolute;
	width: 86%;
  	height: 55px;
  	top: 204px;
  	left: 7%;
  	border: 6px solid #FF0000;
    animation: blink 1s linear infinite;
  	z-index: 10;
}
@keyframes blink {
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}


/* curriculum section */
.curriculum-wrap.active .title-wrap p {
	animation: zoomIn 0.6s 0.2s;
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  50% {
    opacity: 1
  }
}
.curriculum-wrap.active .curriculum-box:nth-of-type(1) {
	animation: fadeInUp 0.8s 0.7s;
}
.curriculum-wrap.active .curriculum-box:nth-of-type(2) {
	animation: fadeInUp 0.8s 0.9s;
}
.curriculum-wrap.active .curriculum-box:nth-of-type(3) {
	animation: fadeInUp 0.8s 1.1s;
}
.curriculum-wrap.active .curriculum-box:nth-of-type(4) {
	animation: fadeInUp 0.8s 1.3s;
}
.curriculum-wrap.active button {
	animation: fadeIn 1.4s 1.7s;
}


/* patent section */
.patent-wrap.active .patent-box:nth-child(1) > p span {
	animation: fadeInUp 0.8s 0.2s;
}
.patent-wrap.active .patent-box:nth-child(2) > p span {
	animation: fadeInUp 0.8s 0.5s;
}
.patent-wrap.active .patent-box:nth-child(3) > p span {
	animation: fadeInUp 0.8s 0.8s;
}

/* compare section */
.compare-wrap.active .title-wrap p:first-child span {
  position: relative;
  display: inline-block;
  color: #EA750B;
  text-transform: uppercase;
  animation: waviy 1s;
  animation-delay: calc(.1s * var(--i));
  text-emphasis: filled dot;
}
@keyframes waviy {
  0%,40%,100% {
    transform: translateY(0)
  }
  20% {
    transform: translateY(-20px)
  }
}
.compare-wrap.active .title-wrap p:nth-child(2) span {
	animation: bounceIn 1s 1s;
}
@keyframes bounceIn {
  0%, 100%, 20%, 40%, 60%, 80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    -ms-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -ms-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    -ms-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97)
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}
.compare-wrap.active article {
	animation: fadeIn 1s 1.4s ease;
}
.compare-wrap.active .compare-box-wrap > div:nth-of-type(1) {
	animation: fadeInUp 1s 1.4s ease;
}
.compare-wrap.active .compare-box-wrap > div:nth-of-type(2) {
	animation: fadeInUp 1s 1.6s ease;
}
.compare-wrap.active .compare-box-wrap > div:nth-of-type(3) {
	animation: fadeInUp 1s 1.8s ease;
}


/* profit section */
.profit-wrap.active .title-wrap > p {
	animation: fadeInUp 0.8s 0.2s ease;
}
.profit-table > p:first-of-type {
	animation: fadeInUp 0.8s 0.5s ease;
}
.table-wrap {
	animation: fadeInUp 0.8s 0.8s ease;
}


/* review section */
.review-wrap.active .review-title-1 {
	animation: fadeInLeft 0.8s 0.2s ease;
}
.review-wrap.active .review-title-2 {
	animation: fadeInLeft 0.8s 0.6s ease;
}


/* video section */
.video-section.active .title-wrap p:nth-of-type(1) span {
  position: relative;
  display: inline-block;
  color: var(--main-color);
  text-transform: uppercase;
  animation: waviy 1s;
  animation-delay: calc(.1s * var(--i));
  text-emphasis: filled dot;
}
.video-section .title-wrap p:nth-of-type(2) {
	animation: zoomIn 0.6s 0.2s;
}
/* .video-section.active .title-wrap p:nth-of-type(2) span {
	animation: zoomIn 0.6s 0.6s;
} */
/* .video-section.active .review-video > div:nth-of-type(1) {
	animation: fadeInUp 0.8s 1.0s;
}
.video-section.active .review-video > div:nth-of-type(2) {
	animation: fadeInUp 0.8s 1.2s;
}
.video-section.active .review-video > div:nth-of-type(3) {
	animation: fadeInUp 0.8s 1.4s;
}
.video-section.active .review-video > div:nth-of-type(4) {
	animation: fadeInUp 0.8s 1.6s;
}
.video-section.active .review-video > div:nth-of-type(5) {
	animation: fadeInUp 0.8s 1.8s;
} */


/* inquire section */
.inquire-wrap.active .title-wrap {
	margin: 0 auto;
	position: relative;
	width: fit-content;
}
.inquire-wrap.active .title-wrap::before {
    content: "";
    position: absolute;
    top: calc( 100% - 2px );
    width: 100%;
    height: 4px;
    background-color: orange;
    transform-origin: center center;
    transform: scaleX( 0 );
    animation: line-animation 3s ease;
}
.inquire-wrap.active .title-wrap p {
	animation: clip-path-reveal-1 3s ease;
}
@keyframes line-animation {
  0% { transform: scaleX( 0 ); }
  15% { transform: scaleX( 0 ); }
  20%, 25% { transform: scaleX( 1 ); top: calc( 100% - 2px ); }
  50% { transform: scaleX( 1 ); top: -20px; }
  70% { transform: scaleX( 0.2 ); top: -20px; opacity: 1; }
  80% { transform: scaleX( 0.2 ); top: -20px; opacity: 0;}
  100% {opacity: 0;}
}
@keyframes clip-path-reveal-1 {
  0%, 25% { clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); }
  50% { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
}