*{

    margin: 0;
    padding: 0;
    box-sizing: border-box;

}

body{

    width: 100%;
    height: 90vh;
    display: grid;
    align-items: center;
    background: #ddd;
    font-family: 'Poppins',Arial, Helvetica, sans-serif;
}

.contact-in{
width: 80%;
height: auto;
margin: auto;
display: flex;
flex-wrap: wrap;
padding: 10px;
border-radius: 10px;
background: rgb(146, 139, 139);
box-shadow: 0px 0px 10px 0px #666;
}

.contact-map{

width: 100%;
height: auto;
flex: 50%;
}

.contact-map iframe{
width: 100%;
height: 100%;


}

.contact-form{

    width: 89%;
    height: auto;
    flex: 50%;
    text-align: center;
    padding: 30px;
    }

    .contact-form h1{

        margin-bottom: 10px;
        
        }
        
     .contact-form-textarea{
         
         color:#aaa;
         
         
     }
     
       .contact-form h1{
                   color: #999;
                    margin-bottom: 10px;
                }

     
     .video{
         
         text-decoration:none;
     }
     
     .video2{
         text-decoration:none;
     }
        .contact-form-txt{

            width: 100%;
            height: 40px;
            color: #000;
            border: 1px solid #bcbcbc;
            border-radius: 50px;
            outline: none;
            margin-bottom: 20px;
            padding: 15px;
            }    

            .contact-form-textarea{

                width: 100%;
                height: 130px;
                color: #000;
                border: 1px solid #bcbcbc;
                border-radius: 10px;
                outline: none;
                margin-bottom: 20px;
                padding: 15px;
                font-family: 'Poppins',Arial, Helvetica, sans-serif;
                
            }
            
                
                .contact-form-txt::placeholder{

                    color: #aaa;
                }

                .contact-form-textarea::placeholder{

                    color: #aaa;
                }

            

                .contact-form h1{

                    margin-bottom: 10px;
                }

                .contact-form-btn{
                    width: 75%;
                    border: none;
                    outline: none;
                    border-radius: 50px;
                    background: #384783;
                    color: #fff;
                    text-transform: uppercase;
                    padding: 10px 0;
                    cursor: pointer;
                    font-size: 18px;


                }


                .container .social{

                    width: 100%;
                    clear: both;
                    margin-top: 50px;
                    text-align: center;
                    display: inline-block;
                }
                
                .container .social i{
                color: #fff;
                font-size: 22px;
                height: 39px;
                width: 39px;
                border-radius: 50%;
                line-height: 39px;
                text-align: center;
                background-color: #55acee;
                max-width: 0px 5px;
                display: inline-block;
                
                }

                .container .social i:hover{

                    color: #fff;
                    background-color: #ececee;
                    transition: 1s ease;
                    transform: rotate(360deg);
                    
                    }
                    
                    .container .social a{
                    
                        display: inline-block;}