.ramadan-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;align-items:center;justify-content:center}.ramadan-modal.active{display:flex}.ramadan-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ramadan-modal__window{position:relative;max-width:952px;max-height:560px;width:100%;margin:0 16px;overflow:hidden;display:flex;background-color:#fff;gap:24px}.ramadan-modal__window .background-image{position:relative;width:100%;background:linear-gradient(180deg,#1f3357,#436fbd 195.09%);padding:50px 50px 0;display:flex}.ramadan-modal__window .background-image img{object-fit:contain;margin-top:auto;min-width:379px;min-height:438px;width:100%}.ramadan-modal__window .background-image .timer{position:absolute;display:flex;flex-direction:column;gap:22px;right:135px;bottom:20px}.ramadan-modal__window .background-image .timer p{text-align:center;letter-spacing:-2px;text-transform:uppercase;color:#1f3357;margin:0;line-height:100%;font-weight:400}.ramadan-modal__window .background-image .timer p:first-child{font-size:37.4946px}.ramadan-modal__window .background-image .timer p:last-child{font-size:28.4959px}.ramadan-modal__window .background-image .timer h4{font-weight:700;font-size:73.2308px;line-height:100%;align-items:center;text-align:center;color:#1f3357;margin:0}.ramadan-modal__window .modal-content{display:flex;flex-direction:column;padding:24px;width:100%}.ramadan-modal__window .modal-content .close-button{margin-left:auto;padding:8px;background-color:transparent;border:none;cursor:pointer}.ramadan-modal__window .modal-content .content{display:flex;flex-direction:column;justify-content:center;height:100%;align-items:center}.ramadan-modal__window .modal-content .content .head,.ramadan-modal__window .modal-content .content form{max-width:336px;width:100%}.ramadan-modal__window .modal-content .content .head h4{font-style:normal;font-weight:600;font-size:32px;line-height:32px;text-align:center;text-transform:uppercase;color:#1f3357;margin:0}.ramadan-modal__window .modal-content .content .head p{font-style:normal;font-weight:300;font-size:16px;line-height:22px;text-align:center;color:#1f3357;margin:16px 0 46px}.ramadan-modal__window .modal-content .content form{display:flex;flex-direction:column}.ramadan-modal__window .modal-content .content form label{font-weight:400;font-size:12px;line-height:14px;color:#1f3357;margin-bottom:8px}.ramadan-modal__window .modal-content .content form input{font-weight:300;font-size:16px;line-height:22px;padding:18.5px 16px;border:1px solid rgba(158,158,158,1);margin-bottom:16px;max-height:48px}.ramadan-modal__window .modal-content .content form input::placeholder{color:#9e9e9e}.ramadan-modal__window .modal-content .content form button{background-color:#193661;border:none;font-size:18px;font-weight:700;padding:11.5px 0;text-transform:uppercase;color:#fff;cursor:pointer;transition:.3s ease background-color;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:8px}.ramadan-modal__window .modal-content .content form button:hover{background-color:#0d2547}.ramadan-modal__window .modal-content .content form button:disabled{background-color:#193661b3;cursor:unset}.ramadan-modal__window .modal-content .content form button .loader{width:16px;height:16px;border:2px solid #FFF;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}.ramadan-modal__window .modal-content .content form button .loader:after{content:unset}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ramadan-modal__window .modal-content .content form small{font-weight:400;font-size:12px;line-height:12px;text-align:center;color:#1f3357}@media screen and (max-width: 992px){.ramadan-modal__window .background-image{padding:25px 25px 0}.ramadan-modal__window .background-image .timer{right:90px}}@media screen and (max-width: 768px){.ramadan-modal__window{flex-direction:column;gap:0;max-width:373px;max-height:unset;margin-top:20px}.ramadan-modal__window .background-image{padding:20px 20px 0}.ramadan-modal__window .background-image img{max-height:320px;min-height:unset;min-width:unset;object-fit:cover;object-position:top}.ramadan-modal__window .background-image .timer p:first-child{font-size:22px}.ramadan-modal__window .background-image .timer p:last-child{font-size:17px}.ramadan-modal__window .background-image .timer h4{font-size:45px}.ramadan-modal__window .background-image .timer{gap:12px;right:120px;bottom:15px}.ramadan-modal__window .modal-content .content{padding-top:0}.ramadan-modal__window .modal-content .content .head p{margin-bottom:16px;font-size:14px;line-height:18px}.ramadan-modal__window .modal-content{padding:12px;position:relative}.ramadan-modal__window .modal-content .content form input{max-height:30px;font-size:12px}.ramadan-modal__window .modal-content .content form button{font-size:14px}.ramadan-modal__window .modal-content .content .head h4{font-size:16px;line-height:20px}.ramadan-modal__window .modal-content .close-button{position:absolute;right:10px;top:0}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/ramadan.css.map */