.page-banner{position: relative;overflow: hidden;background: var(--v-white);}
.page-banner .banner-top{position: relative;width:100%;background: url(/wp-content/themes/vantage/images/mou-banner-top-bg.webp) center no-repeat;background-size: cover;}
.page-banner .banner-top .inner{padding-top: 202px;padding-bottom: 273px;}
.page-banner .banner-top .inner .text-box img{margin-bottom: 50px;}
.page-banner .banner-top .inner .text-box h1{font-size: var(--fs-56);margin-bottom: 24px;color: #002329;line-height: 1.15;}
.page-banner .banner-top .inner .text-box h1 span{color: #E35728;}
.page-banner .banner-top .inner .text-box p{font-size: var(--fs-20);margin-bottom: 0px;color: var(--v-black);line-height: 1.3;}
.banner-bottom{padding:0px 30px 90px;position: relative;z-index: 1;}
.banner-bottom .img-and-text{max-width: 1402px; margin: 0 auto;margin-top: -154px; box-shadow: 0px 10px 20px #00000029;border-radius: 25px;background: var(--v-white);padding: 68px 50px 70px;}
.banner-bottom .img-and-text .hide-mobile{display: none;}
.banner-bottom .img-and-text .top{margin-bottom: 23px;display: flex; justify-content: space-between;}
.banner-bottom .img-and-text .top .text-box{max-width: 751px;color: var(--v-black);margin-right: 15px;}
.banner-bottom .img-and-text .top .text-box h2{font-size: var(--fs-50);margin-bottom:20px;line-height: 1.2;font-weight: 600;}
.banner-bottom .img-and-text .top .text-box .msg{margin-bottom: 20px;}
.banner-bottom .img-and-text .top .text-box .msg p{font-size: var(--fs-18);margin-bottom: 28px;}
.banner-bottom .img-and-text .top .text-box .msg p:last-child{margin-bottom: 0px;}
.banner-bottom .img-and-text .top .img-box{border-radius: 20px;overflow: hidden;background: url(/wp-content/themes/vantage/images/mou-banner-bottom-img.webp) center right no-repeat;background-size: cover;height: 465px;min-width: 40%;}
.banner-bottom .img-and-text .top .img-box img{opacity: 0;}
.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: var(--v-white);position: relative;z-index: 1;}
.education-report-content .inner{padding-bottom: 90px;max-width: 1365px;}
.education-report-content .inner h2{margin-bottom: 50px;font-size: var(--fs-70);font-weight: 700;text-align: center;color: #002329;line-height: 1.16;}
.education-report-content .inner h2 span{color: #E35728;}
.education-report-content .inner .text-box{color: #000000;text-align: center;max-width: 1063px;margin: 0 auto 50px;font-size: var(--fs-18);}
.education-report-content .inner .img-box img:last-of-type{display: none;}
.mclaren-row3-wrapper{background: url(/wp-content/themes/vantage/images/mou-row3-bg.webp) center no-repeat;background-size: cover;width: 100%;}
/* row3 */
.mclaren-row3-wrapper .inner{padding-top: 80px;padding-bottom: 80px;}
.mclaren-row3-wrapper .row3-inner .img-box{text-align: center;}
.mclaren-row3-wrapper .row3-inner .img-box img{margin-bottom: 50px;}
.mclaren-row3-wrapper .row3-inner .row3-swiper { position: relative;}
.mclaren-row3-wrapper .row3-inner .row3-swiper .swiper-slide .silde-box { display: flex;border-radius:15px; background-color:#f2f3f5;box-shadow: 0px 0px 10px #33334328; overflow:hidden;}
.mclaren-row3-wrapper .row3-inner .row3-swiper .swiper-slide .left { padding:63px 90px 63px 102px; }
.mclaren-row3-wrapper .row3-inner .row3-swiper .swiper-slide .left p { color: #000;font-size:var(--fs-18);margin-bottom:32px;}

.mclaren-row3-wrapper .row3-inner .row3-swiper .swiper-slide .left p.text{ color: var(--v-black-light);font-style:italic;font-size:var(--fs-20);font-weight: 600;line-height: 1;margin-bottom: 0;}
.mclaren-row3-wrapper .row3-inner .row3-swiper .swiper-slide .right { flex: 0 0 42.9%;flex-shrink: 0;}
.img-elasticity { position: relative;}
.img-elasticity span { position: absolute; z-index: 5;width:100%;height:100%;top: 0; left: 0;}
.mclaren-row3-wrapper .row3-inner .row3-swiper .btn-box { display: flex;margin-top: 18px;}
.mclaren-row3-wrapper .row3-inner .row3-swiper .swiper3-button {height: 50px; width: 50px; border-radius: 50%;transition: .3s all; display: flex; justify-content: center; align-items: center;}
.mclaren-row3-wrapper .row3-inner .row3-swiper .swiper3-button:hover{width: 50px;height: 50px;background: #D9DADC;}

.mclaren-row3-wrapper .row3-inner .swiper3-pagination { position: unset;margin-top:50px;}
.mclaren-row3-wrapper .row3-inner .swiper3-pagination .swiper-pagination-bullet { background-color:#81A4AA;transition: .3s all;}
.mclaren-row3-wrapper .row3-inner .swiper3-pagination .swiper-pagination-bullet-active { background-color:var(--v-white);width: 24px; height: 7px;border-radius: 5px;}
.mclaren-row3-wrapper .row3-inner .row3-swiper .swiper3-button:first-child { transform: rotate(180deg);}
.mclaren-row3-wrapper .row3-inner .row3-swiper .swiper3-button:last-child { margin-left: 18px;}
.mclaren-row3-wrapper .row3-inner .row3-swiper .swiper-slide .left p:nth-child(1) span{font-size: var(--fs-30);color: #E35728;font-weight: 700;line-height: 1;}
.highlight{background:#F2F3F5;overflow: hidden;}
.highlight .inner{padding-top:90px;padding-bottom: 90px;}
.highlight .inner h2{display: none; font-weight: 700;font-size: var(--fs-70);color: var(--v-black);text-align: center;margin-bottom: 73px;line-height: 1.2;}
.highlight .inner h2 span{color: #E35728;}
.highlight .inner .main-content{position: relative; }
.highlight .inner .main-content ul.list li{max-width: 600px;cursor: pointer;}
.highlight .inner .main-content ul.list li .img-box{ 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 .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);}
.highlight .inner .main-content .swiper-pagination{display: none;}

html[lang='ar-AE'] .page-banner .banner-top .inner .text-box{max-width: 600px;text-align: right;}
html[lang='ar-AE'] .banner-bottom .img-and-text .top .text-box h2,
html[lang='ar-AE'] .banner-bottom .img-and-text .top .text-box .msg,
html[lang='ar-AE'] .mclaren-row3-wrapper .row3-inner .row3-swiper .swiper-slide .left,
html[lang='ar-AE'] .ceo-message-wrapper .text-box h2,
html[lang='ar-AE'] .banner-bottom .img-and-text .top .text-box,
html[lang='ar-AE'] .ceo-message-wrapper .text-box .text p{text-align: right;}
html[lang='ar-AE'] .mclaren-row3-wrapper .row3-inner .row3-swiper .btn-box{justify-content: flex-end;}

@media (max-width:1250px){
    .page-banner .banner-top{background-position:30% center;}
    .page-banner .banner-top .inner .text-box img{max-width: 500px;}
    .education-report-content .inner h2{margin-bottom: 30px;}
    .education-report-content .inner h2 br{display: none;}
    .mclaren-row3-wrapper .row3-inner .row3-swiper .swiper-slide .left { padding: 60px 50px 50px;}
}
@media (max-width:980px){
    .highlight .inner{padding-top: 60px; padding-bottom: 60px;}
    .mclaren-row3-wrapper{ top: -80px;}
}
@media (max-width:768px) {
    .page-banner{background: #EFEFEF;}
    .page-banner .banner-top{ position: relative;height: 500px;background-position: center left;}
    .page-banner .banner-top .inner{padding-top: 60px;padding-bottom: 20px;}
    .page-banner .banner-top .inner .text-box img{max-width: 350px;margin-bottom: 20px;}
    .page-banner .banner-top .inner .text-box h1{margin-bottom: 8px;}
    .banner-bottom{padding-bottom: 45px;} 
    .banner-bottom .img-and-text{padding: 32px 40px 32px;text-align: center;box-shadow: 20px 21px 20px #00000029;border-radius: 12px;}
    .banner-bottom .img-and-text .top{flex-wrap: wrap;justify-content: center;margin-bottom: 16px;}
    .banner-bottom .img-and-text .top .text-box{margin-right: 0;text-align: center;}
    .banner-bottom .img-and-text .top .text-box h2{margin-bottom: 16px;}
    .banner-bottom .img-and-text .top .text-box .msg{margin-bottom: 16px;}
    .banner-bottom .img-and-text .top .img-box{height: 280px;}
    .banner-bottom .img-and-text .top .img-box img{height: 100%;}
    .banner-bottom .img-and-text a.hide-pc{display: none;}
    .banner-bottom .img-and-text a.hide-mobile{display: block;margin: 0 auto;max-width: 100%;}
    .banner-bottom .img-and-text .top .text-box .msg p{margin-bottom: 14px;}
    .education-report-content{background: #EFEFEF;}
    .education-report-content .inner{padding-bottom: 32px;}
    .education-report-content .inner h2{margin-bottom: 14px;}
    .education-report-content .inner .text-box{margin-bottom: 30px;}
    .education-report-content .inner .text-box p{margin-bottom: 10px;}
    .mclaren-row3-wrapper { z-index: 10;}
    .mclaren-row3-wrapper{ box-shadow: 0px 0px 10px #33334328}
    .mclaren-row3-wrapper .inner{padding-top: 60px;padding-bottom: 60px;}
    .mclaren-row3-wrapper .row3-inner .row3-swiper .swiper-slide .silde-box { flex-direction: column-reverse;border-radius: 10px;background-color:#ffffff;box-shadow:unset;}
    .mclaren-row3-wrapper .row3-inner .img-box img{max-width:80%;margin-bottom: 30px;}
    .mclaren-row3-wrapper .row3-inner .row3-swiper .swiper-slide .left { padding: 20px 12px 30px; }
    .mclaren-row3-wrapper .row3-inner .swiper3-pagination{ display:none;}
    .mclaren-row3-wrapper .row3-inner .swiper3-pagination .swiper-pagination-bullet{ width: 71px; height: 3px;background-color:#e6e6e6;opacity: 1;border-radius:0;margin:0;} 
    .mclaren-row3-wrapper .row3-inner .swiper3-pagination .swiper-pagination-bullet-active{ background-color:#818181; }
    .mclaren-row3-wrapper .row3-inner .row3-swiper .swiper-slide .left p:nth-child(1) span{font-size: 25px;}
    .highlight .inner{padding-top: 34px; padding-bottom: 32px;}
    .highlight .inner h2{margin-bottom: 36px;}
    .highlight .inner .main-content{padding-bottom: 32px;}
    .highlight .inner .main-content .swiper-pagination{bottom: 0;top: unset;background: #D9D9D9;height: 2px;display: block;width: 70%;left: 50%;transform: translateX(-50%);}
    .highlight .inner .main-content .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#818181;height: 3px;}
}
@media (max-width:500px){
    .banner-bottom{padding: 0px 21px 32px;}
    .page-banner .banner-top .inner .text-box img{margin-bottom: 10px;}
    .banner-bottom .img-and-text{padding: 32px 21px 32px;}
    .banner-bottom .img-and-text .top .img-box{background: url(/wp-content/themes/vantage/images/mou-banner-bottom-img-mobile.webp);height: 200px;background-size: cover;}
    .banner-bottom .img-and-text .top .text-box .msg p{margin-bottom: 10px;}
    .mclaren-row3-wrapper{ top: -58px;}
    .mclaren-row3-wrapper .inner{padding-top: 32px;padding-bottom: 30px;}
    .mclaren-row3-wrapper .row3-inner{padding: 0px 7px;}
    .mclaren-row3-wrapper .row3-inner .row3-swiper .swiper-slide { padding:0 5px;}
    .mclaren-row3-wrapper .img-elasticity span { background-size: 100% !important;}
    .mclaren-row3-wrapper .row3-inner .row3-swiper .swiper-slide .right img{max-height: 229px;}
    .mclaren-row3-wrapper .row3-inner .row3-swiper .swiper-slide .left p { margin-bottom:20px;}
    .mclaren-row3-wrapper .row3-inner .row3-swiper .swiper-slide .left p.text{font-size: 14px;}
    .mclaren-row3-wrapper .row3-inner .row3-swiper .swiper-slide .left p.text span{color: #E35728;}
    .highlight .inner h2,
    .highlight .inner h2 span{color: #002329;}
    .highlight .inner h2{display: block;}
    .highlight .inner .main-content ul.list li .img-box{border-radius: 15px;box-shadow: 0px 10px 22px #33334328;}
}

@media (max-width:393px){
    .page-banner .banner-top{background: url(/wp-content/themes/vantage/images/mou-banner-top-bg-mobile.webp) center no-repeat;background-size: cover;}
    .page-banner .banner-top .inner .text-box{text-align: center;}
    .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 .banner-top .inner .text-box p{font-size: 14px;}
    .page-banner .banner-top .inner{padding-top: 28px;}
    .page-banner .banner-top .inner .text-box img{max-width: 290px;}
    .banner-bottom .img-and-text{margin-top: -83px;padding: 24px 8px 24px;}
    .education-report-content .inner h2{margin-bottom: 10px;font-weight: 600;max-width: 300px;margin: 0 auto 10px;}
    .education-report-content .inner .text-box{padding: 0px 12px;text-align: left;margin-bottom: 10px;}
    .education-report-content .inner .img-box img:first-of-type{display: none;}
    .education-report-content .inner .img-box img:last-of-type{display: block;margin: 0 auto;}
    .mclaren-row3-wrapper .row3-inner .row3-swiper .swiper-slide .left p.text{font-size: 14px;}
}
@media (max-width:375px) {
    html[lang='de-DE'] .banner-bottom .img-and-text a.hide-mobile{max-width: 80%;}
}