:root {
    --default-container-margin-desktop: 100px;
    --default-container-padding-desktop: 50px;
    --auto: auto;

    --padding-0: 0;
    --padding-10: 10px;
    --padding-15: 15px;
    --padding-20: 20px;
    --padding-30: 30px;
    --padding-40: 40px;
    --padding-50: 50px;
    --padding-60: 60px;
    --padding-70: 70px;
    --padding-80: 80px;
    --padding-90: 90px;
    --padding-100: 100px;

    --margin-0: 0;
    --margin-10: 10px;
    --margin-20: 20px;
    --margin-30: 30px;
    --margin-40: 40px;
    --margin-50: 50px;
    --margin-60: 60px;
    --margin-70: 70px;
    --margin-80: 80px;
    --margin-90: 90px;
    --margin-100: 100px;

    --radius-5: 5px;
    --radius-6: 6px;
    --radius-8: 8px;
    --radius-10: 10px;
    --radius-16: 16px;
    --radius-20: 20px;

    --size-20: 20px;
    --size-40: 40px;
    --size-55: 55px;
    --size-60: 60px;
    --size-80: 80px;
    --size-100: 100px;

    --size-p-20: 20%;
    --size-p-40: 40%;
    --size-p-50: 50%;
    --size-p-60: 60%;
    --size-p-80: 80%;
    --size-p-100: 100%;

    --color-primary: #F47327;
    --color-primary-light: #ffc6a4;
    --color-secondary: #FFEEE3;
    --color-white: #ffffff;
    --color-black: #000000;
    --color-transparent: transparent;

    --color-grey-50: #F9FAFB;
    --color-grey-100: #F2F4F7;
    --color-grey-300: #D0D5DD;
    --color-grey-700: #344054;
    --color-grey-800: #1D2939;

    --transition-duration: 300ms;
}

.background-primary {
    background-color: var(--color-primary);
}

.background-secondary {
    background-color: var(--color-secondary);
}

.background-grey-50 {
    background-color: var(--color-grey-50);
}

.background-grey-100 {
    background-color: var(--color-grey-100);
}

.background-grey-300 {
    background-color: var(--color-grey-300);
}

.background-grey-700 {
    background-color: var(--color-grey-700);
}

.background-grey-800 {
    background-color: var(--color-grey-800);
}

a {
    transition-property: color, background-color;
    transition-duration: var(--transition-duration);
}
.container-spacing {
    margin: var(--default-container-margin-desktop) 0;
    padding: var(--default-container-padding-desktop) var(--padding-20);
}

.container-spacing.background-grey-50 {
    padding: calc(var(--default-container-padding-desktop) * 2) var(--padding-20);
}

.overflow-hidden {
    overflow: hidden;
}

.position-absolute {
    position: absolute;
}

.position-absolute-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.display-flex,
.numbers-loop .elementor-grid {
    display: flex;
}

.flex-wrap,
.numbers-loop .elementor-grid {
    flex-wrap: wrap;
}

.numbers-loop .elementor-grid .e-loop-item {
    flex: 1 1 auto;
}

/* Width and Height */

.height-20 {
    height: var(--size-20);
}
  
.height-40 {
    height: var(--size-40);
}
  
.height-55 {
    height: var(--size-55);
}
  
.height-60 {
    height: var(--size-60);
}

.height-80 {
    height: var(--size-80);
}

.height-100 {
    height: var(--size-100);
}

.width-20 {
    width: var(--size-20);
}

.width-40 {
    width: var(--size-40);
}

.width-55 {
    width: var(--size-55);
}

.width-60 {
    width: var(--size-60);
}

.width-80 {
    width: var(--size-80);
}

.width-100 {
    width: var(--size-100);
}

/* Margin classes */
.margin-auto { margin: var(--auto); }
.margin-0 { margin: var(--margin-0); }
.margin-10 { margin: var(--margin-10); }
.margin-20 { margin: var(--margin-20); }
.margin-30 { margin: var(--margin-30); }
.margin-40 { margin: var(--margin-40); }
.margin-50 { margin: var(--margin-50); }
.margin-60 { margin: var(--margin-60); }
.margin-70 { margin: var(--margin-70); }
.margin-80 { margin: var(--margin-80); }
.margin-90 { margin: var(--margin-90); }
.margin-100 { margin: var(--margin-100); }

