body{
    background-color: #F1F2F4;
}

*{
    margin:0px;
    padding:0px;
    font-family: Arial, Helvetica, sans-serif;
}

.header{
    display:grid;
    grid-template-columns: 15% 40% auto;
    padding:1rem;
    background-color:#fff;
}

.head_input{
    width:100%;
    border-radius: 8px;
    border: 0px;
    background-color: #f0f5ff;
    font-size: 1.3rem;
    padding:6px;
}

.head_input_two{
    width:75%;
    background-color: #fff;
    border:0px;
    font-size: 1.1rem;
    padding:0.5rem;
    margin-left: 1rem;
}

.head_right{
    display:grid;
    grid-template-columns: 25% auto 40% auto;
}

.head_right_center{
    display:flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}

.img_margin{
    margin-right: 10px;
}

.cat_display{
    display:grid;
    grid-template-columns: repeat(9,auto);
    background-color:#fff;
    padding: 1rem 2rem;
    margin:0.5rem 1rem;
    font-size: 1.1rem;
    font-weight: 500;
    text-align: center;
    text-transform: capitalize;
    /* background-color: red; */
}

.anchor_tags{
    text-decoration: none;
    color:#000;
}

.noname{
    height:350px;
}

.electronics_div{
    display: grid;
    grid-template-columns: repeat(6,auto);
    background-color: #fff;
    padding:1rem 0 0 0 ;
    margin:0.5rem 1rem;
    font-size: 1.1rem;
    font-weight: 600;
    

}

.products_div{
    background-color: #fff;
    margin:0.5rem 1rem;
    padding:1rem 2rem;
}

.anchor_tag{
    text-decoration: none;
    color:#000;
}
.noname{
    text-align:center ;
}


.img_div{
    width:100%;
    
}

.name_div{
    font-size: 0.9rem;
    font-weight: 100;
    padding:1rem 0 0 0;
    /* display:flex; */
    align-items: center;
}

.price_div{
    font-weight: 600;
    font-size: 1rem;
}

.img_one{
    width:60%;
}

.detail_div{
    display:grid;
    grid-template-columns: 35% auto;
    background-color: #fff;
    padding-bottom: 2rem;
}


.abc div{
    padding: 10px;
    margin: 10px 10px 20px 10px;
}
.pro_img_div{
    padding: 2rem;
    background-color: #fff;
    
}
.pro_img_div img{
width: 100%;

}
.detail_img{
    width:100%;
    margin:auto;
}

.p_detail_name{
    font-weight: 100;
}

.p_detail_description{
    font-size: 1.5rem;
}

.add_to_cart{
    text-decoration: none;
    color:white;
    background-color: #FF9F00;
    font-size: 1.1rem;
    font-weight: 600;
    padding:1rem 2rem;
    border-radius: 3px;
    border:0px;
}

.add_to_cart_two{
    text-decoration: none;
    color:white;
    background-color: #FB641B;
    font-size: 1.1rem;
    font-weight: 600;
    padding:1rem 3rem;
    border-radius: 3px;
    margin-left: 0.5rem;
}

.cart_two_div{
    margin:0.5rem 0 0 0;
}

.change_my_color{
    
}


.button_div{
    display:flex;
    margin:2rem 0 0 0 ;
    justify-content: center;
}

.footer_display{
    display:grid;
    grid-template-columns: repeat(6,auto);
    background-color: #fff;
    margin:1rem 0 0 0;
    padding:10px;
    /* background-color: red; */
}

.img_div_two{
    padding:10px;
    width:90%;
    height:135px;

}

.img_div_two_pro{
    width:75%;
}

.img_div_two_pro_div{
    height:230px;
}

.footer_price{
    font-weight: 600;
    padding:0.5rem;
    text-align: center;
    /* background-color:red; */
}

.footer_name{
    padding:1.5rem 0 0  0; 
    text-align: center;
    /* background-color:green; */

}

.banner_div{
    display:grid;
    grid-template-columns: 35% auto;
    /* background-color: #fff; */
    margin:0.5rem 1rem;
}

.banner_div_left{
    display:grid;
    grid-template-columns: auto auto;
   padding:0 0.5rem;
   background-color: #fff;
   
}

.banner_div_left>div{
    border:1px solid #b8a7a7;
    margin:4px;
    border-radius: 3px;
}

.banner_left_head{
    padding:1rem  1rem;
    font-size: 1.3rem;
    font-weight: 600;
    background-color: #fff;
}

