.elementor-683 .elementor-element.elementor-element-604a848{--display:flex;--margin-top:0%;--margin-bottom:-7%;--margin-left:0%;--margin-right:0%;--padding-top:0.5vw;--padding-bottom:0.5vw;--padding-left:10vw;--padding-right:10vw;--z-index:999;}.elementor-683 .elementor-element.elementor-element-3290a2c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-683 .elementor-element.elementor-element-8fe225c{width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-683 .elementor-element.elementor-element-fba5633 .elementor-icon-wrapper{text-align:center;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-683 .elementor-element.elementor-element-8feee85.elementor-element{--align-self:center;}.elementor-683 .elementor-element.elementor-element-8feee85 .elementor-menu-toggle{margin:0 auto;}.elementor-683 .elementor-element.elementor-element-8feee85 .elementor-nav-menu .elementor-item{font-family:"Poppins", Sans-serif;font-size:1vw;font-weight:400;}.elementor-683 .elementor-element.elementor-element-8feee85 .elementor-nav-menu--main .elementor-item{color:#02235E;fill:#02235E;}.elementor-683 .elementor-element.elementor-element-8feee85 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-683 .elementor-element.elementor-element-8feee85 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-683 .elementor-element.elementor-element-8feee85 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-683 .elementor-element.elementor-element-8feee85 .elementor-nav-menu--main .elementor-item:focus{color:#03923C;fill:#03923C;}.elementor-683 .elementor-element.elementor-element-8feee85 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#03923C;}.elementor-683 .elementor-element.elementor-element-8feee85 .elementor-nav-menu--dropdown .elementor-item, .elementor-683 .elementor-element.elementor-element-8feee85 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Poppins", Sans-serif;font-size:0.938vw;font-weight:400;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-683 .elementor-element.elementor-element-b90cc49 .elementor-button{background-color:#03923C;font-family:"Poppins", Sans-serif;font-size:1vw;font-weight:700;text-transform:uppercase;border-radius:50px 50px 50px 50px;padding:0px 0px 0px 0px;}.elementor-683 .elementor-element.elementor-element-b90cc49.elementor-element{--align-self:center;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-683 .elementor-element.elementor-element-604a848{--margin-top:0%;--margin-bottom:-40%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-683 .elementor-element.elementor-element-3290a2c{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-683 .elementor-element.elementor-element-8fe225c{--container-widget-width:40%;--container-widget-flex-grow:0;width:var( --container-widget-width, 40% );max-width:40%;}.elementor-683 .elementor-element.elementor-element-fba5633.elementor-element{--align-self:center;}.elementor-683 .elementor-element.elementor-element-fba5633 .elementor-icon{font-size:35px;}.elementor-683 .elementor-element.elementor-element-fba5633 .elementor-icon svg{height:35px;}}/* Start custom CSS for button, class: .elementor-element-b90cc49 *//* ==========================================================
   PSICONEXOS 360° — SPECIAL CTA BUTTON
   Elementor Class: psico-special-btn
========================================================== */

.psico-special-btn {
    position: relative !important;
    overflow: visible !important;
}


/* ==========================================================
   BUTTON
========================================================== */

.psico-special-btn > a {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 58px !important;
    padding: 15px 28px 15px 32px !important;

    direction: ltr !important;

    color: #ffffff !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    background:
        radial-gradient(
            circle at 18% 0%,
            rgba(255, 255, 255, 0.30) 0%,
            rgba(255, 255, 255, 0) 28%
        ),
        linear-gradient(
            115deg,
            #6334E8 0%,
            #5966F5 38%,
            #319BFF 70%,
            #28C98B 100%
        ) !important;

    background-size:
        100% 100%,
        220% 100% !important;

    background-position:
        center,
        0% 50% !important;

    border:
        1px solid rgba(255, 255, 255, 0.34) !important;

    border-radius:
        999px !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.38),
        inset 0 -8px 18px rgba(20, 35, 120, 0.12),
        0 12px 28px rgba(67, 76, 210, 0.25),
        0 0 0 5px rgba(91, 88, 242, 0.06) !important;

    transform:
        translateY(0);

    transition:
        background-position 0.65s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease !important;
}


/* ==========================================================
   WHITE SYMBOL REFLECTION
========================================================== */

.psico-special-btn > a::before {
    content: "" !important;

    position: absolute !important;
    z-index: 0 !important;

    left: -5px !important;
    top: 50% !important;

    width: 76px !important;
    height: 76px !important;

    background-image:
        url("https://psiconexos360.com/wp-content/uploads/2026/10/white-symbol.png") !important;

    background-repeat:
        no-repeat !important;

    background-position:
        center !important;

    background-size:
        contain !important;

    opacity:
        0.16 !important;

    filter:
        drop-shadow(
            0 0 9px rgba(255, 255, 255, 0.28)
        ) !important;

    mix-blend-mode:
        screen !important;

    transform:
        translate(-8px, -50%)
        scaleX(-1)
        rotate(-8deg) !important;

    -webkit-mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            #000 22%,
            #000 72%,
            transparent 100%
        ) !important;

    mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            #000 22%,
            #000 72%,
            transparent 100%
        ) !important;

    pointer-events:
        none !important;

    transition:
        opacity 0.4s ease,
        transform 0.55s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}


