/* Menu items as buttons */
.brk-nav-main .menu-item a {
    display: inline-block;
    padding: 10px 20px;
    margin: 0px;
    color: white !important;
    background-color: #f11976 !important; /* Change this to your desired button color */
    border-radius: 1px;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.brk-nav-main .menu-item a:hover {
    background-color: #6EC1E4 !important; /* Change this to your desired hover color */
    color: #ffffff !important; /* Change this to your desired text color on hover */
}

/* Active menu item */
.brk-nav-main .menu-item.current-menu-item a,
.brk-nav-main .menu-item.current_page_item a {
    background-color: #ffffff !important; /* Change this to your desired active button color */
    color: #000000 !important; /* Change this to your desired active text color */
}

/* Submenu items */
.brk-nav-main .sub-menu .menu-item a {
    background-color: #6EC1E4 !important; /* Change this to your desired submenu button color */
    padding: 8px 16px;
    margin: 9px;
    border-radius: 4px;
}

.brk-nav-main .sub-menu .menu-item a:hover {
    background-color: #f11976 !important; /* Change this to your desired submenu hover color */
}

.brk-carousel-nav li{
	color: #f11976;
}





/* Default style for all buttons */
ul.brk-carousel-nav li a.brk-bg {
    background-color: transparent !important; /* Transparent background for default */
    color: white !important;                /* Inherit default text color */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition */
}

/* Active button style */
ul.brk-carousel-nav li.brk-active a.brk-bg {
    background-color: #f11976 !important; /* Background color for active button */
    color: white !important;           /* Text color for active button */
}

/* Hover effect for all buttons */
ul.brk-carousel-nav li a.brk-bg:hover {
    background-color: #f11976 !important; /* Background color on hover */
    color: white !important;                /* Text color on hover */
}

/* Ensure all spans inside brk-bg inherit the correct color */
ul.brk-carousel-nav li a.brk-bg span {
    color: inherit !important; /* Span will inherit color from .brk-bg */
}

.fancylist li, .elementor-widget-text-editor ul li {
	list-style-type: disc !important;
}