.page-banner{position: relative;overflow: hidden;}
.page-banner .banner-top{position: relative;width:100%; overflow:hidden;z-index: 1;background-color: rgba(0, 0, 0, 0.5);}
.page-banner .banner-top .inner{padding-top: 304px;padding-bottom: 320px;}
.page-banner .banner-top .inner .text-box {color: var(--v-white);}
.page-banner .banner-top .inner .text-box h1{font-size: var(--fs-56);font-weight: 700;margin-bottom: 24px;}
.page-banner .banner-top .inner .text-box p{font-size: var(--fs-20);margin-bottom: 0px;}
.page-banner .banner-top .inner .text-box .hide{display: none;}
.banner-bottom{padding:0px 30px 90px;position: relative;z-index: 1;}
.banner-bottom:after{content:"";position: absolute;top: 153px;left: 0;width: 100%;height: 100%;background: #F2F3F5;z-index: -2;}
.banner-bottom .img-and-text{max-width: 1400px; margin: 0 auto;margin-top: -153px; box-shadow: 0px 10px 20px #00000029;border-radius: 25px;background: var(--v-white);padding: 90px 130px 90px;}
.banner-bottom .img-and-text p.hide{width: 100%;height: 32px;background-color: var(--v-white);display: none;margin: 0;}
.banner-bottom .img-and-text .bottom-inner .top{margin-bottom: 23px;display: flex; justify-content: space-between;}
.banner-bottom .img-and-text .bottom-inner .top .text-box{max-width: 735px;color: var(--v-black);margin-right: 15px;}
.banner-bottom .img-and-text .bottom-inner .top .text-box h2{font-size: var(--fs-50);margin-bottom:30px;line-height: 1.2;font-weight: 600;}
.banner-bottom .img-and-text .bottom-inner .top .text-box .msg p{font-size: var(--fs-18);margin-bottom: 28px;}
.banner-bottom .img-and-text .bottom-inner .top .text-box .msg p:last-child{margin-bottom: 0px;}
.banner-bottom .img-and-text .bottom-inner .top .img-box{border-radius: 20px;overflow: hidden;background: url(/wp-content/themes/vantage/images/unesco-banner-bottom-img.webp?v=3) center no-repeat;background-size: cover;height: 370px;min-width: 40%;}
.banner-bottom .img-and-text .bottom-inner .top .img-box img{opacity: 0;}
/* .banner-bottom .img-and-text .bottom-inner a{margin-bottom: 90px;} */
.banner-bottom .img-and-text .unesco-video-box{ width:100%; position:relative;}
.banner-bottom .img-and-text .unesco-video-box img{ display:block; width:100%; height:auto;}
.banner-bottom .img-and-text .unesco-video-box iframe{ width:100% !important; height:100% !important; position:absolute; left:0px; top:0px;}
.education-report-content{background: #F2F3F5;position: relative;z-index: 1;}
.education-report-content .inner{padding-bottom: 90px;}
.education-report-content .inner h2{margin-bottom: 90px;font-size: var(--fs-70);font-weight: 700;text-align: center;color: var(--v-black);line-height: 1.16;}
.education-report-content .inner h2 span{color: #E35728;}
.education-report-content .inner .imgText{display: flex;justify-content: space-between;}
.education-report-content .inner .imgText .img-box{background: url(/wp-content/themes/vantage/images/unesco-education-img3.webp) center no-repeat;background-size: cover;max-height: 461px;min-width: 435px;margin-right: 15px;}
.education-report-content .inner .imgText .img-box img{opacity: 0;}
.education-report-content .inner .imgText .text-box{max-width: 918px;}
.education-report-content .inner .imgText .text-box .top{display: flex;justify-content: flex-start;align-items: center;margin-bottom: 20px;}
.education-report-content .inner .imgText .text-box .top img{margin-right: 63px;}
.education-report-content .inner .imgText .text-box .top p{color: #C51A2D;font-size: var(--fs-18);margin-bottom: 0;line-height: 1.3;}
.education-report-content .inner .imgText .text-box .msg p{color: var(--v-black);font-size: var(--fs-18);line-height: 1.4;margin-bottom: 30px;}
.education-report-content .inner .imgText .text-box .msg p:last-child{margin-bottom: 0;}
.financial-course{background: var(--v-white);}
.financial-course .inner{padding-top: 90px;padding-bottom: 90px;}
.financial-course .inner .imgText{display: flex;justify-content: space-between;background: var(--v-white);box-shadow: 0px 10px 15px #0000000D;border-radius: 10px 0 0 10px;position: relative;overflow: hidden;}
.financial-course .inner .imgText:after{content:"";display: block;width: 10px;height: 100%;position: absolute;left: 0px;top: -70%;opacity: 0;background: var(--v-orange);transition: all .3s linear;border-radius: 10px 0px 0px 10px;}
.financial-course .inner .imgText:hover:after{top: 0px;opacity: 1;}
.financial-course .inner .imgText .text-box{padding: 48px 0px 48px 60px;color: var(--v-black);width: 791px;max-width: 56%;}
.financial-course .inner .imgText .text-box p.title{font-size: var(--fs-34);font-weight: 600;margin-bottom: 17px;line-height: 1.2;}
.financial-course .inner .imgText .text-box .msg p{font-size: var(--fs-18);margin-bottom: 36px;}
.financial-course .inner .imgText .text-box .msg p:last-child{margin-bottom: 0;}
.financial-course .inner .imgText .img-box{width: 575px;max-width: 41%;background: url(/wp-content/themes/vantage/images/unesco-financial-course-img.webp) center top no-repeat;background-size: cover;}
.financial-course .inner .imgText .img-box img{opacity: 0;}
.highlight{background:#F2F3F5;overflow: hidden;}
.highlight .inner{padding-top:90px;padding-bottom: 90px;}
.highlight .inner h2{font-weight: 700;font-size: var(--fs-70);color: var(--v-black);text-align: center;margin-bottom: 90px;line-height: 1.2;}
.highlight .inner h2 span{color: #E35728;}
.highlight .inner .main-content{position: relative;padding-bottom: 53px;}
.highlight .inner .main-content ul.list li{max-width: 600px;cursor: pointer;}
.highlight .inner .main-content ul.list li .img-box{margin-bottom: 25px;position: relative;border-radius: 30px;overflow: hidden;}
.highlight .inner .main-content ul.list li.active .img-box:after{content:"";position: absolute;background: rgba(0, 0, 0, 0.5);width: 100%;height: 100%;left: 0;top: 0;border-radius: 30px;}
.highlight .inner .main-content ul.list li p.title{color: #E35728;font-weight:500;font-size:var(--fs-24) ;margin-bottom: 15px;line-height: 1.2;}
.highlight .inner .main-content ul.list li p.time{color: #818181;font-size:var(--fs-18) ;margin-bottom: 0;line-height: 1.2;}
.highlight .inner .main-content .swiper-pagination{bottom: 0;top: unset;background: #D9D9D9;height: 2px;}
.highlight .inner .main-content .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#E35728;height: 3px;}
.highlight .inner .main-content .text-cnt ul li{display: none;padding: 50px 55px;background: var(--v-white);box-shadow: 0px 10px 20px #00000029;border-radius: 25px;color: var(--v-black);margin-top: 50px;}
.highlight .inner .main-content .text-cnt ul li p:last-child{margin-bottom: 0;}
.highlight .inner .main-content .text-cnt ul li.active{display: block;}
.highlight .inner .main-content .text-cnt ul li .msg p a{color: var(--v-orange);}

html[lang='ar-AE'] .page-banner .banner-top .inner .text-box,
html[lang='ar-AE'] .banner-bottom .img-and-text .bottom-inner .top .text-box,
html[lang='ar-AE'] .education-report-content .inner .imgText .text-box .top p,
html[lang='ar-AE'] .education-report-content .inner .imgText .text-box .msg p,
html[lang='ar-AE'] .highlight .inner .main-content ul.list li p.title,
html[lang='ar-AE'] .highlight .inner .main-content ul.list li p.time,
html[lang='ar-AE'] .ceo-message-wrapper .text-box .text-box-inner,
html[lang='ar-AE'] .financial-course .inner .imgText .text-box p.title,
html[lang='ar-AE'] .financial-course .inner .imgText .text-box .msg p{text-align: right;}
.banner-bottom .orange-button::after{width: 2em;height: 2em;}

@media (max-width:1600px){
    .page-banner .banner-top .inner{padding-top: 190px;padding-bottom: 260px;}
}
@media (max-width:1440px){
    .page-banner .banner-top .inner{padding-top: 130px;padding-bottom: 210px;}

    .banner-bottom .img-and-text{padding: 90px 90px 90px;}
}

@media (max-width:1250px){
    .education-report-content .inner .imgText{flex-wrap: wrap;justify-content: center;}
    .education-report-content .inner .imgText .img-box{width: 688px;min-width: 280px;margin-bottom: 25px;margin-right: 0;}
    .education-report-content .inner .imgText .img-box img{max-height: 360px;}
    .education-report-content .inner h2{margin-bottom: 30px;}
    .education-report-content .inner h2 br{display: none;}
}
@media (max-width:980px){
    .financial-course .inner{padding-top: 60px; padding-bottom: 60px;}
    .financial-course .inner .imgText{flex-wrap: wrap;box-shadow: none;flex-direction: column-reverse;align-items: center;border-radius: 0;}
    .financial-course .inner .imgText .text-box{width: 100%;max-width: 100%;padding: 0;}
    .financial-course .inner .imgText .text-box p.title{text-align: center;}
    .financial-course .inner .imgText .img-box{margin-bottom: 24px;max-width: 100%;}
    .financial-course .inner .imgText .img-box img{max-height: 360px;}
    .financial-course .inner .imgText:after{display: none;}
    .highlight .inner{padding-top: 60px; padding-bottom: 60px;}

    .banner-bottom .img-and-text{padding: 90px 49px 90px;}
}
@media (max-width:768px) {
    .page-banner .banner-top{ position: relative;height: 500px;}
    .page-banner .banner-top .inner{padding-top: 60px;padding-bottom: 20px;}
    .page-banner .banner-top .inner .text-box{text-align: center;}
    .page-banner .banner-top .inner .text-box .hide{display: block;margin: 0 auto 10px;}
    .page-banner .banner-top .inner .text-box h1{margin-bottom: 8px;}
    .banner-bottom{padding: 0px;}
    .banner-bottom .img-and-text{background: transparent;box-shadow: none;padding: 0;}
    .banner-bottom .img-and-text .bottom-inner{padding: 0px 40px 32px;text-align: center;}
    .banner-bottom .img-and-text .bottom-inner .mask{box-shadow: 0px 10px 20px #00000029;padding: 24px;background: #fff;border-radius: 12px;}
    .banner-bottom .img-and-text .bottom-inner .top{flex-wrap: wrap;justify-content: center;margin-bottom: 16px;}
    .banner-bottom .img-and-text .bottom-inner .top .text-box{margin-right: 0;text-align: center;}
    .banner-bottom .img-and-text .bottom-inner .top .text-box h2{margin-bottom: 16px;}
    .banner-bottom .img-and-text .bottom-inner .top .text-box .msg{margin-bottom: 16px;}
    .banner-bottom .img-and-text .bottom-inner .top .img-box{height: 280px;}
    .banner-bottom .img-and-text .bottom-inner .top .img-box img{height: 100%;}
    .banner-bottom .img-and-text .bottom-inner a{margin-bottom: 0px;max-width: 100%;}
    .banner-bottom .img-and-text .bottom-inner .top .text-box .msg p{margin-bottom: 14px;}
    .banner-bottom .img-and-text p.hide{display: block;}
    .education-report-content .inner{padding-top: 32px;padding-bottom: 32px;}
    .education-report-content .inner .imgText .text-box .top img{margin-right: 30px;}
    .financial-course .inner .imgText .text-box .msg p,
    .education-report-content .inner .imgText .text-box .msg p{margin-bottom: 20px;}
    .financial-course .inner{padding-top: 32px; padding-bottom: 32px;}
    .highlight .inner{padding-top: 32px; padding-bottom: 32px;}
    .highlight .inner h2{margin-bottom: 36px;}
}
@media (max-width:500px){
    
    .banner-bottom .img-and-text .bottom-inner{padding: 0px 21px 32px;}
    .banner-bottom .img-and-text .bottom-inner .mask{padding: 24px 8px;box-shadow: 20px 30px 20px #00000029;}
    .banner-bottom .img-and-text .bottom-inner .top .img-box{background: url(/wp-content/themes/vantage/images/unesco-banner-bottom-img-mobile.webp);height: 200px;background-size: cover;}
    .banner-bottom .img-and-text .bottom-inner .top .text-box .msg p{margin-bottom: 10px;}
    .education-report-content .inner .imgText .img-box{background: url(/wp-content/themes/vantage/images/unesco-education-img3-mobile.webp) center no-repeat;}
    .education-report-content .inner .imgText .img-box img{height: 261px;}
    .financial-course .inner .imgText .img-box{background: url(/wp-content/themes/vantage/images/unesco-financial-course-img-mobile.webp) center top no-repeat;height: 279px;}
    .financial-course .inner .imgText .img-box img{height: 100%;}
    .financial-course .inner .imgText .text-box .msg p,
    .education-report-content .inner .imgText .text-box .msg p{margin-bottom: 14px;}
    .highlight .inner .main-content{padding-bottom: 13px;}
    .highlight .inner h2,
    .highlight .inner h2 span{color: #002329;}
    .highlight .inner .main-content ul.list li .img-box{margin-bottom: 18px;}
    .highlight .inner .main-content ul.list li p.title{margin-bottom: 8px;}
    .highlight .inner .main-content ul.list li .img-box{box-shadow: 0px 10px 22px #33334328;border-radius: 15px;}
    .highlight .inner .main-content .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #818181;border-radius: 5px;}
    .financial-course .inner .imgText .text-box p.title{font-size: 22px;}
}

#background-video{height:calc(100vh + 100px);width: 100%;object-fit: cover;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: -1;}
@media (max-width: 768px){
    #background-video{display: none !important;}
    .page-banner{background-color:transparent;background-image: url(/wp-content/themes/vantage/images/unesco-home-banner-bg.webp);background-repeat: no-repeat;background-size: cover;background-position: center right;}
}
@media (max-width:393px){
    .page-banner .banner-top .inner .text-box p{font-size: 14px;}
    .page-banner .banner-top .inner .text-box h1{font-weight: 600;font-size: 20px;}
    .page-banner .banner-top .inner .text-box h1 br{display: none;}
    .page-banner{background-color:transparent;background-image: url(/wp-content/themes/vantage/images/unesco-home-banner-bg-mobile.webp);background-position: center;}
    .page-banner .banner-top{background-color: rgba(0,0,0,0);}
    .page-banner .banner-top .inner{padding-top: 28px;}
    .banner-bottom .img-and-text{margin-top: -83px;}
    .banner-bottom:after{top: 83px;}
    
    .education-report-content .inner h2{margin-bottom: 10px;font-weight: 600;}
    .education-report-content .inner .imgText{padding: 0 12px;}
    .education-report-content .inner .imgText .img-box{margin-bottom: 10px;}
    .education-report-content .inner .imgText .img-box img{height: 229px;}
    .education-report-content .inner .imgText .text-box .top{margin-bottom: 10px;}
    .education-report-content .inner .imgText .text-box .top img{margin-right: 14px;}
    .financial-course .inner .imgText{padding: 0 12px;}
    .financial-course .inner .imgText .img-box{height: 229px;}
    .financial-course .inner .imgText .text-box p.title{margin-bottom: 12px;}
    .financial-course .inner .imgText .img-box{margin-bottom: 10px;}

    .highlight .inner .main-content ul.list li p.title{font-size: 14px;}
    .highlight .inner .main-content ul.list li p.time{font-size: 12px;}
}
@media (max-width:375px) {
    html[lang='de-DE'] .banner-bottom .img-and-text .bottom-inner a{max-width: 80%;}
}