/* ==========================================================
   ARROW
========================================================== */

.psico-special-btn > a::after {
    content: "→" !important;

    position: relative !important;
    z-index: 2 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

    margin-left: 10px !important;
    margin-top: 0 !important;

    color: #ffffff !important;

    font-size: 23px !important;
    font-weight: 300 !important;
    line-height: 1 !important;

    transform:
        translateY(-2px)
        rotate(-25deg) !important;

    text-shadow:
        0 0 10px rgba(255, 255, 255, 0.42) !important;

    transition:
        transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1),
        text-shadow 0.35s ease !important;

    pointer-events:
        none !important;
}


/* ==========================================================
   CONTENT ABOVE REFLECTION
========================================================== */

.psico-special-btn > a > * {
    position: relative !important;
    z-index: 2 !important;
}


/* ==========================================================
   HOVER
========================================================== */

.psico-special-btn > a:hover {
    background-position:
        center,
        100% 50% !important;

    border-color:
        rgba(255, 255, 255, 0.62) !important;

    transform:
        translateY(-3px) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.52),
        inset 0 -8px 18px rgba(20, 35, 120, 0.08),
        0 17px 34px rgba(67, 76, 210, 0.34),
        0 0 25px rgba(65, 174, 255, 0.22) !important;
}


/* ==========================================================
   SYMBOL HOVER
========================================================== */

.psico-special-btn > a:hover::before {
    opacity:
        0.30 !important;

    transform:
        translate(7px, -50%)
        scaleX(-1)
        rotate(0deg)
        scale(1.08) !important;
}


/* ==========================================================
   ARROW HOVER
========================================================== */

.psico-special-btn > a:hover::after {
    transform:
        translate(4px, -2px)
        rotate(0deg) !important;

    text-shadow:
        0 0 8px rgba(255, 255, 255, 0.72),
        0 0 18px rgba(255, 255, 255, 0.46) !important;
}


/* ==========================================================
   MOBILE SIZE ONLY
   Visibility stays controlled by Elementor
========================================================== */