/* Margin-left classes */
.margin-left-auto { margin-left: var(--auto); }
.margin-left-0 { margin-left: var(--margin-0); }
.margin-left-10 { margin-left: var(--margin-10); }
.margin-left-20 { margin-left: var(--margin-20); }
.margin-left-30 { margin-left: var(--margin-30); }
.margin-left-40 { margin-left: var(--margin-40); }
.margin-left-50 { margin-left: var(--margin-50); }
.margin-left-60 { margin-left: var(--margin-60); }
.margin-left-70 { margin-left: var(--margin-70); }
.margin-left-80 { margin-left: var(--margin-80); }
.margin-left-90 { margin-left: var(--margin-90); }
.margin-left-100 { margin-left: var(--margin-100); }

/* Margin-right classes */
.margin-right-auto { margin-right: var(--auto); }
.margin-right-0 { margin-right: var(--margin-0); }
.margin-right-10 { margin-right: var(--margin-10); }
.margin-right-20 { margin-right: var(--margin-20); }
.margin-right-30 { margin-right: var(--margin-30); }
.margin-right-40 { margin-right: var(--margin-40); }
.margin-right-50 { margin-right: var(--margin-50); }
.margin-right-60 { margin-right: var(--margin-60); }
.margin-right-70 { margin-right: var(--margin-70); }
.margin-right-80 { margin-right: var(--margin-80); }
.margin-right-90 { margin-right: var(--margin-90); }
.margin-right-100 { margin-right: var(--margin-100); }

/* Margin-top classes */
.margin-top-auto { margin-top: var(--auto); }
.margin-top-0 { margin-top: var(--margin-0); }
.margin-top-10 { margin-top: var(--margin-10); }
.margin-top-20 { margin-top: var(--margin-20); }
.margin-top-30 { margin-top: var(--margin-30); }
.margin-top-40 { margin-top: var(--margin-40); }
.margin-top-50 { margin-top: var(--margin-50); }
.margin-top-60 { margin-top: var(--margin-60); }
.margin-top-70 { margin-top: var(--margin-70); }
.margin-top-80 { margin-top: var(--margin-80); }
.margin-top-90 { margin-top: var(--margin-90); }
.margin-top-100 { margin-top: var(--margin-100); }

/* Margin-bottom classes */
.margin-bottom-auto { margin-bottom: var(--auto); }
.margin-bottom-0 { margin-bottom: var(--margin-0); }
.margin-bottom-10 { margin-bottom: var(--margin-10); }
.margin-bottom-20 { margin-bottom: var(--margin-20); }
.margin-bottom-30 { margin-bottom: var(--margin-30); }
.margin-bottom-40 { margin-bottom: var(--margin-40); }
.margin-bottom-50 { margin-bottom: var(--margin-50); }
.margin-bottom-60 { margin-bottom: var(--margin-60); }
.margin-bottom-70 { margin-bottom: var(--margin-70); }
.margin-bottom-80 { margin-bottom: var(--margin-80); }
.margin-bottom-90 { margin-bottom: var(--margin-90); }
.margin-bottom-100 { margin-bottom: var(--margin-100); }

/* Padding classes */
.padding-auto { padding: var(--auto); }
.padding-0 { padding: var(--padding-0); }
.padding-10 { padding: var(--padding-10); }
.padding-15 { padding: var(--padding-15); }
.padding-20 { padding: var(--padding-20); }
.padding-30 { padding: var(--padding-30); }
.padding-40 { padding: var(--padding-40); }
.padding-50 { padding: var(--padding-50); }
.padding-60 { padding: var(--padding-60); }
.padding-70 { padding: var(--padding-70); }
.padding-80 { padding: var(--padding-80); }
.padding-90 { padding: var(--padding-90); }
.padding-100 { padding: var(--padding-100); }

