/* Contact us */

.contact-us {
    width: 100%;
    min-height: 100%;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: calc(2 * var(--space-xl));

    padding: var(--space-l);

    position: relative;
}

.contact__form-wrapper {
    width: 50%;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-xl);
}

.contact__form {
    width: 100%;

	border-radius: var(--radius-m);

	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);

	background-color: rgba(18, 18, 18, 0.4);

    display: flex;
    flex-direction: column;
    gap: var(--space-m);

    padding: var(--space-l);
}

.cf__btn-wrapper {
    display: flex;
    justify-content: flex-end;
}

.cf__btn-label {
    width: max-content;
}

.cf__btn-label > .c-btn {
    border-color: rgba(255, 255, 255, 0.2);
}

.social-media__links {
    display: flex;
    align-items: center;
    gap: var(--space-m);
}

.contacts {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-xs);

    bottom: var(--space-l);
}

@media (max-width: 1280px) {
}

@media (max-width: 1024px) {
    
}

@media (max-width: 768px) {
    /* Contact us */

    .contact__form-wrapper {
        width: 100%;

        border-radius: var(--radius-m);

        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);

        background-color: rgba(18, 18, 18, 0.4);

        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-xl);

        padding: var(--space-l);
    }

    .contact__form {
        width: 100%;

        border-radius: unset;

        backdrop-filter: unset;
        -webkit-backdrop-filter: unset;

        background-color: unset;

        display: flex;
        flex-direction: column;
        gap: var(--space-m);

        padding: unset;
    }

    .social-media__links {
        flex-direction: column;
        align-items: flex-start;
    }

    .contacts {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    /* Contact us */

    .cf__btn-label {
        width: 100%;
    }

    .cf__btn-label > .c-btn {
        justify-content: space-between;
    }
}