body:not(.rtl) .elementor-1563 .elementor-element.elementor-element-ff473bd{left:0px;}body.rtl .elementor-1563 .elementor-element.elementor-element-ff473bd{right:0px;}.elementor-1563 .elementor-element.elementor-element-ff473bd{bottom:0px;}.elementor-1563 .elementor-element.elementor-element-16f85fb{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:32px 32px;--row-gap:32px;--column-gap:32px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1563 .elementor-element.elementor-element-503384e{--display:grid;--min-height:458px;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:24px 24px;--row-gap:24px;--column-gap:24px;--grid-auto-flow:row;--align-items:end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-1563 .elementor-element.elementor-element-b2e3205{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;bottom:0px;}body:not(.rtl) .elementor-1563 .elementor-element.elementor-element-b2e3205{left:0px;}body.rtl .elementor-1563 .elementor-element.elementor-element-b2e3205{right:0px;}@media(max-width:1366px){.elementor-1563 .elementor-element.elementor-element-16f85fb{--grid-auto-flow:row;}.elementor-1563 .elementor-element.elementor-element-503384e{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--align-items:end;--margin-top:-80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:1024px){.elementor-1563 .elementor-element.elementor-element-16f85fb{--grid-auto-flow:row;}.elementor-1563 .elementor-element.elementor-element-503384e{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-1563 .elementor-element.elementor-element-16f85fb{--e-con-grid-template-columns:repeat(1, 1fr);--gap:16px 16px;--row-gap:16px;--column-gap:16px;--grid-auto-flow:row;}.elementor-1563 .elementor-element.elementor-element-503384e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--margin-top:-40px;--margin-bottom:-40px;--margin-left:-40px;--margin-right:-40px;}}/* Start custom CSS for container, class: .elementor-element-503384e */@media only screen and (max-width: 1366px) {
    .elementor-1563 .elementor-element.elementor-element-503384e {
        max-width: 740px;
    }
}/* End custom CSS */
/* Start custom CSS *//* ===== HERO ===== */

/* Base Styles */

#hero-web-1,
#hero-web-2,
#hero-web-3 {
    opacity: 0;
    transform: translateY(50%);
    transition: transform 800ms cubic-bezier(.22, 1.4, .36, 1), opacity 400ms ease-in-out;
}

#hero-web-4 {
    opacity: 0;
    transform: scale(0);
    transition: transform 800ms cubic-bezier(.22, 1.4, .36, 1), opacity 400ms ease-in-out;
}

#eagle-sliding {
    opacity: 0;
    transform: rotate(-20deg) translate(300px, -200px);
    transition: transform 1000ms cubic-bezier(.22, 1.4, .36, 1), opacity 400ms ease-in-out;
}


/* Animation State */

#hero.show-animation #hero-web-1,
#hero.show-animation #hero-web-2,
#hero.show-animation #hero-web-3 {
    opacity: 1;
    transform: translateY(0);
}

#hero.show-animation #hero-web-4 {
    opacity: 1;
    transform: scale(1);
}

#hero.show-animation #eagle-sliding {
    opacity: 1;
    transform: rotate(-20deg) translate(0, 0);
}

@media only screen and (max-width: 767px) {
    #hero.show-animation #hero-web-1,
    #hero.show-animation #hero-web-2,
    #hero.show-animation #hero-web-3 {
        transform: translateY(-240px);
    }
}


/* ===== WHAT WE DO ===== */

/* Base Styles */

#woo #web-1,
#woo #web-2,
#woo #web-3 {
    opacity: 0;
    transform: rotate(-180deg);
    transform-origin: bottom left;
    transition: transform 1200ms cubic-bezier(.22, 1.4, .36, 1), opacity 400ms ease-in-out;
}

#woo #web-4,
#woo #woo-logo {
    opacity: 0;
    transform: scale(0);
    transition: transform 1200ms cubic-bezier(.22, 1.4, .36, 1), opacity 400ms ease-in-out;
}

#woo #web-4 {
    transform-origin: top left;
}

#woo #eagle-cart {
    opacity: 0;
    transform: translateX(-100%);
    transition: transform 1200ms cubic-bezier(.22, 1.4, .36, 1), opacity 400ms ease-in-out;
}


/* Animation State */

#woo.show-animation #web-1 {
    opacity: 1;
    transform: rotate(0deg);
}

#woo.show-animation #web-2 {
    opacity: 1;
    transform: rotate(-30deg);
}

#woo.show-animation #web-3 {
    opacity: 1;
    transform: rotate(-45deg);
}

#woo.show-animation #web-4,
#woo.show-animation #woo-logo {
    opacity: 1;
    transform: scale(1);
}