/* Padding-left classes */
.padding-left-auto { padding-left: var(--auto); }
.padding-left-0 { padding-left: var(--padding-0); }
.padding-left-10 { padding-left: var(--padding-10); }
.padding-left-20 { padding-left: var(--padding-20); }
.padding-left-30 { padding-left: var(--padding-30); }
.padding-left-40 { padding-left: var(--padding-40); }
.padding-left-50 { padding-left: var(--padding-50); }
.padding-left-60 { padding-left: var(--padding-60); }
.padding-left-70 { padding-left: var(--padding-70); }
.padding-left-80 { padding-left: var(--padding-80); }
.padding-left-90 { padding-left: var(--padding-90); }
.padding-left-100 { padding-left: var(--padding-100); }

/* Padding-right classes */
.padding-right-auto { padding-right: var(--auto); }
.padding-right-0 { padding-right: var(--padding-0); }
.padding-right-10 { padding-right: var(--padding-10); }
.padding-right-20 { padding-right: var(--padding-20); }
.padding-right-30 { padding-right: var(--padding-30); }
.padding-right-40 { padding-right: var(--padding-40); }
.padding-right-50 { padding-right: var(--padding-50); }
.padding-right-60 { padding-right: var(--padding-60); }
.padding-right-70 { padding-right: var(--padding-70); }
.padding-right-80 { padding-right: var(--padding-80); }
.padding-right-90 { padding-right: var(--padding-90); }
.padding-right-100 { padding-right: var(--padding-100); }

/* Padding-top classes */
.padding-top-auto { padding-top: var(--auto); }
.padding-top-0 { padding-top: var(--padding-0); }
.padding-top-10 { padding-top: var(--padding-10); }
.padding-top-20 { padding-top: var(--padding-20); }
.padding-top-30 { padding-top: var(--padding-30); }
.padding-top-40 { padding-top: var(--padding-40); }
.padding-top-50 { padding-top: var(--padding-50); }
.padding-top-60 { padding-top: var(--padding-60); }
.padding-top-70 { padding-top: var(--padding-70); }
.padding-top-80 { padding-top: var(--padding-80); }
.padding-top-90 { padding-top: var(--padding-90); }
.padding-top-100 { padding-top: var(--padding-100); }

/* Padding-bottom classes */
.padding-bottom-auto { padding-bottom: var(--auto); }
.padding-bottom-0 { padding-bottom: var(--padding-0); }
.padding-bottom-10 { padding-bottom: var(--padding-10); }
.padding-bottom-20 { padding-bottom: var(--padding-20); }
.padding-bottom-30 { padding-bottom: var(--padding-30); }
.padding-bottom-40 { padding-bottom: var(--padding-40); }
.padding-bottom-50 { padding-bottom: var(--padding-50); }
.padding-bottom-60 { padding-bottom: var(--padding-60); }
.padding-bottom-70 { padding-bottom: var(--padding-70); }
.padding-bottom-80 { padding-bottom: var(--padding-80); }
.padding-bottom-90 { padding-bottom: var(--padding-90); }
.padding-bottom-100 { padding-bottom: var(--padding-100); }

/* Border-radius classes */
.radius-5 { border-radius: var(--radius-5); }
.radius-6 { border-radius: var(--radius-6); }
.radius-8 { border-radius: var(--radius-8); }
.radius-10 { border-radius: var(--radius-10); }
.radius-16 { border-radius: var(--radius-16); }
.radius-20 { border-radius: var(--radius-20); }
.radius-circle { border-radius: 100%; }

.radius-top-left-10 {
    border-top-left-radius: var(--radius-10);
}

.radius-top-right-10 {
    border-top-right-radius: var(--radius-10);
}

.radius-bottom-left-10 {
    border-bottom-left-radius: var(--radius-10);
}

.radius-bottom-right-10 {
    border-bottom-right-radius: var(--radius-10);
}

.image-radius-5 img {
    border-radius: var(--radius-5)
}

/*.page-image-shadow img {
    filter: drop-shadow(0px 6px 9px rgb(0 0 0 / 10%))
}*/

