:root {
--brand: #88c733;
--dark: #182333;
}
.contact-left .row.g-4.flex-grow-1 .col-12 {
margin-top: 8px !important;
}
.wpcf7 form > p {
margin-bottom: 8px !important;
}
.form-control,
.form-select {
padding: 10px 14px 10px 40px;
}
.input-wrap p{
line-height: 15px !important;
}
.wpcf7 form p {
margin: 0 !important;
}
.wpcf7 form .cf7-checkbox {
margin-top: 20px !important;
} .wpcf7 form p,
.wpcf7 form .wpcf7-form-control-wrap,
.wpcf7 p {
margin: 0 !important;
padding: 0 !important;
} .wpcf7 {
margin: 0 !important;
padding: 0 !important;
} .form-box {
height: 100% !important;
display: flex !important;
align-items: flex-start !important; }
.wpcf7 form > p:first-child:empty,
.wpcf7 form > p:empty {
display: none !important;
}
.contact-right {
padding-top: 0 !important;
margin-top: 20px !important;
}
.page-banner h1,
.page-banner h2 {
color: #fff;
font-size: 55px !important;
padding: 0 8%;
} .page-banner {
min-height: 100vh; display: flex;
align-items: center; justify-content: center; position: relative;
margin-top: 85px;
}
.page-banner::before {
content: "";
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.5);
}
.page-banner .container {
position: relative;
z-index: 2;
} .contact-section {
background: #f5f5f5;
padding: 43px 0;
}
.contact-title {
text-align: center;
margin-bottom: 50px;
}
.contact-title span {
display: block;
width: 80px;
height: 3px;
background: linear-gradient(to right, transparent, var(--brand), transparent);
margin: 10px auto 0;
} .contact-row {
display: flex;
flex-wrap: wrap;
align-items: flex-start !important; }
.contact-left,
.contact-right {
display: flex;
flex-direction: column;
height: 100%;
}
.info-card i {
display: block;
margin-bottom: 25px;
} .info-card {
background: #fff;
border-radius: 16px;
padding: 35px;
text-align: center;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
height: 100%;
}
.info-card i {
font-size: 28px;
color: var(--brand);
margin-bottom: 15px;
} .form-box {
height: 100%;
display: flex;
align-items: center;
padding-top: 0 !important;
margin-top: 0 !important;
}
form {
width: 100%;
}
.form-control,
.form-select {
border-radius: 14px;
border: none;
background: #fff;
padding: 16px 18px 16px 45px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}
.form-control:focus,
.form-select:focus {
box-shadow: 0 0 0 2px rgba(136, 199, 51, 0.2);
}
.input-wrap {
position: relative;
}
.input-wrap i {
position: absolute;
left: 26px;
top: 28px;
transform: translateY(-50%);
color: var(--brand);
}
textarea.form-control {
height: 140px;
resize: none;
}
.submit-wrap {
text-align: center;
margin-top: 20px;
}
.info-card h5 {
font-weight: 500;
}
.section-kicker {
font-size: 1.5rem !important; font-weight: 600;
}
.contact-section .btn-split-text {
padding: 8px 25px;
}
.contact-section .btn-split-icon {
margin: 3px;
} .input-wrap {
position: relative;
}
.input-wrap .wpcf7-form-control-wrap {
display: block;
}
.input-wrap .form-control,
.input-wrap .form-select {
width: 100%;
padding-left: 50px !important;
} .input-wrap i {
position: absolute;
left: 27px;
top: 44px;
transform: translateY(-50%);
color: var(--brand);
font-size: 16px;
pointer-events: none;
z-index: 10; } .input-wrap.textarea-wrap i {
top: 22px;
transform: none;
}
.input-wrap textarea.form-control {
padding-left: 50px !important;
padding-top: 18px;
} .cf7-checkbox .wpcf7-form-control-wrap {
display: inline-flex;
align-items: center;
} .cf7-checkbox .wpcf7-list-item {
display: flex;
align-items: center;
gap: 10px;
margin: 0;
} .cf7-checkbox label {
display: flex;
align-items: center;
gap: 10px;
margin: 0;
cursor: pointer;
} .cf7-checkbox input[type="checkbox"] {
margin: 0;
width: 16px;
height: 16px;
} .cf7-checkbox .wpcf7-list-item-label {
display: inline;
}
.cf7-checkbox input[type="checkbox"] {
accent-color: #88c733;
}
html,
body {
overflow-x: hidden;
}
@media (max-width: 768px) { .page-banner {
min-height: 300px;
margin-top: 70px;
padding: 60px 15px;
text-align: center;
}
.page-banner h1 {
font-size: 32px !important;
}
.page-banner p {
font-size: 0.95rem;
} .contact-section {
padding: 50px 0;
}
.contact-title {
margin-bottom: 30px;
}
.section-kicker {
font-size: 1.2rem !important;
}
.display-6 {
font-size: 1.2rem;
line-height: 1.6;
padding-bottom: 5%;
} .contact-row {
display: block;
}
.contact-left {
margin-bottom: 30px;
} .info-card {
padding: 25px;
}
.info-card i {
font-size: 24px;
margin-bottom: 15px;
} .form-control,
.form-select {
padding: 14px 16px 14px 40px;
font-size: 0.9rem;
}
.input-wrap i {
left: 26px;
top: 26px;
transform: translateY(-50%);
font-size: 14px;
}
textarea.form-control {
height: 120px;
}
.contact-section .btn-split-text {
padding: 8px 25px;
}
.contact-section .btn-split-icon {
margin: 3px;
} .form-check {
font-size: 0.9rem;
}
.contact-title .section-kicker {
width: 100%;
text-align: center;
}
.contact-section .btn-split:active,
.contact-section .btn-split:focus {
background: #224272;
}
.contact-section .btn-split:active .btn-split-icon {
background: #88c733; }
.input-wrap {
position: relative;
}
.input-wrap i {
position: absolute;
left: 26px;
top: 42px;
transform: translateY(-50%);
font-size: 14px;
z-index: 10;
} .input-wrap .form-control,
.input-wrap .form-select {
padding-left: 42px !important;
} .input-wrap.textarea-wrap i {
top: 20px;
transform: none;
}
.input-wrap textarea.form-control {
padding-left: 42px !important;
padding-top: 16px;
} .input-wrap {
position: relative;
}
.input-wrap i {
position: absolute;
left: 26px;
top: 42px;
transform: translateY(-50%);
font-size: 14px;
z-index: 10;
} .input-wrap .form-control,
.input-wrap .form-select {
padding-left: 42px !important;
} .input-wrap.textarea-wrap i {
top: 20px;
transform: none;
}
.input-wrap textarea.form-control {
padding-left: 42px !important;
padding-top: 16px;
} .cf7-checkbox .wpcf7-form-control-wrap {
display: block;
width: 100%;
} .cf7-checkbox label {
display: flex;
align-items: flex-start;
gap: 8px;
line-height: 1.4;
} .cf7-checkbox input[type="checkbox"] {
margin-top: 9px; width: 14px;
height: 14px;
flex-shrink: 0;
} .cf7-checkbox .wpcf7-list-item-label {
display: inline;
font-size: 0.9rem;
}
}