/*-------------------------------------- contact form section --------------------------------------------------*/

#contact-section .container-fluid{
    padding: 10rem 15% 5% ;
}

#contact-section .contact-container{
    padding: 5% 20%; 
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    border-radius: 20px;
}

#contact-section input{
    
    border-radius: 0;
    border: none;
    border-bottom: solid rgb(101, 99, 99) 1px;
}

.whats-app-btn{
  position: fixed;
  bottom: 5%;
  right: 0;
  padding: 10px;
  text-align: right;
}


/*---------------------------------  media query ---------------------------------------------*/
@media screen and (max-width: 600px) {
    #contact-section .container-fluid{
        padding: 7rem 5% 5% ;
    }
    #contact-section .contact-container{
        padding: 5% 0%;
        box-shadow: none;
        font-size: 0.8rem;
    }
    
}