* {
        padding: 0px;
        margin: 0px;
        box-sizing: border-box;
        cursor: pointer;
    }
    body{
        overflow-x: hidden;
       
    }
    header{
        width: 100%;
        background-color: #344959;
        padding: 0px 10px;
     position: fixed;
     z-index: 1;
   
   
    }
    .tolbar{
       
        padding: 10px 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
         border-bottom: 1px solid #fcfcfb;

    }
    .tolbar .logo{
        width: 30%;
        color: #f2f2f6;
        font-size: 1.5em;
       font-weight: bold;
       text-decoration: none;
   
       display: flex;
   

    }
    .tolbar .logo i{
margin-left: 8px;
    }
    .talkus{
        width: 40%;
        display: flex;
         color: #f2f2f6;
        font-size: 1.3em;
       font-weight: bold; 
 
       padding: 10px 20px;
       border-radius: 20px;
       justify-content: center;
       align-items: center;
    
    }
  
   .talkus .fa-phone{
    margin-right: 10px;
   }
    .flag-img{
        width: 30%;
        text-align: center;
     

    }
    .header-1{
        display: flex;
        justify-content: space-between;
        padding: 10px 25px;
      
    }
    .market-bairent{
        width: 25%;
        display: flex;
        justify-content: space-around;
        color: #f2f0f0;
      
        align-items: center;
    }
     .market{
          display: flex;
        color: #eeedf0;
        gap: 10px;
         font-size: 1.1em;
         text-decoration: none;
    }
        .nomer{
        width: 15px;
        height: 15px;
        font-size: 12px;
        background-color: #f36464;
        border-radius: 50%;
        text-align: center;
        color: #fdfdfd;
        position: relative;       
        top: -10px;
        right: 130px;
        font-weight: bold;
    }
    .market p{
        color: #fefefe;
        padding-left: 3px;
    }
    .sign_in a{
        display: flex;
        color: #eeedf0;
        gap: 10px;
         font-size: 1.1em;
         text-decoration: none;
    }
    .box_search{
 display: flex;
 justify-content: center;
  

    }
 
      .header-1 .search{  
       height: 55px;
       display: flex;         
       align-items: center;
       justify-content: center;
 
       width: 300px;
    
        
     
    } 
    .header-1 .search button{
        outline: none;
        border: none;
        background-color: #06874b;
        padding: 8px 20px;
        margin-top: 5px;
   
        color: #f9f9f9;
       font-weight: bold;
    }

     .header-1 .search input{
        flex: 1;
        border: none;
        outline: none;
           padding: 8px 20px;
    
      
      
      
     }
     .header-1 .head-list{
        display: flex;
        justify-content: center;
    
        align-items: center;


     }
     .header-1 .head-list a{
        color: #f3efef;
        text-decoration: none;
        padding: 10px 18px;
        font-weight: bold;
     }
     .active{
        background-color: #980707;
     }
     




.main{
    background-color: #344959;
    width: 120px;
    height: 50px;  
    position: fixed; 
    right: 10px;

    top: 180px;  
    
     z-index: 1;
 
}


#check{
  display: none;  
}


.main .sidebar{
position: absolute;
    width: 180px;
height: 100vh;

    top: 0px;
    background-color: #4a6980;
    overflow: hidden;
    right: 0px;
    right: -180px;
    transition: all .5s linear;
 
   }

.sidebar .menu{
    position: absolute;
    top: 50px;
    width: 100%;
    direction: rtl;
 
  
}

.main .btnOne i{
    color: #feffff;
    font-size: 1.7em;

    position: absolute;
    top: 10px;
    opacity: 1;
    transition: all .5s linear;
    right: 70px;
  
}
.main p{
 margin-left: 60px;
 color: #f6f3f3;
 font-weight: bold;


}
main .btnOne i:hover{

}
.sidebar .btnTwo{
    font-size: 30px;
    position: absolute;
    right: 120px;
    opacity: 1;
    font-size: 40px;
    color: #ffffff;
}
#check:checked~.sidebar {
  right: 0;
}
#check:checked~.btnOne i {
opacity: 0;
}

