.elementor-9860 .elementor-element.elementor-element-214334e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:2%;--padding-bottom:1%;--padding-left:5%;--padding-right:5%;--z-index:10;}.elementor-9860 .elementor-element.elementor-element-214334e.e-con{--align-self:center;}.elementor-9860 .elementor-element.elementor-element-2629b9b > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0px 0px 0px 0px;}.elementor-9860 .elementor-element.elementor-element-2629b9b.elementor-element{--align-self:flex-start;}.elementor-9860 .elementor-element.elementor-element-ea9255d{--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;--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-9860 .elementor-element.elementor-element-47d0a31{--display:flex;}.elementor-9860 .elementor-element.elementor-element-0777995.elementor-element{--align-self:flex-start;}.elementor-9860 .elementor-element.elementor-element-df7c3d3{--display:flex;--justify-content:center;--align-items:flex-end;--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-9860 .elementor-element.elementor-element-18b9478 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9860 .elementor-element.elementor-element-de0a404{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-247px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:768px){.elementor-9860 .elementor-element.elementor-element-214334e{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-9860 .elementor-element.elementor-element-ea9255d{--width: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-9860 .elementor-element.elementor-element-ea9255d.e-con{--align-self:center;}.elementor-9860 .elementor-element.elementor-element-47d0a31{--width:50%;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9860 .elementor-element.elementor-element-47d0a31.e-con{--align-self:center;}.elementor-9860 .elementor-element.elementor-element-0777995{z-index:11000;}.elementor-9860 .elementor-element.elementor-element-df7c3d3{--width:43%;--justify-content:center;}.elementor-9860 .elementor-element.elementor-element-de0a404{--margin-top:-130px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-2629b9b */.zewall {
    padding:0;
    margin: 0;
    color: var(--e-global-color-da7ba15);
    text-transform: uppercase;
    font-weight:400;
    letter-spacing: 1px;
    padding: 1% 4%;
    border: 1px solid var(--e-global-color-da7ba15);
    width: 210px;
    font-size: 1rem;
    border-radius: 40px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .zewall {
        width: 150px;
        font-size: 0.7rem;
        padding: 1% 5%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0777995 */.img-logo-custom{
    width: 300px
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-18b9478 */.custom-nav-main {
    position: relative;
    z-index: 100;
}

.custom-nav-mobile {
    display: flex;
    justify-content: center;
    pointer-events: auto;
    z-index: 10050;
}

#custom-navbar-toggle {
    display: inline-flex;
    width: 64px;
    height: 20px;
    justify-content: flex-end;
    position: relative;
    text-decoration: none;
    border-radius: 50%;
    background: transparent;
    z-index: 10060;
    box-sizing: content-box;
    border: 20px solid rgba(255, 255, 255, 0.06);
}

#custom-navbar-toggle span {
    display: block;
    position: relative;
    width: 40px;
    height: 3px;
    background: var(--e-global-color-da7ba15);
    /* accent */
    border-radius: 4px;
    transition: transform .28s ease, opacity .28s ease;
    transform-origin: right center;
}

#custom-navbar-toggle span::before,
#custom-navbar-toggle span::after {
    content: '';
    position: absolute;
    right: 0;
    transform: none;
    transform-origin: right center;
    display: block;
    height: 3px;
    background: var(--e-global-color-da7ba15);
    border-radius: 4px;
    transition: transform .28s ease, top .28s ease, bottom .28s ease;
}

#custom-navbar-toggle span::before {
    top: -10px;
    width: 30px;
}

#custom-navbar-toggle span::after {
    bottom: -10px;
    width: 20px;
}

#custom-navbar-toggle.active span {
    background: transparent;
}

#custom-navbar-toggle.active span::before {
    top: 50%;
    left: 50%;
    right: auto;
    width: 40px;
    transform-origin: center center;
    transform: translate(-50%, -50%) rotate(45deg);
}

#custom-navbar-toggle.active span::after {
    top: 50%;
    left: 50%;
    right: auto;
    width: 40px;
    transform-origin: center center;
    transform: translate(-50%, -50%) rotate(-45deg);
}

.custom-nav-overlay {
    position: fixed;
    inset: 0;
    background: #000;
    z-index: 10040;
    transform: translateX(100%);
    opacity: 0;
    pointer-events: none;
    will-change: transform, opacity;
    transition: transform .9s cubic-bezier(.2, .9, .2, 1), opacity .6s ease;
}

.custom-nav-overlay.active {
    transform: translateX(0);
    opacity: 1;
    pointer-events: auto;
}


.custom-nav-overlay::before,
.custom-nav-overlay::after {
    content: '';
    position: fixed;
    border-radius: 50%;
    pointer-events: none;
    z-index: 10055;
    box-sizing: border-box;
    opacity: 0;
    transform: translateX(30px);
    transition: transform .9s cubic-bezier(.2, .9, .2, 1) 0.9s, opacity .6s ease 0.9s;
}

.custom-nav-overlay.active::before,
.custom-nav-overlay.active::after {
    opacity: 1;
    transform: none;
}

.custom-nav-overlay.active::before {
    top: -180px;
    right: 38%;
    width: calc(320px + 40px);
    height: calc(320px + 40px);
    opacity: 0.95;
    border: 0;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><defs><linearGradient id='g' x1='0' x2='0' y1='0' y2='1'><stop offset='0' stop-color='%23F7AA1A'/><stop offset='0.33' stop-color='%23EB627C'/><stop offset='0.66' stop-color='%23E63A8C'/><stop offset='1' stop-color='%23724694'/></linearGradient></defs><circle cx='50' cy='50' r='48' fill='none' stroke='url(%23g)' stroke-width='3' stroke-linecap='round'/></svg>");
    transform-origin: center center;
    will-change: transform, opacity;
    animation: ring-spin-before 10s linear infinite 0.9s;
}

.custom-nav-overlay.active::after {
    top: 24%;
    left: -15%;
    width: calc(587px + 80px);
    height: calc(624px + 80px);
    opacity: 0.95;
    border: 0;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><defs><linearGradient id='g' x1='0' x2='0' y1='0' y2='1'><stop offset='0' stop-color='%23F7AA1A'/><stop offset='0.33' stop-color='%23EB627C'/><stop offset='0.66' stop-color='%23E63A8C'/><stop offset='1' stop-color='%23724694'/></linearGradient></defs><circle cx='50' cy='50' r='38' fill='none' stroke='url(%23g)' stroke-width='3' stroke-linecap='round'/></svg>");
    transform-origin: center center;
    will-change: transform, opacity;
    animation: ring-spin-after 10s linear infinite 0.9s;
}


.custom-nav-ring {
    display: block;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    border-radius: 50%;
    z-index: 10055;
    box-sizing: border-box;
    transform: translateX(30px);
    transition: transform .42s cubic-bezier(.2, .9, .2, 1) .42s, opacity .28s ease .42s;
}

.custom-nav-overlay.active~.custom-nav-ring.ring-3 {
    opacity: 1;
    transform: none;
    bottom: -124px;
    right: -450px;
    width: 650px;
    height: 650px;
    opacity: 0.95;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><defs><linearGradient id='g3' x1='0' x2='0' y1='0' y2='1'><stop offset='0' stop-color='%23F7AA1A'/><stop offset='0.33' stop-color='%23EB627C'/><stop offset='0.66' stop-color='%23E63A8C'/><stop offset='1' stop-color='%23724694'/></linearGradient></defs><circle cx='50' cy='50' r='44' fill='none' stroke='url(%23g3)' stroke-width=' 3' stroke-linecap=' round'/></svg>");
    transform-origin: center center;
    will-change: transform, opacity;
    animation: ring-spin-3 12s linear infinite;
}

.in-overlay {
    position: relative;
    z-index: 10080 !important;
}

@keyframes ring-spin-3 {
    0% {
        transform: rotate(0deg) scale(1);
    }

    50% {
        transform: rotate(180deg) scale(0.995);
    }

    100% {
        transform: rotate(360deg) scale(1);
    }
}

@keyframes ring-spin-before {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes ring-spin-after {
    0% {
        transform: rotate(0deg) scale(1);
        opacity: 0.95;
    }

    50% {
        transform: rotate(-180deg) scale(0.985);
        opacity: 0.9;
    }

    100% {
        transform: rotate(-360deg) scale(1);
        opacity: 0.95;
    }
}

#custom-navbar-toggle {
    border: 0;
}

.custom-nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
}

.custom-nav-list.open {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    padding-top: 0;
    gap: 12px;
    z-index: 10045;
    background: transparent;
}

.custom-nav-item {
    margin: 0;
}

a.custom-nav-link {
    display: block;
    color: var(--e-global-color-da7ba15);
    text-decoration: none;
    font-size: 2.5rem;
    text-align: center;
    transition: color .3s ease;
}

a.custom-nav-link:hover {
    color: var(--e-global-color-secondary);
}

.menu-contact {
    display: inline-block;
    background: linear-gradient(to right, var(--e-global-color-primary), var(--e-global-color-text), var(--e-global-color-secondary), var(--e-global-color-accent));
    border: 1px solid var(--e-global-color-1f05144);
    transition: all .3s ease;
    border-radius: 40px;
    padding: 10px 24px;
    font-size: 1.1rem !important;
    margin-top: 40px;
    font-weight: 600;
    font-family: 'Source Sans Pro', Sans-Serif !important;
}

.menu-contact:hover {
    background: transparent;
    border-color: var(--e-global-color-da7ba15);
}

.custom-nav-list.open {
    animation: popIn .18s ease;
}

@keyframes popIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.rs {
    display: none;
}

.custom-nav-list.open+.rs {
    display: flex;
    position: fixed;
    left: 50%;
    top: calc(50% + 144px);
    transform: translateX(-50%);
    gap: 18px;
    z-index: 10046;
    align-items: center;
    pointer-events: auto;
}

.rs a {
    display: inline-block;
}

.rs img {
    width: 30px;
    height: auto;
    display: block;
    transition: transform .3s ease;
    transform: scale(1);
}

.rs img:hover {
    transform: scale(1.1);
}

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

    .custom-nav-overlay.active::after,
    .custom-nav-overlay.active~.custom-nav-ring.ring-3,
    .custom-nav-overlay.active::before {
        display: none;
    }

    .menu-contact {
        font-size: 1.4rem !important;
        margin-top: 80px;
    }
    
    .custom-nav-list.open+.rs {
        top: calc(52% + 144px);
    }
}
@media screen and (min-width: 1366px) and (max-width: 1500px) {
    .custom-nav-overlay.active::after {
        top: 20%;
        left: -20%;
        width: calc(400px + 80px);
        height: calc(400px + 80px);
    }
        
    .custom-nav-overlay.active~.custom-nav-ring.ring-3 {
        bottom: -300px;
        right: -420px;
        width: 617px;
        height: 650px;
    }

    .custom-nav-overlay.active::before {
        top: -245px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e5d1e95 *//* Minimal styles: full-height two-panel container */
.two-panel-container {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
}

/* two-column layout for panels */
.two-panel-container {
    display: flex;
    align-items: stretch;
}

.two-panel-container .panel {
    flex: 0 0 50%;
    min-width: 0;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    z-index: 2;
    /* above container overlay */
    transition: flex 420ms cubic-bezier(.2, .9, .2, 1), opacity 360ms ease, transform 360ms ease;
}

/* Global dark overlay for the whole container (covers bg layers and panels) */
.two-panel-container::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 1;
    pointer-events: none;
}

.two-panel-container .panel .panel-content {
    position: relative;
    z-index: 3;
    text-align: center;
}

/* Push title up when the panel button appears (hover or focus-within) */
.panel-title {
    transition: transform 260ms cubic-bezier(.2, .9, .2, 1), opacity 200ms ease;
    transform: translateY(0);
    margin: 0;
    z-index: 4;
}

.panel:hover .panel-title,
.panel:focus-within .panel-title {
    transform: translateY(-14px);
}

/* divider */
.two-panel-container .divider {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 2px;
    transform: translateX(-50%);
    background: rgba(255, 255, 255, 0.2);
    z-index: 5;
}

/* panel buttons */
.panel-button {
    display: inline-block;
    padding: 0.6rem 2.5rem;
    border-radius: 40px;
    background: linear-gradient(to right, var(--e-global-color-primary), var(--e-global-color-text), var(--e-global-color-secondary), var(--e-global-color-accent));
    color: var(--e-global-color-da7ba15) !important;
    text-decoration: none;
    transition: all .3s ease;
    font-size: 1.2rem !important;
}

/* Hide panel buttons by default, reveal on panel hover or focus-within */
.panel-button {
    opacity: 0;
    pointer-events: none;
    transform: translateY(6px);
    transition: opacity 220ms ease, transform 220ms ease;
}

.panel:hover .panel-button,
.panel:focus-within .panel-button {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

/* Also hide center button if you want it hidden by default; keep if you want always visible */
.center-button {
    transition: opacity 220ms ease, transform 220ms ease;
}

.center-button.hidden-by-default {
    opacity: 0;
    pointer-events: none;
    transform: translateY(6px);
}

.two-panel-container:hover .center-button.hidden-by-default {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

/* Position center action button centered at the bottom like the divider */
.center-button {
    position: absolute;
    left: 50%;
    bottom: 4%;
    transform: translateX(-50%);
    z-index: 10;
    /* above panels and divider */
    padding: 0.6rem 2.5rem;
    border-radius: 999px;
    background: linear-gradient(to right, var(--e-global-color-primary), var(--e-global-color-text), var(--e-global-color-secondary), var(--e-global-color-accent));
    color: var(--e-global-color-da7ba15) !important;
    text-decoration: none;
    font-size: 1.1rem !important;
    transition: all .3s ease;
    z-index: 5;
}

.center-button:hover,
.panel-button:hover {
    background: transparent;
    border: 1px solid var(--e-global-color-da7ba15);
}

@media screen and (max-width: 1024px) {
    
        .panel::before {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(0,0,0,0.45);
        z-index: 1;
    }

    .panel-content {
        position: relative;
        z-index: 2;
    }
    
    .two-panel-container {
        flex-direction: column;
        z-index: 0;
    }
    
    .two-panel-container::before {
        content: '';
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.45);
        pointer-events: none;
        z-index: 0;
    }
    
    .two-panel-container .panel {
        z-index: 3;
    }


    .two-panel-container .divider {
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        height: 1px;
        background: rgba(255, 255, 255, 1);
        z-index: 6;
    }


    .two-panel-container .panel {
        position: relative;
        flex: 0 0 auto;
        transition: none;
        opacity: 1 !important;
        background-size: cover;
        background-position: center center;
        height: 50vh;
        padding-top: 70px;
        z-index: 3;
    }
    
    .two-panel-container .panel .panel-content {
        position: relative;
        z-index: 5;
    }

    .center-button {
        display: none;
    }

    .two-panel-bg {
        display: none !important;
    }

}

/* Background layer shown full-viewport; panels remain visible on top */
.two-panel-bg,
.two-panel-bg--top {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 0;
    /* below overlay (::before has z-index:1) */
    transition: opacity 600ms ease-in-out;
    opacity: 0;
    pointer-events: none;
    will-change: opacity;
}

.two-panel-bg--current {
    opacity: 1;
}

/* Desktop: use full-viewport background layers and hide per-panel inline images */
@media (min-width: 769px) {
    .two-panel-container .panel {
        background-image: none !important;
    }
    .two-panel-bg { display: block !important; }
}

/* Keep both columns visible (no full-width active behavior) */
.two-panel-container .panel {
    opacity: 1;
    flex: 0 0 50%;
}

.two-panel-container .panel:hover {
    transform: scale(1.01);
}

/* visual hint for non-hovered panel */
.two-panel-container .panel:not(:hover) {
    filter: brightness(0.9);
}

/* Ensure smooth fallback when using keyboard focus */
.two-panel-container .panel:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.06);
}/* End custom CSS */