.contact_page {
    padding: 100px 0 50px 0;
    position: relative;
}

.contact_page::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background-color: var(--secondary-white);
    width: 100%;
    height: 500px;
}

.contact_page .contact_page_head {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 64px;
    text-align: center;
}

.contact_page .contact_page_head h1 {
    font-size: var(--fs-50);
    line-height: var(--lh-60);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
    letter-spacing: 2px;
}

.contact_page .contact_page_head h2 {
    font-size: var(--fs-40);
    line-height: var(--lh-50);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
    letter-spacing: 2px;
}

.contact_page .contact_page_head h3 {
    font-size: var(--fs-30);
    line-height: var(--lh-40);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
    letter-spacing: 2px;
}

.contact_page .contact_page_head h4 {
    font-size: var(--fs-30);
    line-height: var(--lh-40);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
    letter-spacing: 2px;
}

.contact_page .contact_page_head h5 {
    font-size: var(--fs-26);
    line-height: var(--lh-36);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
    letter-spacing: 2px;
}

.contact_page .contact_page_head h6 {
    font-size: var(--fs-26);
    line-height: var(--lh-36);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
    letter-spacing: 2px;
}

.contact_page .contact_page_head p {
    font-size: var(--fs-24);
    line-height: var(--lh-34);
    font-weight: var(--fw-400);
    color: var(--sol-grey);
    margin: 0;
    letter-spacing: 2px;
}

.contact_page .contact_page_wrapper {
    display: flex;
    flex-direction: row-reverse;

    gap: 80px;
    position: relative;
    z-index: 2;
    padding: 60px;
    background: var(--color-white);
    border-radius: 24px;
    box-shadow:
        0 8px 16px rgba(8, 73, 135, 0.18),
        0 20px 40px rgba(8, 73, 135, 0.28),
        0 0 0 1px rgba(8, 73, 135, 0.08);
}

.contact_page .contact_page_address {
    max-width: 35%;
    width: 100%;
    padding: 40px;
    position: sticky;
    top: 230px;
    background: var(--primary-bg);
    background-blend-mode: var(--primary-blend);
    box-shadow: var(--primary-shadow);
    border-radius: 10px;
    height: 100%;
}

.contact_page .contact_page_address .content h2 {
    font-size: var(--fs-36);
    line-height: var(--lh-46);
    font-weight: var(--fw-600);
    color: var(--color-white);
    margin-bottom: 30px;
}

.contact_page .contact_page_address .content p {
    font-size: var(--fs-20);
    line-height: var(--lh-30);
    font-weight: var(--fw-500);
    color: var(--color-white);
    margin: 0;
    padding-bottom: 20px;
}

.contact_page .contact_page_address .content p:last-child {
    padding: 0;
}

.contact_page .contact_page_form {
    max-width: 65%;
    width: 100%;
}

.contact_page .contact_page_form h3 {
    font-size: var(--fs-36);
    line-height: var(--lh-46);
    color: var(--color-primary);
    font-weight: var(--fw-600);
    margin: 0;
    padding-bottom: 64px;
}

.contact_page .contact_page_form form label {
    font-size: var(--fs-14);
    line-height: var(--lh-18);
    color: var(--sol-grey);
    font-weight: var(--fw-500);
    background: var(--color-white);
    position: absolute;
    top: -8px;
    left: 16px;
    padding: 0 8px;
    margin: 0;
}

.contact_page .contact_page_form form .form-columns-1 {
    width: 100%;
}

.contact_page .contact_page_form form .form-columns-1 .hs-form-field {
    max-width: 100%;
    width: 100%;
    position: relative;
}

.contact_page .contact_page_form form .form-columns-1 .hs-form-field input {
    max-width: 100%;
    width: 100%;
    padding: 18px 24px;
    border: 1px solid var(--sol-grey);
    border-radius: 10px;
    font-size: var(--fs-20);
    line-height: var(--lh-30);
    font-weight: var(--fw-500);
    color: var(--color-primary);
}

.contact_page .contact_page_form form .form-columns-1 .hs-form-field input:focus {
    outline: none;
}

.contact_page .contact_page_form form .form-columns-1 .hs-form-field input:focus-visible {
    outline: none;
}

.contact_page .contact_page_form form .form-columns-1 .hs-form-field input:focus-within {
    outline: none;
}

.contact_page .contact_page_form form .form-columns-1 .hs-form-field select {
    max-width: 100%;
    width: 100%;
    padding: 18px 24px;
    border: 1px solid var(--sol-grey);
    border-radius: 10px;
    font-size: var(--fs-20);
    line-height: var(--lh-30);
    font-weight: var(--fw-500);
    color: var(--sol-grey);
    -webkit-appearance: none;
}

.contact_page .contact_page_form form .form-columns-1 .hs-form-field select option {
    color: var(--color-primary);
}

.contact_page .contact_page_form form .form-columns-1 .hs-form-field select:focus {
    outline: none;
}

