@import url('https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp');

@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap');

* {margin: 0; padding: 0; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; list-style: none;}
body {font-size: 15px; line-height: normal; color: #101011; font-family: "Inter", sans-serif; background-color: #fff;}
a {outline: none; text-decoration: none; color: #0071BD; -webkit-transition: ease-in-out .3s; -moz-transition: ease-in-out .3s; -ms-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s;}
a:hover {text-decoration: none;}
input, textarea, select {font-size: 14px; color: #101011; vertical-align: middle; font-family:'Inter'; outline: none; resize: none;}
input[type="button"], input[type="submit"], button {-webkit-transition: ease-in-out .3s; -moz-transition: ease-in-out .3s; -ms-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; cursor: pointer;  font-family: 'segoe_ui'; font-family:'century_gothic';}
select {appearance: none; -ms-appearance: none; -webkit-appearance: none;}
select::-ms-expand {display: none;}
.transition {-webkit-transition: ease-in-out .5s; -moz-transition: ease-in-out .5s; -ms-transition: ease-in-out .5s; -o-transition: ease-in-out .5s; transition: ease-in-out .5s;}
img {border: none; vertical-align: top; max-width: 100%;}

.flexBox {display: flex; flex-wrap: wrap;}
.flexBox.nowrap {flex-wrap: nowrap;}
.itemCenter {align-items: center;}
.itemBottom {align-items: flex-end;}
.justifyContentBetween {justify-content: space-between;}
.justifyContentCenter {justify-content: center;}
.justifyContentEnd {justify-content: flex-end;}
.tac {text-align: center !important;}
.tar {text-align: right !important;}
.container {width: 100%; margin: auto; max-width: 1920px; padding: 0 40px;}
.pr {position: relative;}

.topPart { position: relative; overflow: hidden; background: #D5E9FF url(../images/background.jpg) no-repeat right top fixed; background-size: cover;}
.topPart:before {content: ''; position: absolute; left: 0; top: 0; width:45%; height: 100%; background: #D5E9FF;}
.topPart:after {content: ''; position: absolute; left:45%; margin-left: -0px; top: 0; width: 217px; height: 100%; background: url(../images/sep.png) no-repeat top left; background-size: auto 100%;}
.topPart .container {position: relative; z-index: 10;}
.topPartInner {height: 100%; height: calc(100vh - 90px); max-height: 785px;}

.topPart .left {width: 45%; padding-right: 100px;}
.topPart .left .inner {max-width: 420px; margin: auto; width: 100%;}
.bannerHd {font-size: 52px; font-weight: 800; padding-top: 15px;}
.since {color: #004CA2; font-size: 25px; font-weight: 800; padding-top: 10px;}

.topPart .right {width: 55%; padding-left: 200px;}
.topPart .right .inner {max-width: 480px; margin: auto; width: 100%; border-bottom: 1px solid #fff; padding: 35px 0;}
.topPart .right .inner:last-child {border: none;}
.topPart .right .inner .hd {display: block; padding-bottom: 15px; font-size: 28px; font-weight: 800; color: #fff;}
a.btn {background: #FF7F00; border-radius: 10px; display: flex; align-items: center; padding: 0 15px; height: 46px; color: #000; font-size: 15px; font-weight: 800; text-align: center; justify-content: center; box-shadow: 0 5px 0 0 rgba(0,0,0,.3);}
a.btn:hover {background: #000; color: #fff;}
.btnBox {display: flex; justify-content: space-between;}
.btnBox a.btn {width: 48%;}

.footer {background: #fff;}
.footer .container {height: 90px;}
.copy {color: #000000; font-size: 16px; font-weight: 500;}
.social {gap: 20px;}