:root {
    /* ======================== Spacing variables ======================== */
    --spacing-1: clamp(3.75rem, 2.125rem + 4vw, 7rem);
    /* 112px to 80px */
    --spacing-2: clamp(3.75rem, 2.125rem + 4vw, 6rem);
    /* 96px to 80px */
    --spacing-3: clamp(1.5rem, -1.3rem + 7vw, 5rem);
    /* 80px to 24px */
    --spacing-4: 64px;
    /* 64px */
    --spacing-5: 48px;
    /* 48px */
}

/* ======================== Container ======================== */
.e-con-inner {
    width: 90% !important;
}

.large__container .e-con-inner {
    max-width: 1600px !important;
    width: 100% !important;
}

/* ======================== Word break ======================== */
.word-break-all {
    word-break: break-all;
}

/* ======================== Highlighted italic text ======================== */
.highlighted_italic {
    color: var(--e-global-color-secondary);
    font-style: italic;
}

/* ======================== Aspect ratio 4/5 ======================== */
.ratio__4-by-5 {
    aspect-ratio: 4/5;
}

/* ======================== Aspect ratio 3/4 ======================== */
.ratio__3-by-4 {
    aspect-ratio: 3/4;
}

/* ======================== Aspect ratio 16/10 ======================== */
.ratio__16-by-10 {
    aspect-ratio: 16/10;
}

/* ======================== Aspect ratio 8/5 ======================== */
.ratio__8-by-5 {
    aspect-ratio: 8/5;
}

/* ======================== Font-Style = Italic ======================== */
.font-italic {
    font-style: italic;
}

/* ======================== Buttons ======================== */
.elementor-kit-6 .elementor-button {
    svg {
        width: 16px;
    }

    .elementor-button-content-wrapper {
        transition: gap 0.3s ease-in-out;
    }

    &:hover {
        background-color: var(--e-global-color-22962da);
        font-size: var(--e-global-typography-accent-font-size);
        font-weight: var(--e-global-typography-accent-font-weight);
        text-transform: var(--e-global-typography-accent-text-transform);
        line-height: var(--e-global-typography-accent-line-height);
        letter-spacing: var(--e-global-typography-accent-letter-spacing);
    }
}

.site__btn--1 a.elementor-button {
    background-color: transparent;
    color: var(--e-global-color-secondary);
    border-color: var(--e-global-color-5756c9b);

    &:hover {
        color: var(--e-global-color-f0b79c5);
        background-color: var(--e-global-color-780b640);
    }
}

.site__btn--2 a.elementor-button {
    padding: 0;
    border: none !important;
    background-color: transparent !important;
    color: var(--e-global-color-f0b79c5) !important;

    .elementor-button-content-wrapper {
        gap: 12px !important;
    }
}

.site__btn--3 a.elementor-button {
    padding: 0;
    border: none !important;
    background-color: transparent !important;
    color: var(--e-global-color-secondary) !important;

    &:hover {
        .elementor-button-content-wrapper {
            gap: 12px !important;
        }
    }
}

/* ======================== Cookie Consent Buttons ======================== */

.cky-prefrence-btn-wrapper,
.cky-notice-btn-wrapper {
    gap: 8px;

    .cky-btn {
        background-color: var(--e-global-color-accent) !important;
        font-family: var(--e-global-typography-accent-font-family), Sans-serif !important;
        font-size: var(--e-global-typography-accent-font-size) !important;
        font-weight: var(--e-global-typography-accent-font-weight) !important;
        text-transform: var(--e-global-typography-accent-text-transform) !important;
        line-height: var(--e-global-typography-accent-line-height) !important;
        letter-spacing: var(--e-global-typography-accent-letter-spacing) !important;
        border-color: var(--e-global-color-5756c9b) !important;
        color: var(--e-global-color-f0b79c5) !important;
        margin: 0 !important;
    }

    .cky-btn-customize {
        background-color: transparent !important;
        color: var(--e-global-color-secondary) !important;
        border-color: var(--e-global-color-5756c9b) !important;

        &:hover {
            color: var(--e-global-color-f0b79c5) !important;
            background-color: var(--e-global-color-780b640) !important;
        }
    }
}

.cky-accordion-wrapper {
    button {
        border: none !important;
        background-color: transparent !important;
    }
}

.cky-show-desc-btn {
    color: var(--e-global-color-b2f0c01) !important;
    background-color: transparent !important; 
    border: none !important;

    &:hover {
        color: var(--e-global-color-secondary) !important;
    }
}