.elementor-3164 .elementor-element.elementor-element-76cd8f7:not(.elementor-motion-effects-element-type-background), .elementor-3164 .elementor-element.elementor-element-76cd8f7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3164 .elementor-element.elementor-element-76cd8f7 > .elementor-background-overlay{opacity:0.2;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3164 .elementor-element.elementor-element-76cd8f7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3164 .elementor-element.elementor-element-676efd4.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-3164 .elementor-element.elementor-element-02d7182{text-align:center;}.elementor-3164 .elementor-element.elementor-element-02d7182 .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;color:var( --e-global-color-primary );}.elementor-3164 .elementor-element.elementor-element-1349b36 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-3164 .elementor-element.elementor-element-1349b36{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-3164 .elementor-element.elementor-element-76cd8f7{margin-top:50px;margin-bottom:0px;}}/* Start custom CSS for section, class: .elementor-element-76cd8f7 */html {
    scroll-snap-type: y mandatory;
    scroll-behavior: smooth; /* Smooth transitions */
    overflow-y: scroll;
    height: 100%; /* Ensure full-height scrolling */
}

.snap-section {
    scroll-snap-align: start; /* Ensures each section aligns to the top */
    height: 100vh; /* Each section takes the full viewport height */
    overflow: hidden; /* Prevents unnecessary scrollbars */
}

/* General menu item styling */
.menu-item a {
    position: relative;
    text-decoration: none;
    color: #333; /* Adjust menu text color */
    padding-bottom: 5px;
}

/* Default underline (invisible initially) */
.menu-item a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: #2EC8E4; /* Underline color */
    transition: width 0.3s ease;
}

/* Active/current menu item underline */
.menu-item.current-menu-item a::after,
.menu-item.current-menu-ancestor a::after {
    width: 100%;
}/* End custom CSS */