/*
Theme Name: FutureBit Elementor Child
Template: hello-elementor
Version: 2.0.0
Text Domain: future-bit
*/

@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'ClarityCity';
    font-style: normal;
    font-weight: 100;
    src: url('assets/fonts/ClarityCity-Thin.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'ClarityCity';
    font-style: italic;
    font-weight: 100;
    src: url('assets/fonts/ClarityCity-ThinItalic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'ClarityCity';
    font-style: normal;
    font-weight: 200;
    src: url('assets/fonts/ClarityCity-ExtraLight.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'ClarityCity';
    font-style: italic;
    font-weight: 200;
    src: url('assets/fonts/ClarityCity-ExtraLightItalic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'ClarityCity';
    font-style: normal;
    font-weight: 300;
    src: url('assets/fonts/ClarityCity-Light.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'ClarityCity';
    font-style: italic;
    font-weight: 300;
    src: url('assets/fonts/ClarityCity-LightItalic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'ClarityCity';
    font-style: normal;
    font-weight: 400;
    src: url('assets/fonts/ClarityCity-Regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'ClarityCity';
    font-style: italic;
    font-weight: 400;
    src: url('assets/fonts/ClarityCity-RegularItalic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'ClarityCity';
    font-style: normal;
    font-weight: 500;
    src: url('assets/fonts/ClarityCity-Medium.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'ClarityCity';
    font-style: italic;
    font-weight: 500;
    src: url('assets/fonts/ClarityCity-MediumItalic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'ClarityCity';
    font-style: normal;
    font-weight: 600;
    src: url('assets/fonts/ClarityCity-SemiBold.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'ClarityCity';
    font-style: italic;
    font-weight: 600;
    src: url('assets/fonts/ClarityCity-SemiBoldItalic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'ClarityCity';
    font-style: normal;
    font-weight: 700;
    src: url('assets/fonts/ClarityCity-Bold.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'ClarityCity';
    font-style: italic;
    font-weight: 700;
    src: url('assets/fonts/ClarityCity-BoldItalic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'ClarityCity';
    font-style: normal;
    font-weight: 800;
    src: url('assets/fonts/ClarityCity-Bold.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'ClarityCity';
    font-style: italic;
    font-weight: 800;
    src: url('assets/fonts/ClarityCity-BoldItalic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'ClarityCity';
    font-style: normal;
    font-weight: 900;
    src: url('assets/fonts/ClarityCity-Black.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'ClarityCity';
    font-style: italic;
    font-weight: 900;
    src: url('assets/fonts/ClarityCity-BlackItalic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
#cmplz-manage-consent .cmplz-manage-consent {
    bottom: 0!important;
}
body {
    overflow-x: hidden;
    word-break: break-word!important;
}

.text-ellipses {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Add your custom styles here */

.e--pointer-underline .elementor-item:after {
    max-width: 3px !important;
    left: unset !important;
    right: 14px;
    bottom: 4px!important;
}
.e--pointer-underline .elementor-item.has-submenu:after {
    right: 42px;
}

.loop-list-border .elementor-loop-container .e-loop-item:last-of-type .e-parent {
    border: none!important;
}
.r-tabs-state-active {
    border-right: 1px solid var(--e-global-color-secondary)!important;
}
ul.tabs li:first-of-type {
    margin-top: 5rem;
}

.comments-area a,
.page-content a {
    text-decoration: none!important;
}

.unclickable > a {
    pointer-events: none;
}


i {
    font-style: normal;
}
/**
 Logo
 */
/*
#bit-animated {opacity: 1;transform: translateX(0);transition: transform ease-in-out 300ms, opacity ease-in-out 300ms;}
#bit-animated.is-small {opacity: 0;transform: translateX(-50%);transition: transform ease-in-out 300ms, opacity ease-in-out 200ms;}
#bit-small-animated {opacity: 0;transform: translateX(50%);transition: transform ease-in-out 300ms, opacity ease-in-out 200ms;}
#bit-small-animated.is-small {opacity: 1;transform: translateX(0);transition: transform ease-in-out 300ms, opacity ease-in-out 300ms;}
*/


/**
 * Resets
 */
[type=button],
[type=submit],
button {
    border: none;
}
/**
 * Resets Image defaults
 */

picture {
    line-height: 0;
}

.non-line-height {
    line-height: 0;
}


/**
 * Header
 */
/* .header-scrolled.elementor-sticky--effects {
    box-shadow: 0 10px 15px 0 rgb(from var(--e-global-color-text) r g b / 0.15);
    padding-top: 0;
    padding-bottom: 0;
    transition: all ease-in-out 700ms;
    !*border-bottom: 1px solid var(--e-global-color-text);*!
}
.header-scrolled.elementor-sticky--effects .sticky-header-active-nomargin > .e-con-inner{
    padding-top: 0;
    padding-bottom: 0;
    transition: all ease-in-out 700ms;
}

.header-scrolled.version-tow .header-nav.elementor-sticky--effects > .elementor-widget-container {
    background: var(--e-global-color-0fdee93)!important;
}
.header-scrolled.version-three.elementor-sticky--effects .sticky-header-active-nomargin {
    background-color: var(--e-global-color-0fdee93)!important;
    box-shadow: 0 0 5px 0 rgb(from var(--e-global-color-secondary) r g b / 0.15);
}
.header-scrolled.version-three.elementor-sticky--effects {
    box-shadow: none;
    padding-top: 1rem;
    padding-bottom: 1rem;
    width: 100% !important;
} */

/**
 * Header Nav
 */
.elementor-element.header-nav .e-n-menu .e-n-menu-title .e-n-menu-title-container{
    position: relative;
}
/* .elementor-element.header-nav .e-n-menu .e-n-menu-title .e-n-menu-title-container:after {
    position: absolute;
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: var(--e-global-color-text);
    right: -9px;
    bottom: 9px;
    left: unset;
    top: unset;
    opacity: 1;
} */


#menu-overlay {
    display: none;
}
#menu-overlay.active {
    display: block;
}

.e-n-menu-dropdown-icon,
.e-n-menu-dropdown-icon-closed,
.e-n-menu-dropdown-icon-opened {
    display: none!important;
}

.elementor-element.header-nav .e-n-menu #e-n-menu-title-2276.e-n-menu-title .e-n-menu-title-container:after {
    display: none;
}

.elementor-element.header-nav .e-n-menu .e-n-menu-title .e-n-menu-title-container:after {
    background-color: var(--e-global-color-secondary) !important;
    opacity: 1 !important;
}
.elementor-element.header-nav .e-n-menu .e-n-menu-title .e-n-menu-title-container:hover:after {
    background-color: var(--e-global-color-primary)!important;
}
.elementor-element.header-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown,
.elementor-element.header-nav .elementor-nav-menu__container.elementor-nav-menu--dropdown {
    padding: 1rem;
}
.elementor-element.header-nav .elementor-nav-menu > li .sub-arrow {
    display: none;
}
.elementor-element.header-nav .elementor-nav-menu > li .elementor-nav-menu--dropdown > li .sub-arrow {
    display: block;
}
/* .elementor-element.header-nav .elementor-nav-menu > li .elementor-nav-menu--dropdown > li .sub-arrow  i {
    width: 5px;
    height: 5px;
    background-color: var(--e-global-color-text);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
} */
.elementor-element.header-nav .elementor-nav-menu > li > .elementor-nav-menu--dropdown {
    background-color: var(--e-global-color-4bd7e4e);
}

.elementor-element.header-nav .elementor-nav-menu > li .elementor-nav-menu--dropdown > li .elementor-nav-menu--dropdown {
    background-color: var(--e-global-color-4bd7e4e);
    left: 20px!important;
}

.elementor-element.header-nav ul.elementor-nav-menu--dropdown a,
.elementor-element.header-nav ul.elementor-nav-menu--dropdown a:focus,
.elementor-element.header-nav ul.elementor-nav-menu--dropdown a:hover {
    border-inline-start: none!important;
}



/* .elementor-element.header-nav .elementor-nav-menu--dropdown.elementor-nav-menu__container ul.elementor-nav-menu {
    background-color: var(--e-global-color-4bd7e4e);
    border-radius: 6px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25);
} */
@media (max-width: 1024px) {
    .elementor-element.header-nav .elementor-nav-menu--dropdown.elementor-nav-menu__container .elementor-nav-menu--dropdown .elementor-item{
        font-size: 1.4em!important;
    }
    .elementor-element.header-nav .elementor-nav-menu--dropdown.elementor-nav-menu__container .elementor-nav-menu--dropdown .elementor-sub-item {
        font-size: 1em!important;
        padding: 0!important;
    }
}

/**
 * Header
 */
.header-scrolled.elementor-sticky--effects {
    padding-top: 0;
    padding-bottom: 0;
    transition: all ease-in-out 700ms;
}
.header-scrolled.elementor-sticky--effects .sticky-header-active-nomargin > .e-con-inner{
    padding-top: 0;
    padding-bottom: 0;
    transition: all ease-in-out 700ms;
}

.header-scrolled.version-tow .header-nav.elementor-sticky--effects > .elementor-widget-container {
    /* background: var(--e-global-color-dark-accent)!important; */
}
.header-scrolled.version-three.elementor-sticky--effects .sticky-header-active-nomargin {
   /*  background-color: var(--e-global-color-dark-accent)!important; */
   /*  box-shadow: 0 0 5px 0 rgb(from var(--e-global-color-secondary) r g b / 0.15); */
}
.header-scrolled.version-three.elementor-sticky--effects {
    box-shadow: none;
    padding-top: 1vw;
    padding-bottom: 1vw;
    width: 100% !important;
}

@media (max-width: 1024px) {
    .header-scrolled.version-three.elementor-sticky--effects {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}


/**
 * Header Nav
 */
/*
.elementor-element.header-nav .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after {
    position: absolute;
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: var(--e-global-color-text);
    right: 3px;
    bottom: 10px;
    left: unset;
    top: unset;
    opacity: 1;
}
.elementor-element.header-nav .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after {
    background-color: var(--e-global-color-secondary) !important;
    opacity: 1 !important;
}
.elementor-element.header-nav .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:hover:after {
    background-color: var(--e-global-color-primary)!important;
}
.elementor-element.header-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown,
.elementor-element.header-nav .elementor-nav-menu__container.elementor-nav-menu--dropdown {
    padding: 1rem;
}
.elementor-element.header-nav .elementor-nav-menu > li .sub-arrow {
    display: none;
}
.elementor-element.header-nav .elementor-nav-menu > li .elementor-nav-menu--dropdown > li .sub-arrow {
    display: block;
}
.elementor-element.header-nav .elementor-nav-menu > li .elementor-nav-menu--dropdown > li .sub-arrow  i {
    width: 5px;
    height: 5px;
    background-color: var(--e-global-color-text);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
}
.elementor-element.header-nav .elementor-nav-menu > li > .elementor-nav-menu--dropdown {
    background-color: var(--e-global-color-4bd7e4e);
    border-radius: 6px;
}

.elementor-element.header-nav .elementor-nav-menu > li .elementor-nav-menu--dropdown > li .elementor-nav-menu--dropdown {
    background-color: var(--e-global-color-4bd7e4e);
    border-radius: 6px;
    left: 20px!important;
}

.elementor-element.header-nav ul.elementor-nav-menu--dropdown a,
.elementor-element.header-nav ul.elementor-nav-menu--dropdown a:focus,
.elementor-element.header-nav ul.elementor-nav-menu--dropdown a:hover {
    border-inline-start: none!important;
}



.elementor-element.header-nav .elementor-nav-menu--dropdown.elementor-nav-menu__container ul.elementor-nav-menu {
    background-color: var(--e-global-color-4bd7e4e);
    border-radius: 6px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25);
}
@media (max-width: 1024px) {
    .elementor-element.header-nav .elementor-nav-menu--dropdown.elementor-nav-menu__container .elementor-nav-menu--dropdown .elementor-item{
        font-size: 1.4em!important;
    }
    .elementor-element.header-nav .elementor-nav-menu--dropdown.elementor-nav-menu__container .elementor-nav-menu--dropdown .elementor-sub-item {
        font-size: 1em!important;
        padding: 0!important;
    }
}
*/


/**
 * Header Popup Menu
 */
.elementor-element.popup-mobile-menu .elementor-nav-menu--dropdown.elementor-nav-menu__container .menu-item {
    background-color: var(--e-global-color-c08bac0);
    margin-bottom: 1rem;
}
.elementor-element.popup-mobile-menu .elementor-nav-menu--dropdown.elementor-nav-menu__container ul.sub-menu {
    background: var(--e-global-color-8408dbf);
    padding-left: 1rem;
    padding-top: 1rem;
}


/* @media (max-width: 1024px) {
    .elementor-element.popup-mobile-menu .elementor-nav-menu--dropdown.elementor-nav-menu__container .elementor-sub-item {
        font-size: 1.375rem!important;
    }
}

@media (max-width: 764px) {
    .elementor-element.popup-mobile-menu .elementor-nav-menu--dropdown.elementor-nav-menu__container .elementor-sub-item {
        font-size: 0.8rem!important;
    }
} */


/**
 * Header Language-Switch
 */
.elementor-element.language-switch .menu-item-object-language_switcher .trp-flag-image {
    width: 24px;
    height: 24px;
    border-radius: 50% !important;
    object-fit: cover;
    margin: 0;
}

.elementor-element.language-switch .menu-item-object-language_switcher span:not(.sub-arrow) {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
}

.elementor-element.language-switch .menu-item-object-language_switcher ul.sub-menu {
    width:100%!important;
}

.elementor-element.language-switch .menu-item-object-language_switcher:not(.current-language-menu-item) {
    opacity: 0.5;
    filter: grayscale(1);
}
.elementor-element.language-switch .menu-item-object-language_switcher:not(.current-language-menu-item):hover {
    opacity: 1;
    filter: none;
}


/**
 * svg Fill
 */

.fill-accent svg path {
    fill: var(--e-global-color-primary);
}

/**
 * Additional - ACF Post Object Elementor List Widget
 */

.elementor-widget-acf_po .elementor-widget-container{
    flex-direction: row;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.acf-po-elementor-title {
    margin-right: 1rem;
}
.acf-po-elementor-posts {
    position: relative;
    margin: 0 1.5rem 0 10px;
    width: max-content !important;
    display: block;
    float: left;
}

.acf-po-elementor-posts:after {
    content: '';
    position: absolute;
    bottom: -4px;
    width: calc(100% + 20px);
    height: calc(100% + 8px);
    left: -10px;
    right: 0;
    background: linear-gradient(to right, var(--e-global-color-42dc1fd) 50%, transparent 50%);
    background-size: 220% 100%;
    background-position: right bottom;
    transition: all ease .4s;
    border-radius: 0;
    z-index: -1;
}
.acf-po-elementor-posts:hover:after {
    background-position: left bottom;
}
/*
.acf-po-elementor-posts::before {
    position: absolute;
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: var(--e-global-color-primary);
    right: -5px;
    bottom: 4px;
    left: unset;
    top: unset;
    opacity: 0;
    transition: all ease .4s;
}
.acf-po-elementor-posts:hover:before {
    opacity: 1;
}

*/

/**
 * Additional Animations
 */
@-webkit-keyframes clipUp {
    0% {
        -webkit-clip-path: polygon(0 100%,100% 100%,100% 100%,0 100%);
        clip-path: polygon(0 100%,100% 100%,100% 100%,0 100%)
    }

    100% {
        -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0% 100%);
        clip-path: polygon(0 0,100% 0,100% 100%,0% 100%)
    }
}

@keyframes clipUp {
    0% {
        -webkit-clip-path: polygon(0 100%,100% 100%,100% 100%,0 100%);
        clip-path: polygon(0 100%,100% 100%,100% 100%,0 100%)
    }

    100% {
        -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0% 100%);
        clip-path: polygon(0 0,100% 0,100% 100%,0% 100%)
    }
}
@-webkit-keyframes clipBottom {
    0% {
        -webkit-clip-path: polygon(0 0,100% 0,100% 0,0 0);
        clip-path: polygon(0 0,100% 0,100% 0,0 0)
    }

    100% {
        -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0% 100%);
        clip-path: polygon(0 0,100% 0,100% 100%,0% 100%)
    }
}
@keyframes clipBottom {
    0% {
        -webkit-clip-path: polygon(0 0,100% 0,100% 0,0 0);
        clip-path: polygon(0 0,100% 0,100% 0,0 0)
    }

    100% {
        -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0% 100%);
        clip-path: polygon(0 0,100% 0,100% 100%,0% 100%)
    }
}
@-webkit-keyframes clipFromLeft {
    0% {
        -webkit-clip-path: polygon(0 0,0 0,0% 100%,0% 100%);
        clip-path: polygon(0 0,0 0,0% 100%,0% 100%)
    }

    100% {
        -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0% 100%);
        clip-path: polygon(0 0,100% 0,100% 100%,0% 100%)
    }
}
@keyframes clipFromLeft {
    0% {
        -webkit-clip-path: polygon(0 0,0 0,0% 100%,0% 100%);
        clip-path: polygon(0 0,0 0,0% 100%,0% 100%)
    }

    100% {
        -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0% 100%);
        clip-path: polygon(0 0,100% 0,100% 100%,0% 100%)
    }
}
@-webkit-keyframes clipFromRight {
    0% {
        -webkit-clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%);
        clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%)
    }

    100% {
        -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0% 100%);
        clip-path: polygon(0 0,100% 0,100% 100%,0% 100%)
    }
}
@keyframes clipFromRight {
    0% {
        -webkit-clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%);
        clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%)
    }

    100% {
        -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0% 100%);
        clip-path: polygon(0 0,100% 0,100% 100%,0% 100%)
    }
}
.animation--clipUp {
    -webkit-animation-name: clipUp;
    animation-name: clipUp;
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
    -webkit-animation-timing-function: cubic-bezier(.4,0,.2,1);
    animation-timing-function: cubic-bezier(.4,0,.2,1)
}
.animation--clipFromRight {
    -webkit-animation-name: clipFromRight;
    animation-name: clipFromRight;
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
    -webkit-animation-timing-function: cubic-bezier(.4,0,.2,1);
    animation-timing-function: cubic-bezier(.4,0,.2,1)
}
.animation--clipFromLeft {
    -webkit-animation-name: clipFromLeft;
    animation-name: clipFromLeft;
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
    -webkit-animation-timing-function: cubic-bezier(.4,0,.2,1);
    animation-timing-function: cubic-bezier(.4,0,.2,1)
}
.animation--clipUp {
    -webkit-animation-name: clipUp;
    animation-name: clipUp;
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
    -webkit-animation-timing-function: cubic-bezier(.4,0,.2,1);
    animation-timing-function: cubic-bezier(.4,0,.2,1)
}
.animation--clipBottom {
    -webkit-animation-name: clipBottom;
    animation-name: clipBottom;
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
    -webkit-animation-timing-function: cubic-bezier(.4,0,.2,1);
    animation-timing-function: cubic-bezier(.4,0,.2,1)
}

@keyframes bounce-box {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        -ms-transform:     translateY(0);
        transform:         translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform:     translateY(-30px);
        transform:         translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform:     translateY(-15px);
        transform:         translateY(-15px)
    }
}

.bounce-container {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-iteration-count: initial;
    -webkit-animation-iteration-count: initial;
}

.bounce-container:hover {
    animation-name: bounce-box;
    -moz-animation-name: bounce-box;
}

/**
 * Newsletter Form
 */
.newsletter-form .frm-fluent-form .ff-t-container {
    gap: 0!important;
}
.newsletter-form .frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom button {
    margin-bottom: 0!important;
}
/**
 * Contact Form
 */

.elementor-1757 .elementor-element.elementor-element-4dcebc7 .fluentform-widget-wrapper {
    border-width: 1px;
    padding: 1rem;
}


/**
 * Footer nav add additional class to nav Widget -> .footer-nav
 */
.elementor-element.footer-nav .elementor-nav-menu--main .elementor-nav-menu a {
    width: fit-content;
}
.elementor-element.footer-nav .elementor-nav-menu--main .elementor-item {
    padding-right: 15px!important;
}
.elementor-element.footer-nav .elementor-nav-menu--main:not(.e--pointer-framed)  .elementor-item:after {
    position: absolute;
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: var(--e-global-color-text);
    right: 5px;
    bottom: 10px;
    left: unset;
    top: unset;
    opacity: 1;
}
.elementor-element.footer-nav .elementor-nav-menu--main:not(.e--pointer-framed)  .elementor-item:hover:after {
    background-color: var(--e-global-color-primary);
}

/**
 * Read more Icon


.read-more-icon .elementor-icon i {
    z-index: 1;
}

.read-more-icon .elementor-icon:after {
    position: absolute;
    content: 'read more';
    width: 0;
    height: 18px;
    font-size: 10px;
    color: #ffffff;
    background-color: var(--e-global-color-secondary);
    overflow: hidden;
    top: 11px;
    left: 28px;
    padding: 0;
    z-index: 0;
    border-radius: 0 3px 3px 0;
}
.read-more-icon .elementor-icon:hover:after {
    width: max-content;
    padding: 4px 8px;
    -webkit-animation-name: clipFromLeft;
    animation-name: clipFromLeft;
    -webkit-animation-duration: 400ms;
    animation-duration: 400ms;
    -webkit-animation-timing-function: cubic-bezier(.4,0,.2,1);
    animation-timing-function: cubic-bezier(.4,0,.2,1)
}
*/

/**
 * Ajax Search
 */

div.asl_r .results .item .asl_content h3,
div.asl_r .results .item .asl_content h3 a {
    font-family: 'ClarityCity', sans-serif;
    color: var(--e-global-color-text);
}
div.asl_r .results .item .asl_content h3 a:hover {
    font-family: 'ClarityCity', sans-serif;
    color: var(--e-global-color-primary);
}
div.asl_w .probox .promagnifier {
    box-shadow: none;
}

#ajaxsearchlite1 .probox .proinput,
div.asl_w .probox .proinput {
    color: var(--e-global-color-text)!important;
}

#ajaxsearchlite1 .probox .proinput input,
div.asl_w .probox .proinput input {
    color: var(--e-global-color-text)!important;
}
#ajaxsearchlite1 .probox .proinput input::placeholder,
div.asl_w .probox .proinput input::placeholder {
    color: var(--e-global-color-text)!important;
}
div.asl_w .probox .promagnifier .innericon svg {
    fill: var(--e-global-color-text)!important;
}


/**
 * Breadcrumb
 */

.breadcrumb {
    display: flex;
    column-gap: 2rem;
}
.breadcrumb a {
    position: relative;
}
.breadcrumb a:after {
    content: '';
    position: absolute;
    bottom: -4px;
    width: calc(100% + 12px);
    height: calc(100% + 8px);
    left: -6px;
    right: 0;
    background: linear-gradient(to right, var(--e-global-color-42dc1fd) 50%, transparent 50%);
    background-size: 220% 100%;
    background-position: right bottom;
    transition: all ease .4s;
    border-radius: 6px;
    z-index: -1;
}
.breadcrumb a:hover:after {
    background-position: left bottom;
}
.breadcrumb a:before {
    position: absolute;
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: var(--e-global-color-primary);
    right: -2px;
    bottom: 5px;
    left: unset;
    top: unset;
    opacity: 0;
    transition: all ease .4s;
}
.breadcrumb a:hover:before {
    opacity: 1;
}
.breadcrumb .current-page {
    font-weight: 700;
    color: var(--e-global-color-secondary)
}

/**
 * Maps
 */
.enw-map-hints {
    padding: 0.25rem 1rem 0.5rem 1rem;
}
.enw-map-multi-wrapper-outer {
    border-radius: 6px;
    overflow: hidden;
}
.enw-map-multi-wrapper button {
    border:none;
}

.enw-map-multi-wrapper button:hover {
    background-color: var(--e-global-color-c25e6ab)!important;
}


:root[data-theme='dark'] .elementor-kit-6 .elementor-840 .elementor-element.elementor-element-f3b113f img {
    opacity: 0.3;
    filter: brightness(100%) invert(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg);
}


/**
 * Forms
 */

.fluentform-widget-custom-radio-checkbox input[type=checkbox],
.fluentform-widget-custom-radio-checkbox input[type=radio] {
    appearance: none!important;
    background: transparent!important;
}
:root[data-theme='dark'] .fluentform-widget-custom-radio-checkbox input[type=checkbox]:checked:after,
:root[data-theme='dark'] .fluentform-widget-custom-radio-checkbox input[type=radio]:checked:after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3E%3Cpath fill=\'%231B1D25\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3E%3C/svg%3E');
}

/**
 * Button Fixes
 */

.btn-icon-fix .elementor-button .elementor-button-icon {
    margin-top: 3px;
}


/**
 * Timeline
 */

@media screen and (min-width: 1024px) {
    .enw-layout-center .enw-timeline-item:nth-child(odd) .enw-tl-item-content::before {
        border-color: transparent transparent transparent var(--e-global-color-4bd7e4e)!important;
    }
}
@media screen and (min-width: 1024px) {
    .enw-layout-center .enw-timeline-item:nth-child(even) .enw-tl-item-content::before {
        border-color: transparent var(--e-global-color-4bd7e4e) transparent transparent!important;
    }
}



.wp-block-media-text>.wp-block-media-text__content {
    padding: 0 1rem;
}

@media screen and (min-width: 1024px) {

    .max-width-headline {
        max-width: 50%!important;
    }
    .max-width-sub-headline {
        max-width: 75%!important;
    }
}

h1.elementor-heading-title.elementor-size-default {
    position: relative;
    width: fit-content;
    padding-left: 60px;
    margin-left: -60px;
}
h1.elementor-heading-title.elementor-size-default:after {
    position: absolute;
    content: '';
    width: 50px;
    height: 50px;
    border-radius: 0;
    background-color: var(--e-global-color-accent);
    left: 0;
    top: 5px;
}
h1.elementor-heading-title.elementor-size-default:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 3px;
    border-radius: 0;
    background-color: #ffffff;
    left: 34px;
    top: 47px;
    z-index: 1;
}

@media (max-width: 1024px) {
    h1.elementor-heading-title.elementor-size-default {
        padding-left: 42px;
        margin-left: -42px;
    }
    h1.elementor-heading-title.elementor-size-default:after {
        width: 32px;
        height: 32px;
        left: 0;
        top: 3px;
    }
    h1.elementor-heading-title.elementor-size-default:before {
        width: 8px;
        height: 2px;
        left: 18px;
        top: 28px;
    }
}
@media (max-width: 768px) {
    h1.elementor-heading-title.elementor-size-default {
        padding-left: 34px;
        margin-left: -34px;
    }
    h1.elementor-heading-title.elementor-size-default:after {
        width: 24px;
        height: 24px;
        left: 2px;
        top: 0;
    }
    h1.elementor-heading-title.elementor-size-default:before {
        width: 6px;
        height: 2px;
        left: 16px;
        top: 18px;
    }
}




/* Custom UL */
ul.wp-block-list {
    list-style: none;
}

ul.wp-block-list li {
    position: relative;
    padding-left: 20px;
    padding-bottom: 10px;
}

ul.wp-block-list li::before {
    content: '_';
    color: white;
    font-size: 5px;
    font-weight: 900;
    padding-right: 3px;
    background: var(--e-global-color-accent);
    width: 12px;
    height: 12px;
    position: absolute;
    text-align: right;
    line-height: 16px;
    left: 0;
    top: 5px;
}
ul.wp-block-list.light li:before {
    background: var(--e-global-color-dfcf9c1);
    color: var(--e-global-color-c08bac0);
}

/* Custom OL */
ol.wp-block-list {
    counter-reset: element;
    list-style: none;
    padding-left: 0;
}

ol.wp-block-list li {
    position: relative;
    padding-left: 20px;
    padding-bottom: 10px;
}

ol.wp-block-list li::before {
    counter-increment: element;
    content: counter(element);
    color: white;
    font-size: 8px;
    font-weight: 900;
    padding-right: 3px;
    background: var(--e-global-color-accent);
    width: 16px;
    height: 16px;
    position: absolute;
    text-align: right;
    line-height: 23px;
    left: 0;
    top: 3px;
}



ol.wp-block-list li ul.wp-block-list {
    list-style: none;
}

ol.wp-block-list li ul.wp-block-list li {
    position: relative;
    padding-left: 20px;
    padding-bottom: 10px;
}

ol.wp-block-list li ul.wp-block-list li::before {
    content: '_';
    color: white;
    font-size: 5px;
    font-weight: 900;
    padding-right: 3px;
    background: var(--e-global-color-accent);
    width: 12px;
    height: 12px;
    position: absolute;
    text-align: right;
    line-height: 16px;
    left: 0;
    top: 5px;
}
ol.wp-block-list li ul.wp-block-list.light li:before {
    background: var(--e-global-color-dfcf9c1);
    color: var(--e-global-color-c08bac0);
}



.elementor-widget.elementor-widget-theme-post-content .elementor-widget-container .wp-block-group.left-inset{
    padding-left: 60px;
}



.no-word-break .elementor-heading-title {
    word-break: keep-all;
}

.no-line-height .elementor-heading-title {
    line-height: 0;
}

.elementor-widget-acf_po_image .elementor-widget-container > div {
    display: flex;
}

.line-clamp-1 .elementor-widget-container {
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-2 .elementor-widget-container {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-3 .elementor-widget-container {
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}




:root[data-theme='dark'] .has-background-white-background-color {
    background-color: var(--e-global-color-0fdee93) !important;
}
:root[data-theme='dark'] .has-background-white-color {
    color: var(--e-global-color-b9877d4) !important;
}
:root[data-theme='dark'] .has-sekundare-background-color {
    background-color: var(--e-global-color-secondary) !important;
    color: var(--e-global-color-b9877d4) !important;
}
:root {
    --wp--preset--color--text: var(--e-global-color-text) !important;
}


/**
 * Wp Block Editor
 */

.wp-block-list {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    padding-inline-start: 2rem;
}
.wp-block-media-text.is-vertically-aligned-center>.wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-center>.wp-block-media-text__media,
.wp-block-media-text>.wp-block-media-text__content,
.wp-block-media-text>.wp-block-media-text__media {
    align-self: stretch;
}
.wp-block-media-text.is-image-fill>.wp-block-media-text__media {
    border-radius: 6px;
}
.wp-block-media-text>.wp-block-media-text__content {
    padding-right: 0;
}
.wp-block-media-text.has-media-on-the-right>.wp-block-media-text__content {
    padding-left: 0;
    padding-right: 1rem;
}


.premium-tabs-af05353b6a66.premium-tabs-vertical .premium-tabs-nav {
    width: 300px!important;
}
.premium-tabs-af05353b6a66.premium-tabs-vertical .premium-content-wrap {
    width: calc(100% - 300px)!important;
}
.premium-tabs-af05353b6a66 .premium-tabs-nav .premium-tab-link .premium-tab-title-container .premium-tab-title {
    word-break: break-word!important;
    text-align: left!important;
    color: var( --e-global-color-text )!important;
}
.premium-tabs-af05353b6a66 .premium-tabs-nav ul li .premium-tab-link {
    white-space: normal!important;
    padding-right: 30px;
    background-color: var( --e-global-color-b9877d4 )!important;
}


.premium-tabs .premium-tabs-nav .premium-tabs-nav-list-item.active .premium-tab-link:before {
    content: '';
    z-index: 1;
    position: absolute;
    background-color: var( --e-global-color-4bd7e4e );
    width: 70px;
    height: 70px;
    right: -70px;
    transform: translateX(-50%);
    border-radius: 6px;
}
.premium-tabs .premium-tabs-nav .premium-tabs-nav-list-item.active .premium-tab-link:after {
    content: '\2192';
    z-index: 2;
    position: absolute;
    color: var(--e-global-color-accent);
    background-color: var(--e-global-color-text);
    width: 50px;
    height: 50px;
    right: -50px;
    transform: translateX(-50%);
    border-radius: 6px;
    font-size: 32px;
    display: flex;
    align-items: baseline;
    justify-content: center;
    line-height: 42px;
}
@media (max-width: 768px) {
    .premium-tabs .premium-tabs-nav .premium-tabs-nav-list-item.active .premium-tab-link:after {
        content: '\2193';
    }
}


/*
 * Translate Press
 */

#trp_ald_modal_popup {
    top: 50%!important;
    transform: translateY(-50%);
    border: none!important;
    border-radius: 6px;
    padding: 3rem;
}
#trp_ald_x_button_and_textarea {
    width: 100%;
    justify-content: center;
    background: var(--e-global-color-secondary);
    padding: 12px 6px 8px 6px;
    border-radius: 6px;
    color: var(--e-global-color-text)!important;
}
#trp_ald_x_button_and_textarea:hover {
    background: var(--e-global-color-9dbd0d6)!important;
}
#trp_ald_x_button_and_textarea:hover #trp_ald_x_button_textarea{
    color: var(--e-global-color-b9877d4)!important;
}

