/* =========================================VACANCIES========================================= */.vacancies-section {background: #fff;color: #17202a;}/* Heading----------------------------------------- */.vacancies-heading {max-width: 850px;margin-left: auto;margin-right: auto;}.vacancies-overline {display: inline-flex;align-items: center;gap: 8px;margin-bottom: 14px;font-size: 14px;font-weight: 600;letter-spacing: 1.5px;text-transform: uppercase;color: #76b82a;}.vacancies-overline i {font-size: 18px;}.vacancies-title {margin: 0;font-size: clamp(38px, 5vw, 64px);line-height: 1.1;font-weight: 700;letter-spacing: -1.5px;}.vacancies-title span {color: #76b82a;}.vacancies-intro {max-width: 650px;margin: 18px auto 0;font-size: 18px;line-height: 1.6;color: #66717d;}/* Vacancy card----------------------------------------- */.vacancy-card {position: relative;display: flex;align-items: center;min-height: 190px;padding: 28px 30px;background: #fff;border: 1px solid #e4e9e1;border-radius: 18px;text-decoration: none;box-shadow: 0 8px 30px rgba(20, 40, 20, 0.055);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}.vacancy-card:hover {color: inherit;text-decoration: none;transform: translateY(-4px);border-color: #76b82a;box-shadow: 0 15px 40px rgba(50, 100, 30, 0.11);}/* Icon----------------------------------------- */.vacancy-icon {flex: 0 0 92px;width: 92px;height: 92px;display: flex;align-items: center;justify-content: center;margin-right: 25px;border-radius: 50%;background: #eef8e7;color: #4c9d19;transition:background .25s ease,color .25s ease,transform .25s ease;}.vacancy-icon i {font-size: 42px;line-height: 1;}.vacancy-card:hover .vacancy-icon {background: #76b82a;color: #fff;transform: scale(1.05);}/* Content----------------------------------------- */.vacancy-content {flex: 1;min-width: 0;padding-right: 15px;}.vacancy-title {margin: 0 0 10px;color: #111820;font-size: 23px;line-height: 1.25;font-weight: 700;}.vacancy-description {margin: 0;color: #6b7480;font-size: 16px;line-height: 1.55;}/* Arrow----------------------------------------- */.vacancy-arrow {flex: 0 0 42px;width: 42px;height: 42px;display: flex;align-items: center;justify-content: center;margin-left: 15px;border-radius: 50%;background: #f2f9ed;color: #5ba522;transition:background .25s ease,color .25s ease,transform .25s ease;}.vacancy-arrow i {font-size: 22px;}.vacancy-card:hover .vacancy-arrow {background: #76b82a;color: #fff;transform: translateX(4px);}/* Bottom CTA----------------------------------------- */.vacancies-bottom {display: flex;align-items: center;padding: 30px 35px;background: #eff8e9;border-radius: 18px;}.vacancies-bottom-icon {flex: 0 0 65px;width: 65px;height: 65px;display: flex;align-items: center;justify-content: center;margin-right: 22px;color: #5da322;}.vacancies-bottom-icon i {font-size: 48px;}.vacancies-bottom h3 {margin: 0 0 5px;font-size: 23px;font-weight: 700;}.vacancies-bottom p {margin: 0;color: #687463;font-size: 16px;}/* =========================================MOBILE========================================= */@media (max-width: 767.98px) {.vacancies-section {padding-top: 45px !important;padding-bottom: 45px !important;}.vacancies-heading {margin-bottom: 30px !important;}.vacancies-overline {font-size: 11px;letter-spacing: 1px;}.vacancies-title {font-size: 38px;letter-spacing: -1px;}.vacancies-intro {margin-top: 14px;font-size: 16px;line-height: 1.5;}/* Card */.vacancy-card {min-height: auto;padding: 20px;border-radius: 15px;}.vacancy-icon {flex: 0 0 62px;width: 62px;height: 62px;margin-right: 15px;}.vacancy-icon i {font-size: 29px;}.vacancy-title {margin-bottom: 6px;font-size: 18px;line-height: 1.3;}.vacancy-description {font-size: 14px;line-height: 1.45;}.vacancy-content {padding-right: 5px;}.vacancy-arrow {flex: 0 0 32px;width: 32px;height: 32px;margin-left: 5px;}.vacancy-arrow i {font-size: 18px;}/* Bottom */.vacancies-bottom {align-items: flex-start;padding: 22px 20px;border-radius: 15px;}.vacancies-bottom-icon {flex: 0 0 42px;width: 42px;height: 42px;margin-right: 14px;}.vacancies-bottom-icon i {font-size: 34px;}.vacancies-bottom h3 {font-size: 18px;line-height: 1.3;}.vacancies-bottom p {font-size: 14px;line-height: 1.45;}}/* =========================================FORM BUILDER — ВАКАНСІЯ========================================= */.vakans_form {max-width: 760px;margin: 0 auto;padding: 40px;background: #fff;border: 1px solid #e7ece4;border-radius: 20px;box-shadow: 0 15px 50px rgba(30, 50, 20, 0.07);}/* -----------------------------------------FIELDSETS----------------------------------------- */.vakans_form fieldset {margin: 0 0 12px;padding: 0;border: 0;}/* -----------------------------------------LABELS----------------------------------------- */.vakans_form label {display: block;margin-bottom: 8px;color: #20272d;font-size: 15px;font-weight: 600;}/* -----------------------------------------INPUTS / TEXTAREA----------------------------------------- */.vakans_form .form-control {width: 100%;min-height: 54px;padding: 13px 17px;color: #20272d;background: #fff;border: 1px solid #dfe6db;border-radius: 10px;font-size: 16px;box-shadow: none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;}.vakans_form .form-control::placeholder {color: #9aa39a;}.vakans_form .form-control:hover {border-color: #b8c8b0;}.vakans_form .form-control:focus {color: #20272d;background: #fff;border-color: #76b82a;box-shadow: 0 0 0 3px rgba(118, 184, 42, .12);outline: none;}/* Textarea */.vakans_form textarea.form-control {min-height: 75px;resize: vertical;}/* =========================================VACANCIES CHECKBOX========================================= */.vakans_form .vacancy-check {position: relative;margin: 0 0 10px !important;padding: 0 !important;}/* LABEL / CARD */.vakans_form .vacancy-check .form-check-label {position: relative;display: flex;align-items: center;width: 100%;min-height: 58px;margin: 0 !important;padding: 13px 58px 13px 20px;box-sizing: border-box;background: #fff;border: 1px solid #dfe7da;border-radius: 11px;color: #20272d;font-size: 15px;font-weight: 500;line-height: 1.4;cursor: pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;}/* HOVER */.vakans_form .vacancy-check .form-check-label:hover {background: #fbfdf9;border-color: #9fc97d;}/* =========================================REAL CHECKBOX========================================= */.vakans_form .vacancy-check .form-check-input {position: absolute !important;top: 50% !important;right: 17px !important;left: auto !important;width: 24px !important;height: 24px !important;margin: 0 !important;transform: translateY(-50%) !important;opacity: 1 !important;appearance: none !important;-webkit-appearance: none !important;background-color: #fff !important;border: 2px solid #cbd6c7 !important;border-radius: 6px !important;box-shadow: none !important;cursor: pointer;z-index: 5;}/* =========================================CHECKED CHECKBOX========================================= */.vakans_form .vacancy-check .form-check-input:checked {background-color: #76b82a !important;border-color: #76b82a !important;background-image: none !important;box-shadow: none !important;}/* Галочка */.vakans_form .vacancy-check .form-check-input:checked::after {content: "✓";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -55%);color: #fff;font-size: 15px;font-weight: 700;line-height: 1;}/* =========================================SELECTED CARD========================================= */.vakans_form.vacancy-check.form-check-input:checked~ .form-check-label {background: #f2f9ed;border-color: #76b82a;color: #4f8e24;box-shadow: 0 4px 15px rgba(118, 184, 42, .08);}.vakans_form .vacancy-check input:checked + label {background: #fbfdf9;border-color: #9fc97}/* =========================================FOCUS========================================= */.vakans_form.vacancy-check.form-check-input:focus {border-color: #76b82a !important;box-shadow: 0 0 0 3px rgba(118, 184, 42, .15) !important;}/* =========================================MOBILE========================================= */@media (max-width: 767.98px) {.vakans_form .vacancy-check {margin-bottom: 8px !important;}.vakans_form .vacancy-check .form-check-label {min-height: 56px;padding: 12px 55px 12px 15px;font-size: 14px;}.vakans_form .vacancy-check .form-check-input {right: 15px !important;width: 22px !important;height: 22px !important;}}/* =========================================MOBILE========================================= */@media (max-width: 767.98px) {.vakans_form .vacancy-check {margin-bottom: 8px !important;}.vakans_form .vacancy-check .form-check-label {min-height: 56px;padding: 12px 52px 12px 15px;font-size: 14px;}.vakans_form .vacancy-check .form-check-label::after {right: 15px;width: 21px;height: 21px;}.vakans_form.vacancy-check.form-check-input:checked+ .form-check-label::before {right: 19px;}}/* =========================================TEXT FIELD SECTION========================================= */.vakans_form .required,.vakans_form > div:not(.submit) {margin-bottom: 24px;}/* =========================================SUBMIT========================================= */.vakans_form .submit {margin-top: 30px;}.vakans_form .fbsubmit {width: 100%;min-height: 56px;padding: 13px 25px;border: 0;border-radius: 10px;background: #76b82a;color: #fff;font-size: 16px;font-weight: 600;cursor: pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;}.vakans_form .fbsubmit:hover {background: #65a51e;transform: translateY(-2px);box-shadow: 0 8px 20px rgba(118, 184, 42, .25);}.vakans_form .fbsubmit:active {transform: translateY(0);}/* =========================================MOBILE========================================= */@media (max-width: 767.98px) {.vakans_form {padding: 24px 18px;border-radius: 15px;box-shadow: 0 8px 30px rgba(30, 50, 20, .06);}.vakans_form fieldset {margin-bottom: 20px;}.vakans_form .form-control {min-height: 52px;padding: 12px 14px;font-size: 16px;}.vakans_form textarea.form-control {min-height: 150px;}.vakans_form .vacancy-check .form-check-label {min-height: 55px;padding: 12px 45px 12px 14px;font-size: 14px;line-height: 1.35;}.vakans_form .vacancy-check .form-check-label::after {right: 14px;width: 21px;height: 21px;}.vakans_form.vacancy-check.form-check-input:checked+ .form-check-label::before {right: 17px;}.vakans_form .submit {margin-top: 25px;}.vakans_form .fbsubmit {min-height: 54px;}}.vacancy-success {max-width: 650px;margin: 0 auto;padding: 55px 35px;text-align: center;background: #fff;border: 1px solid #e5ebe1;border-radius: 20px;box-shadow: 0 15px 50px rgba(30, 50, 20, .06);}/* Icon */.vacancy-success__icon {width: 70px;height: 70px;display: flex;align-items: center;justify-content: center;margin: 0 auto 22px;border-radius: 50%;background: #eef8e8;color: #76b82a;font-size: 34px;}.vacancy-success__icon i {line-height: 1;}/* Title */.vacancy-success h2 {margin: 0 0 12px;color: #20272d;font-size: 30px;line-height: 1.2;font-weight: 700;}/* Text */.vacancy-success > p {max-width: 500px;margin: 0 auto;color: #6b756c;font-size: 16px;line-height: 1.6;}/* Note */.vacancy-success__note {display: inline-flex;align-items: center;gap: 8px;margin-top: 25px;padding: 10px 16px;background: #f7faf5;border-radius: 8px;color: #5d695d;font-size: 14px;}.vacancy-success__note i {color: #76b82a;}/* Mobile */@media (max-width: 767.98px) {.vacancy-success {padding: 40px 20px;border-radius: 15px;}.vacancy-success__icon {width: 60px;height: 60px;margin-bottom: 18px;font-size: 29px;}.vacancy-success h2 {font-size: 25px;}.vacancy-success > p {font-size: 15px;}}/* =========================================ADVANTAGES========================================= */.advantages-row {margin-top: 10px;}/* Card */.advantage-card {height: 100%;min-height: 245px;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;padding: 30px 24px;text-align: center;background: #fff;border: 1px solid #e3e9df;border-radius: 16px;box-shadow: 0 8px 30px rgba(30, 50, 20, .05);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;}/* Hover */.advantage-card:hover {transform: translateY(-5px);border-color: #9fc97d;box-shadow: 0 15px 40px rgba(50, 100, 30, .10);}/* Icon */.advantage-icon {width: 64px;height: 64px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;margin-bottom: 20px;background: #eff8e9;border-radius: 50%;color: #65a722;transition:background .25s ease,color .25s ease,transform .25s ease;}.advantage-icon i {font-size: 28px;line-height: 1;}.advantage-card:hover .advantage-icon {background: #76b82a;color: #fff;transform: scale(1.05);}/* Title */.advantage-title {margin: 0 0 11px;color: #20272d;font-size: 18px;line-height: 1.3;font-weight: 700;}/* Description */.advantage-description {max-width: 270px;margin: 0;color: #6c756d;font-size: 14px;line-height: 1.55;}/* =========================================MOBILE========================================= */@media (max-width: 767.98px) {.advantages-row {margin-top: 0;}.advantage-card {min-height: 0;padding: 25px 20px;border-radius: 14px;}.advantage-icon {width: 56px;height: 56px;margin-bottom: 16px;}.advantage-icon i {font-size: 24px;}.advantage-title {font-size: 17px;}.advantage-description {font-size: 14px;}}
/* Stylesheet: page+vajansiji Modified On 2026-09-21 13:43:18 */