.icon-base{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.banner-ramadan{margin-bottom:20px}.banner-ramadan-container{display:flex;width:100%;align-items:center;margin-top:1.5rem}@media (min-width:768px){.banner-ramadan-container{width:auto;margin:0 1.5rem}}@media (min-width:992px){.banner-ramadan-container{margin:0 3.5rem}}.banner-ramadan-wrapper{display:flex;flex-direction:column;max-height:150px;height:150px;align-items:center;background-image:url(../images/section-ramadan-bg-l.png);background-position:50%;background-size:cover;justify-content:space-around;position:relative;z-index:9}.banner-ramadan-wrapper:after{content:"";position:absolute;bottom:0;left:0;background:url(../images/section-ramadan-bg-2.png) 100% 100%;width:100%;height:35px;z-index:-1}.banner-ramadan-wrapper .light{background:url(../images/light.png) no-repeat;position:absolute;top:0;background-size:cover;right:-10px;width:130px;height:30px}@media (min-width:768px){.banner-ramadan-wrapper .light{right:64px;width:206px;height:38px}}@media (min-width:992px){.banner-ramadan-wrapper .light{width:271px;right:96px;height:52px}}@media (min-width:1200px){.banner-ramadan-wrapper .light{width:306px;right:125px;height:73px}}@media (min-width:768px){.banner-ramadan-wrapper{flex-direction:row;justify-content:space-between}}.banner-ramadan .countdown{width:125px;flex-shrink:1;margin-right:2.5rem}@media (min-width:768px){.banner-ramadan .countdown{width:234px;margin-right:0}}@media (min-width:992px){.banner-ramadan .countdown{width:250px;margin-right:0}}.banner-ramadan .countdown h4{line-height:1;font-weight:500;color:#fff;font-size:11px;font-style:normal;letter-spacing:normal;text-align:center;text-transform:capitalize}@media (min-width:768px){.banner-ramadan .countdown h4{font-size:16px;text-align:left}}.banner-ramadan .countdown time{display:flex;font-size:20px;font-weight:700;color:#453600;margin-top:4px}.banner-ramadan .countdown time .icon-o-clock{background:url(../images/o-clock.svg) no-repeat;width:28px;height:28px;margin-top:8px;margin-left:4px;margin-right:20px;display:none}.banner-ramadan .countdown time .double-dot{color:#fecf21;display:flex;align-items:center;margin:0 4px}.banner-ramadan .countdown time .hour,.banner-ramadan .countdown time .minute,.banner-ramadan .countdown time .second{width:36px;height:42px;background:#fecf21;display:flex;justify-content:center;align-items:center}@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 (min-width:768px){.banner-ramadan .countdown-wrapper{width:auto;flex-direction:column}}.banner-ramadan .countdown-wrapper .js-dropdown{position:relative;margin-top:-1rem;max-width:170px;margin-left:1rem}@media (min-width:768px){.banner-ramadan .countdown-wrapper .js-dropdown{margin-bottom:9px;max-width:200px;margin-top:0;margin-left:0}}@media (min-width:992px){.banner-ramadan .countdown-wrapper .js-dropdown{max-width:244px}}.banner-ramadan .countdown-wrapper .js-dropdown-btn{font-size:14px;font-style:normal;letter-spacing:.39px;text-align:left;text-transform:uppercase;width:100%;height:34px;display:flex;font-weight:600;margin-right:7px;border-radius:2px;color:#fff;padding:9px 10px;justify-content:space-between;border:1px solid hsla(0,0%,100%,.5);box-shadow:0 3px 10px rgba(0,0,0,.02)}@media (min-width:768px){.banner-ramadan .countdown-wrapper .js-dropdown-btn{height:48px;font-size:20px;margin-right:0;letter-spacing:.48px;padding:14px 10px}}.banner-ramadan .countdown-wrapper .js-dropdown-btn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.banner-ramadan .countdown-wrapper .js-dropdown-list{left:0;top:95%;width:calc(100% - 7px);max-height:314px}.banner-ramadan .countdown-wrapper .js-dropdown-list::-webkit-scrollbar{background:#0c3f22!important;border-radius:0 0 2px 2px;width:3px}.banner-ramadan .countdown-wrapper .js-dropdown-list::-webkit-scrollbar-thumb{background:#219c5c!important;height:65px;width:3px}@media (min-width:768px){.banner-ramadan .countdown-wrapper .js-dropdown-list{width:100%}}.banner-ramadan .countdown-wrapper .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:#04321a;border-bottom:1px solid #032513;border-radius:0}@media (min-width:768px){.banner-ramadan .countdown-wrapper .js-dropdown-item{padding:13px 0 13px 13px;font-size:16px}}.banner-ramadan .countdown-wrapper .js-dropdown-item:first-child{border-top:1px solid #12839d}.banner-ramadan .countdown-wrapper .js-dropdown-item:last-child{border-bottom-color:transparent}.banner-ramadan .countdown-wrapper .js-dropdown-item.active{color:#fff}.banner-ramadan .countdown-wrapper .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:#12839d}.banner-ramadan .countdown-wrapper .js-dropdown.dropdown-active .js-dropdown-btn{color:#12839d;background-color:#fff}.banner-ramadan .sponsored-logo{display:none}.banner-ramadan .ramadan-message{font-size:25px;font-weight:700;line-height:30px;font-style:italic;text-align:center;letter-spacing:.5px;color:#ffc700;text-transform:uppercase}@media (min-width:768px){.banner-ramadan .ramadan-message{width:165px;font-size:20px;line-height:30px;letter-spacing:.6px}}@media (min-width:992px){.banner-ramadan .ramadan-message{width:315px;font-size:40px;line-height:40px;letter-spacing:.8px}}.banner-ramadan .ramadan-message h3{font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;text-transform:inherit}.banner-ramadan .ramadan-routing{width:100%;display:flex;flex-direction:row;justify-content:flex-end}@media (min-width:768px){.banner-ramadan .ramadan-routing{width:auto;flex-direction:column;justify-content:space-between;margin:0 1.5rem}}@media (min-width:992px){.banner-ramadan .ramadan-routing{margin:0 3.5rem}}.banner-ramadan .ramadan-routing .iftar-menu-page{display:none;align-items:center;margin:1.5rem 0}@media (min-width:768px){.banner-ramadan .ramadan-routing .iftar-menu-page{display:flex;justify-content:center}}.banner-ramadan .ramadan-routing .iftar-menu-page>.icon-ramadan{margin-right:7px;background:url(../images/cutlery.svg) no-repeat;width:24px;height:24px}.banner-ramadan .ramadan-routing .iftar-menu-page .iftar-menu{color:#fff;font-size:15px;letter-spacing:.5px;position:relative}.banner-ramadan .ramadan-routing .iftar-menu-page .iftar-menu>.arrow-right{background:url(../images/right-arrow.svg) no-repeat;position:absolute;top:6px;right:-24px;width:20px;height:20px}.banner-ramadan .ramadan-routing .ramadan-page-btn{color:#fff;display:flex;align-items:center;justify-content:center;width:140px;height:27px;font-size:11px;border-radius:4px;text-align:center;letter-spacing:.39px;background-color:#147340;text-transform:uppercase;margin-right:1.5rem;margin-bottom:1rem}@media (min-width:768px){.banner-ramadan .ramadan-routing .ramadan-page-btn{margin-top:8px;width:198px;height:38px;font-size:15px;margin-right:0;margin-bottom:0}}@media (min-width:992px){.banner-ramadan .ramadan-routing .ramadan-page-btn{width:209px;height:39px}}@media (max-width:767.98px){.banner-ramadan .section-ramadan-container+.ramadan-message{margin-top:4px}}@media (max-width:767.98px){.banner-ramadan .ramadan-message+.ramadan-routing{margin-top:3px}}.banner-ramadan.with-sponsored .countdown{width:45%}@media (min-width:768px){.banner-ramadan.with-sponsored .countdown{width:220px}}@media (min-width:992px){.banner-ramadan.with-sponsored .countdown{width:250px}}.banner-ramadan.with-sponsored .sponsored-logo{width:50%;display:block;margin-right:5px}@media (min-width:768px){.banner-ramadan.with-sponsored .sponsored-logo{width:auto}}.banner-ramadan.with-sponsored .sponsored-logo img{width:131px}@media (min-width:768px){.banner-ramadan.with-sponsored .sponsored-logo img{width:120px}}@media (min-width:992px){.banner-ramadan.with-sponsored .sponsored-logo img{width:160px}}.banner-ramadan.with-sponsored .ramadan-message{display:none;letter-spacing:.5px}@media (min-width:768px){.banner-ramadan.with-sponsored .ramadan-message{width:145px;display:block;font-size:18px;margin-right:5px;letter-spacing:.32px}}@media (min-width:992px){.banner-ramadan.with-sponsored .ramadan-message{width:235px;font-size:30px;letter-spacing:.8px}}.banner-ramadan.with-sponsored .ramadan-routing{width:auto;flex-direction:column;justify-content:space-around}@media (min-width:768px){.banner-ramadan.with-sponsored .ramadan-routing span{font-size:16px}}@media (min-width:992px){.banner-ramadan.with-sponsored .ramadan-routing span{font-size:20px}}@media (min-width:768px){.banner-ramadan.with-sponsored .ramadan-routing span>i{font-size:12px}}@media (min-width:768px){.banner-ramadan.with-sponsored .ramadan-page{width:160px;font-size:14px;letter-spacing:.42px}}@media (min-width:992px){.banner-ramadan.with-sponsored .ramadan-page{width:191px;font-size:16px;letter-spacing:.48px}}.banner-ramadan .ramadan-ads{display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:absolute;left:20px;bottom:0;background:no-repeat;width:190px;height:97px;background-size:cover;cursor:pointer}@media (min-width:768px){.banner-ramadan .ramadan-ads{left:52%;transform:translateX(-50%);width:265px;height:135px}}@media (min-width:992px){.banner-ramadan .ramadan-ads{width:282px;height:144px}}