@charset "UTF-8";


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  height: -webkit-fill-available;
  font-family: "Plus Jakarta Sans", sans-serif;
}

  .text-bd-green { color: #99EA48 !important; }
    .bg-bd-green { background-color: #99EA48 !important; }
    .text-gray-800 { color: #2D3748 !important; } 
    

    .btn-primary-custom { background-color: #99EA48; color: #000; border-color: #99EA48; }
    .btn-primary-custom:hover { background-color: #99EA48; border-color: #99EA48; color: #000; }
    
    
    .btn-secondary-custom { background-color: transparent; border: 1px solid #000; color: #000; display: inline-flex; align-items: center; gap: 0.5rem; }
    .btn-secondary-custom:hover { background-color: #f0f0f0; }
    
    
    .btn-empty-primary-custom { 
        display: inline-flex; 
        align-items: center; 
        gap: 0.5rem; 
        text-decoration: none;
    }
    
   
    .btn-empty-secondary-custom {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        border: 1px solid white;
        padding: 0.375rem 0.75rem;
        text-decoration: none;
        color: white; 
    }
    
    .navbar-nav .dropdown.submenu:hover .dropdown-menu { 
        display: block; 
        margin-top: 0;
    }
    

    .icon-bd-green path, .icon-bd-green svg { fill: #00FF99; color: #99EA48; }
    

    .hover-opacity-75:hover { opacity: 0.75; }
    
   
    .rounded-3xl { border-radius: 1.5rem !important; }

    .btn-secondary-custom svg path { stroke: #000; } 
   
    .btn-primary-custom svg path { stroke: #000; } 

    .form-check-input:checked {
    background-color: #99EA48 !important;
    border-color: #99EA48 !important;
    }


    .form-check-input:focus {
    border-color: #99EA48 !important;
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
    }

    .form-control:focus,
    .form-select:focus,
    .form-control-plaintext:focus {
        border-color: #99EA48; 
        box-shadow: 0 0 0 0.25rem rgba(153, 234, 72, 0.25); 
        outline: 0;
    }
.navbar-toggler:focus { 
    outline: none; 
    box-shadow: none; 
}

.animated-icon {
    width: 30px;
    height: 20px;
    position: relative;
    margin: 0px;
    transform: rotate(0deg);
    transition: .5s ease-in-out;
    cursor: pointer;
    
}


    .animated-icon span {
        display: block;
        position: absolute;
        height: 2px; 
        width: 100%;
        background: #2D3748; 
        border-radius: 9px;
        opacity: 1;
        left: 0;
        transform: rotate(0deg);
        transition: .25s ease-in-out;
    }

  
    .animated-icon span:nth-child(1) {
        top: 0px;
    }

    .animated-icon span:nth-child(2) {
        top: 8px; 
    }

    .animated-icon span:nth-child(3) {
        top: 16px; 
    }

    .navbar-toggler:not(.collapsed) .animated-icon span:nth-child(1) {
        top: 8px; 
        transform: rotate(135deg); 
    }

    .navbar-toggler:not(.collapsed) .animated-icon span:nth-child(2) {
        opacity: 0;
        left: -60px; 
    }

    .navbar-toggler:not(.collapsed) .animated-icon span:nth-child(3) {
        top: 8px; 
        transform: rotate(-135deg); 
    }

    .border-gn{
        border-color: #99EA48!important;
    
    }

    .dropdown-menu {
    --bs-dropdown-link-active-bg: #99EA48;
    }

    .accordion-custom .accordion-button:not(.collapsed) {
      
        background-color: var(--bd-green, #99EA48) !important; 
        color: #000 !important; 
        border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    }


    .accordion-custom .accordion-body {
        background-color: #f8f9fa; 
    }

    
    :root {
        --bd-green: #99EA48; 
    }

    .text-bd-green {
        color: var(--bd-green, #99EA48) !important;
    }