:root {
    --p-xxl: 96px;
    --p-xl: 64px;
    --p-l: 48px;
    --p-m: 32px;
    --p-s: 24px;
}

@media (max-width: 1024px) {
    :root {
        --p-xxl: 64px;
        --p-xl: 48px;
        --p-l: 40px;
        --p-m: 28px;
        --p-s: 21px;
    }
}

@media (max-width: 768px) {
    :root {
        --p-xxl: 48px;
        --p-xl: 36px;
        --p-l: 30px;
        --p-m: 24px;
        --p-s: 18px;
    }
}

/* Container */
.e-con-inner {
    max-width: 1280px !important;
    width: 90% !important;
    margin-inline: auto !important;
}

/* small container */
.container-small .e-con-inner {
    max-width: 900px !important;
}

.elementor-button-link:hover,
.elementor-button-link:hover .elementor-button-text {
    text-decoration: none !important;
}

.site__btn-1 a {
    background-color: var(--e-global-color-primary) !important;
    color: var(--e-global-color-d30b426) !important;
    border: none !important;
    padding: 12px 20px !important;

    &:hover {
        background-color: var(--e-global-color-2cf1fe6) !important;
    }
}

.site__btn-2 a {
    background-color: var(--e-global-color-secondary) !important;
    color: var(--e-global-color-74b032b) !important;
    border: none !important;
    padding: 12px 20px !important;
    box-shadow: #e8ad1766 0px 8px 30px -6px;

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

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

    &:hover {
        text-decoration: underline !important;
    }
}

.site__btn-4 a {
    background-color: transparent !important;
    color: var(--e-global-color-4d5de1c) !important;
    border: none !important;
    padding: 0 !important;

    .elementor-button-content-wrapper {
        gap: 4px !important;
        transition: all 0.15s cubic-bezier(.4, 0, .2, 1);
    }

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

.site__btn-5 a {
    background-color: transparent !important;
    color: var(--e-global-color-74b032b) !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 12px 20px !important;

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

/* box shadow yellow */

.shadow-yellow a {
    box-shadow: #e8ad1766 0px 8px 30px -6px;
}

/* Banner overlay */
.banner__overlay {
    position: relative;

    &::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        background-image: linear-gradient(to right, var(--e-global-color-a5c8f19), var(--e-global-color-fdc2dd1), var(--e-global-color-8da3918));
    }
}

/* Banner overlay  v2*/
.banner__overlay--top {
    position: relative;

    &::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        background-image: linear-gradient(to top, var(--e-global-color-primary), #1d365899, #00000000);
    }
}

/* All input focus style */
.header-search__bar,
.input__focus--design {
	
    select,
    textarea,
    input {
        outline-offset: 2px !important;
        outline: 2px solid transparent !important;

        &:focus-visible {
            outline-color: var(--e-global-color-c1d7025) !important;
        }
    }
	.elementor-select-wrapper .select-caret-down-wrapper svg{
		margin-bottom: 6px;
	}
}