.banner_div_left_img{
    width:50% ;
    display:flex;
    margin:auto;
    margin-top: 1rem;
   margin-bottom: 1rem;
}

.banner_img_div{
    height:150px;
}

.banner_name{
    font-size: 1.1rem;
    font-weight:bold;
    padding-left:0.5rem;
}

.banner_price{
    padding:8px 0 8px 8px;
    font-size: 1.2rem;
    color:#507B4D;
    font-weight: 700;
}

.banner_right{
    background-color: #DEE3DF;
    margin-left: 1rem;
    display:grid;
    grid-template-rows: 45% auto;
    
    /* height:200px; */
}

.banner_mobile{
    /* width:60%; */
    /* margin:auto; */
}

.footer{
    display:flex;
    justify-content: space-evenly;
    background-color: #212121;
    padding:1.5rem 0;
    color:white;
}

.footer_anchor{
    text-decoration: none;
    color:white;
}

.anchor_style{
    text-decoration: none;
    color:black;
}

.cat_id_g{
    display: grid;
    grid-template-columns: 20% auto;
}

.cat_show{
    display:grid;
    grid-template-columns: 30% 50% auto;
    background-color: white;
    border-bottom: 1px solid black;
    margin:0.3rem 1rem 0.5rem 0;
}

.cat_left{
    margin:0.3rem 1rem 0.3rem 1rem;
    background-color:#fff;
}

.cat_name{
    font-size: 1.3rem;
    font-weight: 600;
    padding:1rem;
}

.cat_price{
    font-size: 1.7rem;
    font-weight: 600;
    padding:1rem;
    
}

.cat_description{
    padding-left: 1rem;
}

.cat_img{
   width:85%;
   padding:1rem;
}

.pro_img_div{
    height:170px;
}

.pro_img_div_two{
padding:1rem;
}

.pro_img_div_img{
    width:85%;
}

.banner_right_top{
    position:relative;
}

.banner_right_top_child{
    position:absolute;
    background-color: yellow;
}

.banner_right_inside{
    width:70%;
    margin:auto;
}

.banner_heading{
    font-size: 2.3rem;
    font-weight: 700;
    /* background-color: red; */
    padding:1rem 0;
}

.banner_paragraph{
    font-size: 1.1rem;
    font-weight: 500;
    padding:0  0 1rem 0;
}

.banner_img{
    padding: 1.5rem 0;
}

.anchor_top{
    text-decoration: none;
    color:#000;
}

.cat_left_filters{
    font-size: 1.2rem;
    font-weight: 600;
    padding:1rem 0.5rem;
    /* border-bottom: 1px solid black; */
}

.cat_left_heading{
    font-size: 0.9rem;
    font-weight: 500;
    padding:0.5rem;
    border-bottom: 1px solid black;
}

.cat_left_list{
    padding:0.5rem;
    border-bottom: 1px solid black;
    text-transform: capitalize;
}

.design_head{
    display:grid;
    grid-template-columns: 20% 50% auto;
    background-color: #2873F0;
    padding:10px;
}

.f_logo_two{
    text-align: right;
}

.header_two_right{
    color:#fff;
    font-size: 1.1rem;
    font-weight: 600;
    display:flex;
    justify-content: center;
    align-items: center;
}

.design_content{
    display:grid;
    grid-template-columns: 75% auto;
    width:85%;
    margin:auto;
}

.design_content_address{
    display:grid;
    grid-template-columns: auto 40%;
    background-color: #fff;
    margin:1rem;
    border:1px solid #EAEBEE;
    height:70px;
}

.p_padding{
    padding:10px 0 5px 10px;
    font-size: 0.9rem;
}

.design_content_left{
    background-color: #fff;
    margin-top:1rem;
    height:250px;
   
   
}

.design_content_left>div{
    padding:10px 0 0 10px;
}

.design_content_left_pdetails{
    display:grid;
    grid-template-columns: 60% auto;
    font-size: 0.9rem;
}

.pdetails_padding_right{
    padding-right: 10px;
    text-align: right;
}

.pdetails_padding_right_two{
    color:green;
}

.address_home_anchor{
    padding:5px;
    background-color: #F1F2F4;
    text-decoration: none;
    color:#7C7D81;
}

.address_home_change_button{
    text-decoration: none;
    color:#2873F0;
    background-color: #fff;
    border:2px solid #f2f3f7;
    /* padding:10px; */
    padding:10px;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 5px;
    
    

}

.address_home_change_div{
    padding:25px 10px;
    text-align: right;
}

