@charset "utf-8";
.back-area .bg { background: url(../img/manset.jpg) no-repeat center; }
.form-manset { height: calc(100vh - 167px); overflow: hidden; border-bottom-left-radius: 111px; border-bottom-right-radius: 111px; }
.form-manset .back-area { height: 100%; }
.form-block { padding: 0 70px; margin-top: -55vh; margin-bottom: 200px; }
.form-bg { flex: 0 0 50%; max-width: 50%; }
.form-block .form { box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.16); background-color: #ffffff; border-radius: 74px; position: relative; overflow: hidden; }
.form-block .form > div { min-height: 74vh; }
.form-bg .bg { background: url(../img/form-bg.jpg) no-repeat center; background-size: cover; }
.form-bg h3 { font-size: 53px; line-height: 1.56; color: #fff; position: relative; font-weight: bold; }
.form-bg a { width: 187px; height: 56px; border-radius: 14px; box-shadow: 0 0 15px 0 rgba(255, 255, 255, 0.48); background-color: #ffffff; color: #1763d4; font-size: 21px; position: relative; }
.form-bg a:hover { background: #0f34ae; color: #fff; }
.form-detail { flex: 0 0 50%; max-width: 50%; min-height: 74vh; padding: 50px 58px; }
.form-detail h3 { color: #1451cc; font-size: 55px; line-height: 1.51; font-weight: bold; }
.form-detail .form-div button { width: 187px; height: 56px; border-radius: 14px; box-shadow: 0 0 15px 0 rgba(56, 109, 254, 0.48); background-color: #1763d4; font-size: 21px; color: #fff; transition: all 0.25s ease; }
.form-detail .form-div button:hover { background: #4181e0; }



.form-detail .form-div a { width: 187px; height: 56px; border-radius: 14px; box-shadow: 0 0 15px 0 rgba(56, 109, 254, 0.48); background-color: #1763d4; font-size: 21px; color: #fff; transition: all 0.25s ease; }
.form-detail .form-div a:hover { background: #4181e0; }




.form-detail .form-div a { text-shadow: 0 0 6px rgba(61, 80, 255, 0.65); font-family: Poppins; font-size: 21px; line-height: 1.48; color: #1763d4; }
.form-detail .form-div a:hover { text-shadow: none; }
.custom-control-label::before { width: 39px; height: 39px; background: #1763d4; top: 0; left: 0; }
.custom-control-label::after { width: 39px; height: 39px; top: 0; left: 0; }
.custom-control input { height: 100%; box-shadow: none; border: 0; padding-left: 0; }
.custom-control-label { width: 100%; padding-left: 50px; display: flex; align-items: center; font-size: 18px; }
.custom-control.custom-checkbox { height: 39px; display: flex; padding-left: 0; }
.contact-page .form-detail h3 { font-size: 38px; }
.contact-page .form-detail .form-div button { margin: auto; }
.contact-page .form-detail p { font-size: 15px; color: #1451cc; line-height: 1.5; margin-bottom: 35px; }
.contact-page .form-bg .bg { background: url(../img/contact-bg.jpg) no-repeat center; background-size: cover; }
.contact-page .form-bg .item { position: relative; border-radius: 42px; box-shadow: 0 0 15px 0 rgba(255, 255, 255, 0.56); background: #fff; margin: 0 136px; width: calc(100% - 272px); padding: 14px 32px; flex-wrap: wrap; }
.contact-page .form-bg .item:not(.d-flex) { padding: 58px 32px; }
.contact-page .form-bg .item h4 { color: #1451cc; line-height: 1.52; margin-bottom: 0; }
.contact-page .form-bg .item.big h4 { font-size: 25px; }
.contact-page .form-bg .item p { color: #000; font-size: 17px; line-height: 1.52; margin-bottom: 0; }
.contact-page .form-bg .item .icon { flex: 0 0 87px; height: 87px; border-radius: 32px; background-color: #154ec6; display: flex; align-items: center; justify-content: center; }
.contact-page .contact-items { flex: 0 0 calc(100% - 87px); max-width: calc(100% - 87px); padding-left: 13px; font-size: 20px; color: #000; }
.contact-page .form-bg .item p a { color: #000; font-size: 17px; background: none !important; }
.contact-page .form-bg .item + .item { margin-top: 10px; }
.contact-page .form-bg { padding: 35px 0; }
.form-manset .title { color: #fff; margin-bottom: 0; text-align: center; font-size: 60px; padding: 80px 0 0; }
.form-block.contact-page h1.title { color: #fff; position: relative; text-align: center; font-size: 60px; top: -13vh; margin-bottom: 0; }
@media (max-height:520px) {
	.form-block.contact-page h1.title { top: -10px; font-size: 40px; }
}
@media (max-width:1600px) {
	.contact-page .form-bg .item { margin: 0 60px; width: calc(100% - 120px); }
}
@media (max-width:1440px) {
	.form-bg h3 { font-size: 38px; }
	.form-detail h3 { font-size: 34px; }
	.form-block.contact-page h1.title { top: -10vh; }
}
@media (max-width:1199px) {
	.form-bg h3 { font-size: 30px; text-align: center; }
	.form-detail { padding: 0 20px; }
	.contact-page .form-bg .item { margin: 0 30px; width: calc(100% - 60px); }
	.contact-page .form-detail h3 { font-size: 30px; line-height: normal; }
}
@media (max-width:991px) {
	.form-block .form > div { flex-wrap: wrap; height: auto; }
	.form-bg { flex: 0 0 100%; max-width: 100%; height: 300px; }
	.form-detail { flex: 0 0 100%; max-width: 100%; padding: 30px 30px 70px; }
	.form-block { margin-bottom: 70px; }
	.contact-page .form-bg { height: auto; }
}
@media (max-width:767px) {
	.form-manset { border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; }
	.form-block { padding: 0 20px; margin-top: -60vh; }
	.form-bg h3 { font-size: 24px; }
	.form-detail h3 { font-size: 26px; text-align: center; margin-bottom: 20px; }
	.form-detail .form-div:last-child { justify-content: center !important; }
	.form-block .form { border-radius: 40px; }
	.form-detail .form-div button { margin-bottom: 15px; width: 130px; font-size: 16px; height: 45px; }
	.form-detail { padding: 30px 20px; min-height: inherit; }
	.custom-control.custom-checkbox { height: auto; }
	.form-block .form > div { min-height: inherit; }
	.custom-control-label { font-size: 16px; }
	.contact-page .form-bg .item { margin: 0 15px; width: calc(100% - 30px); padding: 14px 10px; border-radius: 10px; }
	.form-block.contact-page { padding: 0 10px; }
	.contact-page .form-bg .item:not(.d-flex) { padding: 30px 15px; text-align: center; }
	.contact-page .form-bg .item .icon { flex: 0 0 40px; max-width: 40px; height: 40px; }
	.contact-page .form-bg .item .icon span { transform: scale(0.7); }
	.contact-page .contact-items { flex: 0 0 calc(100% - 40px); max-width: calc(100% - 40px); font-size: 15px; }
	.contact-page .form-bg .item p, .contact-page .form-bg .item p a { font-size: 15px; }
	.form-block.contact-page h1.title { top: -30px; font-size: 30px; }
	.contact-page .form-bg .item h4 { font-size: 20px; }
}