.app-blank {
    background-color: var(--kt-app-bg-color) !important;
}

.tns.tns-default .tns-outer {
    margin: 0px !important;
}

#kt_team_slider_prev1 {
    background-color: #4A4643;
    border-radius: 50%;
    opacity: 50%;
}

#kt_team_slider_next1 {
    background-color: #4A4643;
    border-radius: 50%;
    opacity: 50%;
}


.image {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.5);
}

    .image .overlay {
        /*position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);*/ /* Center horizontally and vertically */
        /*padding: 15px 25px;*/ /* Combine padding for better readability */
        /*background-color: rgba(0, 0, 0, 0.5);*/ /* Add a semi-transparent background */
        /*color: white !important;
        font-size: 40px !important;
        font-weight: 700 !important;
        z-index: 5;
        border-radius: 5px;*/ /* Optional: Add rounded corners */
        min-height: 250px;
        position: absolute;
        bottom: 0px;
        left: 0;
        width: 100%;
        padding: 15px 25px; /* Combine padding for better readability */
        background-color: rgba(0, 0, 0, 0.5); /* Add a semi-transparent background */
        color: white !important;
        font-size: 40px !important;
        font-weight: 700 !important;
        z-index: 5;
        border-radius: 5px; /* Optional: Add rounded corners */
    }

/*.image .overlay::before {
            content: "";
            background: #13263c;
            height: 0;
            width: 100%;
            z-index: 1;
            position: absolute;
            left: 0;
            bottom: -150px;
            z-index: -2;
            opacity: 0.5;
            transition: all 0.3s ease-out;
        }*/

/* .image:hover .overlay {
        color: white !important;
    }*/

/*  .image:hover .overlay .amount,
        .image:hover .overlay .h4,
        .image:hover .overlay .textmuted,
        .image:hover .overlay .fa-star,
        .image:hover .overlay .fa-star-half-alt,
        .image:hover .overlay .review {
            color: white !important;
            font-size: 40px !important;
            font-weight: 700 !important;
        }*/

/* .image:hover .overlay::before {
            bottom: 0px;
            height: 100%;
        }*/

.amount, .h4 {
    font-size: 40px !important;
    font-weight: 700 !important;
    color: white !important;
}

.textmuted {
    color: #ffffff;
    font-size: 40px !important;
    font-weight: 700 !important;
}

.overlay p {
    margin: 0;
}

.news-content p, .news-content a {
    color: white !important;
    opacity: 1 !important;
}

.searchItemIcon {
    font-size: 15px !important;
    color: #AC8D73 !important;
}

.publicationTypeIcon {
    font-size: 6rem !important;
    color: #0d79bc !important;
}

.dataTables_filter {
    display: none !important;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected:after {
    left: 1.25rem;
    right: initial;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option {
    white-space: nowrap !important;
}


    .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected:after {
        left: 1.25rem;
        right: initial;
    }

.select2-container--bootstrap5 .select2-dropdown .select2-results__option {
    white-space: nowrap !important;
}

.cardTitleIcon-fs-6 {
    font-size: 6rem !important;
    color: #AC8D73 !important;
}

.GuestStopStageIcon {
    font-size: 6rem !important;
    color: #0d79bc !important;
}

.GuestStopStageIcon-1 {
    font-size: 6rem !important;
    color: #ffffff !important;
    background-color: #AC8D73 !important;
    padding: 5px !important
}

.GuestStopStageIcon-2 {
    font-size: 6rem !important;
    color: #ffffff !important;
    background-color: #0A5163 !important;
    padding: 5px !important
}

.GuestStopStageIcon-3 {
    font-size: 6rem !important;
    color: #ffffff !important;
    background-color: #595959 !important;
    padding: 5px !important
}

.apexcharts-text tspan {
    font-family: 'cairo-regular' !important;
    font-size: 10px !important;
}

.apexcharts-datalabel-label {
    font-family: 'cairo-regular' !important;
}

.apexcharts-legend-text {
    font-family: 'cairo-regular' !important;
}

.apexcharts-title-text {
    font-family: 'cairo-regular' !important;
}

.about-dark-section {
    padding: 50px 30px 50px 30px !important;
    border-top-right-radius: 20px !important;
    border-top-left-radius: 20px !important;
    margin-right: 20px !important;
    margin-left: 20px !important;
}

.about-gray-section {
    background-color: #595959 !important;
    padding: 20px 30px 20px 30px !important;
    border-top-right-radius: 20px !important;
    border-top-left-radius: 20px !important;
}

.landing-gray-bg {
    background-color: #7F7F7F !important;
}

.gm-style-iw-d {
    overflow: unset !important;
}

#regionChart .apexcharts-legend {
    text-align: right !important;
    padding: 0px !important;
    right: 0px !important;
    top: 0px !important;
}

#regionChart .apexcharts-pie {
    transform: translate(-10, -10) scale(1.1,1.1) !important;
    transform: translateX(35px) !important;
}

