
@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@100..900&display=swap');body{font-family:'Tajawal', sans-serif !important}section.css-slider{margin-bottom:.5rem !important}.bg-primary.text-center.py-5{background:none !important;padding:1rem !important}.bg-primary.text-center.py-5 h1{font-size:20px !important;font-weight:600 !important;color:#333 !important;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;color:transparent;background-image:linear-gradient(to left, #00a785 10%, #00a652 100%);line-height:2}.card.border-secondary.shadow-sm{box-shadow:none !important}section.border-top{border-top:none !important}.css-products .d-flex.mt-3{width:fit-content;border:1px solid #ddd;line-height:2.5;border-radius:25px;padding:2px 10px;background:#e3cdb6}@media (min-width:992px){.carousel-inner img.object-fit-cover{object-fit:contain !important;border-radius:0px !important}.carousel-item{height:fit-content !important}}.navbar-sticky.fixed-top{position:relative}@media (max-width:991px){nav.navbar{padding:0 !important;background-color:#c8e5dd !important;border:none !important}.navbar>.container{flex-direction:row-reverse;gap:5px !important}.navbar>.container .navbar-brand{margin-right:auto !important;margin-left:0 !important}.css-logo{width:90px !important;height:auto !important}.navbar>.container .nav-link i{font-size:1.6rem !important}.navbar>.container .nav-link i.ti-shopping-bag{font-size:1.5rem !important}.js-cart-badge{display:none}@media (max-width:991px){html[dir="ltr"] .navbar>.container .navbar-brand{margin-right:0 !important;margin-left:auto !important}}.css-categories h2{width:fit-content;font-size:17px;font-family:Alexandria !important;font-weight:500 !important}.css-thumbnail img{border-radius:12px !important}.rounded-top{background-color:transparent !important}@media (max-width:991px){.css-categories .swiper-backface-hidden .swiper-slide{width:120px !important}.css-categories .swiper-wrapper .card.card-product img{height:7rem}body.d-flex.flex-column.h-100 .css-categories .js-wrapper .card.border-secondary.shadow-sm{padding:7px}}@media (min-width:992px){.css-categories h2{font-size:1.3rem;margin-top:1rem}.css-categories .swiper-backface-hidden .swiper-slide{width:185px !important}.css-categories .swiper-wrapper .card.card-product img{height:11rem}body.d-flex.flex-column.h-100 .css-categories .js-wrapper .card.border-secondary.shadow-sm{padding:0}}.carousel-inner{width:100% !important;margin:0px auto auto}section:nth-of-type(n+2) .carousel-inner{width:96% !important;margin:20px auto auto}.carousel-control-prev-icon, .carousel-control-next-icon{filter:brightness(0.5);width:1rem;height:1rem}section.css-store{padding-top:0 !important;display:none !important}section.css-store .container{padding:0 !important}section.css-store .container ul{margin-top:-7.5rem !important;background:#ccc;position:absolute;left:15px;border-radius:20px;padding:7px 15px 5px}section.css-store .container ul li i{color:#029374}section.css-store .container ul li:has(i.ti-mail-opened), section.css-store .container ul li:has(i.ti-phone){display:none !important}html[dir="ltr"] section.css-store .container ul{right:15px !important;left:auto !important}html[dir="ltr"] section.css-slider:nth-of-type(1) a.btn{margin-left:-2.5rem !important;margin-right:auto !important}section:nth-of-type(3).css-slider .carousel-inner{width:95%;margin:auto;border-radius:20px}section:nth-of-type(3).css-slider .carousel-item{height:370px !important}section:nth-of-type(3).css-slider .carousel-control-next, section:nth-of-type(3).css-slider .carousel-control-prev{color:transparent !important}section:nth-of-type(3).css-slider .carousel-caption{border:none !important;line-height:2;padding:7px 15px;margin:auto;text-align:center !important;width:fit-content;padding:15px 28px 0;bottom:1rem;line-height:normal}section:nth-of-type(3).container-fluid.css-slider:after{content:'';display:block;width:80px;height:80px;background-image:url(https://shatlat.sa/assets/front_end_v2/classic/images/butteryfly2.png);background-size:contain;background-position:center;background-repeat:no-repeat;margin:auto}.py-3.p-sm-5.text-center.border-top.css-image-with-text{border-top:none !important;padding-bottom:0 !important}.py-3.p-sm-5.text-center.border-top.css-image-with-text .container{width:100% !important}.py-3.p-sm-5.text-center.border-top.css-image-with-text figure{margin-bottom:0 !important}.py-3.p-sm-5.text-center.border-top.css-image-with-text .container figure h2{font-size:20px !important;font-weight:600 !important;color:#333 !important;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text -webkit-background-clip:text color:transparent;background-image:linear-gradient(to left, #00a785 10%, #00a652 100%);margin-bottom:15px !important}.py-3.p-sm-5.text-center.border-top.css-image-with-text .container figure p{line-height:30px;font-size:15px;color:#333 !important;font-weight:300}section:nth-of-type(2).css-slider .carousel-caption a.btn{color:#fff !important;border:none !important;background:linear-gradient(to left, #00a785 10%, #00a652 100%) !important;font-size:16px !important;border-radius:50px;line-height:2;padding:12px 15px;margin-top:2rem !important}.carousel-caption{bottom:0;top:0;bottom:0;left:0;right:0;width:100%;height:85%;padding:0}.carousel-caption p{height:100%}.carousel-caption p a.btn.btn-primary{height:100%;width:100%;font-size:0 !important;background:none !important}@media (max-width:991px){section.css-slider:nth-of-type(1) a.btn{margin-top:-35rem;margin-right:-2.5rem;font-size:13px !important}}.css-categories{padding-top:0 !important}.css-categories, .css-categories .container{border:none !important}.css-categories a.link-primary{color:#fff !important;border:none !important;background:linear-gradient(to left, #00a785 10%, #00a652 100%) !important;font-size:16px !important;border-radius:50px;line-height:2;padding:12px 15px;margin-top:2rem !important}.css-categories .d-flex.mt-3{justify-content:center}.css-categories .d-flex.mt-3 .flex-grow-1{display:none}.css-categories .swiper-wrapper .card-footer .card-title{text-align:center;font-size:15px !important}/*@media (max-width:991px){.css-categories .swiper-wrapper{display:grid;align-items:center;flex-direction:column;gap:2rem;border:none !important;grid-template-columns:repeat(2, 1fr)}*/
.css-categories .swiper-button-next-sm, .css-categories .swiper-button-prev-sm{display:none !important}.css-categories .swiper-wrapper .swiper-slide{margin-left:0 !important}.css-categories .swiper-wrapper .card.card-product{border:none !important;box-shadow:none !important}.css-categories .swiper-wrapper .card.card-product .rounded-top.bg-primary{background-color:#fff !important}.css-categories .swiper-wrapper .card.card-product img{border-radius:100px}.css-categories .swiper-wrapper .card-footer .card-title{display:flex;justify-content:center;font-size:17px;font-weight:400 !important;margin-top:5px}.css-categories .swiper-wrapper .card-footer .card-title span, .css-categories .swiper-wrapper .card-footer .card-title i{display:none !important}.css-categories .card-product{transition:unset}.css-categories .swiper-slide, .css-products .swiper-wrapper{transition-property:unset}.css-categories .swiper-backface-hidden .swiper-slide{transform:unset}.css-categories .swiper-slide, .css-categories .swiper-wrapper{transition-property:unset}.css-categories .animate__fadeIn{-webkit-animation-name:unset;animation-name:unset}.css-categories img.card-img-top{object-fit:100% !important;border-radius:20px}.css-categories .border-secondary{border-color:transparent !important;padding:0}}.css-products{border:none !important;margin-top:2rem}.css-products h2.h5.py-0.py-sm-2.fw-bold{width:fit-content;font-size:20px;font-family:Alexandria !important;font-weight:500 !important}.css-products .swiper-button-next-sm, .css-products .swiper-button-prev-sm{display:none !important}@media (max-width:991px){.css-products .swiper-container .swiper-wrapper{transform:unset;display:grid;grid-template-columns:repeat(2, 1fr);row-gap:1rem;column-gap:0}.card.card-product{border:none !important}.rounded-top{border-radius:0 !important}.swiper-backface-hidden .swiper-slide{backface-visibility:unset !important}.card-product{transition:unset}.css-products .swiper-slide, .css-products .swiper-wrapper{transition-property:unset}.css-products .swiper-backface-hidden .swiper-slide{transform:unset}}button.js-add-to-cart span.px-1{display:none !important}button.js-add-to-cart .ti-circle-plus:before{content:"\f5f8" !important}section .btn.btn-primary.js-add-to-cart{color:#fff !important;border:none !important;border-bottom:2px solid #00A99A !important;border-radius:0;width:fit-content;border-radius:50%;border:none !important;color:#fff !important;margin-top:-8.4rem;padding:5px 10px;position:absolute;left:0;bottom:0;transition:background-color 0.3s ease}.btn.btn-primary.js-add-to-cart:hover{background-color:#1b5e20}section .btn.btn-primary.js-add-to-cart i{font-size:23px !important;line-height:30px}.css-products .card-body h2 a{color:#333 !important;font-weight:400 !important;font-size:14px}.card-body h2, .card.card-product > div.py-1.px-3{padding-right:5px !important}.card.card-product strong.fw-bold.text-body{font-size:14px;font-weight:400 !important}html[dir="ltr"] section.css-products .card-body h2 a{font-size:13px !important}html[dir="ltr"] .card.card-product div, html[dir="ltr"] .card.card-product h2{padding-left:0 !important}html[dir="ltr"] section .btn.btn-primary.js-add-to-cart{left:auto;right:0 !important}.add-to-wishlist{width:35px;height:30px}.icon-heart-mask{width:20px;height:15px}section[data-section="js-copyright"]{display:none}footer h2.text-body, footer span, footer a{color:#fff !important}footer h2.text-body,
footer ul.nav{text-align:center}footer .ti.ti-circle-plus{display:none !important}footer div[data-toggle="js-data-toggle"]{display:block !important}@media (max-width:991px){footer .col.mb-3.mb-sm-0:nth-child(1) h2.h6.text-body.fw-bold:after{content:" اعثر علينا";font-size:13px;font-weight:400}.footer-marketing-link{font-size:13px !important}}.offcanvas-body .flex-shrink-0.mb-3 .border.bg-secondary.bg-opacity-10.border-secondary.border-opacity-10.shadow-sm.rounded.px-3.py-2 .d-flex.justify-content-between.align-items-center{flex-direction:column;align-items:flex-start !important}.offcanvas-body .flex-shrink-0.mb-3 .border.bg-secondary.bg-opacity-10.border-secondary.border-opacity-10.shadow-sm.rounded.px-3.py-2 .d-flex.justify-content-between.align-items-center h6.mb-0.fw-light.text-secondary, .offcanvas-body .flex-shrink-0.mb-3 .border.bg-secondary.bg-opacity-10.border-secondary.border-opacity-10.shadow-sm.rounded.px-3.py-2 .d-flex.justify-content-between.align-items-center .vr{display:none}.offcanvas-body .flex-shrink-0.mb-3 .border.bg-secondary.bg-opacity-10.border-secondary.border-opacity-10.shadow-sm.rounded.px-3.py-2{padding:0 !important;background:none !important;box-shadow:none !important;border:none !important}.offcanvas-body .btn.btn-primary{color:#fff !important;border:none !important;background:linear-gradient(to left, #00a785 10%, #00a652 100%) !important;font-size:13px !important;border-radius:50px;line-height:2;padding:7px 15px}.offcanvas-body .list-group.shadow-sm, .offcanvas-body .my-3.card.shadow-sm{box-shadow:none !important;border:none !important}.offcanvas-body a.list-group-item.list-group-item-action.list-group-item-light, .offcanvas-body li.list-group-item.nav-item{border:none;box-shadow:none !important;background:none !important;padding-right:0;font-size:14px;color:#000;font-weight:400}.offcanvas-body .form-select-sm{padding-top:.8rem;padding-bottom:.8rem;font-size:14px;border-radius:4px}h6.offcanvas-title{font-weight:500 !important}.offcanvas-body .list-group.shadow-sm{display:none !important}.offcanvas-body .my-3.card.shadow-sm{margin-top:2rem !important;margin-bottom:2rem !important}.offcanvas-body form#\!changeLanguageCountryMobile:before{content:'اللغة / Language';line-height:2;height:2rem;width:100%;display:block;margin:10px 5px;font-size:14px}body.d-flex.flex-column.h-100 .js-wrapper .js-page-heading h1, .js-hero.js-section-cart-products h1{font-size:20px !important;font-weight:600 !important;color:#333 !important;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;color:transparent;background-image:linear-gradient(to left, #00a785 10%, #00a652 100%);line-height:2}body.d-flex.flex-column.h-100 .js-wrapper .bg-primary.text-center.py-5.overflow-hidden, .js-hero.js-section-cart-products{background:none !important;padding:1rem !important}body.d-flex.flex-column.h-100 .js-wrapper .ti.ti-search{display:none !important}body.d-flex.flex-column.h-100 .js-wrapper .btn-toolbar .btn{border:none !important}#sortAttirbutesContainer label.input-group-text.text-body-secondary{display:none !important}body.d-flex.flex-column.h-100 .js-wrapper section.border-secondary.border-top.border-bottom.border-opacity-10.py-2{border:none !important}h2.list-group-item.border-0.border-secondary.border-opacity-10.lh-base.h6.py-1.mb-0{height:4.5rem;font-size:14px;display:flex;align-items:flex-end}h6.card-title{font-size:15px !important;font-weight:600 !important;padding-right:0 !important;line-height:2 !important;justify-content:center}.card-product, .card-product:hover{border:1px solid #ccc;box-shadow:1px 5px 5px -1px #ccc}#product-view-add-to-cart span{color:#fff !important;font-size:1rem !important}#product-view-add-to-cart i{display:none}.card.mb-3.border-secondary.border-opacity-10.shadow-sm{box-shadow:none !important;border:none !important}.card-header{background:none}h1.mb-0.lh-base.mt-2.mt-sm-0.h5.fw-bold{font-size:17px !important;font-weight:500 !important}.card-header .btn{border-color:#eee}.card.border-0.p-0.mb-3.shadow-sm{box-shadow:none !important}.card.border-secondary.border-opacity-10.shadow-sm.js-section-add-to-cart{box-shadow:none !important}.card .fw-bold{font-weight:500 !important}.badge.bg-primary.js-product-price{background:none !important;font-weight:500 !important}.js-related-section h2.h5.py-0.py-sm-2.fw-bold{font-size:20px !important;font-weight:600 !important;color:#333 !important;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;color:transparent;background-image:linear-gradient(to left, #00a785 10%, #00a652 100%);line-height:2}.js-cart-buttons a{color:#fff !important;border:none !important;background:linear-gradient(to left, #00a785 10%, #00a652 100%) !important;font-size:16px !important;border-radius:50px;line-height:2;padding:7px 15px}.cart-product-col-details h6 a{color:#000 !important;font-weight:400 !important;font-size:14px}.card-body h5{font-size:17px !important;font-weight:600 !important;color:#333 !important;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;color:transparent;background-image:linear-gradient(to left, #00a785 10%, #00a652 100%);padding-right:0 !important;line-height:2}@media (min-width:992px){#navigation-menu{background-color:#c8e5dd !important}.nav-link.text-dark-emphasis, .nav-link.text-dark-emphasis i{color:#000 !important;font-size:13px !important}.navbar-nav .nav-link.link-secondary{color:rgba(0, 128, 0, 0.8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;color:transparent;background-image:linear-gradient(to left, #d2e6c6 10%, #d2e6c6 100%)}.js-cart-badge{background-color:#dd5252 !important}section.css-slider:nth-of-type(1) a.btn{margin-top:0;margin-right:-10rem;color:#fff !important;border:none !important;background:linear-gradient(to left, #00a785 10%, #00a652 100%) !important;border-radius:50px;line-height:2;padding:12px 15px}section.css-store .container ul{margin-top:-9rem !important;left:45px}html[dir="ltr"] section.css-slider .carousel-caption{bottom:4rem !important}.css-slider .carousel-indicators{display:none !important}.css-categories .swiper-wrapper{display:flex;flex-direction:row;width:100%;justify-content:space-around;margin-bottom:2rem}.css-categories .swiper-slide{width:250px !important}h6.card-title i{display:none}.css-products .swiper-slide{width:200px !important}.nav-link i{color:#fff}}body.d-flex.flex-column.h-100 .js-wrapper section.border-secondary.border-top.border-bottom.border-opacity-10.py-2{display:none !important}body.d-flex.flex-column.h-100 .js-wrapper .card.border-secondary.shadow-sm{border:none !important;padding:7px !important}body.d-flex.flex-column.h-100 .js-wrapper p{line-height:2 !important;font-weight:bold !important;color:#cba974 !important}body.d-flex.flex-column.h-100 .js-wrapper img[width="25%"]{margin:3px;width:23%}.companies h2{font-size:18px;text-align:center;margin:4rem auto 2rem;color:#222}.companies img{width:100%;height:auto;margin:auto;border-radius:20px}.companies .grid{display:grid;gap:1rem}.companies .grid .feature{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;border:1px solid #eee;padding:13px}.companies .feature img{width:3.5rem;margin:1rem auto .5rem;border-radius:0}.companies h3{font-size:16px;color:#222;line-height:1.5}.companies p{font-size:14px}.companies h1{font-size:18px;color:#222;margin:2rem auto 1rem;text-align:center}.companies a{background:linear-gradient(to left, #00a785 50%, #00a652 100%) !important;padding:12px 25px;color:#fff !important;width:fit-content;border-radius:25px;margin:auto;font-size:15px !important;display:flex;margin-top:2rem !important}@media (min-width:992px){.companies .grid{grid-template-columns:repeat(3, 1fr)}}#navigation-menu,
.navbar,
header .alert{background:linear-gradient(to right, #CBA974, #CBA974) !important}.card-footer .btn{background:linear-gradient(to right, #cba974, #f1eedb)}footer.bg-secondary{background-color:#cba974 !important}header ul.nav{display:flex;justify-content:center}.css-categories h2,
.css-products h2.h5.py-0.py-sm-2.fw-bold,
h6.card-title,
.card.card-product strong.fw-bold.text-body,
h1.mb-0.lh-base.mt-2.mt-sm-0.h5.fw-bold,
.py-sm-2
.navbar>.container .nav-link i{color:#a77340 !important}.card-product:hover{box-shadow:0 4px 10px rgba(0,0,0,0.2);transition:all 0.3s ease}.hstack{color:#333}.carousel-caption p a.btn.btn-primary{border:none}.css-categories .bg-primary{background-color:#fff !important}.carousel-caption{position:unset !important}.css-testimonials h2{color:#cc881e;width:fit-content;padding:4px 20px;background:#eee;margin-left:auto;margin-right:auto;border:1px solid;border-radius:5px}