.price_details{
    color:#8B8B8B;
    font-weight: 600;
    border-bottom:1px solid #8b8b8b;
    /* background-color: red; */
   
}

.padding_bottom{
    padding-bottom: 10px;
}

.border_top_bottom{
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    
}

.design_div_three{
    margin-top: 1rem;
    margin-right: 1rem;
    /* margin-right:1rem; */
    background-color: #fff;
    width:96%;
    margin: auto;
    display:grid;
    grid-template-columns: 20% 40% auto;
    border-bottom: 1px solid black;
    padding:1rem 0;
    /* height:400px; */
        
    
}

.img_div_two{
    width:80%;
}

.design_div_three_name{
    font-size: 1.2rem;
}

.design_div_three_box_two{
    display:grid;
    grid-template-rows: 45% 35% auto;
}

.design_div_three_price{
    font-size: 1.3rem;
    font-weight: 600;
}

.design_div_three_remove{
    font-size: 1rem;
    font-weight: 600;
    background-color: red;
    color:#fff;
    padding:0.5rem 1rem;
}

.cart_del{
    padding:10px ;
    background-color: #FFE0E3;
    color:#FF4858;
    font-size: 1.2rem;
    font-weight: 600;
    width:82%;
    text-align: center;
    margin:auto;
    border-left: 8px solid #ff4858;
    border-radius: 5px;
}

.cart_added{
    padding:10px;
    background-color:#C3F3D7;
    color:#2FD573;
    font-size: 1.2rem;
    font-weight: 600;
    width:82%;
    text-align: center;
    margin:auto;
    border-left: 8px solid #2fd573;
    border-radius: 5px;
}

.add_to_cart_margin{
    margin-top:-8px;
    
}

.design_div_three_placeorder{
    background-color: #fff;
    text-align: right;
    box-shadow: 0px -5px 5px 0px #e3e5e9 ;
    width:92%;
    margin: auto;
    padding:1rem;
    color:#fff;
    /* position: relative; */
    margin-bottom: 2rem;
    margin-top: -1px;
    
}

.design_div_three_placeorder_box{
    /* display:flex; */
    /* justify-content: right; */
    /* align-items: right; */
    background-color: #FB641B;
    /* position:absolute; */
    /* right:10px; */
    font-weight: 600;
    font-size: 1rem;
    padding:1rem 4rem;
   
    /* margin: auto; */
    
}

.address_submit_button{
    background-color: #fb641b;
    font-size: 0.9rem;
    font-weight: 600;
    color:#fff;
    border:0px;
    padding:1rem 2rem;
    margin: 1rem 0;
}

.design_div_three_placeorder_div{
    padding:1rem;
}

.anchor_tags_placeorder{
    text-decoration: none;
    color:#fff;
}

.login_div{
    width:50%;
    background-color: #fff;
    margin:2rem auto;

    display:grid;
    grid-template-columns: 40% auto;
}

.login_div_left{
    background-color: #2874F0;
    color:#fff;
    padding:3rem 2rem;
}

.login_div_left_paragraph{
    font-size: 1.2rem;
    margin-top: 1rem;
    color:#D0DBDB;
}

.login_div_right{
    padding:3rem 2rem;
}

.login_div_right_label{
    font-size: 0.9rem;
    color:#878787;
}



.login_div_right_input{
    border:0px;
    border-bottom: 2px solid #2874F0;
    width:100%;
    padding:5px;
    font-size: 1.1rem;
}

.login_div_right_input_margin{
    margin-top: 1rem;
}

.login_div_right_submit{
    background-color: #FB641B;
    padding:1rem;
    color:#fff;
    font-weight: 600;
    font-size: 1.1rem;
    border:0px;
    width:100%;
    border-radius: 3px;
}

.head_input_div{
    /* background-color: #000; */
    padding:4px;
}

.address_parent{
    display:grid;
    grid-template-columns: 38% auto;
    padding:1rem 0 0 4rem;
}

.main_div_address_parent{
    background-color: #F5FAFE;
   margin:1rem;
   
    
}

.delivery_address{
    background-color: #2874F0;
    color:#fff;
    padding:14px 0px 14px 4rem;
}

.address_parent_left_box{
    padding:1rem;
    width:100%;
    border:1px solid rgb(190, 182, 182);
}

.address_parent_right_box{
    padding:1rem;
    margin:0 0 0.5rem 0.5rem;
    width:60%;
    border:1px solid rgb(190, 182, 182);
}

.thankyou_div{
    margin:5rem 33rem;
}