html{height:100vh;font-size:100%!important}.landing-container{max-width:1440px;margin:0 auto;padding:0 1rem}.hero-wrapper{background-color:#fff}.hero__heading{text-align:right;margin:1rem 0;font-size:1.25rem;font-weight:600;line-height:2.5rem}.hero__image{order:-1;justify-self:end;width:100%;max-width:500px}.hero__icon{width:3.625rem;height:3.625rem;margin-right:.75rem}.hero__button{justify-content:center;align-items:center;display:flex}.nav-wrapper{border-bottom:1px solid var(--color-border);background-color:#fff}.nav__list{display:none}.landing-footer{border-top:1px solid var(--color-border);background:#e5eaf3;width:100%;padding:4rem 0;display:none}.media{display:flex}.media__title{color:var(--color-body-dark);margin-top:0;font-size:1.125rem;font-weight:600}.media__body{margin:auto 2rem}.media__description{color:var(--color-light-gray);font-weight:600}.input-group{max-width:768px;margin:0 auto;display:flex;position:relative}.input-group .input{flex-grow:1;width:0}.card__image{width:5rem;height:5rem}.card__description{color:var(--color-gray);margin:1rem 0;line-height:2rem}.block-cards{background-color:#f9fafb;padding:5rem 0}.block-cards .card{max-width:368px;max-height:292px}@media screen and (min-width:992px){.btn{border-radius:1rem}.grid--1x3{grid-template-columns:repeat(3,1fr)}.grid--1x2{grid-template-columns:repeat(2,1fr)}.card{border-radius:1rem}.block{--padding-vertical:6rem;padding:var(--padding-vertical)2rem}.block__header{font-size:1.25rem;line-height:2rem}.hero{padding-top:0}.hero__button{justify-content:flex-start}.hero__content{align-self:center}.hero__image{order:0}.hero__heading{margin-top:0;margin-bottom:2rem;font-size:2.5rem;line-height:3.5rem}.responsive-menu-icon{display:none}.nav{height:5rem}.nav__list{align-items:center;width:auto;margin:0;display:flex}.search-content,.search-result-message{padding:6rem}.input-group .btn{padding:0 3.5rem}.landing-footer{display:block}.footer .grid{justify-content:center;align-items:center}.footer__support{place-self:center left}}@media only screen and (min-width:960px){.wrapper.landing .header{background-color:#0000;border:none}.wrapper.landing .header .snappfood-logo{background-color:#0000;margin-right:15px}.wrapper.landing .header .snappfood-logo path,.wrapper.landing .header .location svg path:first-child{fill:#fff}.wrapper.landing .header .location svg path:nth-child(2){fill:#181b1f}.wrapper.landing .header .mini-title .text{color:#fff}.wrapper.landing .header .mini-title .address{color:#ffffff80}.wrapper.landing .header .simple-arrow-down path,.wrapper.landing .header .user-icon path,.wrapper.landing .header .cart-icon path{fill:#fff}.wrapper.landing .header .member{display:none}.wrapper.landing .header .user-name,.wrapper.landing .header .login-btn{color:#fff}}.wrapper.landing .order-food-btn{clear:both;cursor:pointer;width:177px;margin:30px auto;display:block}@media only screen and (min-width:320px) and (max-width:959px){.wrapper.landing .logo{position:absolute;top:0;left:0}.wrapper.landing .logo .snappfood-logo{background:0 0;width:50px;height:55px;margin-top:-5px;margin-left:10px;position:relative}.wrapper.landing .logo .snappfood-logo path:nth-child(2){fill:#1c2153}.wrapper.landing .header{background-color:#fff;height:60px;display:none}.wrapper.landing .header .address-wrapper,.wrapper.landing .header .member,.wrapper.landing .header .desktop-cart,.wrapper.landing .header .auth-section{display:none}.wrapper.landing .header .logo{float:left}.wrapper.landing .header .logo .snappfood-logo{display:none}.wrapper.landing .header .main-title-simple{padding-right:20px;font-size:14px;line-height:60px}.wrapper.landing .footer{display:block}}@media only screen and (min-width:320px) and (max-width:959px) and (min-width:320px) and (max-width:959px){.wrapper.landing .footer{height:330px;padding-top:0}}@media only screen and (min-width:320px) and (max-width:959px){.hide-in-device{display:none}}.overflow-unset{overflow:unset!important}.no-radius{border-radius:unset!important}@media only screen and (min-width:960px){.hide-in-desktop{display:none}}.landing-container{clear:both;color:#404040;max-width:100%;margin:0 auto;position:relative}.landing-container .landing-banner{background-color:#03bee8;width:100%;height:373px;position:absolute;top:-120px}.landing-container .landing-banner-content{clear:both;color:#fff;width:100%;height:auto;position:relative;top:140px}.landing-container .desktop-banner-img{width:100%;position:absolute;top:0}.landing-container .desktop-banner-img img{width:100%;display:block}.landing-container .desktop-banner-img:after{content:"";background-color:#181b1f99;width:100%;height:100%;position:absolute;top:0;left:0}.landing-container .bg{width:100%;height:350px;position:absolute;top:0;overflow:hidden}.landing-container .bg img{width:100%;display:inline-block}.landing-container .main-title,.landing-container .sub-title{float:left;text-align:center;width:100%}.landing-container .main-title{color:#000;margin-top:180px;font-size:26px;font-weight:600;line-height:40px;position:relative}.landing-container .main-title.desktop{color:#1c2a52;z-index:2;margin-top:90px;font-size:40px;line-height:50px;position:relative}.landing-container .sub-title{float:none;color:#1c2a52;clear:both;width:220px;margin:0 auto;padding-top:15px;position:relative}.landing-container .sub-title.desktop{color:#fff;z-index:2;float:none;clear:both;width:100%;margin-top:25px;padding:0;font-size:18px;font-weight:600;line-height:20px;position:relative}.landing-container .register-title{text-align:center;float:left;color:#404040;width:100%;margin-top:36px;font-size:14px;font-weight:500;line-height:32px}.landing-container .start-btn{clear:both;margin:0 auto;display:block;width:224px!important}.landing-container .service-properties{text-align:center;clear:both;background-color:#fff;width:100%;height:calc(100vh - 290px);min-height:590px;padding:40px 0;position:relative;top:100px}.landing-container .service-properties .services-main-title{color:#000;text-align:center;font-size:17px;font-weight:600;line-height:22px}.landing-container .service-properties .back-icon{width:6px;position:relative;top:8px;transform:rotate(-90deg)}.landing-container .service-properties .service-item{text-align:center;width:208px;margin:0 auto;position:relative}.landing-container .service-properties .service-item .svg-icon{z-index:2;border-radius:50%;width:78px;height:78px;margin-top:45px;padding:20px 18px;position:relative;right:15px}.landing-container .service-properties .service-item .svg-icon svg{width:100%}.landing-container .service-properties .service-item .subtitle{color:#404040;text-align:center;margin:10px 0 0;padding:0;font-size:14px;font-weight:600}.landing-container .service-properties .service-item .circle-bg{width:57px;height:97px;position:absolute;bottom:25px;right:55px}.landing-container .service-properties .service-item .circle-bg img{width:100%}.landing-container .service-properties .service-item .discount-icon{background-color:#fbe6e6}.landing-container .service-properties .service-item .delivery-icon{background-color:#fdf5e3}.landing-container .service-properties .service-item .safe-food-icon{background-color:#ecfbff}.landing-container .features{float:left;background-color:#fff;width:100%;margin-top:255px;position:relative}@media only screen and (min-width:320px) and (max-width:959px){.landing-container .features{background-color:#0000;margin-top:53px}}.landing-container .features .feature-item{text-align:right;color:#4f535c;width:33.3333%;padding:0 25px;display:inline-block}@media only screen and (min-width:960px){.landing-container .features .feature-item:last-child{padding-left:0}.landing-container .features .feature-item:first-child{padding-right:0}}@media only screen and (min-width:320px) and (max-width:959px){.landing-container .features .feature-item{margin-top:-40px}}.landing-container .features .feature-item .inner-wrap{background-color:#fff;border-radius:6px;width:80px;height:80px;box-shadow:0 0 1px 4px #e4e4e4}.landing-container .features .feature-item .icon-wrap{text-align:center;background-color:#fff;width:30px;height:150px;line-height:150px;display:inline-block}@media only screen and (min-width:320px) and (max-width:959px){.landing-container .features .feature-item .icon-wrap{background:0 0;height:16px;margin:0 auto;line-height:16px;display:block;position:relative;top:20px}}.landing-container .features .feature-item .text-wrap{vertical-align:middle;width:calc(100% - 30px);height:150px;padding-top:45px;padding-right:20px;display:inline-block}@media only screen and (min-width:320px) and (max-width:959px){.landing-container .features .feature-item .text-wrap{width:100%;height:auto;margin-top:35px;padding:0;line-height:20px}}.landing-container .features .feature-item .text-wrap .title{text-align:right;font-size:16px;line-height:24px;display:block}@media only screen and (min-width:320px) and (max-width:959px){.landing-container .features .feature-item .text-wrap .title{text-align:center;font-size:12px;line-height:15px}}.landing-container .features .feature-item .text-wrap .text{color:#9c9fa3;margin-top:10px;font-size:12px;display:inline-block}.landing-container .features .feature-item .feature-icon.one{width:16px;line-height:49px}@media only screen and (min-width:320px) and (max-width:959px){.landing-container .features .feature-item .feature-icon.one{width:16px;height:16px;line-height:16px}}.landing-container .features .feature-item .feature-icon{width:24px}@media only screen and (min-width:320px) and (max-width:959px){.landing-container .features .feature-item .feature-icon{width:16px;height:20px}}.landing-container .features .feature-item .feature-icon.two{line-height:57px}@media only screen and (min-width:320px) and (max-width:959px){.landing-container .features .feature-item .feature-icon.two{line-height:16px}}.landing-container .features .feature-item .feature-icon.three{line-height:60px}@media only screen and (min-width:320px) and (max-width:959px){.landing-container .features .feature-item .feature-icon.three{line-height:16px}}.landing-container .register-company-section{float:left;background-color:#fff;border-radius:6px;width:100%;height:auto;margin-top:20px;padding:20px 0}@media only screen and (min-width:320px) and (max-width:959px){.landing-container .register-company-section{padding:20px}}.landing-container .register-company-section .title{text-align:right;color:#3a3d42;letter-spacing:-.03em;margin-bottom:20px;font-size:20px;font-weight:500;line-height:30px}@media only screen and (min-width:320px) and (max-width:959px){.landing-container .register-company-section .title{text-align:center;font-size:16px}}.landing-container .register-company-section .text{color:#4f535c;margin-top:20px;margin-bottom:28px;font-size:16px;line-height:24px}@media only screen and (min-width:320px) and (max-width:959px){.landing-container .register-company-section .text{text-align:justify;font-size:14px}}.landing-container .register-company-section .btn-wrapper{text-align:right;width:100%}@media only screen and (min-width:320px) and (max-width:959px){.landing-container .register-company-section .btn-wrapper{text-align:center}}.landing-container .register-company-section .btn-wrapper .button{float:right;cursor:pointer;width:auto;height:48px;padding:0 24px 0 42px;font-size:14px;line-height:46px;position:relative}@media only screen and (min-width:320px) and (max-width:959px){.landing-container .register-company-section .btn-wrapper .button{float:none}}.landing-container .register-company-section .content{vertical-align:middle;width:60%;padding:20px 0 20px 20px;display:inline-block}@media only screen and (min-width:320px) and (max-width:959px){.landing-container .register-company-section .content{width:100%;padding:20px}}.landing-container .register-company-section .content-img{vertical-align:middle;width:40%;display:inline-block}.landing-container .register-company-section .content-img img{width:100%;display:block}.landing-container .register-company-section .havePadding{padding-right:30px}.landing-container .see-more-icon{width:25px;height:25px;position:absolute;top:10px;left:20px}.last-order{border-radius:4px;width:calc(100% - 50px);margin:130px auto 0;padding:20px;position:relative;box-shadow:0 2px 4px 1px #d0d0d0}.last-order .text{clear:both;width:100%;font-size:12px;font-weight:400}.last-order .save-rating-wrapper{background-color:#eee;border-radius:5px;justify-content:space-between;margin-top:25px;display:flex}.last-order .save-rating-wrapper .rating-text{padding:10px;font-size:12px}.last-order .save-rating-wrapper .save-rating{color:#22a958;cursor:pointer;margin-top:10px;margin-left:10px;font-size:12px;font-weight:600;display:flex}.last-order .main-date{color:#9f9f9f;float:right;margin-bottom:20px;font-size:14px;font-weight:500}.last-order .show-detail{float:left;margin-top:3px}.last-order .btn-wrap{justify-content:flex-start;width:100%;display:flex}.last-order .cancel-btn{border:1px solid #ccc;border-radius:4px;margin-top:10px;padding:5px 10px;font-size:12px;line-height:20px;display:block}.last-order .cancel-btn .cancel-icon{width:15px;margin-right:8px;position:relative;top:5px;bottom:20px}.last-order .cancel-icon{width:25px;position:relative}.order-detail-wrapper{z-index:10;background-color:#fff;width:90%;padding:20px;position:fixed;top:10%;left:5%}.detail-overlay{z-index:9;background-color:#adadad61;width:100%;height:100%;position:fixed;top:0;left:0}*,:before,:after{box-sizing:border-box}:root{--color-body:#4f535c;--color-body-dark:#181b1f;--color-gray:#9c9fa3;--color-light-gray:#6f747d;--color-heading:#181b1f;--color-primary:#ff00a6;--color-border:#d2d4d6}body{text-align:right;direction:rtl;background-color:#f9fafb;font-size:16px}h1,h2,h3{margin-bottom:1rem}a{text-decoration:none}.align-items-center{align-items:center}.list{padding-left:0;list-style:none}.text-right{text-align:right!important}.text-center{text-align:center}.display-block{display:block}.in-row{flex-direction:row-reverse;justify-content:center;align-items:center;display:flex}.landing-container{width:100%;max-width:1968px;margin:0 auto;padding:0 1.5rem}@media screen and (min-width:992px){.landing-container{padding:0 8rem}.landing-container .nav__item>.btn{border-radius:10px;width:9.875rem;height:3rem}}.grid{display:grid}.block{--padding-vertical:2rem;padding:var(--padding-vertical)0}.block__header{text-align:center;margin-bottom:2rem;font-weight:600}.nav-wrapper{border-bottom:1px solid var(--color-border);z-index:1;background-color:#fff;width:100%;position:fixed;top:0}.nav-wrapper .desktop-cart{margin-top:6px;margin-left:0}.nav-wrapper .desktop-cart .cart-count{left:-4px}.nav-wrapper .empty-cart-box{border:solid 1px var(--color-border);z-index:1;top:80px;left:12%}.nav-wrapper .empty-cart-box:after{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-bottom:8px solid var(--color-border);z-index:-1;width:0;height:0;position:absolute;top:-9px;left:12px}.nav{flex-wrap:wrap;justify-content:space-between;align-items:center;height:4rem;display:flex}.nav .nav-logo{width:60px;height:40px}.responsive-menu-icon{all:unset}.nav__item>*{color:var(--color-body-dark);font-weight:600;transition:color .3s}.nav__item>.btn{color:#fff;border-radius:10px;height:2.5rem;padding:.5rem 2rem;font-size:1rem}.nav__item .btn-login{background-color:#0000;border:none;padding:0 1rem}.landing-footer{border-top:1px solid var(--color-border);background:#eef0f0;padding:1.5rem 0}@media screen and (min-width:992px){.landing-footer{padding:4.5rem 0}}.landing-footer .media-description{color:#747a78;font-size:.85rem;font-weight:600;line-height:1.5rem}@media screen and (min-width:992px){.landing-footer .media-description{font-size:1rem;line-height:1.5rem}}.landing-footer .footer-logo{align-items:center;margin-bottom:4rem;display:flex}@media screen and (min-width:992px){.landing-footer .footer-logo{margin-bottom:0}}.landing-footer .footer-logo .media-image{width:4.5rem;height:4.5rem}@media screen and (min-width:992px){.landing-footer .footer-logo .media-image{width:5.125rem;height:5.125rem}}.landing-footer .footer-logo .media-body{margin-right:.5rem}.landing-footer .footer-logo .media-body .media-title{color:#404b48;margin-bottom:.5rem;font-size:.85rem;font-weight:600;line-height:1.5rem}@media screen and (min-width:992px){.landing-footer .footer-logo .media-body .media-title{font-size:1.125rem;line-height:1.75rem}}.landing-footer .footer-support .support-title{color:#0a0e0e;margin-bottom:.5rem;font-size:.875rem;font-weight:600;line-height:1.5rem}@media screen and (min-width:992px){.landing-footer .footer-support .support-title{font-size:1rem;line-height:1.5rem}}.landing-footer .footer-support .enamad-logo{width:5.125rem;height:5.125rem;margin-right:2rem}.landing-footer .footer-support .enamad-logo a{vertical-align:middle;width:100%;height:100%;display:inline-block}@media only screen and (min-width:320px) and (max-width:959px){.landing-footer .footer-support .enamad-logo{width:4.5rem;height:4.5rem;margin:1rem 0 0}}.landing-footer .footer-support .enamad-logo .enamad-logo-image{width:5.125rem;height:5.125rem}.btn{text-align:center;white-space:nowrap;cursor:pointer;border:0;border-radius:10px;outline:0;padding:1.2rem 1.5rem;font-size:1.2rem;font-weight:600;text-decoration:none}@media screen and (max-width:640px){.btn.btn--stretched{width:100%}.btn.p-small-0{padding-left:0!important;padding-right:0!important}}.nav-wrapper .btn{padding:4px 12px!important}.btn--primary{background:var(--color-primary);color:#fff}.btn--bordered{border:1px solid var(--color-primary);color:var(--color-primary);background-color:#fff}.btn--stretched{padding-left:5.5rem!important;padding-right:5.5rem!important}.hero-wrapper{background-color:#e7e1e1;height:480px;position:relative}@media screen and (max-width:1024px){.hero-wrapper .btn{height:48px;width:100%!important;padding:0!important}.hero-wrapper .fixed-btn{width:100%}.hero-wrapper .fixed-bg{z-index:5;-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);background:#d2d4d633;width:100%;padding:.5rem 1.5rem 1rem;position:fixed;bottom:0;left:0;right:0}}.hero-wrapper .hero-content .hero-heading{color:#181b1f;margin:24px 0 0;font-size:1.5rem;font-weight:600;line-height:2rem}@media screen and (min-width:1024px){.hero-wrapper .hero-content .hero-heading{font-size:2.5rem;line-height:3.5rem}}.hero-wrapper .hero-content .hero-text{text-align:right;color:#181b1f;margin:1rem 0 2rem;font-size:1rem;font-weight:600;line-height:2rem}@media screen and (min-width:1024px){.hero-wrapper .hero-content .hero-text{font-size:1.5rem;line-height:3rem}}.hero-wrapper .hero-content .landing-img-desktop{justify-self:end;width:536px;height:352px;display:none;position:relative;left:-48px}@media screen and (min-width:1024px){.hero-wrapper .hero-content .landing-img-desktop{display:block}}.hero-wrapper .hero-content .landing-img{width:100%;height:11.75rem;margin-bottom:1.25rem}@media screen and (min-width:1024px){.hero-wrapper .hero-content .landing-img{display:none}.hero-wrapper .hero-content{grid-template-rows:repeat(1,1fr);grid-template-columns:repeat(2,1fr);align-items:center;margin:0}}@media screen and (min-width:992px){.cards-wrapper{height:250px}}.cards-content{grid-template-columns:repeat(3,1fr);gap:1.5rem;position:relative;top:-35px}.cards-content .card-item{border-radius:10px;gap:.5rem;box-shadow:0 12px 32px #918c991f}.cards-content .card-item:nth-child(2){display:none}.cards-content .card-item .card-img{text-align:center;background-color:#e0d6d6;border-radius:.5rem .5rem 0 0;justify-content:center;padding:.5rem;display:flex}.cards-content .card-item .card-img img{width:2.5rem;height:2.5rem}@media screen and (min-width:992px){.cards-content .card-item .card-img{border-radius:10px 10px 0 0;padding:2rem}.cards-content .card-item .card-img img{width:6rem;height:6rem}}.cards-content .card-item .card-name{text-align:center;color:#404b48;white-space:nowrap;padding:.5rem;font-size:.625rem;font-weight:600;line-height:1rem}@media screen and (min-width:992px){.cards-content .card-item .card-name{padding:1.2rem;font-size:1.5rem;line-height:3rem}}@media screen and (min-width:280px) and (max-width:360px){.cards-content .card-item .card-name{white-space:unset;padding:.5rem 0}.cards-content .card-item:nth-child(4) .card-name{padding:1rem 0}}@media screen and (min-width:992px){.cards-content{grid-template-columns:repeat(4,1fr);top:-125px}.cards-content .card-item{border-radius:10px}.cards-content .card-item:nth-child(2){display:block}}.input{border:1px solid var(--color-gray);color:var(--color-heading);border-radius:0 1rem 1rem 0;outline:0;height:3.5rem;padding:1rem}.input-group{grid-template-columns:80% 20%;max-width:768px;margin:0 auto;display:grid;position:relative}.input-group.active{grid-template-columns:100%}@media screen and (max-width:640px){.input-group{grid-template-columns:60% 40%}}.input-group .btn{border-top-right-radius:0;border-bottom-right-radius:0;height:3.5rem}.input-group .btn__image{margin-right:.5rem}.card{background:#fff;border-radius:.5rem;padding:2rem;box-shadow:0 10px 24px #918c991a}.card__image{width:5rem;height:5rem;margin-left:1rem;display:none}@media screen and (min-width:992px){.card__image{display:block}}.card__title{color:var(--color-heading);margin-top:1.5rem;font-size:1.25em;font-weight:600}.card__title .card__img{width:3.5rem;height:3.5rem;margin-left:1rem;display:inline-flex}@media screen and (min-width:992px){.card__title .card__img{display:none}}.card__description{color:var(--color-gray);text-align:justify;margin:1rem 0;line-height:2rem}.feature{flex-direction:column;justify-content:center;align-items:center;display:flex}.user-login-wrapper{align-items:center;display:flex}.user-login-wrapper img{cursor:pointer;z-index:-111111;width:25px;height:25px;margin:0 8px;position:relative}.block-cards{background-color:#f9fafb;margin-top:7rem;padding:2.5rem 0}.block-cards .card{align-items:center;width:100%;display:flex}.block-cards .card .left-content{text-align:right}.block-cards .grid{justify-items:center;gap:2rem}@media screen and (min-width:992px){.block-cards{padding:5rem 0}}.banner-content{overflow:hidden}.banner-content img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}@media only screen and (min-width:320px) and (max-width:959px){.banner-content{height:104px}}@media only screen and (min-width:960px){.banner-content{min-height:288px}}.about-wrapper{background-color:#fff;align-items:center;padding:2.5rem 0}.about-wrapper .grid{gap:5rem}.about-wrapper .about-title{margin-bottom:1rem;font-size:1.25rem;font-weight:600;line-height:2.5rem}.about-wrapper .about-description{text-align:justify;color:#4f535c;line-height:2rem}.about-wrapper .about-img{-o-object-fit:cover;object-fit:cover;border-radius:10px;align-self:end;width:100%;overflow:hidden}@media screen and (min-width:992px){.about-wrapper{padding:5rem 0}.btn{border-radius:10px}.grid--1x4{grid-template-columns:repeat(4,1fr)}.grid--1x3{grid-template-columns:repeat(3,1fr)}.grid--1x2{grid-template-columns:repeat(2,1fr)}.card{border-radius:10px}.block{--padding-vertical:4rem;padding:var(--padding-vertical)2rem}.block__header{font-size:1.25rem;line-height:2rem}.hero{padding-top:0}.hero__button{justify-content:flex-start}.hero__content{align-self:center}.hero__image{order:0}.hero__heading{margin-top:0;margin-bottom:2rem;font-size:2.5rem;line-height:3.5rem}.responsive-menu-icon{display:none}.nav{height:88px}.nav__list{align-items:center;width:auto;margin:0;display:flex}.input-group .btn{padding:0 3.5rem}.about-wrapper .about-title{margin-bottom:2rem;font-size:2rem;line-height:3rem}.footer .grid{justify-content:center;align-items:center}.footer-support{place-self:center left;display:flex}}