.height-150-vh {
    height: 150vh;
}

.background-white {
    background-color: var(--color-white);
}

.blog-container-shadow {
    box-shadow: 0 0 10px #0000001f !important;
}

.border-0,
.blog-search-field .elementor-search-form__input {
    border: unset !important;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-4 {
    order: 4;
}

.order-5 {
    order: 5;
}

/* Buttons */
.button-transparent {
    background-color: transparent !important;
    background: transparent !important;
}

.button-transparent span {
    color: var(--e-global-color-primary);
}

.button-transparent span {
    fill: var(--e-global-color-primary);
}

.button-primary .elementor-button,
.button-primary.menu-item {
    color: var(--color-white);
    background-color: var(--color-primary);
    fill: var(--color-white);
    border-radius: 100px;
    transition-property: background-color, color, height;
    transition-duration: 250ms;
}

.button-primary.menu-item .elementor-item {
    color: var(--color-white);
    fill: var(--color-white);
}

.button-primary.menu-item:hover {
    background-color: var(--color-secondary);
}

.button-primary.menu-item a:hover {
    color: var(--color-primary) !important;
    fill: var(--color-primary);
}

.button-secondary .elementor-button {
    color: var(--color-primary);
    background-color: var(--color-secondary);
    fill: var(--color-primary);
}

.button-secondary:hover .elementor-button {
    color: var(--color-secondary);
    background-color: var(--color-primary);
    fill: var(--color-secondary);
}

.button-outline .elementor-button {
    color: var(--color-grey-700);
    background-color: var(--color-transparet);
    border: solid 1px var(--color-grey-300);
}

.button-outline:hover .elementor-button {
    color: var(--color-white);
    background-color: var(--color-grey-300);
}

.button-white .elementor-button {
    color: var(--color-grey-700);
    background-color: var(--color-white);
    border: solid 1px var(--color-grey-300);
}

.button-white:hover .elementor-button {
    color: var(--color-white);
    background-color: var(--color-grey-700);
}

.button-text-white a {
    color: var(--color-white) !important;
    fill: var(--color-white) !important;
}

.button-text-white a:hover {
    color: var(--color-secondary) !important;
    fill: var(--color-secondary) !important;
}

.button-text-grey a {
    color: var(--color-grey-700) !important;
    fill: var(--color-grey-700) !important;
}

.button-text-grey a:hover {
    color: var(--color-grey-700) !important;
    fill: var(--color-grey-700) !important;
}

.button-small {
    height: 42px;
}

.button-small a {
    font-size: 13px !important;
}

/* Sections */

.white-glass-style {
    background: rgba(255, 255, 255, 0.3);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(8.7px);
    -webkit-backdrop-filter: blur(8.7px);
    border: 1px solid rgba(255, 255, 255, 0.25);
}

.elementor-element.elementor-arrows-position-outside .swiper {
    width: 100%;
}

/* Hero */

.sqanit-top-bar {
    background: var(--color-white);

    padding-right: var(--padding-10);
    padding-left: var(--padding-10);
    transition-property: min-height, height !important;
    transition-duration: 250ms;
}

.home .sqanit-top-bar {
    background: linear-gradient(270deg, rgb(35, 44, 62), rgb(59 60 83));
}

.topbar-has-bg {
    min-height: 50px;
    height: 50px;
}

.topbar-logo-typo {
    overflow: hidden;
}

.topbar-logo-typo img {
    object-position: unset;
    transition-property: object-position 250ms;
}

.topbar-logo-badge img {
    transition: width 250ms;
}

.topbar-has-bg .topbar-logo-badge img {
    width: 36px !important;
}

.topbar-has-bg .topbar-logo-typo .elementor-widget-container {
    overflow: hidden;
}

.topbar-has-bg .elementor-nav-menu .button-primary {
    height: 30px;
}

.topbar-has-bg .elementor-nav-menu {
    align-items: center;
}

.topbar-logo-typo .elementor-widget-container a {
    margin-left: unset;
    transition: margin-left 500ms;
}

.topbar-has-bg .topbar-logo-typo .elementor-widget-container a {
    margin-left: -140px;
}

.padding-header {
    padding-right: var(--padding-20);
    padding-left: var(--padding-20);
}

.main-hero-contain {
    transform: height 300ms;
}

.feature-section-bg:before {
    content: "";
    width: 574.366px;
    height: 847.578px;
    transform: rotate(21.269deg);
    border-radius: 847.578px;
    background: linear-gradient(192deg, rgb(246 236 79 / 9%) 0%, rgb(150 6 6 / 9%) 100%);
    filter: blur(150px);
    position: absolute;
    left: 80px;
    bottom: -325px;
    right: unset;
}

.features-section:before {
    content: "";
    width: 574.366px;
    height: 847.578px;
    transform: rotate(21.269deg);
    border-radius: 847.578px;
    background: linear-gradient(192deg, rgb(246 236 79 / 9%) 0%, rgb(150 6 6 / 9%) 100%);
    filter: blur(150px);
    position: absolute;
    right: 80px;
    bottom: -325px;
    left: unset;
}

.background-overlay-fade:before {
    content: "";
    width: 574.366px;
    height: 847.578px;
    transform: rotate(21.269deg);
    border-radius: 847.578px;
    filter: blur(150px);
    position: absolute;
    right: 80px;
    bottom: -325px;
    left: unset;
}

.background-overlay-fade-orange {
    background: linear-gradient(192deg, rgb(246 236 79 / 9%) 0%, rgb(150 6 6 / 9%) 100%);
}

.hero-bg-animation {
    border-bottom-left-radius: var(--radius-10);
    width: 0;
    height: 0;
    overflow: hidden;
    animation: hero-bg-animation 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) 1s both;
    transition: all var(--transition-duration);
}

