.elementor-24652 .elementor-element.elementor-element-1c6267f9{--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;--margin-top:25px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;}.elementor-24652 .elementor-element.elementor-element-6885ff65{width:auto;max-width:auto;background-color:var( --e-global-color-1c00ab5 );border-radius:7px 7px 7px 7px;}.elementor-24652 .elementor-element.elementor-element-6885ff65.elementor-element{--align-self:center;}@media(max-width:1024px){.elementor-24652 .elementor-element.elementor-element-1c6267f9{--margin-top:25px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-6885ff65 */.horizontal-menu a {
    
    font-size: 14px;
    text-decoration: none;   /* Remove underline */
    color: white;            /* Set link color */
    border-radius: 5px;      /* Optional: Rounded corners */
    display: block;          /* Make <a> a block element */
    text-align: center;      /* Center text inside the link */
   
    width: 100%;             /* Allow full-width for text alignment */
    word-wrap: break-word;   /* Wrap long words */
    box-sizing: border-box;  /* Prevent padding from affecting layout */
    padding: 5px;            /* Consistent padding */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth hover transition */
    border: 0;               /* Ensure no border by default */
}

.horizontal-menu a:hover {
    background-color: #f0f0f0; /* Hover background */
    color: #0056b3;            /* Hover text color */
    border: 0;                 /* No border on hover */
    box-sizing: border-box;    /* Prevent layout shifts */
}

/* Responsive Design */
@media (max-width: 800px) {
    .horizontal-menu {
         list-style: none;        /* Remove bullets */
    padding: 1px 4px;        /* Remove padding */
    margin: 0 auto;          /* Center the menu horizontally */
    display: flex;           /* Set horizontal layout */
    justify-content: center; /* Center the items */
    box-sizing: border-box;  /* Ensure padding doesn't affect size */
        flex-direction: column;  /* Switch to vertical layout */
        align-items: center;     /* Center items vertically */
                       /* Remove additional spacing between items */
    }

    .horizontal-menu li {
        margin: 0;              /* Remove extra margins */
        padding: 0;             /* Remove extra padding */
        width: 100%;            /* Full-width items */
    }

    .horizontal-menu a {
        padding: 10px 5px;      /* Adjust padding for tighter vertical spacing */
        text-align: center;     /* Center-align text inside the block */
        line-height: 1.5;       /* Adjust line height for readability */
    }

    .horizontal-menu a:hover {
        background-color: #f0f0f0; /* Hover background */
        color: #0056b3;            /* Hover text color *//* End custom CSS */