#trp_ald_x_button_textarea {
    color: var(--e-global-color-text) !important;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
}
#trp_ald_modal_popup #trp_ald_x_button {
    margin-right: 1rem;
}
#trp_ald_modal_popup #trp_ald_x_button::before {
    color: var(--e-global-color-accent)!important;
    font: normal 22px / 24px dashicons;
}

#trp_ald_popup_change_language {
    background:  var(--e-global-color-primary);
    font-size: 1rem;
    font-weight: 500;
    border: none!important;
    color: var(--e-global-color-text)!important;
    border-radius: 6px;
}
#trp_ald_popup_change_language:hover {
    background:  var(--e-global-color-c25e6ab);
    border: none!important;
    color: var(--e-global-color-b9877d4)!important;
}
.trp_ald_ls_container .trp-language-switcher-container > div {
    background-image: linear-gradient(60deg, transparent 50%, var(--e-global-color-secondary) 50%), linear-gradient(120deg, var(--e-global-color-secondary) 50%, transparent 50%);
    background-position: calc(100% - 18px), calc(100% - 8px);
    background-size: 12px 16px, 12px 16px;
    background-repeat: no-repeat;
    border-radius: 6px;
    border-width: 1px;
}
.trp_ald_ls_container .trp-ls-shortcode-current-language {
    padding-top: 8px;
}
.trp_ald_ls_container .trp-ls-shortcode-current-language img.trp-flag-image {
    padding-top: 0;
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 0;
    height: 22px;
    width: 22px;
    border-radius: 50%;
}
.trp_ald_ls_container .trp-ls-shortcode-current-language {
    padding-bottom: 0;
    padding-top: 0;
    color: var(--e-global-color-text)!important;
    font-size: 1rem;
    display: flex;
    align-items: center;
}
.trp-language-switcher > div {
    padding: 0;
}
.trp-language-switcher:focus .trp-ls-shortcode-language,
.trp-language-switcher:hover .trp-ls-shortcode-language {
    padding: 0;
}
.trp_ald_ls_container .trp-ald-popup-select {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 0;
}

