.display-none{
display:none !important;
}
.rounded-circle{
    border-radius:50% !important;
}
.close-btn {
    position: absolute;
    top: 15px;
    left: 15px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    border-radius: 50%;
    transition: background-color 0.2s;
    z-index: 10;
}

    .close-btn:hover {
        background-color: #f0f0f0;
    }

    .close-btn svg {
        width: 24px;
        height: 24px;
        display: block;
    }

.modal-contenttt {
    position: relative;
}
.loading {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #00000094;
    z-index: 10000;
    /* align-items: center; */
    text-align: center;
}

    .loading img {
        position: relative !important;
        top: 3% !important;
        width: 50% !important;
        display: inline !important;
    }
.d-none {
    display: none;
}
.text-info{
    color:aqua !important;
}
.modalBodyOverFLOW {
    max-height: 75vh !important;
    overflow-y: auto !important;
}
.swiper-pagination-bullet{
    background:#ffffff !important;
}
.m-auto{
    margin:auto !important;
}
.mx-auto{
    margin-right:auto !important;
    margin-left:auto !important;
}
.fs-22 {
    font-size: 22px !important;
}
.mb-10{
    margin-bottom:15px !important;
}
.ml-5{
    margin-left: 5px !important;
}
.mr-5 {
    margin-right: 5px !important;
}
.w-70 {
    width: 70% !important;
}
.w-30{
    width:30% !important;
}

.index-2{
    z-index:-2 !important;
}
.index-3 {
    z-index: -3 !important;
}
.index-4 {
    z-index: -4 !important;
}
.index-5 {
    z-index: -5 !important;
}