body{
    background:#f1f1f6;
}
.store_container_slide{
    width:100%;

    height:auto;
    /*border:10px solid red;*/
    box-sizing:border-box;
    padding:10px 0px 10px 0px;
    display:flex;
    justify-content:center;
}

.main_dashboard{
    width:90%;
    max-width: 1500px;
    height:auto;
    padding:20px 0px 20px 0px;
    /*border:10px solid #08d508;*/
    display:flex;
    justify-content: center;
    align-items: center;
    column-gap: 25px;

}

.home_dashboard_left{
    width:50%;
    height:450px;

    border-radius: 10px;
    /*background: red;*/

}

.home_dashboard_right{
    width:50%;
    height:450px;
    /*background: gold;*/
    border-radius: 10px;
    display:flex;
    flex-direction: column;
    row-gap: 20px;

}

.home_dashboard_left_bond{
    /*border:2px solid gold;*/
    width:100%;
    height:auto;
    display:grid;
    grid-template-columns: auto auto auto auto auto;
    overflow-x:hidden;
    box-sizing: border-box;
    border-radius: 15px;


    /*background: rgb(128, 0, 128, 0.6);*/



}

.product_sliders{
    width:90vh;
    height: 450px;
    box-sizing: border-box;


    /*background:green;*/
    color:white;
    display:flex;
    justify-content: center;
    align-items: center;
    /*border:1px solid red;*/
    position:relative;
    /*z-index: -1;*/
    background-size:cover;

}

.product_sliders img{
    width: 100%;
    max-width: 1400px;
    height: 100%;

}

