.fi-simple-layout {
    background-image: url('/images/bg_ind-2btn.png');
}

.fi-sidebar-nav {
    background: #f8f9fa;
}

.fi-topbar {

    border-color: orange !important;
    border-bottom: solid 5px; /* Ensure consistent border style */

}

.overflow-x-clip {
   
    border-color: orange !important;
    border-bottom: solid 5px; /* Same border style as `.fi-topbar` */
}

.fi-sidebar-item-active{
    background-color: orange !important;
    color: white !important;
}

.text-primary-600{
    background-color: orange !important;
    color: white !important;
}

.text-primary-400{
    background-color: orange !important;
    color: white !important;
}

.bg-gray-100{
    background-color: transparent  !important;
}

main {
    background-image: url('/images/bg_ind-2btn.png');
    background-size: cover; /* or contain, or a specific size */
    background-repeat: no-repeat;
    background-position: center;
}

/* Make background image smaller on small screens */
@media (max-width: 600px) {
    main {
        background-size: 700px auto; /* Adjust size as needed */
        background-position: top center;
            background-repeat: repeat;
    }
}

.fi-simple-main{
    background: white;
}

.fi-header-heading{
        padding: 6px;
    background-color: green;
    color: white !important;
    border-radius: 2px;
    width: fit-content;
    border-radius: .5rem;
}

.fi-breadcrumbs-list{
          padding: 6px;
    background-color: green;
    color: white !important;
      border-radius: 2px;
    width: fit-content;
}

.fi-breadcrumbs-item-label{
       color: white !important;
}

.accordion-list-left{
    display: flex;
    align-items: center;
}

.accordion-list-right{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.responsive-topic{
            font-size: 2.5vw;
}
    @media (max-width: 600px) {
        .responsive-topic {
            font-size: 5vw;
        }
    }