@charset "UTF-8";



.style-1 {background-image: url(../img/bg-1.webp);background-position: 50% 0;background-size: auto;background-repeat: no-repeat;text-align: left;padding: 80px 0 0;margin: 0;outline: none;}

.style-1 .block-1{padding: 50px 0 50px 50px;text-align: left;}
.style-1{padding: 120px 0 0;text-align: center;}
.style-1 .block-1 .box-1 h1{font-size: 46px;line-height: 56px;font-weight: 700;margin: 20px 0;}
.style-1 .block-1 .box-1 h1 b{color: #ffc901;}
.style-1 .block-1 .box-1 p{font-size: 20px;margin: 0;max-width: 530px;}
.style-1 .block-1 .box-2{margin: 160px auto 0;display: block;}

.style-1 .block-2{background-image: url(../img/block.webp);background-position: 50% 0;background-size: auto;background-repeat: no-repeat;padding: 80px 40px;text-align: left;}
.style-1 .block-2 .box-1 small{font-size: 12px;}
.style-1 .block-2 .box-1 .txt-1{font-size: 30px;line-height: 40px;font-weight: 700;margin: 0;}
.style-1 .block-2 .box-1 .txt-2{font-size: 26px;line-height: 30px;margin: 20px auto;}
.style-1 .block-2 .box-1 .txt-3{font-size: 26px;line-height: 30px;font-weight: 700;}
.style-1 .block-2 .box-2 .txt-1{font-size: 30px;line-height: 40px;margin: 60px auto 0;}

@media screen and (max-width: 1024px){
	.style-1 .block-1{padding: 0 0 50px 0;text-align: center;}
	.style-1 .block-1 .box-1 h1{font-size: 36px;line-height: 44px;}
	.style-1 .block-1 .box-2{margin: 50px auto;}
	.style-1 .block-2{background: linear-gradient(180deg, #4692fb 0%, #0f6ded 60%);padding: 50px 20px;border-radius: 40px;text-align: center;}
	.style-1 .block-2 .box-2 .txt-1{margin: 0 auto;}
}


.style-2{background-image: url(../img/bg-2.webp);background-position: 50% 0;background-size: auto;background-repeat: no-repeat;text-align: left;padding: 0;margin: 0;outline: none;}
.style-2 .container{max-width: 1000px;}
.style-2 .box-3{margin: 40px 0 0 15px;}
.style-2 .box-3 .txt-1{font-size: 40px;line-height: 40px;font-weight: 700;margin: 0;}
.style-2 .box-3 .txt-1 b{color: #ffc901;}
.style-2 .box-3 .txt-2{font-size: 20px;margin: 20px 0;}
.style-2 .box-3 .txt-3{font-size: 20px;margin: 0;font-weight: 700;}
.style-2 .box-3 .txt-3 b{color: #ffc901;}

@media screen and (max-width: 1024px){
	.style-2{text-align: center;background-position: 70% 100%;}
	.style-2 img{
    width: 90%;
}
}






.style-3{text-align: center;padding: 80px 0 240px;margin: 0;outline: none;background: #dfe9f3;}
.style-3 h2{color: #1c1c1c;max-width: 720px;margin: 0 auto;}
.style-3 h2 b{color: #0666eb;}

.style-3 .block-1{background-image: url(../img/bg-3.webp);background-position: 50% 0;background-size: auto;background-repeat: no-repeat;padding: 30px 70px;margin: 20px 0;text-align: left;}
.style-3 .block-1 .box-1 p{font-size: 22px;line-height: 30px;font-weight: 400;margin: 0;color: #1c1c1c;}
.style-3 .block-1 .box-1 ul{margin: 25px 0 0 25px;}
.style-3 .block-1 .box-1 ul li{font-size: 18px;line-height: 20px;font-weight: 700;color: #1c1c1c;margin: 0 0 10px 0;}
.style-3 a{font-size: 24px;background: #ffc901;color: #000;padding: 4px 16px;border-radius: 40px;font-weight: 700;}
.style-3 a:hover{color: #fff;background: #0666eb;}


@media screen and (max-width: 1024px){
	.style-3 h2{font-size: 28px;line-height: 35px;}
	.style-3 .block-1{background-image: url(../img/curso.webp);background-position: 50% 100%;background-size: contain;padding: 0 0 150px 0;}
	.style-3 .block-1 .box-1 p{text-align: center;font-size: 20px;}
	.style-3 .block-1 .box-1 ul li{font-size: 18px;}
}




.style-4{text-align: center;padding: 0;margin: 0;outline: none;}
.style-4 .block{background: #0666eb;padding: 10px 20px 10px 50px;margin: -150px 0 0 0;text-align: left;border-radius: 30px;}
.style-4 .block h2{color: #fff;margin: 130px 0 0 0;font-size: 30px;}
.style-4 .block .swiper {padding: 20px;overflow: hidden;}
.style-4 .block .swiper img{border-radius: 30px;box-shadow: 0 0 10px #00000050;/* margin: 0 auto; *//* max-width: 250px; */}


@media screen and (max-width: 1024px){
	.style-4 .block{text-align: center;padding: 20px 0;}
	.style-4 .block h2{margin: 0px 40px;font-size: 24px;}
	.style-4 .block h2 br{display:none;}
	.style-4 .block .swiper {padding: 20px 40px;overflow: hidden;}
}







.style-5{text-align: left;padding: 50px 0 100px 0;margin: 0;outline: none;}
.style-5 h2{font-size: 40px;line-height: 44px;font-weight: 700;margin: 0 0 30px 0;}
.style-5 h2 b{color: #ffc901;}
.style-5 p{font-size: 19px;margin: 0;}

.style-5 .image{text-align: center;margin: 0 auto 50px;}

.style-5 .box {background-image: url(../img/bg-4.webp);background-position: 20px 0;background-size: contain;background-repeat: no-repeat;height: 360px;}
.style-5 .box p{font-size: 16px;margin: 0;font-weight: 400;text-align: right;max-width: 245px;float: right;}


@media screen and (max-width: 1024px){
	.style-5 h2{font-size: 28px;}
	.style-5{text-align: center;/* padding: 50px 0 200px 0; */}
	.style-5 .box {background-position: 0 100%;height: 550px;}
	.style-5 .box p{text-align: center;max-width: 100%;margin: 30px auto 0;}
}





.style-6{text-align: center;padding: 0;margin: 0;outline: none;}
.style-6 h2{font-size: 46px;line-height: 50px;font-weight: 700;margin: 0 0 30px 0;}
.style-6 .container{max-width: 1000px;}
.style-6 .block {margin-bottom: -40px;}
.style-6 .block img{
    border-radius: 15px;
}


@media screen and (max-width: 1024px){
	.style-6 .block img{margin: 30px auto 0;}
}





.style-7{text-align: center;padding: 120px 0 80px;margin: 0;outline: none;background: #dfe9f3;}
.style-7 h2{font-size: 46px;line-height: 50px;font-weight: 700;margin: 0 0 30px 0;color: #1c1c1c;}

.style-7 .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;}
.style-7 .box p{color: #0f1116;font-size: 22px;margin: 0 auto 40px;text-align: center;}
.style-7 .box p b{display: block;color: #0666eb;font-size: 26px;}
.style-7 .box .label-float{position: relative;margin-bottom: 25px;}
.style-7 .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;}

.style-7 .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;}
.style-7 .box .label-float input:focus{border: 2px solid #ffc901 !important;}
.style-7 .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;}
.style-7 .box .label-float select:focus{border: 2px solid #ffc901 !important;}
.style-7 .box .label-float.error input{border: 2px solid rgb(255 0 0);}
.style-7 .box .label-float.error select{border: 2px solid rgb(255 0 0);}
.style-7 .box .label-float.error label{color: red;}

.style-7 .box .cta{margin: 0 auto;text-align: center;}
.style-7 .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;}
.style-7 .box .cta button:hover{background: #ffc901;color: #000;}



@media screen and (max-width: 1024px){
	.style-7 .block {overflow-x: scroll;padding: 10px;}
}







.style-8{text-align: center;padding: 80px 0;margin: 0;outline: none;background-image: url(../img/bg-5.webp);background-position-x: calc(50% - 360px);background-position-y: bottom;background-size: 400px;background-repeat: no-repeat;position: relative;}
.style-8 h2{font-size: 46px;line-height: 50px;font-weight: 700;margin: 0 0 30px 0;}
.style-8 .container{max-width: 1000px;}
.style-8 .splash {position: absolute;top: 0;right: 0;bottom: 0;left: 0;height: 100%;width: 100%;background: linear-gradient(180deg, #4692fb00 70%, #0f6ded50 100%);}


.style-8 .toggle-container .border{background: #ffffff;margin: 0px auto 20px !important;padding: 0;border-radius: 15px;box-shadow: 0 20px 50px 10px rgb(0 0 0 / 0.08);text-align: left;}
.style-8 .toggle-container .toggle-head{font-size: 18px;font-weight: 700;margin: 0;color: #106dee;padding: 30px 60px 30px 30px;cursor: pointer;position: relative;}
.style-8 .toggle-container .toggle-head .plusminus{background-image: url(../img/minus.webp) !important;background-position: 50% 50%;background-size: initial;background-repeat: no-repeat;height: 20px;width: 20px;display: block;float: right;position: absolute;right: 30px;top: 33px;background-color: #fff;border-radius: 20px;}
.style-8 .toggle-container .toggle-head .plusminus.active{background-image: url(../img/plus.webp) !important;}
.style-8 .toggle-container .toggle-body{padding: 0px 80px 30px 30px;font-size: 16px;/* border-top: solid 1px #ddd; */}
.style-8 .toggle-container .toggle-body p{font-size: 15px;font-weight: 500;margin: 0;outline: none;color: #1c1c1c;}
.style-8 .toggle-container .toggle-body p b{color: #042534;}
.style-8 .toggle-container .toggle-body p a{color: #2194f2;}
.style-8 .toggle-container .border:hover{background: #106dee;}
.style-8 .toggle-container .border:hover .toggle-head{color:#fff;}
.style-8 .toggle-container  .border:hover .toggle-body p{color:#fff;}

@media screen and (max-width: 1024px){
	.style-8{background-image: none;}
}



/* end */