@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";:root{--dark: #A17A51;--dark-light: #B7976E;--gray: #aeaeae;--light: #ffffff;--primary: #edc843;--primary-light: #ffe588;--main-bg: #f7f7f7;--green: #50db97}*{margin:0;padding:0;box-sizing:border-box}::selection{background-color:transparent}::-webkit-scrollbar{display:none}body,button,input,textarea{font-family:Poppins,sans-serif;color:var(--dark)}body{position:relative;background-color:var(--main-bg)}body.dark{background-color:var(--dark);color:var(--light)}.scroll-hide{overflow:hidden;-webkit-overflow:hidden}button{background-color:transparent;border:none;outline:none;cursor:pointer;-webkit-user-select:none;user-select:none;line-height:1}button:focus{outline:none}a{color:inherit;text-decoration:none}ul,ol,li{list-style:none}.wrapper{width:100%;padding-left:20px;padding-right:20px;padding-bottom:80px}.container{max-width:1080px;margin-left:auto;margin-right:auto}@media only screen and (max-width: 400px){.wrapper{padding-left:10px;padding-right:10px;padding-bottom:20px}}.header{position:relative;display:flex;align-items:center;padding-top:40px;padding-bottom:40px}.header .header-logo{display:flex;justify-content:center;flex-grow:1}.header .header-location{position:absolute;left:0;display:flex;column-gap:10px;align-items:center}.header .header-theme{position:absolute;right:0;display:flex;cursor:pointer}.header .header-theme span{display:none}.header .header-theme span.active{display:block}.header h1{display:none;text-align:center;text-transform:uppercase;font-size:26px;font-style:normal;font-weight:700;line-height:normal}.dark .header .header-location svg path{fill:#fff}.dark .header .header-theme svg path{fill:#fff}@media only screen and (max-width: 768px){.header{justify-content:center}.header .header-logo,.header .header-location{display:none}.header h1{display:block}}@media only screen and (max-width: 375px){.header h1{font-size:20px}}.promo{padding:32px 32px 37px;border-radius:15px;background-color:var(--light);background-image:url(../images/icons/aroma-mini.svg);background-repeat:no-repeat;background-position:bottom right;margin-bottom:32px}.promo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.promo-header .date{font-size:16px;font-weight:500}.promo-header h1{font-size:44px;font-weight:500;line-height:normal}.promo-description{max-width:525px;color:#5a696e;font-size:16px;font-weight:500;margin-bottom:30px}.promo-info{max-width:320px;font-size:16px;font-weight:500;line-height:normal;opacity:.6}.dark .promo{background-color:var(--dark-light)}.dark .promo-description{color:#fff}@media only screen and (max-width: 768px){.promo{display:none}}.accordions-wrapper{display:flex;justify-content:space-between;align-items:flex-start;column-gap:32px;margin-bottom:20px}.accordions-wrapper .accordion{width:calc(50% - 16px);border-radius:10px;background-color:var(--light)}.accordions-wrapper .accordion-header{display:flex;justify-content:space-between;align-items:center;padding:22px 32px}.accordions-wrapper .accordion-header h4{font-size:16px;font-style:normal;font-weight:700;line-height:normal}.accordions-wrapper .accordion-header button{width:60px;height:60px;background-color:var(--light);filter:drop-shadow(0px 5px 16px rgba(8,15,52,.06));border-radius:100%}.accordions-wrapper .accordion-header button svg{transition:.3s}.accordions-wrapper .accordion-header button svg path{stroke:#fff}.accordions-wrapper .accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.accordions-wrapper .accordion-content .accordion-text{padding:0 32px 22px}.accordions-wrapper .accordion.active .accordion-header button{background-color:#a17a51}.accordions-wrapper .accordion.active .accordion-header button svg{transform:rotate(90deg)}.accordions-wrapper .accordion.active .accordion-header button svg path{stroke:#fff}.accordions-wrapper .accordion.active .accordion-content{max-height:1000px;transition:max-height .3s ease}.dark .accordions-wrapper .accordion{background-color:var(--dark-light)}.dark .accordions-wrapper .accordion-header button{background-color:var(--dark)}@media only screen and (max-width: 768px){.accordions-wrapper{display:none}}.notification{display:none;align-items:center;justify-content:center;column-gap:16px;margin-bottom:20px;color:var(--gray);font-size:16px;font-style:normal;font-weight:500;line-height:normal;cursor:pointer}.notification .notification-switcher{position:relative;width:45px;height:28px;background-color:#d4d6dd;border-radius:200px;transition:.3s ease}.notification .notification-switcher:before{content:"";width:20px;height:20px;background-color:#fff;border-radius:50%;position:absolute;top:4px;left:4px;transition:.3s ease}.notification .notification-switcher.active:before{left:20px}.notification .notification-switcher.active{background-color:var(--primary)}@media only screen and (max-width: 768px){.notification{display:flex}.notification.hide{display:none}}@media only screen and (max-width: 375px){.notification{font-size:14px}.notification .notification-switcher{width:35px;height:20px}.notification .notification-switcher:before{width:16px;height:16px;top:2px;left:2px}.notification .notification-switcher.active:before{left:16px}}.description{display:none;width:80%;margin-bottom:20px;text-align:center;font-size:16px;font-style:normal;font-weight:500;line-height:normal}@media only screen and (max-width: 768px){.description{display:block}}@media only screen and (max-width: 375px){.description{font-size:12px}}.widgets-wrapper{display:flex;justify-content:space-between;column-gap:32px;margin-bottom:20px}.widgets-wrapper .widget{width:calc(50% - 16px);background-color:var(--light);border-radius:10px;padding:24px 32px;background-repeat:no-repeat;background-position:bottom right}.widgets-wrapper .widget.suhur{background-image:url(../images/suhur.svg)}.widgets-wrapper .widget.iftar{background-image:url(../images/iftar.svg)}.widgets-wrapper .widget-header{display:flex;justify-content:space-between;align-items:flex-start}.widgets-wrapper .widget-header__content .title{font-size:16px;font-weight:600;line-height:normal;margin-bottom:14px}.widgets-wrapper .widget-header__content .date{font-size:16px;font-weight:400;line-height:normal}.widgets-wrapper .widget-header .widget-modal-btn{display:none}.widgets-wrapper .widget-time time{font-size:66px;font-weight:600;line-height:normal}.widgets-wrapper .widget-time__info{display:flex;align-items:center;column-gap:6px;color:#ffffff80;font-size:16px;font-weight:400;line-height:normal}.widgets-wrapper .widget-time__info.hide{display:none}.widgets-wrapper .widget-time__info .remaining-time{color:#fff}.dark .widgets-wrapper .widget{background-color:var(--dark-light)}@media only screen and (max-width: 768px){.widgets-wrapper{flex-direction:column;row-gap:20px}.widgets-wrapper .widget{width:100%}.widgets-wrapper .widget-header__content .title{font-size:20px;text-transform:uppercase}.widgets-wrapper .widget-header .widget-modal-btn{display:block;font-size:16px;font-weight:700;line-height:normal;padding:6px 31px;border-radius:8px;color:#fff;background:#c2a982}}@media only screen and (max-width: 500px){.widgets-wrapper .widget{padding:20px}}@media only screen and (max-width: 400px){.widgets-wrapper .widget{background-size:35%}.widgets-wrapper .widget-header__content .title{font-size:18px}.widgets-wrapper .widget-header__content .date{font-size:14px}.widgets-wrapper .widget-header .widget-modal-btn{font-size:14px;padding:6px 18px;border-radius:8px}.widgets-wrapper .widget-time time{font-size:54px}.widgets-wrapper .widget-time__info{display:flex;align-items:center;font-size:14px;line-height:1}}.calendar-table{border-radius:15px;background-color:var(--light);padding-top:20px;padding-bottom:20px}.calendar-table table{width:100%;border-collapse:collapse}.calendar-table table th,.calendar-table table td{text-align:center;font-size:18px}.calendar-table table thead tr th{padding-bottom:20px}.calendar-table table tbody tr.active{background-color:var(--primary-light)}.calendar-table table tbody tr td{padding-top:7px;padding-bottom:7px}.dark .calendar-table{background-color:var(--dark-light)}.dark .calendar-table table tbody tr.active{background-color:#a17a51;color:#fff}@media only screen and (max-width: 600px){tr th,tr td{font-size:14px}tbody tr td{padding-top:5px;padding-bottom:5px}}@media only screen and (max-width: 450px){.calendar-table{padding:10px}.calendar-table tr th,.calendar-table tr td{font-size:12px}}@media only screen and (max-width: 380px){tr th,tr td{font-size:8px}}.modal{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;position:fixed;top:0;left:0;width:100%;height:100dvh;z-index:9999;background-color:#000000e6;overflow:hidden;opacity:0;visibility:hidden}.modal .modal-wrapper{display:flex;align-items:center;justify-content:center;flex-direction:column;row-gap:24px}.modal .modal-wrapper .modal-close{width:60px;height:60px;background-color:#fff;border-radius:50%;transform:translateY(-100px);opacity:0;transition:1s}.modal .modal-wrapper .modal-content{background-color:var(--light);padding:22px 26px;border-radius:20px;transform:translateY(100px);opacity:0;transition:1s}.modal .modal-wrapper .modal-content .modal-desc{margin-bottom:18px}.modal .modal-wrapper .modal-content h4{font-size:20px;font-weight:700;line-height:normal;margin-bottom:24px}.modal .modal-wrapper .modal-content h5{font-size:16px;margin-bottom:5px}.modal .modal-wrapper .modal-content p{font-size:16px;font-weight:400;line-height:normal}.modal.show{opacity:1;visibility:visible}.modal.show .modal-wrapper .modal-close,.modal.show .modal-wrapper .modal-content{transform:translateY(0);opacity:1}.dark .modal .modal-wrapper .modal-content{background-color:var(--dark-light)}.loader{position:fixed;top:0;left:0;width:100%;max-height:100vh;height:100%;display:flex;align-items:center;justify-content:center;background-color:#fff;z-index:99999;opacity:1;visibility:visible;transition:.2s}.loader.hide{opacity:0;visibility:hidden}.loader-content{width:30%;animation-name:loader;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}.loader-content svg{width:100%}.dark .loader{background-color:var(--dark)}.dark .loader-content svg .theme{fill:#fff}@media only screen and (max-width: 768px){.loader-content{width:60%}}@keyframes loader{0%{transform:scale(.9);opacity:.3}to{transform:scale(1);opacity:1}}