@charset "UTF-8";


.style1{text-align: left;padding: 180px 0 100px;margin: 0;outline: none;background: #fff;background-image: url(../img/bg.png);background-position: 40% 0%;background-size: cover;background-repeat: no-repeat;}
.style1 .block{margin: 0;}
.style1 .block img{margin: 0;max-width: 250px;}
.style1 .block h1{margin: 10px 0 30px 0;padding: 0;font-size: 42px;line-height: 48px;max-width: 760px;filter: drop-shadow(2px 4px 6px black);color: #fff;}
.style1 .block h1 span{font-size: 20px;display: block;margin: 0;line-height: 30px;letter-spacing: 1px;color: #ffc901;}
.style1 .block p{font-size: 22px;color: #fff;margin: 0 0 20px 0;font-weight: 400;max-width: 680px;filter: drop-shadow(2px 4px 6px black);}
.style1 .block p b{font-weight: 700;color: #ffc901;}
.style1 .block ul{margin: 0;list-style: none;}
.style1 .block ul li{color: #fff;font-size: 16px;margin: 0 0 2px 0;}

@media screen and (max-width: 1024px){
	.style1{background-position: 60% 0%;}
	.style1 .block .selo{margin: 30px auto;}
	.style1 .block h1{font-size: 24px;line-height: 36px;margin: 0 0 20px 0;}
	.style1 .block p{font-size: 16px;}
	.style1 .block ul li{font-size: 13px;}
}





.style2 {position: relative;outline: none;width: 100%;margin: 0px auto;padding: 80px 0;text-align: center;background: #f0f5f9;}
.style2 p{font-size: 18px;margin: 0 auto 20px;color: #0f1116;max-width: 800px;}
.style2 h2{font-size: 24px;margin: 0 auto;color: #0666eb;}
.style2 h2 b{color: #0f1116;display: block;font-size: 32px;}
.style2 .box{padding: 0 30px 30px 30px;border-radius: 20px;margin: 50px 0 0;text-align: center;max-width: 360px;background: #fff;box-shadow: 0 20px 50px 10px rgb(0 0 0 / 0.08);}
.style2 .box img{width: 40px;margin-top: -20px;margin-bottom: 30px;}
.style2 .box p{font-size: 15px;margin: 0;color: #0f1116;}

.style2 span{display: block;margin: 60px auto 20px;font-size: 18px;font-weight: 700;}
.style2 a{background: #0666eb;color: #fff;padding: 11px;border-radius: 30px;margin: 0 auto;display: block;text-decoration: none;font-size: 16px;font-weight: 700;max-width: 270px;transition: all 200ms ease-in-out;}
.style2 a:hover{color: #000;background: #ffc901;transform: scale(1.03);}

@media screen and (max-width: 1024px){
  .style2 h2{font-size: 20px;}
	.style2 h2 b{font-size: 28px;}
	.style2 .box{margin: 50px auto 0;}
}






.style3 {position: relative;outline: none;width: 100%;margin: 0px auto;padding: 50px 0;text-align: left;background: #f0f5f9;}
.style3 .block {margin: 0;text-align: left;}
.style3 .block p{font-size: 24px;line-height: 40px;margin: 30px 0;color: #999;font-weight: 700;}
.style3 .block p b{color: #ffc901;display: block;font-size: 32px;}

.style3 .block ul{max-width: 400px;/* list-style: none; *//* margin: 0; */}
.style3 .block ul li{margin-bottom: 20px;font-size: 16px;}

.style3 .box {background: #ffffff;margin: 0 auto;padding: 30px;border-radius: 20px;text-align: left;box-shadow: 0 10px 30px 10px rgb(0 0 0 / 0.08);width: 100%;max-width: 860px;position: relative;}
.style3 .box p{color: #0f1116;font-size: 16px;margin: 0 auto 40px;text-align: center;max-width: none;}
.style3 .box p b{display: block;color: #0666eb;font-size: 26px;}
.style3 .box .label-float{position: relative;margin-bottom: 25px;}
.style3 .box .label-float label{pointer-events: none;position: absolute;left: 10px;transition: all .3s ease-out;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;color: #000;font-size: 14px;top: -10px;background: #fff;border-radius: 5px;padding: 0 6px;}

.style3 .box .label-float input{box-shadow: none;outline: none;height: 50px;font: 100% 'Poppins', sans-serif;background-color: #ffffff;border: 2px solid #c3c3c3;color: #000;font-size: 14px;padding: 13px 15px 12px 15px;display: block;width: 100%;border-radius: 10px;font-weight: 400;margin: 0 auto;}
.style3 .box .label-float input:focus{border: 2px solid #ffc901 !important;}
.style3 .box .label-float select{cursor: pointer;box-shadow: none;outline: none;height: 50px;font: 100% 'Poppins', sans-serif;background-color: #fff;border: 2px solid #c3c3c3;color: #000;font-size: 14px;padding: 13px 15px 12px 15px;display: block;width: 100%;border-radius: 10px;font-weight: 400;margin: 0 auto;background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDE4IDEwIj4NCiAgPGcgaWQ9Ikdyb3VwXzk4NjYiIGRhdGEtbmFtZT0iR3JvdXAgOTg2NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTggLTEwMS40NzgpIHJvdGF0ZSg5MCkiPg0KICAgIDxnIGlkPSJHcm91cF85ODY1IiBkYXRhLW5hbWU9Ikdyb3VwIDk4NjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwMS40NzgpIj4NCiAgICAgIDxwYXRoIGlkPSJQYXRoXzE5NDEiIGRhdGEtbmFtZT0iUGF0aCAxOTQxIiBkPSJNMTExLjIwNiw4LjMsMTAzLjYzMi4yODhhLjkuOSwwLDAsMC0xLjMxNywwbC0uNTU4LjU5YTEuMDI3LDEuMDI3LDAsMCwwLDAsMS4zOTNMMTA4LjExOCw5LDEwMS43NSwxNS43M2ExLjAyOCwxLjAyOCwwLDAsMCwwLDEuMzkzbC41NTguNTlhLjkuOSwwLDAsMCwxLjMxNywwTDExMS4yMDYsOS43YTEuMDM1LDEuMDM1LDAsMCwwLDAtMS40WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwMS40NzggMCkiIGZpbGw9IiM3NDhhYTEiLz4NCiAgICA8L2c+DQogIDwvZz4NCjwvc3ZnPg0K");background-repeat: no-repeat;background-position: right 15px center;background-size: 14px 8px;}
.style3 .box .label-float select:focus{border: 2px solid #ffc901 !important;}
.style3 .box .label-float.error input{border: 2px solid rgb(255 0 0);}
.style3 .box .label-float.error select{border: 2px solid rgb(255 0 0);}
.style3 .box .label-float.error label{color: red;}

.style3 .box .cta{margin: 0 auto;text-align: center;}
.style3 .box .cta button{background: #0666eb;color: #fff;padding: 14px;border-radius: 30px;margin: 0 auto;display: block;text-decoration: none;width: 100%;font-size: 14px;font-weight: 700;max-width: 370px;text-transform: uppercase;}
.style3 .box .cta button:hover{background: #ffc901;color: #000;}

.style3 .by{text-align: center;margin: 50px 0 0 0;}
.style3 .by p{margin: 0 0 0 0;color: #000;}
.style3 .by img{max-width: 300px;}



@media screen and (max-width: 1024px){
  .style3{padding: 40px 0;}
  .style3 h2{font-size: 20px;}
  .style3 h2 b{font-size: 28px;}
  .style3 p{margin: 0;/* text-align: center; */}
  .style3 ul{/* margin: 20px auto 60px; *//* text-align: center; *//* list-style: none; */}
  .style3 .box{padding: 30px 20px;}
  .style3 .block{padding: 0 40px;margin: 0 auto;}
  .style3 .box .cta button{max-width: 100%;}
}






/* END */