/**
 Language selector
 */

ul.elementor-nav-menu--dropdown a,
ul.elementor-nav-menu--dropdown a:focus,
ul.elementor-nav-menu--dropdown a:hover {
    border-inline-start: none;
}

.elementor-shortcode .trp-ls-shortcode-current-language,
.elementor-shortcode .trp-ls-shortcode-language {
    width: 100% !important;
}

.elementor-shortcode .trp-language-switcher > div {
    padding: 4px 20px 3px 13px;
    background-image: url(assets/img/arrow-down-3101.svg);
    border: 1.5px solid var(--e-global-color-dfcf9c1);
    border-radius: 0;
    background-color: var(--e-global-color-c08bac0);
}

.elementor-shortcode .trp-language-switcher:hover > div {
    padding: 4px 20px 3px 13px;
}


.elementor-shortcode .trp-language-switcher > div > a {
    color: var(--e-global-color-dfcf9c1);
    text-transform: capitalize;
}
.elementor-shortcode .trp-language-switcher > div > a:hover {
    background: transparent;
    color: var(--e-global-color-accent);
}


.elementor-icon-list-item.elementor-inline-item {
    list-style: none;
}
.elementor-icon-list-item.elementor-inline-item::marker {
    display: none;
}


.enw-at-animation.type.letters .enw-at-post-text {
    display: block;
}

