.elementor-521 .elementor-element.elementor-element-52dd51a{--display:flex;--gap:64px 64px;--row-gap:64px;--column-gap:64px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-521 .elementor-element.elementor-element-60d1e3a{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-521 .elementor-element.elementor-element-60d1e3a.e-con{--align-self:center;}.elementor-521 .elementor-element.elementor-element-3ea4e23.elementor-element{--align-self:center;}.elementor-521 .elementor-element.elementor-element-89c41fa{width:var( --container-widget-width, 60% );max-width:60%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;}.elementor-521 .elementor-element.elementor-element-89c41fa .elementor-heading-title{font-family:"Maven Pro", Sans-serif;font-size:80px;font-weight:700;text-transform:uppercase;line-height:1.1em;letter-spacing:-1.3px;color:var( --e-global-color-primary );}.elementor-521 .elementor-element.elementor-element-5b6c273{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-521 .elementor-element.elementor-element-5b6c273.e-con{--align-self:center;}.elementor-521 .elementor-element.elementor-element-7b7a055{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-521 .elementor-element.elementor-element-7b7a055 p{margin-block-end:0px;}.elementor-521 .elementor-element.elementor-element-7e59048 .ekit-btn-wraper .elementskit-btn{justify-content:center;}.elementor-521 .elementor-element.elementor-element-7e59048 .elementskit-btn{background-color:var( --e-global-color-5c14f94 );padding:20px 30px 20px 30px;font-family:var( --e-global-typography-20ec53d-font-family ), Sans-serif;font-size:var( --e-global-typography-20ec53d-font-size );font-weight:var( --e-global-typography-20ec53d-font-weight );text-transform:var( --e-global-typography-20ec53d-text-transform );color:var( --e-global-color-053569a );fill:var( --e-global-color-053569a );border-style:solid;border-width:0px 0px 0px 0px;border-radius:8px 8px 8px 8px;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-521 .elementor-element.elementor-element-7e59048 .elementskit-btn:hover{background-color:var( --e-global-color-a3a00f6 );color:var( --e-global-color-053569a );fill:var( --e-global-color-053569a );border-radius:8px 8px 8px 8px;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-521 .elementor-element.elementor-element-7e59048{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-521 .elementor-element.elementor-element-7e59048 .elementskit-btn > :is(i, svg){font-size:14px;}.elementor-521 .elementor-element.elementor-element-7e59048 .elementskit-btn > i, .elementor-521 .elementor-element.elementor-element-7e59048 .elementskit-btn > svg{margin-right:5px;}.rtl .elementor-521 .elementor-element.elementor-element-7e59048 .elementskit-btn > i, .rtl .elementor-521 .elementor-element.elementor-element-7e59048 .elementskit-btn > svg{margin-left:5px;margin-right:0;}.elementor-521 .elementor-element.elementor-element-e9cc79b{--display:flex;}.elementor-521 .elementor-element.elementor-element-794ebc6{--display:flex;}@media(min-width:768px){.elementor-521 .elementor-element.elementor-element-5b6c273{--width:60%;}}@media(max-width:1024px){.elementor-521 .elementor-element.elementor-element-52dd51a{--padding-top:50px;--padding-bottom:50px;--padding-left:24px;--padding-right:24px;}.elementor-521 .elementor-element.elementor-element-89c41fa{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-521 .elementor-element.elementor-element-89c41fa .elementor-heading-title{font-size:60px;line-height:1.1em;}.elementor-521 .elementor-element.elementor-element-7b7a055{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-521 .elementor-element.elementor-element-7e59048 .elementskit-btn{font-size:var( --e-global-typography-20ec53d-font-size );}}@media(max-width:767px){.elementor-521 .elementor-element.elementor-element-52dd51a{--padding-top:60px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-521 .elementor-element.elementor-element-89c41fa .elementor-heading-title{font-size:35px;}.elementor-521 .elementor-element.elementor-element-7b7a055{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-521 .elementor-element.elementor-element-7e59048 .elementskit-btn{font-size:var( --e-global-typography-20ec53d-font-size );}}/* Start custom CSS for container, class: .elementor-element-52dd51a *//* =========================================
   FLEXTERN HERO — ABSTRACT BACKGROUND
========================================= */

.fx-hero {
    position: relative !important;
    overflow: hidden !important;
    background: #ffffff !important;
    isolation: isolate;
}


/* =========================================
   LEFT ABSTRACT SHAPE
========================================= */

.fx-hero::before {
    content: "";
    position: absolute;

    width: 520px;
    height: 520px;

    left: -300px;
    top: 80px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(11, 179, 179, 0.22) 0%,
            rgba(11, 179, 179, 0.13) 38%,
            rgba(11, 179, 179, 0.055) 62%,
            transparent 74%
        );

    box-shadow:
        120px 40px 0 -35px rgba(11, 179, 179, 0.07);

    pointer-events: none;

    z-index: 0;

    animation: fxHeroLeft 9s ease-in-out infinite;
}


/* =========================================
   RIGHT ABSTRACT SHAPE
========================================= */

.fx-hero::after {
    content: "";

    position: absolute;

    width: 560px;
    height: 560px;

    right: -330px;
    top: 20px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(11, 179, 179, 0.20) 0%,
            rgba(11, 179, 179, 0.12) 38%,
            rgba(11, 179, 179, 0.045) 62%,
            transparent 74%
        );

    box-shadow:
        -120px 80px 0 -35px rgba(11, 179, 179, 0.07);

    pointer-events: none;

    z-index: 0;

    animation: fxHeroRight 10s ease-in-out infinite;
}


/* =========================================
   CONTENT ABOVE BACKGROUND
========================================= */

.fx-hero > .e-con,
.fx-hero > .elementor-container,
.fx-hero .elementor-widget {
    position: relative;
    z-index: 3;
}


/* =========================================
   SUBTLE CENTER GLOW
========================================= */

.fx-hero .elementor-widget-container::before {
    content: "";
    position: absolute;

    width: 700px;
    height: 300px;

    left: 50%;
    top: 90px;

    transform: translateX(-50%);

    background:
        radial-gradient(
            ellipse,
            rgba(11, 179, 179, 0.055) 0%,
            transparent 70%
        );

    pointer-events: none;

    z-index: -1;
}


/* =========================================
   FLOATING DOT PATTERN
========================================= */

.fx-hero .elementor-container::before,
.fx-hero > .e-con::before {
    content: "";

    position: absolute;

    width: 120px;
    height: 120px;

    left: 8%;
    bottom: 8%;

    background-image:
        radial-gradient(
            rgba(11, 179, 179, 0.35) 1.5px,
            transparent 1.5px
        );

    background-size: 16px 16px;

    opacity: 0.45;

    pointer-events: none;

    z-index: 1;
}


/* =========================================
   ANIMATIONS
========================================= */

@keyframes fxHeroLeft {

    0% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(35px, -20px) scale(1.06);
    }

    100% {
        transform: translate(0, 0) scale(1);
    }

}


@keyframes fxHeroRight {

    0% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(-30px, 25px) scale(1.05);
    }

    100% {
        transform: translate(0, 0) scale(1);
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .fx-hero::before {
        width: 300px;
        height: 300px;

        left: -210px;
        top: 100px;
    }

    .fx-hero::after {
        width: 330px;
        height: 330px;

        right: -220px;
        top: 180px;
    }

    .fx-hero .elementor-container::before,
    .fx-hero > .e-con::before {
        width: 80px;
        height: 80px;

        left: 5%;
        bottom: 5%;

        background-size: 12px 12px;
    }

}/* End custom CSS */