.product_slider_title_bond{
    width:100%;
    /*border:1px solid red;*/
    height:auto;
    position:absolute;
    z-index: 3;
    top:20px;
    display:flex;
    column-gap: 10px;
    row-gap: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

.pr_slider_header{
    width:100%;
    height:30px;
    /*border:1px solid green;*/
    /*text-align: center;*/
    display:flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    letter-spacing: 0.5px;
    font-size: 28px;
    margin-left:-20px;
}

.pr_middle_header_btn_bond{
    width:100%;
    height:30px;
    /*border:1px solid green;*/
    text-align: center;
    display:flex;
    justify-content: center;
    margin-left:-20px;

}

.pr_sl_btn{
    width:110px;
    height:35px;
    background:var(--button-color);
    color:white;
    border-radius: 5px;
    display:flex;
    justify-content: center;
    align-items: center;
    letter-spacing:0.5px;
    font-size:14px;
    cursor:pointer;
    position:relative;
    z-index:2;

}


.pr_sl_btn:hover {
    background: var(--button-hover-color);
}


.home_dash_slider_control_container{
    position: absolute;
    width:40%;
    box-sizing: border-box;
    height:auto;
    /*background:grey;*/
    /*border:1px solid red;*/
    top:350px;
    display: flex;
    justify-content: center;
    column-gap: 80%;
    z-index: 3;
}

.home_dash_slider_control{
    cursor:pointer;
}

.home_dash_slider_control img{
    width:30px;

}


.home_dash_slider_round_btn_control{
    position: absolute;
    width:40%;
    box-sizing: border-box;
    height:auto;
    /*background:purple;*/
    /*border:1px solid red;*/
    /*top:clamp(450px, 60vh, 600px);*/
    top:530px;
    display: flex;
    justify-content: center;
    column-gap: 80vh;
    z-index: 3;
}



.home_dash_round_btn_center{
    width:auto;

    padding:10px 10px;
    background:white;
    display:flex;
    justify-content: center;
    align-items: center;
    column-gap: 15px;
    border-radius: 15px;
}

.round_btn_ctr{
    width:15px;
    height:15px;
    background: #c1c0c0;
    border-radius: 50%;
    cursor: pointer;
}

.round_btn_ctr.active{
    background-color: #fde35e;
}








.home_dashboard_right_top{
    /*background:blue;*/
    width:100%;
    height:60%;
    border-radius: 10px;
    box-sizing: border-box;
    /*background-image:url('../images/gti_s4.jpg');*/
    /*background-size: cover;*/
    /*background-position: center;*/
    /*background-repeat:no-repeat;*/
    overflow: hidden;
    cursor: pointer;
    display:flex;
    justify-content: center;
    /*align-items: center;*/

    flex-direction: column;
}


.home_dashboard_right_top img{
    width:100%;
    height:100%;
    border-radius: 10px;
    object-fit: cover;
    transition: all 0.7s ease;

}

.home_dashboard_right_top img:hover {
    transform:scale(1.05, 1.05);
    transition: all 0.7s ease;
}

.s_cat_desc_bond{
    position: absolute;
    width:auto;
    height:auto;
    padding:10px 10px;
    /*border:2px solid red;*/
    display:flex;
    flex-direction: column;
    row-gap:10px;
    z-index: 1;
    margin-left:30px;
}

.s_cat_title{
    font-size:26px;
    font-weight: bold;
    letter-spacing: 0.5px;
}


.s_cat_title.right_da{
    font-size:20px;
    font-weight: bold;
    letter-spacing: 0.5px;
}

.s_cat_sub_title.right_da{
    font-size:14px;
}

.shp_now_link{
    text-decoration: none;
    text-decoration-style:none;
}


.home_dashboard_right_bottom{
    /*background:yellow;*/
    width:100%;
    height:40%;
    border-radius: 10px;
    box-sizing: border-box;
    display:flex;
    column-gap: 20px;
}

.home_dashboard_right_bottom_left{
    width:50%;
    height:100%;
    /*background:red;*/
    border-radius: 10px;
    overflow:hidden;
    display: flex;
    align-items: center;
}


.home_dashboard_right_bottom_left img{
    width:100%;
    height:100%;
    transform:scale(1,1);
    transition:all 0.5s ease-in-out;


}


.home_dashboard_right_bottom_left img:hover{

    transform:scale(1.05, 1.05);
    transition:all 0.5s ease-in-out;

}


.home_dashboard_right_bottom_right{
    width:50%;
    height:auto;
    background:blue;
    border-radius: 10px;
    overflow:hidden;

    display: flex;
    align-items: center;

}




.home_dashboard_right_bottom_right img{
    width:100%;
    height:100%;
    transform:scale(1,1);
    transition:all 0.5s ease-in-out;


}


.home_dashboard_right_bottom_right img:hover{

    transform:scale(1.05, 1.05);
    transition:all 0.5s ease-in-out;

}


@media screen and (max-width: 1550px){
    .home_dash_slider_round_btn_control {
        width: 45%;
    }

    .home_dash_slider_control_container{
        width:45%;
    }


    .pr_slider_header{

        margin-left:5px;
    }

    .pr_middle_header_btn_bond{
        margin-left:5px;

    }



    .product_sliders {
        width: 102vh


    }


}


@media screen and (max-width: 1100px){
    .main_dashboard{
        flex-direction: column;
        row-gap: 30px;
    }
    .home_dashboard_left, .home_dashboard_right{
        width:90%;
    }

    .home_dash_slider_control_container{
        width:88%;
    }

    .home_dash_slider_round_btn_control{
        width:88%;
    }

    .main_dashboard {
        width: 100%;
    }

    .product_sliders {
        width: 100vw;
    }

    .home_dashboard_right{
        height:500px;
    }

    .home_dashboard_right_top, .home_dashboard_right_bottom{
        height:50%;
        /*background:red;*/
    }


    .pr_slider_header{

        margin-left:-20px;
    }

    .pr_middle_header_btn_bond{
        margin-left:-20px;

    }




}


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

    .store_container_slide{
        /*padding-top:100px;*/
        margin-bottom:50px;
        position: relative;
        top:100px;

    }

    .home_dash_slider_control_container{
        width:90%;
        top:260px !important;
    }

    .home_dash_slider_round_btn_control{
        width:90%;
        top:435px !important;
    }

    .home_dashboard_right{
        height:auto;
    }

    .home_dashboard_right_bottom{
        flex-direction: column;
        row-gap:20px;
        /*height:auto;*/
        /*background: red;*/
        height:auto;
    }

    .home_dashboard_right_top{
        height:300px;
        max-height:100%;
    }


    .home_dashboard_right_bottom_left, .home_dashboard_right_bottom_right{
        width:100%;
        height:300px;
        max-height:100%;
    }



}


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

    .store_container_slide{
        top:70px;
    }

    .main_dashboard{
        row-gap: 20px;
    }



    .home_dashboard_left{
        height:350px;
    }

    .product_sliders{
        height:350px;
    }




    .home_dash_slider_control_container{
        width:90%;
        top:190px !important;
    }

    .home_dash_slider_round_btn_control{
        width:90%;
        top:332px !important;
    }

}







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





    .home_dashboard_left{
        height:300px;
    }

    .product_sliders{
        height:300px;
    }


    .home_dash_slider_control_container{

        top:170px !important;
    }

    .home_dash_slider_control img{
        width:20px;

    }


    .home_dash_slider_round_btn_control{

        top:285px !important;
    }

    .round_btn_ctr{
        width:10px;
        height:10px;
    }

    .pr_slider_header{
        font-size:16px;
    }

    .pr_sl_btn{
        width:90px;
        height:30px;
        font-size:12px;
    }


    .s_cat_desc_bond{
        margin-left:2px;
    }

    .s_cat_title{
        font-size:14px;
    }


    .s_cat_title.right_da{
        font-size:16px;
    }

    ._cat_sub_btn{
        font-size:13px;
    }

    ._cat_sub_btn.right_da{
        font-size:13px;
    }


    .home_dashboard_right_top{
        height:200px;
        max-height:100%;
    }


    .home_dashboard_right_bottom_left, .home_dashboard_right_bottom_right{
        width:100%;
        height:200px;
        max-height:100%;
    }



}

































