html {
  scroll-behavior: smooth;
}

.wpcf7-list-item.last {
  margin-left: 50px;
}

.wpcf7-response-output {
  text-align: center;
}

.wpcf7 form.sent .wpcf7-response-output {
	border: none !important;
}

.wpcf7-response-output {
	border: none !important;
}

.fullname p {
  display: flex;
  align-items: center;
  gap: 10px;
}

.btn-submit p {
  display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column-reverse;
}

.mt-50px {
	margin-top: 50px;
}

.padding-top-16 {
	padding-top: 64px;
}

.opacity-100 {
	opacity: 1;
}

.slide-top-1 {
	-webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.slide-top-05 {
	-webkit-animation: slide-top .5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-top .5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.slide-top-deep-1 {
	-webkit-animation: slide-top-deep .6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-top-deep .6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.slide-top-deep05 {
	-webkit-animation: slide-top-deep .5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-top-deep .5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.opacity-0 {
	opacity: 0;
}

#problem1, #solution1 {
	opacity: 1;
}
#problem2 #solution2 {
	opacity: 1;
}
#problem3 #solution3 {
	opacity: 1;
}

@media (max-width: 640px) {
  .form-group p {
    width: 100%;
  }

  .form-group.label-fullname {
    margin-bottom: 10px;
  }
	
	.wpcf7-list-item.last {
  		margin-left: 15px;
	}
	
	.radio-custom {
		text-align: left;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.mobile:pb-8 {
		padding-bottom: 36px;
	}
	
	.mt-0 {
		margin-top: 0;
	}
	.pt-20 {
		padding-top: 20px !important;
	}
	
	#problem1, #solution1 {
		opacity: 0;
	}
	#problem2, #solution2 {
		opacity: 0;
	}
	#problem3, #solution3 {
		opacity: 0;
	}
}


/**
 * ----------------------------------------
 * animation slide-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-top {
  0% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
	  opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
	  opacity: 1;
  }
}
@keyframes slide-top {
  0% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
	  opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
	  opacity: 1;
  }
}

@-webkit-keyframes slide-top-deep {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
	  opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
	  opacity: 1;
  }
}
@keyframes slide-top-deep {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
	  opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
	  opacity: 1;
  }
}