*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
} 
html , body{
    height: 100%;
    width: 100%;
  overflow-x: hidden;
 
}
header{
    position: sticky;
    top: 0;
    background: white;
    height: 76px;
    box-shadow: rgb(0 0 0 / 16%) 11px 1px 15px;
}

.left img{
    width:  58px;
    height: 45px;
}
.flex{
    gap: 1.6rem;
}

.container{
    padding:  0 9vw;
    
}
.containerheader{
    padding:  0 9vw;
    
}
nav{
    padding-top: 14px;
}
nav ul li{
    list-style: none;
    font-weight: 600;
    text-transform: uppercase;
  
}
.input{
    width: 30vw;
    padding: 7px 17px;
    border: 1px solid grey;
    background: #eeeeee;
    border-radius: 5px;
    outline: none;
 
}
.section1{
   background-color: #eeeeee;
  
   
}
.homeimg{
    width: 80vw;
    margin: 12px 0;
}
/* .section2{
    text-align: center;
    align-items: center;
} */
.homeimg1{
    width: 16vw;
    margin: 12px 0;
    padding: 4px;
}
footer{
    text-align: center;
    
    padding: 23px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.heading{
    text-align: center;
}
@media (max-width: 1500px){

    header{
    height: 130px;
       
    }
    nav{
        flex-direction: column;
        align-items: center;
        /* margin: 2px; */
    }
    .right{
        margin-top: -2rem;
        flex-direction: column;
        gap: 15px;
    }
    .rightbox{
        display: flex;
    
      
    }
    .containerheader{
        padding: 0 2vw;
       }

}
    @media (max-width: 1200px) {
       .input{
        width: 30vw;
       }


    }
   
      

    

    @media (max-width: 630px) {
        .container{
           padding: 0 7vw;
        }
        nav ul li {
            font-size: 9px;
        }
        
         .input{
            width: 50vw;
         }
    }
    @media (max-width: 500px) {
        .container{
         padding: 0 7vw;
        }
        nav ul li {
            font-size: 6px;
        }
      

    }
    @media (min-width: 650px) and (max-width: 1222px){
        .input{
            max-width: 30vw;
        }
    }
    @media (max-width: 800px) {
        .homeimg1{
            width: 30vw;
            margin: 12px 3px;
            padding: 6px;
        
        }
        @media (min-width: 280px) and (max-width: 560px){
            .homeimg1{
                width: 25vw;
                margin: 12px 3px;
                padding: 6px;
            
            }

    }

    }