@media (max-width: 767px) {

    .psico-special-btn > a {
        min-height: 54px !important;

        padding:
            14px 24px 14px 28px !important;
    }


    .psico-special-btn > a::before {
        width: 66px !important;
        height: 66px !important;
    }


    .psico-special-btn > a::after {
        margin-left: 8px !important;

        font-size: 21px !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3290a2c *//* ==========================================================
   PSICONEXOS360 — HEADER ON SCROLL
   Class: psn-header
========================================================== */

.psn-header {
    background: transparent !important;

    border-radius: 0;

    transition:
        background .35s ease,
        border-radius .35s ease,
        padding .35s ease,
        box-shadow .35s ease,
        backdrop-filter .35s ease,
        -webkit-backdrop-filter .35s ease;
}


/* ==========================================================
   SCROLLED
========================================================== */

.psn-header.elementor-sticky--effects {
    padding-left: 20px !important;
    padding-right: 20px !important;

    border-radius: 20px;

    background:
        rgba(255, 255, 255, .38) !important;

    -webkit-backdrop-filter:
        blur(18px)
        saturate(135%);

    backdrop-filter:
        blur(18px)
        saturate(135%);

    border:
        1px solid rgba(255, 255, 255, .42);

    box-shadow:
        0 10px 30px rgba(22, 35, 78, .07),
        inset 0 1px 0 rgba(255, 255, 255, .45);
}




/* ==========================================================
   PSICONEXOS360 — DROPDOWN MENU
   Header class: psn-header
========================================================== */


/* ==========================================================
   DROPDOWN CONTAINER
========================================================== */

.psn-header
ul.sub-menu.elementor-nav-menu--dropdown {
    background:
        radial-gradient(
            circle at 15% 10%,
            rgba(123, 34, 232, .055) 0%,
            transparent 34%
        ),
        radial-gradient(
            circle at 88% 90%,
            rgba(56, 184, 105, .045) 0%,
            transparent 36%
        ),
        rgba(248, 248, 250, .88) !important;

    -webkit-backdrop-filter:
        blur(18px)
        saturate(125%);

    backdrop-filter:
        blur(18px)
        saturate(125%);

    border:
        1px solid rgba(22, 35, 78, .10) !important;

    border-radius:
        18px !important;

    padding:
        8px !important;

    box-shadow:
        0 18px 45px rgba(22, 35, 78, .11),
        0 4px 12px rgba(22, 35, 78, .05),
        inset 0 1px 0 rgba(255,255,255,.68);

    overflow:
        hidden;
}


/* ==========================================================
   MENU ITEMS
========================================================== */

.psn-header
ul.sub-menu.elementor-nav-menu--dropdown
> li {
    margin:
        0 0 3px 0 !important;
}


.psn-header
ul.sub-menu.elementor-nav-menu--dropdown
> li:last-child {
    margin-bottom:
        0 !important;
}


/* ==========================================================
   LINKS
========================================================== */

.psn-header
ul.sub-menu.elementor-nav-menu--dropdown
.elementor-sub-item {
    position:
        relative;

    display:
        flex !important;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        14px;

    color:
        #16234E !important;

    background:
        transparent !important;

    border:
        none !important;

    border-radius:
        11px !important;

    padding:
        12px 14px !important;

    text-decoration:
        none !important;

    transition:
        background .25s ease,
        color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}


/* ==========================================================
   PURPLE ARROW
========================================================== */

.psn-header
ul.sub-menu.elementor-nav-menu--dropdown
.elementor-sub-item::after {
    content:
        "→";

    flex-shrink:
        0;

    color:
        #7B22E8;

    font-size:
        17px;

    line-height:
        1;

    opacity:
        0;

    transform:
        translateX(-7px);

    transition:
        opacity .25s ease,
        transform .25s ease;
}


/* ==========================================================
   HOVER
========================================================== */

.psn-header
ul.sub-menu.elementor-nav-menu--dropdown
.elementor-sub-item:hover {
    color:
        #16234E !important;

    background:
        linear-gradient(
            90deg,
            rgba(123, 34, 232, .08) 0%,
            rgba(123, 34, 232, .045) 50%,
            rgba(56, 184, 105, .055) 100%
        ) !important;

    transform:
        translateX(3px);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.52);
}


.psn-header
ul.sub-menu.elementor-nav-menu--dropdown
.elementor-sub-item:hover::after {
    opacity:
        1;

    transform:
        translateX(0);
}


/* ==========================================================
   CURRENT / ACTIVE ITEM
========================================================== */

.psn-header
ul.sub-menu.elementor-nav-menu--dropdown
.current-menu-item
> .elementor-sub-item,

.psn-header
ul.sub-menu.elementor-nav-menu--dropdown
.elementor-sub-item.elementor-item-active {
    color:
        #269B57 !important;

    background:
        rgba(56, 184, 105, .07) !important;
}


/* ==========================================================
   REMOVE ELEMENTOR DEFAULT HOVER BORDERS
========================================================== */

.psn-header
.elementor-nav-menu--dropdown
a:hover,

.psn-header
.elementor-nav-menu--dropdown
a:focus,

.psn-header
.elementor-nav-menu--dropdown
a.elementor-item-active {
    border-left:
        none !important;

    border-right:
        none !important;

    border-top:
        none !important;

    border-bottom:
        none !important;
}


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

@media (max-width: 767px) {

    .psn-header
    ul.sub-menu.elementor-nav-menu--dropdown {
        background:
            rgba(248, 248, 250, .78) !important;

        -webkit-backdrop-filter:
            blur(14px);

        backdrop-filter:
            blur(14px);

        border-radius:
            14px !important;

        padding:
            6px !important;

        box-shadow:
            none;
    }


    .psn-header
    ul.sub-menu.elementor-nav-menu--dropdown
    .elementor-sub-item {
        padding:
            11px 12px !important;

        border-radius:
            9px !important;
    }


    .psn-header
    ul.sub-menu.elementor-nav-menu--dropdown
    .elementor-sub-item:hover {
        transform:
            none;
    }

}/* End custom CSS */