/*
Theme Name: templateroot
Author: templateroot
*/



body{
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    height: 100%;
    font-family: "Heebo", sans-serif;
    direction: rtl;
    /* background: #e9e9e9; */
}
input{
    font-family: "Heebo", sans-serif;
}
.all-the-product-page-nesise a, input, p, h1, h2, h2, span, div {
    font-family: "Heebo", sans-serif;
}





/*
++++++++++++++++++++++++++++++
the-breadcrumbs
++++++++++++++++++++++++++++++
*/

#breadcrumbs{
    direction: rtl;
    margin: 0 auto 0;
    width: 90%;
}
#breadcrumbs ul{
    display: flex;
    padding: 10px 0 10px 0;
    margin: 0;
}
#breadcrumbs ul span {
    color: #3a3a3a;
    margin: 0 5px;
}
#breadcrumbs ul li {
    color: #3a3a3a;
    list-style: none;
}
#breadcrumbs ul li a{
    text-decoration: none;
    color: #1b8ae9;
}

.all-our-category-product{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    z-index: 9;
}
.all-our-category-product .the-single-category{
    display: block;
    color: #755229;
    text-decoration: none;
    margin: 0 10px;
    border: solid 1px #755229;
    padding: 5px 10px;
    font-weight: 400;
    font-size: 16px;
}
.all-our-category-product .the-single-category.active{
    color: white;
    border: solid 1px #755229;
    background:#755229;
}

@media screen and (max-width: 850px) {

    /* .all-our-category-product {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 90%;
        margin: 0 auto 0;
    }
    .all-our-category-product .the-single-category {
        display: block;
        color: #755229;
        text-decoration: none;
        margin: 0 0 10px 0;
        padding: 9px 0;
        border: solid 1px #755229;
        font-weight: 400;
        font-size: 16px;
        width: 48%;
        text-align: center;
    }
    .all-our-category-product .the-single-category.all-product-new {
        width: 100%;
    } */

    .all-our-category-product {
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow: auto;
        z-index: 8;
    }
    .all-our-category-product .the-single-category {
        display: block;
        color: #755229;
        text-decoration: none;
        margin: 10px 5px 10px 5px;
        border: solid 1px #755229;
        padding: 6px 10px;
        font-weight: 400;
        font-size: 16px;
        white-space: nowrap;
    }

    #breadcrumbs ul {
        padding: 10px 20px 10px 0;
    }
}
@media screen and (max-width: 400px){
    #breadcrumbs ul {
        font-size: 12px;
    }
}

.all-the-text-of-word-search{
    display: flex;
    align-items: center;
    width: 90%;
    margin: 0 auto 0;
}
.all-the-text-of-word-search .the-word-title{
    font-size: 1.5vw;
    margin: 0 0 0 0.5vw;
}
.all-the-text-of-word-search .the-word-single{
    font-size: 1.5vw;
    font-weight: 600;
}
@media screen and (max-width: 900px){
    .all-the-text-of-word-search .the-word-title{
        font-size: 4vw;
        margin: 0 0 0 3vw;
    }
    .all-the-text-of-word-search .the-word-single{
        font-size: 4vw;
    }
}


