
body{

}


/* Beginning of Product description */

.product_description_container{
    width:100%;
    height:auto;
    /*border:10px solid green;*/
    box-sizing: border-box;
    display: flex;
    /*align-items: center;*/
    justify-content: center;
}


.product_description_bond{
    width:90%;
    max-width: 1700px;
    height:auto;
    margin:20px 0;
    /*border:20px solid gold;*/
    column-gap: 20px;
    row-gap: 20px;
    display:flex;
    padding: 50px 0;
    /*position: absolute;*/

}

.product_des_left{
    width:50%;
    height:600px;
    /* background:blue; */
    display: flex;
    justify-content: flex-end;
    /*position: fixed;*/

}

.imgfix{
    /*position: relative;*/
    /*display:none;*/
    /*width: 80%;*/
    width:80vh;
     height:500px;

    /*border:3px solid red;*/
}

.imgfix.active{
    height:500px;
    position:fixed;
}

.product_des_left img{
    width:90%;
    height:100%;
    margin-top:40px;
}

.product_title{
    font-size:28px;
    font-weight:bold;
    letter-spacing: 0.5px;
}

.capacity_container{
    width:100%;
    height:auto;
    /* border:3px solid red; */
    margin-top:15px;
    margin-bottom:4px;
}

.capacity_container_title{
    display:flex;
    column-gap: 7px;
}

.selected_capacity{
    font-weight:bold;
    font-size:18px;
    margin-bottom:10px;
}

.capacity_bond{
    display:grid;
    grid-template-columns: auto auto auto auto;
    width:0%;
    column-gap:10px;
    row-gap:0px;
  
}

.capacity_groups{
    width:120px;
    height:120px;
    border:2px solid grey;
    border-radius:10px;
    display:flex;
    flex-direction: column;
    align-items: center;
    row-gap: 5px;
   
}

input{
    cursor:pointer;
}

.capacity_groups:hover{
    border:2px solid var(--button-color);
}

.capacity_rating_top{
    width:90%;
    height:auto;
    padding:5px 0;
    border-bottom:1px solid grey;
    margin-top:5px;
    text-align: center;
    font-weight:bold;
    letter-spacing: 0.5px;

}

.capacity_rating_bottom{
    width:90%;
    height:auto;
    padding:5px 0;
    /* border:1px solid rgb(10, 73, 232); */
}

.capacity_check_box{
    width:90%;
    height:30px;
    /* border:1px solid red; */
    display:flex;
    justify-content: center;
}

.capacity_check_box.active input{
    input[type='radio']:checked{
        color:green;
    }
}

