/* Your custom css code goes here */
:root {
    --primary-red: #be0002;
    --primary-yellow: #ffb600;
    --bg-color: #fff;
    --secondary-color:rgb(193, 193, 193);

    --bg-transparent: transparent;
    --text-dark: #333;
    --text-light: #78858f;
    --card-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    --transition-speed: 0.3s;

    --dark-red: #960002;
    --light-gray: #f8f9fa;
    --medium-gray: #e9ecef;
    --text-lighter: #6c757d;
    --transition: all 0.3s ease;

    --light-text: #777;
    --transition: all 0.3s ease;
}

.probootstrap-navbar .dropdown > .dropdown-menu > li a {
    padding: 10px;
    color: #be0002;
}

.probootstrap-navbar .dropdown > .dropdown-menu > li a:hover {
    border-top: none;
    background: #ffffff;
    color: #be0002;
}

.probootstrap-navbar .dropdown > .dropdown-menu > li.open > a,
.probootstrap-navbar .dropdown > .dropdown-menu > li:hover > a,
.probootstrap-navbar .dropdown > .dropdown-menu > li:focus > a,
.probootstrap-navbar .dropdown > .dropdown-menu > li:active > a {
    border-top: none;
    color: #ffb600;
    background: #ffffff;
}

.probootstrap-navbar .dropdown > .dropdown-menu > li.active > a {
    color: #ffb600;
}

.probootstrap-navbar .dropdown-menu {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #ffffff;
    border-radius: 0;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
    min-width: 200px;
    white-space: normal;
    word-wrap: break-word;