

.back-top {background-image: url("/img/backblog.svg");width: 100%;height: 560px ; padding-top: 100px;background-size:cover ; background-repeat:no-repeat;}
.back-top h2 {color: white;font-size: 25px;padding:0 5px;}
.page-content {width: 800px;background-color: white;border-radius: 15px;
    box-shadow:  rgba(0, 0, 0, 0.5) 0px 1px 8px;padding: 30px 10px;min-height: 60vh;
margin-top: -300px;color: rgb(46, 48, 75) ;margin-bottom: 100px;
}
.page-content h3 {text-align: left;font-size: 22px;margin: 20px 30px;color: rgb(100, 151, 202);}
.page-content p {text-align: left;font-size: 17px;margin: 10px  15px;padding: 0 5px;
line-height: 34px;
}
.page-content i {font-size:15px ;margin:0 5px;}
h3  {text-align: left;font-size: 22px;margin: 20px 0;color: rgb(100, 151, 202);}
.page-content h4 {text-align: center;font-size: 19px;margin: 20px 0 ;color: royalblue;}
.go {width: 250px;background-color: royalblue;color: white;font-size: 17px;
border-radius: 5px;padding: 8px 0;border: 0;
}

.page-content h5 {text-align: left;font-size: 17px;margin: 10px 40px ; line-height: 34px;}

.contact-tab {width: 700px;background-color: rgb(255, 255, 255);
    box-shadow:  rgba(0, 0, 0, 0.5) 0px 1px 8px;padding: 30px 10px;
margin-top: -150px;color: rgb(46, 48, 75) ;margin-bottom: 250px;padding-left: 0;
border-radius: 15px;
}

.contact-info {text-align: left;display: inline-table;}
.contact-info i {color: royalblue;margin-left: 10px;}

.contact-form {float: right; width: 450px;height: 500px;display: inline-table;
background-color: white;margin-top: -240px;padding: 50px 20px; border-radius: 15px;
box-shadow:  rgba(0, 0, 0, 0.5) 0px 1px 8px;
}
 
input[type=text] , input[type=email] {
    width: 95%;height: 45px;border-radius: 5px;border: 1px solid silver ;margin: 10px 0 ;
    padding: 2px 5px;transition-duration: 0.4s;
} 
textarea {width: 95%;height: 200px;border-radius: 5px;margin: 10px 0 ;
    padding: 5px;resize: none; border: 1px solid silver;transition-duration: 0.4s;
}
input:focus , textarea:focus {outline: none;border: 1px solid rgb(119, 178, 236);}
.sub {width: 95%;height: 45px; background-color: royalblue; border-radius: 5px;border: 0;color: white;
cursor: pointer;
}
.contact-form2 {width: 95%;max-width:500px;
    background-color: white;margin-top: -300px;padding: 20px 5px; border-radius: 15px;
    box-shadow:  rgba(0, 0, 0, 0.5) 0px 1px 8px;margin-bottom: 100px;}


@media only screen and (max-width:800px) { 
.page-content  {width: 98%;}
.contact-tab {display: none;}
.contact-form2 {display: block;}
}
@media only screen and (max-width:450px) { 
.contact-form2  {width: 95%;}
.back-top h2 {padding: 0 13px;}
.page-content  {width: 100%;padding: 30px 13px;border-radius: 0px; box-shadow: none;}
.page-content p {margin: 10px 5px;text-align: justify;}
.page-content h3 , .page-content h2 {margin: 20px 15px ;}
.page-content h5 {margin: 10px 20px;text-align: justify;}
.go {width:98%;}    
}