.landing-xdark-bg {
    background-color: #3f3f3f !important; /*#6c635c*/
}

.landing-dark-bg {
    background-color: #5b5c5d !important; /*#6c635c*/
}

[data-kt-sticky-landing-header=on] .landing-header .menu .menu-link.active {
    color: #4A4643 !important;
    background-color: rgba(239, 242, 245, 0.4);
}

.menu-state-title-primary .menu-item .menu-link.active .menu-title {
    color: #4A4643 !important;
}

i.bi, i[class^=fonticon-], i[class*=" fonticon-"], i[class^=fa-], i[class*=" fa-"], i[class^=la-], i[class*=" la-"] {
    /*color: #4A4643 !important;*/
}

.landing-xdark-border {
    border: 1px dashed #d3d0ae !important;
}

.landing-xdark-separator {
    border-top: 1px dashed #d3d0ae;
}
.text-footer-hover-primary {
    transition: color 0.2s ease;
    color: #d9d9d8 !important;
}
a.text-footer-hover-primary {
    transition: color 0.2s ease;
    color: #d9d9d8 !important;
}
.text-footer-hover-primary i {
    transition: color 0.2s ease;
}

a.text-footer-hover-primary:hover {
    transition: color 0.2s ease;
    color: #9fa997 !important;
}

.text-footer-hover-primary:hover i {
    transition: color 0.2s ease;
    color: #9fa997 !important;
}

.text-footer-hover-primary:hover .svg-icon {
    color: #9fa997 !important;
}

.text-active-primary {
    transition: color 0.2s ease;
}

.text-active-primary i {
    transition: color 0.2s ease;
}

.text-active-primary.active {
    transition: color 0.2s ease;
    color: #9fa997 !important;
}

    .text-active-primary.active i {
        transition: color 0.2s ease;
        color: #9fa997 !important;
    }

    .text-active-primary.active .svg-icon {
        color: #9fa997 !important;
    }

/* Move the Select2 clear button to the left */
.select2-selection__clear {
    float: left !important; /* Move the button to the left */
    margin-left: 5px; /* Add some spacing from the left edge */
    margin-right: 0 !important; /* Remove default spacing on the right */
}

/* Adjust padding for the selected value to avoid overlap */
.select2-selection__rendered {
    padding-left: 20px !important; /* Add space for the clear button */
}

.btn-check:checked + .engage-btn, .btn-check:active + .engage-btn, .engage-btn:focus:not(.btn-active), .engage-btn:hover:not(.btn-active), .engage-btn:active:not(.btn-active), .engage-btn.active, .engage-btn.show, .show > .engage-btn {
    color: #FFC700!important;
    background-color: var(--kt-engage-btn-bg) !important;
}
step-content .form-check label::after {
    content: "*";
    color: red;
    margin-left: 5px;
}