:root{--mainColor: #0034FD;--secondColor: #FF5200;--borderColor: #ebebeb;--dangerColor: #dc3545;--lightGray: #444;--darkGray: #333}*{padding:0;margin:0;list-style:none;text-decoration:none;box-sizing:border-box}html{scroll-behavior:smooth}body,button,input,textarea{font-family:Tajawal,sans-serif}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background-color:var(--secondColor)}::-webkit-scrollbar-track{background-color:#fff}.main-container{width:93%;margin-inline:auto;padding-inline:25px}.pagination{display:flex;list-style:none;justify-content:center;gap:7px;margin-top:50px}.pagination li{cursor:pointer;border:1px solid #ddd;border-radius:5px;display:flex;align-items:stretch;justify-content:center;overflow:hidden}.pagination li.active{background-color:var(--secondColor);color:#fff;border-color:var(--secondColor)}.pagination li:first-of-type a:hover,.pagination li:last-of-type a:hover{background-color:var(--secondColor);color:#fff}.pagination li a{display:flex;align-items:center;padding:5px 15px;transition:all .3s}@media (max-width: 767px){.pagination li{width:35px}.pagination li a{padding:5px}}@media (max-width: 991px){*{cursor:auto!important}}@media (max-width: 767px){.main-container{width:100%}}.not-found{display:flex;align-items:center;justify-content:center;padding:20px 20px 10px}.not-found .content{text-align:center;display:flex;flex-direction:column;gap:15px}.not-found .content img{display:block;margin-inline:auto;max-width:500px;width:100%;object-fit:contain}.not-found .content p{font-size:60px;color:var(--secondColor)}.not-found .content a{display:block;margin-top:40px;margin-inline:auto;width:fit-content;background-color:var(--secondColor);color:#fff;font-size:25px;padding:10px 25px;border-radius:20px}@media (max-width: 767px){.not-found .content p{font-size:50px}}.main-slider{background-color:#f8f8fb;overflow:hidden;position:relative;height:calc(100vh - 149px)}.main-slider .item{width:100%;height:calc(100vh - 149px);display:flex;align-items:center;justify-content:space-between;position:absolute;left:50%;transform:translate(-50%);opacity:0;transition:opacity 1s ease-in-out}.main-slider .item.active{opacity:1;z-index:1}.main-slider .item.active .content span,.main-slider .item.active .content h1,.main-slider .item.active .content a{animation:active-animation 1s ease-in-out}.main-slider .item.active .content h1{animation-delay:.3s}.main-slider .item.active .content a{animation-delay:.5s}.main-slider .item .image{position:absolute;left:0;top:0;width:100%;height:100%}.main-slider .item .image img{width:100%;height:100%}.main-slider .item .content{position:relative;width:100%;display:flex;flex-direction:column;justify-content:center;gap:5px;padding-inline-start:100px;z-index:3}.main-slider .item .content span{font-size:25px;color:#fff;display:block;width:50%;line-height:1.8}.main-slider .item .content h1{width:50%;font-size:60px;line-height:1.3;color:#fff}.main-slider .item .content a{display:block;margin-top:20px;border:1px solid var(--borderColor);width:fit-content;padding:8px 20px;border-radius:20px;font-size:18px;color:#fff;transition:all .3s}.main-slider .item .content a:hover{background-color:var(--secondColor);color:#fff}.main-slider .btns{position:absolute;bottom:50px;inset-inline-start:100px;display:flex;align-content:center;gap:10px;z-index:2}.main-slider .btns button{display:block;height:15px;background-color:var(--mainColor);border:none;transform:skew(-25deg);transition:all .2s ease-in-out;cursor:pointer}@keyframes active-animation{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 850px){.main-slider .item .image img{object-fit:cover;object-position:center}.main-slider .item .content{padding:0!important;text-align:center;align-items:center}.main-slider .item .content h1{font-size:40px;width:90%!important}.main-slider .item .content span{width:100%!important}.main-slider .btns{left:25px!important;bottom:20px!important}}[dir=rtl] .categorys-slider .info .slider{border-radius:0 30px 0 0!important}[dir=rtl] .categorys-slider .info .slider:before,[dir=rtl] .categorys-slider .info .slider:after{transform:rotate(90deg)}.categorys-slider{padding-block:60px}.categorys-slider .main-container .slider{background-color:#fff;border-radius:30px 0 0;position:relative;padding-top:15px}.categorys-slider .main-container .slider:active{cursor:grab}.categorys-slider .main-container .slider:before{top:-29px;inset-inline-start:120px}.categorys-slider .main-container .slider:after{bottom:0;inset-inline-start:-30px}.categorys-slider .main-container .slider .item{display:block;color:var(--darkGray);height:180px;border-radius:20px}.categorys-slider .main-container .slider .item img{width:100px!important;height:100px!important;object-fit:contain}.categorys-slider .main-container .slider .item>div{height:100%}.categorys-slider .main-container .slider .item .content{border:none;outline:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:12px;overflow:hidden}.categorys-slider .main-container .slider .item .content img{width:90px;height:100%}@media (max-width: 1150px){.categorys-slider .main-container{flex-direction:column;gap:20px}.categorys-slider .main-container>div{width:100%!important;height:100%!important}.categorys-slider .main-container .image{display:flex;align-items:center;justify-content:center}.categorys-slider .main-container .image img{width:400px}.categorys-slider .main-container .info .title{align-items:center}.categorys-slider .main-container .info .slider{width:100%!important;margin:0!important}.categorys-slider .main-container .info .slider:before,.categorys-slider .main-container .info .slider:after{display:none}}@media (max-width: 700px){.categorys-slider .main-container .image img{width:300px}.categorys-slider .main-container .info .title{font-size:60px}}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ 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);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.top-categorys{padding-block:35px}.top-categorys .main-container{display:flex;align-items:stretch;gap:30px}.top-categorys .main-container>div{width:50%;min-height:330px;border-radius:25px}.top-categorys .main-container .card{display:flex;align-items:center;justify-content:space-evenly;gap:10px;overflow:hidden;position:relative;padding:20px;background-color:var(--mainColor)}.top-categorys .main-container .card:hover:before{transform:skew(-30deg) scaleX(1.1)}.top-categorys .main-container .card:before{content:"";position:absolute;width:400px;height:100%;transform:skew(-30deg);left:30%;transition:all .3s;background-color:var(--secondColor)}.top-categorys .main-container .card .image{display:flex;align-items:center;justify-content:center;position:relative}.top-categorys .main-container .card .image img{width:250px;height:100%}.top-categorys .main-container .card .info{display:flex;flex-direction:column;gap:12px;position:relative;color:#fff}.top-categorys .main-container .card .info h3{width:250px;font-size:26px}.top-categorys .main-container .card .info p{width:280px;font-size:17px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.top-categorys .main-container .card .info a{display:block;font-size:17px;padding:8px 15px;width:fit-content;border:1px solid #FFF;color:#fff;border-radius:15px;margin-top:10px;transition:all .3s}.top-categorys .main-container .card .info a:hover{border:1px solid var(--secondColor);background-color:var(--secondColor);color:#fff}@media (max-width: 1170px){.top-categorys .main-container .card{flex-direction:column}.top-categorys .main-container .card .info{text-align:center}.top-categorys .main-container .card .info h3,.top-categorys .main-container .card .info p{width:100%}.top-categorys .main-container .card .info a{margin-inline:auto}}@media (max-width: 991px){.top-categorys .main-container{flex-direction:column}.top-categorys .main-container>div{width:100%;height:100%}}.full-category{margin-block:30px;height:600px;background-color:#dadada;position:relative;background-repeat:no-repeat;background-size:cover;background-position:center,center;display:flex;align-items:flex-end;justify-content:flex-end}.full-category .box{background-color:#fff;margin-inline-end:100px;padding:20px;border-radius:15px 15px 0 0;width:400px;display:flex;flex-direction:column;gap:10px;position:relative;margin-bottom:-1px}.full-category .box:before,.full-category .box:after{content:"";height:20px;width:20px;position:absolute;background-image:url(/images/shape.png);background-size:100%;background-repeat:no-repeat}.full-category .box:before{bottom:0;left:-20px}.full-category .box:after{bottom:0;right:-20px;transform:rotate(90deg)}.full-category .box span{font-size:25px;color:var(--secondColor)}.full-category .box h3{font-size:35px;line-height:1.2;color:var(--secondColor);font-weight:600;margin-bottom:10px}.full-category .box p{font-size:17px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.full-category .box a{display:block;width:fit-content;border:1px solid #a1a1a1;color:#252525;padding:8px 20px;border-radius:10px;margin-top:10px;transition:all .3s}.full-category .box a:hover{background-color:var(--secondColor);color:#fff;border:1px solid var(--secondColor)}@media (max-width: 767px){.full-category{justify-content:center}.full-category .box{margin-inline:0;width:80%}.full-category .box p{font-size:35px}}.flex-product{display:flex;align-items:center}.product{border-radius:20px;overflow:hidden;border:1px solid var(--borderColor)}.product:hover .image img{transform:scale(1.1)}.product:hover .image .overlay{opacity:1}.product:hover .image .overlay .btns button,.product:hover .image .overlay .btns a{opacity:1;transform:translateY(0)}.product .image{height:250px;position:relative;overflow:hidden}.product .image .not{position:absolute;left:13px;top:8px;z-index:9}.product .image .not p{display:flex;flex-direction:column;justify-content:center;font-size:16px;color:#fff;background-color:var(--secondColor);font-weight:500;padding:5px;border-radius:5px}.product .image .del-item{position:absolute;top:10px;right:15px;z-index:10}.product .image .del-item button{width:25px;height:25px;display:flex;align-items:center;justify-content:center;font-size:17px;border:none;border-radius:50%;background-color:#838383;color:#fff;cursor:pointer;transition:all .3s}.product .image .del-item button:hover{background-color:var(--secondColor)}.product .image img{width:100%;height:100%;transition:all .7s;object-fit:contain}.product .image .overlay{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#2929293d;display:flex;align-items:flex-end;justify-content:center;padding:20px;opacity:0;transition:all .2s;z-index:8}.product .image .overlay .btns{display:flex;align-items:center;gap:15px}.product .image .overlay .btns button,.product .image .overlay .btns a{display:flex;align-items:center;justify-content:center;width:35px;height:35px;font-size:20px;border:none;background-color:#fff;border-radius:12px;color:#222;transition:all .5s;opacity:0;transform:translateY(30px);cursor:pointer}.product .image .overlay .btns button .loading-btn,.product .image .overlay .btns a .loading-btn{color:#222}.product .image .overlay .btns button:hover,.product .image .overlay .btns a:hover{background-color:var(--secondColor);color:#fff}.product .image .overlay .btns button:hover .loading-btn,.product .image .overlay .btns a:hover .loading-btn{color:#fff}.product .image .overlay .btns button:first-of-type{transition-delay:0s}.product .image .overlay .btns a{transition-delay:.1s}.product .image .overlay .btns button:last-of-type{transition-delay:.2s}.product .content{background-color:#fff;padding:15px 20px;display:flex;flex-direction:column;gap:10px;font-size:18px;flex:1}.product .content .top .category{color:var(--lightGray);transition:all .3s;display:block;width:fit-content}.product .content .top .category:hover{color:var(--secondColor)}.product .content .name-product{font-size:17px;color:var(--darkGray);font-weight:500;transition:all .3s;display:block;width:fit-content;line-height:1.6}.product .content .name-product:hover{color:var(--secondColor)}.product .content .description{font-size:17px;color:var(--lightGray);line-height:1.7}.product .content .stars{display:flex;justify-content:flex-start}.product .content .bottom{display:flex;align-items:center;justify-content:space-between}.product .content .bottom .price{display:flex;align-items:center;gap:10px}.product .content .bottom .price .now{font-size:20px;color:var(--secondColor)}.product .content .bottom .price .old{color:var(--darkGray);text-decoration:line-through}.product .content .bottom .out{font-size:17px;color:var(--secondColor);font-weight:500}.product .content .bottom .type{color:var(--darkGray)}.loading-btn{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff}.loading-btn svg{animation:laoding .8s linear infinite}@keyframes laoding{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.new-products{padding-block:50px}.new-products .head{display:flex;align-items:center;justify-content:space-between}.new-products .head .title{font-size:25px;color:var(--lightGray)}.new-products .head .tabs .scroll{display:flex;align-items:center;gap:15px}.new-products .head .tabs .scroll>div{display:flex;align-items:center;gap:15px;font-size:20px;color:var(--lightGray)}.new-products .head .tabs .scroll>div button{border:none;background-color:transparent;font-size:20px;color:var(--lightGray);cursor:pointer;transition:all .3s}.new-products .head .tabs .scroll>div button:hover{color:var(--secondColor)}.new-products .head .tabs .scroll>div button.active{color:var(--secondColor)}.new-products .products{margin-top:25px;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}.new-products .loading{display:flex;align-items:center;justify-content:center;margin-top:30px}.new-products .loading .spinner{width:70px;height:70px;border:6px solid #f3f3f3;border-top:6px solid var(--secondColor);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 767px){.new-products .head{flex-direction:column;gap:20px}.new-products .head .tabs{overflow:auto;width:100%}.new-products .head .tabs::-webkit-scrollbar{height:3px}.new-products .head .tabs .scroll{width:400px}}.offers-products{padding-block:30px}.offers-products .main-container .head{display:flex;align-items:center;justify-content:space-between}.offers-products .main-container .head .title h3{font-size:26px;text-transform:capitalize;color:var(--lightGray);margin-bottom:7px;color:var(--secondColor)}.offers-products .main-container .head .title p{font-size:18px}.offers-products .main-container .head .timer{font-size:18px;background-color:var(--secondColor);color:#fff;padding:8px 35px;border-radius:25px;font-weight:500}.offers-products .main-container .products{margin-top:35px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}@media (max-width: 767px){.offers-products .main-container .head{flex-direction:column;gap:15px;text-align:center}}.blog-component{padding-top:40px;display:flex;flex-direction:column;gap:35px}.blog-component>h3{text-align:center;font-size:40px;color:var(--secondColor)}.blog-component .main-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.blog-component>a{display:block;width:fit-content;margin-inline:auto;background-color:var(--secondColor);color:#fff;padding:10px 25px;font-size:18px;border-radius:15px}.blog{border:1px solid var(--borderColor);border-radius:20px;overflow:hidden}.blog .image{height:200px}.blog .image img{width:100%;height:100%;object-fit:cover;object-position:center}.blog .info{padding:15px}.blog .info h3{color:var(--lightGray);margin-bottom:10px;line-height:1.7}.blog .info .desc{font-size:17px;color:var(--darkGray);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.7}.blog .info a{display:block;width:fit-content;background-color:var(--secondColor);color:#fff;padding:8px 17px;margin-top:17px;border-radius:15px}.social-media{padding-top:40px;margin-bottom:50px}.social-media .main-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:20px}.social-media .main-container .box{border:1px solid var(--borderColor);height:150px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--lightGray);border-radius:20px;position:relative;overflow:hidden}.social-media .main-container .box:first-of-type .image{background-color:#25d366}.social-media .main-container .box:nth-of-type(2) .image{background-color:#1877f2}.social-media .main-container .box:nth-of-type(3) .image{background-color:#fcaf45}.social-media .main-container .box:nth-of-type(4) .image{background-color:#111}.social-media .main-container .box:nth-of-type(5) .image{background-color:#1da1f2}.social-media .main-container .box:nth-of-type(6) .image{background-color:red}.social-media .main-container .box:hover h4{opacity:0}.social-media .main-container .box:hover .image{opacity:1}.social-media .main-container .box:hover .image svg{transform:scale(1) rotate(0)}.social-media .main-container .box .image{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .5s;color:#fff}.social-media .main-container .box .image svg{font-size:50px;transform:scale(2.2) rotate(30deg);transition:all .5s}@media (max-width: 600px){.social-media .main-container{grid-template-columns:repeat(2,1fr)}}.best-sellers{padding-top:20px;padding-bottom:50px}.best-sellers .main-container>h3{margin-bottom:20px;text-align:center;font-size:40px;color:var(--lightGray)}.best-sellers .main-container>h3 span{color:var(--secondColor)}.best-sellers .main-container .content{display:flex;align-items:stretch;gap:25px}.best-sellers .main-container .content .image{width:40%;height:500px;border:1px solid var(--borderColor);padding:10px;border-radius:20px;position:relative}.best-sellers .main-container .content .image>img:first-of-type{width:100%;height:100%;border-radius:20px}.best-sellers .main-container .content .image .small-image{position:absolute;bottom:-10px;inset-inline-end:-10px;padding:10px;background-color:#fff;width:120px;height:120px;border-radius:20px;display:flex;align-items:center;justify-content:center}.best-sellers .main-container .content .image .small-image img{width:100%;height:100%;border-radius:20px;object-fit:contain}.best-sellers .main-container .content .tabs{padding-block:20px;flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.best-sellers .main-container .content .tabs .item{height:102px;background-color:#f7f7f7;border:1px solid var(--borderColor);text-align:start;padding-inline:25px;border-radius:25px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;transition:all .3s}.best-sellers .main-container .content .tabs .item.active{border:1px solid var(--secondColor)}.best-sellers .main-container .content .tabs .item.active h3{color:var(--secondColor);font-weight:500}.best-sellers .main-container .content .tabs .item.active a{font-weight:500}.best-sellers .main-container .content .tabs .item>div{flex:1}.best-sellers .main-container .content .tabs .item h3{font-size:20px;font-weight:500;margin-bottom:5px}.best-sellers .main-container .content .tabs .item p{font-size:18px;color:var(--lightGray);display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.7}.best-sellers .main-container .content .tabs .item a{display:block;width:100px;text-align:center;color:var(--secondColor)}@media (max-width: 991px){.best-sellers .main-container .content{flex-direction:column}.best-sellers .main-container .content>div{width:100%!important}.best-sellers .main-container .content .image{height:300px}.best-sellers .main-container .content .tabs button{height:auto;padding:17px}}.our-team{padding-block:60px}.our-team .slider{width:68%;margin-inline:auto;position:relative}.our-team .slider:active{cursor:grab}.our-team .slider>h2{position:absolute;inset-inline-start:-140px;top:50%;font-size:45px;font-weight:600}.our-team .slider .item{display:flex!important;align-items:center;gap:20px;padding-inline:20px}.our-team .slider .item .image{width:30%}.our-team .slider .item .image img{width:100%;height:225px;border-radius:20px;object-fit:contain}.our-team .slider .item .info{flex:1}.our-team .slider .item .info h3,.our-team .slider .item .info p{margin-inline-start:15px}.our-team .slider .item .info h3{font-size:30px;margin-bottom:4px}.our-team .slider .item .info>p{font-size:20px;margin-bottom:20px}.our-team .slider .item .info>div{font-size:18px;border:1px solid var(--borderColor);padding:20px;border-radius:30px}.our-team .slider .item .info>div p{line-height:1.7}@media (max-width: 991px){.our-team .slider{width:90%}.our-team .slider>h2{position:static;transform:rotate(0)!important;text-align:center;margin-bottom:20px}.our-team .slider .item{flex-direction:column}.our-team .slider .item .image{width:100%!important;height:250px}.our-team .slider .item .image img{width:100%;height:100%;object-fit:cover;object-position:center}.our-team .slider .item .info{display:flex;flex-direction:column}.our-team .slider .item .info p,.our-team .slider .item .info h3{margin:0;text-align:center}.our-team .slider .item .info>div{margin-top:20px}}.services-component{padding-block:20px}.services-component .main-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.services-component .main-container .service{text-align:center;border:1px solid var(--borderColor);padding:25px 15px;border-radius:20px;display:flex;flex-direction:column;gap:10px}.services-component .main-container .service img{display:block;width:60px;height:100%;margin-inline:auto;margin-bottom:10px}.services-component .main-container .service h4{font-size:22px;color:var(--darkGray)}.services-component .main-container .service p{font-size:18px;line-height:1.6}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:9999;background-color:#fff}.loading-screen img{width:200px;animation:zoomInOut 1s linear infinite}@keyframes zoomInOut{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}.layout{position:relative;min-height:100vh}.layout .scroll-to-top{position:fixed;bottom:25px;inset-inline-end:-100%;display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:20px;border-radius:50%;border:none;cursor:pointer;background-color:var(--mainColor);color:#fff;transition:all .5s;z-index:2}.layout .scroll-to-top.show-btn{inset-inline-end:25px}@media (max-width: 767px){.layout .scroll-to-top{bottom:90px}}.top-head{border-bottom:1px solid var(--borderColor);padding-block:20px;height:96px}.top-head .main-container{display:flex;align-items:center;justify-content:space-between;gap:50px}.top-head .main-container>div:first-of-type .logo{display:flex;align-items:center;justify-content:center}.top-head .main-container>div:first-of-type .logo img{width:70px;height:100%}.top-head .main-container>div:first-of-type .lang-phone{position:relative;display:flex;align-items:center;gap:10px}.top-head .main-container>div:first-of-type .lang-phone .logo_ksa{width:60px;height:60px;object-fit:contain}.top-head .main-container>div:first-of-type .lang-phone .select{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;background-color:transparent;border:1px solid var(--borderColor);font-size:17px;cursor:pointer;color:var(--darkGray)}.top-head .main-container>div:first-of-type .lang-phone .select span{display:flex;align-items:center;justify-content:center}.top-head .main-container>div:first-of-type .lang-phone .select span img{width:30px;height:30px}.top-head .main-container>div:first-of-type .lang-phone .options{position:absolute;top:calc(100% + 5px);inset-inline-start:0;width:100%;background-color:#fff;border:1px solid var(--borderColor);display:flex;flex-direction:column;animation:animate_menu .2s linear;z-index:3}.top-head .main-container>div:first-of-type .lang-phone .options button{border:none;background-color:transparent;padding:5px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.top-head .main-container>div:first-of-type .lang-phone .options button img{width:30px;height:30px}.top-head .main-container>div:first-of-type .lang-phone .options button:not(.top-head .main-container>div:first-of-type .lang-phone .options button:last-of-type){border-bottom:1px solid var(--borderColor)}.top-head .main-container .search{flex:1}.top-head .main-container .search .input-search{border:1px solid var(--borderColor);display:flex;align-items:center;padding:10px 20px;width:100%;border-radius:25px}.top-head .main-container .search .input-search input{border:none;outline:none;width:100%;font-size:16px}.top-head .main-container .search .input-search svg{font-size:20px;color:var(--lightGray)}.top-head .main-container .control-store{display:flex;align-items:center;gap:20px}.top-head .main-container .control-store>div button,.top-head .main-container .control-store>div a{border:none;background-color:transparent;display:flex;align-items:center;gap:10px;cursor:pointer}.top-head .main-container .control-store>div button .icon,.top-head .main-container .control-store>div a .icon{display:flex;align-items:center;font-size:30px;color:var(--secondColor)}.top-head .main-container .control-store>div button .info,.top-head .main-container .control-store>div a .info{display:flex;flex-direction:column;text-align:start;font-size:16px;color:#111}.top-head .main-container .control-store .account{position:relative}.top-head .main-container .control-store .account .menu-account{position:absolute;inset-inline-start:0;top:calc(100% + 13px);width:150px;z-index:999;display:flex;flex-direction:column;gap:10px;background-color:#fff;box-shadow:2px 2px 15px #00000012;padding:15px 10px;text-align:center;border-radius:0 0 15px 15px;animation:animate_menu .2s linear}.top-head .main-container .control-store .account .menu-account a{color:var(--darkGray);font-size:15px}.bottom-head{border-bottom:1px solid var(--borderColor);padding-block:10px;height:80px;position:sticky;top:0;background-color:#fff;z-index:6}.bottom-head .main-container{display:flex;align-items:center;justify-content:space-between}.bottom-head .main-container .links ul{display:flex;align-items:center;gap:40px}.bottom-head .main-container .links ul li a{color:var(--darkGray);font-size:18px;transition:all .2s;font-weight:500}.bottom-head .main-container .links ul li a:hover,.bottom-head .main-container .links ul li a.active{color:var(--secondColor)}.bottom-head .main-container .links ul li button{cursor:pointer;border:none;background-color:transparent}.bottom-head .main-container .links ul li:last-of-type{display:flex;align-items:center;gap:5px}.bottom-head .main-container .links ul li:last-of-type svg{font-size:20px;color:var(--secondColor)}.bottom-head .main-container .lang{position:relative;display:flex;align-items:center;gap:10px}.bottom-head .main-container .lang .logo_ksa{width:60px;height:60px;object-fit:contain}.bottom-head .main-container .lang .select{display:flex;align-items:center;justify-content:space-between;width:150px;padding:8px 15px;background-color:transparent;border:1px solid var(--borderColor);font-size:17px;cursor:pointer;color:var(--darkGray)}.bottom-head .main-container .lang .select span{display:flex;align-items:center;justify-content:center}.bottom-head .main-container .lang .options{position:absolute;top:calc(100% + 15px);inset-inline-start:0;width:100%;background-color:#fff;border:1px solid var(--borderColor);display:flex;flex-direction:column;animation:animate_menu .2s linear;z-index:999}.bottom-head .main-container .lang .options button{border:none;background-color:transparent;font-size:16px;padding:12px;cursor:pointer;transition:all .3s}.bottom-head .main-container .lang .options button:not(.bottom-head .main-container .lang .options button:last-of-type){border-bottom:1px solid var(--borderColor)}.bottom-head .main-container .lang .options button:hover,.bottom-head .main-container .lang .options .active-lang{background-color:var(--secondColor);color:#fff}@keyframes animate_menu{0%{transform:translateY(20px);opacity:.2}to{transform:translateY(0);opacity:1}}@media (max-width: 991px){.top-head{height:160px}.top-head .main-container{gap:20px;flex-direction:column}.top-head .main-container>div:first-of-type{width:100%;display:flex;align-items:center;justify-content:space-between}.top-head .main-container .search{width:100%}.top-head .main-container .control-store{display:none!important}.bottom-head{display:none}}.cart-sidebar .model-sidebar .content{width:500px;padding:20px}.cart-sidebar .model-sidebar .content .sidebar-title{font-size:25px;color:var(--secondColor)}.cart-sidebar .model-sidebar .content .items{display:flex;flex-direction:column;gap:20px;margin-top:30px}.cart-sidebar .model-sidebar .content .items .item{border:1px solid #EEE;background-color:#f8f8fb;display:flex;align-items:center;gap:20px;position:relative;padding:20px;border-radius:20px}.cart-sidebar .model-sidebar .content .items .item .image{width:100px}.cart-sidebar .model-sidebar .content .items .item .image img{width:100%;height:100%;object-fit:cover}.cart-sidebar .model-sidebar .content .items .item .info{display:flex;flex-direction:column;gap:10px;flex:1}.cart-sidebar .model-sidebar .content .items .item .info h3{color:var(--secondColor);line-height:1.7}.cart-sidebar .model-sidebar .content .items .item .info p{font-size:18px}.cart-sidebar .model-sidebar .content .items .item .info .quantity{width:116px;height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--borderColor);padding:8px 15px;min-width:60px;border-radius:12px}.cart-sidebar .model-sidebar .content .items .item .info .quantity button{width:25px;height:25px;background-color:var(--secondColor);color:#fff;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;font-size:12px;cursor:pointer}.cart-sidebar .model-sidebar .content .items .item .info .quantity button:disabled{opacity:.5;cursor:no-drop}.cart-sidebar .model-sidebar .content .items .item .info .loading-btn{color:var(--secondColor);font-size:19px}.cart-sidebar .model-sidebar .content .items .item .delete{position:absolute;top:-5px;inset-inline-end:-5px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;font-size:20px;cursor:pointer;color:var(--dangerColor)}.cart-sidebar .model-sidebar .content .items .item .delete:disabled{opacity:.5;cursor:no-drop}.cart-sidebar .model-sidebar .content .items .item .delete .loading-btn{color:var(--dangerColor)}.cart-sidebar .model-sidebar .content .total{display:flex;align-items:center;justify-content:space-between;margin-top:20px;font-size:22px}.cart-sidebar .model-sidebar .content .total p:first-of-type{color:var(--secondColor);font-weight:700}.cart-sidebar .model-sidebar .content .btns{display:flex;align-items:center;justify-content:space-between;margin-top:30px}.cart-sidebar .model-sidebar .content .btns a{font-size:18px;padding:10px 30px;border-radius:20px}.cart-sidebar .model-sidebar .content .btns a:first-of-type{color:var(--secondColor);border:1px solid var(--secondColor)}.cart-sidebar .model-sidebar .content .btns a:last-of-type{background-color:var(--secondColor);color:#fff}.cart-sidebar .model-sidebar .content .no-items-cart{margin-top:30px;text-align:center;font-size:25px;color:var(--secondColor)}.model-sidebar{position:fixed;inset-inline-start:0;top:0;width:100%;height:100%;background-color:transparent;z-index:-1;transition:all .3s ease-in-out}.model-sidebar .content{width:300px;height:100%;background-color:#fff;padding:15px;position:relative;transition:all .3s ease-in-out;opacity:0;overflow:auto}.model-sidebar .content .close{position:absolute;inset-inline-end:15px;display:flex;align-items:center;justify-content:center;background-color:transparent;color:var(--dangerColor);border:1px solid currentColor;padding:5px;font-size:17px;border-radius:50%;cursor:pointer}.active-side{background-color:#0000004d!important;z-index:999}.active-side .content{transform:translate(0)!important;opacity:1!important}[dir=rtl] .main-footer-phone .footer-mobile:before{left:140px}[dir=rtl] .main-footer-phone .footer-mobile:after{right:141px}.main-footer-phone .model-sidebar .content{width:200px}.main-footer-phone .footer-mobile{position:fixed;bottom:0;width:100%;background-color:var(--secondColor);height:75px;color:#fff;padding:15px;display:flex;align-items:center;justify-content:center;border-radius:20px 20px 0 0;z-index:9999}.main-footer-phone .footer-mobile ul{width:100%;display:flex;align-items:center;justify-content:space-between;gap:5px}.main-footer-phone .footer-mobile ul li{flex:1;display:flex;align-items:center;justify-content:center}.main-footer-phone .footer-mobile ul li a,.main-footer-phone .footer-mobile ul li button{display:flex;flex-direction:column;align-items:center;color:#fff;gap:5px;background-color:transparent;border:none;font-size:15px}.main-footer-phone .footer-mobile ul li a span,.main-footer-phone .footer-mobile ul li button span{display:flex;align-items:center;justify-content:center}.main-footer-phone .footer-mobile ul li a span:first-of-type,.main-footer-phone .footer-mobile ul li button span:first-of-type{font-size:22px}.main-footer-phone .footer-mobile ul li:nth-of-type(3) span{padding:15px;border:7px solid #FFF;border-radius:50%;font-size:30px!important;margin-top:-60px;background-color:var(--secondColor)}.main-footer-phone .footer-mobile ul li:nth-of-type(4)>div{position:absolute;background-color:var(--secondColor);color:#fff;top:0;inset-inline-end:6px;width:37%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:12px;z-index:-1;opacity:0;transition:all .3s}.main-footer-phone .footer-mobile ul li:nth-of-type(4) .active-tool-tip{top:-155px;z-index:auto;opacity:1}.more-phone{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:50px}.more-phone .logo{display:flex;align-items:center;justify-content:center}.more-phone .logo img{width:120px;height:100%}.more-phone ul{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.more-phone ul button{border:none;background-color:transparent}.more-phone ul a{font-size:18px;color:var(--darkGray)}.more-phone ul a.active{color:var(--secondColor)}.more-phone>a{border:none;background-color:transparent;display:flex;align-items:center;gap:10px;cursor:pointer;border:1px solid var(--secondColor);padding:5px 20px;border-radius:20px}.more-phone>a .icon{display:flex;align-items:center;font-size:30px;color:var(--secondColor)}.more-phone>a .info{display:flex;flex-direction:column;text-align:start;font-size:16px;color:#111}.footer{min-height:250px;padding-block:20px;background-color:#4f4848}.footer .main-container .row{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:30px;padding-block:20px}.footer .main-container .row .col:first-of-type{display:flex;flex-direction:column;gap:20px;color:#fff}.footer .main-container .row .col:first-of-type>img{width:220px;height:50px}.footer .main-container .row .col:first-of-type>p{font-size:20px;line-height:1.7}.footer .main-container .row .col:first-of-type .app{display:flex;align-items:center;gap:10px}.footer .main-container .row .col:first-of-type .app img{width:130px;height:100%;border-radius:10px}.footer .main-container .row .col:nth-of-type(2) h3,.footer .main-container .row .col:nth-of-type(3) h3{color:#fff;font-size:35px;margin-bottom:10px}.footer .main-container .row .col:nth-of-type(2) a,.footer .main-container .row .col:nth-of-type(3) a{display:block;width:fit-content;color:#fff;font-size:18px}.footer .main-container .row .col:nth-of-type(2) a:not(.footer .main-container .row .col:nth-of-type(2) a:last-of-type,.footer .main-container .row .col:nth-of-type(3) a:last-of-type),.footer .main-container .row .col:nth-of-type(3) a:not(.footer .main-container .row .col:nth-of-type(2) a:last-of-type,.footer .main-container .row .col:nth-of-type(3) a:last-of-type){margin-bottom:10px}.footer .main-container .row .col:last-of-type{color:#fff}.footer .main-container .row .col:last-of-type h3{color:#fff;font-size:35px;margin-bottom:10px}.footer .main-container .row .col:last-of-type p{font-size:18px}.footer .main-container .row .col:last-of-type p:not(.footer .main-container .row .col:last-of-type p:last-of-type){margin-bottom:10px}.footer .main-container .row .col:last-of-type .images{display:flex;align-items:center;gap:20px;margin-top:30px}.footer .main-container .row .col:last-of-type .images img:first-of-type{width:170px}.footer .main-container .row .col:last-of-type .images img:last-of-type{width:200px}.footer .copyright{padding-top:20px;border-top:1px solid #FFF}.footer .copyright .main-container{display:flex;align-items:center;justify-content:space-between}.footer .copyright .main-container .powered{display:flex;align-items:center;gap:15px}.footer .copyright .main-container .powered img{width:60px}.footer .copyright .main-container .powered p{font-size:18px;color:#fff}.footer .copyright .main-container .payment{display:flex;align-items:center;gap:15px}.footer .copyright .main-container .payment img{width:55px;height:100%;object-fit:contain}@media (max-width: 991px){.footer{padding-top:20px;padding-bottom:120px}.footer .col:first-of-type>img{margin-inline:auto}.footer .col:first-of-type .app{justify-content:center}.footer .col:first-of-type .app img{width:100%!important}.footer .col:last-of-type ul{justify-content:center}.footer .col{text-align:center}.footer .col a{width:100%!important}.footer .images{justify-content:center}.footer .copyright .main-container{flex-direction:column;gap:20px}.footer .copyright .main-container .payment img{width:40px}}.search-page{min-height:calc(100vh - 505px);padding:30px;text-align:center;font-size:50px}.search-page>h2{font-size:35px;margin-bottom:30px;color:var(--mainColor)}.search-page .loading-btn{color:var(--mainColor);font-size:50px}.search-page .products{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.search-page .no-data{font-size:30px}.error{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100vh;background-color:var(--secondColor);color:#fff}.error h1{direction:ltr;font-size:100px}.error p{font-size:35px}.error a{display:block;width:fit-content;background-color:#fff;color:var(--mainColor);padding:15px 25px;font-size:20px;margin-top:15px;border-radius:20px;font-weight:600}@media (max-width: 767px){.error h1{font-size:50px}.error p{font-size:25px}}