/* Beginning of product categories section */
.product_categories{
    width:100%;
    height:auto;
    /*border:10px solid orange;*/
    padding:20px 0;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    column-gap:20px;
    box-sizing: border-box;
    /*display:none;*/
}

.product_category_text_bond{
    max-width: 1500px;
    width:90%;
    height:45px;
    font-weight: bold;
    font-size:25px;
}

.product_categories_center{
    width:90%;
    height:auto;
    /*background:pink;*/
    max-width: 1500px;

}

.product_categories_bond{
    width:50%;
    /*background:grey;*/
    height:auto;
    display:grid;
    grid-template-columns: auto auto auto auto auto;
    /*overflow:scroll;*/
    column-gap:20px;


}

.product_category_item{
    height:160px;
    width:170px;
    background:rgb(0,128,128,0.2);
    border-radius:10px;
    /*position:relative;*/
    /*z-index:12;*/
    cursor:pointer;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition:all 0.5s ease-in-out;

}

.product_category_item img{
    width:100%;
    height:100%;
    position:relative;
    /*z-index:-5;*/

}


.product_category_item.active {
    background:rgb(0, 0, 0,0.5);
    transition:all 0.5s ease-in-out;
}
.product_category_item.active img{
    z-index:-2;
    transition:all 0.5s ease-in-out;
}

.product_category_item_desc{
    position: absolute;
    font-size:20px;
    color:white;
    font-weight:bold;
    opacity:1;
    transition:all 0.5s ease-in-out;

    z-index: 2;
    width:auto;
    padding:2px 5px;
    background:black;
    border-radius: 4px;

}

.product_category_item_desc.active{
    margin-top:-15px;
    transition:all 0.4s ease-in-out;
}



.product_desc_number{
    position:absolute;
    margin-top:55px;
    font-weight: 500;
    color:white;
    transition: 0.4s ease-in-out;

}

.product_desc_number.active{
    margin-top:35px;
    transition: 0.5s ease-in-out;
}

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

    .product_categories{
        padding-top:40px;
    }
    .product_categories_bond {
        grid-template-columns: auto auto auto auto;
        row-gap:30px;
    }
}


@media screen and (max-width:850px){
    .product_categories_bond {
        grid-template-columns: auto auto auto;
        row-gap:30px;
    }

    .product_categories_bond {
        width: 100%;
        /*background:blue;*/
    }

    .product_category_item {

        width: 100%;
    }

    .product_categories{
        padding-top:30px;
    }
}




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

    .product_categories_bond {
        grid-template-columns: auto auto;
        row-gap:10px;
        column-gap:10px;

    }


    .product_category_text_bond{
        font-size:22px;
    }

}
/*End of product categories section */















/* Beginning of Best offers section */

.best_offer_container{
    width:100%;

    box-sizing: border-box;
    height:auto;
    /*border:10px solid brown;*/
    padding:80px 0;
    display:flex;
    justify-content: center;
    align-items: center;
    /*display: none;*/
}

.best_offer_center{
    width:90%;
    max-width: 1500px;
    height:auto;
    /*background:lavender;*/
}

.best_offer_title_bond{
    width:90%;
    height:60px;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 28px;
}

.best_offer_bond{
    display:grid;
    grid-template-columns: auto auto auto auto auto;
    column-gap:30px;
    row-gap: 30px;
    /*overflow:scroll;*/
    width:100%;
    height: auto;
    /*border:2px solid black;*/

}

.best_offer_products{
    width:280px;
  
    height:auto;
    /*background: #edebeb;*/
    border-radius:10px;
    display:flex;
    flex-direction:column;
    align-items: center;
    row-gap:10px;
    background: white;
    padding:20px 0;
    overflow: hidden;
}

