.application-form {
background: #fbfbfd;
}
.application-section summary {
list-style: none;
display: flex;
align-items: center;
cursor: pointer;
font-weight: 600;
color: #1a2b49;
margin-bottom: 8px;
}
.application-section summary::-webkit-details-marker {
display: none;
}
details + details {
margin-top: 16px;
}
.application-section .step-icon {
transition: 0.3s;
margin-left: 10px;
}
details[open] .step-icon {
transform: rotate(180deg);
}
summary.step-header {
list-style: none;
}
.application-form .field-label {
display: block;
font-weight: 400;
font-size: 12px;
line-height: 150%;
color: #9192a5;
margin-bottom: 2px;
}
body:not(.wp-admin) .application-form .form__input,
body:not(.wp-admin) .application-form .form__textarea,
body:not(.wp-admin) .application-form input[type="text"],
body:not(.wp-admin) .application-form input[type="email"],
body:not(.wp-admin) .application-form input[type="tel"],
body:not(.wp-admin) .application-form input[type="url"] {
border-radius: 8px !important;
padding: 8px 16px !important;
border: 1px solid #a8b5dd !important;
background: #fbfbfd;
font-weight: 400;
font-size: 18px;
line-height: 150%;
color: #434858 !important;
min-height: 43px !important;
display: block;
width: 100%;
}
.application-form .wpcf7-checkbox,
.application-form .wpcf7-radio {
border: none !important;
background: transparent;
padding: 0 !important;
min-height: auto !important;
display: flex;
flex-direction: column;
margin-top: 10px;
} .application-form .wpcf7-form-control-wrap {
border: none;
background: transparent;
}
.application-form input[type="text"].wpcf7-not-valid,
.application-form input[type="email"].wpcf7-not-valid,
.application-form input[type="tel"].wpcf7-not-valid,
.application-form input[type="url"].wpcf7-not-valid,
.application-form textarea.wpcf7-not-valid {
border: 1px solid #ff4d4f;
background: #fff1f0;
}
.application-form .wpcf7-form-control-wrap > span.wpcf7-not-valid {
border-radius: 2px;
display: block;
}
.application-form span.wpcf7-not-valid .wpcf7-form-control {
border: none;
background: transparent;
}
.application-form .wpcf7-radio .wpcf7-not-valid {
border: 1px solid transparent;
background: transparent;
}
.application-form .wpcf7-checkbox .wpcf7-validates-as-required {
border: 1px solid #ff4d4f;
background: #fff1f0;
}
.wpcf7-not-valid-tip {
color: #ff4d4f;
font-size: 13px;
font-weight: 500;
margin-top: 5px;
display: block;
}
.wpcf7-form-control.wpcf7-not-valid:not(input):not(textarea):not(span) {
border: none;
background: transparent;
}
.application-form .small-input {
min-width: 191px !important;
height: 43px;
}
.application-form .iti {
width: 100%;
}
.application-form .wpcf7-list-item {
display: block;
margin: 0 0 8px 0 !important;
}
.application-form .wpcf7-list-item-label {
vertical-align: middle;
cursor: pointer;
font-weight: 400;
font-size: 18px;
line-height: 150%;
color: #434858;
padding-left: 4px;
}
.application-form input[type="checkbox"],
.application-form input[type="radio"] {
appearance: none;
width: 17px;
height: 17px;
border: 1.5px solid #61627d;
border-radius: 4px;
position: relative;
cursor: pointer;
vertical-align: middle;
}
.application-form input[type="radio"] {
border-radius: 50%;
}
.application-form input[type="checkbox"]:checked,
.application-form input[type="radio"]:checked {
border-color: #a8b5dd;
background-color: #a8b5dd;
}
.application-form input[type="radio"]:checked {
background-color: #fff;
}
.application-form input[type="checkbox"]:checked::after {
content: "";
position: absolute;
top: 2px;
left: 5px;
width: 5px;
height: 8px;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.application-form input[type="radio"]:checked::after {
content: "";
position: absolute;
top: 2px;
left: 2.5px;
width: 10px;
height: 10px;
background: #a8b5dd;
border-radius: 50%;
}
.application-form .count-brigade {
position: absolute;
bottom: 100%;
transform: translateY(-40px);
left: 150%;
}
.application-form .group-name {
font-weight: 400;
font-size: 18px;
line-height: 150%;
color: #000112;
}
.application-form .phone-wrapper {
position: relative;
display: block;
}
.application-form .phone-input {
padding-left: 42px !important;
}
.application-form .iti--separate-dial-code .iti__selected-dial-code {
margin-left: 2px;
font-size: 18px;
}
.application-form .iti__country-list {
min-width: 360px;
width: 100%;
border-radius: 4px;
}
.application-form .wpcf7-form-control-wrap {
display: block;
margin-bottom: 10px;
}
.application-form .form-check {
padding-left: 26px;
}
.application-form .form-check-input[type="checkbox"] {
border: 1.5px solid #a8b5dd;
border-radius: 4px;
box-shadow: 0 0 2px 0 rgba(168, 181, 221, 0.7);
}
.form-check-input:checked[type="checkbox"] {
background-image: none !important;
}
.application-form .form-check-input:checked {
border-radius: 4px;
}
.application-form .form-check-label {
color: #26262b;
}
.step-title {
color: #000225;
font-weight: 500;
font-size: 18px;
line-height: 150%;
}
.js-not-valid {
outline: 2px solid red;
border-radius: 4px;
} .application-form .wpcf7-checkbox.radio-like .wpcf7-list-item {
display: block;
margin: 0 0 8px 0 !important;
}
.application-form .wpcf7-checkbox.radio-like input[type="checkbox"] {
appearance: none;
width: 17px;
height: 17px;
border: 1.5px solid #61627d;
border-radius: 50%;
position: relative;
cursor: pointer;
}
.application-form .wpcf7-checkbox.radio-like input[type="checkbox"]:checked {
border-color: #a8b5dd;
background: #fff;
}
.application-form
.wpcf7-checkbox.radio-like
input[type="checkbox"]:checked::after {
position: absolute;
top: 2px;
left: 2.5px;
width: 10px;
height: 10px;
background: #a8b5dd;
border-radius: 50%;
border: none;
}.cards-icon-image-content .cards-icon-image {
padding-top: 0;
padding-bottom: 0;
}
.cards-image-block {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 8px;
}
@media (min-width: 768px) {
.cards-image-block.columns-4 {
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
.cards-image-block.columns-3 {
grid-template-columns: repeat(2, 1fr);
gap: 32px;
}
} @media (min-width: 992px) {
.cards-icon-content .cards-image-block.columns-4 {
grid-template-columns: repeat(4, 1fr);
gap: 32px;
}
.cards-icon-content .cards-image-block.columns-3 {
grid-template-columns: repeat(3, 1fr);
gap: 32px;
}
}
.cards-image-item {
position: relative;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
padding: 24px 18px;
background-color: #fff;
overflow: hidden;
transition: background-color 0.3s ease;
border-radius: 4px;
}
.cards-image-item::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(
to bottom,
rgb(255, 255, 255, 0) 0%,
rgb(245 251 248) 100%
);
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
z-index: 0;
}
.cards-image-item:hover::before {
opacity: 1;
}
.cards-image-item > * {
position: relative;
z-index: 1;
}
.cards-icon-image-content .cards-image {
width: 60px;
height: 60px;
object-fit: contain;
flex-shrink: 0;
display: block;
}
.cards-icon-content .cards-image {
width: 100px;
height: 102px;
}
.cards-icon-content .cards-image-item-logo .cards-image-logo {
width: 311px;
height: 100px;
}
@media (min-width: 768px) {
.cards-icon-content .cards-image-item-logo .cards-image-logo {
width: 288px;
height: 100px;
}
}
@media (min-width: 992px) {
.cards-icon-content .cards-image-item-logo .cards-image-logo {
width: 328px;
height: 100px;
}
}
.cards-image-title {
font-weight: 500;
font-size: 22px;
line-height: 130%;
text-align: center;
color: #4c4c57;
margin: 12px 0;
}
.cards-icon-content .subtitle-text {
font-weight: 400;
font-size: 12px;
line-height: 150%;
color: #727382;
padding-top: 8px;
}
.description-section {
padding-bottom: 40px;
}
.cards-image-item.image-full {
padding: 0;
}
.cards-image-item.image-full img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: inherit;
border-radius: 4px;
}
.text-description {
margin: 32px 0 20px;
font-weight: 500;
font-size: 22px;
line-height: 130%;
text-align: center;
color: #00022e;
}
.text-description.text-description-normal {
margin: 32px 0 20px;
font-weight: 400;
font-size: 18px;
line-height: 150%;
text-align: center;
color: #00022e;
}
@media (min-width: 768px) {
.text-description {
margin: 40px 0;
}
}.cards-image-title .title-wrapper p {
font-weight: 500;
font-size: 22px;
line-height: 130%;
text-align: center;
}
.cards-fx .cards-grid {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
align-items: stretch;
}
@media (min-width: 768px) and (max-width: 1279px) {
.cards-fx .cards-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 992px) {
.cards-fx .cards-grid {
grid-template-columns: repeat(3, 1fr);
}
}
.card-fx {
position: relative;
overflow: hidden;
border-radius: 12px;
color: #fff;
background-size: cover;
background-position: center;
cursor: pointer;
display: flex;
flex-direction: column;
height: 100%;
transition: all 0.3s ease;
}
@media (min-width: 768px) {
.card-fx {
height: 310px;
}
}
.card-fx .overlay {
position: absolute;
inset: 0;
background: rgba(48, 50, 86, 0.8);
z-index: 1;
transition: background 0.4s ease;
}
.card-fx .circle-light,
.card-fx .circle-dark {
position: absolute;
top: 50%;
border-radius: 50%;
mix-blend-mode: overlay;
z-index: 2;
transform: translateY(-50%) scale(1);
transition: all 0.4s ease-in-out;
pointer-events: none;
}
.card-fx .circle-light {
left: -60%;
width: 97%;
height: 114%;
background: rgba(48, 50, 86, 0.2);
}
.card-fx .circle-dark {
left: -53%;
width: 80%;
height: 93%;
background: rgba(0, 2, 46, 0.2);
z-index: 3;
}
.card-fx:hover .circle-light,
.card-fx.active .circle-light {
left: 50%;
transform: translate(-50%, -50%) scale(2.5);
}
.card-fx:hover .circle-dark,
.card-fx.active .circle-dark {
left: 50%;
transform: translate(-50%, -50%) scale(2);
}
.card-fx:hover .overlay,
.card-fx.active .overlay {
background: rgba(48, 50, 86, 0.8);
}
.card-fx .card-content {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
padding: 32px 16px;
height: 100%;
box-sizing: border-box;
overflow: hidden;
}
.card-fx .card-title {
font-weight: 600;
font-size: 28px;
line-height: 120%;
margin: 0 0 12px 0;
position: relative;
top: 50%;
transform: translateY(-50%);
transition: all 0.4s ease;
text-align: center;
}
.card-fx .card-text {
font-weight: 400;
font-size: 16px;
line-height: 150%;
opacity: 0;
transform: translateY(100%);
transition: all 0.4s ease;
color: #fff;
}
.card-fx:hover .card-title,
.card-fx.active .card-title {
top: 0;
transform: translateY(0);
}
.card-fx:hover .card-text,
.card-fx.active .card-text {
opacity: 1;
transform: translateY(0);
}           .cards-image-title .btn-wrapper .btn {
max-width: 288px;
}
@media (min-width: 568px) {
.cards-image-title .btn-wrapper .btn {
min-width: 310px;
}
}
@media (max-width: 567px) {
.cards-image-title .btn-wrapper .btn {
max-width: 218px;
min-width: 218px;
}
}