@import url("https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400;500;700&display=swap");.button-primary{background-color:#FC7D28;color:#fff;font-weight:700;box-shadow:0 3px 0 #ee6103}.button-primary:hover,.button-primary:focus{background-color:#fc6e0f;color:#fff}.button-primary:active{background-color:#FC7D28 !important;border-color:transparent !important;color:#fff !important;box-shadow:none}.button-green{background-color:#65BA3F;color:#fff;font-weight:700}.button-green:hover,.button-green:focus{background-color:#509432;color:#fff}.button-green:active{background-color:#65BA3F !important;border-color:transparent !important;color:#fff !important;box-shadow:none}.button-rounded{border-radius:50rem}.button-outline{border:1px solid #fff;background-color:transparent;color:#fff;font-weight:700}.button-outline--green{border:1px solid #0FD5D0;color:#0FD5D0}.button-outline--green:hover,.button-outline--green:focus{background-color:#0ca5a1;color:#0C092A}.button-outline--green:active{background-color:#0FD5D0 !important;border-color:transparent !important;color:#0C092A !important;box-shadow:none}.button-outline--red{border:1px solid #FF2424;color:#FF2424}.button-outline--red:hover,.button-outline--red:focus{background-color:#f00000;color:#fff}.button-outline--red:active{background-color:#FF2424 !important;border-color:transparent !important;color:#fff !important;box-shadow:none}[class^="icon-"]:before,[class*=" icon-"]:before{width:auto}body{font-family:'Noto Naskh Arabic', serif;text-rendering:optimizeLegibility;font-size:0.875rem;background-color:#FFEBC4;min-height:100vh;background-image:none;background-repeat:no-repeat;background-position:center bottom;background-size:contain;font-weight:700}a{text-decoration:none;color:#FC7D28}a:hover{text-decoration:none;color:#0C092A}.box-wrapper{max-width:578px}.header{padding-top:0.75rem;padding-bottom:0.75rem;margin-bottom:0.75rem;position:relative;z-index:2}.header-search{transform:translateY(-0.75rem);margin-bottom:0.25rem;position:relative;z-index:2}.header-search__field{position:relative}.header-search__field input{border-radius:50rem;background-color:#fff;border:2px solid rgba(12,9,42,0.15)}.header-search__field .field-icon{position:absolute;width:40px;height:100%;display:flex;align-items:center;justify-content:center;padding:0 .75rem;top:0;font-size:1.125rem;color:#969696;line-height:0}.search{width:35px;height:35px;display:flex;align-items:center;justify-content:center;font-size:1.125rem;float:right;background-color:#fff;color:#0C092A;border-radius:50%;line-height:0;box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075);margin-left:0.5rem}.search:last-child{margin-left:0}.top-nav{display:flex;flex-direction:row;margin-bottom:1.5rem;position:relative;z-index:2}.top-nav__item{width:25%;text-align:center;font-weight:900;font-size:1rem;color:#0C092A}.top-nav__item a{display:block;width:80%;height:60px;margin-left:auto;margin-right:auto}.top-nav__item a.menu{background-position:center center;background-size:contain;background-repeat:no-repeat}.top-nav__item a.menu--home{background-image:url("../img/icon-menu/home.png")}.top-nav__item a.menu--home.active{background-image:url("../img/icon-menu/home-active.png")}.top-nav__item a.menu--category{background-image:url("../img/icon-menu/video.png")}.top-nav__item a.menu--category.active{background-image:url("../img/icon-menu/video-active.png")}.top-nav__item a.menu--games{background-image:url("../img/icon-menu/game.png")}.top-nav__item a.menu--games.active{background-image:url("../img/icon-menu/game-active.png")}.top-nav__item a.menu--store{background-image:url("../img/icon-menu/store.png")}.top-nav__item a.menu--store.active{background-image:url("../img/icon-menu/store-active.png")}.top-nav__item a.menu--profile{background-image:url("../img/icon-menu/profile.png")}.top-nav__item a.menu--profile.active{background-image:url("../img/icon-menu/profile-active.png")}.content{position:relative;z-index:2}.box-category{display:inline-block;border-radius:50%;width:90px;height:90px;border:4px solid #fff;margin-bottom:0.25rem;box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075)}.box-category img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center center}.box-gameApp{background:#fff;border-radius:10px;padding:6px;display:inline-block;width:100%}.box-gameApp .cover-gameApp{width:100%;height:auto;object-fit:cover;border-radius:4px}.box-gameApp .title{margin:0;font-weight:bold;font-size:14px;transition:0.5s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6C757D;margin:4px 0}.box-header{background:#FEC06F;padding:24px;border-radius:10px}.box-header .img-game-detail{width:74px;height:74px;object-fit:cover;margin-left:14px;border-radius:10px}.banner{position:relative}.banner img{max-width:100%;border-radius:0.75rem}.swiper.swiper-main{margin-bottom:1.25rem}.swiper.swiper-main .swiper-slide{max-width:100%;scale:1;transition:all .2s ease-in-out}.swiper.swiper-main .swiper-slide.swiper-slide-active{scale:1}.swiper.swiper-main .swiper-slide .banner-edu{border-radius:10px;width:100%}.swiper.swiper-main .swiper-pagination{position:static}.swiper.swiper-main .swiper-pagination-bullet{background:#fff;opacity:1}.swiper.swiper-main .swiper-pagination-bullet-active{background:#1C64BF}.swiper.swiper-main .swiper-button-next,.swiper.swiper-main .swiper-button-prev{transform:translateY(-28%);color:#FC7D28}.swiper.swiper-category .swiper-slide{max-width:90px}.swiper.swiper-gameApp .swiper-slide{max-width:120px}.swiper-pagination-horizontal{bottom:-1.25rem !important}.section{position:relative;padding-top:1rem;padding-bottom:1rem}.section-title{font-size:1.8rem;font-weight:bold;margin-bottom:1.5rem}.section--last{padding-bottom:0}.box-video{position:relative;display:block;color:#6C757D;text-decoration:none;background-color:#fff;padding:0.75rem;border-radius:.75rem;margin-bottom:1.5rem}.box-video:hover .box-video__play{display:block}.box-video:hover img{transform:scale(1.05)}.box-video__pict{margin-bottom:0.5rem;position:relative;border-radius:.75rem;overflow:hidden}.box-video__pict::before{content:'';background-color:rgba(12,9,42,0.25);border-radius:.75rem;position:absolute;left:0;right:0;top:0;bottom:0;opacity:0.1;transition:0.5s;z-index:9}.box-video__pict img{max-width:100%;border-radius:.75rem;transition:0.5s}.box-video__play{font-size:3.25rem;position:absolute;top:50%;transform:translateY(-50%);z-index:99;left:0;right:0;text-align:center;color:#fff;transition:0.5s;opacity:1;line-height:0}.box-video__play img{width:80px}.box-video__title{margin:0;font-weight:bold;font-size:1.125rem;transition:0.5s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.box-video-sm{position:relative;display:block;color:#6C757D;text-decoration:none;background-color:#fff;padding:0.5rem;margin-bottom:1.25rem;border-radius:.75rem}.box-video-sm--borderless{background-color:transparent;padding:0;color:inherit}.box-video-sm--borderless .box-video-sm__pict{box-shadow:0 0.5rem 1rem rgba(12,9,42,0.15)}.box-video-sm--borderless .box-video-sm__pict::before{content:none}.box-video-sm--borderless:hover img{filter:none !important}.box-video-sm:hover .box-video-sm__play{display:block}.box-video-sm:hover img{transform:scale(1.05)}.box-video-sm__pict{margin-bottom:0.5rem;position:relative;border-radius:.75rem;overflow:hidden}.box-video-sm__pict::before{content:'';background-color:rgba(12,9,42,0.25);border-radius:.75rem;position:absolute;left:0;right:0;top:0;bottom:0;opacity:0.1;transition:0.5s;z-index:9}.box-video-sm__pict img{max-width:100%;border-radius:.75rem;transition:0.5s}.box-video-sm__play{font-size:2.5rem;position:absolute;top:50%;transform:translateY(-50%);z-index:99;left:0;right:0;text-align:center;color:#fff;transition:0.5s;opacity:1;line-height:0}.box-video-sm__play img{width:70px}.box-video-sm__title{margin:0;font-weight:bold;font-size:1rem;transition:0.5s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.box-video-detail{position:relative;display:block;color:#6C757D;text-decoration:none;background-color:#fff;padding:0.75rem;border-radius:.75rem;margin-bottom:1rem}.box-video-detail:hover img{transform:scale(1.05)}.box-video-detail__pict{position:relative;border-radius:.75rem;overflow:hidden}.box-video-detail__pict::before{content:'';background-color:rgba(12,9,42,0.25);border-radius:.75rem;position:absolute;left:0;right:0;top:0;bottom:0;opacity:0.1;transition:0.5s;z-index:9}.box-video-detail__pict img{max-width:100%;border-radius:.75rem;transition:0.5s}.box-video-detail__play{font-size:3.3125rem;position:absolute;top:50%;transform:translateY(-50%);z-index:99;left:0;right:0;text-align:center;color:#fff;transition:0.5s;opacity:1;line-height:0}.box-video-detail__title{font-weight:bold;font-size:1.3125rem;margin-bottom:1rem;text-align:center}.box-video-detail__desc{text-align:center}.popular-badge{background-image:url("../img/popular-badge.png");background-repeat:no-repeat;background-position:top center;background-size:contain;width:90px;height:40px;position:absolute;top:-0.5rem;left:1.5rem;z-index:1;color:#fff;font-size:1.3125rem;display:flex;align-items:center;justify-content:center;font-weight:bold}.footer{text-align:center;clear:both;position:relative;margin-top:2.5rem;width:100%;height:53px}.footer__copy{background-color:#FC7D28;color:#fff;padding-top:1rem;padding-bottom:1rem}.logo{width:140px;height:50px;display:inline-block}.logo img{width:100%;height:100%;object-fit:contain;object-position:center left}.video-wrapper{background-color:#1C64BF;padding-top:1rem;padding-bottom:1rem;color:#fff}.video{margin-bottom:1rem}.video .plyr__poster{background-size:cover}.video-info{position:relative}.video-info__title{font-weight:bold;font-size:1.3125rem;margin-bottom:1rem;text-align:center}.share{margin:0;padding:0;text-align:center}.share li{list-style:none;display:inline-block;margin:0 0.25rem}.share li .icon{vertical-align:middle;line-height:0}.login{background-color:rgba(28,100,191,0.75);border:5px solid #1C64BF;padding:1.5rem;border-radius:2rem;margin-top:calc(1.5rem * 2)}.login__title{width:200px;height:60px;background-image:url("../img/login-title-bg.png");background-size:contain;background-position:center center;background-repeat:no-repeat;margin-left:auto;margin-right:auto;position:relative;margin-top:calc(-1.5rem - 30px);font-size:1.125rem;font-weight:900;color:#fff;margin-bottom:1rem}.login__title span{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);display:block;text-align:center}.login__field{margin-bottom:1rem}.login__field input{text-align:center}.divider{display:flex;align-items:center;text-align:center;color:#fff;padding-top:1rem;padding-bottom:1rem}.divider::after,.divider::before{content:'';border:0.5px solid rgba(255,255,255,0.5);flex:1}.divider:not(:empty)::before{margin-right:0.5em}.divider:not(:empty)::after{margin-left:0.5em}.cloud{width:100%;height:200px;opacity:0.5;position:absolute;top:0;z-index:1}.cloud img{width:100%;height:100%;object-fit:contain;object-position:center center}.account-box{position:relative;background-color:#fff;padding:1rem 0.75rem;border-radius:.75rem;margin-bottom:1rem}.nav-pills .nav-link{background-color:#fff;border:1px solid transparent;color:#FC7D28;font-weight:bold}.nav-pills .nav-link:first-child{margin-left:0.5rem}.nav-pills .nav-link:last-child{margin-right:0.5rem}.nav-pills .nav-link.active{background-color:#FC7D28;color:#fff}