@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}
a{text-decoration: none;}
a:hover, a:focus, a:active{text-decoration: none;}
img{width:100%; max-width:100%; height:auto;}
ul{list-style:none; padding-left:0; margin-bottom:0;}

.contact-newsky-button{padding:12px 24px; border-radius:100px; background:#ffd95c; color:#164679 !important; font-size:16px !important; font-weight:bold;}
.contact-newsky-button:active, .register-send-button:active{background-color:#ffc268; -webkit-box-shadow: inset 2px 2px 22px 0 #999799; box-shadow: inset 2px 2px 22px 0 #999799; outline:none;}

@keyframes tada{
    from{transform: rotate3d(0, 0, 0, 0deg);}
    10%, 20%{-webkit-transform:rotate3d(0, 0, 1, -3deg); transform:rotate3d(0, 0, 1, -3deg);}
    30%, 50%, 70%, 90%{-webkit-transform:rotate3d(0, 0, 1, 3deg); transform:rotate3d(0, 0, 1, 3deg);}
    40%, 60%, 80%{-webkit-transform:rotate3d(0, 0, 1, -3deg); transform:rotate3d(0, 0, 1, -3deg);}
}

.button-animation{-webkit-animation-name:tada; animation-name: tada; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; will-change:transform; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; }

.header-section{width:100%; height:150px; background-image:url(../images/mangxanh.png); background-position:top center; background-size:100% 150px; background-repeat:no-repeat; padding:30px 0; position:relative;z-index:9;}
.container{width:100%; max-width:1200px; margin:0 auto; padding:0 15px;}
.header-section .container{max-width:1300px;}
.header{width:100%; display:flex; justify-content:space-between; position:relative; z-index:10;}
.logo .desktop{max-width:135px; margin-right:9px;}
.logo .mobile{max-width:250px; margin:0px auto;}
.main-title{width:100%; margin:0 auto; font-size:30px; line-height:36px; font-weight:700; text-align:center;}

.header .main-menu{position:relative; display:flex; align-items:center; justify-content:space-between;}
.header .main-menu ul{display:flex; justify-content:center; align-items:center; margin-top:0;}
.header .main-menu ul li{position:relative; padding:15px;}
.header .main-menu ul li:first-child{margin-left:0;}
.header .main-menu ul li:not(.contact-button):hover{background-color:#fff; border-radius:8px;}
.header .main-menu ul li a{text-decoration:none; color:#fff; font-size:18px; font-style:normal; font-weight:bold; letter-spacing:0.15px;}
.header .main-menu ul li:not(.contact-button):hover a{color:#006cb8;}

.banner-anhvanhe{position:relative; margin-top:-40px;}
.img-banner{position:relative; z-index:2;}
.video-wrap{bottom:-260px; position:absolute; width:700px; right:50%; transform:translateX(50%); z-index:2;}
.video-wrap .video{width:100%; max-width:697px; height:max-content; position:relative; display:flex; align-items:center; z-index: 1; flex-wrap: wrap; border-radius: 24px; border: 10px solid #006cb8; overflow: hidden; box-shadow:8px 8px 0px #ccc, -8px 8px 0px #ccc;}
.video-wrap .video iframe{width:100%; height:360px !important; max-width:100%; flex-shrink: 1; cursor: pointer;}
.video-wrap .explore{margin-top:24px; display:flex; justify-content:center; align-items:center;}

.letter{background:#006cb8; position:relative; margin-top:-100px; padding-top:360px; padding-bottom:220px;}
.letter .wrap-content{position:relative; max-width:1300px; margin:0 auto; padding-top:40px;}
.letter .container{max-width:1056px; position:relative; z-index:2; color:#fff;}
.letter .title{width:100%; max-width:max-content; position:relative; font-weight:700; font-size:30px; line-height:36px; margin:0px;}
.letter .desciption{font-size:16px; line-height:28px; letter-spacing:0.25px;  margin-bottom:16px;}
.letter .content{font-size:16px; line-height:28px; letter-spacing:0.25px; text-align:justify;}
.letter .wave{position:absolute; bottom:-5px; left:0; width:100%; z-index:2;}
.letter .sunflower{position:absolute; right:0; bottom:30px; z-index:1;}
.letter .flower{position:absolute; left:0; bottom:30px; z-index:1;}
.letter .flower1{position:absolute; left:0; bottom:10px; z-index:1;}
.letter .flower2{position:absolute; right:0; bottom:10px; z-index:1;}

.chuongtrinh{background: #56c9eb url(../images/clouds.png) no-repeat top center; padding-top:40px; margin-top:-5px; padding-bottom:50px;}
.chuongtrinh .container{position:relative; max-width:1300px;}
.chuongtrinh .main-title{color:#283678; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}
.chuongtrinh .desciption{text-align:center; font-size:20px;}
.chuongtrinh .content{padding:0px 15px;}
.chuongtrinh .wrap-content{position:relative; margin-top:-80px; background-size:100% 100%; background-repeat:no-repeat; padding:25px 40px;}
.chuongtrinh .subtitle{text-transform:uppercase; font-size:20px; font-weight:700; font-family:"monospace", system-ui, sans-serif;}
.chuongtrinh-1 .wrap-content{background-image:url(../images/pink-shape.png);}
.chuongtrinh-2 .wrap-content{background-image:url(../images/blue-shape.png);}
.chuongtrinh-3 .wrap-content{background-image:url(../images/yellow-shape.png);}
.chuongtrinh-1, .chuongtrinh-2, .chuongtrinh-3{padding:0px;}
.chuongtrinh-1 .subtitle, .chuongtrinh-3 .subtitle{color:#006cb8;}
.chuongtrinh-2 .subtitle{color:#ffd95c;}
.chuongtrinh-1 .mota, .chuongtrinh-3 .mota{color:#000; font-size:14px; line-height:25px; letter-spacing:0.25px;}
.chuongtrinh-2 .mota{color:#fff;}

.benefit{position:relative; background:#56c9eb; padding-top:60px; margin-top:-5px; padding-bottom:160px;}
.benefit .container{position:relative; max-width:1300px;}
.benefit .main-title{color:#fff; margin-bottom:50px;}
.benefit .title{position:relative; font-weight:700; font-size:20px; line-height:30px; color: #ffffff; text-align:center; z-index:0; text-transform:uppercase; font-family: "monospace", system-ui, sans-serif;}
.benefit .bg{width:100%; position:absolute; top:0; left:0; z-index:-1;}
.benefit .shadow{width:100%; position:absolute; top:4px; left:4px; opacity:0.3; z-index:-2;}
.benefit .blue .bg{color:#2576b9; text-shadow: #2576b9 9px 0px 0px, #2576b9 8.9445px 0.997944px 0px, #2576b9 8.77869px 1.98358px 0px, #2576b9 8.50461px 2.94475px 0px, #2576b9 8.12565px 3.86961px 0px, #2576b9 7.64647px 4.74674px 0px, #2576b9 7.07299px 5.56533px 0px, #2576b9 6.41227px 6.31528px 0px, #2576b9 5.67248px 6.98735px 0px, #2576b9 4.86272px 7.57324px 0px, #2576b9 3.99299px 8.06573px 0px, #2576b9 3.07402px 8.45875px 0px, #2576b9 2.11714px 8.74744px 0px, #2576b9 1.13414px 8.92825px 0px, #2576b9 0.137162px 8.99895px 0px, #2576b9 -0.861512px 8.95867px 0px, #2576b9 -1.84956px 8.8079px 0px, #2576b9 -2.8148px 8.5485px 0px, #2576b9 -3.74532px 8.18368px 0px, #2576b9 -4.62965px 7.71792px 0px, #2576b9 -5.45689px 7.15698px 0px, #2576b9 -6.21682px 6.50777px 0px, #2576b9 -6.90009px 5.77831px 0px, #2576b9 -7.49825px 4.97757px 0px, #2576b9 -8.00394px 4.11545px 0px, #2576b9 -8.41092px 3.20258px 0px, #2576b9 -8.71416px 2.2502px 0px, #2576b9 -8.90993px 1.27008px 0px, #2576b9 -8.99582px 0.274291px 0px, #2576b9 -8.97076px -0.72488px 0px, #2576b9 -8.83507px -1.71511px 0px, #2576b9 -8.59041px -2.68419px 0px, #2576b9 -8.23981px -3.62017px 0px, #2576b9 -7.78758px -4.51149px 0px, #2576b9 -7.23931px -5.34718px 0px, #2576b9 -6.60176px -6.11692px 0px, #2576b9 -5.88279px -6.81122px 0px, #2576b9 -5.09127px -7.42152px 0px, #2576b9 -4.23696px -7.94029px 0px, #2576b9 -3.33039px -8.36113px 0px, #2576b9 -2.38275px -8.67885px 0px, #2576b9 -1.40572px -8.88954px 0px, #2576b9 -0.411357px -8.99059px 0px, #2576b9 0.58808px -8.98077px 0px, #2576b9 1.58026px -8.86018px 0px, #2576b9 2.55296px -8.63032px 0px, #2576b9 3.49417px -8.29402px 0px, #2576b9 4.39229px -7.85543px 0px, #2576b9 5.23623px -7.31996px 0px, #2576b9 6.0156px -6.69422px 0px, #2576b9 6.72078px -5.98591px 0px, #2576b9 7.34307px -5.20378px 0px, #2576b9 7.87479px -4.35748px 0px, #2576b9 8.3094px -3.45743px 0px, #2576b9 8.64153px -2.51474px 0px, #2576b9 8.86709px -1.54104px 0px, #2576b9 8.98328px -0.548328px 0px;}
.benefit .blue .shadow{color:#607d8b; text-shadow: #607d8b 9px 0px 0px, #607d8b 8.9445px 0.997944px 0px, #607d8b 8.77869px 1.98358px 0px, #607d8b 8.50461px 2.94475px 0px, #607d8b 8.12565px 3.86961px 0px, #607d8b 7.64647px 4.74674px 0px, #607d8b 7.07299px 5.56533px 0px, #607d8b 6.41227px 6.31528px 0px, #607d8b 5.67248px 6.98735px 0px, #607d8b 4.86272px 7.57324px 0px, #607d8b 3.99299px 8.06573px 0px, #607d8b 3.07402px 8.45875px 0px, #607d8b 2.11714px 8.74744px 0px, #607d8b 1.13414px 8.92825px 0px, #607d8b 0.137162px 8.99895px 0px, #607d8b -0.861512px 8.95867px 0px, #607d8b -1.84956px 8.8079px 0px, #607d8b -2.8148px 8.5485px 0px, #607d8b -3.74532px 8.18368px 0px, #607d8b -4.62965px 7.71792px 0px, #607d8b -5.45689px 7.15698px 0px, #607d8b -6.21682px 6.50777px 0px, #607d8b -6.90009px 5.77831px 0px, #607d8b -7.49825px 4.97757px 0px, #607d8b -8.00394px 4.11545px 0px, #607d8b -8.41092px 3.20258px 0px, #607d8b -8.71416px 2.2502px 0px, #607d8b -8.90993px 1.27008px 0px, #607d8b -8.99582px 0.274291px 0px, #607d8b -8.97076px -0.72488px 0px, #607d8b -8.83507px -1.71511px 0px, #607d8b -8.59041px -2.68419px 0px, #607d8b -8.23981px -3.62017px 0px, #607d8b -7.78758px -4.51149px 0px, #607d8b -7.23931px -5.34718px 0px, #607d8b -6.60176px -6.11692px 0px, #607d8b -5.88279px -6.81122px 0px, #607d8b -5.09127px -7.42152px 0px, #607d8b -4.23696px -7.94029px 0px, #607d8b -3.33039px -8.36113px 0px, #607d8b -2.38275px -8.67885px 0px, #607d8b -1.40572px -8.88954px 0px, #607d8b -0.411357px -8.99059px 0px, #607d8b 0.58808px -8.98077px 0px, #607d8b 1.58026px -8.86018px 0px, #607d8b 2.55296px -8.63032px 0px, #607d8b 3.49417px -8.29402px 0px, #607d8b 4.39229px -7.85543px 0px, #607d8b 5.23623px -7.31996px 0px, #607d8b 6.0156px -6.69422px 0px, #607d8b 6.72078px -5.98591px 0px, #607d8b 7.34307px -5.20378px 0px, #607d8b 7.87479px -4.35748px 0px, #607d8b 8.3094px -3.45743px 0px, #607d8b 8.64153px -2.51474px 0px, #607d8b 8.86709px -1.54104px 0px, #607d8b 8.98328px -0.548328px 0px;}
.benefit .title.yellow, .benefit .title.pink{color:#006cb8;}
.benefit .yellow .bg{color:#ffd95c; text-shadow: #ffd95c 9px 0px 0px, #ffd95c 8.9445px 0.997944px 0px, #ffd95c 8.77869px 1.98358px 0px, #ffd95c 8.50461px 2.94475px 0px, #ffd95c 8.12565px 3.86961px 0px, #ffd95c 7.64647px 4.74674px 0px, #ffd95c 7.07299px 5.56533px 0px, #ffd95c 6.41227px 6.31528px 0px, #ffd95c 5.67248px 6.98735px 0px, #ffd95c 4.86272px 7.57324px 0px, #ffd95c 3.99299px 8.06573px 0px, #ffd95c 3.07402px 8.45875px 0px, #ffd95c 2.11714px 8.74744px 0px, #ffd95c 1.13414px 8.92825px 0px, #ffd95c 0.137162px 8.99895px 0px, #ffd95c -0.861512px 8.95867px 0px, #ffd95c -1.84956px 8.8079px 0px, #ffd95c -2.8148px 8.5485px 0px, #ffd95c -3.74532px 8.18368px 0px, #ffd95c -4.62965px 7.71792px 0px, #ffd95c -5.45689px 7.15698px 0px, #ffd95c -6.21682px 6.50777px 0px, #ffd95c -6.90009px 5.77831px 0px, #ffd95c -7.49825px 4.97757px 0px, #ffd95c -8.00394px 4.11545px 0px, #ffd95c -8.41092px 3.20258px 0px, #ffd95c -8.71416px 2.2502px 0px, #ffd95c -8.90993px 1.27008px 0px, #ffd95c -8.99582px 0.274291px 0px, #ffd95c -8.97076px -0.72488px 0px, #ffd95c -8.83507px -1.71511px 0px, #ffd95c -8.59041px -2.68419px 0px, #ffd95c -8.23981px -3.62017px 0px, #ffd95c -7.78758px -4.51149px 0px, #ffd95c -7.23931px -5.34718px 0px, #ffd95c -6.60176px -6.11692px 0px, #ffd95c -5.88279px -6.81122px 0px, #ffd95c -5.09127px -7.42152px 0px, #ffd95c -4.23696px -7.94029px 0px, #ffd95c -3.33039px -8.36113px 0px, #ffd95c -2.38275px -8.67885px 0px, #ffd95c -1.40572px -8.88954px 0px, #ffd95c -0.411357px -8.99059px 0px, #ffd95c 0.58808px -8.98077px 0px, #ffd95c 1.58026px -8.86018px 0px, #ffd95c 2.55296px -8.63032px 0px, #ffd95c 3.49417px -8.29402px 0px, #ffd95c 4.39229px -7.85543px 0px, #ffd95c 5.23623px -7.31996px 0px, #ffd95c 6.0156px -6.69422px 0px, #ffd95c 6.72078px -5.98591px 0px, #ffd95c 7.34307px -5.20378px 0px, #ffd95c 7.87479px -4.35748px 0px, #ffd95c 8.3094px -3.45743px 0px, #ffd95c 8.64153px -2.51474px 0px, #ffd95c 8.86709px -1.54104px 0px, #ffd95c 8.98328px -0.548328px 0px;}
.benefit .yellow .shadow{color:#607d8b; text-shadow: #607d8b 9px 0px 0px, #607d8b 8.9445px 0.997944px 0px, #607d8b 8.77869px 1.98358px 0px, #607d8b 8.50461px 2.94475px 0px, #607d8b 8.12565px 3.86961px 0px, #607d8b 7.64647px 4.74674px 0px, #607d8b 7.07299px 5.56533px 0px, #607d8b 6.41227px 6.31528px 0px, #607d8b 5.67248px 6.98735px 0px, #607d8b 4.86272px 7.57324px 0px, #607d8b 3.99299px 8.06573px 0px, #607d8b 3.07402px 8.45875px 0px, #607d8b 2.11714px 8.74744px 0px, #607d8b 1.13414px 8.92825px 0px, #607d8b 0.137162px 8.99895px 0px, #607d8b -0.861512px 8.95867px 0px, #607d8b -1.84956px 8.8079px 0px, #607d8b -2.8148px 8.5485px 0px, #607d8b -3.74532px 8.18368px 0px, #607d8b -4.62965px 7.71792px 0px, #607d8b -5.45689px 7.15698px 0px, #607d8b -6.21682px 6.50777px 0px, #607d8b -6.90009px 5.77831px 0px, #607d8b -7.49825px 4.97757px 0px, #607d8b -8.00394px 4.11545px 0px, #607d8b -8.41092px 3.20258px 0px, #607d8b -8.71416px 2.2502px 0px, #607d8b -8.90993px 1.27008px 0px, #607d8b -8.99582px 0.274291px 0px, #607d8b -8.97076px -0.72488px 0px, #607d8b -8.83507px -1.71511px 0px, #607d8b -8.59041px -2.68419px 0px, #607d8b -8.23981px -3.62017px 0px, #607d8b -7.78758px -4.51149px 0px, #607d8b -7.23931px -5.34718px 0px, #607d8b -6.60176px -6.11692px 0px, #607d8b -5.88279px -6.81122px 0px, #607d8b -5.09127px -7.42152px 0px, #607d8b -4.23696px -7.94029px 0px, #607d8b -3.33039px -8.36113px 0px, #607d8b -2.38275px -8.67885px 0px, #607d8b -1.40572px -8.88954px 0px, #607d8b -0.411357px -8.99059px 0px, #607d8b 0.58808px -8.98077px 0px, #607d8b 1.58026px -8.86018px 0px, #607d8b 2.55296px -8.63032px 0px, #607d8b 3.49417px -8.29402px 0px, #607d8b 4.39229px -7.85543px 0px, #607d8b 5.23623px -7.31996px 0px, #607d8b 6.0156px -6.69422px 0px, #607d8b 6.72078px -5.98591px 0px, #607d8b 7.34307px -5.20378px 0px, #607d8b 7.87479px -4.35748px 0px, #607d8b 8.3094px -3.45743px 0px, #607d8b 8.64153px -2.51474px 0px, #607d8b 8.86709px -1.54104px 0px, #607d8b 8.98328px -0.548328px 0px;}
.benefit .pink .bg{color:#eb9cc3; text-shadow:#eb9cc3 9px 0px 0px, #eb9cc3 8.9445px 0.997944px 0px, #eb9cc3 8.77869px 1.98358px 0px, #eb9cc3 8.50461px 2.94475px 0px, #eb9cc3 8.12565px 3.86961px 0px, #eb9cc3 7.64647px 4.74674px 0px, #eb9cc3 7.07299px 5.56533px 0px, #eb9cc3 6.41227px 6.31528px 0px, #eb9cc3 5.67248px 6.98735px 0px, #eb9cc3 4.86272px 7.57324px 0px, #eb9cc3 3.99299px 8.06573px 0px, #eb9cc3 3.07402px 8.45875px 0px, #eb9cc3 2.11714px 8.74744px 0px, #eb9cc3 1.13414px 8.92825px 0px, #eb9cc3 0.137162px 8.99895px 0px, #eb9cc3 -0.861512px 8.95867px 0px, #eb9cc3 -1.84956px 8.8079px 0px, #eb9cc3 -2.8148px 8.5485px 0px, #eb9cc3 -3.74532px 8.18368px 0px, #eb9cc3 -4.62965px 7.71792px 0px, #eb9cc3 -5.45689px 7.15698px 0px, #eb9cc3 -6.21682px 6.50777px 0px, #eb9cc3 -6.90009px 5.77831px 0px, #eb9cc3 -7.49825px 4.97757px 0px, #eb9cc3 -8.00394px 4.11545px 0px, #eb9cc3 -8.41092px 3.20258px 0px, #eb9cc3 -8.71416px 2.2502px 0px, #eb9cc3 -8.90993px 1.27008px 0px, #eb9cc3 -8.99582px 0.274291px 0px, #eb9cc3 -8.97076px -0.72488px 0px, #eb9cc3 -8.83507px -1.71511px 0px, #eb9cc3 -8.59041px -2.68419px 0px, #eb9cc3 -8.23981px -3.62017px 0px, #eb9cc3 -7.78758px -4.51149px 0px, #eb9cc3 -7.23931px -5.34718px 0px, #eb9cc3 -6.60176px -6.11692px 0px, #eb9cc3 -5.88279px -6.81122px 0px, #eb9cc3 -5.09127px -7.42152px 0px, #eb9cc3 -4.23696px -7.94029px 0px, #eb9cc3 -3.33039px -8.36113px 0px, #eb9cc3 -2.38275px -8.67885px 0px, #eb9cc3 -1.40572px -8.88954px 0px, #eb9cc3 -0.411357px -8.99059px 0px, #eb9cc3 0.58808px -8.98077px 0px, #eb9cc3 1.58026px -8.86018px 0px, #eb9cc3 2.55296px -8.63032px 0px, #eb9cc3 3.49417px -8.29402px 0px, #eb9cc3 4.39229px -7.85543px 0px, #eb9cc3 5.23623px -7.31996px 0px, #eb9cc3 6.0156px -6.69422px 0px, #eb9cc3 6.72078px -5.98591px 0px, #eb9cc3 7.34307px -5.20378px 0px, #eb9cc3 7.87479px -4.35748px 0px, #eb9cc3 8.3094px -3.45743px 0px, #eb9cc3 8.64153px -2.51474px 0px, #eb9cc3 8.86709px -1.54104px 0px, #eb9cc3 8.98328px -0.548328px 0px;}
.benefit .pink .shadow{color: #607d8b; text-shadow: #607d8b 9px 0px 0px, #607d8b 8.9445px 0.997944px 0px, #607d8b 8.77869px 1.98358px 0px, #607d8b 8.50461px 2.94475px 0px, #607d8b 8.12565px 3.86961px 0px, #607d8b 7.64647px 4.74674px 0px, #607d8b 7.07299px 5.56533px 0px, #607d8b 6.41227px 6.31528px 0px, #607d8b 5.67248px 6.98735px 0px, #607d8b 4.86272px 7.57324px 0px, #607d8b 3.99299px 8.06573px 0px, #607d8b 3.07402px 8.45875px 0px, #607d8b 2.11714px 8.74744px 0px, #607d8b 1.13414px 8.92825px 0px, #607d8b 0.137162px 8.99895px 0px, #607d8b -0.861512px 8.95867px 0px, #607d8b -1.84956px 8.8079px 0px, #607d8b -2.8148px 8.5485px 0px, #607d8b -3.74532px 8.18368px 0px, #607d8b -4.62965px 7.71792px 0px, #607d8b -5.45689px 7.15698px 0px, #607d8b -6.21682px 6.50777px 0px, #607d8b -6.90009px 5.77831px 0px, #607d8b -7.49825px 4.97757px 0px, #607d8b -8.00394px 4.11545px 0px, #607d8b -8.41092px 3.20258px 0px, #607d8b -8.71416px 2.2502px 0px, #607d8b -8.90993px 1.27008px 0px, #607d8b -8.99582px 0.274291px 0px, #607d8b -8.97076px -0.72488px 0px, #607d8b -8.83507px -1.71511px 0px, #607d8b -8.59041px -2.68419px 0px, #607d8b -8.23981px -3.62017px 0px, #607d8b -7.78758px -4.51149px 0px, #607d8b -7.23931px -5.34718px 0px, #607d8b -6.60176px -6.11692px 0px, #607d8b -5.88279px -6.81122px 0px, #607d8b -5.09127px -7.42152px 0px, #607d8b -4.23696px -7.94029px 0px, #607d8b -3.33039px -8.36113px 0px, #607d8b -2.38275px -8.67885px 0px, #607d8b -1.40572px -8.88954px 0px, #607d8b -0.411357px -8.99059px 0px, #607d8b 0.58808px -8.98077px 0px, #607d8b 1.58026px -8.86018px 0px, #607d8b 2.55296px -8.63032px 0px, #607d8b 3.49417px -8.29402px 0px, #607d8b 4.39229px -7.85543px 0px, #607d8b 5.23623px -7.31996px 0px, #607d8b 6.0156px -6.69422px 0px, #607d8b 6.72078px -5.98591px 0px, #607d8b 7.34307px -5.20378px 0px, #607d8b 7.87479px -4.35748px 0px, #607d8b 8.3094px -3.45743px 0px, #607d8b 8.64153px -2.51474px 0px, #607d8b 8.86709px -1.54104px 0px, #607d8b 8.98328px -0.548328px 0px;}
.benefit .content{padding:20px; text-align:justify; font-size:16px; line-height:28px; letter-spacing:0.25px;}
.benefit .col-md-4:not(:last-child)::after{position: absolute; content: url(../images/line-shape.svg); top: 0; right:-13px; opacity:0.6; height:100%; overflow:hidden;}
.benefit .wave{position:absolute; bottom:-5px; left:0; width:100%; z-index:2;}

.program-age{background-color:#ffd85c; margin-top:-5px; padding-top:60px; padding-bottom:190px; position: relative;}
.program-age .container{position:relative; max-width:1300px;}
.program-age .main-title{color:#283678; margin-bottom:30px;}
.program-age .program-age-1, .program-age .program-age-2, .program-age .program-age-3{border-radius:30px; padding:30px;}
.program-age-1{background: url(../images/bg-jumpstart.svg) center bottom no-repeat;}
.program-age-2{background: url(../images/bg-smart-teens.svg) center bottom no-repeat;}
.program-age-3{background: url(../images/bg-super-juniors.svg) center bottom no-repeat;}
.bottom-box{position:relative; width:100%; padding:0px 20px; text-align:center;}
.bottom-box img{border-radius:30px; box-shadow:5px 5px 10px rgba(0, 0, 0, 0.3); margin-bottom:10px;}
.bottom-box p{font-size:18px; font-weight:800; color:#fff; text-transform:uppercase; margin-bottom:5px; font-family:"monospace", system-ui, sans-serif;}
.sub-title-box{font-size:25px !important; margin-bottom: 20px !important;}
.program-age .wave{position:absolute; bottom:-5px; left:0; width:100%; z-index:2;}

.contact-box{background-color:#fff; margin-top:-5px; padding-top:60px; padding-bottom:50px; position: relative;}
.contact-box .container{position:relative; max-width:1300px;}
.contact-box .main-title{color:#283678; margin-bottom:30px;}
.border-color-custom{margin-top:50px; padding: 20px; border: 1px solid #006cb8; border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 70px;}
.icon-custom{margin-top: -58px; text-align: center;}
.icon-custom i{border-radius: 10px; background: #fff; padding: 10px; color:#006cb8 !important; font-size: 4em;}
.register-title{margin-bottom: 25px; font-size: 30px; font-weight: bold; color:#006cb8; text-align: center;}
.register-description{margin-bottom: 35px; text-align: center; color: #1e1e1e; font-size: 15px;}
.contact-box input[type=text], .contact-box input[type=tel]{height: 40px; margin-bottom: 10px; }
.contact-box input[type=text], .contact-box input[type=tel], .contact-box textarea{background:#006cb8; border: none; border-radius: 5px; color: #fff; padding: 5px; font-size: 13px;}
.contact-box textarea{height: 60px;}
.contact-box input[type=text]::placeholder, .contact-box input[type=tel]::placeholder, .contact-box textarea::placeholder{color:#fff;}
.register-notice{color:#bb141a; display:none;}
.register-success, .register-loading{display: none;}
.register-send{text-align: center; margin: 0px; margin-top: 45px; margin-bottom: -40px; position: relative; width: 100%; clear: both;}
.register-send-button{color:#fff; background:#006cb8; border: 1px solid #006cb8; border-radius: 5px; text-align: center; padding: 5px 15px; height: 40px; font-size: 13px;}

.library-box{padding-top:30px; padding-bottom:0px; position:relative;}
.library-box .container{position:relative; max-width:100%; padding:0px;}
.library-box .main-title{color:#283678; margin-bottom:30px;}
.carousel-cell{margin-right:10px;}
.flickity-page-dots{bottom:20px;}
.flickity-page-dots .dot{width:15px; height:15px; background:#fff; opacity:0.75; margin:0 6px;}
.flickity-page-dots .dot.is-selected{background:#006cb8;}
.flickity-button-icon{fill:#006cb8;}
.main-carousel{height:auto;}

.footer{position:relative; background:#006cb8; padding:50px 0px;}
.footer .container{position:relative; max-width:1300px;}
.logo-footer{margin-top:80px; text-align:center;}
.logo-footer img{height:135px; width:auto;}
.footer-social{text-align:center; margin-top:50px; margin-bottom:50px;}
.footer-social h3{color: #fff;}
.footer-social a{color: #fff; font-size: 30px; margin: 0px 10px;}
.footer-info, .footer-info-div a{color: #fff;}
.footer-info-div a:hover{text-decoration:underline;}
.footer-info h3{font-weight:bold; margin-bottom:30px;}
.footer-info-div{margin-bottom:15px;}
.footer-info i, .footer-info span{font-weight: bold;}
.footer-copyright{color:#fff; font-size:13px;}

#toolbar-newsky{bottom:10px; left:10px; z-index:500; position:fixed; display:none;}
#toolbar-newsky ul{list-style:none; margin:0px; padding:0px;}
#toolbar-newsky ul li{width: 50px; height: 50px; display: inline-block; margin: 0px; padding: 0px; text-align: center; line-height:50px; list-style-type: none; background: #fff; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius:50%; box-shadow: 0px 0px 10px -2px rgb(0 0 0 / 70%);}
#toolbar-newsky ul li:hover{background:#006cb8;}
#toolbar-newsky ul li img{width:auto; height:30px;}

.fone{font-size:22px; color:#bb141a; line-height:40px; font-weight:bold; padding-left:50px; margin:0 0;}
.fix_tel{position:fixed; bottom:30px; left:30px; z-index:999;}
.fix_tel a{text-decoration:none; display:block;}
.tel{background:#eee; width:205px; height:40px; position:relative; overflow:hidden; background-size:40px; border-radius:28px; border:solid 1px #ccc;}
.ring-alo-phone{background-color:transparent; cursor:pointer; height:80px;  position:absolute;  transition:visibility 0.5s ease 0s; visibility:hidden;  width:80px;  z-index:200000 !important;}
.ring-alo-phone.ring-alo-show{visibility:visible;}
.ring-alo-phone.ring-alo-hover, .ring-alo-phone:hover{opacity:1;}
.ring-alo-ph-circle{animation:1.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim;  background-color:transparent;  border:2px solid rgba(30, 30, 30, 0.4);  border-radius:100%;  height:70px;  left:10px;  opacity:0.1;  position:absolute;  top:12px;  transform-origin: 50% 50% 0;  transition: all 0.5s ease 0s;  width: 70px;}
.ring-alo-phone.ring-alo-active .ring-alo-ph-circle{animation: 1.1s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;}
.ring-alo-phone.ring-alo-static .ring-alo-ph-circle{animation: 2.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone:hover .ring-alo-ph-circle{border-color: #bb141a;  opacity: 0.5;}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle{  border-color: #baf5a7;  opacity: 0.5;}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle{border-color: #bb141a;  opacity: 0.5;}
.ring-alo-ph-circle-fill{animation: 2.3s ease-in-out 0s normal none infinite running ring-alo-circle-fill-anim;  background-color: #000;  border: 2px solid transparent;  border-radius: 100%;  height: 30px;  left: 30px;  opacity: 0.1;  position: absolute;  top: 33px;  transform-origin: 50% 50% 0;  transition: all 0.5s ease 0s;  width: 30px;}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone:hover .ring-alo-ph-circle-fill{background-color: rgba(0, 175, 242, 0.5);  opacity: 0.75 !important;}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle-fill{background-color: rgba(117, 235, 80, 0.5);  opacity: 0.75 !important;}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle-fill{background-color: rgba(0, 175, 242, 0.5);  opacity: 0.75 !important;}
.ring-alo-ph-img-circle {  animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;  border: 2px solid transparent;  border-radius: 100%;  height: 30px;  left: 30px;     opacity: 1;  position: absolute;  top: 33px;  transform-origin: 50% 50% 0;  width: 30px;}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone:hover .ring-alo-ph-img-circle {  background-color: #bb141a;}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-img-circle {  background-color: #75eb50;}
.ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle {  background-color: #bb141a;}
@keyframes ring-alo-circle-anim { 0% {   opacity: 0.1;   transform: rotate(0deg) scale(0.5) skew(1deg); } 30% {   opacity: 0.5;   transform: rotate(0deg) scale(0.7) skew(1deg); } 100% {   opacity: 0.6;   transform: rotate(0deg) scale(1) skew(1deg); }}
@keyframes ring-alo-circle-img-anim { 0% {   transform: rotate(0deg) scale(1) skew(1deg); } 10% {   transform: rotate(-25deg) scale(1) skew(1deg); } 20% {   transform: rotate(25deg) scale(1) skew(1deg); } 30% {   transform: rotate(-25deg) scale(1) skew(1deg); } 40% {   transform: rotate(25deg) scale(1) skew(1deg); } 50% {   transform: rotate(0deg) scale(1) skew(1deg); } 100% {   transform: rotate(0deg) scale(1) skew(1deg); }}
@keyframes ring-alo-circle-fill-anim { 0% {   opacity: 0.2;   transform: rotate(0deg) scale(0.7) skew(1deg); } 50% {   opacity: 0.2;   transform: rotate(0deg) scale(1) skew(1deg); } 100% {   opacity: 0.2;   transform: rotate(0deg) scale(0.7) skew(1deg); } }
.ring-alo-ph-img-circle a i{width: 26px; color: #fff; height: 26px; text-align: center; line-height: 26px; font-size: 25px;}
a.taq-button{  border: none;  cursor: pointer;  padding: 0 15px 0 60px;  display: inline-block;  margin: 10px 0 0;  text-transform: uppercase;  letter-spacing: 1px;  font-weight: 700;  outline: none;  position: relative;  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  transition: all 0.3s;  background: #c7c7c7;  color: #fff !important;  text-decoration: none !important;  font-size: 14px;  height: 45px;  line-height: 45px;  opacity: .9;  overflow: hidden;}
a.taq-button.without-icon{padding: 0 15px !important;}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle{border-color: #bb141a; background-color: #bb141a; border-color: #bb141a; opacity: 0.5;}

.mobile{display:none;}
@media screen and (max-width: 1200px){
	.contact-button{display:none !important;}
	.video-wrap{width:560px; bottom:-240px;}
	.video-wrap .video iframe{height:300px !important;}
	.letter .sunflower, .letter .flower, .letter .flower1, .letter .flower2{bottom:0px;}
}

@media screen and (max-width: 991px){
	.video-wrap{width:460px; bottom:-230px;}
	.video-wrap .video{border:5px solid #006cb8; box-shadow: 4px 4px 0px #ccc, -4px 4px 0px #ccc;}
	.video-wrap .video iframe{height:250px !important;}
	.chuongtrinh-1{margin-top:-20%;}
	.benefit .col-md-4:not(:last-child)::after{content: ""; width:100%;  height:10px; top:calc(100% - 30px); left:50%; transform:translateX(-50%); background-image:url(../images/line-shape-mb.svg); background-repeat:no-repeat; background-size:cover;}
}

@media screen and (max-width: 767px){
	.main-menu{display: none !important;}
	.mobile{display:block;}
	.desktop{display: none !important;}
	.header{display: block;}
	.video-wrap{width:326px; bottom:unset; top:calc(100% - 50px);}
	.video-wrap .video{border:5px solid #006cb8; box-shadow: 4px 4px 0px #ccc, -4px 4px 0px #ccc; max-width:343px;}
	.video-wrap .video iframe{height:192px !important;}
	.header-section{padding:20px 0px; height:auto; height:100px; background-size:100% 90px;}
	.letter .flower1, .letter .flower2{display:none;}
	.letter .sunflower{left:50%; bottom:10px;}
	.footer{padding-bottom:110px;	}
	#toolbar-newsky{display:inline-block;}
	.fix_tel{display:none;}
}