.image-container {
    position: relative;
    display: inline-block;
    margin: 5px;
    width: 200px; /* adjust the width as needed */
    height: 200px; /* adjust the height as needed */
    overflow: hidden;
}

.remove-btn {
    display: none;
    position: absolute;
    top: 25px;
    left: 25px;
    transform: translate(-50%, -50%);
    padding: 0.001rem 0.3rem;
    border-radius: 50%;
}

.image-container:hover .remove-btn {
    display: block;
}

.grid-img-item {
    width: 75%;
    height: 75%;
    object-fit: cover;
    border-radius: 75%;
}

.upload-file-button-label {
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.upload-file-button-icon {
    font-size: 50px;
}

.lang-btn-holder .lang-btn {
    border-radius: 0;
}

.lang-btn-holder .lang-btn:first-of-type {
    border-radius: 10px 0 0 10px;
}

.lang-btn-holder .lang-btn:last-of-type {
    border-radius: 0 10px 10px 0;
}



.lang-btn-holder-rtl .lang-btn-rtl {
    border-radius: 0;
}

.lang-btn-holder-rtl .lang-btn-rtl:first-of-type {
    border-radius: 0px 10px 10px 0px;
}

.lang-btn-holder-rtl .lang-btn-rtl:last-of-type {
    border-radius: 10px 0px 0px 10px;
}

a {
    text-decoration: none !important;
}

.dark-layout .pagination:not([class*='pagination-']) .page-item.active .page-link {
    border-color: transparent !important;
    border-radius: 0 !important;
}

.page-item.active .page-link {
    border-radius: 0 !important;
    border-color: transparent;
}

td, th, thead, table, tr {
    text-align: center !important;
}


.bi-x-circle::before,.bi-check-circle::before{
    font-size: 20px !important;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted {
    background-color: #7367F0;
}

html:not(.dark-layout) .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {
    color: black;
}

/* Dark mode text color */
html.dark-layout .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {
    color: white;
}

.flip-horizontal-bottom {
    -webkit-animation: flip-horizontal-bottom 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
    animation: flip-horizontal-bottom 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}
@-webkit-keyframes flip-horizontal-bottom {
    0% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
    }
    100% {
        -webkit-transform: rotateX(-360deg);
        transform: rotateX(-360deg);
    }
}
@keyframes flip-horizontal-bottom {
    0% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
    }
    100% {
        -webkit-transform: rotateX(-360deg);
        transform: rotateX(-360deg);
    }
}