.updated-row {
  background-color: #d1e7dd !important; /* kijani hafifu */
  transition: background-color 1s ease;
}

/* Dropdown item hover (Bootstrap 5) */
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
    background-color: #ffffff !important;
    color: #000000 !important;
}

.dropdown-menu .dropdown-item:hover i {
    color: #000000;
}

.dropdown-menu .dropdown-item {
    transition: background-color 0.2s ease, color 0.2s ease;
}

.bg-self{
    background-color: #0FC615;
}

.bg-header_mine {
    background:url(/assets/images/tflagg.png) center center no-repeat;
    background-size: cover;
}

.images{
width: 120px;
height:120px;
}

.bg-headers{
    background-color: #B55026;
}

.containera
 {
    width: 60%;
    height: auto;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    margin: 15vh auto;
    background-color: white;
}

.text-self_unique{
    color:#57B9FF;
}

video {
    width: 100%;       /* full width responsive */
    max-width: 100%;   /* prevent overflow */
    height: 150px;      /* maintain aspect ratio */
    max-height: 300px; /* limit max height */
    display: block;    /* remove inline spacing */
    margin: 0 auto;    /* center horizontally */
}

.video-thumb {
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    padding: 2px;
}

.video-short {
    width: 100%;        /* inachukua width ya parent */
    height: 150px;      /* fanya video iwe fupi, badilisha value kama unataka */
    object-fit: cover;  /* inashusha video bila kubadilisha aspect ratio, ina truncate juu/chini */
    display: block;
    margin: 0 auto;     /* center horizontally */
    border-radius: 4px; /* optional, kama unataka rounded corners */
}

.bg-cagos{
    background-color: #21DB21;
}


.btn-self{
    background-color: #0FC615;
}

.section-titlee::before {
    position: absolute;
    content: "";
    width: 150px;
    height: 2px;
    left: 0;
    bottom: 0;
    background:white;
    border-radius: 2px;
}