-------------------------*/
/* Contact Section | #contact */
#section-contact{color:gray;padding-top:80px}
#section-contact .section-content{margin-top:50px}
 
.form-contact .required{font-size:25px;line-height:1;color:red}
.form-contact label{font-weight:400;color:#062045}
.form-contact input.form-control{border-radius:9999px;height:45px;background-color:#e9f4fd;border:0;padding:6px 20px;color:#062045}
.form-contact textarea.form-control{border-radius:20px;background-color:#e9f4fd;border:0;padding:15px 20px;color:#062045}
.form-contact .btn-outlined{background-color:transparent;color:#5ca5dd;border-color:#5ca5dd}
.form-contact .btn-outlined:hover{background-color:#5ca5dd;color:#fff}
.contact-infos{margin-top:25px;margin-bottom:60px}
.contact-infos > ul > li > a{padding:6px 0;display:block;color:#062045}
.contact-infos > ul > li > a > i{font-size:30px;color:#43d9ad;margin-right:20px;vertical-align:middle}
.line{margin-bottom:40px}
.pb-70{padding-bottom:70px}
@media screen and (max-width: 800px) {
#wrapper #main #content #section-contact{padding-top:30px;padding-bottom:30px}
#wrapper #main #content #section-contact .container .contact-infos{margin-bottom:25px}
 
#wrapper #main #content #section-contact > div:not(.container){height:400px!important}
}
@media screen and (max-width: 600px) {
#wrapper #main #content #section-contact{padding-bottom:75px}
#wrapper #main #content #section-contact .container .box .box-body .contact-info{margin-bottom:30px}
#wrapper #main #content #section-contact .container .box .box-body .form-contact{margin-bottom:20px}
#wrapper #main #content #section-contact .container .box .box-body .form-contact .form-group.mtxxl{margin-top:20px!important}
#wrapper #main #content #section-contact .container .line{margin-bottom:20px}
#wrapper #main #content #section-contact .container .row{padding-bottom:0!important}
 
}
@media screen and (max-width: 480px) {
#wrapper #main #content #section-contact > div:not(.container){height:320px!important}
#wrapper #main #content #section-contact .form-contact .btn-outlined{font-size:11px}
 
}
@media screen and (max-width: 400px) {
#wrapper .header-bg-wrapper #header-bg{height:270px}
#wrapper .header-bg-wrapper #header-bg .header-bg-content{padding-top:100px}
#wrapper #main #content #section-contact .container .section-heading .title{font-size:28px}
#wrapper #main #content #section-contact .container .box .box-heading{margin-bottom:20px}
#wrapper #main #content #section-contact .container .box .box-body{font-size:13px}
#wrapper #main #content #section-contact .container .box .box-body .form-contact input.form-control{width:100%}
#wrapper #main #content #section-contact .container .box .box-body .contact-infos{margin-bottom:20px}
 
}