.hero-bg-animation > div {
    width: 100%;
    height: 600px !important;
    perspective: 450px;
    position: absolute;
    bottom: 0;
}

.hero-bg-color-blue {
    height: 150vh;
    background-image: linear-gradient(180deg, #cdd9ff 0%, var(--color-white) 100%) !important;
}

.hero-line-container {
    width: 100%;
    height: 100%;
    transform: translateY(100px) rotateX(85deg);
    opacity: .1;
    overflow: hidden;
}

.hero-line-container:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 200%;
    background-image: linear-gradient(to right,var(--color-grey-700) 1px,transparent 0),linear-gradient(to bottom,var(--color-grey-700) 1px,transparent 0);
    background-size: 45px 30px;
    background-repeat: repeat;
    transform-origin: 100% 0 0;
    animation: playLine 35s linear infinite;
}

.hero-line-container:after {
    content: '';
    position: absolute;
    width: 100%;
}

.second-hero-text {
    opacity: 0;
    transition: opacity var(--transition-duration);
}

.hero-text,
.second-hero-text {
    transition: opacity var(--transition-duration);
}

.opacity-show {
    opacity: 1;
}

.opacity-hide {
    opacity: 0;
}

/* Blog */

.single-post iframe {
    border-radius: 10px;
}

.single-post h2.wp-block-heading {
    font-weight: 700;
    font-size: 1.4rem;
    margin-top: 2.5rem !important;
}

.blog-post-information-blur {
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(8.7px);
    -webkit-backdrop-filter: blur(8.7px);
}

/* Elements */

