.elementor-17773 .elementor-element.elementor-element-8e643c5{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-17773 .elementor-element.elementor-element-33ac9d4{width:var( --container-widget-width, 79.5% );max-width:79.5%;--container-widget-width:79.5%;--container-widget-flex-grow:0;}.elementor-17773 .elementor-element.elementor-element-33ac9d4.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(max-width:767px){.elementor-17773 .elementor-element.elementor-element-8e643c5{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-17773 .elementor-element.elementor-element-33ac9d4{width:var( --container-widget-width, 100vw );max-width:100vw;--container-widget-width:100vw;--container-widget-flex-grow:0;}.elementor-17773 .elementor-element.elementor-element-33ac9d4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17773 .elementor-element.elementor-element-33ac9d4.elementor-element{--align-self:center;}.elementor-17773 .elementor-element.elementor-element-b4e9a2a{width:100%;max-width:100%;}.elementor-17773 .elementor-element.elementor-element-b4e9a2a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17773 .elementor-element.elementor-element-b4e9a2a.elementor-element{--align-self:center;}}@media(min-width:768px){.elementor-17773 .elementor-element.elementor-element-8e643c5{--width:100%;}}/* Start custom CSS *//* Container for Menu Items */
.slide-buttons {
    position: relative;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    width: 100%; /* Full width of the container */
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    list-style: none;
    display: flex; /* Flex container for horizontal layout */
    flex-wrap: wrap; /* Allows items to wrap */
    justify-content: center; /* Centers items */
}

/* Menu Items */
.slide-buttons li {
    position: relative;
    padding: 0;
    margin: 0;
    display: inline-block; /* Allows items to adjust their width automatically */
    list-style: none;
    margin: 60px 20px; /* Spacing between items */
}

/* Text in Menu Items */
.slide-buttons li a {
    white-space: nowrap; /* Prevents text from wrapping */
    overflow: hidden; /* Hides overflow text */
    text-overflow: ellipsis; /* Adds ellipsis (...) for overflowing text */
    font-family: 'Poppins', sans-serif;
    font-weight: 900;
    font-size: 60px; /* Adjust font size */
    line-height: 0.8;
    text-transform: uppercase;
    -webkit-text-stroke: 1px #ffffff; /* White contour */
    text-stroke: 1px #ffffff;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    color: transparent;
    opacity: 0.5; /* Adjusted opacity */
    transition: all 300ms linear;
}

.slide-buttons li.active a {
    opacity: 1;
}

.slide-buttons li a:hover {
    text-decoration: none;
}

.slide-buttons li a:focus,
.slide-buttons li a:active {
    border: none;
    outline: none;
    box-shadow: none;
}

.slide-buttons li a::before {
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 900;
    font-size: 60px; /* Adjusted font size */
    line-height: 0.8;
    overflow: hidden;
    text-transform: uppercase;
    padding: 0;
    max-height: 0;
    -webkit-text-stroke: transparent;
    text-stroke: transparent;
    -webkit-text-fill-color: #FFBE00; /* Updated color */
    text-fill-color: #FFBE00; /* Updated color */
    color: #FFBE00; /* Updated color */
    content: attr(data-hover);
    transition: max-height 0.4s;
}

.slide-buttons li.active a::before,
.slide-buttons li a:active::before,
.slide-buttons li a:focus::before {
    max-height: 100%;
}

/* Vertical Text Adjustments */
.hero-center-section .left-text {
    position: absolute;
    top: 0; /* Align to top */
    left: 0;
    height: 100%;
    font-family: 'Poppins', sans-serif;
    font-weight: 900;
    text-align: center;
    writing-mode: vertical-lr;
    font-size: 3vw; /* Adjusted font size */
    line-height: 1;
    color: #FFBE00; /* Updated color */
    background: none;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px #FFBE00; /* Updated stroke color */
    opacity: 0.7; /* Adjusted opacity */
    transition: all 300ms linear;
    padding-left: 20px; /* Adding space on the left */
    padding-top: 20px; /* Adjusted top padding */
    padding-bottom: 20px; /* Adjusted bottom padding */
    overflow: hidden;
    white-space: nowrap; /* Ensure text stays in one line */
}

/* Media Query Adjustments */
@media (min-width: 1025px) { /* DESKTOP */
    .hero-center-section .left-text {
        font-size: 3vw; /* Viewport width makes font responsive */
    }

    .slide-buttons {
        width: 100%; /* Full width */
    }
}

@media (max-width: 1024px) { /* TABLET */
    .hero-center-section .left-text {
        font-size: 3vw; /* Smaller text for tablet devices */
    }

    .slide-buttons {
        width: 100%; /* Full width */
    }
}

@media (max-width: 767px) { /* MOBILE */
    .hero-center-section .left-text {
        font-size: 2.5vw; /* Even smaller for mobile */
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .slide-buttons {
        width: 100%; /* Full width for mobile */
    }
}

 /* Reduce space between menu items */
.slide-buttons li {
    margin: 20px 0 !important; /* Adjust margin for spacing between items */
    width: 100%; /* Ensure container width is sufficient */
    position: relative; /* Allow absolute positioning of ::before */
}

/* Adjust padding inside each menu item */
.slide-buttons li a {
    padding: 1rem; /* Adjust padding for visual appeal */
    font-size: 7rem !important; /* Font size for solid text */
    position: relative; /* Position relative for ::before positioning */
    z-index: 1; /* Ensure solid text is above the contour text */
    display: inline-block; /* Ensure inline block for centering */
}

/* Contour text settings */
.slide-buttons li a::before {
    content: attr(data-hover); /* Ensure contour text is displayed */
    position: absolute; /* Position absolutely relative to the parent */
    top: 50%; /* Align vertically center */
    left: 50%; /* Align horizontally center */
    font-size: 7rem !important; /* Match font size to solid text */
    -webkit-text-stroke: 1px #ffffff !important; /* Contour stroke size */
    text-stroke: 1px #ffffff !important; /* Contour stroke size */
    z-index: -1; /* Ensure contour text is behind the solid text */
    white-space: nowrap; /* Ensure text stays on one line */
    transform: translate(-10%, -0%) translate(10%, 30%); /* Original positioning for desktop */
}

/* Media Query for Mobile Devices */
@media (max-width: 767px) {  /* MOBILE */
    .slide-buttons {
        padding: 0; /* Remove padding to ensure full width usage */
        box-sizing: border-box; /* Ensure padding and border are included in the element’s total width and height */
    }

    .slide-buttons li {
        margin: 10px 0 !important; /* Adjust margin for spacing between items */
        width: 100%; /* Ensure full width of container */
        position: relative; /* Maintain positioning for absolute elements */
        box-sizing: border-box; /* Ensure padding is included in the element width */
    }

    .slide-buttons li a {
        font-size: 3.5rem !important; /* Reduce font size for mobile */
        padding: 0.5rem; /* Adjust padding for better spacing on mobile */
        box-sizing: border-box; /* Ensure padding is included in the element width */
        display: block; /* Ensure it occupies full width */
        text-align: center; /* Center text horizontally */
        white-space: nowrap; /* Prevent text from wrapping */
    }

    .slide-buttons li a::before {
        font-size: 3.5rem !important; /* Ensure contour text matches reduced font size */
        transform: translate(-20%, -20%) translate(20%, 20%); /* Adjust positioning for mobile */
        top: 50%; /* Align vertically center */
        left: 50%; /* Align horizontally center */
        white-space: nowrap; /* Prevent text from wrapping */
    }
}


/* Contour text settings */
.slide-buttons li a::before {
    content: attr(data-hover); /* Display contour text */
    position: absolute; /* Position absolutely relative to the parent */
    top: 50%; /* Vertically align */
    left: 50%; /* Horizontally align */
    font-size: 7rem !important; /* Same font size as solid text */
    -webkit-text-stroke: 1px #030434 !important; /* Contour stroke color set to #030434 */
    text-stroke: 1px #030434 !important; /* Ensure contour stroke applies in all browsers */
    z-index: -1; /* Behind solid text */
    color: transparent !important; /* No fill color, only stroke */
    white-space: nowrap; /* Prevent wrapping */
    transform: translate(-10%, -0%) translate(10%, 30%); /* Original positioning */
}


/* Media Query for Mobile Devices */
@media (max-width: 767px) {  /* MOBILE */
    .slide-buttons li {
        margin: 10px 0 !important; /* Adjust margin for spacing between items */
        width: 100%; /* Ensure full width of container */
        position: relative; /* Maintain positioning for absolute elements */
        box-sizing: border-box; /* Ensure padding is included in the element width */
    }

    .slide-buttons li a {
        font-size: 3.5rem !important; /* Change font size for mobile */
        padding: 0.5rem; /* Adjust padding for better spacing on mobile */
        box-sizing: border-box; /* Ensure padding is included in the element width */
        display: block; /* Ensure it occupies full width */
        text-align: center; /* Center text horizontally */
        white-space: nowrap; /* Prevent text from wrapping */
    }

    .slide-buttons li a::before {
        font-size: 3.5rem !important; /* Ensure contour text matches reduced font size for mobile */
        transform: translate(-20%, -20%) translate(20%, 20%); /* Adjust positioning for mobile */
        top: 50%; /* Align vertically center */
        left: 50%; /* Align horizontally center */
        white-space: nowrap; /* Prevent text from wrapping */
    }
}/* End custom CSS */