*{
    margin: 0;
    padding: 0;
  
}

.body{
    font-family: 'SamsungOne',arial,sans-serif;
}
.header{
    
    display: flex;
    align-items: center;
   
    height: 100px;
    
}

.logo{
    margin-left: 20px; 
    height: 19px;
    width: 100px;
    padding-left: 0px;
}


.header2{
    
    display: flex;
    font-size: 6px;
    justify-content: space-between;
    gap: 8px;
    margin-left: 50px;
}
.header3{
    display: flex;
    font-size: 6px;
    justify-content: space-between;
    margin-left: 100px;
    gap: 10px;
}
.header4{
    margin-left: 30px;

   

}
.search{
    width: 40px;
    height: 30px;
}
.cart{
    width: 40px;
    height: 30px;
}
.service{
    width: 40px;
    height: 30px;
}
.container1{
   
    margin-top: 50px;
    position: relative;
    align-items: center;
    
  
    
}
  

.samsung1{
    flex: 1;
    margin: 0px;
    width: 1200px;
    
    
}
.t11{
    position: absolute;
    margin-top: 160px;
    margin-left: 40px;
    font-size: 20px;
    
}
.t12{
    position: absolute;
    margin-top: 260px;
    margin-left: 40px;
  
    
}
.p3{
    position: absolute;
 margin-top: 340px;
 margin-left: 40px;

 

}
.learnmore{
    color: black;
}
.buynow{
 font-size: 10px;
}
.p4{
 height: 35px;
 width: 90px;
 margin-left: 10px;
 color:#fff;
 background-color: black;
 font-size: 14px;
 border-radius: 20px;
 

}

.container2{
    
    width: 100%;
    background-color: #fff;
 
}
.p1,.p2{
    margin: 0px;
}

   


.container4{
   height: 550px;
    width: 100%;
  
}

.t21{
    display: flex;
   justify-content: center;
   margin-top: 60px;
   margin-bottom: 20px;
  
}
.t22{
   
    margin-bottom: 0px;
    display: flex;
    place-content: center;
    gap: 50px;
 
    
}
.container3{
    display: flex;
    position: relative;
    height: 708px;
    width: 100%;
    border-radius: 10px;
    margin-top: 10px;
    gap: 10px;
   
  
  
   
      
    
    
  }

  .img31{
   position: absolute;
   margin-top: 10PX;
    height: 100%;
    width: 100%;
    border-radius: 30px ;
 
 
   

  }
  
  .box32{
   
    display: flex;
    height: 100%;
    width: 50%;
    flex-direction: column;
  
 

}



.box33{
   
    display: flex;
    height: 50%;
    width: 100%;
    gap: 10px;
  
}

.box33a{
    overflow: hidden;
    position: relative;
    height: 100%;
    width: 50%;
    gap: 10px;
  
}

.box33b{
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 50%;
    gap: 10px;
  
}

.box34{
  
    display: flex;
    height: 50%;
    width: 100%;
    gap: 10px;
 
   
}
.box34a{

    position: relative;
    overflow: hidden;
    height: 100%;
    width: 50%;
    gap: 10px;
  
}