#check:checked~.sidebar .btnTwo i {
opacity: 1;
}
.sidebar .menu ul{
    list-style: none;
}
.sidebar .menu ul li{
   width: 90%;
  
}
.sidebar .menu ul li a{
    text-decoration: none;
    color: #f3efef;
 
    display: block;
     padding: 10px 15px;
     font-weight: bold;
}
.sidebar .menu ul li a:hover{
  background-color: #7694a9;
}


            
 
     /** footerبداية**/
    .footer{   
        width: 100%;
    
        background-color: #2e4150; 
        padding: 80px 30px;       
    } 
   
    .lists{ 
        display: flex;
        background-color: #344959;          
        padding: 20px 0px; 
        justify-content: space-around;
    }
   
    .footer-list-1 p{
        color: #ffffff;
        font-size: 1.1em;     
    } 
  
    hr{
        width: 150px;
        margin-top: 10px;
    }
    .footer-list-1 li{
        list-style-type: circle;
        color: #d4d3d3;   
    }
    .footer-list-1 li a{
        color: #d4d2d2;
        font-size: 18px;
        line-height: 35px;
        text-decoration: none ;
        font-weight: lighter
    }
    .footer-list-1 li a:hover{
        color: #b6b5b5;     
    }
    .footer-list-2 p{
        color: #ffffff;
        font-size: 1.1em;
        width: 150px;    
    } 
    .footer-list-2 li{
        list-style-type: circle;
        color: #d4d3d3;   
    }
    .footer-list-2 li a{
        color: #d4d2d2;
        font-size: 18px;
        line-height: 35px;
        text-decoration: none ;
        font-weight: lighter
    }
    .footer-list-2 li a:hover{
        color: #b6b5b5;   
    }
    .footer-list-3 p{
        color: #ffffff;
        font-size: 1.1em;
        width: 150px;    
    } 
    .footer-list-3 li{
        list-style-type: circle;
        color: #d4d3d3;   
    }
    .footer-list-3 li a{
        color: #d4d2d2;
        font-size: 18px;
        line-height: 35px;
        text-decoration: none ;
        font-weight: lighter

    }
    .footer-list-3 li a:hover{
        color: #b6b5b5;    
    }
    .footer .Payment{
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 25px;   
    }

    .footer .Payment img{   
        width: 80px;
        height: 20px;
        margin-left: 50px;
    }