.all-the-search-page{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999999;
    display: none;
}
.all-the-search-page .all-the-black-page-search{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
}
.all-the-search-page .all-the-input-page-search{
    position: absolute;
    background: rgb(255 255 255 / 23%);
    width: 0;
    max-width: 30vw;
    height: 3vw;
    border-bottom: solid 1px #fff;
    transition: all 2s;
    overflow: hidden;
}
.all-the-search-page .all-the-input-page-search:focus-within{
    transform: scale(1.2);
}
.all-the-search-page .all-the-input-page-search .all-the-input-search{
    position: absolute;
    width: 100%;
    height: 100%;
}
.all-the-search-page .all-the-input-page-search .all-the-input-search input{
    position: absolute;
    width: calc(100% - 5vw);
    height: 100%;
    border: none;
    padding: 0 1vw;
    font-size: 1vw;
    color: white;
    background: transparent;
}
.all-the-search-page .all-the-input-page-search .all-the-input-search input:focus-visible{
    outline: none;
}
.all-the-search-page .all-the-input-page-search .all-the-input-search .the-search-icon-input{
    position: absolute;
    width: 3vw;
    height: 3vw;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.all-the-search-page .all-the-input-page-search .all-the-input-search .the-search-icon-input:hover{
    background: #ffffff29;
}
.all-the-search-page .all-the-input-page-search .all-the-input-search .the-search-icon-close-input{
    position: absolute;
    width: 2vw;
    height: 2vw;
    top: -2.5vw;
    left: calc(50% - 2vw);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: #ffffff3b;
    border-radius: 50%;
    font-size: 1vw;
}
.all-the-search-page .all-the-input-page-search .all-the-input-search .the-search-icon-close-input:hover{
    background: #ffffff6e;
}
@media screen and (max-width: 900px){
    .all-the-search-page .all-the-input-page-search {
        max-width: 90%;
        height: 14vw;
        border: solid 1px #fff;
    }
    .all-the-search-page .all-the-input-page-search .all-the-input-search input {
        position: absolute;
        width: calc(100% - 20vw);
        padding: 0 3vw;
        font-size: 5vw;
    }
    .all-the-search-page .all-the-input-page-search .all-the-input-search .the-search-icon-input {
        position: absolute;
        width: 14vw;
        height: 14vw;
    }
    .all-the-search-page .all-the-input-page-search:focus-within{
        transform: scale(1);
    }
    .all-the-search-page .all-the-input-page-search .all-the-input-search .the-search-icon-close-input {
        position: absolute;
        width: 10vw;
        height: 10vw;
        top: -12vw;
        left: calc(50% - 5vw);
        font-size: 6vw;
    }
}








.all-the-header-page-hide{
    height: 7vw;
}
.all-the-header-page{
    width: 100%;
    height: 7vw;
    position: fixed;
    z-index: 99;
    top: 0;
    background: white;
    box-shadow: 0 5px 15px 0 rgba(22, 35, 184, .13);
}
.all-the-header-page .all-the-desktop-menu{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
}
.all-the-header-page .all-the-desktop-menu .right-side{
    width: 15%;
}
.all-the-header-page .all-the-desktop-menu .right-side .the-logo{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 100%;
}
.all-the-header-page .all-the-desktop-menu .right-side .the-logo img{
    width: 70%;
    display: block;
}
.all-the-header-page .all-the-desktop-menu .center-side{
    width: 70%;
    height: 100%;
}
.all-the-header-page .all-the-desktop-menu .center-side .the-menu-desktop-nav{
    width: 100%;
    height: 100%;
}
.all-the-header-page .all-the-desktop-menu .center-side .the-menu-desktop-nav .the-menu-desktop-ul{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    justify-content: center;
}
.all-the-header-page .all-the-desktop-menu .center-side .the-menu-desktop-nav .the-menu-desktop-ul .the-menu-desktop-li{
    height: 100%;
}
.all-the-header-page .all-the-desktop-menu .center-side .the-menu-desktop-nav .the-menu-desktop-ul .the-menu-desktop-li .the-menu-desktop-a{
    width: 100%;
    height: calc(100% - 3px);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 1vw;
    text-decoration: none;
    color: black;
    font-size: 1.2vw;
    font-weight: 200;
}
.all-the-header-page .all-the-desktop-menu .center-side .the-menu-desktop-nav .the-menu-desktop-ul .the-menu-desktop-li .the-menu-desktop-a:hover{
    border-bottom: solid 3px #fdcb46;
}
.all-the-header-page .all-the-desktop-menu .left-side{
    width: 15%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.all-the-header-page .all-the-desktop-menu .left-side .the-cart{
    position: relative;
    width: 1.65vw;
}
.all-the-header-page .all-the-desktop-menu .left-side .the-cart .the-icon-of-search-desktop{
    font-size: 1vw;
    cursor: pointer;
}

.all-the-header-page .all-the-desktop-menu .left-side .the-cart img{
    display: block;
    width: 100%;
}
.all-the-header-page .all-the-desktop-menu .left-side .the-cart .the-number-cart{
    position: absolute;
    bottom: 0vw;
    right: -0.6vw;
    background: #f0b633;
    width: 1vw;
    height: 1vw;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.6vw;
    font-weight: 800;
    color: black;
}
.all-the-header-page .all-the-desktop-menu .left-side .the-line{
    margin: 0 1vw;
    background: #a2a2a2;
    width: 1px;
    height: 1.3vw;
}
.all-the-header-page .all-the-desktop-menu .left-side .the-phone-number-desktop{
    font-size: 1.2vw;
    font-weight: 200;
}
.all-the-header-page .all-the-desktop-menu .left-side .the-kosher-desktop{
    width: 5vw;
}
.all-the-header-page .all-the-desktop-menu .left-side .the-kosher-desktop img{
    display: block;
    width: 100%;
}

.all-the-header-page .all-the-desktop-menu .left-side .the-phone-number-mobile{
    display: none;
}
.all-the-header-page .all-the-desktop-menu .left-side .the-phone-number-mobile a{

}



.all-the-header-page .all-the-mobile-menu{
    display: none;
}






.all-the-footer-page{
    
}
.all-the-footer-page .the-top-footer{
    background: #232323;
    padding: 100px 0 100px 0;
}
.all-the-footer-page .the-top-footer .inside-the-top-footer{
    display: flex;
    flex-wrap: wrap;
    background: #232323;
    margin: 0 auto 0;
    max-width: 1500px;
}
.all-the-footer-page .the-top-footer .inside-the-top-footer .all-the-right-side{
    width: 20%;
}
.all-the-footer-page .the-top-footer .inside-the-top-footer .all-the-right-side .the-logo{
    width: 80%;
}
.all-the-footer-page .the-top-footer .inside-the-top-footer .all-the-right-side .the-logo img{
    width: 100%;
    display: block;
}
.all-the-footer-page .the-top-footer .inside-the-top-footer .all-the-right-side .all-the-social{
    display: flex;
    justify-content: center;
    margin: 50px 0 0 0;
}
.all-the-footer-page .the-top-footer .inside-the-top-footer .all-the-right-side .all-the-social .the-icon-social{
    background: #3b3b3d;
    width: 50px;
    height: 50px;
    margin: 0 5px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.all-the-footer-page .the-top-footer .inside-the-top-footer .all-the-right-side .all-the-social .the-icon-social img{
    display: block;
}
.all-the-footer-page .the-top-footer .inside-the-top-footer .all-the-left-side{
    width: 80%;
    display: flex;
    flex-wrap: wrap;
}
.all-the-footer-page .the-top-footer .inside-the-top-footer .all-the-left-side .all-single-left-side{
    width: calc(100% / 3 - 2px);
    border-left: solid 2px #dec176;
}
.all-the-footer-page .the-top-footer .inside-the-top-footer .all-the-left-side .all-single-left-side .all-single-left-side-inside{
    width: 50%;
    margin: 0 auto 0;
}
.all-the-footer-page .the-top-footer .inside-the-top-footer .all-the-left-side .all-single-left-side .all-single-left-side-inside .the-title-left{
    color: white;
    font-size: 16px;
    margin: 0 0 10px 0;
}
.all-the-footer-page .the-top-footer .inside-the-top-footer .all-the-left-side .all-single-left-side .all-single-left-side-inside .the-nav-footer{

}
.all-the-footer-page .the-top-footer .inside-the-top-footer .all-the-left-side .all-single-left-side .all-single-left-side-inside .the-nav-footer .the-ul-footer{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.all-the-footer-page .the-top-footer .inside-the-top-footer .all-the-left-side .all-single-left-side .all-single-left-side-inside .the-nav-footer .the-ul-footer .the-li-footer{

}
.all-the-footer-page .the-top-footer .inside-the-top-footer .all-the-left-side .all-single-left-side .all-single-left-side-inside .the-nav-footer .the-ul-footer .the-li-footer .the-a-footer{
    display: block;
    color: white;
    text-decoration: none;
    font-size: 14px;
}
.all-the-footer-page .the-top-footer .inside-the-top-footer .all-the-left-side .all-single-left-side .all-single-left-side-inside .the-nav-footer .the-ul-footer .the-li-footer .the-a-footer:hover{
    opacity: 0.5;
}
.all-the-footer-page .the-botton-footer{
    background: #000;
}

.all-the-footer .all-the-bottom-footer{
    background-color: #1d1d1d;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 0;
}
.all-the-footer .all-the-bottom-footer a{
    width: 100px;
    display: block;
}
.all-the-footer .all-the-bottom-footer a img{
    width: 100%;
}
.all-the-footer .all-the-bottom-footer .powered{
    color: #BBBBBB;
    margin: 0 10px 0 0;
}


@media screen and (max-width: 992px) {

    .all-the-header-page-hide{
        height: 55px;
    }
    .all-the-header-page .all-the-desktop-menu{
        display: none;
    }
    .all-the-header-page .all-the-mobile-menu{
        display: block;
    }
    .all-the-header-menu-bar {
        height: auto;
        position: fixed;
        z-index: 9;
        background: white;
        top: 0;
        width: 100%;
        box-shadow: 0 5px 15px 0 rgba(22, 35, 184, .13);
    }
    .all-the-header-menu-bar-mobile{
        display: block;
        z-index: 999999999;
        position: relative;
        direction: rtl;
    }
    .all-the-header-menu-bar-mobile .all-the-first-nav{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 10px;
    }
    .all-the-header-menu-bar-mobile .all-the-first-nav .all-the-icon-mobile{
        display: flex;
        align-items: center;
    }
    .all-the-header-menu-bar-mobile .all-the-first-nav .all-the-icon-mobile .the-right-first-search{
        font-size: 24px;
    }
    .all-the-header-menu-bar-mobile .all-the-first-nav .all-the-icon-mobile .the-right-first{
        font-size: 24px;
    }
    .all-the-header-menu-bar-mobile .all-the-first-nav .the-left-first{
        width: 100px;
    }
    .all-the-header-menu-bar-mobile .all-the-first-nav .the-left-first img{
        width: 100%;
        display: block;
    }
    



    .all-the-header-menu-bar-mobile .all-the-screen-black{
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        background: #00000075;
        z-index: 9;
    }
    .all-the-header-menu-bar-mobile .all-the-screen-white{
        position: fixed;
        width: 300px;
        height: 100%;
        top: 0;
        right: -300px;
        background: white;
        border-radius: 20px 0 0 20px;
        overflow: hidden;
        transition: all 0.5s;
        z-index: 9;
    }
    .all-the-header-menu-bar-mobile .all-the-screen-white .all-the-top-screen-white{
        position: absolute;
        width: calc(100% - 40px);
        height: 15%;
        background: rgb(255, 255, 255);
        box-shadow: 0 5px 15px 0 rgba(22, 35, 184, .13);
        display: flex;
        justify-content: space-between;
        padding: 0 20px;
        align-items: center;
    }
    .all-the-header-menu-bar-mobile .all-the-screen-white .all-the-top-screen-white .the-all-link-user{
        background: #755229;
        display: flex;
        align-items: center;
        border-radius: 20px;
        padding: 5px 20px;
    }
    .all-the-header-menu-bar-mobile .all-the-screen-white .all-the-top-screen-white .the-all-link-user .the-icon-user{
        background: white;
        color: #755229;
        border-radius: 50%;
        width: 26px;
        height: 26px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .all-the-header-menu-bar-mobile .all-the-screen-white .all-the-top-screen-white .the-all-link-user .the-text-user{
        color: white;
        font-size: 14px;
        margin: 0 8px 0 8px;
        text-decoration: none;
    }
    .all-the-header-menu-bar-mobile .all-the-screen-white .all-the-top-screen-white .the-all-button-close{
        font-size: 24px;
    }
    .all-the-header-menu-bar-mobile .all-the-screen-white .all-the-center-screen-white{
        position: absolute;
        width: 100%;
        height: 70%;
        top: 15%;
        overflow: auto;
    }
    .all-the-header-menu-bar-mobile .all-the-screen-white .all-the-center-screen-white .all-the-navbar{
        padding: 25px 20px;
    }
    .all-the-header-menu-bar-mobile .all-the-screen-white .all-the-center-screen-white .all-the-navbar .all-the-ul{
        margin: auto;
        list-style: none;
        padding: 0;
        border-top: solid 1px #a5a5a5;
        direction: rtl;
    }
    .all-the-header-menu-bar-mobile .all-the-screen-white .all-the-center-screen-white .all-the-navbar .all-the-ul .all-the-li{
        border-bottom: solid 1px #a5a5a5;
    }
    .all-the-header-menu-bar-mobile .all-the-screen-white .all-the-center-screen-white .all-the-navbar .all-the-ul .all-the-li .all-the-a{
        display: block;
        padding: 8px 0;
        text-decoration: none;
        color: black;
    }
    .all-the-header-menu-bar-mobile .all-the-screen-white .all-the-center-screen-white .all-the-navbar .all-the-ul .all-the-li-down{
        border-bottom: solid 1px #a5a5a5;
        position: relative;
    }
    .all-the-header-menu-bar-mobile .all-the-screen-white .all-the-center-screen-white .all-the-navbar .all-the-ul .all-the-li-down .all-the-title-down{
        display: flex;
        padding: 8px 0;
        align-items: center;
    }
    .all-the-header-menu-bar-mobile .all-the-screen-white .all-the-center-screen-white .all-the-navbar .all-the-ul .all-the-li-down .all-the-title-down .all-the-title-down-text{
        
    }
    .all-the-header-menu-bar-mobile .all-the-screen-white .all-the-center-screen-white .all-the-navbar .all-the-ul .all-the-li-down .all-the-title-down .all-the-title-down-icon{
        transition: all 0.5s;
    }
    .all-the-header-menu-bar-mobile .all-the-screen-white .all-the-center-screen-white .all-the-navbar .all-the-ul .all-the-li-down .all-the-title-down-inside-nav{
        height: 0;
        overflow: hidden;
        transition: all 0.5s;
    }
    .all-the-header-menu-bar-mobile .all-the-screen-white .all-the-center-screen-white .all-the-navbar .all-the-ul .all-the-li-down .all-the-title-down-inside-nav .all-the-title-down-inside-ul{
        padding: 0;
        margin: 0;
    }
    .all-the-header-menu-bar-mobile .all-the-screen-white .all-the-center-screen-white .all-the-navbar .all-the-ul .all-the-li-down .all-the-title-down-inside-nav .all-the-title-down-inside-ul .all-the-title-down-inside-li{
        list-style-type: none;
        padding: 0;
        margin: 0;
    }
    .all-the-header-menu-bar-mobile .all-the-screen-white .all-the-center-screen-white .all-the-navbar .all-the-ul .all-the-li-down .all-the-title-down-inside-nav .all-the-title-down-inside-ul .all-the-title-down-inside-li .all-the-title-down-inside-a{
        display: block;
        padding: 5px 10px;
        text-decoration: none;
        color: #000;
    }

    .all-the-header-menu-bar-mobile .all-the-screen-white .all-the-bottom-screen-white{
        position: absolute;
        width: 100%;
        height: 15%;
        bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        border-top: solid 1px #d7d7d7;
        text-decoration: none;
    }
    .all-the-header-menu-bar-mobile .all-the-screen-white .all-the-bottom-screen-white .the-text-bottom{
        margin: 0 5px 0 0;
        text-decoration: none;
        color: black;
    }
    .all-the-header-menu-bar-mobile .all-the-screen-white .all-the-bottom-screen-white .the-logo-bottom{
        width: 100px;
    }
    .all-the-header-menu-bar-mobile .all-the-screen-white .all-the-bottom-screen-white .the-logo-bottom img{
        display: block;
        width: 100%;
    }
 
    .all-the-footer-page .the-top-footer {
        padding: 60px 0 0 0;
    }
    .all-the-footer-page .the-top-footer .inside-the-top-footer .all-the-right-side {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .all-the-footer-page .the-top-footer .inside-the-top-footer .all-the-right-side .the-logo {
        width: 50%;
        margin: 0 auto 0;
    }
    .all-the-footer-page .the-top-footer .inside-the-top-footer .all-the-right-side .all-the-social {
        margin: 20px 0 0 0;
    }
    .all-the-footer-page .the-top-footer .inside-the-top-footer .all-the-left-side{
        width: 100%;
    }

    .all-the-footer-page .the-top-footer .inside-the-top-footer .all-the-left-side .all-single-left-side {
        width: 100%;
        border-left: none;
        margin: 0 0 40px 0;
    }
    .all-the-footer-page .the-top-footer .inside-the-top-footer .all-the-left-side .all-single-left-side .all-single-left-side-inside {
        width: 80%;
        margin: 0 auto 0;
        border-bottom: solid 2px #dec176;
    }
    .all-the-footer-page .the-top-footer .inside-the-top-footer .all-the-left-side .all-single-left-side .all-single-left-side-inside .the-nav-footer {
        margin: 0 0 25px 0;
    }
}







.all-the-hero-section-home{
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}
.all-the-hero-section-home .the-hero-section-home-absolute-black{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000069;
}
.all-the-hero-section-home .all-the-text{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.all-the-hero-section-home .all-the-text h1{
    margin: 0;
    font-size: 4vw;
    color: white;
    text-align: center;
    max-width: 90%;
}
.all-the-hero-section-home .all-the-text h2{
    margin: 0;
    font-size: 2vw;
    color: white;
    text-align: center;
}
.all-the-hero-section-home .all-the-text a{
    color: white;
    border: solid 1px #fff;
    text-decoration: none;
    padding: 0.5vw 1vw;
    font-size: 1vw;
    margin: 3vw 0 0 0;
    transition: all 0.5s;
}
.all-the-hero-section-home .all-the-text a:hover{
    background: #ffffff3b;
}

@media screen and (max-width: 992px) {

    .all-the-hero-section-home .the-hero-section-home-absolute-black {
        background: #0000008f;
    }
    .all-the-hero-section-home .all-the-text {
        width: 100%;
        padding: 20vw 0 20vw 0;
    }
    .all-the-hero-section-home .all-the-text h1 {
        font-size: 9vw;
        max-width: 100%;
    }
    .all-the-hero-section-home .all-the-text h2 {
        font-size: 6vw;
        max-width: 80%;
        margin: 4vw 0 0 0;
    }
    .all-the-hero-section-home .all-the-text a {
        padding: 3vw 3vw;
        font-size: 5vw;
        margin: 10vw 0 0 0;
    }
    
}



.all-the-line-block{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    margin: 2vw auto 2vw;
}
.all-the-line-block .all-the-right-side{
    min-width: 20%;
}
.all-the-line-block .all-the-right-side .the-top-text{
    font-size: 3vw;
    font-weight: 900;
    color: black;
}
.all-the-line-block .all-the-right-side .the-bottom-text{
    font-size: 3vw;
    font-weight: 200;
    color: #f0b734;
    margin: -2vw 0 0 0;
}
.all-the-line-block .all-the-center-side{
    height: 1px;
    width: 100%;
    background: black;
}
.all-the-line-block .all-the-left-side{
    min-width: 10%;
    display: flex;
    justify-content: flex-end;
}
.all-the-line-block .all-the-left-side a{
    text-decoration: none;
    background: black;
    color: white;
    padding: 0.5vw 1vw;
    border-radius: 0.4vw;
    font-size: 1vw;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    transition: all 0.5s;
}
.all-the-line-block .all-the-left-side a:hover{
    opacity: 0.5;
}


@media screen and (max-width: 992px) {

    .all-the-line-block {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 92%;
        margin: 40px 5% 0 0;
    }
    .all-the-line-block .all-the-right-side {
        min-width: 60%;
    }
    .all-the-line-block .all-the-left-side {
        min-width: 40%;
    }
    .all-the-line-block .all-the-center-side {
        display: none;
    }
    .all-the-line-block .all-the-left-side a {
        padding: 4px 8px;
        border-radius: 5px;
        font-size: 12px;
        font-weight: 400;
    }
    .all-the-line-block .all-the-right-side .the-top-text {
        font-size: 18px;
    }
    .all-the-line-block .all-the-right-side .the-bottom-text {
        font-size: 25px;
        font-weight: 400;
        color: #f0b734;
        margin: -14px 0 0 0;
    }
    

}
.all-the-packages-slider{
    width: calc(90% + 2vw);
    margin: 2vw auto 2vw;
    direction: ltr;
    display: flex;
    flex-wrap: wrap;
}
.all-the-packages-slider .the-single-package{
    margin: 0 1vw;
    width: calc(20% - 2vw);
    direction: rtl;
}
.all-the-packages-slider .the-single-package:hover > .the-all-box-image .the-hover-box{
    display: flex;
}
.all-the-packages-slider .the-single-package .the-all-box-image{
    padding: 0 0 100% 0;
    position: relative;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.all-the-packages-slider .the-single-package .the-all-box-image .the-hover-box{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #f0b734cc;
    justify-content: center;
    align-items: center;
}
.all-the-packages-slider .the-single-package .the-all-box-image .the-hover-box .the-inside-cart{
    background: black;
    width: 36%;
    height: 36%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
}
.all-the-packages-slider .the-single-package .the-all-box-image .the-hover-box .the-inside-cart .the-image-icon-cart{
    width: 20%;
}
.all-the-packages-slider .the-single-package .the-all-box-image .the-hover-box .the-inside-cart .the-image-icon-cart img{
    width: 100%;
    display: block;
}
.all-the-packages-slider .the-single-package .the-all-box-image .the-hover-box .the-inside-cart .the-text-cart{
    color: white;
    font-size: 0.8vw;
    margin: 0.5vw 0 0 0;
}




.all-the-packages-slider .the-single-package .the-all-title{
    font-size: 1vw;
    text-align: center;
    font-weight: 800;
    margin: 1vw 0 0 0;
    display: block;
    color: black;
    text-decoration: none;
}
.all-the-packages-slider .the-single-package .the-all-title:hover{
    color: #f0b734;
}
.all-the-packages-slider .the-single-package .the-all-sub-title{
    font-size: 0.8vw;
    text-align: center;
    font-weight: 400;
    margin: 0 0 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}
.all-the-packages-slider .the-single-package .the-all-line{
    height: 1px;
    background: black;
    width: 25%;
    margin: 1vw auto 1vw;
}
.all-the-packages-slider .the-single-package .the-all-price{
    display: flex;
    justify-content: center;
    margin: 0 0 1vw 0;
}
.all-the-packages-slider .the-single-package .the-all-price .the-price{
    font-size: 1vw;
    font-weight: 700;
}
.all-the-packages-slider .the-single-package .the-all-price .the-price-coin{
    font-size: 1vw;
    font-weight: 700;
    margin: 0 0.1vw 0 0;
}


@media screen and (max-width: 992px) {

    .all-the-packages-slider .the-single-package:hover > .the-all-box-image .the-hover-box{
        display: none;
    }

    .all-the-packages-slider .the-single-package .the-all-box-image .the-hover-box .the-inside-cart {
        width: 57%;
        height: 57%;
        border-radius: 50%;
    }
    .all-the-packages-slider .the-single-package .the-all-box-image .the-hover-box .the-inside-cart .the-image-icon-cart {
        width: 30%;
    }
    .all-the-packages-slider .the-single-package .the-all-box-image .the-hover-box .the-inside-cart .the-text-cart {
        color: white;
        font-size: 4vw;
        margin: 2vw 0 0 0;
    }
    .all-the-packages-slider {
        width: calc(90% + 4vw);
        margin: 5vw auto 5vw;
    }
    .all-the-packages-slider .the-single-package {
        margin: 0 2vw;
        width: calc(47% - 2vw);
    }
    .all-the-packages-slider .the-single-package .the-all-title {
        font-size: 4vw;
        margin: 4vw 0 0 0;
    }
    .all-the-packages-slider .the-single-package .the-all-sub-title {
        font-size: 4vw;
    }
    .all-the-packages-slider .the-single-package .the-all-line {
        height: 2px;
        background: black;
        width: 50%;
        margin: 4vw auto 4vw;
    }
    .all-the-packages-slider .the-single-package .the-all-price {
        display: flex;
        justify-content: center;
        margin: 0 0 4vw 0;
    }
    .all-the-packages-slider .the-single-package .the-all-price .the-price {
        font-size: 6vw;
        font-weight: 700;
    }
    .all-the-packages-slider .the-single-package .the-all-price .the-price-coin {
        font-size: 6vw;
        font-weight: 700;
        margin: 0 0.4vw 0 0;
    }

}



.all-the-category-product{
    display: flex;
    flex-wrap: wrap;
    width: 90%;
    margin: 2vw auto 4vw;
}
.all-the-category-product .all-the-single-category-product{
    border: solid 1px #d1d1d1;
    padding: 2vw 2vw;
    cursor: pointer;

    padding: 0.5vw 1vw;
    margin: 0 0 0 0.5vw;
}
.all-the-category-product .all-the-single-category-product:hover{
    background: #f0b63366;
}


.all-the-category-product .all-the-single-category-product .the-icon-category{
    width: 75%;
    margin: 0 auto 0;
}
.all-the-category-product .all-the-single-category-product .the-icon-category img{
    display: block;
    width: 100%;
}
.all-the-category-product .all-the-single-category-product .the-title-categoey{
    text-align: center;
    font-size: 1vw;
    margin: 0 0 0 0;
}


@media screen and (max-width: 992px) {

    .all-the-category-product {
        margin: 3vw auto 8vw;
    }
    .all-the-category-product .all-the-single-category-product {
        border: solid 1px #d1d1d1;
        padding: 0;
        cursor: pointer;
        width: calc(25% - 2px);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        width: calc(32% - 2px);
        margin: 0 0 5px 4px;
    }
    .all-the-category-product .all-the-single-category-product .the-icon-category {
        width: 50%;
        margin: 5vw auto 0;
    }
    .all-the-category-product .all-the-single-category-product .the-title-categoey {
        text-align: center;
        font-size: 4vw;
        margin: 3vw 0 5vw 0;
        text-align: center;
        font-size: 4vw;
        margin: 2vw 0 2vw 0;
    }

}



.all-the-single-product{
    width: calc(90% + 2px);
    margin: 0 auto 0;
    opacity: 0;
    height: 0;
    overflow: hidden;
    direction: ltr;
}
.all-the-single-product .the-single-product-box{
    border: solid 1px #d1d1d1;
    position: relative;
    direction: rtl;

}
.all-the-single-product .the-single-product-box:hover > .all-the-image .the-hover-box{
    display: flex;
}
.all-the-single-product .the-single-product-box .all-the-image{
    padding: 0 0 58% 0;
    position: relative;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.all-the-single-product .the-single-product-box .all-the-image .the-hover-box{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #f0b734cc;
    justify-content: center;
    align-items: center;
}
.all-the-single-product .the-single-product-box .all-the-image .the-hover-box .the-inside-cart{
    background: black;
    width: 36%;
    height: 64%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
}
.all-the-single-product .the-single-product-box .all-the-image .the-hover-box .the-inside-cart .the-image-icon-cart{
    width: 20%;
}
.all-the-single-product .the-single-product-box .all-the-image .the-hover-box .the-inside-cart .the-image-icon-cart img{
    width: 100%;
    display: block;
}
.all-the-single-product .the-single-product-box .all-the-image .the-hover-box .the-inside-cart .the-text-cart{
    color: white;
    font-size: 0.8vw;
    margin: 0.5vw 0 0 0;
}




.all-the-single-product .the-single-product-box .the-title {
    margin: 1vw 1vw 0 0;
    font-size: 1vw;
    color: black;
    font-weight: 600;
    display: block;
    text-decoration: none;
}
.all-the-single-product .the-single-product-box .all-the-price{
    margin: 0 1vw 0 0;
    display: flex;
    padding: 0 0 1.2vw 0;
}
.all-the-single-product .the-single-product-box .all-the-price .the-price{
    font-size: 1vw;
    color: #9e9e9e;
    font-weight: 400;
}
.all-the-single-product .the-single-product-box .all-the-price .the-coin{
    font-size: 1vw;
    color: #9e9e9e;
    font-weight: 400;
}


.global-category-click-js.active{
    background: #f0b633;
}
.global-product-click-js.active{
    opacity: 1;
    height: auto;
    margin: 0 auto 2vw;
}


@media screen and (max-width: 992px) {

    .all-the-single-product .the-single-product-box:hover > .all-the-image .the-hover-box{
        display: none;
    }
    .all-the-single-product .the-single-product-box .all-the-image .the-hover-box .the-inside-cart {
        width: 40%;
        height: 72%;
    }
    .all-the-single-product .the-single-product-box .all-the-image .the-hover-box .the-inside-cart .the-image-icon-cart {
        width: 30%;
    }
    .all-the-single-product .the-single-product-box .all-the-image .the-hover-box .the-inside-cart .the-text-cart {
        color: white;
        font-size: 3vw;
        margin: 2vw 0 0 0;
    }
    .all-the-single-product .the-single-product-box .the-title {
        margin: 3vw 2vw 0 0;
        font-size: 4vw;
        color: black;
        font-weight: 600;
    }
    .all-the-single-product .the-single-product-box .all-the-price {
        margin: 0 2vw 0 0;
        display: flex;
        padding: 0 0 3vw 0;
    }
    .all-the-single-product .the-single-product-box .all-the-price .the-price {
        font-size: 4vw;
        color: #9e9e9e;
        font-weight: 400;
    }
    .all-the-single-product .the-single-product-box .all-the-price .the-coin {
        font-size: 4vw;
        color: #9e9e9e;
        font-weight: 400;
    }
    .global-product-click-js.active {
        opacity: 1;
        height: auto;
        margin: 0 auto 10vw;
    }

}


.all-the-costumer{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    margin: 2vw auto 2vw;
    border: solid 1px #bfbfbf;
    padding: 3vw 3vw;
}
.all-the-costumer .all-the-costumer-single{
    
}
.all-the-costumer .all-the-costumer-single img{
    display: block;
}


@media screen and (max-width: 992px) {

    .all-the-costumer {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 90%;
        margin: 8vw auto 8vw;
        border: solid 1px #bfbfbf;
        padding: 5vw 5vw;
    }

}

.all-the-about-us{
    width: 90%;
    margin: 4vw auto 4vw;
    position: relative;
    background: #d7d7d7;
    border-radius: 1vw;
    height: 36vw;
}
.all-the-about-us .start-image{
    position: absolute;
    background: aqua;
    width: 55%;
    height: 80%;
    left: 9vw;
    top: 10%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.all-the-about-us .start-text-all{
    position: absolute;
    background: white;
    width: 40%;
    top: 6vw;
    right: 9vw;
    padding: 3vw 2vw 0 2vw;
}
.all-the-about-us .start-text-all .the-title{
    font-size: 1vw;
    font-weight: 800;
    margin: 0 0 1vw 0;
}
.all-the-about-us .start-text-all .the-sub-title{
    font-size: 1vw;
    margin: 0 0 1vw 0;
}
.all-the-about-us .start-text-all .the-button{
    background: black;
    color: white;
    text-decoration: none;
    padding: 1vw 3vw;
    margin: 1vw 0 -2vw 0;
    display: inline-block;
    transition: all 0.5s;
}
.all-the-about-us .start-text-all .the-button:hover{
    opacity: 0.5;
}

@media screen and (max-width: 992px) {

    .all-the-about-us {
        width: 90%;
        margin: 10vw auto 10vw;
        position: relative;
        background: #d7d7d7;
        border-radius: 3vw;
        height: auto;
        padding: 10vw 0;
    }
    .all-the-about-us .start-image {
        position: relative;
        background: aqua;
        width: 90%;
        height: 60vw;
        left: auto;
        top: auto;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        margin: 0 auto 0;
    }
    .all-the-about-us .start-text-all {
        position: relative;
        background: white;
        width: calc(90% - 12vw);
        top: auto;
        right: auto;
        padding: 7vw 6vw 7vw 6vw;
        margin: 6vw auto 0;
    }
    .all-the-about-us .start-text-all .the-title {
        font-size: 6vw;
        font-weight: 800;
        margin: 0 0 4vw 0;
    }
    .all-the-about-us .start-text-all .the-sub-title {
        font-size: 4vw;
        margin: 0 0 5vw 0;
    }
    .all-the-about-us .start-text-all .the-button {
        background: black;
        color: white;
        text-decoration: none;
        padding: 1vw 3vw;
        margin: 3vw 0 0 0;
        display: inline-block;
        transition: all 0.5s;
        font-size: 5vw;
    }
    
    
}


.all-about-us-bottom{
    width: 90%;
    margin: 4vw auto 4vw;
    position: relative;
    background: #d7d7d7;
    border-radius: 1vw;
    height: 36vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.all-about-us-bottom .all-the-box{
    position: absolute;
    background: white;
    width: 40%;
    top: 6vw;
    left: 9vw;
    padding: 3vw 2vw 3vw 2vw;
}
.all-about-us-bottom .all-the-box .the-title{
    font-size: 1vw;
    font-weight: 800;
    margin: 0 0 1vw 0;
}
.all-about-us-bottom .all-the-box .the-sub-title{
    font-size: 1vw;
    margin: 0 0 1vw 0;
}


@media screen and (max-width: 992px) {

   
    .all-about-us-bottom {
        width: 90%;
        margin: 7vw auto 7vw;
        position: relative;
        background: #d7d7d7;
        border-radius: 3vw;
        height: auto;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 8vw 0 8vw 0;
    }
    .all-about-us-bottom .all-the-box {
        position: relative;
        background: white;
        width: 74%;
        top: auto;
        left: auto;
        padding: 6vw 5vw 3vw 5vw;
        margin: 0 auto 0;
    }
    .all-about-us-bottom .all-the-box .the-title {
        font-size: 6vw;
        font-weight: 800;
        margin: 0 0 4vw 0;
    }
    .all-about-us-bottom .all-the-box .the-sub-title {
        font-size: 4vw;
        margin: 0 0 5vw 0;
    }
    
    
}

.all-the-bg-color-bottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    margin: 2vw auto 2vw;
    position: relative;
}
.all-the-bg-color-bottom .all-the-image{
    display: block;
    width: 100%;
}
.all-the-bg-color-bottom .all-the-thext{
    position: absolute;
    left: 8%;
    line-height: 1;
}
.all-the-bg-color-bottom .all-the-thext .the-title{
    font-size: 6vw;
    font-weight: 900;
    color: black;
    text-align: center;
}
.all-the-bg-color-bottom .all-the-thext .the-sub-title{
    font-size: 5vw;
    font-weight: 300;
    color: #ffffff;
    text-align: center;
}
.all-the-bg-color-bottom .all-the-thext .the-link{
    display: flex;
    justify-content: center;
}
.all-the-bg-color-bottom .all-the-thext .the-link a{
    background: black;
    font-size: 1vw;
    color: white;
    text-decoration: none;
    padding: 1vw 3vw;
    border-radius: 0.5vw;
    margin: 2vw 0 0 0;
}
.all-the-bg-color-bottom .all-the-thext .the-link a:hover{
    opacity: 0.5;
}
.all-the-bg-color-bottom .the-first-image{
    position: absolute;
    width: 23%;
    right: 18%;
    top: 1%;
}
.all-the-bg-color-bottom .the-first-image img{
    display: block;
    width: 100%;
}
.all-the-bg-color-bottom .the-second-image{
    position: absolute;
    width: 23%;
    right: 5%;
    bottom: 2%;
}
.all-the-bg-color-bottom .the-second-image img{
    display: block;
    width: 100%;
}


@media screen and (max-width: 992px) {

    .all-the-bg-color-bottom{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 90%;
        margin: 10vw auto 10vw;
        position: relative;
    }
    .all-the-bg-color-bottom .all-the-image{
        display: block;
        width: 100%;
        display: none;
    }
    .all-the-bg-color-bottom .all-the-thext{
        position: relative;
        left: auto;
        line-height: 1;
        margin: 0 auto 53vw;
    }
    .all-the-bg-color-bottom .all-the-thext .the-title{
        font-size: 12vw;
        font-weight: 900;
        color: black;
        text-align: center;
    }
    .all-the-bg-color-bottom .all-the-thext .the-sub-title{
        font-size: 8vw;
        font-weight: 300;
        color: #fcbb2c;
        text-align: center;
    }
    .all-the-bg-color-bottom .all-the-thext .the-link{
        display: flex;
        justify-content: center;
    }
    .all-the-bg-color-bottom .all-the-thext .the-link a{
        background: black;
        font-size: 4vw;
        color: white;
        text-decoration: none;
        padding: 3vw 6vw;
        border-radius: 2vw;
        margin: 5vw 0 0 0;
    }
    .all-the-bg-color-bottom .the-first-image{
        position: absolute;
        width: 66%;
        right: auto;
        bottom: 0;
        top: auto;
        left: 1vw;
    }
    .all-the-bg-color-bottom .the-first-image img{
        display: block;
        width: 100%;
    }
    .all-the-bg-color-bottom .the-second-image{
        position: absolute;
        width: 60%;
        right: 1vw;
        bottom: 0;
    }
    .all-the-bg-color-bottom .the-second-image img{
        display: block;
        width: 100%;
    }

}


.all-the-two-bg-color-bottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    margin: 2vw auto 2vw;
    position: relative;
    flex-wrap: wrap;
}
.all-the-two-bg-color-bottom .first-box{
    width: 49%;
    height: 20vw;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}
.all-the-two-bg-color-bottom .first-box .the-bg-yellow{
    background: #efe2a1;
    position: absolute;
    width: 97%;
    height: 98%;
    border-radius: 5vw 70vw 11vw 18vw;
    transform: rotate(-22deg);
    left: -8vw;
    bottom: -11vw;
}
.all-the-two-bg-color-bottom .first-box .all-the-text{
    position: absolute;
    bottom: 10%;
    left: 24%;
    line-height: 1;
}
.all-the-two-bg-color-bottom .first-box .all-the-text .the-title{
    text-align: center;
    font-size: 2.5vw;
    font-weight: 900;
}
.all-the-two-bg-color-bottom .first-box .all-the-text .the-sub-title{
    text-align: center;
    font-size: 2.5vw;
    font-weight: 100;
}
.all-the-two-bg-color-bottom .second-box{
    width: 49%;
    height: 20vw;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}
.all-the-two-bg-color-bottom .second-box .the-white-bg{
    background: white;
    width: 37%;
    height: 77%;
    top: 12%;
    left: 5%;
    position: absolute;
}
.all-the-two-bg-color-bottom .second-box .the-white-bg .the-title{
    font-size: 2vw;
    line-height: 1;
    font-weight: 900;
    text-align: center;
    padding: 4vw 0 0 0;
}
.all-the-two-bg-color-bottom .second-box .the-white-bg .the-link{
    display: flex;
    justify-content: center;
    margin: 1vw 0 0 0;
    position: relative;
    z-index: 999;
}
.all-the-two-bg-color-bottom .second-box .the-white-bg .the-link a{
    background: black;
    color: white;
    text-decoration: none;
    font-size: 1.2vw;
    padding: 0.5vw 1vw;
    border-radius: 0.3vw;
}
.all-the-two-bg-color-bottom .second-box .the-white-bg .the-link a:hover{
    opacity: 0.5;
}
.all-the-two-bg-color-bottom .second-box .the-black-bg{
    position: absolute;
    width: 86%;
    height: 60%;
    border: solid 2px #000;
    top: 20%;
    left: 7%;
}

@media screen and (max-width: 992px) {

    .all-the-two-bg-color-bottom .first-box {
        width: 100%;
        height: 50vw;
        margin: 8vw 0 0 0;
    }
    .all-the-two-bg-color-bottom .second-box {
        width: 100%;
        height: 50vw;
        margin: 8vw 0 8vw 0;
    }
    .all-the-two-bg-color-bottom .first-box .the-bg-yellow {
        background: #efe2a1;
        position: absolute;
        width: 97%;
        height: 98%;
        border-radius: 5vw 70vw 11vw 18vw;
        transform: rotate(-22deg);
        left: -6vw;
        bottom: -22vw;
    }
    .all-the-two-bg-color-bottom .first-box .all-the-text {
        position: absolute;
        bottom: 7%;
        left: 18%;
        line-height: 1;
    }
    .all-the-two-bg-color-bottom .first-box .all-the-text .the-title {
        text-align: center;
        font-size: 7vw;
        font-weight: 900;
    }
    .all-the-two-bg-color-bottom .first-box .all-the-text .the-sub-title {
        text-align: center;
        font-size: 7vw;
        font-weight: 100;
    }
    .all-the-two-bg-color-bottom .second-box .the-white-bg {
        background: white;
        width: 50%;
        height: 84%;
        top: 8%;
        left: 3%;
        position: absolute;
    }
    .all-the-two-bg-color-bottom .second-box .the-white-bg .the-title {
        font-size: 6vw;
        line-height: 1;
        font-weight: 900;
        text-align: center;
        padding: 9vw 0 0 0;
    }
    .all-the-two-bg-color-bottom .second-box .the-white-bg .the-link {
        display: flex;
        justify-content: center;
        margin: 4vw 0 0 0;
    }
    .all-the-two-bg-color-bottom .second-box .the-white-bg .the-link a {
        background: black;
        color: white;
        text-decoration: none;
        font-size: 4vw;
        padding: 2vw 5vw;
        border-radius: 2vw;
    }
    .all-the-two-bg-color-bottom .second-box .the-black-bg {
        position: absolute;
        width: 90%;
        height: 69%;
        border: solid 1px #000;
        top: 15%;
        left: 5%;
    }

}


.all-the-contact-us-footer{
    display: flex;
    justify-content: space-between;
    background: #f1ede9;
    flex-wrap: wrap;
}
.all-the-contact-us-footer .the-first-side{
    height: 30vw;
    width: 55%;
    position: relative;
}
.all-the-contact-us-footer .the-first-side .the-main-title-1{
    position: absolute;
    font-size: 3vw;
    font-weight: 900;
    color: black;
    top: 2%;
    right: 4%;
}
.all-the-contact-us-footer .the-first-side .the-main-title-2{
    position: absolute;
    font-size: 3vw;
    font-weight: 200;
    color: #f0b734;
    top: 10%;
    right: 4%;
}
.all-the-contact-us-footer .the-first-side .the-main-line{
    position: absolute;
    height: 1px;
    background: black;
    width: 22%;
    top: 30%;
}
.all-the-contact-us-footer .the-first-side .the-main-title-3{
    position: absolute;
    top: 25%;
    right: 23%;
    font-size: 2vw;
    font-weight: 700;
}
.all-the-contact-us-footer .the-first-side .all-the-form{
    position: absolute;
    right: 23%;
    top: 38%;
    width: 42%;
}
.all-the-contact-us-footer .the-first-side .all-the-form form{
    
}
.all-the-contact-us-footer .the-first-side .all-the-form form .the-line-input{
    
}
.all-the-contact-us-footer .the-first-side .all-the-form form .the-line-input input{
    width: 100%;
    border: none;
    background: transparent;
    border-bottom: solid 1px #ababab;
    padding: 0.5vw 0 0.5vw 0;
    font-size: 1vw;
    margin: 0 0 1vw 0;
}
.all-the-contact-us-footer .the-first-side .all-the-form form .the-line-input-submit{
    display: flex;
    justify-content: flex-end;
}
.all-the-contact-us-footer .the-first-side .all-the-form form .the-line-input-submit input{
    font-size: 1vw;
    font-weight: 400;
    border: none;
    background: black;
    color: white;
    padding: 0.5vw 3vw;
    border-radius: 0.5vw;
}
.all-the-contact-us-footer .the-first-side .all-the-info{
    position: absolute;
    right: 73%;
    top: 72%;
}
.all-the-contact-us-footer .the-first-side .all-the-info .the-all-number{
    font-size: 1vw;
    font-weight: 700;
}
.all-the-contact-us-footer .the-first-side .all-the-info .the-all-address{
    font-size: 1vw;
    font-weight: 700;
}




.all-the-contact-us-footer .the-second-side{
    height: 30vw;
    position: relative;
    width: 45%;
}
.all-the-contact-us-footer .the-second-side .the-big-image{
    position: absolute;
    width: 86%;
    height: 82%;
    left: 14%;
    bottom: 9%;
    z-index: 1;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.all-the-contact-us-footer .the-second-side .the-big-yeloow{
    background: #f0b633;
    position: absolute;
    width: 60%;
    height: 60%;
    left: 0;
    bottom: 0;
}



@media screen and (max-width: 992px) {

    .all-the-contact-us-footer {
        display: flex;
        justify-content: space-between;
        background: #f1ede9;
        flex-wrap: wrap;
        padding: 14vw 0 0 0;
    }
    .all-the-contact-us-footer .the-first-side {
        height: auto;
        width: 100%;
        position: relative;
    }
    .all-the-contact-us-footer .the-first-side .the-main-title-1 {
        position: relative;
        font-size: 12vw;
        font-weight: 900;
        color: black;
        top: auto;
        right: auto;
        text-align: center;
        line-height: 1;
    }
    .all-the-contact-us-footer .the-first-side .the-main-title-2 {
        position: relative;
        font-size: 8vw;
        font-weight: 200;
        color: #f0b734;
        top: auto;
        right: auto;
        text-align: center;
        line-height: 1;
    }
    .all-the-contact-us-footer .the-first-side .the-main-line {
        display: none;
    }
    .all-the-contact-us-footer .the-first-side .the-main-title-3 {
        display: none;
    }
    .all-the-contact-us-footer .the-first-side .all-the-form {
        position: relative;
        right: auto;
        top: auto;
        width: 80%;
        margin: 0 auto 0;
    }
    .all-the-contact-us-footer .the-first-side .all-the-info {
        position: relative;
        right: auto;
        top: auto;
        margin: 8vw 0 0 0;
    }
    .all-the-contact-us-footer .the-first-side .all-the-info .the-all-number {
        font-size: 5vw;
        font-weight: 700;
        text-align: center;
    }
    .all-the-contact-us-footer .the-first-side .all-the-info .the-all-address {
        font-size: 5vw;
        font-weight: 700;
        text-align: center;
    }
    .all-the-contact-us-footer .the-first-side .all-the-form form .the-line-input input {
        width: 100%;
        border: none;
        background: transparent;
        border-bottom: solid 1px #ababab;
        padding: 2vw 0 2vw 0;
        font-size: 5vw;
        margin: 0 0 4vw 0;
    }
    .all-the-contact-us-footer .the-first-side .all-the-form form .the-line-input-submit input {
        font-size: 5vw;
        font-weight: 400;
        border: none;
        background: black;
        color: white;
        padding: 3vw 0;
        border-radius: 3vw;
        width: 100%;
        margin: 5vw 0 0 0;
    }
    .all-the-contact-us-footer .the-second-side {
        height: 70vw;
        position: relative;
        width: 100%;
        margin: 8vw 0 0 0;
    }

}






.all-the-icon-cart-for-mobile{
    display: none;
}
.all-the-icon-wishlist-for-mobile{
    display: none;
}
@media screen and (max-width: 992px) {
    .all-the-icon-cart-for-mobile{
        display: flex;
        position: fixed;
        bottom: 80px;
        left: 10px;
        width: 50px;
        height: 46px;
        background: #000000;
        border-radius: 7px;
        justify-content: center;
        align-items: center;
        color: white;
        font-size: 20px;
        text-decoration: none;
        border: solid 1px #757575;
    }
    .all-the-icon-cart-for-mobile .the-number-of-cart{
        position: absolute;
        background: #f0b734;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        right: -10px;
        top: -10px;
        font-size: 12px;
        font-weight: 800;
        display: flex;
        justify-content: center;
        align-items: center;
        color: black;
    }
    .all-the-icon-wishlist-for-mobile{
        display: flex;
        position: fixed;
        bottom: 20px;
        left: 10px;
        width: 50px;
        height: 46px;
        background: #000000;
        border-radius: 7px;
        justify-content: center;
        align-items: center;
        color: white;
        font-size: 20px;
        text-decoration: none;
        border: solid 1px #757575;
    }
    .all-the-icon-wishlist-for-mobile .the-number-of-wishlist{
        position: absolute;
        background: #f0b734;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        right: -10px;
        top: -10px;
        font-size: 12px;
        font-weight: 800;
        display: flex;
        justify-content: center;
        align-items: center;
        color: black;
    }
}

.navigation.pagination{
    display: flex;
    justify-content: center;
    margin: 40px 0 60px 0;
}
.navigation.pagination .prev.page-numbers{
    color: black;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    margin: 0 10px;
}
.navigation.pagination .next.page-numbers{
    color: black;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    margin: 0 10px;
}
.navigation.pagination .page-numbers{
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    margin: 0 5px;
    color: black;
}
.navigation.pagination .page-numbers.current{
    color: #e3a704;
}







.all-the-second-block{
    margin: 5vw 0 5vw 0;
}
.all-the-second-block .the-button-click{
    margin: 2vw 0 2vw 0;
    display: flex;
}
.all-the-second-block .the-button-click a{
    color: #aa9d65;
    text-align: center;
    font-size: 1vw;
    padding: 0.5vw 1vw;
    margin: 2vw auto 2vw;
    display: block;
    border: solid 1px #aa9d65;
    text-decoration: none;
    transition: all 0.5s;
}
.all-the-second-block .the-button-click a:hover{
    color: #ffffff;
    background: #aa9d65;
}
.all-the-second-block .the-image-second-block{
    width: 14%;
    margin: 5vw auto 0;
}
.all-the-second-block .the-image-second-block img{
    display: block;
    width: 100%;
}
.all-the-second-block .the-image-coffee-second-block{
    width: 60%;
    margin: 5vw auto 0;
}
.all-the-second-block .the-image-coffee-second-block img{
    display: block;
    width: 100%;
}
.all-the-second-block .the-title-second-block{
    color: #aa9d65;
    text-align: center;
    font-size: 3vw;
    margin: 2vw 0 0 0;
}
.all-the-second-block .the-description-second-block{
    color: #242424;
    text-align: center;
    font-size: 1vw;
    width: 30%;
    margin: 2vw auto 0;
}
.all-the-second-block .the-button-second-block{
    color: #aa9d65;
    text-align: center;
    font-size: 1vw;
    padding: 0.5vw 1vw;
    width: 6vw;
    margin: 2vw auto 2vw;
    display: block;
    border: solid 1px #aa9d65;
    text-decoration: none;
    transition: all 0.5s;
}
.all-the-second-block .the-button-second-block:hover{
    color: #ffffff;
    background: #aa9d65;
}
.all-the-second-block .the-title-second-block-tow{
    color: #000000;
    text-align: center;
    font-size: 3vw;
    margin: 5vw 0 0 0;
}
.all-the-second-block .the-description-second-block-tow{
    color: #242424;
    text-align: center;
    font-size: 1vw;
    width: 35%;
    margin: 2vw auto 3vw;
}
@media screen and (max-width: 992px) {

    .all-the-second-block .the-button-click {
        margin: 4vw 0 4vw 0;
    }
    .all-the-second-block .the-button-click a {
        font-size: 5vw;
        padding: 3vw 6vw;
        margin: 4vw auto 4vw;
    }
    .all-the-second-block .the-image-second-block {
        width: 35%;
        margin: 10vw auto 0;
    }
    .all-the-second-block .the-image-coffee-second-block{
        width: 80%;
        margin: 10vw auto 0;
    }
    .all-the-second-block .the-title-second-block {
        font-size: 6vw;
        margin: 5vw 0 0 0;
    }
    .all-the-second-block .the-description-second-block {
        font-size: 4.5vw;
        width: 80%;
        margin: 4vw auto 0;
    }
    .all-the-second-block .the-button-second-block {
        font-size: 4vw;
        padding: 2vw 0;
        width: 30vw;
        margin: 5vw auto 5vw;
    }
    .all-the-second-block .the-title-second-block-tow {
        font-size: 6vw;
        margin: 8vw 0 0 0;
    }
    .all-the-second-block .the-description-second-block-tow {
        font-size: 4.5vw;
        width: 80%;
        margin: 4vw auto 6vw;
    }

}





.all-the-contact-us-form{
    padding: 4vw 0;
}
.all-the-contact-us-form .all-the-contact-us-form-inside{
    width: 60%;
    margin: 0 auto 0;
}
.all-the-contact-us-form .all-the-contact-us-form-inside .the-form{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.all-the-contact-us-form .all-the-contact-us-form-inside .the-form .the-half-input{
    width: 49%;
    position: relative;
    margin: 0 0 1vw 0;
}
.all-the-contact-us-form .all-the-contact-us-form-inside .the-form .the-half-input:focus-within > .the-name-field{
    background-color: #ffffff;
    font-size: 0.8vw;
    top: -0.55vw;
    right: 0.5vw;
    z-index: 9;
    padding: 0 0.5vw;
}
.all-the-contact-us-form .all-the-contact-us-form-inside .the-form .the-half-input .the-name-field{
    position: absolute;
    font-size: 1vw;
    color: #aa9d65;
    font-weight: 700;
    top: 0.3vw;
    right: 1vw;
    transition: all 0.5s;
}
.all-the-contact-us-form .all-the-contact-us-form-inside .the-form .the-half-input .input-text{
    width: calc(100% - 2vw - 2px);
    padding: 0.5vw 1vw;
    font-size: 1vw;
    border: none;
    border: solid 1px #aa9d65;
    position: relative;
    background: transparent;
}
.all-the-contact-us-form .all-the-contact-us-form-inside .the-form .the-half-input .input-text:focus-visible{
    outline: none;
}


.all-the-contact-us-form .all-the-contact-us-form-inside .the-form .the-full-input{
    width: 100%;
    position: relative;
}
.all-the-contact-us-form .all-the-contact-us-form-inside .the-form .the-full-input:focus-within > .the-name-field{
    background-color: #ffffff;
    font-size: 0.8vw;
    top: -0.55vw;
    right: 0.5vw;
    z-index: 9;
    padding: 0 0.5vw;
}
.all-the-contact-us-form .all-the-contact-us-form-inside .the-form .the-full-input .the-name-field{
    position: absolute;
    font-size: 1vw;
    color: #aa9d65;
    font-weight: 700;
    top: 0.3vw;
    right: 1vw;
    transition: all 0.5s;
}
.all-the-contact-us-form .all-the-contact-us-form-inside .the-form .the-full-input .input-textarea{
    width: calc(100% - 2vw - 2px);
    padding: 0.5vw 1vw;
    font-size: 1vw;
    border: none;
    border: solid 1px #aa9d65;
    height: 10vw;
    position: relative;
    background: transparent;
}
.all-the-contact-us-form .all-the-contact-us-form-inside .the-form .the-full-input .input-textarea:focus-visible{
    outline: none;
}
.all-the-contact-us-form .all-the-contact-us-form-inside .the-form .all-the-newsletter{
    margin: 1vw 0 0 0;
    width: 100%;
}
.all-the-contact-us-form .all-the-contact-us-form-inside .the-form .all-the-newsletter .all-the-newsletter-checkbox{
    display: flex;
    align-items: center;
}
.all-the-contact-us-form .all-the-contact-us-form-inside .the-form .all-the-newsletter .all-the-newsletter-checkbox .the-text{
    margin: 0 0.5vw;
}
.all-the-contact-us-form .all-the-contact-us-form-inside .the-form .all-the-newsletter .all-the-newsletter-checkbox input{
    opacity: 0;
    width: 0;
    padding: 0;
    margin: 0;
}
.all-the-contact-us-form .all-the-contact-us-form-inside .the-form .all-the-newsletter .all-the-newsletter-checkbox span{
    border: solid 1px #aa9d65;
    display: block;
    width: 1vw;
    height: 1vw;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.all-the-contact-us-form .all-the-contact-us-form-inside .the-form .all-the-newsletter .all-the-newsletter-checkbox span div{
    display: none;
    color: white;
    font-size: 0.5vw;
}
.all-the-contact-us-form .all-the-contact-us-form-inside .the-form .all-the-newsletter .all-the-newsletter-checkbox input:focus-visible~span{
    border: solid 1px #000;
}
.all-the-contact-us-form .all-the-contact-us-form-inside .the-form .all-the-newsletter .all-the-newsletter-checkbox input:checked~span{
    background: #aa9d65;
}
.all-the-contact-us-form .all-the-contact-us-form-inside .the-form .all-the-newsletter .all-the-newsletter-checkbox input:checked~span div{
    display: block;    
}

.all-the-contact-us-form .all-the-contact-us-form-inside .the-form .all-the-submit{
    width: 100%;
}
.all-the-contact-us-form .all-the-contact-us-form-inside .the-form .all-the-submit input{
    padding: 0.5vw 3vw;
    display: block;
    font-size: 1vw;
    margin: 1vw auto 0;
    border: none;
    border: solid 1px #aa9d65;
    background: white;
    color: #aa9d65;
    font-weight: 700;
    cursor: pointer;
}
.all-the-contact-us-form .all-the-contact-us-form-inside .the-form .all-the-submit input:hover{
    background: #aa9d65;
    color: #fff;
}

@media screen and (max-width: 992px) {

    .all-the-contact-us-form .all-the-contact-us-form-inside {
        width: 80%;
        margin: 0 auto 0;
    }
    .all-the-contact-us-form .all-the-contact-us-form-inside .the-form .the-half-input {
        width: 100%;
        position: relative;
        margin: 0 0 3vw 0;
    }
    .all-the-contact-us-form .all-the-contact-us-form-inside .the-form .the-half-input .input-text {
        width: calc(100% - 6vw - 2px);
        padding: 2vw 3vw;
        font-size: 5vw;
        border: none;
        border: solid 1px #aa9d65;
        position: relative;
        background: transparent;
    }
    .all-the-contact-us-form .all-the-contact-us-form-inside .the-form .the-half-input .the-name-field {
        position: absolute;
        font-size: 5vw;
        color: #aa9d65;
        font-weight: 700;
        top: 2vw;
        right: 3vw;
        transition: all 0.5s;
    }
    .all-the-contact-us-form .all-the-contact-us-form-inside .the-form .the-full-input .input-textarea {
        width: calc(100% - 6vw - 2px);
        padding: 2vw 3vw;
        font-size: 5vw;
        border: none;
        border: solid 1px #aa9d65;
        position: relative;
        background: transparent;
        height: 35vw;
    }
    .all-the-contact-us-form .all-the-contact-us-form-inside .the-form .the-full-input .the-name-field {
        position: absolute;
        font-size: 5vw;
        color: #aa9d65;
        font-weight: 700;
        top: 2vw;
        right: 3vw;
        transition: all 0.5s;
    }

    .all-the-contact-us-form .all-the-contact-us-form-inside .the-form .all-the-newsletter {
        margin: 4vw 0 0 0;
        width: 100%;
    }
    .all-the-contact-us-form .all-the-contact-us-form-inside .the-form .all-the-newsletter .all-the-newsletter-checkbox span {
        border: solid 1px #aa9d65;
        width: 5vw;
        height: 5vw;
        border-radius: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .all-the-contact-us-form .all-the-contact-us-form-inside .the-form .all-the-newsletter .all-the-newsletter-checkbox span div {
        display: none;
        color: white;
        font-size: 2vw;
    }
    .all-the-contact-us-form .all-the-contact-us-form-inside .the-form .all-the-submit input {
        padding: 2vw 12vw;
        display: block;
        font-size: 5vw;
        margin: 7vw auto 0;
        border: none;
        border: solid 1px #aa9d65;
        background: white;
        color: #aa9d65;
        font-weight: 700;
        cursor: pointer;
    }

    .all-the-contact-us-form .all-the-contact-us-form-inside .the-form .the-half-input:focus-within > .the-name-field {
        background-color: #ffffff;
        font-size: 3.5vw;
        top: -3vw;
        right: 1.5vw;
        z-index: 9;
        padding: 0 2vw;
    }
    .all-the-contact-us-form .all-the-contact-us-form-inside .the-form .the-full-input:focus-within > .the-name-field {
        background-color: #ffffff;
        font-size: 3.5vw;
        top: -3vw;
        right: 1.5vw;
        z-index: 9;
        padding: 0 2vw;
    }

}



.all-the-our-info-contact{
    padding: 3vw 0;
}
.all-the-our-info-contact .single-the-our-info-contact{
    border-bottom: solid 1px #aa9d65;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 60%;
    margin: 0 auto 0;
    padding: 1.5vw 0;

}
.all-the-our-info-contact .single-the-our-info-contact .right-side{
    font-size: 1vw;
    color: #000;
}
.all-the-our-info-contact .single-the-our-info-contact .right-side a{
    color: #000;
}
.all-the-our-info-contact .single-the-our-info-contact .left-side{
    color: #aa9d65;
    font-weight: 700;
    font-size: 1.5vw;
}

@media screen and (max-width: 992px) {

    .all-the-our-info-contact .single-the-our-info-contact {
        width: 80%;
        padding: 5vw 0;
        flex-wrap: wrap;
    }
    .all-the-our-info-contact .single-the-our-info-contact .left-side {
        font-size: 5.5vw;
        width: 100%;
    }
    .all-the-our-info-contact .single-the-our-info-contact .right-side {
        font-size: 4vw;
        color: #000;
        width: 100%;
    }

}




.all-the-image-first-on-all-pages-new{
    
}
.all-the-image-first-on-all-pages-new .image-to-desktop{
    display: block;
}
.all-the-image-first-on-all-pages-new .image-to-mobile{
    display: none;
}
@media screen and (max-width: 700px) {
    .all-the-image-first-on-all-pages-new .image-to-desktop{
        display: none;
    }
    .all-the-image-first-on-all-pages-new .image-to-mobile{
        display: block;
    }
}
.all-the-image-first-on-all-pages-new img{
    display: block;
    width: 100%;
}
.all-the-image-first-on-all-pages{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.all-the-image-first-on-all-pages .all-the-image-first-on-all-pages-absolute{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000060;
}

.all-the-image-first-on-all-pages .the-h1{
    margin: 0;
    color: white;
    width: 100%;
    text-align: center;
    position: relative;
    line-height: 1.1;
    font-size: 5vw;
}
.all-the-image-first-on-all-pages .the-line{
    background: white;
    height: 1px;
    position: relative;
    width: 10vw;
}
@media screen and (max-width: 992px) {
    .all-the-image-first-on-all-pages {
        height: 103vw;
    }
    .all-the-image-first-on-all-pages .the-h1 {
        font-size: 12vw;
    }
    .all-the-image-first-on-all-pages .the-line {
        width: 30vw;
    }
}


.all-the-mobile-slider-product-outside{
    width: 95%;
    margin: 0 5% 0 50px;
    overflow-x: scroll;
    padding: 0 0 12px 0;
}
.all-the-mobile-slider-product-outside .all-the-mobile-slider-product{
    border-collapse: collapse;
    width: 100%;
    white-space: nowrap;
    position: relative;
}
.all-the-mobile-slider-product-outside .all-the-mobile-slider-product .all-the-single-product-mobile{
    width: calc(40% - 10px);
    margin: 0 0 0 6px;
    display: inline-block;
    vertical-align: top;
    border: solid 1px #cecece;
    padding: 5px 5px 15px 5px;
    border-radius: 7px;
}
.all-the-mobile-slider-product-outside .all-the-mobile-slider-product .all-the-single-product-mobile .all-the-image{
    padding: 0 0 100% 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 0 8px 0;
    display: block;
}
.all-the-mobile-slider-product-outside .all-the-mobile-slider-product .all-the-single-product-mobile .the-all-title-a{
    text-decoration: none;
    color: #000;
}
.all-the-mobile-slider-product-outside .all-the-mobile-slider-product .all-the-single-product-mobile .the-all-title-a .all-the-h3{
    padding: 0;
    margin: 0;
    font-size: 14px;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    min-height: 44px;
    font-weight: 400;
    line-height: 1.2;
}
.all-the-mobile-slider-product-outside .all-the-mobile-slider-product .all-the-single-product-mobile .all-the-price{
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 8px 0;
}
.all-the-mobile-slider-product-outside .all-the-mobile-slider-product .all-the-single-product-mobile .all-the-price span{
    font-size: 16px;
    font-weight: 300;
}
.all-the-mobile-slider-product-outside .all-the-mobile-slider-product .all-the-single-product-mobile .all-the-button{
    display: flex;
    justify-content: space-between;
}
.all-the-mobile-slider-product-outside .all-the-mobile-slider-product .all-the-single-product-mobile .all-the-button .the-add-button{
    font-size: 12px;
    width: calc(100% - 34px);
    background: #f0b734;
    padding: 5px 0;
    text-align: center;
    border-radius: 5px;
}
.all-the-mobile-slider-product-outside .all-the-mobile-slider-product .all-the-single-product-mobile .all-the-button .the-like-button{
    background: black;
    color: #ffffff;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    font-size: 14px;
}




.all-the-mobile-slider-product-outside-category{
    width: 100%;
    padding: 0 0 12px 0;
    direction: rtl;
}
.all-the-mobile-slider-product-outside-category .all-the-mobile-slider-product{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.all-the-mobile-slider-product-outside-category .all-the-mobile-slider-product .all-the-single-product-mobile-line{
    width: 15%;
    height: 1px;
    padding: 5px 5px 15px 5px;
}
.all-the-mobile-slider-product-outside-category .all-the-mobile-slider-product .all-the-single-product-mobile{
    width: 15%;
    display: inline-block;
    vertical-align: top;
    border: solid 1px #cecece;
    padding: 5px 5px 15px 5px;
    border-radius: 7px;
    margin: 0 0 20px 0;
}
.all-the-mobile-slider-product-outside-category .all-the-mobile-slider-product .all-the-single-product-mobile .all-the-image{
    padding: 0 0 100% 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 0 8px 0;
    display: block;
}
.all-the-mobile-slider-product-outside-category .all-the-mobile-slider-product .all-the-single-product-mobile .the-all-title-a{
    text-decoration: none;
    color: #000;
}
.all-the-mobile-slider-product-outside-category .all-the-mobile-slider-product .all-the-single-product-mobile .the-all-title-a .all-the-h3{
    padding: 0;
    margin: 0;
    font-size: 14px;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    min-height: 44px;
    font-weight: 400;
    line-height: 1.2;
}
.all-the-mobile-slider-product-outside-category .all-the-mobile-slider-product .all-the-single-product-mobile .all-the-price{
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 8px 0;
}
.all-the-mobile-slider-product-outside-category .all-the-mobile-slider-product .all-the-single-product-mobile .all-the-price span{
    font-size: 16px;
    font-weight: 300;
}
.all-the-mobile-slider-product-outside-category .all-the-mobile-slider-product .all-the-single-product-mobile .all-the-button{
    display: flex;
    justify-content: space-between;
}
.all-the-mobile-slider-product-outside-category .all-the-mobile-slider-product .all-the-single-product-mobile .all-the-button .the-add-button{
    font-size: 12px;
    width: calc(100% - 34px);
    background: #f0b734;
    padding: 5px 0;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
}
.all-the-mobile-slider-product-outside-category .all-the-mobile-slider-product .all-the-single-product-mobile .all-the-button .the-like-button{
    background: black;
    color: #ffffff;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    font-size: 14px;
}


@media screen and (max-width: 992px) {
    .all-the-mobile-slider-product-outside-category .all-the-mobile-slider-product .all-the-single-product-mobile {
        width: 45%;
    }
    .all-the-mobile-slider-product-outside-category .all-the-mobile-slider-product .all-the-single-product-mobile-line{
        width: 45%;
    }
}


.all-the-desktop-home-stripe{
    display: block;
}
.all-the-mobile-home-stripe{
    display: none;
}

@media screen and (max-width: 992px) {
    .all-the-desktop-home-stripe{
        display: none;
    }
    .all-the-mobile-home-stripe{
        display: block;
    }
}

























.all-the-mobile-slider-product-outside-category-for-home-page{
    width: 100%;
    padding: 0 0 12px 0;
    direction: rtl;

}
.all-the-mobile-slider-product-outside-category-for-home-page .all-the-mobile-slider-product{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.all-the-mobile-slider-product-outside-category-for-home-page .all-the-mobile-slider-product .all-the-single-product-mobile-line{
    width: 15%;
    height: 1px;
    padding: 5px 5px 15px 5px;
}
.all-the-mobile-slider-product-outside-category-for-home-page .all-the-mobile-slider-product .all-the-single-product-mobile-with-padding{
    display: inline-block;
    padding: 12px 14px 12px 14px;
    margin: 0 5px 20px 5px;
    direction: rtl;
    width: calc(20% - 38px);
}
.all-the-mobile-slider-product-outside-category-for-home-page .all-the-mobile-slider-product .all-the-single-product-mobile-with-padding .all-the-single-product-mobile{
    position: relative;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    border: solid 1px #cecece;
    padding: 5px 5px 15px 5px;
    border-radius: 7px;
    box-shadow: rgb(164 164 164) 0px 0px 17px -6px;
}
.all-the-mobile-slider-product-outside-category-for-home-page .all-the-mobile-slider-product .all-the-single-product-mobile-with-padding .all-the-single-product-mobile .all-the-image-icon-view{
    position: absolute;
    top: 10px;
    right: 10px;
    background: #000;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: white;
    font-size: 24px;
    cursor: pointer;
}
.all-the-mobile-slider-product-outside-category-for-home-page .all-the-mobile-slider-product .all-the-single-product-mobile-with-padding .all-the-single-product-mobile .all-the-image{
    padding: 0 0 100% 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 0 8px 0;
    display: block;
}
.all-the-mobile-slider-product-outside-category-for-home-page .all-the-mobile-slider-product .all-the-single-product-mobile-with-padding .all-the-single-product-mobile .the-all-title-a{
    text-decoration: none;
    color: #000;
}
.all-the-mobile-slider-product-outside-category-for-home-page .all-the-mobile-slider-product .all-the-single-product-mobile-with-padding .all-the-single-product-mobile .the-all-title-a .all-the-h3{
    padding: 0;
    margin: 0;
    font-size: 14px;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    min-height: 18px;
    font-weight: 400;
    line-height: 1.2;
}
.all-the-mobile-slider-product-outside-category-for-home-page .all-the-mobile-slider-product .all-the-single-product-mobile-with-padding .all-the-single-product-mobile .the-all-sub-title-new{
    padding: 0;
    margin: 0;
    font-size: 14px;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    min-height: 25px;
    font-weight: 400;
    line-height: 1.2;
    display: flex;
}
.all-the-mobile-slider-product-outside-category-for-home-page .all-the-mobile-slider-product .all-the-single-product-mobile-with-padding .all-the-single-product-mobile .the-all-sub-title-new p{
    padding: 0;
    margin: 0;
    color: white;
    background: #755229;
    border-radius: 5px;
    padding: 4px 5px 2px 6px;
}
.all-the-mobile-slider-product-outside-category-for-home-page .all-the-mobile-slider-product .all-the-single-product-mobile-with-padding .all-the-single-product-mobile .all-the-price{
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 8px 0;
}
.all-the-mobile-slider-product-outside-category-for-home-page .all-the-mobile-slider-product .all-the-single-product-mobile-with-padding .all-the-single-product-mobile .all-the-price span{
    font-size: 16px;
    font-weight: 300;
}
.all-the-mobile-slider-product-outside-category-for-home-page .all-the-mobile-slider-product .all-the-single-product-mobile-with-padding .all-the-single-product-mobile .all-the-button{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap-reverse;
}
.all-the-mobile-slider-product-outside-category-for-home-page .all-the-mobile-slider-product .all-the-single-product-mobile-with-padding .all-the-single-product-mobile .all-the-button .the-add-button{
    font-size: 12px;
    width: calc(100% - 34px);
    background: #f0b734;
    padding: 5px 0;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
}
.all-the-mobile-slider-product-outside-category-for-home-page .all-the-mobile-slider-product .all-the-single-product-mobile-with-padding .all-the-single-product-mobile .all-the-button .the-add-button-to-add{
    font-size: 14px;
    width: calc(100% - 100px);
    background: #f0b734;
    padding: 15px 0;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
}
.all-the-mobile-slider-product-outside-category-for-home-page .all-the-mobile-slider-product .all-the-single-product-mobile-with-padding .all-the-single-product-mobile .all-the-button .all-the-add-button-of-quantity{
    display: flex;
    align-items: center;
    width: 90px;
    border: solid 1px #d9d9d9;
    border-radius: 5px;
}
.all-the-mobile-slider-product-outside-category-for-home-page .all-the-mobile-slider-product .all-the-single-product-mobile-with-padding .all-the-single-product-mobile .all-the-button .all-the-add-button-of-quantity .quantity-plus{
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    height: 100%;
    background: #d9d9d9;
}
.all-the-mobile-slider-product-outside-category-for-home-page .all-the-mobile-slider-product .all-the-single-product-mobile-with-padding .all-the-single-product-mobile .all-the-button .all-the-add-button-of-quantity .quantity-number{
    width: 40%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.all-the-mobile-slider-product-outside-category-for-home-page .all-the-mobile-slider-product .all-the-single-product-mobile-with-padding .all-the-single-product-mobile .all-the-button .all-the-add-button-of-quantity .quantity-number .quantity-number-single{
    text-align: center;
}

.all-the-mobile-slider-product-outside-category-for-home-page .all-the-mobile-slider-product .all-the-single-product-mobile-with-padding .all-the-single-product-mobile .all-the-button .all-the-add-button-of-quantity .quantity-number input{
    display: none;
    border: none;
    width: 100%;
    padding: 0;
    margin: 0;
}
.all-the-mobile-slider-product-outside-category-for-home-page .all-the-mobile-slider-product .all-the-single-product-mobile-with-padding .all-the-single-product-mobile .all-the-button .all-the-add-button-of-quantity .quantity-minus{
    width: 30%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background: #d9d9d9;
}



.all-the-mobile-slider-product-outside-category-for-home-page .all-the-mobile-slider-product .all-the-single-product-mobile-with-padding .all-the-single-product-mobile .all-the-button .the-like-button{
    background: black;
    color: #ffffff;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    font-size: 14px;
    display: none;
}


@media screen and (max-width: 1600px) {
    .all-the-mobile-slider-product-outside-category-for-home-page .all-the-mobile-slider-product .all-the-single-product-mobile-with-padding {
        width: calc(25% - 38px);
    }
}

@media screen and (max-width: 992px) {
    .all-the-mobile-slider-product-outside-category-for-home-page .all-the-mobile-slider-product .all-the-single-product-mobile-with-padding {
        width: 49%;
        padding: 12px 0 12px 0;
        margin: 0 0 20px 0;
    }
    .all-the-mobile-slider-product-outside-category-for-home-page .all-the-mobile-slider-product .all-the-single-product-mobile-with-padding .all-the-single-product-mobile {
        width: calc(100% - 12px);
    }
    .all-the-mobile-slider-product-outside-category-for-home-page .all-the-mobile-slider-product .all-the-single-product-mobile-with-padding .all-the-single-product-mobile-line{
        width: calc(100% - 12px);
    }
    .all-the-mobile-slider-product-outside-category-for-home-page .all-the-mobile-slider-product .all-the-single-product-mobile-with-padding .all-the-single-product-mobile .all-the-button .the-add-button-to-add {
        width: 100%;
        padding: 10px 0;
        margin: 5px 0 0 0;
    }
    .all-the-mobile-slider-product-outside-category-for-home-page .all-the-mobile-slider-product .all-the-single-product-mobile-with-padding .all-the-single-product-mobile .all-the-button .all-the-add-button-of-quantity {
        width: 100%;
        height: 32px;
    }
}