.box34b{
   
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 50%;
    gap: 10px;
  
}
.img32{  
   
    margin-top: 10PX;
    height: 100%;
    width: 100%;
    margin-left: 5px;
    position: absolute;
border-radius: 30px ;

}
.img33{ 
  
    position: absolute;
    margin-top: 10PX;
  
    height: 100%;
    width: 100%;
    border-radius: 30px ;
    margin-left: 5px;
    
}
.img34{
  
    position: absolute;
 
    margin-top: 10PX;
    height: 100%;
    width: 100%;
    margin-left: 5px;
    border-radius: 30px ;
}
.img35{
  
  
  margin-top: 10PX;
    position: absolute;
    height: 100%;
    width: 100%;
    margin-left: 5px;
    border-radius: 30px ;
}
.box31m{
   
    position: relative;
   
   overflow: hidden;
    height: 100%;
    width: 50%;
   
   
}
.t2{
    position: absolute;
    margin-top: 100px;
    font-size: 17px;
}
.t4{
    position: absolute;
    font-size: 17px;
margin-top: 140px;
}
.t3{
    position: absolute;
font-size: 13px;



margin-top: 190px;
}
.b31x{
    padding-top: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.b33ax{
    display: flex;
justify-content: center;
   padding-top: 50px;
}
.b33bx{
    display: flex;
justify-content: center;
   padding-top: 50px;
}
.b34ax{
    display: flex;
justify-content: center;
   padding-top: 50px;
}
.b34bx{
    display: flex;
justify-content: center;
   padding-top: 50px;
}
.t5{
    position: absolute;

margin-top: 210px;


}
.t6{
    position: absolute;

    margin-top: 230px;
  
}

.t7{
    position: absolute;
font-size: 10px;
margin-top: 260px;


}
.container4{
    flex-wrap: wrap;
    flex-direction: column;
    display: flex;
    margin-top: 168px;
    height: 710px;
    width: auto;
background-color: rgb(255, 253, 253);
 align-items: center;
 justify-content: center;
 align-content: center;
 
}
.img4{
   

    width: 100%;
    height: auto;
  
}

.c41{
  
  justify-content: center;
margin-top: 5px;
margin-top: 60p;

}
.c42{ 
  display: flex;
    margin-top: 10px;
    gap: 20px;
  font-size: 8px;
  
  
}
.c43{
   margin-top: 250px;
   font-size: 48px;
 font-stretch: expanded;
    
}
.c44{
   
}
.c45{
    
}
.u2{
    color: black;
}
.button2{
    margin-left: 10px;
    color: #fff;
    background-color: rgb(44, 37, 37);
    height: 35px;
    width: 90px;
    border-radius: 20px;
    font-size: 14px;
}
.c46{
 margin-top: -360px;
  margin-left: 150px;
}
.container5{
    display: flex;
    flex-direction: column;
    height: 750px;
    width: 100%;
    background-color: rgb(26, 25, 25);
    justify-content: center;
    align-items: center;
    align-content: center;
    color: white;
margin-top: 30px;



   
   
  

 

}
.img5{
   
    width: 70%;
    height: 70%;
    margin-bottom: 50px;
   
}
 
.c51{
  
    justify-content: center;
  margin-top: 5px;
  margin-top: 60p;
  
  }
  .c52{ 
    display: flex;
      margin-top: 10px;
      gap: 30px;
    font-size: 8px;
    
    
  }
  .c53{
     margin-top: 250px;
     font-size: 35px;
   font-stretch: expanded;
      
  }
  .c54{
     
  }
  .c55{
      
  }
  .u5{
      color: white;
  }
  .button5{
      margin-left: 10px;
      color:black;
      background-color: white;
      height: 35px;
      width: 90px;
      border-radius: 20px;
      font-size: 14px;
  }
  .c56{
 
   margin-top: -280px;
    margin-left: 150px;
    

  }








.container6{
    display: flex;
    flex-direction: column;
    height: 850px;
    width: 100%;
    background-color: rgb(244, 244, 234);
    justify-content: center;
    align-content: center;
    align-items: center;
}










.img6{
   
  width: 100%;
  height: 70%;
   
}
 
.c61{
  
    justify-content: center;
  margin-top: 5px;
  margin-top: 60p;
  
  }
  .c62{ 
    display: flex;
      margin-top: 10px;
      gap: 30px;
    font-size: 8px;
    
    
  }
  .c63{
     margin-top: 250px;
     font-size: 45px;
   font-stretch: expanded;
      
  }
  .c64{
   
  }
  .c65{
      
  }
  .u6{
      color: black;
  }
  .button6{
      margin-left: 10px;
      color:white;
      background-color: black;
      height: 35px;
      width: 90px;
      border-radius: 20px;
      font-size: 14px;
      margin-left: 100px;
  }
  .c66{

   margin-top: -230px;
    margin-left: 150px;
    

  }
  .c67{

  
     margin-left: 160px;
     
 
   }
   .div6{
    display: flex;
    justify-content: center;
   
   max-height: 180px;
    width: 100%;
    font-size: 16px;
margin-top: 100px;
   }

.container7{
   margin: 20px;
    display: flex;
    height: 850px;
    width: 100%;

}
.c71{
    display: flex;

   width: 50%;
   height: 100%;
 
  
overflow: hidden;

  border-radius: 30px 30px 30px 30px;
}
.c72{
 
    display: flex;
    width: 50%;
    height: 100%;
    margin-left: 30px;
    text-align: center;

    
 
}

.img7{
  max-width: 100%;
  max-height: 100%;
    border-radius: 30px 30px 30px 30px;
   
   
 
}
.c7t{
    display: flex;
 flex-direction: column;
 justify-content: space-around;
    font-size: 10px;
   margin-left: 50px;
  
   
}
.c7n{
 display: flex;
 flex-direction: column;
 justify-content: space-around;

    font-size: 16px;
}
.container8{
    display: flex;
   
    flex-direction: column;
    justify-content: center;
    align-items:center;

    height: 300px;
    width: 100%;

}
.c81{
    display: flex;
    margin-left: 20px;
}
.c821{
   display: flex;
 margin-left: 30px;
 
 
}
.img8{
  max-width: 25px;
  max-height: 25px;
}
.button8{
    margin-top: 20px;
    display: flex;
    height: 40px;
    width: 390px;
    gap: 20px;
    border-radius: 30px;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid black;
  padding: 10px;
    
   align-items: center;
}
.c82{
 
}
.c822{
  display: flex;

  border-radius: 30px;

    gap: 10px;

    margin-top: 15px;
}
.c823{
    display: flex;
    justify-content: center;
    border-radius: 30px;
  
      gap: 10px;
  
      margin-top: 15px;
  }
.button82{

    border-radius: 30px;
    background-color: #fff;
    border: 2px solid rgb(203, 201, 201);
    height: 30px;
    width: 90px;
}
.button83{
   
    border-radius: 30px;
    background-color: #fff;
    border: 2px solid  rgb(203, 201, 201);
    height: 30px;
    width: 70px;
}
.h8{
    font-weight: 200;
    font-size: 10px;
}
.container9{
    margin-left: 45px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    font-weight: 100;
    height: 300px;
    width: 100%;
  
    font-size: 11px;
}
.container10{
    display: flex;
 
height: 550px;
width: 100%;

}
.c101{
    height: 100%;
width: 100%;
border: 1px solid  rgb(203, 201, 201) ;
}
.c102{
    height: 100%;
    width: 100%;
    border: 1px solid  rgb(203, 201, 201) ;
}
.c103{
    height: 100%;
    width: 100%;
    border: 1px solid  rgb(203, 201, 201) ;
}
.c104{
    height: 100%;
    width: 100%; 
    border: 1px solid  rgb(203, 201, 201) ;
}
.c105{
    height: 100%;
    width: 100%; 
    border: 1px solid  rgb(203, 201, 201) ;
}
.h10{
    margin-top: 10px;
    margin-left: 10px;
    font-weight: 550;
    font-size: 14px;
   
}
.h11{
    margin-top: 10px;
    margin-left: 10px;
    font-weight: 550;
    font-size: 14px;
  
}
.p10{
    display: flex;
    padding: 9px;
    flex-direction: column;
    justify-content: space-around;
    font-weight: 100;
    font-size: 12px;
    font-weight: 100;
}
.container11{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding-left: 30px;
    height: 200px;
    width:100% ;
    
   
    font-size: 12px;
    font-weight: 100;
}
.container12{
    display: flex;
    justify-content: center;
    height: 40px;
    width: 100%;
  border: 1px solid  rgb(203, 201, 201) ;
  border-bottom: none;
   padding: 10px;

}
.a11{
    text-decoration: none;
    color: blue;

}

.c121{
    margin-left: 20px;

    display: flex;
    gap: 10px;
    height: 100%;
    width: 50%;
    justify-content: flex-start;

    font-size: 12px;
    font-weight: 100;
    align-items: center;
}


.c122{
    display: flex;
    
    margin-left: 20px;
    gap: 40px;
    width: 50%;
   
    }
    .p122{

        font-size: 9px;
    }
    .h121{
        display: flex;
        align-items: center;
        margin-top: 10px;
        height: 100%;
        

    }
.img12{
    display: flex;
  
    height: 100%;
    width: 50%;
    justify-content: flex-end;
    gap: 10px;
    height: 20px;
    width: 20px;
 
}
.c124{
    display: flex;
    height: 100%;
   justify-content: flex-end;
    gap: 28px;
    width: 65%;
  font-size: 14PX;
    }
    .c125{
        display: flex;
        height: 100%;
        justify-content: space-between;
      
        gap: 38px;
        width: 50%;
       
        }