/* footer  نهاية */
/*بداية صفحةأتصل بنا */
.Contact_us_container{
    width: 100%;
  height: auto;
    padding-top: 160px;
   
}
.Contact_us_container_con{
    width: 50%;
    height: 95%;

    margin: auto;
    padding: 15px;     
    border-radius: 25px;
   box-shadow: 10px 10px 20px #3c3c3c,
    -10px -10px 20px #505050;
   border: 1px solid #505050;
   margin-top: 15px;
   margin-bottom: 20px;

}
.Contact_us_container_con_title{
   
    color: #000000;

}
.Contact_us_container_con_title h3{
    text-align: center;
    font-weight: 300;
    line-height: 22px;
    font-weight: bold;
    margin-bottom: 2px;
    color: #a81414;

}
.Contact_us_container_con_title p{
    text-align: center;
    line-height: 25px;
    font-size: 1.3em;
    color: #940606;
    font-weight: bold;

}
.Contact_form{
    width: 100%;
    height: 75%;
 
    text-align: start;
    padding: 5px;

   
 

}
.Contact_form_data-1{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.Contact_form_data-1 input{
   flex-basis: 48%;
   padding:8px 30px;
   border: 1px solid #000;
}
.Contact_form_data{
  margin-top: 5px;

}
label{
    
    padding: 5px 8px; 
    font-size: 1.1em;
     cursor: text;


}
input{
    width: 90%;
    padding: 8px;
    margin-top: 5px;
    border: 1 solid #000;
    outline: 0;
    cursor: text;
      border: 1px solid #000;
}
textarea{
    width: auto;
    margin-top: 5px;
      outline: none;
      padding: 5px;
       cursor: text;
         border: 1px solid #000;
}
 button{
  
    outline: none;
padding: 0 35px;
    font-weight: bold;
    background-color: #c6ea88;
   
      border: none;
}




/*نهاية صفحةأتصل بنا */
/*بداية about us*/
.about_us{
    width: 100%; 
    padding-top: 150px;
}
.welcome{
    width: 500px;
   
    padding: 15px;
    text-align: center;
    margin: 20px auto;
   box-shadow: 10px 10px 25px #3c3c3c,
    -10px -10px 25px #626262;
    border-radius: 30px;
    line-height: 25px;
    font-size: 1.1em;
    font-weight: bold;
    border: 2px solid #000;     
}
.welcome p{
    background-color:#553203 ;
    color: #ffffff;
    width: 200px;
    margin: auto;
    padding: 8px 0px;
    border-radius: 30px;

}
.welcome h3{
   
    background-color: #553203;
    width: 300px; 
    margin: auto;
    padding: 2px;
    border: 1px solid #ecedee;
    border-radius: 25px;
    color: #f4f1f1;
}
.welcome h4{
    width: 300px; 
    background-color: #1966b3;   
    margin: auto;
    padding: 15px;
    border: 1px solid #ecedee;
    border-radius: 25px;
    color: #f4f1f1;
    margin-top: 3px;
    text-align: center;  
}


/*تهاية  about us*/
    /** homeبداية**/  
.home_container{
    width: 100%;    
  padding-top: 180px; 
}



   
  
.home_container .title{
    width: 300px;
  background-color: #344959;
    color: #efeef3;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    line-height: 25px;
    font-size: 1.3em;
    font-weight: bold;
    border-radius: 20px 20px 0 0;
}

    .home_container_con{
        width: 85%;
        margin: 0 auto;
        display: flex; 
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;    
        gap: 100px;  
        margin-top: 10px; 
        padding: 15px 0px;
    }
.advr{     
    margin: 0 auto;
    text-align: center;
    width: 90%;
}
.home_container_con .advr img{
    width: 80%;
    transition: .9s;
}
.home_container_con .advr img:hover{
  transform: scale(1.1);
}
.home_container_con_prod{
         width: 250px;
    text-align: center; 
    transition: 0.9s; 
}
.home_container_con_prod:hover{
 transform: scale(1.1);
 
}
.home_container_con_prod .img_logo img{
    width: 120px;
}
.prod_detals{
     margin-top: 15px;
    font-weight: bold;
}
.prod_price{
    margin-top: 10px;
    font-size: 1.4em;
    font-weight: bold;
    color: #f56363;
}
.parent_detals{
   background: #0f0f0f;
width: 175px;
padding: 7px 0px;
color: #f1ecec;
margin: 0 auto;
  
}
.home_container_con_prod-2{
width: 250px;
    text-align: center;
}
    /**homeنهاية**/  
    /* bult in cooker بداية */
    .bult_in_cooker_oven{
        width: 100%;    
        padding-top: 180px;
        padding-bottom: 20px;
    }
    .cooker_oven_title{
        width: 350px;
        padding:5px;
        border-radius: 15px;
        text-align: center;
        background-color: #344959;
        margin: auto;
        color: #f5f2f6;
        font-size: 18px;    
      line-height: 25px;
    }
    .bult-in_good{
        display: none;
    }
    .bult-in-all{
        width: 90%;
        display: flex;
        flex-wrap: wrap; 
        margin: 0 auto;
        margin-top: 30px;
        justify-content: center;
    }
    .bult-in-box{
        width: 220px;
        cursor: pointer;
        padding: 10px;
        text-align: center;
        margin-bottom: 70px;
        margin-right: 100px;
        margin-left: 100px; 
        position: relative; 
        transition: all .8s;
   
    }
    .bult-in-box:hover{
        transform: scale(1.2);
    }   
    .fa-handshake{
        color: #f6f6f6;
        font-size: 2em;  
    }
    .bult-in-stars{ 
        width: 80px;
        background: #e93f3f;
        color: #f5f2f2;
        position: absolute;
        left: 180px;
        top: 120px;
    }
    .bult-in-stars .fa-star{
        color: #eff3f0;
        font-size: 12px;
    }
    .blt-in_payment
    {
        display: none;
    }
    .bult-in-box:hover .blt-in_payment
    {
        margin-left: 80px;
        opacity: 1;
    }
    .bult-in_good{
        position: absolute;
        top: 210px; 
        right: 35px; 
    }
    .bult-in_logo{  
    }
    .bult-in_content{
    width: 200px;
    margin: 0px auto;
    }
    .bult-in_content p{
        font-weight: bold;
        width: 200px;
    }
    .bult-in_price{
        margin-top: 10px;
    }
    .bult-in_price h3{
        color: #f8f2f2;
        font-weight: bold;
        font-size: 1.5em;
        width: 200px;
        margin: 0px auto;
        padding: 5px;
        background: #030303;
        border-radius: 15px; 
    }
    .bult-in-box_by-now{
        display: none;
    }


    /* bult in cookerنهاية */  
    /*start cookers بداية*/
    .cookers{
        padding-top: 180px;
    }
    .cookers_title{
        width: 300px;
        padding: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        background-color: #344959;
        border-radius: 15px;   
        color: #f2eeee;
        font-size: 1.2em;
        font-weight: bold;
        line-height: 25px;
        text-align: center;
        border-radius: 30px 30px 0 0 ;
    }
        
    .cookers_title .fa-phone{
        margin-right: 20px;
        font-size: 25px;
        color: #f58484;
    }

    .cookers_all{
        width: 80%;
        display: flex;
        flex-wrap: wrap;
     
        margin: 20px auto;
        justify-content: center;

    }
    .cookers_box{
        width: 220px;
        padding: 10px;
        text-align: center;
        margin-bottom: 15px;
        margin-left: 50px;
        margin-right: 50px;
        transition:all .8s;
        margin-top: 25px;
      
    }
    .cookers_box:hover{
        background-color: #acacac;
        transform: scale(1.1);
    }
    .cookers_img{
        margin-bottom: 10px;
    }  
    .cookers_logo img{
        width: 125px;
    }
    .cookers_info{
        margin-top: 10px;  
        text-align: center; 
    }
    .cookers_info p{
        font-size: 16px;
        font-weight: bold;
    }  
    .cookers_price{
        margin-top: 10px;
        padding: 10px;
        background-color: #010101;
        width: 150px;
        border-radius: 15px;
        margin: 0 auto;
        margin-top: 10px;
    }
    .cookers_price h3{
        color: #f2efef;
        font-size: 1.3em;
    } 
   
    /*End cookers نهاية*/
    /*start electric heaters بداية سخانات مياه كهرباء*/
    .electric_heater{
         padding-top: 180px;
    }
    .electric_heater_title {
        width: 220px;
        background-color: #344959;
        padding: 5px 5px;
        margin: 0 auto;
        border-radius: 15px 15px 0 0;
        color: #fbfbfb;
        text-align: center;
        font-weight: bold;
        line-height: 25px;
    }
   
    .electric_heater_all {
        padding-top: 10px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
      
    }
    .electric_heater_section {
        width: 250px;   
        background-color: #f8fbf8;
        padding-top: 5px;
        text-align: center;
        padding-bottom: 5px;
        transition: all 0.7s;
        position: relative;
        margin: 40px 80px;
    } 
     .electric_heater_section:hover {
        transform: scale(1.2);

     }        
    .electric_heater_logo {  
        margin-top: 10px;
    }
    .electric_heater_information {
        margin-top: 10px;
        width: 220px; 
        padding: 5px 0px;
        bottom: 0px;   
        border-radius:15px;
        margin: 0 auto;
    }
    .electric_heater_information p {
        font-size: 18px;
        font-weight: 200;
        font-weight: bold;
        color: #030303;
    }
    .electric_heater_price {
        margin-top: 10px;    
    }
    .electric_heater_price h3 {
        color: #f1f1f1;
        font-weight: 300;   
        font-weight: bold;   
        background-color: #b60606;
        margin: 0 auto;
        width: 180px;
        padding: 10px 15px;
    }
    .electric_heater_love {
        position: absolute;
        left: 110px;
        top: 100px;
    }
    /*end electric heaters تهاية سخانات المياه الكهرباء*/
    /*start cas heaterبداية سخانات المياه*/
    .heaters {
         padding-top: 180px;
    }
    .heaters_title {
      
         width: 220px;
        background-color: #f3f3f4;
        padding: 5px 5px;
        margin: 0 auto;
        border-radius: 15px 15px 0 0;
        color: #000000;
        text-align: center;
        font-weight: bold;
        line-height: 25px;
        font-size: 1.1em;
        border: 2px solid #000;
        transition: .8s;
    }
    .heaters_title:hover {
        background-color: #1b0480;
        color: #f2eeee;
    }
    .heaters_all {
        padding-top: 20px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .heaters_section {
        width: 280px;   
        background-color: #f8fbf8;
        padding-top: 5px;
        text-align: center;
        padding-bottom: 5px;
        transition: all 0.7s;
        position: relative;
        margin: 40px 80px;      
    }
    .heaters_section:hover {
        transform: scale(1.1);
    }
    .heaters_addver {
        width: 150px;
        padding: 10px;
        font-size: 1.3em;
        color: #f2efef;
        text-align: center;
        background: #bf3f90;
        position: absolute;
        transform: rotate(-30deg);
        top: 10px;
        border-radius: 20px;
        opacity: 0;
        transition: all 0.9s;
    }
    .heaters_section:hover .heaters_addver {
        opacity: 1;
        }
    .heaters_section_img {
        width: 280px;
    }
    .heaters_section_logo_img {
        width: 280px;
        margin-top: 10px;
    }
    .add_car {
        width: 160px;
        margin: 0 auto;
        color: #f4f0f0;
        background-color: #000000;
        padding: 8px;
        font-size: 1.1em;
        border-radius: 15px;
    }
    .heaters_section_information {
        margin-top: 10px;
        width: 200px; 
        padding: 5px 0px;
        bottom: 0px;   
        border-radius:15px;
        margin: 0 auto;
    }
    .heaters_section_information p {
        font-size: 18px;
        font-weight: 200;
        font-weight: bold;
        color: #030303;
    }
    .heaters_section_price {
        margin-top: 10px;
    }
    .heaters_section_price h3 {
        color: #f1f1f1;
        font-weight: 300;   
        font-weight: bold;   
        background-color: #b60606;
        margin: 0 auto;
        width: 180px;
        padding: 10px 15px;
    }
    .heaters_section:hover {
    }
    .heaters_section:hover .heaters_section_information {
    }
    /*end gas waterنهاية سخانات المساه*/

    /*start perfum menبداية العطور الرجالى*/ 
    .perfum-men{
        width: 100%;
        padding-top: 180px;
    }
  
    .perfum-men_title {
      
         width: 220px;
        background-color: #344959;
        padding: 5px 5px;
        margin: 0 auto;
        margin: 0 auto;
        border-radius: 15px 15px 0 0;
        color: #f5f2f2;
        text-align: center;
        font-weight: bold;
        line-height: 25px;
        font-size: 1.1em;
        border: 2px solid #000;
        transition: .8s;
    }
     .perfum-men_title:hover {
        background-color: #3ba8a5;
        color: #103807;
    }
    .perfum-men .all{
        width: 90%;
        margin: 0 auto;
        margin-top: 25px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .perfum-men .all_boxs{
        width: 200px;
        border-radius: 20px 20px 0px 0px;  
        margin: 30px 80px;
        text-align: center;
        padding: 5px;  
        position: relative;
        transition: .8s;
    }
    .perfum-men .all_boxs:hover{
        border:4px solid #0660ba;
    }
    .img_perfum_men{
        width: 95%;
    }
    .img-good{
        color: #830606;
        font-size: 2.5em;
    }
    .img-good img{
        position: absolute;
        top: 10px;
        left: 125px;
        display: none;
  
      
    }
    .perfum-men .all_boxs:hover .img-good img{
        display: block;
    }
    .img_logo{
        width: 100%;
    }
    .img_logo img{
        width: 100%;
    }
    .img_hard{
        position: absolute;
        top: 20px;
        left: 140px;
        opacity: 0.7;
    }
    .boxs_info{
        margin-top: 10px; 
        padding: 10px 10px;
        border-radius: 15px 15px 0px 0px;
    
    }
    .boxs_info p{
        font-size: 20px;
        font-weight: bold;
    }
    .berfum_men_pr{
    }
    .box-men-perfum-price{
        width: 90%;
        margin: auto;
        padding: 2px 20px;
        color: #c71010;
        margin-top: 3px;
        padding: 10px 0px;
        border-radius: 18px;
        font-size: 22px;
        transition: 0.8s;
        font-weight: bold;
    }
    .perfum-men .all_boxs:hover .box-men-perfum-price  {
        background-color: #0660ba;
        color: #f0eeee;
    }
    .perfum-men .all_boxs:hover .boxs_info  {
        background-color: #0660ba;
        color: #f0eeee;
    }
    .boxs_info:hover p{
        color: #f0ebeb;
    }
   
    /*start perfum men نهاية  العطور الرجالى*/   
    /*start perfum women بداية العطور النسائى*/ 
    .Women-perfumes {
        width: 100%;
        padding-top: 170px;
    }
    .Women-perfumes_title{
       width: 300px;
        background-color: #f3f3f4;
        padding: 5px 5px;
        margin: 0 auto;
        margin: 0 auto;
        border-radius: 15px 15px 0 0;
        color: #000000;
        text-align: center;
        font-weight: bold;
        line-height: 25px;
        font-size: 1.1em;
        border: 2px solid #000;
        transition: .8s;
    }
      .Women-perfumes_title:hover {
        background-color: #3ba8a5;
        color: #513c02;
    }
    .Women-perfumes .all {
        width: 75%;
        margin: 0 auto;
        background-color: #f6f4f4;
        margin-top: 25px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .Women-perfumes .all .boxs {
        width: 200px;
        padding-top: 15px;       
        border-radius: 15px;
        background-color: #d1cfcf;
        transition: all 1s;
        display: flex;
        justify-content: center;
        position: relative;
        cursor: pointer;
      margin: 30px 100px;
    }
    .Women-perfumes .add-car {
        width: 2px;
        height: 40px;
        background: #0b0b0b;
        position: absolute;
        top: 70px;
        color: #f6f5fa;
        display: flex;
        justify-content: space-around;
        align-items: center;
        z-index: 1;
        border-radius: 30px;
        transition: all 1s;
        opacity: 0;
    }
    .Women-perfumes .boxs:hover .add-car {
        opacity: 1;
        width: 150px;
    }
    .Women-perfumes .all .boxs:hover .bac-img {
         opacity: 0;
    }
    .Women-perfumes .all .boxs:hover {
        background: url(../images/perfumes/2.png);
    }
    .Women-perfumes .boxs-info {
        border-radius: 15px;
        position: absolute;
        transition: 1s;
        width: 90%;
        bottom: 10;
        opacity: 0;
        text-align: center;
        padding: 0 7px;
    }
    .Women-perfumes .boxs-info h3 {
        font: 1.2em;
        color: #f8f6f6;
        padding-top: 5px;
        padding-bottom: 1px;
        font-weight: 600;
        color: #c1ed52;
    }
    .Women-perfumes .all .boxs:hover .boxs-info {
        opacity: 1;
        background: #000000;
        color: #ebf1f4;
        bottom: 12px;
    }
    .Women-perfumes .all .boxs .img {
        position: absolute;
        top: -1px;
        display: flex;
        justify-content: center;
        bottom: 2px;
        transition: all 1s;
    }
    .Women-perfumes .all .boxs:hover .img {
        top: -30px;
    }
    .boxs-info h2 {
        padding-top: 2px;
        color: #c1ed52;
    }
    .Women-perfumes .boxs-info p {
        font-weight: bold;
        font-size: 1.1em;
    }
    .Women-perfumes .all .boxs .img img {
        position: absolute;
        top: 0px;
    }
    .Women-perfumes .img-lov {
        position: absolute;
        left: 2px;
        top: 15px;
        width: 50px;
        height: 50px;
    }
    .Women-perfumes .img-hi {
        position: absolute;
        right: 10px;
        top: 10px;
    }
   
    /*End perfum women نهاية العطور النسائى*/ 
    /*start refregrator بداية قسم الثلاجات */
    .refregarators{
        width: 100%;
        padding-top: 170px;
    }
    .refregarators .title{
            width: 220px;
        background-color: #f3f3f4;
        padding: 5px 5px;
        margin: 0 auto;
        margin: 0 auto;
        border-radius: 15px 15px 0 0;
        color: #000000;
        text-align: center;
        font-weight: bold;
        line-height: 25px;
        font-size: 1.1em;
        border: 2px solid #000;
        transition: .8s;
    }
    .refregarators .title:hover{
   background-color: #3ba8a5;
        color: #103807;
    }
  
    .refre_all{
        width: 85%;
        margin: 0 auto;
        margin-top: 25px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .refre_all .box{
        width: 260px;
        background: #fafbfb;
        text-align: center;
        cursor: pointer;  
        margin: 40px 80px;
        transition: .9s;
    }
    .refre_all .box:hover{
        transform: scale(1.1);
         border:4px solid #0660ba;
    } 
    .images-ref img{
        width: 100%;
    }
    .info-ref{
        padding: 5px 2px;
    }
    .info-ref p{
        font-size: 16px;
        font-weight: bold;
    }
    .info-ref label{
        color: #dd1414;
        font-size: 1.2em;
        font-weight: bolder;
    }
    
    /*start refregrator نهاية قسم الثلاجات */
    /*start small appliances بداية قسم الاجهزه الصغيره */
    .small_appliances{
        width: 100%;  
        padding: 170px; 
    }
    .tittle_small_appliances{
        width: 270px;
        text-align: center;
        font-size: 1.3em;
        padding: 10px 5px;
        border-radius: 15px;
        color: #f8f8f8;
        margin: 0 auto;
        background-color: #06874b;
        font-weight: bold;
        line-height: 25px;
    }
    .tittle_small_appliances .fa-handshake{
        font-size: 40px;
        color: #d3f27d;
    }
    .all_small_appliances{
        width: 90%;
        margin: 0 auto;
        margin-top: 25px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .box_small_appliances{
        width: 220px;
        position: relative;  
        margin: 30px 80px;       
        text-align: center;
        padding: 18px 10px;       
        transition: .9s;       
        padding-top: 8px;
    }
     .box_small_appliances:hover{
        transform: scale(1.1);
         border: 2px solid #075e39;
     }
    .img_small_appliances img{
        width: 180px;
    }
    .details_small_appliances{
        margin-top: 8px;
        color: #0d046d;
        font-size: 19px;
        font-weight: bold;
    }
    .love_applins{
        display: flex;
        justify-content: space-around;
        font-size: 2.3em;
        margin: 10px 0px;
    }
    .price_small_appliances{
        padding: 10px;
        background: #4b22df;
        width: 80%;
        text-align: center;
        color: #f6f6f7;
        font-size: 18px;
        border-radius: 10px;  
        font-weight: bold;
        margin: 0 auto;
        margin-top: 8px;      
    }
   
  
    /*End small appliances نهاية قسم الاجهزه الصغيره */
    /*start tv screen يداية قسم شاشات التليفزيون */
    .tv_container {
        width: 100%;  
        padding-top:  180px; 
        margin-bottom: 20px;
    }
    .tv_title h3 {
        background-color: #a1186c;
        width: 300px;
        margin: 0 auto;
        padding: 10px;
        font-size: 1.2em;
        text-align: center;
        border-radius: 15px;
        color: #fff;
        line-height: 25px;
    }
    .tv_all {
        width: 90%;
        margin: 0 auto;
        margin-top: 25px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .tv_box {
        width: 220px; 
        text-align: center;
        padding: 3px 5px;
        margin: 30px 80px;
        transition: .9s;
    }
    .tv_box:hover {
        transform: scale(1.2);

    }
    .tv_img img{
        width: 200px;
    }
    .tv_box_by-now {
        display: none;
    }
    .tv_good {
        display: none;
    }
    .tv_img_logo {
    }
    .tv_information { 
        background-color: #b8d856;
        border-radius: 15px;
        padding: 5px;
    }
    .tv_information p {
        margin: 5px 0px;
        font-weight: bold;
    }
    .tv_information h3 {
        color: #fff;
        font-weight: 400;
        font-size: 1.2em;
        font-weight: bold;
        padding: 5px;
        background-color: #075e39;
        width: 180px;
        border-radius: 15px;
        margin: 10px auto;
    }
  
    /*End tv screen نهاية قسم شاشات التليفزيون */
    /*Start washing machine بداية قسم غسالات الملابس*/
    .washing-machine {
        width: 100%;
        color: #f1f3f3;
        padding-top: 175px;
        padding-bottom: 20px;
    }
    .w-title {
        width: 300px;
        text-align: center;
        padding: 10px;
        border-radius: 15px;
        color: #f8f8f8;
        margin: 0 auto;
        background-color: #03532e;  
        font-weight: bold;
        font-size: 1.1em;
    }  
    .all-washer {
        width: 80%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 20px auto;
    }
    .box-washer {
        width: 220px;
        cursor: pointer;
        padding: 10px;
        text-align: center;
       margin: 30px 80px;
    }
    .washer-img img{
        width: 200px;
        margin-top: 8px;
    }
    .bynow-wadher{
        color: #03320e;
        font-weight: bold;
        font-size: 22px;
        font-weight: 300px;
        background-color: #b4d22b;
        padding: 5px;
        margin: 20px 0px;
    }
    .washer-info {
        color: #13045e;
        text-align: center;
        width: 100%;
        font-size: 1.1em;
        font-weight:300;
        font-weight: bold; 
        margin-top: 8px;
    } 
    .img-logo-washer img {
        text-align: center;
        width: 150px;
    }
    .img-love{
        display: none;
    }
    .price {
        color: #0c0358;
        margin-top: 5px;
        text-align: center;
        background-color: #aac92c;
        padding: 8px;
        border-radius: 15px;
    } 

    /*Ebd washing machine نهاية قسم غسالات الملابس*/
    /*start offer يداية فسم العروض*/
    .offers {
        width: 100%;
        padding-top: 170px;
    } 
 
    .offers .title{
    width: 270px;
        background-color: #f3f3f4;
        padding: 5px 5px;
        margin: 0 auto;
        margin: 0 auto;
        border-radius: 15px 15px 0 0;
        color: #000000;
        text-align: center;
        font-weight: bold;
        line-height: 25px;
        font-size: 1.1em;
        border: 2px solid #000;
        transition: .8s;
    }
    .offers .title:hover{
          background-color: #3ba8a5;
        color: #103807;
    }

    .offers .content {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    .offers .content .slids {
        margin: 50px 80px;
        position: relative;
        transition: 0.5s;
        padding: 30px 0px;
     
        cursor: pointer;
        width: 250px;
        text-align: center;
        background-color: #0468cb;
    

    }
  
  .offers .content .slids:hover{
        transform: scale(1.1);
    }
    .offers .content .slids img {
        transition: all 0.7s;
    }
    .offers .content .slids .info {           
        width: 200px;
        opacity: 1;
        transition: all 0.7s;
      margin: 0 auto;
      margin-top: 20px;
      color: #f6f5f5;
    }
    .info li{
        list-style: none;
    }
    .info h4{
        font-size: 1.2em;
        font-weight: bold;
        margin: 0 auto;
      
    }
    .info h5 {
        color: #000000;
        background-color: #a40606;

        padding: 5px;
        color: #f7f6f6;
        border-radius: 10px;
        font-weight: bold;
        font-size: 1.2em;
         margin: 0 auto;
           position: absolute;
        top: -40px;
    }
    .info h6 {
        color: #000000;
        font-weight: bold;
        font-size: 1.2em;
         margin: 0 auto;
    }
    .info li {
        color: #fcfcfc;
        font-size: 1.2em;
        font-weight: bold;
        line-height: 25px;
    }
    .offers .content .slids .img-3 img {
        margin-top: 45px;
    }
    .used {
        font-size: 1.5em;
        background-color: #880b0b;
        width: 85px;
        padding: 3px 10px;
        text-align: center;
        color: #fbf8f8;
        border-radius: 15px;
        position: absolute;
        top: 120px;
        left: 5px;
        font-weight: bold;
    }
    /*End offer تهاسة  فسم العروض*/

  @media (max-width: 1060px) {
        header{
     
     position: static;
         padding: none;
   
   
    }
    .tolbar{
          font-size: 1.1em;
        display: block;
        align-items: center;
        padding: none;

    }
        .tolbar .logo{         
       display: none;

    }
       .flag-img{
        display: none;  
            }
    .talkus{
      width: 100%;
       background-color: #344959;

  }
    .header-1{
        display: block;
        padding: none;
        
    }
      .market-bairent{
       display: none;
    }
 
    
       .header-1 .head-list a{     
        padding: 15px 18px;      
     }
     .main{   
    top: 10px;      
}
.main .sidebar{
position: absolute;
    width: 230px;
    right: -230px;
    height: 600px;   
   }

.sidebar .btnTwo{   
    right: 170px;
    opacity: 1;   
}
.sidebar .menu ul li a{
   font-size: 1.1rem;     
     padding: 6px 15px;
    }
          .box_search{
            margin: auto;


    }
   .header-1 .head-list a{     
        padding: 5px 18px;      
     }

     .home_container{
    
  padding-top: 20px; 
}
   .home_container_con{
    
        gap: 50px;  
        margin-top: 5px; 
        padding: 8px 0px;
    }
        .footer .Payment{
       flex-wrap: wrap;  
       gap: 30px;
    }
    .about_us{
   
    padding-top: 50px;
}
    .bult_in_cooker_oven{
      
        padding-top: 25px;
       
    }
    .welcome{
          margin-top: 5px;
          margin-bottom: 15px;
        width: auto;
    }

 .Contact_us_container{
          padding-top: 20px;
    }
      .cookers{
        padding-top: 20px;
    }
    .electric_heater{
         padding-top: 20px;
    }
    .perfum-men{
        width: 100%;
        padding-top: 25px;
    }
       .offers{
     
     padding-top: 25px;          
     
         }
     .refregarators{
       
        padding-top: 35px;
    }  
       .small_appliances{
      
        padding: 35px; 
    }  
      .tv_container {
      
        padding-top:  35px; 
      }
       .washing-machine {       
        padding-top: 35px;
    }
     .Women-perfumes {      
        padding-top: 35px;
    }
    .heaters {
         padding-top: 35px;
    }

  @media (max-width: 600px) {


   .tolbar .logo {
 display: none;

   }

   .header-1 .head-list{
       
       
        flex-direction: column;
       


     }

 
   .header-1 .head-list a{     
        padding: 8px 18px;      
     }



.talkus{
      width: 70%;

  }
  .footer .lists{ 
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
       
    }
  
.cookers_title .fa-phone{
        margin-right: 5px;
    }
     .refregarators{     
        padding-top: 25px;
    }

.small_appliances{
        width: 100%;  
        padding: 35px; 
    }
    .tv_container {   
        padding-top:  35px; 
  }
  .washing-machine {       
        padding-top: 35px;
}
 .Women-perfumes {     
        padding-top: 35px;
    }
    .heaters {
         padding-top: 35px;
    }
  }
  }