.title-container-gradient {
    background-color: transparent;
    background-image: radial-gradient(at center center, #fff0e5 0%, var(--e-global-color-517851d) 70%);
}

.text-orange-bg {
    background: linear-gradient(0deg, var(--color-primary) 50%, transparent 50%);
}

.text-black-bg {
    background: linear-gradient(0deg, var(--color-black) 50%, transparent 50%);
}

.text-dark-blue-bg {
    background: linear-gradient(0deg, var(--color-grey-800) 50%, transparent 50%);
}

.text-secondary-bg {
    background: linear-gradient(0deg, var(--color-secondary) 50%, transparent 50%);
}

.text-light-green-bg {
    background: linear-gradient(0deg, #CDDC39 50%, transparent 50%);
}

.cursor-pointer,
.item-image-slider-tab-item {
    cursor: pointer;
}

.divider-2px-grey .elementor-divider-separator {
    border-block-start-color: var(--color-grey-100) !important;
    border-block-start-width: 2px !important;
    border-radius: 2px;
}

.solution-section {
    padding-right: 0;
}

.employee-item a.elementor-icon:not([href]) {
    display: none;
}

.post-template-default .e-n-accordion-item-title-text {
    font-size: 17px;
}

.aspect-ratio-1 {
    aspect-ratio: 1;
}

.flex-item-centered {
    justify-content: center;
    align-items: center;
}

/* FORMS */

.call-to-action form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.call-to-action form input.wpforms-field-medium {
    max-width: unset;
    padding: 5px 20px !important;
}

.call-to-action form .wpforms-submit-container {
    margin-top: 0 !important;
}

.call-to-action div.wpforms-container-full {
    margin: 0;
}

.call-to-action .wpforms-field-container {
    width: 100%;
}

.call-to-action input {
    border: 0 !important;
}

.call-to-action input,
.call-to-action .wpforms-submit {
    border-radius: var(--radius-5) !important;
}

.call-to-action .wpforms-submit {
    background-color: var(--color-white) !important;
    font-size: 12px !important;
    color: var(--color-primary) !important;
}


.call-to-action-button .wpforms-submit {
    background-color: var(--color-primary) !important;
    color: white !important;
    border-radius: 100px !important;
}

.call-to-action .wpforms-confirmation-container-full {
    background: #C5E1A5 !important;
    border-radius: 5px !important;
}

.call-to-action .wpforms-submit:hover {
    background: var(--color-secondary) !important;
    color: var(--color-primary) !important;
}

.call-to-action .wpforms-container .wpforms-field {
    padding: 0 !important;
}

.call-to-action div.wpforms-container-full:not(:empty) {
    margin: 0 !important;
}

.call-to-action div.wpforms-container-full input[type=email]:focus:invalid {
    border: unset !important;
    box-shadow: unset !important;
}

.call-to-action img.wpforms-submit-spinner {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: calc(50% - 15px);
}

.call-to-action-button form input.wpforms-field-medium {
    width: 350px;
    padding: 5px 20px !important;
    border-radius: 100px !important;
}

.call-to-action-button form .wpforms-submit-container {
    margin-left: -100px;
}

.call-to-action-button em.wpforms-error {
    background: #00000040 !important;
    position: absolute !important;
    padding: 5px 10px !important;
    width: 100% !important;
    text-align: center;
    border-radius: 100px !important;
}

.hobspot-form-hero {
    gap: 5px;
    align-items: center;
}

.hobspot-form-hero label {
    display: none;
}

.hobspot-form-hero input {
    margin-right: 50px;
    border-radius: 30px !important;
}

.hobspot-form-hero ul {
    position: absolute;
    padding-inline-start: 0;
    font-size: 12px;
    margin-left: 12px;
}

.hobspot-form-hero ul label {
    display: unset;
    color: var(--color-white);
    text-align: left;
}

.hobspot-form-contact input,
.hobspot-form-contact textarea {
    background-color: unset;
    color: var(--color-white) !important;
    border: unset !important;
    border-bottom: solid 2px var(--color-white) !important;
    font-size: 14px;
    border-radius: 0 !important;
}

.hobspot-form-contact ul.no-list.hs-error-msgs {
    position: absolute;
    font-size: 13px;
    color: #795548;
    margin-left: -25px;
    list-style: none;
}

.hobspot-form-contact input::placeholder {
    color: #9c6848;
}

.hobspot-form-contact input[type="submit"] {
    width: 100%;
    background-color: var(--color-white) !important;
    color: var(--color-primary) !important;
    border-radius: var(--radius-10) !important;
}

.hbspt-form .submitted-message {
    color: var(--color-white);
}

/* Sliders */

.item-image-slider-tab-item-active {
    border-color: var(--color-primary) !important;
}

.item-image-slider-tab .swiper-pagination {
    display: none;
}

.solution-section .elementor-swiper-button-next,
.solution-section .elementor-swiper-button-prev {
    background: var(--color-secondary);
    border-radius: 100%;
    padding: 7px;
}

.solution-section .elementor-swiper-button-next svg,
.solution-section .elementor-swiper-button-prev svg {
    fill: var(--color-primary-light) !important;
}

.hero-use-cases .swiper-wrapper {
    align-items: center !important;
}

/* Logo Container*/

.logo-container .elementor-image-carousel div {
    display: flex;
    align-items: center;
    border-left: solid 1px var(--color-grey-100);
    padding: 10px 30px;
    aspect-ratio: 3;
}

.logo-container .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important; 
}

.logo-container img {
    filter: brightness(0) invert(1) grayscale(1);
    opacity: 0.6;
}

/* Feature Section fullwidth */

.feature-section-img-right,
.feature-section-img-left {
    align-items: center;
    gap: 50px;
}

.feature-section-img-left {
    flex-direction: row !important;
    padding-left: var(--padding-0);
    margin-bottom: var(--margin-50);
}

.feature-section-img-left .feature-section-image-container {
    padding: var(--padding-30) var(--padding-30) var(--padding-30) var(--padding-0);
}

.feature-section-img-right {
    flex-direction: row-reverse !important;
    padding-right: var(--padding-0);
    margin-bottom: var(--margin-50);
}

.feature-section-img-right .feature-section-image-container {
    padding: var(--padding-30) var(--padding-0) var(--padding-30) var(--padding-30);
}

.feature-section-image-container {
    width: var(--size-p-40);
}

.feature-section-text-container {
    width: calc(60% - (100% - 1280px) / 2);
}

/* Start Colored Boxes */

.box-1,
.box-2,
.box-3 {
    border-radius: var(--radius-10);
}

.box-1 .colored-box-image-container::after,
.box-2 .colored-box-image-container::after,
.box-3 .colored-box-image-container::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
}