.contact_page .contact_page_form form .form-columns-1 .hs-form-field select:focus-within {
    outline: none;
}

.contact_page .contact_page_form form .form-columns-1 .hs-form-field select:focus-visible {
    outline: none;
}

.contact_page .contact_page_form form .hs_country__select___cloned_::after {
    position: absolute;
    content: "";
    width: 25px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30px' height='30px' viewBox='0 0 30 30' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.7071 14.7071C12.3166 15.0976 11.6834 15.0976 11.2929 14.7071L6.29289 9.70711C5.90237 9.31658 5.90237 8.68342 6.29289 8.29289C6.68342 7.90237 7.31658 7.90237 7.70711 8.29289L12 12.5858L16.2929 8.29289C16.6834 7.90237 17.3166 7.90237 17.7071 8.29289C18.0976 8.68342 18.0976 9.31658 17.7071 9.70711L12.7071 14.7071Z' fill='%23000000'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    right: 35px;
    top: 25px;
}

.contact_page .contact_page_form form .form-columns-2 {
    display: flex;
    gap: 30px;
    align-items: center;
    width: 100%;
}

.contact_page .contact_page_form form .form-columns-2 .hs-form-field {
    max-width: 50%;
    width: 100%;
    position: relative;
}

.contact_page .contact_page_form form .form-columns-2 .hs-form-field input {
    width: 100%;
    padding: 18px 24px;
    border: 1px solid var(--sol-grey);
    border-radius: 10px;
    font-size: var(--fs-20);
    line-height: var(--lh-30);
    font-weight: var(--fw-500);
    color: var(--color-primary);
}

.contact_page .contact_page_form form .form-columns-2 .hs-form-field input:focus {
    outline: none;
}

.contact_page .contact_page_form form .form-columns-2 .hs-form-field input:focus-visible {
    outline: none;
}

.contact_page .contact_page_form form .form-columns-2 .hs-form-field input:focus-within {
    outline: none;
}

.contact_page .contact_page_form form .form-columns-1 .hs-form-field textarea {
    width: 100%;
    padding: 18px 24px;
    border: 1px solid var(--sol-grey);
    border-radius: 10px;
    height: 150px;
    font-size: var(--fs-20);
    line-height: var(--lh-30);
    font-weight: var(--fw-500);
    color: var(--color-primary);
}

.contact_page .contact_page_form form .form-columns-1 .hs-form-field textarea:focus {
    outline: none;
}

.contact_page .contact_page_form form .form-columns-1 .hs-form-field textarea:focus-visible {
    outline: none;
}

.contact_page .contact_page_form form .form-columns-1 .hs-form-field textarea:focus-within {
    outline: none;
}

.contact_page .contact_page_form .hs-form-field {
    margin-bottom: 50px;
}

.contact_page .contact_page_form .hs-error-msgs {
    padding: 0;
}

.contact_page .contact_page_form form label.hs-form-booleancheckbox-display {
    display: flex;
    position: unset;
    width: 100%;
    gap: 20px;
    padding: 0;
    align-items: center;
}

.contact_page .contact_page_form form label.hs-form-booleancheckbox-display span {
    display: inline-flex;
    font-size: var(--fs-20);
    line-height: var(--lh-30);
    color: var(--sol-grey);
}

.contact_page .contact_page_form form label.hs-form-booleancheckbox-display span p {
    margin: 0;
}

.contact_page .contact_page_form form .hs-form-booleancheckbox {
    display: flex;
    width: 100%;
    list-style: none;
}

.contact_page .contact_page_form .hs-fieldtype-booleancheckbox label.hs-error-msg {
    position: unset;
    padding: 16px 0 0 0;
}

.contact_page .contact_page_form form .form-columns-1 .hs-form-field label.hs-form-booleancheckbox-display input {
    width: 32px;
    height: 32px;
}

.contact_page .contact_page_form form .form-columns-1 .hs-fieldtype-booleancheckbox {
    margin-bottom: 24px;
}

.contact_page .contact_page_form form .form-columns-1 .hs-fieldtype-booleancheckbox .inputs-list {
    padding: 0;
}

.contact_page .contact_page_form form .hs_submit .actions {
    display: flex;
    justify-content: end;
}

.contact_page .contact_page_form form .hs_submit .actions input {
    padding: 12px 80px;
    border-radius: 50px;
    font-size: var(--fs-20);
    line-height: var(--lh-30);
    font-weight: var(--fw-500);
    color: var(--color-white);
    transition: 0.3s ease-in-out;
}

.contact_page .contact_page_form form .hs_submit .actions input:hover {
    background: #099BDD !important;
}

.contact_page .contact_page_form form .hs-richtext {
    font-size: var(--fs-20);
    line-height: var(--lh-30);
    font-weight: var(--fw-500);
    color: var(--sol-grey);
    margin: 0;
}