.elementor-88 .elementor-element.elementor-element-5e917b5{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.she-header-transparent-yes{position:absolute;}.elementor-88 .elementor-element.elementor-element-9d0eb0d{--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;}.elementor-widget-image .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-88 .elementor-element.elementor-element-3a7d95a{text-align:left;}.elementor-88 .elementor-element.elementor-element-3a7d95a img{width:35%;}.elementor-88 .elementor-element.elementor-element-e12b3bd{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-88 .elementor-element.elementor-element-7d2e00d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-88 .elementor-element.elementor-element-3a7d95a img{width:30%;}}@media(max-width:767px){.elementor-88 .elementor-element.elementor-element-5e917b5{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-88 .elementor-element.elementor-element-9d0eb0d{--width:50%;}.elementor-88 .elementor-element.elementor-element-3a7d95a img{width:50%;}.elementor-88 .elementor-element.elementor-element-e12b3bd{--width:50%;}}@media(min-width:768px){.elementor-88 .elementor-element.elementor-element-9d0eb0d{--width:33.3333%;}.elementor-88 .elementor-element.elementor-element-e12b3bd{--width:66.6666%;}}/* Start custom CSS for html, class: .elementor-element-7d2e00d *//* Sticky header styles */
.burger-button {
    position: sticky;
    top: 20px;
    right: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: auto;
    cursor: pointer;
    z-index: 9999;
    margin-left: auto;
    padding-right: 20px;
}

.menu-text {
    margin-top: 5px;
    color: #4C616B;
    font-size: 12px;
}

/* Burger icon styles */
.burger-button .burger {
    position: relative;
    width: 34px;
    height: 24px;
}

.burger-button .burger span {
    display: block;
    height: 2px;
    width: 34px;
    background: #4C616B;
    position: absolute;
    transition: all 0.6s cubic-bezier(0.4, 0.0, 0.2, 1);
}

.burger-button .burger span:nth-child(1) {
    top: 0;
}

.burger-button .burger span:nth-child(2) {
    top: 50%;
    transform: translateY(-50%);
}

.burger-button .burger span:nth-child(3) {
    bottom: 0;
}

/* Navigation control */
.burger-nav_control {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* Navigation container */
.burger-navigation {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 100;
    visibility: hidden;
    pointer-events: none;
    transition: visibility 0.6s;
}

/* Blur overlay */
.blur-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    opacity: 0;
    transition: opacity 0.6s cubic-bezier(0.4, 0.0, 0.2, 1);
}

/* Menu content wrapper - NEW */
.menu-content {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: #fff;
    transform: translateX(100%);
    transition: transform 0.6s cubic-bezier(0.4, 0.0, 0.2, 1);
    display: flex;
    flex-direction: column;
}

/* Scrollable menu area - NEW */
.menu-scroll-area {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    padding: 20px;
    background: #4C606A;
    
    /* Customize scrollbar */
    scrollbar-width: thin;
    scrollbar-color: #A59367 #f1f1f1;
}

/* Webkit scrollbar styles - NEW */
.menu-scroll-area::-webkit-scrollbar {
    width: 6px;
}

.menu-scroll-area::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.menu-scroll-area::-webkit-scrollbar-thumb {
    background: #A59367;
    border-radius: 3px;
}

/* Menu content inner - NEW */
.menu-inner {
    min-height: min-content;
    width: 100%;
}

/* Active states */
.burger-nav_control:checked ~ .burger-navigation {
    visibility: visible;
    pointer-events: auto;
}

.burger-nav_control:checked ~ .burger-navigation .blur-overlay {
    opacity: 1;
}

.burger-nav_control:checked ~ .burger-navigation .menu-content {
    transform: translateX(0);
}

.burger-nav_control:checked ~ .burger-button .burger span:nth-child(1) {
    transform: rotate(45deg) translate(8px, 8px);
}

.burger-nav_control:checked ~ .burger-button .burger span:nth-child(2) {
    opacity: 0;
}

.burger-nav_control:checked ~ .burger-button .burger span:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -7px);
}

/* Tablet styles */
@media (max-width: 1024px) {
    .menu-content {
        width: 70%;
    }
    
    .blur-overlay {
        width: 30%;
    }
}

/* Mobile styles */
@media (max-width: 767px) {
    .menu-content {
        width: 80%;
    }
    
    .blur-overlay {
        width: 20%;
    }
    
    /* Adjust padding for mobile - NEW */
    .menu-scroll-area {
        padding: 16px;
    }
}

/* Animation keyframes */
@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(300px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Template animation */
.elementor-77 {
    width: 100%;
    animation: fadeInRight 0.6s cubic-bezier(0.4, 0.0, 0.2, 1);
}

/* Optimize performance */
.burger-navigation,
.menu-content,
.menu-scroll-area {
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}/* End custom CSS */