.icon-base{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.view-all-button-light-base{cursor:pointer;font-size:14px;font-weight:500;line-height:20px;color:#444;background:linear-gradient(180deg,hsla(0,0%,100%,0),rgba(193,199,208,.02)),#fff;box-shadow:0 1px 2px 0 rgba(164,172,185,.24),0 0 0 1px rgba(33,33,33,.08);border-radius:4px;padding:8px 12px;margin-right:10px}.swiper-navigation-base{cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;margin-left:auto}.swiper-navigation-base .swiper-navigation-next,.swiper-navigation-base .swiper-navigation-prev{padding:8px;width:36px;height:36px;background:linear-gradient(180deg,hsla(0,0%,100%,0),rgba(193,199,208,.02)),#fff;box-shadow:0 1px 2px 0 rgba(164,172,185,.24),0 0 0 1px rgba(33,33,33,.08);border-radius:4px}.swiper-navigation-base .swiper-navigation-next:after,.swiper-navigation-base .swiper-navigation-prev:after{content:none}.banner-ramadan{margin-bottom:20px}.banner-ramadan-container{display:flex;align-items:center}@media screen and (max-width:767px){.banner-ramadan-container{order:2;justify-content:center}}@media (min-width:768px){.banner-ramadan-container{width:auto}}.banner-ramadan-wrapper{display:flex;flex-direction:row;max-height:100px;height:100px;align-items:center;background-image:url(../images/ramadan-banner-l-2025.png);background-position:0 0;background-size:cover;justify-content:space-between;position:relative;z-index:9;background-repeat:no-repeat;cursor:pointer}@media screen and (min-width:992px) and (max-width:1200px){.banner-ramadan-wrapper{background-image:url(../images/ramadan-banner-md-2025.png)}}@media screen and (min-width:768px) and (max-width:992px){.banner-ramadan-wrapper{background-image:url(../images/ramadan-banner-sm-2025.png);background-position:0 0}}@media screen and (min-width:576px) and (max-width:767px){.banner-ramadan-wrapper{background-image:url(../images/ramadan-banner-xs-2025.png);background-position:50%;background-size:cover;justify-content:start;margin-left:-10px;margin-right:-10px}}@media screen and (max-width:575px){.banner-ramadan-wrapper{background-image:url(../images/ramadan-banner-xs-2025.png);background-size:cover;height:100px;max-height:100px;background-position:50%;margin-left:-10px;margin-right:-10px}}.banner-ramadan-wrapper:after{content:"";position:absolute;bottom:0;left:0;border:1px solid #686868;width:100%;height:100%;z-index:-1}.banner-ramadan-wrapper a{width:100%;height:100%;z-index:2}.banner-ramadan-wrapper a.ramadan-page-btn{display:none}@media screen and (max-width:767px){.banner-ramadan-wrapper a.mobile{display:block}}@media screen and (min-width:768px){.banner-ramadan-wrapper a.desktop{display:block}}.banner-ramadan .countdown{flex-shrink:1}@media screen and (min-width:768px){.banner-ramadan .countdown{margin-right:24px}}.banner-ramadan .countdown time{display:flex;font-size:20px;font-weight:700;color:#03332e;margin-top:4px}.banner-ramadan .countdown time .icon-o-clock{width:28px;height:28px;margin-top:8px;margin-left:0;margin-right:20px;display:inline-block}.banner-ramadan .countdown time .double-dot{color:#d1fffb;display:flex;align-items:center;margin:0 4px}.banner-ramadan .countdown time .hour,.banner-ramadan .countdown time .minute,.banner-ramadan .countdown time .second{width:39px;height:47px;background:#d1fffb;display:flex;justify-content:center;align-items:center;border-radius:8px}@media screen and (max-width:767px){.banner-ramadan .countdown time .hour,.banner-ramadan .countdown time .minute,.banner-ramadan .countdown time .second{width:34px;height:39px;font-size:18px;margin-top:8px}}@media screen and (max-width:576px){.banner-ramadan .countdown time .hour,.banner-ramadan .countdown time .minute,.banner-ramadan .countdown time .second{width:24px;height:25px;font-size:12px}}@media (min-width:768px){.banner-ramadan .countdown time .icon-o-clock{display:flex}}.banner-ramadan .countdown-wrapper{display:flex;width:100%;justify-content:space-between}@media screen and (max-width:767px){.banner-ramadan .countdown-wrapper{justify-content:center}}@media (min-width:768px){.banner-ramadan .countdown-wrapper{width:auto;flex-direction:row}}.banner-ramadan .text-status{font-family:Inter,sans-serif;font-size:18px;font-weight:600;line-height:20px;color:#c7fdf7;text-transform:uppercase;white-space:nowrap;margin-top:8px}@media screen and (min-width:768px) and (max-width:992px){.banner-ramadan .text-status{font-size:14px;line-height:17px;white-space:normal;width:178px}}@media screen and (max-width:767px){.banner-ramadan .text-status{font-size:12px;white-space:normal;width:146px}}.banner-ramadan .text-status a{display:flex;align-items:center;display:contents;line-height:1;font-weight:700;color:#000;font-size:12px;font-style:normal;font-family:Inter,sans-serif;letter-spacing:normal;text-align:left;text-transform:capitalize;margin-right:10px}@media screen and (min-width:768px) and (max-width:1199px){.banner-ramadan .text-status a{line-height:1.5}}@media (min-width:768px){.banner-ramadan .text-status a{font-size:14px;text-align:center}}@media (min-width:1200px){.banner-ramadan .text-status a{font-size:20px;text-align:left}}@media screen and (min-width:768px) and (max-width:992px){.banner-ramadan .text-status a{text-align:left;white-space:nowrap}}@media screen and (max-width:768px){.banner-ramadan .text-status a{font-weight:700;line-height:18px;letter-spacing:.5px}.banner-ramadan .text-status a br{display:none}}.banner-ramadan .js-dropdown{position:relative;margin-top:0;max-width:180px;align-items:center;left:80px;z-index:3;height:45px}@media screen and (max-width:767px){.banner-ramadan .js-dropdown{left:0}}@media screen and (min-width:768px){.banner-ramadan .js-dropdown{margin-bottom:0;margin-top:0;margin-left:0;left:0}}@media (min-width:992px){.banner-ramadan .js-dropdown{max-width:200px;display:flex;flex-direction:column}}.banner-ramadan .js-dropdown-btn{letter-spacing:.39px;text-align:left;text-transform:uppercase;width:204px;height:40px;display:flex;font-size:16px;font-style:normal;font-weight:600;color:#fff;background-color:#39867c;padding:8px;justify-content:space-between;border-radius:6px;box-shadow:0 3px 10px rgba(0,0,0,.02)}@media screen and (max-width:767px){.banner-ramadan .js-dropdown-btn{font-size:16px;width:173px;height:38px}}@media screen and (max-width:576px){.banner-ramadan .js-dropdown-btn{width:173px;height:30px;font-size:12px}}.banner-ramadan .js-dropdown-btn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.banner-ramadan .js-dropdown-ico{color:#fff}.banner-ramadan .js-dropdown-list{left:0;top:99%;width:calc(100% - 7px);max-height:314px}.banner-ramadan .js-dropdown-list::-webkit-scrollbar{background:#39867c!important;border-radius:0 0 2px 2px;width:3px}.banner-ramadan .js-dropdown-list::-webkit-scrollbar-thumb{background:#39867c!important;height:65px;width:3px}@media (min-width:768px){.banner-ramadan .js-dropdown-list{width:100%}}.banner-ramadan .js-dropdown-item{font-size:12px;font-weight:700;padding:6px 0 6px 13px;line-height:25px;font-style:normal;position:relative;color:#fff;letter-spacing:.48px;text-transform:uppercase;background:#39867c;border-bottom:1px solid #39867c;border-radius:0}.banner-ramadan .js-dropdown-item.active:after{content:"";position:absolute;right:15px;display:inline-block;transform:rotate(45deg);height:17px;width:9px;border-bottom:3px solid #fff;border-right:3px solid #fff}@media screen and (min-width:768px){.banner-ramadan .js-dropdown-item{padding:5px 0 5px 10px;font-size:14px}}.banner-ramadan .js-dropdown-item:first-child{border-top:1px solid #39867c}.banner-ramadan .js-dropdown-item:last-child{border-bottom-color:transparent}.banner-ramadan .js-dropdown-item.active{color:#fff}.banner-ramadan .js-dropdown-item.active:before{content:"";top:-1px;left:-14px;z-index:-1;display:block;width:calc(100% + 14px);height:calc(100% + 3px);position:absolute;background-color:#39867c}.banner-ramadan .js-dropdown.dropdown-active .js-dropdown-btn{color:#39867c}@media screen and (max-width:413px){.banner-ramadan .js-dropdown.dropdown-active .js-dropdown-btn{width:180px}}.banner-ramadan .js-dropdown.dropdown-active .js-dropdown-list{top:calc(50% + 20px)}@media screen and (max-width:413px){.banner-ramadan .js-dropdown.dropdown-active .js-dropdown-list{top:calc(50% + 19px);width:180px}}.banner-ramadan .sponsored-logo{display:none}.banner-ramadan .ramadan-inner{height:100%;width:100%;display:flex;gap:0;flex-direction:column;align-items:center;justify-content:space-between;flex-direction:row;margin-right:16px;margin-left:80px}@media (min-width:768px){.banner-ramadan .ramadan-inner{gap:20px;margin-right:16px}}.banner-ramadan-ads{display:flex}.banner-ramadan-ads .ramadan-ads-img{display:flex;align-items:center;justify-content:center;height:100px}@media screen and (max-width:767px){.banner-ramadan-ads .ramadan-ads-img{height:auto}}@media screen and (max-width:576px){.banner-ramadan-ads .ramadan-ads-img{height:auto}}.banner-ramadan-ads .ramadan-ads-img img{width:205px}@media screen and (max-width:991px){.banner-ramadan-ads .ramadan-ads-img img{width:181px}}@media screen and (min-width:576px) and (max-width:767px){.banner-ramadan-ads .ramadan-ads-img img{width:111px}}@media screen and (max-width:575px){.banner-ramadan-ads .ramadan-ads-img img{width:91px}}@media screen and (max-width:767px){.banner-ramadan-ads{flex-direction:column}}.ramadan-dropdown-wrapper{display:flex;flex-direction:column;justify-content:center}.ramadan-routing{display:flex;width:100%;position:absolute;height:100%}.ramadan-page-btn-cnn{width:80%!important}@media screen and (max-width:1200px){.ramadan-page-btn-cnn{width:75%!important}}@media screen and (max-width:991px){.ramadan-page-btn-cnn{width:70%!important}}.ramadan-page-btn-cnn.desktop{display:none}@media screen and (min-width:768px){.ramadan-page-btn-cnn.desktop{display:flex}}.ramadan-page-btn-cnn.mobile{display:flex}@media screen and (min-width:768px){.ramadan-page-btn-cnn.mobile{display:none}}.ramadan-page-btn{width:20%!important}@media screen and (max-width:1200px){.ramadan-page-btn{width:25%!important}}@media screen and (max-width:991px){.ramadan-page-btn{width:30%!important}}