body.overflow-hidden{width:100%;height:100%;position:fixed;overflow-y:hidden;-webkit-overflow-scrolling:touch}.header{background-color:var(--main-bg-white);position:fixed;top:0;width:100%;z-index:10}.header .container{height:85px;display:flex;justify-content:space-between;align-items:center}.header .container .logo-container{cursor:pointer;height:100%}.header .container .logo-container a{height:100%;display:flex;align-items:center;justify-content:center}.header .container .logo-container a img{height:70%;width:auto}.header .container .filter-search{display:flex;align-items:center;width:500px}.header .container .filter-search .filter button{display:flex;margin-right:20px;border-radius:20px;padding:10px;align-items:center;border:none;background:none;cursor:pointer}.header .container .filter-search .filter button:hover{background-color:#f4f4f4}.header .container .filter-search .filter button img{margin-right:5px}.header .container .filter-search .filter button i{margin-left:5px}.header .container .filter-search .search{width:100%;background-color:var(--main-bg-grey);border-radius:20px;display:flex;justify-content:space-between}.header .container .filter-search .search .search-input-container{width:90%;height:100%;padding:10px}.header .container .filter-search .search .search-input-container input{border:0;outline:none;width:100%;height:100%;background-color:transparent}.header .container .filter-search .search .search-icon-container{width:32px;padding:10px;background-color:var(--main-btn-color);border-radius:20px;display:flex;justify-content:center;align-items:center}.header .container .filter-search .search .search-icon-container:hover{background-color:var(--main-btn-color-hover);cursor:pointer;transition:.3s}.header .container .filter-search .search .search-icon-container i{font-size:12px;color:#fff}.header .container .filter-base-content{display:flex;position:absolute;left:5%;top:75px;height:0;opacity:0;visibility:hidden;animation:not_visible .5s;transition:height .5s,opacity .55s}.header .container .filter-base-content.show{opacity:1;height:calc(100vh - 110px);visibility:visible;animation:is_visible 0s}.header .container .filter-container{overflow:hidden;width:335px;max-height:calc(100vh - 130px);padding:10px 10px 10px 0;border-radius:11px;border:solid 1px #EDEDED;box-shadow:0 3px 10px -5px;background-color:#fff;text-align:center}.header .container .filter-container .filter-cat-close,.header .container .filter-container .filter-cat-back{display:none}.header .container .filter-container.sub-filter{width:780px}.header .container .filter-container.sub-filter .search-btn{border:1px solid #A345DF;background-color:#fff;padding:11px 34px;border-radius:25px;text-align:center;font-size:14px;font-weight:700;font-family:Arial;line-height:16.1px;color:#303030;margin:0;cursor:pointer}.header .container .filter-container .search-sub-filter-content{width:90%;display:flex;justify-content:space-between;margin-top:24px}.header .container .filter-container .search-sub-categories{max-height:calc(100vh - 220px);display:grid;grid-template-columns:1fr 1fr 1fr;row-gap:10px;margin-top:30px;overflow-y:auto}.header .container .filter-container .search-sub-categories .variant{display:flex;margin-bottom:20px;padding:0 20px;color:var(--main-secondary-text-color)}.header .container .filter-container .search-input-container{width:300px;margin-left:10px;padding:10px;background-color:#f4f4f4;display:flex;align-items:center;border-radius:20px}.header .container .filter-container .search-input-container input{width:100%;border:0;outline:none;background-color:transparent}.header .container .filter-container .search-input-container i{margin-right:5px}.header .container .filter-container .serach-categories-content{margin-top:10px;overflow-y:scroll;height:calc(100vh - 230px)}.header .container .filter-container .serach-categories-content .search-category-item{height:41px;display:flex;align-items:center;font-size:18px;line-height:20.7px;color:#070707;font-weight:400;font-family:Arial;text-align:left;cursor:pointer}.serach-categories-content .search-category-item a{text-decoration:none;color:inherit;font-family:Arial}.header .container .filter-container .serach-categories-content .search-category-item:not(.selected){margin-left:14px}.header .container .filter-container .serach-categories-content .search-category-item.selected{background-color:#f3ecff}.header .container .filter-container .serach-categories-content .search-category-item.selected:before{width:5px;height:30px;content:"";background-color:#a345df;margin-right:7px;margin-left:2px}.header .container .dropdown-container{border:none}@media only screen and (max-width: 1199px){.header .container .filter-container.sub-filter{width:520px}.header .container .filter-container.sub-filter .search-sub-filter-content{width:100%}.header .container .filter-container.sub-filter .search-sub-categories{grid-template-columns:1fr 1fr}}@media only screen and (max-width: 949px){.header .container .filter-container{width:320px}.header .container .filter-container.sub-filter{width:400px}.header .container .filter-container.sub-filter .search-input-container input{width:200px}.header .container .filter-container.sub-filter .search-sub-categories{display:block}.header .container .filter-container .search-input-container{width:auto}.header .container .filter-container .serach-categories-content{height:calc(100vh - 20px)}.header .container .filter-base-content{left:2.5%}}@media only screen and (max-width: 768px){.header .container{height:150px;flex-wrap:wrap}.header .container .filter-base-content{top:0;z-index:1;height:100vh;max-height:100vh;left:-335px;transition-property:left;overflow:visible;position:fixed;opacity:1;display:block;visibility:hidden;animation:not_visible .5s}.header .container .filter-base-content.show{left:0;visibility:visible;animation:is_visible 0s}.header .container .filter-container{border-radius:0}.header .container .logo-container,.header .container .logo-container a{height:auto}.header .container .logo-container a img{height:auto;width:100px}.header .container .filter-search{order:3;width:100%;flex-direction:row-reverse}.header .container .filter-search>.filter>button{margin-left:10px;margin-right:0}.header .container .filter-search>.filter>button>i,.header .container .filter-search>.filter>button>span{display:none}.header .container .filter-container{height:100%}.header .container .filter-container.sub-filter{width:320px;position:absolute;top:0;left:-335px;transition:left .5s;display:flex;flex-direction:column}.header .container .filter-container.sub-filter.show{left:0}.header .container .filter-container.sub-filter .search-sub-categories{height:calc(100vh - 220px);overflow-y:auto}.header .container .filter-container.sub-filter .search-sub-filter-content{width:100%;display:flex;flex-direction:column}.header .container .filter-container.sub-filter .search-sub-filter-content .search-input-container>input{width:100%}.header .container .filter-container.sub-filter .search-sub-filter-content .search-btn{margin-left:10px;margin-top:20px}.header .container .filter-container .filter-cat-close{width:24px;height:24px;display:block;position:absolute;left:300px}.header .container .filter-container .filter-cat-back{width:24px;height:24px;display:block;padding-bottom:10px;margin-left:5px}.header .container .filter-container .serach-categories-content{height:calc(100% - 140px)}}@media only screen and (max-width: 480px){.header .container .search{font-size:14px}.header .container .search .search-icon-container{width:20%}.header .container .search .search-icon-container i{font-size:20px}}@keyframes is_visible{0%{visibility:none}to{visibility:visible}}@keyframes not_visible{0%{visibility:visible}to{visibility:none}}