body{ font-family: 'Inter', sans-serif; }

header { border-bottom:1px solid #EBEBEB; }
header .center { display: flex; align-items: center; justify-content: space-between; padding: 20px 20px; background:url('../img/headerbg.svg') top right no-repeat;}
header .center .header-right {display: flex;align-items: center; justify-content: space-between; gap: 40px; }
header .header-right small { color:#757984; font-weight:600;}
header .header-right a { color:#1B2026; font-weight:600; font-size: 13px;}

.menu .center { display: flex; align-items: center; justify-content: space-between; }
.menu .center .btn { margin: 0; }

.slider { position: relative;overflow: hidden;}
.slider .owl-item.active span {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInDown;animation-delay: 0.2s;}
.slider .owl-item.active p { display:inline-block;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInUp;animation-delay: 0.6s;}
.slider .owl-item.active .btn-green {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInUp;animation-delay: 1s;}
.slider .overlay { position: absolute; top: 0; left: 0; right: 0; bottom:0;}
.slider .overlay .center { display: flex; align-items: center; width: 100%; height: 100%; }
.slider .overlay span { font-size:72px; line-height:74px; color:#1B2026; font-weight: 800; margin-bottom: 10px; display: inline-block;font-family: 'Inter', sans-serif;letter-spacing:-.06em; }
.slider .overlay span:before { content: attr(data-text); position: absolute; font-size: 12px; letter-spacing: 2px; font-weight: 500; }
.slider .overlay p { display: block; width: 100%; font-size: 22px; line-height: 28px; color: #757784; font-weight: 500;}
.slider .overlay i { font-style: normal; }
.slider .slide-content { max-width:720px; }
.slider .slide-image { text-align: center; }
.slider .owl-item.active .slide-image { text-align: center; display:inline-block;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInRight;animation-delay: 0.3s;}
.slider .slide-content img { width: auto !important; display: inline-block !important;}
.slider .slide-content .btn { margin-top: 20px }
.slider .owl-theme .owl-nav { margin-top: 0 !important }
.slider .owl-theme .owl-dots .owl-dot { width: auto; }
.slider .owl-dots { position: absolute; top:0; height: 100%; align-items: center; display: inline-flex; left:20px; width: 10px; flex-direction: column; align-content: stretch; justify-content: center;}
.slider .owl-theme .owl-dots .owl-dot.active span, .slider .owl-theme .owl-dots .owl-dot:hover span { opacity: 1 !important }
.owl-theme .owl-nav.disabled+.owl-dots { margin-top:0 !important }

.register .center { display: flex; align-items: center; justify-content: space-between; background:#E0E3EA; border-radius:3px;}
.register .center .text, .register .center .image { width: 50%; }
.register .center .text {padding: 80px; }
.register .center .image { padding: 80px 80px 0 80px;  }

.home-about .center { display: flex; align-items: flex-end;}
.home-about .center .image { width: 100%; max-width: 320px; }
.home-about .center .text { padding: 60px 0 60px 60px; }

.page-banner {background:#E0E3EA; }

.address .address-list { list-style: none; }
.address .address-list li { display: flex; align-items: center; margin-bottom: 20px;}
.address .address-list li .icon { color:#231F20; width: 42px; height:42px; line-height: 42px; min-width: 42px; text-align: center; box-shadow: 10px 10px 20px 0 rgba(21,76,157,0.15); font-size: 18px; margin-right: 20px; }
.address .address-list li small { display: block; font-weight: 700; color:#231F20;font-size: 14px;}
.address .address-list li a { color:#6E7A94; }
.address .address-box { font-size: 15px; }

div.sm-icons:before { display: none;}
div.sm-icons { text-align: left; }

.side-box { background:#E0E3EA; padding: 30px 30px 0 30px; margin-top: 40px; }

.contact-form button, .info-form button { width: 100%; margin-top: 10px;}
.info-form { max-width: 720px; margin: 0 auto; }

.sidebar-content { display: flex; }
.sidebar-content .content { width: 100%; }
.sidebar-content .sidebar { width: 100%; max-width: 300px; margin-left: 40px;}
.side-menu { background: #fff; box-shadow: 0 0 20px rgba(0,0,0,.15); padding: 30px; border-radius: 3px; margin-bottom: 20px;}
.side-menu ul { list-style: none; }
.side-menu ul li { border-bottom:1px solid #ebebeb }
.side-menu ul li:last-child { border-bottom:none }
.side-menu ul li a { display: block; padding: 10px 0; font-size: 14px; font-weight: 600; color:#999;}
.side-menu ul li a:hover, .side-menu ul li.active a { color:#2F2D7E ; }


.page .training-box .t-image { padding: 60px 20px; }
.training-box { text-align: center; }
.training-box .t-image {background:url('../img/headerbg.svg') center center no-repeat #F7F7F7; background-size: contain; padding:30px 20px; margin-bottom: 20px;}
.training-box:hover .t-image {background:url('../img/headerbg.svg') center center no-repeat #E0E3EA; background-size: contain; }

.training-box span { visibility:hidden; font-size: 14px; color: #999;}
.training-box:hover span { visibility: visible; }

.our-news:before { background:#E0E3EA; content:''; position: absolute; top: 0; left: 0; right: 0; height: 50%;}

.news-box .news-ex { padding: 30px; }

footer { background:#313080; }
footer .center { background:url('../img/fbg.svg') top right no-repeat; background-size: contain; }

footer h5 { font-size: 16px; color: #fff; margin-bottom: 20px; }
footer h2 { font-size: 22px; color: #fff; margin: 20px 0;}
footer .f-nav ul { list-style: none; line-height: 24px; }
footer .f-nav ul li a, footer p { color: #fff; font-size: 13px; }
footer p { margin-bottom: 5px; }

footer .social ul { list-style: none; }
footer .social ul li { display: inline-block; }
footer .social ul li a { display:block; width: 42px; height: 42px; line-height: 42px; text-align: center; font-size: 18px; color: #fff; background:#22205F; }

.copyright { background:#22205F; }
.copyright p { margin-bottom: 0; color: #fff;}
.copyright a { text-decoration: underline; color: #fff; }

.hk { text-align: center; }

#cssmenu{position:relative; z-index:99;}
#cssmenu>ul>li { margin: 0 0 0 -4px; border-right:1px solid #F3F4F8;}
#cssmenu>ul>li:last-child { border-right: none }
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button{list-style:none;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu>ul>li>a {display: block; font-size: 15px; font-weight:600; color:#231F20;padding:0 20px; line-height: 80px;}
#cssmenu>ul>li.active>a, #cssmenu ul li:hover>a { color:#2F2D7E; position: relative;}
#cssmenu #menu-button{display:none;}
#cssmenu > ul > li{ display: inline-block;}
#cssmenu ul ul{position:absolute;left:-9999px; box-shadow: 0 0 40px rgba(0,0,0,.2);text-align: left;background:#1B2352; padding:12px 0px; borderradius: 3px;}
#cssmenu.align-right ul ul{text-align:right}
#cssmenu li:hover > ul{left:auto}
#cssmenu.align-right li:hover > ul{left:auto;right:0}
#cssmenu ul ul ul{margin-left:100%;top:0;}
#cssmenu.align-right ul ul ul{margin-left:0;margin-right:100%;}
#cssmenu ul ul li a{padding:12px 20px;font-size: 14px; display:block;width:240px;text-decoration:none;color:#fff;font-weight:500;position:relative;}
#cssmenu ul ul li a:hover { color: #3693be; }
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu .has-sub { position: relative; margin-right: 10px;}
#cssmenu .has-sub>a { padding-right: 40px; }
#cssmenu .has-sub:before { content: '\f107'; font-family:'Font Awesome 5 Free'; font-weight: 600; position: absolute; right: 20px; line-height:80px; color:#231F20; }
#cssmenu .has-sub:hover:before {color:#2F2D7E;content: '\f106'; font-family:'Font Awesome 5 Free'; font-weight: 600;}
#cssmenu .active.has-sub:before {color:#2F2D7E; }

@media only screen and (max-width:1249px) {
    #cssmenu>ul>li.active>a, #cssmenu ul li:hover>a { opacity:1;position: relative;}
    #cssmenu {position: absolute;left: 0;right: 0;width: auto;text-align: left;margin:0;}
    #cssmenu>ul>li>a:hover { background:#2a2135;color:231F20}
    #cssmenu > ul { margin: 0 0 0 0; position: relative;}
    #cssmenu>ul{display:none; z-index:99999; position: absolute; top:0;left:10px; right:10px}
    #cssmenu ul{display:none; z-index:99999; position: absolute;}
    #cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
    #cssmenu.align-center > ul,#cssmenu.align-right ul ul{text-align:left;}
    #cssmenu ul li,#cssmenu ul ul li,#cssmenu ul li:hover > ul > li{width:100%;height:auto;}
    #cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li{float:none;display:block;}
    #cssmenu>ul>ul>li>a{font-size:12px;color:#fff;background:none;padding:15px 20px 20px 30px;}
    #cssmenu>ul>li>a { padding:20px !important; color: #fff !important; display: block; background:#07222f; border-bottom:1px solid #0d3042; font-size: 14px; line-height: normal !important }
    #cssmenu>ul>li { margin: 0 0px;}
    #cssmenu ul ul li a { padding:15px 20px; }
    #cssmenu ul ul { padding: 0 !important }
    #cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff; background:#231F20}
    #cssmenu ul ul li > a,#cssmenu ul ul li a {background:#202935}
    #cssmenu ul ul ul li a{padding-left:40px;}
    #cssmenu ul ul ul ul li a{padding-left:40px;}
    #cssmenu>ul>li { border-right:none; }
    #cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0;}
    #cssmenu #menu-button{display:block;color:#231F20;cursor:pointer;font-size:12px;height:48px; background:#09222f; width: 48px; position: absolute; top:-70px; right:20px; border-radius: 2px;}
    #cssmenu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(120,120,120,0.15);height:55px;width:55px;cursor:pointer;}
    #cssmenu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#fff;z-index:99;}
    #cssmenu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#fff;z-index:99;}
    #cssmenu ul li a,#cssmenu ul ul li a{width:100%;}
    #cssmenu > ul > li.has-sub > a::after,#cssmenu ul ul li.has-sub > a::after,#menu-line,#cssmenu .submenu-button.submenu-opened:after{display:none;}
    #cssmenu ul ul li a { color: #fff }
    #cssmenu ul ul{ border-bottom: none; }
    #cssmenu ul ul li a{border-bottom:1px solid #444;}
    #menu-button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
    #menu-button:after{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin:auto;position:absolute;top:24px;right:0;left:0;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
    #menu-button:before{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin:auto;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:17px;right:0;left:0;display:block;height:2px;width:20px;background:#ddd;content:''}
    #menu-button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:22px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
    #menu-button.menu-opened:before{top:22px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}

    .header-right .email, .header-right .address { display:none; }
    .menu .register { position:fixed; bottom:0; left:0; right:0; z-index: 99; width: 100%}
    .menu .register a { display:block; padding:25px 30px; text-align:center; font-size: 16px}
    header .center {flex-direction: column-reverse; align-items: stretch;}
    header .center .header-right { width:100% }
    header .center .header-right .phone { width:100% }
    header .center .header-right .phone small { display:none; }
    header .center .header-right .phone p { margin-bottom:0; text-align:right }
    header .logo { width:50% }
    .slider .slide img { object-fit:cover; height:40vh; object-position:center}
    .slider .overlay span { font-size:30px; line-height:34px }
    .slider .overlay p { font-size:15px; line-height:18px }
    .slider .owl-dots { left:auto; right:10px }
    .register .center { flex-direction: column;}
    .register .center .text { padding:30px }
    .register .center .image { padding:0 30px }
    .register .center .text, .register .center .image { width:100% }
    .home-about .center {flex-direction: column;}
    .home-about .center .image { display:none; }
    .home-about .center .text { padding:30px 0 }
    .learnings .col-4 {grid-template-columns: repeat(2,1fr);}
    .sidebar-content {flex-direction: column;}
    .sidebar-content .sidebar { max-width:100%; margin-left:0; margin-top:30px }
}

@media only screen and (max-width:375px) {
   
}