.product_image{
    width:98%;
    height:100%;
    max-height:160px;
    /*background:blue;*/
    display:flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 5px;
}

.product_image img{
    width:100%;
    height:100%;
    max-height:150px;
    

}
.stars_ratings_icon{
    display:flex;
    column-gap:5px;
}
.stars_ratings_icon img{
    width:15px;
}

.pr_details{
    width:92%;
    height:auto;
    /*background:purple;*/
    padding:3px 0;
    display: flex;
    align-items: center;

}

.in_stock{
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 5px;
}

.not_available{
  display:none;
}

.in_stock_icon{
    /*color:red;*/
}

.in_stock_wd{
    font-weight:550;
    font-size:14px;
}

.product_sub_name{
    font-size:14px;
    color: #807f7f;
    font-weight:550;
}

.product_name{
    font-size:14px;
    font-weight: bold;

    text-align: left;
    line-height: 20px;
    height: 30px;


}

.product_name_link{
    text-decoration: none;

}
.product_name_link:active{
    color:black;
}

.product_price_amount_bond{
    display:flex;
    align-items: center;
    column-gap: 5px;
}

.product_price{
    font-size:14px;
    font-weight: 550;
    letter-spacing: 0.5px;
    color:var(--button-color);
}

.product_currency_symbol{
    width:18px;
    height:28px;
    /*background:red;*/
    display:flex;
    align-items: center;
    justify-content: center;
    font-size:18px;
}

.pr_add_to_cart_bond{
    width:99%;
    height: 40px;
    background:var(--button-color);
    border-radius: 7px;
    display:flex;
    align-items: center;
    justify-content: center;
    color:white;
    font-size:14px;
    letter-spacing: 0.5px;
    font-weight: 550;
    cursor: pointer;
}

.disabled_btn{
    cursor:not-allowed;
    background:gray;
    pointer-events: none; /*prevents click */
    opacity:0.6;
}




.add_cart_active:active{
    color:white;
}

.pr_add_to_cart_bond a:active{
    color: white;
}
.pr_add_to_cart_bond a{
    color:white !important;
    text-decoration:none;
}

.pr_add_to_cart_bond:hover {

background:var(--button-hover-color);
}


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

    .best_offer_bond {
        display: grid;
        grid-template-columns: auto auto auto auto auto;
        column-gap: 10px;
        row-gap: 20px;
      
    }

    .best_offer_products{
           width:100%;
           max-width:240px;
        }

        .product_sub_name{
            height:40px;
        }
}




@media screen and (max-width: 1150px){
    .best_offer_bond {
        grid-template-columns: auto auto auto auto;
        row-gap:30px;

    }

     .best_offer_products{
        width:100%;
        max-width:280px;
        }

        .product_image img{
            width:100%;
            max-width:250px;
        }
}


@media screen and (max-width: 1050px){
    .best_offer_bond {
        grid-template-columns: auto auto auto;

    }


}



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

    .best_offer_container {
        padding-top: 30px;
    }


    .best_offer_title_bond{

        font-size: 20px;
    }

}


@media screen and (max-width: 750px){
    .best_offer_bond {
        grid-template-columns: auto auto;

    }

    .best_offer_container{
        padding-top:20px;
    }
}



@media screen and (max-width: 600px){
    .best_offer_bond {
        grid-template-columns: auto auto;
        column-gap: 10px;
        row-gap: 20px;

    }


    .best_offer_container {
        padding-top: 30px;
        padding-bottom:50px;
    }

    .product_image{
        height:150px;
    }

       .product_image{
        height:190px;
    }

    .product_name{
        font-size:13px;
        text-align: left;
        line-height: 15px;
    }



    .product_sub_name{
        font-size:12px;
        line-height: 15px;
    }

    .product_price{
        font-size:13px;
    }

    .product_price_amount_bond{
        column-gap: 0px;
    }

    .product_currency_symbol{
        font-size:14px;
    }

    .stars_ratings_icon img{
        width:12px;
    }

    .best_offer_products{
        row-gap:5px;
    }

    .in_stock_icon, .in_stock_wd{
        font-size:13px;
    }

    .pr_add_to_cart_bond{
        font-size:13px;
        padding:1px 0;
    }


    .best_offer_title_bond{

        font-size: 18px;
    }
}



@media screen and (max-width: 500px) {
    .best_offer_title_bond{

        font-size: 16px;
    }
    .product_image img{
        height:140px;
    }

 


}





/* End of Best offers section */