@import url("https://fonts.googleapis.com/css2?family=Oxygen:wght@300&display=swap");@import url("https://fonts.googleapis.com/css2?family=Farro:wght@300;400;500;700&display=swap");@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:url("/public/css/icons.woff2") format("woff2")}.material-icons{font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased}@font-face{font-family:"Kufi";src:url("/public/css/kufi.ttf")}*,.row,.col{padding:0px;margin:0px;font-family:Farro, Kufi}.wrapper{width:100%;padding:0 1em;max-width:1200px;margin:0 auto}@media screen and (max-width: 425px){.wrapper{padding:0}}.side-title{font-size:18px;color:#a2216f;text-align:left;font-weight:bold;font-style:italic;margin:1em;user-select:none}.img{background-position:center center;background-repeat:no-repeat;background-size:cover}.img.logo{background-image:url("/public/imgs/logo.png")}#back_drop{position:fixed;background-color:#000000;height:100vh;width:100%;transition:all .1s ease-in-out;opacity:0;z-index:10}#back_drop.visible{top:0;bottom:0;left:0;right:0;opacity:.5}.no-scroll{overflow:hidden}body.no-scroll{margin-right:10px}.material-icons{user-select:none}.vertical-center{display:flex;justify-content:center;align-content:center;align-items:center}.round-btn{width:50px;height:50px;border-radius:50px;background-color:#00000007;transition:all .2s ease-in-out}.round-btn:hover{background-color:#00000015;cursor:pointer}.added-animation{position:absolute;width:100px;height:100px;margin:0 auto;top:0.5em;right:1em;z-index:12}@media screen and (min-width: 768px){::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#aaa}::-webkit-scrollbar-thumb:hover{background:#555}}.my-preloader-wrapper{width:100%;height:100vh;position:fixed;top:0;bottom:0;left:0;right:0;background-color:#eee;z-index:1000}.loader{--color: #a2216f;--size-square: 3vmin;position:absolute;margin:calc(50vh - 2vmin) auto;width:100%}@media screen and (max-width: 768px){.loader{--size-square: 8vmin;margin:calc(50vh - 4vmin) auto}}.loader::before,.loader::after{content:'';box-sizing:border-box;position:absolute}.loader::before,.loader::after{width:var(--size-square);height:var(--size-square);background-color:var(--color)}.loader::before{top:calc(50% - var(--size-square));left:calc(50% - var(--size-square));animation:loader-1 2.4s cubic-bezier(0, 0, 0.24, 1.21) infinite}.loader::after{top:50%;left:50%;animation:loader-2 2.4s cubic-bezier(0, 0, 0.24, 1.21) infinite}@keyframes loader-1{0%, 100%{transform:none}25%{transform:translateX(100%)}50%{transform:translateX(100%) translateY(100%)}75%{transform:translateY(100%)}}@keyframes loader-2{0%, 100%{transform:none}25%{transform:translateX(-100%)}50%{transform:translateX(-100%) translateY(-100%)}75%{transform:translateY(-100%)}}.collapsible{margin:0;border:0;-webkit-box-shadow:inherit;box-shadow:inherit}.collapsible .collapsible-header{border:0;padding:0}.sidenav li{line-height:inherit}.swiper-slide{width:auto}.recently-viewed{position:relative}.recently-viewed .swiper-pagination{bottom:-17px;z-index:1}ul.my-pagination{text-align:center}ul.my-pagination li{display:inline-block;vertical-align:middle;text-align:center}ul.my-pagination li a{color:black;padding:8px 16px;text-decoration:none;display:flex;transition:background-color .3s;border:1px solid #ddd;margin:0 4px}ul.my-pagination li a.active{background-color:#4CAF50;color:white;border:1px solid #4CAF50}ul.my-pagination li a:hover:not(.active){background-color:#ddd}ul.my-pagination li a i{font-size:21px}.loading-spinner,.loading-spinner:after{border-radius:50%;width:30px;height:30px;display:inline-block}.loading-spinner{border-top:5px solid #b11e6f22;border-right:5px solid #b11e6f22;border-bottom:5px solid #b11e6f22;border-left:5px solid #b11e6f;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.sidenav li>a>i,.sidenav li>a>[class^="mdi-"],.sidenav li>a li>a>[class*="mdi-"],.sidenav li>a>i.material-icons{margin-right:16px;position:relative;bottom:2px}.center{display:flex;align-items:center;justify-content:center}.form-section{display:flex;align-items:center;flex-direction:column;margin-bottom:8px}.form-section .helper-text{color:#d91255;text-align:right}label{margin-bottom:5px;user-select:none}.input-field{outline:0;border:2px solid #555555;padding:0 1em;width:calc(100% - 2em);text-align:center;margin-bottom:4px}.input-field.active,.input-field:active,.input-field:focus{border:2px solid #d91255;box-shadow:none;background-color:#fff}textarea{padding:1em;min-height:130px;border:2px solid #555555;text-align:center}textarea:active,textarea:focus{border:2px solid #d91255;box-shadow:none;background-color:#fff}.success-page{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100vh;width:100%}.success-page .added-animation{width:300px;height:300px;position:relative;left:0;top:0}.success-page h3,.success-page p{text-align:center;max-width:500px}.success-page p{margin-top:2em;font-size:18px;line-height:1.8em}.success-page .actions{margin-top:2em}.success-page .actions .btn{max-width:140px}.success-page .actions .btn.home{background-color:#ddd;color:#2e2e2e}@media screen and (max-width: 500px){.success-page{padding:1em}.success-page .added-animation{width:200px;height:200px}.success-page h3{font-size:2em}.success-page p{margin:0;font-size:1em}}.toast{text-align:center;justify-content:center}body{background-color:#f5f5f5}.btn{width:170px;height:50px;background:#d91255;border-radius:10px;user-select:none;color:white;font-family:"Kufi";font-size:1.2em;display:flex;justify-content:center;align-items:center;transition:all .1s ease-in-out;cursor:pointer}.btn:hover,.btn:focus{transform:scale(1.05);background-color:#d91255}.product-details{padding-top:100px;min-height:calc(100vh - 100px);display:flex}.product-details .wrapper{display:flex;align-items:center;justify-content:center;max-width:1024px;transform:scale(1.2);transition:all .15s ease-in-out}@media screen and (max-width: 1100px){.product-details .wrapper{transform:scale(1)}}@media screen and (max-width: 768px){.product-details .wrapper{flex-direction:column}}.product-details .wrapper .imgs-section{width:calc(100% - 2em);max-width:500px;height:700px;display:flex;flex-direction:column}@media screen and (max-width: 768px){.product-details .wrapper .imgs-section{height:700px}}.product-details .wrapper .imgs-section .img-view{height:500px;max-width:500px;background-position:center center;background-size:contain;position:relative}.product-details .wrapper .imgs-section .img-view .lens{width:200px;height:200px;border:1px solid;opacity:0;background-color:#00000044;position:absolute}@media screen and (max-width: 768px){.product-details .wrapper .imgs-section .img-view .lens{display:none}}.product-details .wrapper .imgs-section .img-view .lens.active{opacity:1}.product-details .wrapper .imgs-section ul.product-imgs{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;max-width:90%}.product-details .wrapper .imgs-section ul.product-imgs li{margin:8px 4px;transition:all .1s ease-in-out;cursor:pointer}.product-details .wrapper .imgs-section ul.product-imgs li:hover{transform:scale(1.1)}.product-details .wrapper .imgs-section ul.product-imgs li .img{height:110px;width:70px;border-radius:14px}.product-details .wrapper .details-section{background-color:white;max-width:360px;width:calc(100% - 2em);border-radius:2em;display:flex;flex-direction:column;text-align:right;padding:1em .5em 2em;position:relative}@media screen and (max-width: 768px){.product-details .wrapper .details-section{text-align:center;max-width:550px}}.product-details .wrapper .details-section h1{font-size:2em;margin:1em .5em}.product-details .wrapper .details-section h2{font-size:1.2em;margin:.5em;line-height:1.8em}.product-details .wrapper .details-section .title{font-size:12px;color:#aaa;margin:.5em}.product-details .wrapper .details-section .available-colors .colors-list{display:flex;justify-content:flex-end;margin:1em 0.5em}@media screen and (max-width: 768px){.product-details .wrapper .details-section .available-colors .colors-list{justify-content:center}}.product-details .wrapper .details-section .available-colors .colors-list li{background-color:#000;height:20px;width:20px;border-radius:50%;margin-left:20px}.product-details .wrapper .details-section .action-section{margin-top:2em;display:flex;flex-direction:row-reverse;justify-content:space-around;align-items:flex-end;align-items:center}@media screen and (max-width: 400px){.product-details .wrapper .details-section .action-section{flex-direction:column;justify-content:space-around}}.product-details .wrapper .details-section .action-section .product-price{margin-bottom:1em}.product-details .wrapper .details-section .action-section .product-price .price-wrapper{display:flex;flex-direction:row-reverse;font-size:3em;font-weight:bold;align-items:center;line-height:1em;color:#d91255}.product-details .wrapper .details-section .action-section .product-price .price-wrapper span{font-size:12px;color:#aaa;display:block;margin-right:4px}.product-details .wrapper .details-section .preview{position:absolute;left:0;top:0;width:400px;height:400px;overflow:hidden;display:none}.product-details .wrapper .details-section .preview .img{width:1080px;height:1080px}.order-form{align-items:center;display:none;padding-top:1em}.order-form .wrapper{max-width:600px;width:calc(100% - 2em)}.order-form .wrapper .form .input-field{outline:0;border:2px solid #555555;padding:0 1em;width:calc(100% - 2em);text-align:center;margin-bottom:4px}.order-form .wrapper .form .input-field.active,.order-form .wrapper .form .input-field:active,.order-form .wrapper .form .input-field:focus{border:2px solid #d91255;box-shadow:none;background-color:#fff}.order-form .wrapper .form #phone{margin:0 0 0 4px;width:100%;height:47px}.order-form .wrapper .form .btn{width:150px;height:50px;font-size:16px;float:none;margin:1em 0 2em}.order-form .wrapper .form .textarea-container{padding:0 .5em}.checkout-price-section{margin-top:1em}.checkout-price-section .total{margin-top:1em}.checkout-price-section .total strong{font-size:18px;color:#d91255}.checkout-price-section .currency{font-size:12px;display:inline}.large-img{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#0000008f;z-index:11;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(20px);transition:all .2s ease-in-out;transform:scale(0);opacity:0}.large-img.active{transform:scale(1);opacity:1}.large-img .center-img{height:90vh;width:90%;background-position:center center;background-size:contain;z-index:1}.large-img .btn{position:fixed;bottom:30px;z-index:2}@media screen and (max-width: 400px){.large-img .btn{bottom:20px}}.large-img .close-preview{position:fixed;bottom:110px;border-radius:50%;background-color:#eee;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s ease-in-out;z-index:2}@media screen and (max-width: 400px){.large-img .close-preview{bottom:85px}}.large-img .close-preview:hover{transform:scale(1.1)}.large-img .close-preview i{color:black;font-size:28px}.large-img .prev,.large-img .next{z-index:2;position:fixed;left:60%;right:0;height:100vh;display:flex;align-items:center;justify-content:flex-end;cursor:pointer}.large-img .prev:hover,.large-img .next:hover{background:linear-gradient(to left, #ffffff55, transparent)}.large-img .prev i,.large-img .next i{padding:1em;font-size:30px;color:white}.large-img .next{left:0;right:60%;justify-content:flex-start}.large-img .next:hover{background:linear-gradient(to right, #ffffff55, transparent)}.shopping-cart{margin:1em auto;display:flex;justify-content:center;flex-direction:column;align-items:center}.shopping-cart ul.cart-items{margin-top:.5em;width:100%}.shopping-cart ul.cart-items li{display:flex;flex-direction:row-reverse;justify-content:space-between;padding:0.5em 1em;border-radius:12px;box-shadow:0px 0px 10px #ddd;max-width:330px;width:100%;margin:.5em auto;background:white}@media screen and (max-width: 330px){.shopping-cart ul.cart-items li{align-items:stretch}}.shopping-cart ul.cart-items li .img{height:60px;width:40px;border-radius:5px;margin-left:1em;transition:all .1s ease-in-out;cursor:pointer}.shopping-cart ul.cart-items li .img:hover{transform:scale(3)}.shopping-cart ul.cart-items li .count-section{display:flex;flex-direction:column;align-items:center}.shopping-cart ul.cart-items li .count-section label{color:#000}.shopping-cart ul.cart-items li .count-section .count-content{display:flex;flex-direction:row-reverse;align-items:center}.shopping-cart ul.cart-items li .count-section .count-content .btn{width:30px;height:30px;border-radius:4px;margin:0;opacity:0.6}.shopping-cart ul.cart-items li .count-section .count-content .count{font-size:21px;margin:0 11px;user-select:none}.shopping-cart ul.cart-items li .price-section{display:flex;flex-direction:column;align-items:center}.shopping-cart ul.cart-items li .price-section label{color:#000}.shopping-cart ul.cart-items li .price-section .price{font-size:25px;margin:0 11px;font-weight:bold;color:#d91255;user-select:none}.shopping-cart .popup-cart{opacity:0;z-index:-1;transition:all .1s ease-in-out}.shopping-cart .popup-cart.active{opacity:1;z-index:12}.shopping-cart .popup-cart .wrapper{position:fixed;top:0;left:0;bottom:0;right:0;z-index:11;transition:all .2s ease-in-out;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}.shopping-cart .popup-cart .wrapper .popup-content{background:white;border-radius:10px;max-width:400px;width:calc(100% - 2em);max-height:calc(100vh - 4em);box-shadow:0 0 30px #999}.shopping-cart .popup-cart .wrapper .popup-content .choose-label{display:flex;justify-content:space-between;height:60px;background:#f5f5f5;border-radius:10px 10px 0 0}.shopping-cart .popup-cart .wrapper .popup-content .choose-label h6{color:#666;text-align:center;width:100%;align-items:center;display:flex;font-weight:bold;margin-right:40px;justify-content:center}.shopping-cart .popup-cart .wrapper .popup-content .choose-label .close-popup{display:flex;justify-content:center;align-items:center;width:60px;border-radius:10px 0 0 0;cursor:pointer}.shopping-cart .popup-cart .wrapper .popup-content .choose-label .close-popup:hover{background-color:#e7e7e7}.shopping-cart .popup-cart .wrapper .popup-content .choose-label .close-popup:hover i{transform:scale(1.2)}.shopping-cart .popup-cart .wrapper .popup-content .choose-label .close-popup i{color:#000;transition:all .1s ease-in-out}.shopping-cart .popup-cart .wrapper .popup-content .ul-container{display:flex;align-items:center;justify-content:center}.shopping-cart .popup-cart .wrapper .popup-content .ul-container ul.cart-items{max-height:calc(100vh - 220px);overflow-y:auto;overflow-x:hidden;padding-top:1em}.shopping-cart .popup-cart .wrapper .popup-content .bottom-section{margin:1em auto;display:flex;flex-direction:column;align-items:center}.shopping-cart .popup-cart .wrapper .popup-content .bottom-section .price{margin-bottom:10px;color:#666}.shopping-cart .popup-cart .wrapper .popup-content .bottom-section .price strong{color:#000}.topbar{position:fixed;height:80px;width:100%;z-index:10;background-color:#fff;border-bottom:1px solid #e5e5e5}.topbar .wrapper{display:flex;justify-content:center;flex-direction:row-reverse;align-items:center}@media screen and (max-width: 500px){.topbar .wrapper{flex-direction:column}}.topbar .wrapper #logo_link{padding:10px}.topbar .wrapper #logo_link .logo{height:60px;width:120px}.topbar .wrapper .nav-list{display:flex;flex-direction:row-reverse;margin-right:4em}@media screen and (max-width: 500px){.topbar .wrapper .nav-list{display:none}}.topbar .wrapper .nav-list .nav-item a{transition:all .1s ease-in-out;background-color:#fff;font-weight:400;color:#555;cursor:pointer;height:70px;padding:0 1em;display:flex;align-items:center}.topbar .wrapper .nav-list .nav-item a:hover{transform:scale(1.1);background-color:#f5f5f5;color:black}.topbar .wrapper .moobile-menu-icon{position:fixed;top:0;left:0;height:80px;width:80px;align-items:center;justify-content:center;display:none;cursor:pointer}@media screen and (max-width: 500px){.topbar .wrapper .moobile-menu-icon{display:flex}}.topbar .wrapper .moobile-menu-icon i{font-size:28px}.mobile-main-menu{display:flex;flex-direction:column;align-items:center;padding-top:2em}.mobile-main-menu .logo{width:120px;height:60px;margin-bottom:2em}.mobile-main-menu .mobile-nav-list{width:100%;text-align:center}.track-page{padding-top:90px}.track-page .wrapper .track-form{max-width:400px;width:calc(100% - 2em);margin:3em auto}.track-page .wrapper .track-form.with-order{margin:.5em auto}.track-page .wrapper .track-form .input-field{outline:0;border:2px solid #555555;padding:0 1em;width:calc(100% - 2em);text-align:center;margin-bottom:4px}.track-page .wrapper .track-form .input-field.active,.track-page .wrapper .track-form .input-field:active,.track-page .wrapper .track-form .input-field:focus{border:2px solid #d91255;box-shadow:none;background-color:#fff}.track-page .wrapper .track-form .btn{margin:5px;width:150px;height:45px;font-size:18px}.track-page .wrapper .order-content{display:flex;justify-content:center;flex-direction:column;align-items:center;padding-top:2em}.track-page .wrapper .order-content h5{font-size:20px;color:#333;margin:0 auto;user-select:none}.track-page .wrapper .order-content .order-progress{display:flex;justify-content:space-evenly;max-width:400px;width:calc(100% - 2em);flex-direction:row-reverse;user-select:none;margin-bottom:1em;position:relative}.track-page .wrapper .order-content .order-progress .section{display:flex;flex-direction:column;align-items:center;color:#c5c5c5}.track-page .wrapper .order-content .order-progress .section.active{color:#d91255}.track-page .wrapper .order-content .order-progress .section h6{font-size:12px;font-weight:bold}.track-page .wrapper .order-content .order-progress .section i{font-size:35px;z-index:3;background:whitesmoke;border-radius:50%}.track-page .wrapper .order-content .order-progress .separators{height:15px;display:flex;flex-direction:row-reverse;position:absolute;right:17%;top:24px;width:calc(77% - 2em)}.track-page .wrapper .order-content .order-progress .separators .s1,.track-page .wrapper .order-content .order-progress .separators .s2,.track-page .wrapper .order-content .order-progress .separators .s3{height:15px;width:50%;background-color:#e3e3e3}.track-page .wrapper .order-content .order-progress .separators .s1.active,.track-page .wrapper .order-content .order-progress .separators .s2.active,.track-page .wrapper .order-content .order-progress .separators .s3.active{background-color:#d91255}.track-page .wrapper .order-content .order-progress .separators .s2{right:10%}.track-page .wrapper .order-content .client-info{direction:rtl;max-width:600px;width:calc(100% - 2em);margin:1em auto 2em}.track-page .wrapper .order-content .client-info .container1{margin-top:6px;display:flex}.track-page .wrapper .order-content .client-info .container1 .title{text-align:left;color:#999}.track-page .wrapper .order-content .client-info .container1 .phone{direction:ltr;text-align:right}.track-page .wrapper .order-content .shopping-cart{max-width:400px;width:calc(100% - 2em)}.track-page .wrapper .order-content .shopping-cart li{justify-content:space-around}.contact-page{padding-top:100px}.contact-page .wrapper{max-width:700px;width:calc(100% - 2em);margin:1em auto}.contact-page .wrapper .contact-form .order{text-align:right;margin-bottom:2em;color:#aaa;display:flex;align-items:center;justify-content:center;flex-direction:row-reverse}.contact-page .wrapper .contact-form .order strong{color:#000;font-size:1.5em;margin:0 6px}.contact-page .wrapper .contact-form .msg{text-align:center;color:red;margin-bottom:2em}.contact-page .wrapper .contact-form .msg.success{color:green;font-size:1.5em;font-weight:bold}.contact-page .wrapper .contact-form .btn{margin:1em;width:150px;height:50px;font-size:18px}.contact-page .wrapper .contact-form .input-field{outline:0;border:2px solid #555555;padding:0 1em;width:calc(100% - 2em);text-align:center;margin-bottom:4px}.contact-page .wrapper .contact-form .input-field.active,.contact-page .wrapper .contact-form .input-field:active,.contact-page .wrapper .contact-form .input-field:focus{border:2px solid #d91255;box-shadow:none;background-color:#fff}.login-page .wrapper{max-width:400px;width:calc(100% - 2em);min-height:calc(100vh - 2em);padding:1em;display:flex;align-items:center;justify-content:center;flex-direction:column}.login-page .wrapper .form-container{width:100%}.login-page .wrapper .logo{height:80px;width:156px;margin-bottom:2em;background-image:url("/public/imgs/logo.png")}.login-page .wrapper .msg{margin-bottom:8px;color:red}.login-page .wrapper .input-field{padding:1em;width:100%}.page{display:flex}.side-menu{display:flex;flex-direction:column;align-items:center;justify-items:center;background-color:white;width:0;min-height:100vh;box-shadow:0 0 40px #ededed;transition:all .2s ease-in-out}.side-menu.open{width:230px}.side-menu .logo{width:116px;max-width:80%;height:60px;margin:1em 0;background-size:contain}.side-menu .menu{width:100%;margin-top:2em}.side-menu .menu li a{display:flex;align-items:center;justify-content:center;width:100%;height:50px}.side-menu .menu li a.hilighted{color:red}.page-content{width:calc(100%);background-color:#f7f6f6}.page-content .admin-topbar{height:60px;background-color:#fff2f2;display:flex}.page-content .admin-topbar .menu-icon{height:60px;width:60px;cursor:pointer}.page-content .admin-topbar .container{display:flex;align-items:center;justify-content:center;padding-right:50px}.page-content .admin-topbar .container .logo{background-size:contain;height:40px;width:100px}.page-content .no-results{margin:2em auto;user-select:none}.msgs-page .msgs-list{display:flex;flex-direction:column;width:100%}.msgs-page .msgs-list li{display:flex;background:#ffffff;border-radius:3px;width:calc(100% - 2em);margin:1em 1em 0em 1em;padding:1em 1em .5em 1em}.msgs-page .msgs-list li.new{border:2px solid red}.msgs-page .msgs-list li .row{width:100%;margin-bottom:8px}.msgs-page .msgs-list li .col{width:calc(100% - 2em)}.msgs-page .msgs-list li .label{color:#999}.msgs-page .msgs-list li .light{color:#555}.msgs-page .msgs-list li .msg-body{font-size:1.5em}.orders-page ul.orders-list li .item-link{display:block;padding:.5em;border-radius:1em;margin:.5em;background:#e5e5e5}.orders-page ul.orders-list li .item-link .order-header .avatar{width:50px;height:50px;border-radius:50%}.orders-page ul.orders-list li .item-link .order-header .username{color:#555;font-weight:bold}
/*# sourceMappingURL=main.css.map */