| Server IP : 65.108.144.40 / Your IP : 216.73.217.165 Web Server : Apache/2.4.52 (Ubuntu) System : Linux ubuntu-8gb-hel1-1 5.15.0-173-generic #183-Ubuntu SMP Fri Mar 6 13:29:34 UTC 2026 x86_64 User : dev ( 1000) PHP Version : 8.2.30 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/html/successkpi/wp-content/themes/successkpi/blocks/contact-us-form-block/ |
Upload File : |
.contact-us-section .contact-us-block {
padding: 60px 20px 0;
background: #fafbfd;
}
.contact-us-section .contact-us-header {
margin-bottom: 50px;
}
.contact-us-section .contact-us-header h1 {
color: #032169;
font-weight: 700;
}
.contact-us-section .contact-us-header p {
color: #555555;
}
.contact-us-section .contact-us-block .contact-us-header {
text-align: center;
}
.contact-us-section .contact-us-block .contact-form {
display: flex;
gap: 50px;
max-width: 95%;
margin: 0 auto;
}
.contact-us-section .contact-us-block .contact-form .contact-us-block-content {
width: 40%;
margin-top: 30px;
}
.contact-us-section .contact-us-block .contact-form .contact-us-block-form {
width: 60%;
box-shadow: 12px 12px 32px rgba(0, 0, 0, .05);
}
.contact-us-section .contact-us-block .contact-form .contact-us-block-content .input-wrapper .input-title {
display: flex;
color: #032169;
margin-bottom: 20px;
font-size: 18px;
line-height: 27px;
position: relative;
cursor: pointer;
}
.contact-us-section .contact-us-block .contact-form .contact-us-block-content .input-wrapper .input-title span {
opacity: 0;
transform: translateX(-5px);
transition: 0.2s;
}
.contact-us-section .contact-us-block .contact-form .contact-us-block-content .input-wrapper {
margin-bottom: 30px;
}
.contact-us-section .contact-us-block .contact-form .contact-us-block-content .input-wrapper .input-title.active {
color: #234cc6;
font-weight: 700;
}
.contact-us-section .contact-us-block .contact-form .contact-us-block-content .input-wrapper .input-title.active i {
font-size: 14px;
}
.contact-us-section .contact-us-block .contact-form .contact-us-block-content .input-wrapper .input-title.active span {
margin-left: 10px;
}
.contact-us-section .contact-us-block .contact-form .contact-us-block-content .input-wrapper .input-title.active span {
opacity: 1;
transform: translateX(0);
}
.contact-us-section .contact-us-block .contact-form .contact-us-block-content .contacts-info {
border-top: 1px solid #c5c5c5;
padding-top: 30px;
}
/* FORM */
.contact-us-section .contact-us-block .contact-form .contact-us-block-form .form-wrapper {
display: none;
background: #fff;
padding: 30px 50px 50px;
border-radius: 4px;
box-shadow: 12px 12px 32px rgba(0, 0, 0, .05);
}
.contact-us-section .contact-us-block .contact-form .contact-us-block-form .form-wrapper.form-active {
display: block;
}
.contact-us-section .contact-us-block .contact-form .contact-us-block-content h3 {
padding-bottom: 24px;
border-bottom: 1px solid #c5c5c5;
color: #032169;
font-weight: 700;
margin-bottom: 23px;
}
.contact-us-section .contact-us-block .contact-form .contacts-info a {
text-decoration: none;
display: flex;
align-items: center;
font-size: 18px;
line-height: 27px;
font-weight: 400;
color: #092064;
margin-bottom: 30px;
}
.contact-us-section .contact-us-block .contact-form .contacts-info a i {
margin-right: 18px;
}
@media (max-width: 768px) {
.contact-us-section .contact-us-block .contact-form {
gap: 30px;
max-width: 90%;
}
.contact-us-section .contact-us-block .contact-form .contact-us-block-content h3 {
padding-bottom: 20px;
margin-bottom: 20px;
}
.contact-us-section .contact-us-block .contact-form .contact-us-block-form .form-wrapper {
padding: 30px;
}
}
@media (max-width: 576px) {
.contact-us-section .contact-us-block .contact-form {
flex-wrap: wrap;
}
.contact-us-section .contact-us-block .contact-form .contact-us-block-content,
.contact-us-section .contact-us-block .contact-form .contact-us-block-form {
width: 100%;
}
}