.enw-at-animation.type .enw-at-animation-text-wrapper::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 100%;
}
.elementor-16 .elementor-element.elementor-element-f3673cb .enw-at-animation.type .enw-at-animation-text-wrapper::after {
    width: 10px;
}
.enw-at-animation.type .enw-at-animation-text-wrapper {
    padding-right: 1rem;
}



/* neutralize the wp default for 782px */
@media (min-width: 992px) {
    .wp-block-columns {
        flex-wrap: wrap !important;
    }
}
/* change the default column breakpoint to 900px */
@media (max-width: 859px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
        flex-basis: 100% !important;
    }
}
@media (min-width: 860px) {
    .wp-block-columns {
        flex-wrap: nowrap !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
        flex-basis: 0;
        flex-grow: 1;
    }
}



/**
Flip Box
 */

.elementor-flip-box__image {
    background: var(--e-global-color-accent);
    height: 4rem;
    width: 4rem!important;
    position: relative;
    display: flex!important;
    justify-content: center;
    align-items: center;
}
.elementor-flip-box__image img {
    filter: invert(100%);
}

.elementor-flip-box__front .elementor-flip-box__layer__title {
    height: 4rem;
}
@media (max-width: 1024px) {
    .elementor-flip-box__front .elementor-flip-box__layer__title {
        height: unset;
    }
}
.elementor-flip-box__button {
    width: 100%;
    text-align: right;
    padding: 10px 0 0 0!important;
}


.flip-box-single-service .elementor-flip-box__image img {
    right: 1rem;
    bottom: 1rem;
}
@media (max-width: 1024px) {
    .flip-box-single-service .elementor-flip-box__front .elementor-flip-box__layer__title {
        height: 3rem;
    }
    .flip-box-single-service .elementor-flip-box__image {
        height: 6rem;
        width: 6rem;
    }
}
@media (max-width: 767px) {
    .flip-box-single-service .elementor-flip-box__front .elementor-flip-box__layer__title {
        height: unset;
    }
    .flip-box-single-service .elementor-flip-box__image {
        height: 4rem;
        width: 4rem;
    }
    .flip-box-single-service .elementor-flip-box__image img {
        width: 2rem!important;
        right: 0.5rem;
        bottom: 0.5rem;
    }
}



h1, h2, h3, h4, h5, h6 {
    margin-block-end: 0!important;
    margin-block-start: 0!important;
}


@media (min-width: 768px) {
    .frm-fluent-form .ff-t-container {;
        gap: 1vw!important;
    }
}
