.contact-section{
position: relative;
padding-bottom: 110px;
}
.contact-section .info-column{
position: relative;
}
.contact-section .info-column .inner-column{
position: relative;
padding-right: 65px;
margin-top: -40px;
}
.contact-section .info-column .inner-column .content-box{
position: relative;
padding: 60px 55px;
background-color: var(--theme-color);
}
.contact-section .info-column .inner-column h2{
position: relative;
font-size: 36px;
font-weight: 600;
line-height: 1.2em;
color: #ffffff;
margin-bottom: 25px;
}
.contact-section .info-column .inner-column .title{
position: relative;
color:#ffffff;
font-size: 18px;
font-weight: 600;
line-height: 1.6em;
padding-right: 20px;
padding-bottom: 35px;
margin-bottom: 40px;
border-bottom: 1px solid rgba(255,255,255,0.20);
}
.contact-section .info-column .inner-column .social-boxed{
position: relative;
margin-left: 30px;
margin-top: 30px;
}
.contact-section .info-column .inner-column .social-boxed li{
position: relative;
margin-right: 18px;
display: inline-block;
}
.contact-section .info-column .inner-column .social-boxed li a{
position: relative;
color:#ffffff;
font-size: 15px;
}
.contact-section .form-column{
position: relative;
}
.contact-section .form-column .inner-column{
position: relative;
padding-top: 100px;
padding-left: 35px;
}
.contact-section .form-column .inner-column h2{
position: relative;
color:#443986;
font-size: 22px;
font-weight: 600;
line-height: 1.2em;
margin-bottom: 16px;
}
.contact-section .form-column .inner-column h2:before{
position: absolute;
content: '';
left: -35px;
top: 12px;
height: 2px;
width: 25px;
background-color: var(--theme-color);
}
.contact-section .form-column .inner-column .title{
position: relative;
color:#222222;
font-size: 18px;
font-weight: 500;
line-height: 1.5em;
margin-bottom: 25px;
} .contact-form .form-group{
margin-bottom: 20px;
}
.contact-form .form-group:last-child{
margin-bottom:0px;
}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="password"],
.contact-form select,
.contact-form textarea{
display:block;
width:100%;
height:50px;
font-size:15px;
color:#888888;
line-height:24px;
padding:12px 5px;
font-weight:400;
border-bottom:1px solid #e5e5e5;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus{
border-color:#fa2964;
}
.contact-form textarea{
height:170px;
resize:none;
padding:12px 5px;	
}
.contact-form .message-btn{
position: relative;
overflow: hidden;
vertical-align: middle;
padding: 13px 32px 13px;
line-height: 24px;
background: #443986;
color: #ffffff;
font-size: 16px;
font-weight: 600;
border-radius: 3px;
letter-spacing: 1px;
cursor: pointer;
margin-top: 30px;
border: 2px solid #443986;
text-transform: capitalize;
font-family: 'Poppins', sans-serif;
z-index: 1;
}
.contact-form .message-btn:hover{
border-color: var(--theme-color) !important;
background-color: var(--theme-color) !important;
}
.contact-form .message-btn:before {
position: absolute;
left: 0px;
top: -1px;
right: 0px;
bottom: -1px;
content: "";
background-color: var(--theme-color);
transform: scaleY(0);
transition: .6s;
transform-origin: top;
border-radius: 5px;
z-index: -1;
}
.contact-form .message-btn:hover:before {
transform: scaleY(1);
}
.contact-form .message-btn:hover{
border-color:var(--theme-color);	
}
.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
border-color:#ff0000 !important;	
}
.contact-form label.error{
display:block;
line-height:24px;
padding:5px 0px 0px;
margin:0px;
text-transform:uppercase;
font-size:13px;
color:#ff0000;
font-weight:500;	
} .contactform__section {
position: relative;
padding: 145px 0 110px;
}
.contactform__section .shape {
position: absolute;
top: -60px;
left: 0;
right: 0;
bottom: 0;
background-position: center top;
background-size: cover;
}
.contactform__section .shape-two {
position: absolute;
right: 70px;
bottom: 50px;
background-color: #fff;
width: 170px;
height: 170px;
border-radius: 50%;
}
.contactform__section .shape-three {
position: absolute;
right: 180px;
bottom: 180px;
animation: animation__6 7s linear infinite;
}
.contactform__section .contact-form input[type="text"], 
.contactform__section .contact-form input[type="email"], 
.contactform__section .contact-form input[type="password"], 
.contactform__section .contact-form select, 
.contactform__section .contact-form textarea {
height: 60px;
border: 1px solid #dfe5e5;
padding: 0 20px;
border-radius: 5px;
font-weight: 500;
}
.contactform__section .form-group .ui-button .ui-icon:before {
color: #222;
}
.contactform__section .form-group .ui-selectmenu-button.ui-button {
height: 60px;
background: #fff;
border: 1px solid #dfe5e5;
border-radius: 5px;
color: #888;
padding: 15px 20px;
font-weight: 500;
}
.contactform__section .contact-form textarea {
height: 170px;
padding: 20px;
}
.contactform__section .contact-form {
position: relative;
background: #fff;
padding: 50px;
border-radius: 10px;
box-shadow: 0px 20px 40px 0px rgba(0, 52, 120, 0.08);
margin-bottom: 30px;
}
.contactform__section .contact-form .row {
margin: 0 -10px;
}
.contactform__section .contact-form .form-group {
padding: 0 10px;
}
.contactform__section .contact-form .theme-btn {
cursor: pointer;
} .contactform__section.style__two .shape {
top: 0;
bottom: 250px;
background-position: center bottom;
}