*{ margin: 0px; padding: 0px;}
.navbar{
    display:flex;
    align-items: center;
    justify-content: center;
    position: sticky;
    top: 0;
    cursor: pointer;
    border: 1px solid white;
   
}
.nav-list{
width: 70%;
/* background-color: black; */
display: flex;
/* justify-content: center; */
align-items: center;

}
.nav-list li{
    list-style: none;
    padding: 26px 30px;
}
.nav-list li a{
  text-decoration: none;  
  color: white;
  font-size: 20px;
}
.nav-list li a:hover{
    color:rgb(194, 39, 39);
}
.rightNav{
    width: 30%;
    /* background-color:blueviolet ; */
    text-align: right;
    padding: 0 23px;
}
.logo{
    width:25%;
    display: flex;
    justify-content: center;
}
.logo img{
    width: 33%;
    border:3px solid white;
    border-radius: 50%;
}
#search{
    padding: 5px;
    font-size: 17px;
    border: 2px solid grey;
    border-radius: 9px;
}
.background{
    background: rgba(0,0,0,0.7) url('../image/pic5.jpg');
    background-size: cover;
    background-blend-mode: darken;
}
.firstSection{
    height:100vh ;
}
.box-main{
    height: 80%;
 display: flex;
 justify-content: center;
 align-items: center;  
 color: white; 
 font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif ;
 max-width: 50%;
 margin: auto;
}
.firstHalf{
width: 75%;
display: flex;
flex-direction: column;
justify-content: center;
}
.secondHalf{
width: 30%;
}
.secondHalf img{
    width: 80%;
    border: 4px solid white;
    border-radius: 150px;
    display: block;
    margin: auto;
    
    }
    .text-big{
        font-size: 41px;
    }
    .text-small{
        font-size: 18px;
    }
    .btn{
        padding: 8px 20px;
        margin: 7px 3px;
        border: 2px solid white;
        border-radius: 8px;
        background: none;
        color: aliceblue;
        cursor: pointer;
    }
    .btn-sm{
        padding: 6px 10px ;
    }
    .section{
       
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 80%;
        margin: auto; 
        
    }
    .sectionTag{
        padding: 10px;
    }
    .section-left{
        flex-direction: row-reverse; 
    }
    
    .paras{
        padding: 0px 65px;
        text-align: justify;
    }
    .thumbnail img{
        height:155px;
        width: 200px;
        border: solid 2px black;
        border-radius: 10px;
        margin-top: 20px;
}
   .contact{
    background-color: rgb(238, 238, 237);
   height: 573px;
   }
   .text-center{
    text-align: center;
    padding-top: 25px;
    font-size: 33px;
   }
.form{
    max-width: 62%;
    margin: 25px auto;

}
.form-input{
    width: 100%;
    font-size: 19px;
    border: 2px solid grey;
    border-radius: 6px;
    margin: 10px 0px;
    padding: 5px 3px;
    
}
.bnt-dark{
    color: black;
    border: 2px solid grey;
    padding: 2px;
    width: 70px;
    border-radius: 4px;
    }
    .text-footer{
    text-align: center;
    padding-top: 25px;
    font-size: 20px;
    display: flex;
    justify-content: center;
    padding: 30px 0px;
    color: white;
    }
    
    .burger{
        display: none;
        position: absolute;
        cursor: pointer;
        right: 5%;
        top: 15px;
        
    }
    .line{
        width: 33px;
        background-color: white;
        height: 4px;
        margin: 3px 3px;
    }

    @media only screen and (max-width:1140px){
        .nav-list{
            flex-direction: column;
           }
           .navbar{
            flex-direction: column;
            transition: all 0.3s ease-out;
            height: 447px;
           }
           .rightNav{
            text-align: center;
           }
           #search{
            width: 100%;
           }
           .box-main{
            flex-direction: column-reverse;
            max-width: 100%;
           }
           .burger{
            display: block;
           }
           .h-nav-resp{
            height: 72px;
           }
           .v-class-resp{
            opacity: 0;
           }
           .section{
            flex-direction: column-reverse;
            color:red;
           }
           .text-small{
            text-align: center;
           }
           .text-big{
            text-align: center;
           }
           .button{
            text-align: center;
           }
           .paras{
            padding: 0px ;
           }

           
    }