.box-1 {
    border: solid 1px #fae4df;
    background: #fff3f0;
}

.box-1 .colored-box-image-container::after {
    background: linear-gradient(0deg, #fff3f0 0%, transparent 30%);
}

.box-1 .boxed-action-image {
    position: absolute;
    top: 50px;
    left: 20px;
    cursor: move;
    z-index: 5;
}

.box-2 {
    border: solid 1px #ffebda;
    background: #fff7f0;
}

.box-2 .colored-box-image-container::after {
    background: linear-gradient(0deg, #fff7f0 0%, transparent 30%);
}

.box-3 {
    border: solid 1px #ffeee8;
    background: #fff8f5;
}

.box-3 .colored-box-image-container::after {
    background: linear-gradient(0deg, #fff8f5 0%, transparent 30%);

}

/* End Colored Boxes */

.colored-box-text {
    padding: 0 var(--padding-30) var(--padding-30) var(--padding-30);
}

.backdrop-blur-10 {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.backdrop-blur-40 {
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
}

/* Start MegaMenu */

.e-n-menu-toggle {
    background: unset !important;
}

.e-n-menu-toggle-icon {
    transition: opacity 300ms;
}

.e-n-menu-wrapper {
    transition: width 200ms !important;
}
/* End MegaMenu */

/* Start circle-infographic */

.circle-infographic-item {
    transition: fill 250ms;
}

.circle-infographic-item:hover {
    fill: var(--color-secondary);
}

/* End circle-infographic */


/* Start Use Case Benefits Box Colors */

#box-bottom-line-light-purple {
    border-bottom: solid 2px #CDC0FF;    
}

#box-bottom-line-light-green {
    border-bottom: solid 2px #C6E1A3;    
}

#box-bottom-line-light-orange {
    border-bottom: solid 2px #FFE2C0;    
}

#box-bottom-line-light-red {
    border-bottom: solid 2px #ffc0c0;    
}

/* End Use Case Benefits Box Colors */

/* START Why Sqanit Timeline Box Colors */

.why-sqanit-timeline-1 {
    background-color: #CFC0C0;
}

.why-sqanit-timeline-2 {
    background-color: #B59D9D;
}