.warranty_delivery_bond{
    width:95%;
    height:auto;
    padding:10px 0;
    border:2px solid grey;
    border-radius: 5px;
    display:flex;
    row-gap:0px;
    column-gap: 5px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.warranty_bond, .policy_bond{
    width:95%;
    height: 40px;
    /*background:blue;*/
    display:flex;
}

.w_d_left{
    width:80%;
    height:inherit;
    /*background:yellow;*/
    display:flex;
    align-items: center;
    /*justify-content: center;*/
}

.w_d_icon{
    width:35px;
    height: inherit;
    /*background:red;*/
    display:flex;
    align-items: center;
}

.w_d_icon img{
    width:20px;
}

.w_d_text{
    width:250px;
    height:inherit;
    /*background:purple;*/
    display: flex;
    align-items: center;
    font-weight: 550;
}

.w_d_right{
    width:20%;
    height:inherit;
    /*background:grey;*/
    color:#1066ea;
    font-weight: 550;
    font-style: italic;
    display:flex;
    justify-content: center;
    align-items: center;
    font-size:14px;
    cursor:pointer;
}

.w_d_right:hover{
    color: #669ef3;
}





.product_des_right{

    width:50%;
    height:auto;
    /* background:purple; */
    line-height: 25px;

}

p, li{
    color:var(--text_color);
}


.product_description_db{
    margin-top:-10px;
}

.buy_cart_bond{
    width:99%;
    height:170px;
    /*background:blue;*/
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    column-gap: 20px;
    row-gap:10px;
}

.set_price{
    width:100%;
    height:60px;
    /*border:2px solid red;*/
    display:flex;
    align-items: center;
    /*justify-content: center;*/
}

.currency_icon{
    width:25px;
    height:50px;
    /*background:red;*/
    color:gold;
    font-size:28px;
    font-weight: 550;
    display:flex;
    align-items: center;
    letter-spacing: 0.5px;
}

.main_price{
    width:80%;
    height:50px;
    /*background:green;*/
    color:gold;
    font-size:28px;
    font-weight: 550;
    display:flex;
    align-items: center;
    letter-spacing: 1px;
}


.buy_now_bond{
    width:100%;
    height:60px;
    /*border:2px solid red;*/
    display:flex;
    align-items: center;
    row-gap: 20px;
    column-gap: 17px;

}

.cart_increment_sec{
    width:auto;
    height: 50px;
    /*background:red;*/
    display:flex;

}

.reduction_btn{
    width:30px;
    height: 45px;
    border:0.5px solid #a6a4a4;
    display:flex;
    align-items: center;
    justify-content: center;
    font-size:28px;
    color:grey;

    cursor:pointer;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    transition: all 0.1s ease-in-out;
}

.reduction_btn:hover{
    background:gold;
    border:0.5px solid gold;
    color:white;
    transition: all 0.1s ease-in-out;
}


.reduction_addition_value{
    width:30px;
    height: 45px;
    border:0.5px solid #a6a4a4;
    display:flex;
    align-items: center;
    justify-content: center;
    font-size:15px;
    font-weight: 550;
    color:grey;
    border-right:none;
    border-left:none;
}

.addition_btn{
    width:30px;
    height: 45px;
    border:0.5px solid #a6a4a4;
    display:flex;
    align-items: center;
    justify-content: center;
    font-size:20px;
    color:grey;
    cursor:pointer;

    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}


.addition_btn:hover{
    background:gold;
    border:0.5px solid gold;
    color:white;
    transition: all 0.1s ease-in-out;
}




.add_to_cart_btn{
    width:35%;
    height:45px;
    background:gold;
    color:white;
    display:flex;
    justify-content: center;
    align-items: center;
    font-size:14px;
    font-weight: 550;
    letter-spacing: 0.5px;
    border-radius: 7px;
    border:0.5px solid gold;
    cursor:pointer;
}

.add_to_cart_btn:hover{
    background: #efca06;

}


.buy_now_btn{
    width:35%;
    height:45px;
    background:black;
    color:white;
    display:flex;
    justify-content: center;
    align-items: center;
    font-size:14px;
    font-weight: 550;
    letter-spacing: 0.5px;
    border-radius:7px;
    border:0.5px solid black;
    cursor:pointer;
}

.buy_now_btn:hover{
    background: #272727;
}

.buy_now_link{
    color:white;
    text-decoration:none;
}






/* ===== Mobile section of product description ======= */

@media screen and (max-width: 1000px){
    .product_description_bond{
        flex-direction: column;
    }
    .product_des_left{
        width:100%;
    }

    .product_des_right{
        width:100%;
    }
}


@media screen and (max-width: 800px){
    .product_title{
        font-size:20px;
    }

    p, ul, .w_d_text{
        font-size:15px;
    }

    h3{
        font-size:18px;
    }

    .currency_icon, .main_price{
        font-size:22px;
    }


}




@media screen and (max-width: 620px){
    .product_title{
        font-size:18px;
        width: 100%;

    }

    p, ul, .w_d_text{
        font-size:14px;
    }

    h3{
        font-size:16px;
    }

    .currency_icon, .main_price{
        font-size:18px;
    }

    .product_description_bond{
        row-gap: 20px;

    }

    .product_des_left {
        height:auto;
        align-items: center;
        justify-content: center;

        /*background: purple;*/
        padding:20px 0;


    }

    .imgfix img{
        height: 350px;
        margin-top:0px;



    }

    .imgfix{
        /*background:red;*/
        display: flex;
        /*align-items: center;*/
        justify-content: center;
        height:auto;
        padding:10px 0;



    }





    @media screen and (max-width: 450px){
        .product_title{
            font-size:16px;
            width: 100%;

        }

        p, ul, .w_d_text{
            font-size:13px;
        }

        h3{
            font-size:15px;
        }

        .currency_icon, .main_price{
            font-size:16px;
        }

        .product_description_bond{
            row-gap: 20px;

        }

        .product_des_left {
            height:auto;
            align-items: center;
            justify-content: center;

            /*background: purple;*/
            padding:20px 0;


        }

        .imgfix img{
            height: 350px;
            margin-top:0px;



        }

        .imgfix{
            /*background:red;*/
            display: flex;
            /*align-items: center;*/
            justify-content: center;
            height:auto;
            padding:10px 0;



        }


        .w_d_icon{
            width:43px;
        }

        .w_d_left{
            /*background: red;*/
            width:65%;

        }

        .w_d_right{
            width:35%;
            font-size: 13px;
        }
    }



    @media screen and (max-width: 420px) {
        .buy_now_bond{
            column-gap: 10px;
        }
        .cart_increment_sec{
            width:30%;
        }

        .add_to_cart_btn, .buy_now_btn{
            width:35%;
            font-size:13px;
        }
    }










}










/* End of Product description */


















/* Beginning of Best offers section */



.best_offer_container{
    width:100%;
    background:#f1f1f6;

    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;
}

.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;
    /*background:red;*/
    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_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 */




























