.theme_box_0 {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 1px solid #ccc;
    background-color: #182b63;
}

.theme_box_1 {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 1px solid #ccc;
    background-color: #bf9456;
}

.theme_box_2 {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 1px solid #ccc;
    background-color: #86A39F;
}

.theme_box_3 {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 1px solid #ccc;
    background-color: #AA81A0;
}

.theme_box_4 {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 1px solid #ccc;
    background-color: rgb(157, 155, 224);
}

.theme_box_5 {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 1px solid #ccc;
    background-color: rgb(10, 120, 139);
}

.theme_box_6 {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 1px solid #ccc;
    background-color: #fbaaca;
}

.theme_box_7 {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 1px solid #ccc;
    background-color: rgb(97, 128, 122);
}

.theme_box_8 {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 1px solid #ccc;
    background-color: rgb(233, 129, 129);
}

.theme_box_9 {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 1px solid #ccc;
    background-color: #AF3D48;
}

.theme_box_10 {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 1px solid #ccc;
    background-color: rgb(231 141 52);
}


.blink {
    animation: blinker 1s linear infinite;
    color: red;
    font-family: sans-serif;

}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.marquee-container {
    height: 300px;
    /* Adjust as needed */
    overflow: hidden;
    position: relative;
}

.marquee-list {
    position: absolute;
    top: 10%;
    /* Start off-screen at the bottom */
    animation: scroll-up 10s linear infinite;
    /* Adjust duration as needed */
    overflow-y: hidden; 
}

.marquee-list2 {
    position: absolute;
    top: 10%;               /* Start completely below the container */
    width: 100%;
    animation: scroll-up 10s linear infinite;
    overflow-y: hidden; 
}



@keyframes scroll-up {
    0% {
        transform: translateY(0%);
    }

    100% {
        transform: translateY(-100%);
        /* Move up by its full height */
    }
}

.header_image {
    width: 100%;
    height: 80px;
    object-fit:contain;
    
    transform: scale(1.3); /* Increase image size */
    transform-origin: center;
  }
  

@media (max-width: 768px) {
    
    #top-bar {
        padding: 8px 0;
    }

    #top-bar .top-info {
        text-align: center;
    }

    #top-bar .top-info p {
        display: flex;
        flex-direction: column;
        gap: 6px;
        font-size: 13px;
        line-height: 1.4;
        margin-bottom: 6px;
    }

    #top-bar .top-info a {
        display: block;
        white-space: normal;
    }

    .top-social {
        text-align: center !important;
    }

    .header_image {
        width: 80px;
        height: 62px;
        display: block;
        margin-left: auto;
    }
     /* Hide divider spans on mobile */
     .input-groups-btn .border-right {
        display: none;
    }
    .logo h3 {
        font-size: 14px;
        line-height: 1.3;
    }

}

@media (max-width: 480px) {
    
    #top-bar {
        padding: 8px 0;
    }

    #top-bar .top-info {
        text-align: center;
    }

    #top-bar .top-info p {
        display: flex;
        flex-direction: column;
        gap: 6px;
        font-size: 13px;
        line-height: 1.4;
        margin-bottom: 6px;
    }

    #top-bar .top-info a {
        display: block;
        white-space: normal;
    }

    .top-social {
        text-align: center !important;
    }

    
    .header_image {
        width: 80px;
        height: 62px;
        display: block;
        margin-left: auto;
    }
    .logo h3 {
        font-size: 14px;
        line-height: 1.3;
    }
     /* Hide divider spans on mobile */
    .input-groups-btn .border-right {
        display: none;
    }

}