.why-sqanit-timeline-3 {
    background-color: #917F95;
}

.why-sqanit-timeline-4 {
    background-color: #877F95;
}

/* END Why Sqanit Timeline Box Colors */

/* START Mobile Menu */

#mobile-menu .elementor-item.has-submenu .e-font-icon-svg.e-fas-caret-down path {
    transform-origin: center;
    fill: var(--color-white);
    transition-property: fill, transform;
    transition: 250ms;
    transform: rotate(-90deg);
}

#mobile-menu .elementor-item.has-submenu.highlighted .e-font-icon-svg.e-fas-caret-down path {
    fill: #ffd5bd;
    transform: rotate(0);
}

/* END Mobile Menu */

/* START legal page */

.legel-page-tab .e-n-accordion-item > * {
    border-color: #eeeeee;
}

/* END legal page */

/* START Cookie Banner */

.cky-accordion-header-wrapper [type="checkbox"] {
    border-style: unset !important;
    border-radius: 30px !important;
}

/* END Cookie Banner */

/* START general */

.not-found-search .elementor-search-form__input {
    border: unset !important;
}

/* START Contact Us */

.contact-us-container {
    margin: var(--margin-0) !important;
}

.contact-us-container input, .contact-us-container textarea {
    background: transparent !important;
    border: unset !important;
    border-bottom: solid 2px white !important;
    border-radius: unset !important;
    color: var(--color-white) !important;
}

.contact-us-container input:focus:invalid, .contact-us-container textarea:focus:invalid,
.contact-us-container input:focus, .contact-us-container textarea:focus {
    box-shadow: unset !important;
}

.contact-us-send-button {
    background-color: var(--color-white) !important;
    color: var(--color-primary) !important;
    width: 100% !important;
    border-radius: 100px !important;
    font-weight: normal !important;
    font-size: 16px !important;
    transition: background-color 250ms !important;
}

.contact-us-send-button:hover {
    background: var(--color-secondary) !important;
}

/* Finish Contact Us */

/* END general */

@media (max-width: 1024px) {
    .hide-in-tablet-mobile {
        display: none !important;
    }

    .padding-header {
        padding-right: var(--padding-15);
        padding-left: var(--padding-15);
    }

    .feature-section-bg:before,
    .customers-logo:before,
    .features-section:before {
        width: 100%;
        transform: unset;
    }

    .feature-section-bg:before,
    .customers-logo:before {
        left: 0;
    }

    .features-section:before {
        right: 0;
    }

    .feature-section-img-left,
    .feature-section-img-right {
        flex-direction: column-reverse !important;
        padding: var(--padding-0) !important;
    }

    .feature-section-img-left img,
    .feature-section-img-right img {
        border-radius: var(--radius-5) !important;
    }

    .feature-section-image-container,
    .feature-section-text-container {
        width: 100%;
        padding: var(--padding-20) !important;
    }

    .hero-phone-device-slider {
        position: absolute;
        top: 0 !important;
        left: 50%;
        transform: translate(-50%, 50px);
    }
}

@media (max-width: 767px) {

    .sqanit-top-bar .e-active > div {
        width: 100% !important;
        border-radius: 0 !important;
    }

    .sqanit-top-bar nav .e-n-menu-wrapper {
        backdrop-filter: blur(40px);
        -webkit-backdrop-filter: blur(40px)
    }

    .hide-in-tablet-mobile {
        display: none;
    }

    .position-absolute-center.on-desktop {
        position: unset;
    }

    .padding-header {
        padding-right: var(--padding-10);
        padding-left: var(--padding-10);
    }

    .call-to-action-button-de .wpforms-submit {
        margin-left: -35px;
    }

    .footer-widgets-margin {
        margin: var(--margin-10) 0;
    }
}

@keyframes playLine {
    0% {
        transform: translate3d(0,-50%,0);
    }
    
    100% {
        transform: translateY(0,0,0);
    }
}

@keyframes hero-bg-animation {
    from {
        width: 0;
        height: 0; 
    } to {
        width: 80%;
        height: 80%;
    }
}