.elementor-21 .elementor-element.elementor-element-1100833{--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;}.elementor-21 .elementor-element.elementor-element-1100833:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-1100833 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-455c065 );}.elementor-21 .elementor-element.elementor-element-774399b{--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:center;--padding-top:5px;--padding-bottom:5px;--padding-left:10px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-2a53ebc .elementor-icon-wrapper{text-align:start;}.elementor-21 .elementor-element.elementor-element-2a53ebc .elementor-icon{font-size:101px;}.elementor-21 .elementor-element.elementor-element-2a53ebc .elementor-icon svg{height:101px;}.elementor-21 .elementor-element.elementor-element-89dac7f{--display:flex;--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;--justify-content:flex-end;--align-items:center;}.elementor-21 .elementor-element.elementor-element-d589b95.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:1024px){.elementor-21 .elementor-element.elementor-element-420ab8d.elementor-element{--align-self:center;}.elementor-21 .elementor-element.elementor-element-420ab8d{z-index:999;}}@media(min-width:768px){.elementor-21 .elementor-element.elementor-element-774399b{--width:50%;}.elementor-21 .elementor-element.elementor-element-89dac7f{--width:50%;}}@media(max-width:767px){.elementor-21 .elementor-element.elementor-element-774399b{--width:34%;}.elementor-21 .elementor-element.elementor-element-2a53ebc .elementor-icon{font-size:85px;}.elementor-21 .elementor-element.elementor-element-2a53ebc .elementor-icon svg{height:85px;}.elementor-21 .elementor-element.elementor-element-89dac7f{--width:66%;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;}}/* Start custom CSS for icon, class: .elementor-element-2a53ebc */.header-icon .elementor-icon {
    vertical-align: middle;
}
.header-icon .elementor-icon svg {
    height: auto!important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-420ab8d */.custom-menu-icon {
    width: 30px; 
    height: 15px; 
    position: relative; /* Changed to relative for better positioning */
    cursor: pointer;
    z-index: 1002; /* Ensure it's above other elements */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform 0.3s ease;
    /* Accessibility Focus Styles */
    outline: none;
}

 
.custom-menu-icon span {
    display: block;
    height: 2px; /* Increased height for better visibility */
    width: 100%;
    background-color: #212121;
    border-radius: 2px;
    transition: all 0.3s ease;
    transform-origin: center; /* Set the pivot point to the center */
    position: relative; /* Enable relative positioning for precise adjustments */
}

/* Transformations for 'X' Icon */
.custom-menu-icon.active span:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
}

.custom-menu-icon.active span:nth-child(2) {
    opacity: 0; /* Hide the middle line */
}

.custom-menu-icon.active span:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
}

/* Optional: Transition for smoother effect */
.custom-menu-icon span {
    transition: transform 0.3s ease, opacity 0.3s ease;
}



/* Popup Overlay */
.custom-popup {
    position: fixed; /* Fixed relative to viewport */
    top: 107px; /* Default header height (desktop) */
    left: 0;
    width: 100%;
    height: calc(100% - 107px); /* Adjust based on header height */
    background: #fff; /* White background */
    visibility: hidden; /* Hidden by default */
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity 0.5s ease, transform 0.5s ease, visibility 0s linear 0.5s;
    z-index: 1001; /* Below the menu icon */
    display: flex; /* Use flex for alignment */
}

/* Popup Content */
.custom-popup-content {
    width: 100%;
    height: 100%;
    overflow-y: auto; /* Enable scrolling if content overflows */
    /* Optional: Add padding or other styles as needed */
}

/* Popup Active State */
.custom-popup.active {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

/* Responsive Adjustments for Header Height */
@media (max-width: 1024px) and (min-width: 768px) { /* Tablet */
    .custom-popup { 
        top: 107px;
        height: calc(100% - 107px);
    }
}

@media (max-width: 767px) { /* Mobile */
    .custom-popup {
        top: 95px;
        height: calc(100% - 95px);
    }
}

/* Ensure popup content fills the screen */
.custom-popup-content {
    width: 100%;
    height: 100%;
}/* End custom CSS */