*{margin: 0;padding: 0;font-family: roboto;box-sizing: border-box;}
a{text-decoration: none;list-style: none;}


.main{
width: 100%;
height:105vh;
background-image: url("perfume1.png");
background-repeat: no-repeat;
background-size:105% ;
}
.imgd{display: flex;justify-content: center;align-items: center;}
.imgd img{height:4rem;}
 h2{text-align: center;text-transform: capitalize;font-size: 1.2rem;}
 .mcontainer{
     width: 35%;
     height:31rem;
    
     margin-top: 5rem;
     margin-left: 4.5rem;
     display: flex;
     justify-content: center;
     align-items: center;
     
 }
 .icontainer{
    min-width: 300px;
     height: 30rem;
     background-color: rgba(29, 29, 29,0.8);
    
    margin: 8px 10px;
    border-radius: 15px;
    display: none;
   
   
 }
 
 .icontainer h1{
     font-size: 1.5rem;
     color: azure;
     text-align: center;
     text-transform: capitalize;
     margin-top: 7px;
    
 }
 
 .bod{
     color: azure;
     margin-top: 2rem ;
     
     padding-left: 4rem;
    
     
 }
 
 input:nth-child(n){
     border-radius: 10px;
     
 }

 span:nth-child(n){
     color:rgb(248, 248, 248);
     font-size: 13px;
 }
 .butto{
     width: 9.4rem;
     height: 1.5rem;
     margin-top:1.3rem ;
     border-radius: 20px;
     border:none;
     background-color: rgb(3, 139, 3);
     color: white;

 }
 .cont{
     min-width:350px ;
     height: 292px;
     
     margin:0 20px;
     text-align: center;
 }
 .cont p{
     font-weight:500;
     font-size: 1.3rem;
 }
 .butto2{
     width: 200px;
     height: 42px;
     font-size: 1.5rem;
     text-transform: capitalize;
     font-weight: bold;
     color: white;
     background-color: rgb(226, 136, 52);
     outline: none;
     border-radius: 20px;
     margin-top: 2rem;
     cursor: pointer;
 }
 .logos{
     width: 100%;
     height:121px;
     
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
 }
 .logos h3{
     margin-bottom: 10px;
    color: rgb(80, 80, 110)
 }
 .lcontainer{
     width:480px;
     height: 75px;
    
     display: flex;
     justify-content: space-evenly;
     align-items: center;
     
 }
 .one{
     width: 75px;
     height: 75px;
     border: 2px solid rgb(80, 80, 110);
     border-radius: 50%;
     font-size: 2rem;
     display: flex;
     justify-content: center;
     align-items: center;
     color:rgb(80, 80, 110);
 }

 .two{
    width: 75px;
    height: 75px;
    border: 2px solid rgb(80, 80, 110);
    border-radius: 50%;
    font-size: 2rem;
    display: flex;
     justify-content: center;
     align-items: center;
     color:rgb(80, 80, 110);
 }

 .three{
    width: 75px;
    height: 75px;
    border: 2px solid rgb(80, 80, 110);
    border-radius: 50%;
    font-size: 2rem;
    display: flex;
     justify-content: center;
     align-items: center;
     color:rgb(80, 80, 110);
 }