#woo.show-animation #eagle-cart {
    opacity: 1;
    transform: translateX(0);
}


/* ===== UNIQUE ABOUT US ===== */

#unique .element1 {
    opacity: 0;
    transform: scale(0);
    transition:
        transform 800ms cubic-bezier(.22, 1.4, .36, 1),
        opacity 800ms cubic-bezier(.22, 1.4, .36, 1);
}

#unique.show-animation .element1 {
    opacity: 1;
    transform: scale(1);
}


/* ===== BASIC INCLUDE ===== */

#basic-include .element1,
#basic-include .element2 {
    opacity: 0;
    transition:
        transform 800ms cubic-bezier(.22, 1.4, .36, 1),
        opacity 800ms ease;
}

/* Feature 1 */

#feature1 .element1 {
    transform: translateY(236px);
}
#feature1 .element2 {
    transform: translateX(-473px);
}
#feature1.show-animation .element1 {
    opacity: 1;
    transform: translateY(0);
}
#feature1.show-animation .element2 {
    opacity: 1;
    transform: translateX(0);
}

/* Feature 2 */

#feature2 .element1 {
    transform: scale(0);
}
#feature2 .element2 {
    transform: translateY(-232px) rotate(0deg);
}
#feature2.show-animation .element1 {
    opacity: 1;
    transform: scale(1);
}
#feature2.show-animation .element2 {
    opacity: 1;
    transform: translateY(0) rotate(-45deg);
}

/* Feature 3 */

#feature3 .element1 {
    transform: translateY(296px);
}
#feature3.show-animation .element1 {
    opacity: 1;
    transform: translateY(0);
}

/* Feature 4 */

#feature4 .element1 {
    transform: translateX(396px) scale(.5);
}
#feature4.show-animation .element1 {
    opacity: 1;
    transform: translateX(0) scale(1);
}


/* ===== WHAT YOU GET ===== */

#you-get-cards-con .you-get-card {
    opacity: 0;
    transform: translateY(438px);
    transition:
        transform 800ms cubic-bezier(.22, 1.4, .36, 1),
        opacity 800ms ease;
}

#you-get-cards-con.show-animation .you-get-card {
    opacity: 1;
    transform: translateY(0);
}

@media only screen and (max-width: 1366px) {
    #you-get-cards-con .you-get-card {
        transform: translateY(calc(200% + 104px));
    }
}

@media only screen and (max-width: 767px) {

    #you-get-cards-con .you-get-card,
    #you-get-cards-con.show-animation .you-get-card {
        opacity: 0;
        transform: scale(0);
    }

    .you-get-card.show-animation {
        opacity: 1 !important;
        transform: scale(1) !important;
    }

}


/* ===== HOW IT WORKS ===== */

/* Base Styles */

#steps .step-gradient-bg {
    width: 20px;
    transition: width 800ms cubic-bezier(.22, 1.2, .36, 1);
}

#steps .step-content {
    opacity: 0;
    transition: opacity 800ms ease-in-out;
}

#steps .element1,
#steps .element2 {
    transition: transform 800ms cubic-bezier(.22, 1.2, .36, 1);
}

/* Initial States */

#steps .element1 {
    transform: scale(0);
}

#step-3 .element2 {
    transform: translateY(100%);
}

/* Animation State */

#steps .show-animation .step-gradient-bg {
    width: 100%;
}

#steps .show-animation .step-content {
    opacity: 1;
}

#steps .show-animation .element1 {
    transform: scale(1);
}

#step-3.show-animation .element2 {
    transform: translateY(0);
}


/* ===== FLYING EAGLE ===== */

/* Initial States + Base Styles */

#flying-eagle-text {
    opacity: 0;
    transition: opacity 800ms ease-in-out;
}

#earth {
    width: 544px;
    object-fit: none;
    object-position: bottom center;
    transition: all 800ms cubic-bezier(.22, 1.2, .36, 1);
}

#eagle {
    transform: scale(.2) translateY(0);
    transform-origin: center;
    margin-top: 15%;
    transition: all 800ms cubic-bezier(.22, 1.2, .36, 1);
}

/* Animation State */

#flying-eagle.show-animation #earth {
    width: 100%;
    border-radius: 32px;
}

#flying-eagle.show-animation #eagle {
    transform: scale(1);
    margin-top: 0;
}

#flying-eagle.show-animation #flying-eagle-text {
    opacity: 1;
}

@media only screen and (max-width: 767px) {

    #earth {
        width: 75%;
    }

    #eagle {
        margin-top: 50%;
    }

    #earth-con {
        padding-top: 60%;
    }

    #flying-eagle.show-animation #earth-con {
        padding-top: 40%;
    }

}/* End custom CSS */