/*@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&family=Space+Grotesk:wght@300..700&display=swap');
@import url('./responsive.css');

:root {
    /* Colors */
    /*    --dark-bg-color: #060D0D;*/
    --dark-bg-color: #081212;
    --primary-color: #74AC00;
    /* Primary theme color */
    --dark-text-color: #FFFFFF99;
    --dark-text-title: #fff;
    --light-bg-color: #F8F8F8;
    --light-text-color: #060D0D99;
    --light-border-color: #060D0D;
    --text-color: #000;
    --default-white-color: #fff;
    /*    --font-family-theme: 'DM Sans', sans-serif;*/
    --font-family-theme: 'Space Grotesk', sans-serif;
    --font-family-heading: 'Space Grotesk', sans-serif;
}

*,
*::before,
*::after {
    margin: 0;
    box-sizing: border-box;
}
/* Modern Browsers (Chrome, Edge, Safari) */
::-webkit-scrollbar {
    width: 8px; /* Vertical scrollbar width */
    height: 8px; /* Horizontal scrollbar height */
}

::-webkit-scrollbar-track {
    background: transparent; /* Invisible track */
}

::-webkit-scrollbar-thumb {
    background: #949494; /* Scrollbar color */
    border-radius: 4px; /* Rounded corners */
    transition: background 0.2s; /* Smooth hover effect */
}

::-webkit-scrollbar-thumb:hover {
    background: #aaa; /* Darker on hover */
}

/* Firefox */
html {
    scrollbar-width: thin; /* "auto" or "thin" */
    scrollbar-color: #949494 transparent; /* thumb and track */
}

/* Hide number input arrows */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
    /* Firefox */
}

body#user {
    font-family: var(--font-family-theme);
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 16px;
    background-color: var(--light-bg-color) !important;
}

body.dark#user {
    background-color: var(--dark-bg-color) !important;
    color: var(--dark-text-color);
}

.primary-text {
    color: var(--primary-color) !important;
}
.dark .primary-text {
    color: var(--primary-color) !important;
}
.theme-title {
    font-size: 24px;
    font-weight: 700;
    color: #000;
    font-family: var(--font-family-heading);
}

.dark .theme-title {
    color: #fff;
}

.theme-big-title {
    font-size: 34px;
    color: #000;
    font-family: var(--font-family-heading);
    font-weight: 700;
}

.dark .theme-big-title {
    color: #fff;
}

.container-fluid {
    padding: 0 80px;
}
.space-even-div-blocks
{
    margin-top: 30px;
    margin-bottom: 30px;
}
.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 11;
}

.custom-btn {
    background-color: #fff;
    border-radius: 50px;
    color: #000;
    padding: 6px 18px;
}

    .custom-btn.btn-active {
        background-color: var(--primary-color);
        color: #000 !important;
    }

    .custom-btn:hover {
        background-color: var(--primary-color);
        color: #000;
    }

        .custom-btn:hover img {
            filter: invert(1);
        }

.custom-title {
    color: var(--light-text-title);
    font-size: 26px;
}

.dark .custom-btn {
    background-color: #121919;
    color: var(--dark-text-color);
}

    .dark .custom-btn.btn-active {
        background-color: var(--primary-color);
        color: #000 !important;
    }

    .dark .custom-btn:hover {
        background-color: var(--primary-color);
        color: #000;
    }

.dark .custom-title {
    color: var(--dark-text-title);
    font-size: 26px;
}

select.form-select option:hover {
    background-color: var(--primary-color) !important;
    /* Active background (Bootstrap primary color) */
    color: #000 !important;
    /* Active text color */
}

/*===================================================
                Navbar Component
=====================================================*/
.mobile-menu-hide {
    display: none;
}

.hide-desktop {
    display: none;
}

.bg-light {
    background-color: var(--primary-color) !important;
}
.navbar .navbar-brand {
    padding: 0px;
    margin: 0px;
    font-size: 0px;
}
.transparent-bg.navbar .navbar-brand .brand-logo {
    display: inline-block;
    width: 155px; /* adjust as needed */
    height: 38px; /* same as your logo height */
    background: url("../img/logo.png") no-repeat center;
    background-size: contain;
}
.navbar .navbar-brand .brand-logo {
    display: inline-block;
    width: 155px; /* adjust as needed */
    height: 38px; /* same as your logo height */
    background: url("../img/dark_logo.png") no-repeat center;
    background-size: contain;
}
.dark .navbar .navbar-brand .brand-logo {
    display: inline-block;
    width: 155px; /* adjust as needed */
    height: 38px; /* same as your logo height */
    background: url("../img/logo.png") no-repeat center;
    background-size: contain;
}
/*.navbar .navbar-brand {
    filter: invert(1) brightness(0);*/
    /*    filter: invert(1) brightness(0.5) saturate(0.5) grayscale(1);*/
    /*position: relative;
    top: -4px;
}*/

.navbar .nav-link {
    color: #000;
}

    .navbar .nav-link:hover {
        color: var(--text-color);
    }

.navbar .dropdown-toggle::after {
    display: none !important;
}

.navbar .group-navbar-location-user {
    width: auto;
    height: auto;
    align-items: center;
    justify-content: space-around;
}

    /* .navbar .group-navbar-location-user div {
    padding: 0px 15px;
} */

    .navbar .group-navbar-location-user .space-div {
        padding: 0px 15px;
    }

    .navbar .group-navbar-location-user .user-profile {
        padding-right: 0px;
    }

.navbar .language {
    color: var(--text-color);
}

    .navbar .language img {
        width: 20px;
        filter: invert(1) brightness(0.5) saturate(0.5) grayscale(1);
        position: relative;
        top: -1px;
        margin-right: 8px;
    }

.language select option {
    color: #000;
    /* Change this to your desired color */
    background: #fff;
    /* Change dropdown background */
}

.navbar .language select {
    background-color: transparent;
    border: none;
    outline: none;
    /* Remove focus outline */
    appearance: none;
    /* Hide default arrow */
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}

.navbar select:focus {
    border: none;
}

.active {
    font-weight: 600;
    color: var(--text-color) !important;
}

.navbar .menu-items .nav-item {
    padding-left: 18px;
}

.navbar .menu-items {
    position: relative;
    right: 0px;
}

.navbar .dropdown-menu[data-bs-popper] {
    top: 100%;
    left: -75px;
    margin-top: 15px;
}

.dark .bg-light {
    background-color: var(--dark-bg-color) !important;
}

.dark .navbar .navbar-brand {
    filter: invert(0);
}

.dark .navbar .nav-link {
    color: var(--dark-text-color);
}

    .dark .navbar .nav-link:hover {
        color: var(--primary-color);
    }

.dark .active {
    font-weight: 600;
    color: var(--primary-color) !important;
}

.dark .navbar .dropdown-toggle::after {
    display: none !important;
}

.dark .navbar .language img {
    width: 20px;
    filter: invert(0);
}

.navbar .user-profile a img {
    filter: invert(0);
    padding: 4px;
    height: 32px;
    width: 32px;
}

.dark .navbar .user-profile a img {
    filter: invert(1);
    padding: 4px;
}

.navbar .user-profile .rounded-circle {
    border: 1px solid #000;
    border-radius: 50px;
}

.dark .navbar .user-profile .rounded-circle {
    border: 1px solid #000000;
    border-radius: 50px !important;
}

.user-profile .dropdown-item.active,
.dropdown-item:active {
    color: var(--primary-color) !important;
    cursor: pointer;
    background-color: transparent !important;
}

.user-profile .dropdown-item:focus,
.dropdown-item:hover {
    color: var(--primary-color) !important;
    cursor: pointer;
    background-color: transparent !important;
}

.dark .navbar .language select {
    background-color: var(--dark-bg-color) !important;
    /* Dark background */
    color: var(--dark-text-color) !important;
    /* Text remains visible */
    appearance: none;
    /* Removes default browser styles */
}

    /* Ensure placeholder text is visible */
    .dark .navbar .language select option {
        background-color: var(--dark-bg-color) !important;
        color: var(--dark-text-color) !important;
    }

/*===================================================
        Current location Select box Component
=====================================================*/
.vscomp-dropbox {
    background-color: #fff;
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    border-radius: 5px;
    position: absolute;
    top: 10px;
}

.vscomp-wrapper.focused .vscomp-toggle-button,
.vscomp-wrapper:focus .vscomp-toggle-button {
    box-shadow: none !important;
}

.map-icon-with-search-conatainer .vscomp-option.focused {
    background-color: #f6f6f6;
}

.map-icon-with-search-conatainer .vscomp-option.selected {
    background-color: var(--primary-color);
}

.map-icon-with-search-conatainer {
    border: 1px solid var(--dark-bg-color);
    border-radius: 25px;
    padding: 0px 10px;
    max-width: 170px;
}

.dark .map-icon-with-search-conatainer {
    border: 1px solid var(--primary-color);
}

.map-icon-with-search-conatainer img {
    height: 16px;
    position: relative;
    top: 9px;
    left: 4px;
    margin: 0px -1px;
}

.map-icon-with-search-conatainer .vscomp-toggle-button {
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    background: transparent;
    border: none;
    color: var(--dark-bg-color);
}

.dark .map-icon-with-search-conatainer .vscomp-toggle-button {
    color: var(--dark-text-color);
}

.map-icon-with-search-conatainer .vscomp-arrow::after {
    border-bottom-color: var(--dark-bg-color);
    border-right-color: var(--dark-bg-color);
}

.dark .map-icon-with-search-conatainer .vscomp-arrow::after {
    border-bottom-color: #fff;
    border-right-color: #fff;
}


.current-location {
    width: auto;
    /* Automatically adjust width based on content */
}

.form-select:focus {
    border-color: var(--light-border-color);
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(154 205 37 / 9%);
}

.has-search-location .form-control-location {
    position: absolute;
    z-index: 2;
    display: block;
    text-align: center;
    pointer-events: none;
    padding-left: 16px;
    padding-top: 9px;
}

.form-select {
    background-image: url('../img/light-down-arrow.svg');
    background-size: 13px 13px;
    /* Adjust size as needed */
    background-repeat: no-repeat;
}

.has-search-location .form-control {
    padding-left: 2.375rem;
    background-color: transparent !important;
    border-radius: 20px;
    max-width: 170px;
    color: var(--text-color);
    border: 1px solid var(--light-border-color);
}

    .has-search-location .form-control:focus {
        border: 1px solid var(--light-border-color) !important;
        box-shadow: 0 0 0 .25rem rgb(154 205 37 / 9%);
    }

.dark .form-select {
    background-image: url('../img/down-arrow.svg');
    background-size: 13px 13px;
    /* Adjust size as needed */
    background-repeat: no-repeat;
}

/* Ensure text remains white even when not focused */
.dark .has-search-location .form-control {
    color: var(--dark-text-color) !important;
    background-color: var(--dark-bg-color) !important;
    border: 1px solid var(--primary-color) !important;
    /* Optional: Adjust border */
}
/*===================================================
             Background image Overlay
=====================================================*/
.transparent-bg.event-details-bg {
    background-color: var(--primary-color) !important;
}
.user-background-container {
    display: none;
}
.dark .user-background-container {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 56.25vw; /* 16:9 aspect ratio */
    max-height: 450px;
    z-index: -1;
    pointer-events: none;
    filter: blur(300px);
    overflow: hidden;
}

.dark .user-background-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    color: transparent;
}

.dark .user-overlay-gradient {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background: linear-gradient( to bottom, rgba(0, 0, 0, 0.7) 0%,*/ /* Strong at top */
    /*rgba(0, 0, 0, 0.5) 40%,*/ /* Moderate fade */
    /*rgba(0, 0, 0, 0.2) 80%,*/ /* Light at bottom */
    /*rgba(0, 0, 0, 0) 100%*/ /* Fully transparent */
    /*);*/
    background: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0.737) 19%, rgba(0, 0, 0, 0.54) 34%, rgba(0, 0, 0, 0.38) 47%, rgba(0, 0, 0, 0.28) 56.5%, rgba(0, 0, 0, 0.192) 65%, rgba(0, 0, 0, 0.125) 73%, rgba(0, 0, 0, 0.075) 80.2%, rgba(0, 0, 0, 0.043) 86.1%, rgba(0, 0, 0, 0.02) 91%, rgba(0, 0, 0, 0.008) 95.2%, rgba(0, 0, 0, 0.004) 98.2%, transparent 100%);
}
/*====Transparent Background color for dark theme===*/
.dark .event-buy-cart .event-buy-content svg {
    filter: invert(0) brightness(2.5) !important;
}
.dark .event-buy-cart .event-date-box .day {
    background-color: var(--primary-color) !important;
    color: #000 !important;
}
.dark .event-buy-cart .event-buy-content p, .dark .event-buy-cart .event-buy-content span {
    color: #fff !important;
}
.dark .event-buy-cart {
    border: 1px solid #b6b6b6 !important;
}
/*.dark .event-buy-cart .event-buy-bg {
    background-color: #060D0D !important;
}*/
    .dark .event-buy-cart, .dark .event-buy-btn-onwards, .dark .buy-merchandise, .dark .event-merchandise-qty-list, .dark .event-buy-cart .event-buy-bg {
        background-color: transparent !important;
    }
.dark .checkout {
    border: 1px solid rgba(255, 255, 255, 0.20) !important;
    background-color: transparent !important;
}
@media (max-width: 991.98px)
{
     .dark .event-buy-cart .event-buy-content svg {
        filter: invert(0) brightness(2.5) !important;
    }
    .dark .event-buy-cart .event-date-box .day {
        background-color: var(--primary-color) !important;
        color: #000 !important;
    }
    .dark .event-buy-cart .event-buy-content p, .dark .event-buy-cart .event-buy-content span {
        color: #fff !important;
    }
    .dark .event-buy-cart {
        border: 0px solid #b6b6b6 !important;
    }
    .dark .event-buy-cart .event-buy-bg {
        background-color: #1a1a1a !important;
        border: none !important;
    }
    .dark .event-buy-cart, .dark .event-buy-btn-onwards, .dark .buy-merchandise, .dark .event-merchandise-qty-list {
        background-color: #060D0D !important;
    }
    .dark .checkout {
        border: 1px solid var(--primary-color) !important;
        background-color: #060D0D !important;
    }
}
/*===================================================
               Page Container
=====================================================*/
.page-container {
    padding-top: 40px;
}

/*===================================================
               Search event text box
=====================================================*/
.has-search-textbox .form-control {
    padding-left: 2.7rem;
    background-color: #fff;
    border-radius: 20px;
    color: var(--text-color);
    border: 1px solid #fff;
    height: 42px;
}

.has-search-textbox .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    text-align: center;
    pointer-events: none;
    padding-left: 16px;
    padding-top: 11px;
    filter: invert(1) brightness(0.5) saturate(0.5) grayscale(1);
}

.has-search-textbox .form-control:focus {
    border-color: var(--primary-color);
    outline: 0;
    border: 1px solid var(--primary-color) !important;
    box-shadow: 0 0 0 .25rem rgb(154 205 37 / 9%);
}

.has-search-textbox .form-control::placeholder {
    color: #000 !important;
    /* Change placeholder text color */
}

.dark .has-search-textbox .form-control::placeholder {
    color: #fff !important;
    /* Change placeholder text color */
}

.dark .has-search-textbox .form-control {
    padding-left: 2.7rem;
    background-color: #121919;
    border-radius: 20px;
    color: #fff;
    border: 1px solid #121919;
    height: 42px;
}

.dark .has-search-textbox .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    text-align: center;
    pointer-events: none;
    padding-left: 16px;
    padding-top: 11px;
    filter: invert(0);
}

/*===================================================
              Event option button
=====================================================*/
.btn-search-event {
    background-color: #fff;
    border-radius: 50px;
    padding: 8px 18px;
    color: #000;
    width: 100%;
    white-space: nowrap;
}

    .btn-search-event:hover {
        background-color: var(--primary-color);
        color: #000;
    }

.btn-search-event-calendar {
    background-color: #FFF;
    width: 42px;
    height: 42px;
    border-radius: 50px;
}

    .btn-search-event-calendar:hover {
        background-color: var(--primary-color);
    }

        .btn-search-event-calendar:hover img {
            filter: invert(1) brightness(0.5) saturate(0.5) grayscale(1);
        }

    .btn-search-event-calendar img {
        position: relative;
        left: -2px;
        filter: invert(1) brightness(0.5) saturate(0.5) grayscale(1);
    }

.event-button-group button {
    margin-left: 10px;
}

.dark .btn-search-event {
    background-color: #FFFFFF0D;
    color: #fff;
}

.dark .btn-search-event-calendar {
    background-color: #FFFFFF0D;
}

    .dark .btn-search-event-calendar img {
        filter: invert(0);
    }

.dark .btn-search-event:hover {
    background-color: var(--primary-color);
    color: #000;
}

.dark .btn-search-event-calendar:hover {
    background-color: var(--primary-color);
}

    .dark .btn-search-event-calendar:hover img {
        filter: invert(1);
    }

/*===================================================
                Ads Slide banner Component
=====================================================*/
.slider-banner .owl-carousel .owl-nav button.owl-prev,
.slider-banner .owl-carousel .owl-nav button.owl-prev,
.slider-banner .owl-carousel button.owl-dot.owl-nav {
    position: absolute;
    left: 140px;
    top: 45%;
    display: block;
    margin: 0;
    cursor: pointer;
    color: #fff;
    transform: translate(-50%, -50%);
}

.slider-banner .owl-carousel .owl-nav button.owl-next,
.slider-banner .owl-carousel .owl-nav button.owl-next,
.slider-banner .owl-carousel button.owl-dot.owl-nav {
    position: absolute;
    right: 140px;
    top: 45%;
    display: block;
    margin: 0;
    cursor: pointer;
    color: #fff;
    transform: translate(-50%, -50%);
}

.slider-banner .owl-carousel .owl-item img {
    border-radius: 10px;
}

.slider-banner .owl-nav button {
    background-color: #fff !important;
    width: 45px;
    height: 45px;
    border-radius: 50px !important;
}

    .slider-banner .owl-nav button:hover {
        background-color: #ffffffc5 !important;
    }

.slider-banner .owl-theme .owl-dots .owl-dot.active span {
    background-color: var(--primary-color);
    width: 40px;
}

.slider-banner .owl-dots {
    position: relative;
    top: 0px;
}

    .slider-banner .owl-dots button {
        margin-left: -4px;
    }

/*===================================================
                Category Component
=====================================================*/
.category-slider {
    backdrop-filter: blur(5.546491622924805px);
    background: #FFFFFF33;
    border: 1.2px solid #9ACD3266;
    height: 80px;
    align-content: center;
    padding: 15px 70px;
    border-radius: 8px;
}

    .category-slider .owl-carousel .owl-nav button.owl-prev,
    .category-slider .owl-carousel .owl-nav button.owl-prev,
    .category-slider .owl-carousel button.owl-dot.owl-nav {
        position: absolute;
        left: -15px;
        top: 45%;
        display: block;
        margin: 0;
        cursor: pointer;
        color: #fff;
        transform: translate(-50%, -50%);
        filter: invert(0.8);
    }


    .category-slider .owl-carousel .owl-nav button.owl-next,
    .category-slider .owl-carousel .owl-nav button.owl-next,
    .category-slider .owl-carousel button.owl-dot.owl-nav {
        position: absolute;
        right: -55px;
        top: 45%;
        display: block;
        margin: 0;
        cursor: pointer;
        color: #fff;
        transform: translate(-50%, -50%);
        filter: invert(0.8);
    }

    .category-slider .owl-nav button:hover {
        background-color: transparent !important;
    }

    .category-slider .owl-carousel-category .category-box {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        cursor: pointer !important;
    }
    .category-slider .owl-carousel-category .category-name.active {
        color: var(--primary-color) !important;
        font-weight: 700 !important;
    }
    .category-slider .owl-carousel-category a {
        text-decoration: none !important;
    }

    .category-slider .owl-carousel-category .category-box img {
        width: 24px;
        height: 24px;
        filter: invert(1);
        object-fit: contain;
    }

    .category-slider .owl-carousel-category .category-name {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        height: 100%;
        width: 100%;
        font-size: 13px;
        color: #fff;
        font-weight: 400;
        padding: 5px 0px;
        cursor: pointer !important;
    }

    .category-slider .owl-carousel.owl-drag .owl-item:hover .category-name {
        color: var(--primary-color) !important;
    }

    .category-slider .owl-carousel-category .category-name:hover {
        color: var(--primary-color) !important;
    }

.owl-carousel-category .owl-item img {
    height: 100%;
    width: auto;
    object-fit: cover;
    /* Ensures the image covers the area without distortion */
}

/*.dark .category-slider .owl-carousel-category .category-name {
    color: #fff;
    font-weight: 300;
}

.dark .category-slider .owl-carousel-category .category-box img {
    filter: invert(1);
}

.dark .category-slider .owl-carousel .owl-nav button.owl-prev,
.dark .category-slider .owl-carousel .owl-nav button.owl-prev,
.dark .category-slider .owl-carousel button.owl-dot.owl-nav {
    filter: invert(0.8);
}

.dark .category-slider .owl-carousel .owl-nav button.owl-next,
.dark .category-slider .owl-carousel .owl-nav button.owl-next,
.dark .category-slider .owl-carousel button.owl-dot.owl-nav {
    filter: invert(0.8);
}*/

/*===================================================
                Popular events Component
=====================================================*/
.popular-events .more-options button {
    margin-left: 15px;
    white-space: nowrap;
}

.popular-events .filter-btn img {
    padding-right: 5px;
    filter: invert(1) brightness(0.5) saturate(0.5) grayscale(1);
    position: relative;
    top: -2px;
}

.popular-events .filter-btn {
    margin-right: 10px;
    padding-left: 20px;
    padding-right: 20px;
    white-space: nowrap;
}

    .popular-events .filter-btn::after {
        position: absolute;
        content: " ";
        border-right: 1px solid #16151566;
        height: 30px;
        padding-right: 33px;
        margin-top: -2px;
    }

.dark .popular-events .filter-btn::after {
    border-right: 1px solid #FFFFFF66;
}

.dark .popular-events .filter-btn img {
    padding-right: 5px;
    filter: invert(0);
}

/*===================================================
             events Cart Component
=====================================================*/
.event-card .link-action {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

    .event-card .link-action:hover .event-date-content .date-box .bottom-day {
        background-color: var(--primary-color);
        color: #000;
    }

    .event-card .link-action:hover .event-name-small-size-title {
        color: var(--primary-color);
    }

    .event-card .link-action:hover .event-img-content img {
        transition: 0.3s;
        transform: scale(1.02);
    }

.event-card .event-img-content {
    position: relative;
/*    height: 270px;*/
    height: auto;
}

    .event-card .event-img-content img {
        width: 100% !important;
        height: 100%;
        border-radius: 10px;
    }

    .event-card .favorite {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index:1;
    }

    .event-card .favorite .heart-svg {
        height: 30px;
        width: 30px;
    }

    .event-card .event-img-content .short-desc {
        position: absolute;
        bottom: 0px;
        padding: 5px 10px;
    }

        .event-card .event-img-content .short-desc p {
            margin-bottom: 0px;
            color: #fff;
        }

        .event-card .event-img-content .short-desc a {
            text-decoration: none;
        }

        .event-card .event-img-content .short-desc .one-line {
            margin-bottom: -5px;
        }

        .event-card .event-img-content .short-desc span {
            max-width: 110px;
            color: #fff;
            display: inline-block;
            /* Ensures width restriction works */
            white-space: nowrap;
            /* Prevents text from wrapping */
            overflow: hidden;
            /* Hides overflow text */
            text-overflow: ellipsis;
            /* Adds "..." when text is cut off */
            font-size: 15px;
        }

        .event-card .event-img-content .short-desc .vr {
            display: inline-block;
            align-self: stretch;
            width: var(--bs-border-width);
            min-height: 17px;
            background-color: #fff;
            opacity: 1;
            position: relative;
            top: -4px;
            margin: 0px 2px;
        }

.event-card .event-date-location {
    display: flex;
}

.event-card .mobile-show-content {
    display: none;
}

.event-card .event-date-content {
    margin-top: 5px;
}

    .event-card .event-date-content .date-box p {
        margin-bottom: 0.5px;
    }

    .event-card .event-date-content .date-box p {
        font-size: 14px;
    }
.dark .event-card .event-date-content .date-box .year {
    color: #ffffff99;
}

    .event-card .event-date-content .date-box {
        border: 1px solid #424242CC;
        min-width: 50px;
        height: 55px;
        text-align: center;
        border-radius: 10px;
        padding-top: 0px;
        position: relative;
    }

        .event-card .event-date-content .date-box .date {
            font-weight: bold !important;
            color: #424242CC;
            font-size: 14px;
            margin-top: -6px;
        }

        .event-card .event-date-content .date-box .bottom-day {
            background-color: var(--primary-color);
            border-bottom-right-radius: 10px;
            border-bottom-left-radius: 10px;
            /*            border-top: 1px solid #FFFFFFB2;*/
            color: #000;
            position: absolute;
            width: 100%;
            height: 20px;
            bottom: 0px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

    .event-card .event-date-content .content {
        margin: 0px 10px;
    }

        .event-card .event-date-content .content h3 {
            font-size: 16px;
            margin-bottom: 4px;
            line-height: 20px;
            color: var(--light-text-color);
        }

        .event-card .event-date-content .content p {
            font-size: 15px;
            color: #424242BF;
            margin-bottom: 5px;
            line-height: normal;
        }

        .event-card .event-date-content .content .currency {
            width: 23px;
            height: 23px;
            background-color: #FFAE2A;
            border-radius: 50px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .event-card .event-date-content .content .currency img {
                width: 19px;
            }

        .event-card .event-date-content .content .onwards {
            margin-left: 6px;
            color: #424242;
            font-weight: 600;
            position: relative;
            top: -2px;
            left: -5px;
        }

.dark .event-card .event-date-content .date-box .bottom-day {
    background-color: var(--primary-color);
}

.dark .event-card .event-date-content .date-box {
    border: 1px solid #FFFFFFB2;
}

    .dark .event-card .event-date-content .date-box .date {
        color: #FFFFFFB2;
    }

.dark .event-card .event-date-content .content h3 {
    color: #fff;
}

.dark .event-card .event-date-content .content p {
    color: #ffffffc9;
}

.dark .event-card .event-date-content .content .onwards {
    color: #fff;
}

.event-name-small-size-title {
    overflow: hidden;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 6px;
}

.dark .event-name-small-size-title {
    color: #fff;
}

.event-card .event-date-content .date-box .bottom-day .month {
    position: relative;
    top: 0.5px;
    font-weight: 600;
}
/*===Favorite action component====*/
.favorite-checkbox {
    display: none !important;
}

.favorite-label {
    cursor: pointer;
}

.heart-svg {
    transition: fill 0.3s ease, transform 0.2s ease;
}

.favorite-checkbox:checked + .favorite-label .heart-svg {
    fill: #fff;
    /* Red when checked */
    /* transform: scale(1.2); */
}

.favorite-checkbox:checked + .favorite-label .heart-circle-svg {
    fill-opacity: 1 !important;
    fill: #e63946;
    /* Red when checked */
    /* transform: scale(1.2); */
}


/*=============Event details page==============*/

/*=================================================
        Event content box with image component
=====================================================*/

.event-image-size-changes {
    width: 45%;
}

.event-description-size-changes {
    width: 55%;
}

.event-content-box {
    position: relative;
    width: 100%;
}

    .event-content-box .event-actions {
        position: absolute;
        right: 20px;
        top: 15px;
        z-index: 2;
    }

        .event-content-box .event-actions svg {
            margin-left: 10px;
        }

    .event-content-box .event-content-details {
        position: absolute;
        bottom: 0px;
        padding: 5px 20px;
        z-index: 1;
    }

        .event-content-box .event-content-details span {
            font-size: 13px;
            color: #FFFFFFE5;
            margin-bottom: 2px;
        }

        .event-content-box .event-content-details .title {
            color: #fff;
            font-size: 26px;
            margin-bottom: 2px;
        }

        .event-content-box .event-content-details p {
            color: #FFFFFFE5;
            font-size: 14px;
        }

.event-gallery .image-height {
    width: 100%;
    height: 100%;
/*    height: 400px;*/
    /*    object-fit: cover;*/
    border-radius: 10px;
}

.event-gallery .video-container {
    width: 100%;
    height: 100%;
}

.event-gallery .video-height {
    width: 100%;
    aspect-ratio: 1;
    /*    height: 353px;*/
    object-fit: cover;
    border-radius: 10px;
    background-color: #000;
}
.event-gallery .owl-nav.disabled {
    display: none !important;
}

.event-gallery {
    position: relative;
    z-index: 1;
    /* Ensure event-gallery is below the buttons */
}

    .event-gallery.owl-carousel .owl-item img {
        border-radius: 10px;
    }


    .event-gallery.owl-carousel .owl-item img {
        width: 100%;
        height: 410px;
        object-fit: cover;
    }

    .event-gallery .item video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        object-fit: cover;
        display: block;
        border-radius: 10px;
        height: 50vh;
    }

    /* Center and show the nav buttons properly */
    .event-gallery.owl-carousel .owl-nav {
        position: absolute;
        top: 40%;
        width: 100%;
        display: flex;
        justify-content: space-between;
        transform: translateY(-50%);
        z-index: 1111;
        pointer-events: auto;
        /* Ensure the nav container is clickable */
    }

        /* Left navigation button */
        .event-gallery.owl-carousel .owl-nav button.owl-prev {
            position: absolute;
            left: 40px;
            /* Adjusted */
            color: #fff;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            font-size: 20px;
            cursor: pointer;
            z-index: 1120;
            /* Ensure the button is in front */
            pointer-events: auto;
            /* Ensure the button is clickable */
            filter: invert(0.8);
        }

        /* Right navigation button */
        .event-gallery.owl-carousel .owl-nav button.owl-next {
            position: absolute;
            right: 40px;
            /* Adjusted */
            color: #fff;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            font-size: 20px;
            cursor: pointer;
            z-index: 1120;
            /* Ensure the button is in front */
            pointer-events: auto;
            /* Ensure the button is clickable */
            filter: invert(0.8);
        }

            /* Hover effect */
            .event-gallery.owl-carousel .owl-nav button.owl-prev:hover,
            .event-gallery.owl-carousel .owl-nav button.owl-next:hover {
                background: transparent;
            }

.event-share {
    cursor: pointer;
}

    .event-share:hover .event-share-bg {
        fill: var(--primary-color);
        fill-opacity: 1;
    }

/*=================================================
            Event Description Component
=================================================*/
.event-description .annoucement {
    background-color: #8333A83D;
    max-width: fit-content;
    padding: 4px 15px;
    border-radius: 5px;
    font-size: 15px;
    color: #000;
}

.event-details-main .event-description .event-about-title {
    color: #000;
    font-family: var(--font-family-heading);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 5px;
}

.dark .event-details-main .event-description .event-about-title {
    color: #fff;
}

.event-details-main .event-description .event-para {
    margin-bottom: 5px;
    color: rgba(0, 0, 0, 0.80);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
/*    line-height: normal;*/
}

.dark .event-details-main .event-description .event-para {
    color: rgba(255, 255, 255, 0.80);
}

.event-details-main .event-description .event-para-toggle-btn {
    color: #4a4a4a;
    cursor: pointer;
}

    .event-details-main .event-description .event-para-toggle-btn svg {
        filter: invert(1) grayscale(1) contrast(50) brightness(5);
    }

.event-details-main {
    position: relative;
}

.rotated {
    transform: rotate(180deg);
}

.dark .event-details-main .event-description .event-para-toggle-btn {
    color: var(--primary-color);
}

.dark .event-description .annoucement {
    color: #B050DC;
}

.dark .event-details-main .event-description .event-para-toggle-btn svg {
    filter: invert(0);
}

.event-name-title-big {
    color: #000;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    font-family: var(--font-family-heading);
}

.dark .event-name-title-big {
    color: #fff;
}
/*===========================================
        Event artist component
============================================*/
.event-artist {
    margin-top: 20px;
}

.event-artist .artist-title {
    color: #000;
    font-size: 24px;
    font-family: var(--font-family-heading);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 10px;
    color: #000;
}

.event-artist .bg-artist {
    background-color: #EAEAEA;
    /*    background-color: #ffffff78;*/
    margin-bottom: 12px;
    color: inherit;
    margin-right: 12px;
    display: inline-flex;
    align-items: center;
    color: #000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 4px 22px;
    align-items: center;
    gap: 5px;
    flex-shrink: 0;
    background: rgba(116, 172, 0, 0.20);
    cursor: pointer !important;
}

.dark .event-artist .bg-artist {
    color: var(--primary-color);
    background: rgba(116, 172, 0, 0.05);
}

.event-artist .artist-img {
    margin-right: 5px;
    height: 26px;
    width: 26px;
    object-fit: cover;
    border-radius: 50px;
}

.event-artist .artist-title {
    margin-top: 10px;
    margin-bottom: 10px;
}

.dark .event-artist .artist-title {
    color: #fff;
}

.dark .event-artist .bg-artist {
    background-color: rgba(255, 255, 255, 0.05);
}

.event-organized-title {
    color: #000;
    font-family: var(--font-family-theme);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 10px;
    margin-top: 10px;
}

.dark .event-organized-title {
    color: #fff;
}

.event-organized-images {
    width: 30px;
    height: 30px;
}

    .event-organized-images img {
        width: 100%;
        height: 100%;
        border-radius: 50px;
    }

.event-organized-name {
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.dark .event-organized-name {
    color: #fff;
}
/*========================================
            Event buy cart component
=========================================*/
.event-buy-bg {
    background-color: #F6F6F6 !important;
    border: none !important;
}

.dark .event-buy-bg {
    background-color: #081212 !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.event-buy-cart {
    border: 1px solid var(--primary-color);
    border-radius: 10px;
    padding: 15px 10px 10px 10px;
    position: sticky;
    top: 70px;
    /* Stick to top when scrolling */
    /* z-index: 1000;   due to toaster issue */
    background: #fff;
}
/*.event-buy-cart:hover {
    max-height: calc(100vh - 85px);
    overflow-y: auto;
    overflow-x: hidden;*/
    /* Modern scrollbar styling */
    /*scrollbar-width: none;*/ 
/*    scrollbar-color: rgba(0, 0, 0, 0.2) transparent;*/
/*    scrollbar-width: none;   */
    /*scroll-behavior: smooth;
}*/
/*.event-buy-cart:hover::-webkit-scrollbar {
    display: none;   
}*/


.dark .event-buy-cart {
    background-color: var(--dark-bg-color);
}

.event-buy-cart .event-date-box {
    min-width: 65px;
    max-height: 85px;
    border: 1px solid #959595;
    text-align: center;
    border-radius: 10px;
}

    .event-buy-cart .event-date-box .date-month {
        background-color: rgba(255, 255, 255, 0.10);
    }

        .event-buy-cart .event-date-box .date-month .month {
            padding-top: 5px;
            font-weight: bold;
        }

    .event-buy-cart .event-date-box .day {
        background: var(--primary-color);
        padding: 1.8px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        font-weight: 700;
    }

    .event-buy-cart .event-date-box .date-month .date {
        font-size: 20px;
        font-weight: bold;
        margin-top: -3px;
    }

    .event-buy-cart .event-date-box .date-month p {
        margin-bottom: 0px !important;
    }

.event-buy-cart .event-buy-content {
    margin: 0 10px;
    overflow: hidden;
}

    .event-buy-cart .event-buy-content h2 {
        font-family: var(--font-family-theme);
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; /* Required for ellipsis to work */
        width: 100%;
    }

    .event-buy-cart .event-buy-content p {
        color: rgba(6, 13, 13, 0.80);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

.dark .event-buy-cart .event-buy-content p {
    color: #FFFFFF99;
}

.event-buy-cart .event-buy-content span {
    color: rgba(6, 13, 13, 0.80);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.dark .event-buy-cart .event-buy-content span {
    color: #FFFFFF99;
}

.event-buy-cart .event-buy-content svg {
    margin-right: 4px;
    height: 20px;
    filter: invert(1) brightness(0.5) saturate(0.5) grayscale(1);
}

.event-buy-cart .event-buy-content .category {
    margin-top: 0px;
}

.event-buy-cart .event-buy-content .location {
    margin-top: 8px;
}

.event-buy-cart .event-buy-btn-onwards {
    background-color: #fff;
    padding: 10px 14px;
    color: #000;
    border-radius: 10px;
    margin-top: 0px;
    border: 1.011px solid rgba(6, 13, 13, 0.20);
}

    .event-buy-cart .event-buy-btn-onwards .buy-now-btn {
        background-color: var(--primary-color);
        color: #000;
        font-weight: bold;
        border: none;
        padding: 4px 18px 4px 25px;
        height: 35px;
        font-size: 15px;
        border-radius: 50px;
    }

        .event-buy-cart .event-buy-btn-onwards .buy-now-btn:hover {
            color: #fff;
        }

            .event-buy-cart .event-buy-btn-onwards .buy-now-btn:hover svg {
                filter: invert(1);
            }

        .event-buy-cart .event-buy-btn-onwards .buy-now-btn svg {
            position: relative;
            top: -2px;
        }

    .event-buy-cart .event-buy-btn-onwards span {
        position: relative;
        top: 6px;
        color: #060D0D;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

.dark .event-buy-cart .event-buy-btn-onwards span {
    color: #fff;
}

.dark .event-buy-cart .event-buy-content h2 {
    color: #fff;
}

.dark .event-buy-cart .event-buy-content svg {
    filter: invert(0);
}

.dark .event-buy-cart .event-date-box .date-month {
    color: #fff;
}

.dark .event-buy-cart .event-date-box {
    border: 1px solid #fff;
}

    .dark .event-buy-cart .event-date-box .day {
        background: transparent;
    }

.dark .event-buy-cart .event-buy-btn-onwards {
    border-radius: 15.172px;
    border: 1.011px solid rgba(255, 255, 255, 0.20);
    background: #060D0D;
    box-shadow: 0px 5.057px 5.057px 0px rgba(0, 0, 0, 0.25);
}

.add-to-cart {
    display: flex;
    align-items: center;
    width: 88px;
    justify-content: center;
}
.add-to-cart-details {
    display: flex;
    align-items: center;
    width: 70px;
    justify-content: center;
    margin-top: 5px;
}
.icon-with-title label {
    position: relative;
    top: 2px;
    left: 5px;
}

.ticket-type-icon-bg {
    background-color: #F3F3F3;
    border-radius: 5px;
    height: 45px;
    width: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.dark .ticket-type-icon-bg {
    background-color: #FFFFFF0D;
}

.event-ticket-type-price {
    margin-left: 15px;
    margin-top: -2px;
}
.event-ticket-type-price label
{
    color: rgba(6, 13, 13, 0.80);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-right: 12px;
}
.dark .event-ticket-type-price label {
    color: #FFFFFFCC;
}

.event-ticket-type-price .event-price-amt {
    color: #EF9500;
    font-family: "DM Sans";
    font-size: 16.803px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
/* .icon-with-title label strong
{
    color: var(--primary-color);
} */
.add-btn-small {
    display: flex;
    width: 88.19px;
    height: 33.19px;
    padding: 8.399px;
    justify-content: center;
    align-items: center;
    gap: 10.499px;
    flex-shrink: 0;
    border-radius: 6.299px;
    color: #000;
    text-align: center;
    font-size: 15.172px;
    font-style: normal;
    font-weight: 700;
    line-height: 20.998px; /* 138.393% */
    background: #EAEAEA;
}

.dark .add-btn-small {
    background: rgba(255, 255, 255, 0.10);
    color: #fff;
}

.add-btn-small:hover {
    background: #EAEAEA;
    opacity: 1;
}

.dark .add-btn-small:hover {
    background: rgba(255, 255, 255, 0.10);
    color: #fff;
}

.add-btn-small:active {
    background: #EAEAEA !important;
    border: none !important;
    opacity: 1;
}

.dark .add-btn-small:active {
    background: rgba(255, 255, 255, 0.10) !important;
    color: #fff;
    border: none !important;
}

.sold-btn-small {
    background-color: rgba(168, 51, 93, 0.24) !important;
    opacity: 1 !important;
    color: #EE3D7D !important;
    font-size: 15.172px;
    font-weight: 700;
    border: none !important;
    width: 87px;
    height: 33.19px;
    padding: 0px;
}

.ticket-title {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    margin-bottom: 20px;
}

.dark .ticket-title {
    color: #fff;
}

.add-to-cart .textbox {
    background-color: transparent;
    border: none;
    color: #fff;
    font-weight: bold;
    max-width: 30px;
    border-radius: 0px !important;
    margin: 0px 0px;
    text-align: center;
    position: relative;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 19.637px; /* 122.73% */
}

.dark .add-to-cart .textbox {
    color: #000;
}

.event-total-price {
    text-align: center;
    margin-bottom: 6px;
    font-weight: 600;
}

.add-to-cart .circle-btn {
    display: flex;
    width: 25px;
    height: 25px;
    justify-content: center;
    align-items: center;
    gap: 6.768px;
    border-radius: 26.469px;
    background-color: transparent;
    /*    background: var(--primary-color);*/
    border: none;
}
.add-to-cart-details .circle-btn {
    display: flex;
    width: 22px;
    height: 22px;
    justify-content: center;
    align-items: center;
    gap: 6.768px;
    border-radius: 26.469px;
    background-color: transparent;
    /*    background: var(--primary-color);*/
    border: none;
}
.add-to-cart-details .circle-btn.minus{
    position: relative;
    left: 5px;
}
.add-to-cart-details .circle-btn.plus{
    position: relative;
    right: 5px;
}

    .add-to-cart .circle-btn svg {
        text-align: center;
    }
    /*.add-to-cart .circle-btn:hover {
    background-color: var(--primary-color);
    color: #000;
}*/

    .add-to-cart .circle-btn::after {
        position: absolute;
        content: ' ';
        background-color: transparent;
        border-radius: 50px;
        height: 26px;
        width: 26px;
    }

.show-quantity-btn-group {
    display: flex;
    width: 88.19px;
    height: 33.19px;
    padding: 8.399px;
    justify-content: center;
    align-items: center;
    gap: 0px;
    border-radius: 6.299px;
    background: #000;
}
.add-to-cart-details .show-quantity-btn-group {
    display: flex;
    width: 70px;
    height: 26.344px;
    padding: 6.667px;
    justify-content: center;
    align-items: center;
    gap: 0px;
    border-radius: 6.299px;
    background: #000;
    flex-shrink: 0;
}
.add-to-cart-remove-list {
    position: absolute;
    right: 20px;
    margin-top: -14px;
}
.add-to-cart-remove-list button {
    background-color: transparent;
    border: none;
}
.add-to-cart-remove-list button svg
{
    width: 15px;
}
.dark .show-quantity-btn-group {
    background: #fff;
}

.dark .add-to-cart .circle-btn svg {
    filter: invert(1) brightness(0) saturate(0.5) grayscale(1);
}

.icon-with-title img {
    filter: invert(1) brightness(0) saturate(0.5) grayscale(1);
}

.dark .icon-with-title img {
    filter: invert(1);
}

.icon-with-title svg {
    filter: invert(1) brightness(0) saturate(0.5) grayscale(1);
}

.dark .icon-with-title svg {
    filter: invert(1);
}

.add-btn {
    background-color: var(--primary-color) !important;
    padding: 0px 15px;
    font-size: 14px;
}

    .add-btn:hover {
        color: #000;
    }

.checkout {
    border: 1px solid var(--primary-color);
    padding: 10px;
    border-radius: 50px;
    background-color: #fff;
}

.dark .checkout {
    background-color: #081212;
}

.checkout .details {
    font-size: 13px;
}

    .checkout .details .price {
        font-size: 16px;
        font-weight: 700;
    }

    .checkout .details .tickets {
        margin-top: -4px;
    }

.dark .btn-checkout {
    color: #000 !important;
}

.btn-checkout {
    background-color: var(--primary-color) !important;
    border-radius: 50px;
    padding: 4px 30px;
    font-weight: 600;
    height: 35px;
    position: relative;
    top: 1px;
}

    .btn-checkout:hover {
        color: #fff !important;
    }

.dark .btn-checkout:hover {
    color: #fff !important;
}

.buy-merchandise {
    padding: 10px 14px;
    margin-top: 10px;
    margin-bottom: 20px;
    border-radius: 15.172px;
    border: 1.011px solid rgba(6, 13, 13, 0.20);
    background: #FFF;
}

.dark .buy-merchandise {
    border-radius: 15.172px;
    border: 1.011px solid rgba(255, 255, 255, 0.20);
    background: #010D0D;
}

.buy-merchandise .image-box {
    background-color: #f3f3f3;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    margin-right: 15px;
    position: relative;
    overflow: hidden;
    transition: opacity 0.3s ease-in-out;
    flex-shrink: 0;
}

    .buy-merchandise .image-box:hover::after {
        content: ' ';
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
        cursor: pointer;
        background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%27-0.5%20-0.5%2016%2016%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20id%3D%27Eye--Streamline-Solar-Ar%27%20height%3D%2716%27%20width%3D%2716%27%3E%3Cpath%20d%3D%27M2.04680625%209.5598125C1.5156%208.8696875%201.25%208.524625%201.25%207.5s0.2656-1.3696687499999998%200.79680625-2.05979375C3.107475%204.062225%204.88631875%202.5%207.5%202.5c2.6136874999999997%200%204.3925%201.5622249999999998%205.453187499999999%202.9402062499999997C13.484375%206.130331249999999%2013.75%206.475375%2013.75%207.5s-0.265625%201.3696875-0.7968124999999999%202.0598125C11.892499999999998%2010.93775%2010.1136875%2012.5%207.5%2012.5c-2.61368125%200-4.392525-1.5622500000000001-5.4531937500000005-2.9401875Z%27%20stroke%3D%27%23fff%27%20stroke-width%3D%271%27%3E%3C/path%3E%3Cpath%20d%3D%27M9.375%207.5c0%201.0355625-0.8394375%201.875-1.875%201.875s-1.875-0.8394375-1.875-1.875%200.8394375-1.875%201.875-1.875%201.875%200.8394375%201.875%201.875Z%27%20stroke%3D%27%23fff%27%20stroke-width%3D%271%27%3E%3C/path%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 16px 16px; /* Adjust SVG size */
    }

.buy-merchandise .merchandise-title {
    color: #060D0D;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: under;
}

.dark .buy-merchandise .merchandise-title {
    color: #fff;
}

.buy-merchandise .merchandise-name {
    color: rgba(6, 13, 13, 0.80);
    font-size: 16.803px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: -15px;
}
.buy-merchandise .merchandise-name.merchandise-center-name {
    height: 46px;
    align-content: center
}
.dark .buy-merchandise .merchandise-name {
    color: #fff !important;
}

.buy-merchandise .merchandise-sizes {
    /*    max-height: 18px;
    max-width: 18px;*/
    font-size: 12px !important;
    position: relative;
    top: 20px;
    padding: 0px 6px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--primary-color);
    background-color: #eaeaea;
    color: #000;
    font-weight: 600 !important;
    border: none !important;
    border-radius: 3px;
}
.buy-merchandise .merchandise-sizes.uncheck-selected {
    background-color: #eaeaea !important;
    color: #000 !important;
    font-weight: 600 !important;
    border: none !important;
    border-radius: 3px !important;
}
.dark .buy-merchandise .merchandise-sizes.uncheck-selected {
    background-color: rgb(44 61 61) !important;
    color: #fff !important;
}
.dark .buy-merchandise .merchandise-sizes {
    background-color: rgb(44 61 61);
    color: #fff;
}
.buy-merchandise .merchandise-sizes:hover {
    background-color: var(--primary-color);
    color: #fff;
}
.dark .buy-merchandise .merchandise-sizes:hover {
    background-color: var(--primary-color);
    color: #000;
}
.buy-merchandise .btn-check:checked + .btn {
    background-color: var(--primary-color);
    color: #fff;
    font-weight: 600;
    border: 1px solid var(--primary-color);
    /*    max-width: 35px;
    max-height: 35px;*/
    padding: 0px 6px;
}
.dark .buy-merchandise .btn-check:checked + .btn {
    color: #000;
}
.buy-merchandise .btn-check:checked + .btn:focus-visible {
    background-color: var(--primary-color);
    color: #060D0D;
    font-weight: 600;
    border: 1px solid var(--primary-color);
}

/*.buy-merchandise .btn-check + .btn:hover {*/
/*    color: var(--primary-color);*/
    /* border: 1px solid var(--primary-color) !important; */
/*}*/

/*.buy-merchandise .btn-check:checked + .btn:hover {
    color: #fff;
}
*/
.buy-merchandise .price {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 5px;
    font-weight: 700;
}

.dark .buy-merchandise .price {
    color: #fff;
}

.show-qty-arrow {
    transform: rotate(0deg);
    position: relative;
    top: 5px;
    cursor: pointer;
}

    .show-qty-arrow.arrow-down {
        transform: rotate(180deg);
        position: relative;
        top: -5px;
        cursor: pointer;
    }

    .show-qty-arrow:hover, .show-qty-arrow.arrow-up:hover {
        opacity: 0.8;
    }

.event-merchandise-qty-list {
    padding: 45px 30px 10px;
    position: relative;
    top: -39px;
    border-radius: 0px 0px 7.6px 7.6px;
    border-right: 0.95px solid rgba(0, 0, 0, 0.2);
    border-bottom: 0.95px solid rgba(0, 0, 0, 0.2);
    border-left: 0.95px solid rgba(0, 0, 0, 0.2);
    background: rgb(255, 255, 255);
    z-index: -1;
    margin-bottom: -15px;
}

.dark .event-merchandise-qty-list {
    padding: 45px 30px 10px;
    position: relative;
    top: -39px;
/*    border-radius: 15.172px;*/
    border-right: 0.95px solid rgba(255, 255, 255, 0.20);
    border-bottom: 0.95px solid rgba(255, 255, 255, 0.20);
    border-left: 0.95px solid rgba(255, 255, 255, 0.20);
    background: #010D0D;
    z-index: -1;
    margin-bottom: -15px;
}

.event-merchandise-qty-list hr {
    border-top: 1px solid var(--primary-color) !important;
}

.event-merchandise-qty-list .box-merchadise {
    width: 51px;
    height: 51px;
    background-color: #fff;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.event-merchandise-qty-list .box-merchadise img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.event-merchandise-qty-list .box {
    width: 51px;
    height: 51px;
    background-color: #EAEAEA;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.dark .event-merchandise-qty-list .box {
    background-color: #FFFFFF0D;
}

.event-merchandise-qty-list .box img {
    filter: invert(0);
}

.dark .event-merchandise-qty-list .box img {
    filter: invert(1);
}

.event-merchandise-qty-list .type-qty {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: -2px;
}

    .event-merchandise-qty-list .type-qty .ticket-type-text {
        color: rgba(0, 0, 0, 0.80);
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

.dark .event-merchandise-qty-list .type-qty .ticket-type-text {
    color: #fff;
}

.event-merchandise-qty-list .type-qty .total-qty-cunt {
    color: rgba(0, 0, 0, 0.70);
    font-size: 12.667px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.dark .event-merchandise-qty-list .type-qty .total-qty-cunt {
    color: #FFFFFF80;
}
.box-merchadise-selected-sizes {
    color: #000000a1;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.box-merchadise-selected-sizes span {
    color: var(--primary-color);
}
.dark .box-merchadise-selected-sizes {
    color: rgba(255, 255, 255, 0.75);
}
.event-merchandise--total-price {
    color: var(--primary-color);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 36.324px; /* 200% */
}

.merchandise-quickview .close-btn-modal {
    background-color: transparent !important;
    border: none;
    text-align: end;
    position: absolute;
    right: 13px;
    z-index: 1;
}

    .merchandise-quickview .close-btn-modal:hover {
        opacity: 0.8;
    }

.merchandise-quickview .merchandise-content-modal .title {
    font-size: 18px;
    color: #000;
}

.dark .merchandise-quickview .merchandise-content-modal .title {
    color: #fff;
}

.merchandise-quickview .merchandise-content-modal .price {
    font-size: 25px;
    color: #FFA500;
}

.merchandise-quickview .merchandise-content-modal .overview {
    color: #000;
}

.dark .merchandise-quickview .merchandise-content-modal .overview {
    color: #fff;
}

.merchandise-quickview .merchandise-content-modal .desc {
    color: #000;
    font-size: 14px;
    margin-bottom: 0px;
}

.dark .merchandise-quickview .merchandise-content-modal .desc {
    color: #fff;
}

.merchandise-quickview .merchandise-content-modal .color-options {
    color: #000;
}

.dark .merchandise-quickview .merchandise-content-modal .color-options {
    color: #fff;
}

.merchandise-quickview .merchandise-content-modal .color-options .list-color {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

    .merchandise-quickview .merchandise-content-modal .color-options .list-color .color-box {
        margin-top: 8px;
        width: 32px;
        height: 32px;
        margin-right: 10px;
        margin-bottom: 10px;
        border-radius: 5px;
        border: 1px solid #c5bfbf80;
    }

.dark .merchandise-quickview .merchandise-content-modal .color-options .list-color .color-box {
    border: 1px solid #FFFFFF80;
}

.merchandise-quickview .merchandise-content-modal .size-options {
    color: #000;
}

.dark .merchandise-quickview .merchandise-content-modal .size-options {
    color: #fff;
}

.merchandise-quickview .merchandise-content-modal .size-options .list-sizes {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

    .merchandise-quickview .merchandise-content-modal .size-options .list-sizes span {
        font-size: 17px;
        margin-right: 20px;
        color: #000;
    }

.dark .merchandise-quickview .merchandise-content-modal .size-options .list-sizes span {
    color: #fff;
}

.merchandise-quickview .product-slider .carousel-inner {
    background-color: #fff !important;
    border-radius: 15px;
}

    .merchandise-quickview .product-slider .carousel-inner .carousel-item img {
        width: 200px;
        height: 200px;
        object-fit: contain;
    }

.merchandise-quickview .product-slider .carousel-control-next-icon, .merchandise-quickview .product-slider .carousel-control-prev-icon {
    background-image: none !important;
}
.uncheck-selected {
    background: inherit !important;
    color: #000 !important;
    font-weight: 400 !important;
}

.dark .uncheck-selected {
    color: #fff !important;
    font-weight: 900;
}
/*========================================
            Event guide compoent
==========================================*/
.event-guide-title {
    color: #000;
    font-family: var(--font-family-heading);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.dark .event-guide-title {
    color: #fff;
}

.see-all {
    cursor: pointer;
    color: #424242;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

    .see-all svg {
        margin-left: 5px;
        position: relative;
        top: -1px;
        filter: invert(1) brightness(0.5) saturate(0.5) grayscale(1);
    }

.event-guide .event-cirecle {
    background-color: #fff;
    min-width: 51px;
    height: 51px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    border: 2px solid rgba(0, 0, 0, 0.05);
}

    .event-guide .event-cirecle img {
        filter: invert(1) brightness(0.5) saturate(0.5) grayscale(1);
    }

.event-guide .event-guide-cotent .small-title {
    font-size: 15px;
    margin-bottom: 2px;
}

.event-guide .event-guide-cotent .small-para {
    font-size: 16px;
    color: #424242CC;
}

    .event-guide .event-guide-cotent .small-para.error {
        color: #FF2424 !important;
    }

.dark .see-all {
    color: #fff;
}

    .dark .see-all svg {
        filter: invert(0);
    }

.see-all:hover {
    opacity: 0.7;
}

.dark .event-guide .event-guide-cotent .small-para {
    color: #fff;
}

.dark .event-guide .event-cirecle {
    background-color: rgba(255, 255, 255, 0.05);
}

    .dark .event-guide .event-cirecle img {
        filter: invert(0);
    }

/*==============================
      Event tags component
================================*/
.event-tags .tags {
    background: #fff;
    padding: 7px 32px;
    font-size: 16px;
    font-weight: 400;
    margin-right: 10px;
    margin-bottom: 10px;
    color: #000;
    position: relative;
    height: 35px;
    align-content: center;
}
.event-tags .tags::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px; /* border thickness */
    border-radius: 50px;
    background: linear-gradient(
        228.09deg,
        #FF2CF7 -9.95%,
        rgba(251, 4, 123, 0.796875) 12.47%,
        rgba(255, 126, 188, 0.81) 30.87%,
        rgba(255, 255, 255, 0) 53.87%,
        rgba(73, 255, 233, 0.65) 70.34%,
        #130EFF 100.44%
    );
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    z-index: -1;
    opacity: 0.4;
}

.dark .event-tags .tags {
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
}

.event-tags-title {
    color: #000;
    font-family: var(--font-family-heading);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.dark .event-tags-title {
    color: #fff;
}
.tag-image-gif {
    width: 25px;
    position: relative;
    top: -2px;
    margin-right: 2px;
    filter: invert(1) !important;
}
.dark .tag-image-gif {
    filter: invert(0) !important;
}
/*==================================
            venue Componet 
======================================*/
.event-venue-title {
    color: #000;
    font-family: var(--font-family-heading);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.dark .event-venue-title {
    color: #fff;
}

.venue .map-btn {
    border: 1px solid var(--primary-color);
    border-radius: 4px;
    text-transform: uppercase;
    background-color: var(--primary-color);
}
.dark .venue .map-btn {
    border: 1px solid var(--primary-color);
    border-radius: 4px;
    text-transform: uppercase;
    background-color: transparent;
}
    .venue .map-btn svg {
        width: 20px;
        height: 17px;
        position: relative;
        top: -2px;
        filter: invert(1) brightness(0.5) saturate(0.5) grayscale(1);
    }
    .dark .venue .map-btn:hover {
        background-color: var(--primary-color);
        color: #000 !important;
    }
    .dark .venue .map-btn:hover svg {
        filter: invert(1) brightness(0.5) saturate(0.5) grayscale(1);
    }
    .venue .map-btn:hover {
        background-color: var(--primary-color);
        color: #fff !important;
    }
    .venue .map-btn:hover svg {
        filter: invert(0) brightness(5) saturate(0.5) grayscale(1);
    }
.venue .map-circle {
    background: #fff;
    height: 50px;
    min-width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    margin-right: 10px;
}

    .venue .map-circle svg {
        filter: invert(1) brightness(0.5) saturate(0.5) grayscale(1);
    }

.venue .location-details .landmark {
    font-weight: 700;
    font-size: 17px;

}
.venue .location-details .landmark.map-cursor {
    cursor: pointer !important;
}
 .venue .location-details .landmark.map-cursor:hover
 {
     color: var(--primary-color) !important;
 }
.venue .location-details .address {
    font-size: 15px;
}

#map {
    width: 100%;
    height: 400px;
    margin-top: 25px;
    border-radius: 10px;
}

.dark .venue .map-circle {
    background: rgba(255, 255, 255, 0.05);
}

.dark .venue .map-btn svg {
    filter: invert(0);
}

.dark .venue .map-circle svg {
    filter: invert(0);
}

.dark .venue .location-details {
    color: #fff;
}

.dark .venue .map-btn {
    color: var(--primary-color);
}

.dark .venue .map-circle svg {
    filter: invert(0);
}

/*--======================================
        Accordion component
==========================================*/
.event-desc-faq {
    color: #424242;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.accordion-button {
    background-color: #fff;
    color: #000;
    padding: 14px;
    border-radius: 10px;
    transition: background-color 0.3s ease;
}

.dark .accordion-button {
    background-color: #131919;
    color: white;
}

.accordion-button:not(.collapsed) {
    background-color: #fff;
    color: #000;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.dark .accordion-button:not(.collapsed) {
    background-color: #131919;
    color: white;
}

.accordion-button:focus {
    box-shadow: none;
}

.dark .accordion-button:focus {
    box-shadow: none;
}

.accordion-body {
    background-color: #fff;
    color: #000;
    border-radius: 0 0 10px 10px;
    font-size: 15px;
    /* Apply bottom border-radius to accordion body */
}

.dark .accordion-body {
    background-color: #131919;
    color: white;
}

.accordion-item {
    border: none;
    margin-bottom: 15px;
    background-color: #fff;
    border-radius: 10px;
    /* Apply rounded corners to the entire accordion item */
}

.dark .accordion-item {
    background-color: transparent;
}

.accordion-header {
    border: none;
}

.accordion-button::after {
    filter: invert(1) brightness(0.5) saturate(0.5) grayscale(1)
}

.accordion-button:not(.collapsed)::after {
    filter: invert(1) brightness(0.5) saturate(0.5) grayscale(1)
}

.dark .accordion-button::after {
    filter: invert(1) brightness(1.5);
}

.dark .accordion-button:not(.collapsed)::after {
    filter: invert(1) brightness(1.5);
}

.accordion-button:not(.collapsed) {
    box-shadow: none;
}

/* Add gap between accordion items */
.accordion-item + .accordion-item {
    margin-top: 10px;
}

/* Add border-radius to the first and last accordion buttons */
.accordion-item .accordion-header .accordion-button {
    border-radius: 10px;
    font-size: 16px;
}

.accordion-item:first-of-type > .accordion-header .accordion-button {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.accordion-body :is(h1,h2,h3,h4,h5,h6) {
    font-size: 15px;
    margin-bottom: 10px;
}

.accordion-body p {
    font-size: 15px;
    margin-bottom: 5px;
}

/*-====Modal Component======*/
.modal-content {
    background-color: #f6f6f6 !important;
    padding: 10px;
    border: 1px solid rgba(154, 205, 50, 0.20);
}

.dark .modal-content {
    background-color: var(--dark-bg-color) !important;
}

.dark .modal-header .btn-close {
    opacity: 1;
}

.modal-header {
    background-color: var(--primary-color);
    border: none;
    border-radius: 10px;
    color: #000;
    font-weight: bold;
    padding: 10px 16px;
}

/*============================================
                Event booking modal
==============================================*/
.modal-backdrop {
    background-color: var(--dark-bg-color) !important;
    /* Red backdrop */
    opacity: 0.9 !important;
}

.event-booking-modal .modal-dialog {
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url('../img/ticket-bg-img.png') no-repeat center/cover;
    background-color: #000;
    border-radius: 10px;
}

.event-booking-modal .modal-body {
    padding: 8px 10px 18px 10px !important;
}

.event-booking-modal .modal-content {
    background-color: transparent !important;
    padding: 0px;
}

.event-booking-modal .modal-header {
    background-color: transparent !important;
}

.event-booking-modal .btn-close {
    filter: invert(1);
    float: right;
}

.event-booking-modal .booking-message {
    font-size: 17px;
    font-weight: 700;
}

.event-booking-modal .ticket-box-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    margin-top: -5px;
}

    .event-booking-modal .ticket-box-container .ticket-box {
        max-width: 320px;
        width: 100%;
        background: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 10px;
        padding-bottom: 20px;
        position: relative;
        /* Important for absolute pseudo-elements */
        overflow: hidden;
        /* Prevents pseudo-elements from overflowing */
    }

.ticket-circle-left {
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    background-color: #000000;
    border-radius: 50%;
    margin-top: -18px;
    left: -24px;
}

.ticket-circle-right {
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    background-color: #000000;
    border-radius: 50%;
    margin-top: -18px;
    right: -25px;
}
/* Left side cutout */
/* .ticket-box::before {
    content: "";
    position: absolute;
    top: auto;
    left: -25px;
    width: 35px;
    height: 35px;
    background-color: #000000;
    border-radius: 50%;
    transform: translateY(-131%);
}

/* Right side cutout */
/* .ticket-box::after {
    content: "";
    position: absolute;
    top: auto;
    right: -25px;
    width: 35px;
    height: 35px;
    background-color: #000000;
    border-radius: 50%;
    transform: translateY(-131%);
} */

.ticket-box-container .company-logo {
    padding: 10px 0px 0px 0px;
    font-size: 22px;
    font-weight: 600;
    color: var(--primary-color);
}

.ticket-type {
    display: flex;
    justify-content: center;
}

.ticket-type-box {
    position: relative;
}

    .ticket-type-box img {
        width: 210px;
    }

.ticket-type-content {
    position: absolute;
    margin-top: 15px;
}

    .ticket-type-content svg {
        width: 20px;
        height: 20px;
        margin-top: -3px;
    }

    .ticket-type-content span {
        padding-left: 3px;
        color: #fff;
        font-weight: 500;
        font-size: 14px;
    }

.scan-qr-code-box .title {
    font-size: 14px;
    color: #424242;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.scan-qr-code-box img {
    width: 100px;
}

.scan-qr-code-box .seat {
    padding-top: 3px;
    text-align: center;
    color: #42424299;
}

.scan-qr-code-box .seat-no {
    text-align: center;
    font-weight: 800;
    font-size: 15px;
    color: #000;
    margin-top: -4px;
}

.separator {
    display: flex;
    align-items: center;
    justify-content: center;
    /* Ensures even spacing */
    max-width: 300px;
    width: 100%;
    gap: 5px;
    /* Adds space between elements */
    margin: 1px 0px;
}

    .separator .line {
        border-top: 1px dashed #424242B2;
        height: 0;
        border-width: 2px;
        flex: 1;
    }

    .separator label {
        padding: 0 0px;
        font-size: 14px;
        font-weight: 600;
        white-space: nowrap;
        /* Prevents text from wrapping */
        color: hsl(7, 100%, 50%);
    }

.ticket-event-details img {
    width: 200px;
    height: 120px;
    object-fit: cover;
    border-radius: 10px;
}

.category-tags {
    padding: 5px 0px;
}

    .category-tags span.error-border {
        border: 1px solid #FF1E00;
        color: #FF1E00;
    }

    .category-tags span {
        border: 1px solid #676767;
        color: #676767;
        font-weight: 600;
        font-size: 10px;
        padding: 5px 15px;
        margin: 0px 2px;
    }

.ticket-event-details .title {
    font-weight: 600;
    color: #000000;
    margin-top: 0px;
}

.ticket-event-details .date-time {
    color: var(--primary-color);
    font-weight: 700;
    margin-top: -10px;
    margin-bottom: -2px;
}

.ticket-event-details .map-icon {
    width: 35px;
    height: 35px;
    margin: 4px 0px;
}

.ticket-event-details .landmark {
    color: #424242;
    font-weight: 700;
    margin: 0px;
    font-size: 14px;
}

.ticket-event-details .address {
    color: #424242CC;
    font-size: 13px;
}

.ticket-event-details .map-direction-btn {
    border: 1px solid #000;
    padding: 5px 50px;
    color: #000;
    font-size: 13px;
    margin-top: -10px;
}

    .ticket-event-details .map-direction-btn:hover {
        background-color: var(--primary-color);
        color: #fff;
        border: none;
    }

        .ticket-event-details .map-direction-btn:hover svg {
            filter: invert(1) contrast(10) brightness(10) saturate(10);
        }

    .ticket-event-details .map-direction-btn svg {
        width: 20px;
        height: 20px;
    }

.ticket-bottom-btn {
    background-color: transparent;
    border: 1.5px solid var(--primary-color);
    color: var(--primary-color);
    margin: 0 10px;
    font-size: 14px;
    font-weight: 500;
}

.ticket-bottom-btn.share-ticket:disabled {
    border: 1.5px solid #525252 !important;
    color: #525252 !important;
    cursor: not-allowed !important;
}
.dark .ticket-bottom-btn.share-ticket:disabled {
    border: 1.5px solid #787878 !important;
    color: #787878 !important;
    cursor: not-allowed !important;
}
.ticket-bottom-btn.share-ticket:disabled svg
{
    filter: invert(1) brightness(0) contrast(1) saturate(0.5);
    opacity: 0.6;
}
.dark .ticket-bottom-btn.share-ticket:disabled svg {
    filter: invert(1) brightness(3) contrast(1) saturate(10);
    opacity: 0.4;
}

.ticket-bottom-btn:active {
    background-color: var(--primary-color) !important;
    border: 1px solid var(--primary-color) !important;
    color: #000 !important;
}

.ticket-bottom-btn:active svg {
    filter: invert(1) brightness(0) !important;
}

    .ticket-bottom-btn:hover {
        background-color: var(--primary-color);
        color: #000;
    }

        .ticket-bottom-btn:hover svg {
            filter: invert(1) brightness(0);
        }

    .ticket-bottom-btn svg {
        width: 16px;
        height: 16px;
        margin-top: -5px;
        margin-right: 4px;
    }

    .ticket-bottom-btn.share-btn {
        padding-right: 20px;
    }

        .ticket-bottom-btn.share-btn svg {
            width: 18px;
            height: 18px;
        }

.ticket-types-list {
    text-align: center;
    margin: 14px 0px;
    justify-content: center;
    display: flex; /* Ensures all badges stay in one row */
    gap: 5px; /* Adds space between badges */
    flex-wrap: wrap; /* Prevents overflow issues */
}

    .ticket-types-list .ticket-type-bg-badge {
        padding: 5px 10px;
        font-size: 11px;
        font-weight: 600;
        color: #000;
        border-radius: 188.596px;
        border: 0.8px solid rgba(0, 0, 0, 0.10);
        background: linear-gradient(273deg, #9ACD32 6.95%, rgba(154, 205, 50, 0.20) 105.76%);
    }

.btn-download-share {
    margin-top: 4px;
}

.spinner {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 0 auto;
}

.double-bounce1,
.double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #333;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {

    0%, 100% {
        -webkit-transform: scale(0.0)
    }

    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bounce {

    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

/*==================================
        Login Modal Component
====================================*/
.social-button-flex
{
    display: flex;
    gap: 5px;
}
.loginModal .modal-header {
    background-color: transparent;
    padding: 6px 10px !important;
}

.loginModal .modal-body {
    padding: 5px 40px 30px 40px;
}

.loginModal .btn-close {
    float: right;
}

.loginModal .login-title-content h3 {
    font-size: 28px;
    color: var(--primary-color);
    font-weight: 700;
}

.loginModal .login-title-content p {
    color: #3B3B3B;
    line-height: 20px;
}

.loginModal .btn-google-btn {
    background-color: #fff;
    padding: 10px;
    text-align: center;
    width: 100%;
    box-shadow: 4.21px 4.21px 12.62px 0px #0000001A;
    font-weight: 500;
    font-size: 13px;
    border-radius: 10px;
}

.loginModal .btn-facebook-btn {
    background-color: #fff;
    padding: 10px 12px;
    text-align: center;
    width: 100%;
    box-shadow: 4.21px 4.21px 12.62px 0px #0000001A;
    font-weight: 500;
    font-size: 13px;
    border-radius: 10px;
    white-space: nowrap;
}

    .loginModal .btn-google-btn:hover,
    .loginModal .btn-facebook-btn:hover {
        border: 1px solid var(--primary-color);
        color: #000;
        background-color: #eeffcd;
    }

    .loginModal .btn-facebook-btn svg {
        position: relative;
        top: -2px;
    }

.loginModal .btn-google-btn svg {
    position: relative;
    top: -2px;
}

.loginModal .login-separator {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
}

    .loginModal .login-separator .line {
        border-top: 1px solid #66666640;
        height: 0px;
        flex: 1;
    }

    .loginModal .login-separator label {
        padding: 0 10px;
        color: #666666;
    }

.loginModal .loginForm {
    margin-top: 15px;
}

    .loginModal .loginForm .form-control {
        height: 48px;
        background-color: #f1f4fd;
        border: 1px solid;
        border-radius: 10px;
    }
    .loginModal .loginForm .form-control.e-input-focus
    {
        border-radius: 10px !important;
    }
    .loginModal .loginForm .login-btn {
        background-color: var(--primary-color);
        width: 100%;
        height: 45px;
        border-radius: 10px;
        transition: all 0.3s ease;
        border: none;
        font-weight: 500;
        font-size: 16px;
        color: #000;
        font-family: var(--font-family-theme);
    }

.loginModal .singup-account a {
    color: var(--primary-color);
    font-weight: 600;
}

    .loginModal .singup-account a:hover {
        text-decoration: underline !important;
    }

.dark .loginModal .loginForm .form-control {
    background-color: var(--dark-bg-color);
    border: 1px solid #fff;
    color: #fff;
}

    .dark .loginModal .loginForm .form-control::placeholder {
        color: var(--dark-text-color);
    }

    .dark .loginModal .loginForm .form-control:focus {
        box-shadow: 0 0 0 .25rem rgb(154 205 50 / 25%);
    }

.dark #eyeOpen,
.dark #eyeSlash {
    filter: invert(1);
}

.dark .loginModal .btn-close {
    filter: invert(1);
}

.dark .loginModal .login-title-content p {
    color: var(--dark-text-color);
}

.dark .loginModal .login-separator label {
    color: var(--dark-text-color);
}

.dark .loginModal .login-separator .line {
    border-top: 1px solid var(--dark-text-color);
}

.dark .loginModal .btn-google-btn:hover {
    color: #000;
}

.loginModal .loginForm .login-btn:hover {
    color: #fff;
/*    box-shadow: inset 2px 2px 4px rgba(255, 255, 255, 0.4), inset -2px -2px 4px rgba(0, 0, 0, 0.4), 3px 3px 6px rgba(0, 0, 0, 0);*/
    font-weight: 600;
}

.dark .loginModal .loginForm .login-btn:hover {
    color: #fff;
/*    box-shadow: inset 2px 2px 4px rgba(255, 255, 255, 0.4), inset -2px -2px 4px rgba(0, 0, 0, 0.4), 3px 3px 6px rgba(0, 0, 0, 0.5);*/
    font-weight: 600;
}

.float-right-toggle {
    display: flex;
    width: 100%;
    justify-content: end;
    margin-top: -15px;
}

    .float-right-toggle .toggle-link {
        padding: 8px 10px;
        opacity: 0.6;
        position: relative;
        top: 11px;
    }

.dark .float-right-toggle .toggle-link {
    padding: 8px 10px;
    color: var(--dark-text-color);
    opacity: 0.6;
}

.float-right-toggle .toggle-link:hover {
    opacity: 1;
}

.float-right-toggle .toggle-link span svg {
    position: relative;
    top: -1px;
}

.dark .float-right-toggle .toggle-link span svg {
    filter: invert(1)
}

.float-right-toggle .toggle-link:active {
    border: none;
}

/*==================================
        Register Modal Component
====================================*/
.registerModal .modal-header {
    background-color: transparent;
    padding: 6px 10px !important;
}

.registerModal .modal-body {
    padding: 5px 40px 30px 40px;
}

.registerModal .btn-close {
    float: right;
}

.registerModal .register-title-content h3 {
    font-size: 28px;
    color: var(--primary-color);
    font-weight: 700;
    padding-left: 25px;
}

.registerModal .register-title-content p {
    color: #3B3B3B;
    line-height: 20px;
}

.registerModal .registerForm {
    margin-top: 15px;
}

    .registerModal .registerForm .form-control {
        height: 48px;
        background-color: #f1f4fd;
        border: none;
        border-radius: 10px;
    }

    .registerModal .registerForm .register-btn {
        background-color: var(--primary-color);
        width: 100%;
        height: 45px;
        border-radius: 10px;
        transition: all 0.3s ease;
    }

.dark #eyeOpenRegisterCreatePassword,
.dark #eyeSlashRegisterCreatePassword {
    filter: invert(1);
}

.dark #eyeOpenRegisterConfirmPassword,
.dark #eyeSlashRegisterConfirmPassword {
    filter: invert(1);
}

.dark .registerModal .registerForm .form-control {
    background-color: var(--dark-bg-color);
    border: 1px solid #fff;
    color: #fff;
}

    .dark .registerModal .registerForm .form-control::placeholder {
        color: var(--dark-text-color);
    }

    .dark .registerModal .registerForm .form-control:focus {
        box-shadow: 0 0 0 .25rem rgb(154 205 50 / 25%);
    }

.dark .back-to-sign svg {
    filter: invert(1);
}

.dark .registerModal .btn-close {
    filter: invert(1);
}

.dark .registerModal .register-title-content p {
    color: var(--dark-text-color);
}

.registerModal .registerForm .register-btn:hover {
    color: #000;
    box-shadow: inset 2px 2px 4px rgba(255, 255, 255, 0.4), inset -2px -2px 4px rgba(0, 0, 0, 0.4), 3px 3px 6px rgba(0, 0, 0, 0);
    font-weight: 600;
}

.dark .registerModal .registerForm .register-btn:hover {
    color: #000;
    box-shadow: inset 2px 2px 4px rgba(255, 255, 255, 0.4), inset -2px -2px 4px rgba(0, 0, 0, 0.4), 3px 3px 6px rgba(0, 0, 0, 0.5);
    font-weight: 600;
}

.error-msg {
    color: red !important;
}

.is-invalid-textobox {
    border: 1px solid red !important;
}

    .is-invalid-textobox:focus {
        box-shadow: 0 0 0 .25rem rgb(244 67 54 / 13%) !important;
    }

.form-text {
    margin-bottom: -5px;
}

.dark .form-text {
    color: var(--dark-text-color);
}

/*===================================
             OTP Modal
=====================================*/
.otp-content-box {
    padding: 15px 10px;
}

.otpModal h3 {
    font-size: 28px;
    color: var(--primary-color);
    font-weight: 700;
    text-align: center;
}

.otpModal p {
    line-height: 22px;
    text-align: center;
    padding: 0px 15px;
}

.otpModal .resend {
    color: var(--primary-color);
    text-decoration: none;
    cursor: pointer !important;
}

    .otpModal .resend:hover {
        text-decoration: underline;
    }

.otp-input {
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 24px;
    margin: 5px;
    background-color: #f1f4fd;
    /* border: none; */
    color: #000;
    border: 1px solid #ced4da;
    border-radius: 5px;
}

.dark .otp-input {
    background-color: #FFFFFF1A;
    color: #fff;
    border: none;
}

.otp-input:focus {
    box-shadow: 0 0 0 .25rem rgb(168 255 53 / 25%) !important;
    border: none !important;
}

.otpModal .submit-btn,
.otpModal .submit-btn:active {
    background-color: var(--primary-color);
    width: 100%;
    height: 45px;
    border-radius: 10px;
    margin-bottom: 15px;
    margin-top: 5px;
    transition: all 0.3sease;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--font-family-theme);
}

    .otpModal .submit-btn:hover {
        color: #fff;
/*        box-shadow: inset 2px 2px 4px rgba(255, 255, 255, 0.4), inset -2px -2px 4px rgba(0, 0, 0, 0.4), 3px 3px 6px rgba(0, 0, 0, 0);*/
    }

.otpModal .cancel-btn {
    width: 100%;
    height: 45px;
    border-radius: 10px;
    transition: all 0.3sease;
    border: 1px solid #ced4da;
    background-color: #fff;
    color: #000;
}

.dark .otpModal .cancel-btn {
    background-color: transparent !important;
    border: 1px solid #fff;
    color: #fff;
}

.otpModal .cancel-btn:hover {
    color: var(--primary-color);
}

/*=====Phone number text flag custom css code =====*/
.iti {
    width: 100%;
}

.iti__country .iti__country-name {
    color: #464646 !important;
}

.dark .iti__arrow {
    width: 4px !important;
    border-top: 4px solid #fff;
}

.dark .iti__arrow--up {
    border-top: none !important;
    width: 4px !important;
    border-bottom: 4px solid #fff;
}

.dark .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover {
    background-color: rgba(79, 79, 79, 0.462);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.iti--inline-dropdown .iti__dropdown-content {
    padding: 5px;
}

.iti__selected-country-primary::after {
    content: ' ';
    position: absolute;
    width: 1px;
    height: 31px;
    background-color: #c8cddc;
    right: 0px;
}

.dark .iti__selected-country-primary::after {
    background-color: #595959;
}

/*=================================
        Search Page
 ================================*/
.search-box {
    height: 44px;
    padding: 5px;
    color: #000 !important;
    font-family: var(--font-family-theme) !important;
    font-size: 16px !important;
    background-color: #fff !important;
    border-radius: 8px !important;
    border: 1px solid #0000000D !important;
}

.dark .search-box {
    color: #fff !important;
    background-color: #FFFFFF0D !important;
    border: none !important;
}

.search-box .e-input-group-icon {
    border: none !important;
    color: var(--primary-color) !important;
    font-size: 16px !important;
}

.search-box .e-clear-icon {
    color: #000 !important;
    font-size: 16px !important;
}

.dark .search-box .e-clear-icon {
    color: #fff !important;
}

.search-box .e-input-group-icon:hover {
    background-color: transparent !important;
}

.search-city {
    height: 44px;
    color: #000 !important;
    font-family: var(--font-family-theme) !important;
    font-size: 16px !important;
    border-radius: 8px !important;
    border: 1px solid #0000000D !important;
    position: relative;
}

.dark .search-city {
    color: #fff !important;
}

.search-city .e-input {
    padding: 20px !important;
    padding-left: 32px !important;
}

.search-city.e-input-group {
    background-color: #fff !important;
    border: 1px solid #0000000D !important;
}

    .search-city.e-input-group .e-input-group-icon,
    .search-city.e-input-group.e-control-wrapper .e-input-group-icon {
        min-width: 15px;
    }

.dark .search-city.e-input-group {
    background-color: #FFFFFF0D !important;
    border: none !important;
}

.search-map-img {
    position: absolute !important;
    padding: 11px 12px;
}

.search-city .e-input-group-icon {
    border: none !important;
    color: #000 !important;
    font-size: 16px !important;
    margin-right: 10px !important;
}

.dark .search-city .e-input-group-icon {
    color: #fff !important;
}

.search-city .e-input-group-icon:hover {
    background-color: transparent !important;
    opacity: 0.9 !important;
}

.search-city .e-clear-icon {
    color: #000 !important;
    font-size: 16px !important;
}

.dark .search-city .e-clear-icon {
    color: #fff !important;
}

.search-clear-btn {
    background-color: transparent;
    color: #060D0D80;
    border: none;
}

.search-filter-btn {
    height: 44px;
    color: #000 !important;
    font-size: 16px !important;
    background-color: #fff !important;
    border: 1px solid #0000000D !important;
    padding: 0px 20px !important;
    border-radius: 8px !important;
    width: auto !important;
    font-family: var(--font-family-theme) !important;
}

@media(max-width: 600px) {
    .custom-dropdown {
        top: 205px !important;
    }

    .search-filter-btn {
        padding: 0px 8% !important;
        margin-right: 6% !important;
        position: relative !important;
        z-index: 1 !important;
    }
}

@media(max-width: 400px) {
    .search-filter-btn {
        font-size: 16px !important;
        padding: 0px 5% !important;
        margin-right: 5% !important;
       
    }
}

@media(max-width: 370px) {
    .search-filter-btn {
        font-size: 15px !important;
        padding: 0px 3% !important;
        margin-right: 6% !important;
    }
}

.search-filter-btn svg {
    filter: invert(1) !important;
}

.dark .search-filter-btn svg {
    filter: invert(0) !important;
}

.dark .search-filter-btn {
    border: none !important;
    background-color: #FFFFFF0D !important;
    color: #fff !important;
}

.filterDialog.e-dialog {
    position: absolute;
    top: 140px !important;
    left: 60% !important;
    background-color: #fff;
    color: #000;
    padding: 10px;
    border: 1px solid #FFFFFF33;
    border-radius: 8px;
    z-index: 1 !important;
    font-family: var(--font-family-theme);
}

@media (max-width: 932px) {
    .price-range {
        font-size: 18px;
        margin-bottom: 2px;
    }
    .e-control-wrapper.e-slider-container.e-horizontal {
        height: 30px !important;
        width: 100%;
    }
    .filterDialog.e-dialog.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn
    {
        position: absolute;
        left: 90% !important;
        top: 0px !important;
    }
    .filterDialog.e-dialog .e-footer-content {
        padding: 0px;
    }
    .filterDialog.e-dialog {
        top: 198px !important;
        left: 0% !important;
    }

        .filterDialog.e-dialog .d-flex {
            display: flex;
            flex-wrap: wrap;
            gap: 0px;
        }
}
@media (min-width: 930px) and (max-width: 992px) {
    .filterDialog.e-dialog {
        left: 1% !important;
        top: 201px !important;
    }
}

@media (min-width: 993px) and (max-width: 1022px) {
    .filterDialog.e-dialog {
        top: 148px !important;
        left: 40% !important;
    }
}

@media (min-width: 1020px) and (max-width: 1380px) {
    .filterDialog.e-dialog {
        left: 50% !important;
    }
}

.dark .filterDialog.e-dialog {
    background-color: var(--dark-bg-color) !important;
    color: #fff !important;
}

.filterDialog.e-dialog .e-dlg-header-content {
    padding: 0px !important;
}

.filterDialog.e-dialog .e-dlg-content {
    background-color: #fff !important;
    color: #000 !important;
    border: none !important;
}

.dark .filterDialog.e-dialog .e-dlg-content {
    background-color: var(--dark-bg-color) !important;
    color: #fff !important;
}

.filterDialog.e-dialog .e-dlg-header-content, .filterDialog.e-dialog .e-footer-content {
    border: none !important;
}

.price-range {
    font-size: 20px;
}

.avg-price {
    color: #000;
    margin-bottom: 0px !important;
}

.dark .avg-price {
    color: #FFFFFFCC;
}

.e-control-wrapper.e-slider-container.e-horizontal .e-slider-track {
    height: 4px !important;
    background: #f8f8f8 !important;
    top: calc(50% - 2px) !important;
}

.dark .e-control-wrapper.e-slider-container.e-horizontal .e-slider-track {
    background: #FFFFFF80 !important;
}

.full-textbox-range {
    border: 1px solid #9acd32;
    border-radius: 5px;
    padding: 0px 10px;
}

.dark .full-textbox-range {
    border: 1px solid #9ACD3233;
}

.range-textbox {
    background-color: #fff !important;
    border: none !important;
    color: #000 !important;
}

.dark .range-textbox {
    background-color: transparent !important;
    color: #fff !important;
}

.range-textbox.e-input-focus {
    box-shadow: none !important;
    border-color: none !important;
}

.range-textbox .e-float-text {
    color: #000 !important;
}

.dark .range-textbox .e-float-text {
    color: var(--dark-text-color) !important;
}

.category-list-select {
    color: #000 !important;
}

.dark .category-list-select {
    color: #fff !important;
}

.category-list-select.e-multiselect {
    background-color: #fff !important;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #9ACD32 !important;
}

.dark .category-list-select.e-multiselect {
    background-color: transparent !important;
    border: 1px solid #9ACD3233 !important;
}

.category-list-select e-chips-close::before {
    -webkit-text-fill-color: #ff1313 !important;
    color: #ff0505 !important;
}

.category-list-select .e-clear-icon {
    color: #000 !important;
    font-size: 16px !important;
    padding-top: 14px !important;
}

.dark .category-list-select .e-clear-icon {
    color: #fff !important;
}

.e-multi-select-wrapper .e-chips .e-chips-close::before {
    color: #fff !important;
    font-size: 14px;
    padding-left: 0px;
}

.category-list-select .e-multi-select-wrapper .e-multi-searcher input[type=text] {
    color: #000;
    height: 100%;
}

.dark .category-list-select .e-multi-select-wrapper .e-multi-searcher input[type=text] {
    color: #ffffff;
}

.category-list-select .e-multi-select-wrapper .e-chips {
    background-color: var(--primary-color);
    border-radius: 4px;
    height: 24px;
}
.category-list-select.e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
    background-color: var(--primary-color);
    border-radius: 4px;
    height: 24px;
}
.e-multi-select-wrapper .e-chips > .e-chipcontent {
    color: #000 !important;
    font-family: var(--font-family-theme) !important;
}

.dark .category-list-select .e-multi-select-wrapper .e-chips {
    background-color: #FFFFFF1A;
}
.category-list-select .e-multi-select-wrapper .e-chips .e-chips-close::before {
    -webkit-text-fill-color: #ff0000 !important; 
    color: #ff0000 !important;
    font-size: 14px !important;
}
.category-label {
    font-size: 17px;
    font-weight: 600;
}

.date-btn {
    background-color: #ffff !important;
    border: 1px solid #060D0D80 !important;
    padding: 8px !important;
    /*    margin-bottom: 15px;*/
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
}

    .date-btn svg {
        filter: invert(1);
    }

.dark .date-btn {
    background-color: transparent !important;
    border: 1px solid #FFFFFF66 !important;
}

    .dark .date-btn svg {
        filter: invert(0);
    }

.date-btn:hover {
    background-color: var(--primary-color) !important;
    border: 1px solid #FFFFFF66 !important;
}

    .date-btn:hover svg {
        filter: invert(1);
    }

.date-text-btn {
    background-color: #fff !important;
    border: 1px solid #060D0D80 !important;
    padding: 8px 28px !important;
    color: #000 !important;
    font-weight: 600 !important;
    /*    margin-bottom: 15px;*/
    height: 40px !important;
    font-family: var(--font-family-theme) !important;
}

.dark .date-text-btn {
    background-color: transparent !important;
    border: 1px solid #FFFFFF66 !important;
    padding: 8px 28px !important;
    color: #fff !important;
}

.date-text-btn:hover {
    background-color: var(--primary-color) !important;
    color: #000 !important;
}

.dark .date-text-btn.active {
    border: 1px solid var(--primary-color) !important;
    color: var(--primary-color) !important;
    font-weight: 600 !important;
    background: #74ac002b !important;
}
.date-text-btn.active {
    border: 1px solid var(--primary-color) !important;
    color: #000 !important;
    font-weight: 600 !important;
    background: #74ac002b !important;
}

    .date-text-btn.active:hover {
        color: #000 !important;
    }

.filter-btn {
    background-color: var(--primary-color) !important;
    color: #000 !important;
    font-weight: 600 !important;
    padding: 4px 15px !important;
    font-size: 16px !important;
    height: 40px;
    font-family: var(--font-family-theme) !important;
    line-height: normal !important;
}
.filter-btn:hover
{
    color: #fff !important;
}
.filterDialog .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
    background-color: rgb(0 0 0 / 0%);
    border-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    bottom: 0;
    float: right;
    height: 0px !important;
    left: 0;
    position: relative;
    width: 25px !important;
    padding: 0px !important;
    font-size: 20px;
    color: #fff !important;
}

.filterDialog.e-dialog .e-btn .e-btn-icon.e-icon-dlg-close {
    font-size: 20px;
    color: #000 !important;
    position: relative;
    top: 7px;
    left: -18px;
}

.dark .filterDialog.e-dialog .e-btn .e-btn-icon.e-icon-dlg-close {
    color: #fff !important;
}

.filterDialog.e-dialog .e-btn .e-btn-icon.e-icon-dlg-close:hover {
    color: var(--primary-color) !important;
}

/* Hide default radio button */
.custom-radio input[type="radio"] {
    display: none;
}

/* Custom radio button style */
.custom-radio {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
    cursor: pointer;
    font-size: 16px;
    border-radius: 5px;
    transition: background 0.2s;
}

    /* Hover effect */
    .custom-radio:hover {
        background-color: rgba(0, 0, 0, 0.1);
    }

/* Hide tick mark initially */
.checkmark {
    display: none;
    font-size: 16px;
    font-weight: bold;
    color: var(--primary-color) !important;
    position: relative;
    top: -3px;
}

.custom-radio .radio-label svg {
    position: relative;
    top: -1px;
}
/* Show tick mark when radio is checked */
.custom-radio input[type="radio"]:checked ~ .checkmark {
    display: inline;
}

.custom-radio input[type="radio"]:checked ~ .radio-label {
    color: var(--primary-color) !important;
}

    .custom-radio input[type="radio"]:checked ~ .radio-label .active-icon-color-date {
        fill: var(--primary-color) !important;
    }

    .custom-radio input[type="radio"]:checked ~ .radio-label .active-icon-color {
        stroke: var(--primary-color) !important;
    }

.custom-radio .active-icon-color-date {
    fill: #000 !important;
}

.dark .custom-radio .active-icon-color-date {
    fill: #fff !important;
}

.custom-radio .active-icon-color {
    stroke: #000 !important; /* Change this to your default color */
}

.dark .custom-radio .active-icon-color {
    stroke: #fff !important; /* Change this to your default color */
}

.notallowed-cursor {
    opacity: 0.2;
    cursor: none;
    position: relative;
    z-index: -1;
    user-select: none; /* Prevents text selection */
    -webkit-user-select: none; /* For Safari */
    -moz-user-select: none; /* For Firefox */
    -ms-user-select: none; /* For IE/Edge */
}


.dark .search-clear-btn {
    color: var(--dark-text-color);
    border: none;
}

.search-clear-btn:hover,
.search-clear-btn:active {
    background-color: transparent !important;
    color: var(--primary-color) !important;
    border: none !important;
}

.sorty-by-btn:hover {
    color: #000;
    border: 1px solid var(--primary-color);
    background-color: transparent;
}

.sorty-by-btn:focus-visible,
.sorty-by-btn:active,
.sorty-by-btn:focus {
    border: 1px solid var(--primary-color) !important;
    background-color: transparent !important;
}

.sorty-by-btn {
    border-radius: 10px;
    padding: 8px 28px;
    border-radius: 30px;
    height: 42px;
    background-color: #fff;
    color: #060D0D;
    border: none;
    border: 0.911px solid rgba(0, 0, 0, 0.10);
}

    .sorty-by-btn::after {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-left: 8px;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="black"><path d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>');
        background-size: contain;
        background-repeat: no-repeat;
        vertical-align: middle;
        border: none;
        /* Remove default Bootstrap arrow */
    }

.dark .sorty-by-btn {
    background-color: #121919;
    color: var(--dark-text-color);
}

    .dark .sorty-by-btn::after {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="white"><path d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>');
        border: none;
        /* Remove default Bootstrap arrow */
    }

.custom-dropdown .form-check-input {
    position: relative;
    top: -2px;
    background-color: transparent;
}

    .custom-dropdown .form-check-input:checked {
        background-color: var(--primary-color);
        border: 1px solid var(--primary-color);
    }

    .custom-dropdown .form-check-input:focus {
        box-shadow: 0 0 0 .25rem rgb(133 199 66 / 14%);
    }

/* Dropdown Styling */
.custom-dropdown {
    background-color: #fff;
    color: #000;
    border-radius: 8px;
    padding: 10px;
    min-width: 250px;
    position: absolute;
    top: 140px;
    z-index: 10;
    display: none;
    border: 1px solid #f8f8f8;
    padding-bottom: 30px;
}

.dark .custom-dropdown {
    background-color: #000;
    /* Dark background */
    color: white;
    border: 1px solid #383838;
}

.custom-dropdown label {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 10px;
    cursor: pointer;
}

    .custom-dropdown label:hover {
        background-color: rgb(239 245 228);
    }

.dark .custom-dropdown label:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.apply-btn {
    background-color: #85c742;
    /* Green Apply Button */
    color: black;
    font-weight: bold;
    width: 100%;
    padding: 5px;
    border-radius: 5px;
}

    .apply-btn:hover {
        background-color: #74b436;
    }

.close-btn {
    background: none;
    border: none;
    color: #000;
    font-size: 16px;
    float: right;
    cursor: pointer;
}

    .close-btn svg {
        filter: invert(1);
    }

.dark .close-btn svg {
    filter: invert(0);
}

.dark .close-btn {
    color: white;
}

.close-btn:hover {
    color: #ff5c5c;
}

.view-btn-group {
    /*    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.10);*/
    border-radius: 25px;
    color: #000;
    position: relative;
    top: 5px;
}

    .view-btn-group .btn-group {
        background-color: #fff !important;
    }

.dark .view-btn-group .btn-group {
    background-color: #242727 !important;
}

.dark .view-btn-group {
    background-color: transparent !important;
    border-radius: 25px;
}

.view-btn-group .btn-group svg {
    filter: invert(1) !important;
}

.dark .view-btn-group .btn-group svg {
    filter: invert(0) !important;
}

.view-btn-group .btn-check:checked + .btn {
    background-color: var(--primary-color);
    border: none;
    border-radius: 8px;
    color: #000 !important;
    height: 38px;
    position: relative;
    top: 0px;
}

    .view-btn-group .btn-check:checked + .btn svg {
        filter: invert(1) !important;
    }

.view-btn-group .btn-outline-primary {
    border: none;
    color: #000;
    border-radius: 25px;
    height: 38px;
    position: relative;
    top: 2px;
}

.dark .view-btn-group .btn-outline-primary {
    color: var(--dark-text-color);
}

.view-btn-group .btn-outline-primary:hover {
    color: var(--primary-color);
}

.map-view-event-active .col-xxl-5 {
    width: 33.3%;
}

.dark .breadcrumb-item + .breadcrumb-item::before {
    color: rgb(255 255 255 / 75%);
}

.sticky-position {
    position: sticky;
    top: 75px;
}

/*===footer===*/
.footer {
/*    background-color: #081212;*/
    background-color: #141816;
    margin-top: 50px;
    font-size: 15px;
}

    .footer .border-top {
        border-top: 1px solid #ffffff27 !important;
    }

    .footer .footer-links h3, .footer .footer-links h4 {
        color: var(--primary-color);
        font-size: 18px;
        margin-bottom: 20px;
        font-weight: normal;
    }

    .footer .footer-links .nav-link {
        color: #fff !important;
        font-size: 15px;
        font-weight: 400 !important;
        cursor: pointer !important;
    }

        .footer .footer-links .nav-link:hover {
            color: var(--primary-color) !important;
        }

    .footer .social-icons li {
        padding-right: 10px;
    }

        .footer .social-icons li a {
            border: 1px solid #fff;
            border-radius: 50px;
            height: 45px;
            width: 45px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .footer .social-icons li a:hover {
                background-color: var(--primary-color);
            }

                .footer .social-icons li a:hover svg {
                    filter: invert(1);
                }

/*================================================
                Share Modal
===================================================*/
.view-modal,
.share-popup {
    position: fixed;
    left: 50%;
    z-index: 1111;
}

.view-modal {
    top: 50%;
    color: #7d2ae8;
    font-size: 18px;
    padding: 10px 25px;
    background: #fff;
    transform: translate(-50%, -50%);
}
.share-popup-backdrop.show {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 11;
}
.share-popup {
    background: #fff;
    padding: 25px;
    border-radius: 15px;
    top: -150%;
    max-width: 380px;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1);
    transform: translate(-50%, -50%) scale(1.2);
    transition: top 0s 0.2s ease-in-out, opacity 0.2s 0s ease-in-out, transform 0.2s 0s ease-in-out;
}

    .share-popup.show {
        top: 50%;
        opacity: 1;
        pointer-events: auto;
        transform: translate(-50%, -50%) scale(1);
        transition: top 0s 0s ease-in-out, opacity 0.2s 0s ease-in-out, transform 0.2s 0s ease-in-out;
    }

    .share-popup :is(header, .icons, .field) {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .share-popup header {
        padding-bottom: 10px;
        border-bottom: 1px solid #ebedf9;
    }

        .share-popup header span {
            font-size: 21px;
            font-weight: 600;
            color: #000;
        }

        .share-popup header .close,
        .icons a {
            display: flex;
            align-items: center;
            border-radius: 50%;
            justify-content: center;
            transition: all 0.3s ease-in-out;
        }

        .share-popup header .close {
            color: #878787;
            font-size: 17px;
            background: #000;
            height: 33px;
            width: 33px;
            cursor: pointer;
        }

            .share-popup header .close svg {
                width: 15px;
                height: 15px;
            }

            .share-popup header .close:hover {
                background: var(--primary-color);
            }

    .share-popup .content {
        margin: 20px 0;
    }

    .share-popup .icons {
        margin: 15px 70px 18px 0px;
    }

    .share-popup .content p {
        font-size: 16px;
        color: #000;
    }

.content .icons a {
    height: 40px;
    width: 40px;
    font-size: 20px;
    text-decoration: none;
    border: 1px solid transparent;
    cursor: pointer;
}

.icons a i {
    transition: transform 0.3s ease-in-out;
}

.icons a:nth-child(1) {
    background-color: #1877F2;
    border-color: #1877F2;
}

    .icons a:nth-child(1) svg {
        margin-top: 2px;
        margin-left: 2px;
    }

.icons a:nth-child(2) {
    background-color: #000;
    border-color: #000;
}

.icons a:nth-child(3) {
    background-color: #0288d1;
    border-color: #0288d1;
    margin-top: 2px;
    margin-left: 2px;
}

    .icons a:nth-child(3) svg {
        margin-top: 2px;
        margin-left: 2px;
    }

.icons a:nth-child(4) {
    background-color: #25D366;
    border-color: #25D366;
}

    .icons a:nth-child(4) svg {
        margin-top: 2px;
        margin-left: 2px;
    }

.icons a:nth-child(5) {
    color: #0088cc;
    border-color: #b3e6ff;
}

    .icons a:nth-child(5):hover {
        background: #0088cc;
    }

.icons a:hover {
    color: #fff;
    border-color: transparent;
}

    .icons a:hover i {
        transform: scale(1.2);
    }

.content .field {
    margin: 12px 0 -5px 0;
    height: 45px;
    border-radius: 4px;
    padding: 0 5px;
    border: 1px solid #8f8f8f;
}

.field.active {
    border-color: var(--primary-color);
}

.field i {
    width: 50px;
    font-size: 18px;
    text-align: center;
}

.field.active i {
    color: var(--primary-color);
}

.field input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    font-size: 15px;
}

.field button {
    color: #000;
    padding: 5px 18px;
    background: var(--primary-color);
    border: none;
    border-radius: 50px;
}

    .field button:hover {
        background: var(--primary-color);
    }

.change-color-theme svg {
    position: relative;
    top: 3px;
}

/*================================================
                Switch Theme     
===================================================*/

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: flex !important;
    /*    width: 45px;
    height: 15px;*/
    margin-right: 30px;
}

    /* Hide default HTML checkbox */
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
/*    -webkit-transition: 0.4s;
    transition: 0.4s;
    background: transparent;
    border: 1px solid #000;*/
}
/*
.dark .slider {
    border: 1px solid #fff;
}*/
.slider:before {
    position: absolute;
    content: "";
    height: 35px;
    width: 35px;
    left: 0px;
    bottom: 4px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    /*    -webkit-transition: 0.4s;
    transition: 0.4s;*/
/*    box-shadow: 0 0px 15px #2020203d;*/
    background-color: #ffffff45 !important;
    background: url('../img/moon.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
}
.dark .slider:before {
    background-color: #ffffff36 !important;
}
input:checked + .slider {
    background-color: transparent;
}
    /* input:focus+.slider {
	box-shadow: 0 0 1px #2196f3;
} */

.dark input:checked + .slider:before, .transparent-bg input:checked + .slider:before {
/*        -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);*/
    background: white url('../img/sun.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
}
input:checked + .slider:before {
    /*        -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);*/
    background: white url('../img/sun-black.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
}
/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}
.slider.round:before {
    border-radius: 50%;
}

/* Full-screen loader styles */
.loader-overlay {
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    background-color: rgba(255, 255, 255, 0.85);
    height: 100%;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    width: 100vw;
    z-index: 9999;
}

.dark .loader-overlay {
    background-color: var(--dark-bg-color);
}

.loader-bottom-content {
    color: #000;
    font-size: 17px;
    font-weight: 600;
}

.dark .loader-bottom-content {
    color: var(--dark-text-color);
}

/*===============================
    Home Slider Component Navbar
==================================*/
.transparent-bg {
    background-color: transparent !important;
}

    .transparent-bg.navbar .nav-link {
        color: var(--dark-text-color);
    }

        .transparent-bg.navbar .nav-link.active {
            color: var(--primary-color) !important;
        }

    .transparent-bg.navbar .navbar-brand {
        filter: none !important;
    }

    .transparent-bg.navbar .language img {
        filter: none;
    }

/*    .transparent-bg .slider {
        border: 1px solid #fff;
    }*/

    .transparent-bg.navbar .user-profile a {
        /*        border: 1px solid var(--dark-text-color) !important;
        border-radius: 50px;*/
        cursor: pointer;
    }

        .transparent-bg.navbar .user-profile a img {
            filter: invert(1) !important;
            padding: 4px !important;
            height: 32px;
            width: 32px;
        }

/*=======================
    User Profile    
=========================*/
.userprofile-upload-container {
    display: flex;
    width: 100%;
    justify-content: center;
    position: relative;
}

.profile-upload {
    position: relative;
}

    .profile-upload img {
        width: 75px;
        height: 75px;
        object-fit: cover;
        border-radius: 50%;
        border: 2px solid #fff;
    }

    .profile-upload .round {
        position: absolute;
        bottom: 0;
        right: 0;
        background: var(--primary-color);
        width: 22px;
        height: 22px;
        line-height: 33px;
        text-align: center;
        border-radius: 2px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
        cursor: pointer !important;
    }

.camera-icon {
    height: 14px;
}
        .profile-upload .round input[type = "file"] {
            position: absolute;
            transform: scale(2);
            opacity: 0;
            cursor: pointer;
        }

.profile-upload .round:hover svg {
    filter: invert(1);
}

input[type=file]::-webkit-file-upload-button {
    cursor: pointer;
}

.userprofile-name {
    font-weight: 600;
    color: #000;
    margin-top: 8px;
    font-size: 15px;
}

.dark .userprofile-name {
    color: #fff;
}

.userprofile-email {
    font-size: 15px;
}
/*======Contact inof==========*/
/*====Syncfusion Tab control css====*/
.tab-control-default.e-tab .e-tab-header .e-toolbar-item .e-tab-text {
    font-family: var(--font-family-theme);
    font-size: 16px;
    font-weight: 500;
}
.tab-control-default.e-tab .e-content
{
    font-family: var(--font-family-theme) !important;
}
.tab-control-default .e-toolbar .e-toolbar-items {
    justify-content: center;
    width: 100%;
}

.tab-control-default.e-tab .e-tab-header .e-toolbar-item.e-active {
    border: none !important;
}

.tab-control-default.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
    color: #060D0D80;
    height: 40px;
}
.tab-control-default.e-tab.e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus
{
    border: none !important;
}
.tab-control-default.e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
    height: 40px;
}
.dark .tab-control-default.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
    color: #FFFFFFB2;
}

.tab-control-default.e-tab .e-tab-header .e-toolbar-items {
    min-height: 40px;
}

.tab-control-default.e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-tab-text {
    color: var(--primary-color) !important;
    font-weight: 600;
}

.tab-control-default.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
    border-bottom: 1px solid var(--primary-color) !important;
    border-radius: 0px;
}

.tab-control-default.e-tab .e-tab-header .e-toolbar-item.e-active:hover {
    background-color: transparent;
}

.tab-control-default.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
    background-color: transparent;
    border: none;
    border-radius: 0px;
    color: var(--primary-color);
    min-height: 40px;
}

.tab-control-default.tab-control-default.e-tab .e-tab-header .e-toolbar-item {
    margin: 0 20px;
}

.tab-control-default.e-tab .e-tab-header::before {
    border-color: #060D0D1A;
    border-style: solid;
}

.dark .tab-control-default.e-tab .e-tab-header::before {
    border-color: #FFFFFF1A;
    border-style: solid;
}

.form-textbox-group label {
    color: #000000;
    margin-bottom: 5px;
    font-size: 16px;
}

.dark .form-textbox-group label {
    color: #fff;
}

.form-textbox-group label sup {
    padding-left: 5px;
    color: red;
    font-size: 15px;
}

.form-control-textbox {
    background: transparent !important;
    border: none !important;
    border-radius: 0px !important;
    border-bottom: 1px solid #00000066 !important;
    color: #000 !important;
    padding: 5px 0px;
    font-size: 16px !important;
}

.dark .form-control-textbox {
    border-bottom: 1px solid #FFFFFF66 !important;
    color: #fff !important;
}


.form-control-textbox.e-input-focus {
    border-color: #cde699 !important;
    box-shadow: 0 4px 4px -2px rgb(154 205 50 / 49%) !important;
    padding: 5px 0px;
}

.form-control-textbox.e-input-group .e-input[readonly] {
    background: transparent !important;
    color: #000 !important;
}

.dark .form-control-textbox.e-input-group .e-input[readonly] {
    background: transparent !important;
    color: #fff !important;
}

.form-control-textbox #userprofile_datepicker {
    position: relative;
}

.calendar-image-icon {
    position: absolute !important;
    margin-left: -30px;
    margin-top: 10px;
    z-index: -1;
    cursor: pointer;
    filter: invert(1);
}

.dark .calendar-image-icon {
    filter: invert(0);
}

.flatpickr-today-button, .flatpickr-clear-button, .flatpickr-cancel-button {
    cursor: pointer !important;
}

    .flatpickr-today-button:hover,
    .flatpickr-clear-button:hover,
    .flatpickr-cancel-button:hover {
        opacity: 0.8;
    }

/*.userprofile-phoneno .iti input.iti__tel-input, .iti input.iti__tel-input[type=tel], .iti input.iti__tel-input[type=text] {
    visibility: hidden;
}*/
.form-textbox-group .iti .iti__selected-dial-code {
    color: #000 !important;
}

.dark .form-textbox-group .iti .iti__selected-dial-code {
    color: #fff !important;
}

.form-textbox-group .iti__selected-country-primary::after {
    content: ' ';
    position: absolute;
    width: 1px;
    height: 24px;
    right: -7px;
}

.form-textbox-group .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover {
    background-color: transparent !important;
}

.userprofile-phoneno {
    padding-left: 90px !important;
    padding-bottom: 10px !important;
}

    .userprofile-phoneno:focus {
        border-color: #cde699 !important;
        box-shadow: 0 4px 4px -2px rgb(154 205 50 / 49%) !important;
    }

.phoneno-d-flex {
    display: flex;
    gap: 30px;
}
/*====Phone number country css====*/
.country-selcet-box {
    margin-top: 5px;
    max-width: 85px;
}

    .country-selcet-box .iti {
        padding-bottom: 3px;
        border-bottom: 1px solid #FFFFFF66 !important;
    }

        .country-selcet-box .iti:hover {
            border-bottom: 1px solid var(--primary-color) !important;
            box-shadow: 0 4px 4px -2px rgb(154 205 50 / 49%) !important;
        }

    .country-selcet-box .iti__selected-country {
        color: #fff !important;
        min-width: 84px !important;
    }

    .country-selcet-box .iti__selected-country-primary::after {
        background: transparent !important;
    }

    .country-selcet-box .iti__selected-country-primary {
        padding: 0px !important;
    }

    .country-selcet-box .iti__arrow {
        position: relative;
        left: 175%;
    }

    .country-selcet-box .iti--inline-dropdown .iti__dropdown-content {
        min-width: 265px;
    }

    .country-selcet-box .iti .iti__selected-dial-code {
        margin-left: 1px;
        margin-right: 10px;
    }

.form-textbox-group .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover {
    background: transparent !important;
}

.form-textbox-group.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
    box-shadow: none !important;
}

/*====Country Select dropdown===*/

.form-textbox-group .bootstrap-select > .dropdown-toggle {
    background: transparent !important;
    border: none;
    color: #fff !important;
    border-bottom: 1px solid #FFFFFF66 !important;
    border-radius: 0px;
    padding: 10px 10px;
}

    .form-textbox-group .bootstrap-select > .dropdown-toggle:hover {
        border-bottom: 1px solid var(--primary-color) !important;
        box-shadow: 0 4px 4px -2px rgb(154 205 50 / 49%) !important;
    }

    .form-textbox-group .bootstrap-select > .dropdown-toggle:focus {
        border-bottom: 1px solid var(--primary-color) !important;
        box-shadow: 0 4px 4px -2px rgb(154 205 50 / 49%) !important;
    }

.form-textbox-group .dropdown-toggle:focus {
    outline: 0px !important;
}

.form-textbox-group .form-control:focus {
    box-shadow: 0 0 0 .25rem rgb(167 222 53) !important;
}

.form-textbox-group .dropdown-item.active {
    background-color: var(--primary-color) !important;
    color: #000 !important;
}

.profile-btn-group {
    display: flex;
    justify-content: start;
    gap: 20px;
}

.save-profile-btn {
    height: 40px;
    padding: 0px 50px !important;
    border-radius: 5px !important;
    font-size: 16px !important;
    margin-top: -5px;
    margin-bottom: 20px !important;
    background-color: var(--primary-color) !important;
    color: #000 !important;
    font-weight: 600 !important;
    font-family: var(--font-family-theme);
}


    .save-profile-btn:hover {
        background-color: var(--primary-color) !important;
        color: #fff !important;
    }

.update-profile-btn {
    height: 40px;
    padding: 0px 30px !important;
    border-radius: 5px !important;
    font-family: var(--font-family-theme) !important;
    font-size: 16px !important;
    margin-top: 10px;
    background-color: transparent !important;
    color: var(--primary-color) !important;
    border: 1px solid var(--primary-color) !important;
    font-weight: 600 !important;
}

    .update-profile-btn:disabled {
        opacity: 0.3 !important;
        cursor : not-allowed !important;
    }


    .update-profile-btn:hover {
        background-color: var(--primary-color) !important;
        border: 1px solid var(--primary-color) !important;
        color: #000 !important;
    }

.logout-btn-position {
    text-align: right;
    padding: 0 120px;
}

.profile-logout-btn {
    background-color: var(--primary-color) !important;
    /*    border: 1px solid var(--primary-color) !important;*/
    color: #000 !important;
    padding: 8px 25px !important;
    position: absolute;
    top: 90px;
    right: 5.5%;
    font-weight: 600 !important;
}

    .profile-logout-btn svg {
        filter: invert(1) grayscale(25) brightness(0.1);
    }

    .profile-logout-btn:hover {
        background-color: var(--primary-color) !important;
        color: #fff !important;
    }

    .profile-logout-btn svg {
        position: relative;
        top: -1px;
    }

    .profile-logout-btn:hover svg {
        filter: invert(0) brightness(50);
    }
/*===========Settings===============*/
.user-setting-preferences-title {
    color: #000;
    font-family: var(--font-family-theme);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.dark .user-setting-preferences-title
{
    color: #fff;
}
.user-setting-preferences-unorder-list
{
    list-style: none;
    padding: 0px;
}
.user-setting-preferences-unorder-list li
{
    margin-top:19px;
}
.user-setting-preferences-title-name {
    color: #000000D9;
    font-family: var(--font-family-theme);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.dark .user-setting-preferences-title-name {
    color: #FFFFFFD9;
}
.user-setting-preference-select-options.user-setting-language-selection {
    width: 100px !important;
}
.user-setting-preference-select-options {
    width: 110px !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.user-setting-preference-select-options .e-input-value {
    font-family: var(--font-family-theme) !important;
    color: #000 !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}
.dark .user-setting-preference-select-options .e-input-value {
    color: #fff !important;
}
.user-setting-preference-select-options .e-input-group-icon.e-ddl-icon.e-icons {
    color: #000 !important;
}
.dark .user-setting-preference-select-options .e-input-group-icon.e-ddl-icon.e-icons
{
    color: #fff !important;
}
.user-language-region-dropdown-text {
    font-family: var(--font-family-theme) !important;
    color: #000 !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    margin-left: -7px !important;
}
.user-setting-preference-select-options.user-setting-language-selection .e-dropdownbase .e-list-item{
}
.user-language-icon-select {
    filter: invert(0);
}
.dark .user-language-icon-select {
    filter: invert(1);
}
.user-setting-preference-theme-selection
{
    width: 40px !important;
}
.user-setting-preferences-border-bottom {
    background: rgba(0, 0, 0, 0.10);
    height: 1.5px;
    width: 100%;
    margin: 20px 0px;
}
.dark .user-setting-preferences-border-bottom {
    background: rgba(255, 255, 255, 0.05);
}
.user-setting-preferences-para {
    color: rgba(0, 0, 0, 0.50);
    font-family: var(--font-family-theme);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 10px;
}
.dark .user-setting-preferences-para {
    color: rgba(255, 255, 255, 0.50);
}
.user-setting-preferences-delete-btn {
    display: flex !important;
    height: 36px !important;
    padding: 4px 13px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 4px !important;
    border-radius: 8px !important;
    background: linear-gradient(90deg, #F00 0%, #D00606 100%) !important;
    color: #FFF !important;
    font-family: var(--font-family-theme) !important;
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important;
    border: none !important;
    margin-top: 20px;
}
.dark .user-setting-preferences-delete-btn {
    background: linear-gradient(90deg, #F00 0%, #D00606 100%) !important;
}
.user-setting-preference-select-options .e-dropdownbase.e-content {
    border: 1px solid #bababa;
}
/*===User Delete Accoount==*/
.user-account-delete-dialog .e-dialog {
    border-radius: 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    background: #fff !important;
    padding: 15px !important;
    margin: 10px;
}
.dark .user-account-delete-dialog .e-dialog {
    background: #141B19 !important;
}
.user-account-delete-dialog .e-dlg-content {
    background-color: transparent !important;
}
.user-account-delete-icon-box {
    display: flex;
    width: 66px;
    height: 66px;
    padding: 19px;
    justify-content: center;
    align-items: center;
    border-radius: 35px;
    background: rgba(255, 0, 0, 0.21);
}
.dark .user-account-delete-icon-box {
    background: rgba(255, 0, 0, 0.21);
}
.user-account-delete-title {
    color: #000;
    font-family: var(--font-family-heading);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
}
.dark .user-account-delete-title
{
    color: #fff;
}
.user-account-delete-warning-title {
    color: #F00;
    text-align: center;
    font-family: var(--font-family-theme);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 15px 0px;
}
.user-account-delete-warning-para {
    color: rgba(0, 0, 0, 0.50);
    text-align: center;
    font-family: var(--font-family-theme);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    margin-bottom: 15px;
}
.dark .user-account-delete-warning-para {
    color: rgba(255, 255, 255, 0.50);
}
.user-account-delete-checkbox.e-checkbox-wrapper .e-frame {
    width: 18px;
    height: 18px;
    aspect-ratio: 1/1;
    line-height: 16px !important;
}
.user-account-delete-checkbox.e-checkbox-wrapper .e-frame.e-check
{
    color: #000 !important;
}
.user-account-delete-checkbox-content {
    color: rgba(0, 0, 0, 0.50);
    text-align: center;
    font-family: var(--font-family-theme);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.dark .user-account-delete-checkbox-content {
    color: rgba(255, 255, 255, 0.50);
}
.user-acccount-cancel-btn {
    display: flex !important;
    height: 40px !important;
    padding: 4px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    flex: 1 0 0;
    border-radius: 8px !important;
    border: 1px solid rgba(0, 0, 0, 0.50) !important;
    color: #000 !important;
    background-color: transparent !important;
    font-size: var(--font-family-theme) !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important;
}
.dark .user-acccount-cancel-btn {
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.50) !important;
}
.user-acccount-cancel-btn:hover {
    opacity: 0.8 !important;
}
.user-account-delete-btn {
    display: flex !important;
    height: 40px !important;
    padding: 4px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    flex: 1 0 0 !important;
    border-radius: 8px !important;
    border: none !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important;
    background: linear-gradient(90deg, #F00 0%, #D00606 100%) !important;
}
.user-account-delete-btn:hover
{
    opacity: 0.8 !important;
}
/*================================
    Booking Details
==================================*/
.booking-dateTime-location {
    font-family: var(--font-family-theme);
    font-size: 14.624px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #000;
}
.dark .booking-dateTime-location {
    color: var(--primary-color);
}
.booking-svg-icon svg {
    filter: invert(1) brightness(0) !important;
}
.dark .booking-svg-icon svg {
    filter: invert(0) !important;
}
.booking-details-box {
    padding: 15px 15px 12px 15px;
    border: 1px solid rgba(0, 0, 0, 0.20);
    border-radius: 6px;
    position: relative;
}

.dark .booking-details-box {
    border: 1px solid rgba(255, 255, 255, 0.20);
}
.booking-view-desc {
    color: rgba(0, 0, 0, 0.80);
    font-family: var(--font-family-theme);
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.65px;
}
.dark .booking-view-desc {
    color: #FFFFFFCC;
}
.event-booking-details .dateTime {
    color: rgba(0, 0, 0, 0.80);
    font-family: var(--font-family-theme);
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 5px;
    margin-bottom: 5px;
}
.dark .event-booking-details .dateTime {
    color: rgba(255, 255, 255, 0.80);
}
.booking-details-box .booking-details-content {
    display: flex;
    width: 100%;
    gap: 15px;
}

.booking-details-box .close-svg-icon {
    float: right;
}

    .booking-details-box .close-svg-icon:hover svg {
        opacity: 0.5;
        cursor: pointer;
    }

.booking-details-box .event-booking-img img {
    /*    width: 113.768px;
    height: 88.773px;*/
    width: 90px;
    height: 90px;
    flex-shrink: 0;
    object-fit: cover;
    border-radius: 5px;
}

.booking-details-box .event-booking-details h4 {
    overflow: hidden;
    color: #000;
    text-overflow: ellipsis;
    font-family: var(--font-family-theme);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 5px;
}

.dark .booking-details-box .event-booking-details h4 {
    color: #FFF;
}

.booking-details-box .event-booking-details .map-address {
    display: flex;
    margin-top: 10px;
    gap: 10px;
}

    .booking-details-box .event-booking-details .map-address .map-icon {
        background-color: #c7c7c780;
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50px;
        position: relative;
        top: 4px;
        flex-shrink: 0;
    }

.dark .booking-details-box .event-booking-details .map-address .map-icon {
    background-color: #ffffff2b;
}

.booking-details-box .event-booking-details .map-address .map-icon svg {
    filter: invert(1)
}

.dark .booking-details-box .event-booking-details .map-address .map-icon svg {
    filter: invert(0)
}

.booking-details-box .event-booking-details .address .landmark {
    font-weight: 600;
    font-size: 14px;
    color: #060D0D;
}

.dark .booking-details-box .event-booking-details .address .landmark {
    color: #FFFFFF;
}

.booking-details-box .event-booking-details .address .city {
    font-weight: 500;
    font-size: 13px;
    color: #060D0DCC;
}

.dark .booking-details-box .event-booking-details .address .city {
    color: #FFFFFFCC;
}

.booking-details-box .booking-ticket-types-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    align-items: baseline;
    justify-content: center;
}

.booking-details-box .booking-ticket-types-list .ticket-type-bg-badge {
/*        background: linear-gradient(273.15deg, var(--primary-color) 6.95%, rgba(154, 205, 50, 0.4) 105.76%);*/
    background-color: var(--primary-color);
    padding: 5px 15px;
    color: #000000CC;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
}

.booking-details-box .seat-no {
    color: #060D0D;
    margin-top: 0px;
}

.dark .booking-details-box .seat-no {
    color: #fff;
}

.booking-details-box .seat-no span {
    color: #060D0D99;
}

.dark .booking-details-box .seat-no span {
    color: #ffffff99;
}

.dark .booking-details-box .event-booking-details .seat-no span {
    color: #FFFFFF99;
}

.booking-details-box .booking-status-badge {
    text-transform: uppercase;
    font-size: 13px;
    position: relative;
    font-weight: 600 !important;
    display: flex;
    width: 101px;
    height: 27px;
    padding: 10.914px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10.914px;
    flex-shrink: 0;
    border-radius: 30px;
    margin-top: 10px;
}

    .booking-details-box .booking-status-badge.booking-warning {
        background-color: #FF90001F;
        color: #C4740A;
    }

    .booking-details-box .booking-status-badge.booking-sucess {
        background-color: #9ACD3224;
        color: var(--primary-color);
    }

    .booking-details-box .booking-status-badge.booking-danger {
        background-color: #FF00041F;
        color: #FF191D;
    }
    .booking-details-box .booking-status-badge.booking-info {
        background-color: #136CF21A;
        color: #136CF2;
    }

.booking-details-box .booking-viewbtn-desc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #060D0DCC;
    flex-wrap: wrap;
    gap: 10px;
}

.dark .booking-details-box .booking-viewbtn-desc {
    color: #FFFFFFCC;
}

.booking-details-box .booking-viewbtn-desc .booking-view-details {
    background-color: var(--primary-color);
    color: #000;
    padding: 5px 10px;
    font-size: 15px;
    font-family: var(--font-family-theme);
    /*    text-transform: lowercase;*/
    font-weight: 500;
}

    .booking-details-box .booking-viewbtn-desc .booking-view-details:hover {
        color: #fff;
    }

.booking-details-box .download-ticket {
    background-color: transparent !important;
    border: none !important;
    position: relative;
    top: 20px;
}
.booking-details-line {
    background: rgba(0, 0, 0, 0.15);
    height: 1px;
    margin-top: 12px;
    margin-bottom: 12px;
}
.dark .booking-details-line {
    background: rgba(255, 255, 255, 0.15);
}
.booking-details-box .booking-summary {
    /*    display: flex;
    gap: 15px;*/
    margin-top: 8px;
}

    .booking-details-box .booking-summary .scan-download-qrcode .scan-text {
        color: #060D0D;
        margin-top: 5px;
        margin-bottom: 5px;
        text-align: center;
    }

.dark .booking-details-box .booking-summary .scan-download-qrcode .scan-text {
    color: #a5a5a5;
}

.booking-details-box .booking-summary .scan-download-qrcode {
    max-width: 145px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    height: 150px;
}

    .booking-details-box .booking-summary .scan-download-qrcode img {
        width: 120px;
        height: 120px;
        object-fit: cover;
        filter: invert(1);
    }

.dark .booking-details-box .booking-summary .scan-download-qrcode img {
    filter: invert(0);
}

.booking-details-box .booking-id-line {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-top: 4px;
    margin-bottom: 8px;
}

    .booking-details-box .booking-id-line .line {
        border-top: 1px dashed #060D0DB2;
        height: 0;
        border-width: 2px;
        flex: 1;
    }

.dark .booking-details-box .booking-id-line .line {
    border-top: 1px dashed #949494;
}

.booking-details-box .order-summary-table-title {
    color: #060D0DE5;
    font-size: 18px;
    margin: 4px 0px;
}

.dark .booking-details-box .order-summary-table-title {
    color: #FFFFFFE5;
}

.booking-details-box .booking-id-line .text {
    color: #060D0D;
    text-align: center;
    font-family: var(--font-family-theme);
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.65px;
}

.dark .booking-details-box .booking-id-line .text {
    color: #fff;

}

.booking-details-box .order-summary-table thead tr th {
    background-color: transparent !important;
    color: #060D0DCC;
    border-bottom: 1px dashed #FFFFFF4D;
    padding: 12px;
    font-family: var(--font-family-theme);
    font-size: 14px;
}

.dark .booking-details-box .order-summary-table thead tr th {
    color: #FFFFFFCC;
}

.booking-details-box .order-summary-table tbody tr td {
    background-color: transparent !important;
    color: #060D0DB2;
    border-bottom: 1px dashed #060D0D4D;
    padding: 12px;
    font-family: var(--font-family-theme);
    font-size: 14px;
}

.dark .booking-details-box .order-summary-table tbody tr td {
    color: #FFFFFFB2;
    border-bottom: 1px dashed #FFFFFF4D;
}

.booking-details-box .order-summary-table tfoot tr td {
    background-color: transparent !important;
    color: #060D0DE5;
    padding: 12px;
    border: none;
    font-size: 18px;
    font-weight: 600;
}

.dark .booking-details-box .order-summary-table tfoot tr td {
    color: #FFFFFFB2;
}
.booking-button-remove-border {
    background-color: transparent;
    border: none;
}
.booking-button-remove-border-href {
    text-decoration: none;
}
.booking-button-remove-border:hover, .booking-button-remove-border-href:hover{
    opacity: 0.8;
}
.booking-button-circle {
    display: flex;
    height: 46px;
    width: 46px;
    padding: 11px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 23px;
    margin: auto;
}
.booking-button-circle-text {
    color: #000;
    text-align: center;
    font-family: var(--font-family-theme)
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    margin-top: 6px;
}
.dark .booking-button-circle-text
{
    color: #fff;
}
.booking-ticket-share {
    border: 0.8px solid rgba(255, 255, 255, 0.10);
    background: rgba(255, 165, 0, 0.08);
}
.booking-ticket-view {
    border: 0.8px solid rgba(255, 255, 255, 0.10);
    background: rgba(18, 108, 242, 0.08);
}
.booking-ticket-download {
    border: 0.8px solid rgba(255, 255, 255, 0.10);
    background: rgba(116, 172, 0, 0.14);
}
.booking-button-remove-border:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}
.booking-button-remove-border:disabled:hover {
    cursor: not-allowed;
    opacity: 0.5;
}
.booking-button-remove-border-href.disabled-link {
    opacity: 0.5;
    color: #525252 !important;
    text-decoration: none !important;
    pointer-events: none !important;
    cursor: not-allowed !important;
}
.disabled-link svg, .booking-button-remove-border:disabled svg {
    filter: invert(1) brightness(0) contrast(1) saturate(0.5);
    opacity: 0.6;
}
.booking-button-remove-border:disabled svg {
    filter: invert(1) brightness(0) contrast(1) saturate(0.5);
    opacity: 0.6;
}

.dark .disabled-link svg {
    filter: invert(1) brightness(3) contrast(1) saturate(10);
    opacity: 0.4;
}
.dark .booking-button-remove-border:disabled svg {
    filter: invert(1) brightness(3) contrast(1) saturate(10);
    opacity: 0.4;
}
/*================================================
    Enable Notification user profile
 =================================================*/
.user-notification-enable-title {
    color: #101010;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.dark .user-notification-enable-title {
    color: #FFFAFA;
}
.user-notification-enable-subtitle {
    color: rgba(16, 16, 16, 0.80);
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 10px;
}
.dark .user-notification-enable-subtitle {
    color: #FFFFFFCC;
}
.user-switch-notification.e-switch-wrapper .e-switch-on, .e-css.e-switch-wrapper .e-switch-on {
    background-color: var(--primary-color);
}
.user-switch-notification.e-switch-wrapper .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper .e-switch-inner.e-switch-active {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.user-switch-notification.e-switch-wrapper, .e-css.e-switch-wrapper {
    height: 20px;
    width: 40px;
}
.user-notification-setting-border {
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, 0.10);
    margin: 20px 0px;
}
.dark .user-notification-setting-border {
    background: #ffffff27;
}
.user-notification-setting-head-title {
    color: #101010;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.dark .user-notification-setting-head-title {
    color: #FFFAFA;
}
.user-notification-setting-head-para {
    margin-top: 7px;
    color: rgba(16, 16, 16, 0.80);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.dark .user-notification-setting-head-para {
    color: #FFFFFFCC;
}
.user-notification-setting-enable-ul {
    list-style: none;
    padding: 0px 10px 0px 10px;
    border-radius: 8px;
    background: #F5F5F5;
    margin-top: 25px;
}
.dark .user-notification-setting-enable-ul {
    background: #081212;
}
.user-notification-setting-enable-ul li
{
    height: 62px;
    padding: 10px 0px;
    align-content: center;
    border-bottom: 0.8px solid rgba(0, 0, 0, 0.10);
}
.dark .user-notification-setting-enable-ul li {
    border-bottom: 0.8px solid rgba(255, 255, 255, 0.10);
}
.user-notification-setting-enable-ul li:last-child {
    border-bottom: none;
}
.user-notification-setting-title {
    color: rgba(16, 16, 16, 0.80);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.dark .user-notification-setting-title {
    color: #FFFFFFCC;
}
/*======================================
    Explore cities Component
=========================================*/
.event-explore-title {
    color: #000;
    font-family: var(--font-family-heading);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.dark .event-explore-title {
    color: #fff;
}
.explore-city .explore-city-box {
    position: relative;
}

    .explore-city .explore-city-box::after {
        position: absolute;
        content: ' ';
        background-color: #181818b5;
        width: 100%;
        height: 100%;
        border-radius: 10px;
        left: 0px;
    }

    .explore-city .explore-city-box img {
        height: 350px;
        object-fit: cover;
        border-radius: 10px;
    }

.explore-city .city-name {
    position: absolute;
    color: #fff;
    font-weight: 800;
    font-size: 22px;
    margin-top: -60px;
    margin-left: 40px;
}
/*====================================
    excitement-video compoent
======================================*/
.excitement-video {
    width: 100%;
    border-radius: 10px;
    pointer-events: none;
    object-fit: cover;
}

/*=======Not Found========*/
.norecords h3 {
    font-size: 20px;
    color: #000;
    margin-bottom: 5px;
}

.dark .norecords h3 {
    color: #fff;
}

.norecords p {
    color: #000;
    margin-bottom: 8px;
}

.dark .norecords p {
    color: #fff;
}

.norecords-btn {
    background-color: var(--primary-color) !important;
    color: #000 !important;
    margin-top: 5px;
    margin-bottom: 30px;
    font-family: var(--font-family-theme) !important;
    font-size: 16px !important;
    padding: 5px 10px !important;
    font-weight: 600 !important;
}

.norecords-btn:hover {
    background-color: var(--primary-color) !important;
    color: #fff !important;
}

.e-btn:focus, .e-css.e-btn:focus {
    box-shadow: none !important;
}
/*=========================
    Event Payment
=============================*/

body.ticket-payemnt-modal-open {
    overflow: hidden !important;
}

.user-event-payment {
    overflow-y: auto;
    overscroll-behavior: contain;
    visibility: visible;
    backface-visibility: hidden;
    z-index: 11;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100vw;
    height: 100vh;
    max-width: 100%;
    max-height: 100dvh;
    padding: 0px;
    opacity: 0;
    border: 0px;
    backdrop-filter: blur(100px);
    opacity: 1;
    background: #ffffffcc;
}

.dark .user-event-payment {
    background: #00000085;
    ;
}

.user-event-back-btn {
    cursor: pointer !important;
    margin-top: 10px;
    position: absolute;
    top: 30px;
}

.dark .user-event-back-btn svg {
    filter: invert(1) brightness(1.5);
}

.user-event-payment-content {
    margin-top: 35px;
}

.user-ticket-payment-events {
    display: flex;
    gap: 15px;
}

.user-ticket-payemnt-event-img {
     width: 150px;
/*    height: 135px;*/
    height: auto;
    flex-shrink: 0;
}

    .user-ticket-payemnt-event-img img {
/*        width: 120px !important;
        height: 100%;*/
        object-fit: cover;
        border-radius: 6px;
    }

.user-ticket-payment-event-details {
    overflow: hidden;
}

.user-ticket-payment-event-title {
    overflow: hidden;
    color: #060D0D;
    text-overflow: ellipsis;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    white-space: nowrap;
}

.dark .user-ticket-payment-event-title {
    color: #fff;
}

.user-ticket-payment-event-date {
    color: var(--primary-color);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 5px;
}

.user-ticket-payment-event-map {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 8px;
}

.user-ticket-payemt-map-icon {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    border-radius: 50px;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dark .user-ticket-payemt-map-icon {
    background: rgba(255, 255, 255, 0.15);
}

    .dark .user-ticket-payemt-map-icon svg {
        filter: invert(1) brightness(1.5);
    }

.user-ticket-payment-map-cites-landmark {
    color: #181616;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.dark .user-ticket-payment-map-cites-landmark {
    color: #ffff;
}

.user-ticket-payment-map-cites-address {
    color: rgba(6, 13, 13, 0.80);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.dark .user-ticket-payment-map-cites-address {
    color: rgba(255, 255, 255, 0.80);
}

.user-ticket-payemnt-order-summary-title {
    overflow: hidden;
    color: rgba(0, 0, 0, 0.90);
    text-overflow: ellipsis;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    white-space: nowrap;
    margin-top: 40px;
    margin-bottom: 20px;
}

.dark .user-ticket-payemnt-order-summary-title {
    color: rgba(255, 255, 255, 0.90);
}

.user-ticket-payment-order-table table thead tr th {
    overflow: hidden;
    color: rgba(0, 0, 0, 0.80);
    text-overflow: ellipsis;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    white-space: nowrap;
    background-color: transparent;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.30);
    padding: 19px 0px;
}

.dark .user-ticket-payment-order-table table thead tr th {
    color: rgba(255, 255, 255, 0.80);
    border-bottom: 1px dashed rgba(255, 255, 255, 0.30);
}

.user-ticket-payment-order-table table tbody tr td {
    padding: 19px 0px;
    background-color: transparent;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.30);
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.dark .user-ticket-payment-order-table table tbody tr td {
    color: rgba(255, 255, 255, 0.80);
    border-bottom: 1px dashed rgba(255, 255, 255, 0.30);
}

.user-ticket-payment-order-table table tfoot tr td {
    overflow: hidden;
    color: rgba(0, 0, 0, 0.80);
    text-overflow: ellipsis;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    white-space: nowrap;
    background-color: transparent;
    padding: 19px 0px;
    border: none;
}

.dark .user-ticket-payment-order-table table tfoot tr td {
    color: #fff;
}

.user-ticket-payemnt-methods {
    border-radius: 8.469px;
    border: 1.233px solid var(--primary-color);
    padding: 25px 30px;
    background-color: #fff;
}

.dark .user-ticket-payemnt-methods {
    background-color: transparent !important;
}

.user-ticket-payment-method-title {
    color: #060D0D;
    font-size: 22.896px;
    font-style: normal;
    font-weight: 500;
    line-height: 52.66px;
}

.dark .user-ticket-payment-method-title {
    color: rgba(255, 255, 255, 0.80);
}

.user-material-form-control {
    margin: 0px 0px 20px 0px;
}

    .user-material-form-control label {
        color: rgba(6, 13, 13, 0.70);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        margin-bottom: 5px;
    }

.dark .user-material-form-control label {
    color: rgba(255, 255, 255, 0.80);
}
/*.user-material-textbox {
    padding: 10px 10px;
    border-bottom: 1.717px solid rgba(66, 66, 66, 0.25);
    background-color: transparent !important;
    border-radius: 0px !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    box-shadow: none !important;
    font-size: 16px !important;
}*/
.user-material-textbox {
    padding: 13px;
    background-color: #f0f0f0 !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    font-size: 16px !important;
}
    /*.dark .user-material-textbox {
    color: #fff !important;
    border-bottom: 1.717px solid rgb(66 66 66);
}*/
    .user-material-textbox .e-input-focus {
        border-bottom: 1.8px solid var(--primary-color) !important;
    }

.user-ticket-card-details-title {
    color: #060D0D;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    margin-top: 20px;
}

.dark .user-ticket-card-details-title {
    color: rgba(255, 255, 255, 0.80);
}

.user-purchase-ticket-btn {
    border-radius: 4.579px;
    background: var(--primary-color);
    display: flex;
    height: 52.66px;
    padding: 11.448px;
    justify-content: center;
    align-items: center;
    gap: 11.448px;
    align-self: stretch;
    color: #060D0D;
    font-size: 18.316px;
    font-style: normal;
    font-weight: 600;
    margin-top: 5px;
}
.user-purchase-ticket-btn:hover
{
    background-color: var(--primary-color) !important;
    color: #fff;
}
.user-purchase-ticket-btn:active,
.user-purchase-ticket-btn:focus-visible
{
    background-color: var(--primary-color) !important;
    color: #fff;
    border: none !important;
}
.user-ticket-payment-para {
    margin-top: 20px;
    color: rgba(6, 13, 13, 0.60);
    font-size: 16.027px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.185px;
}

.dark .user-ticket-payment-para {
    color: rgba(255, 255, 255, 0.80);
}

.user-ticket-payment-padding {
    padding: 0px 40px;
}

.user-ticket-timer {
    color: #646464;
    font-size: 16px;
    margin: 1px 0px;
}

.dark .user-ticket-timer {
    color: rgba(255, 255, 255, 0.80);
}

.stripe-erro-msg {
    position: relative;
    color: #FF5722 !important;
    top: -7px;
}

.dark .e-skeleton.e-skeleton-text, .e-skeleton.e-skeleton-square, .dark .e-skeleton.e-skeleton-rectangle, .dark .e-skeleton.e-skeleton-circle {
    background-color: #1e1e1e;
}

.dark .e-skeleton.e-shimmer-wave::after {
    background-image: linear-gradient(90deg, transparent calc(50% - 100px), #2e2d2d 50%, transparent calc(50% + 100px));
}

.event-search-map {
    height: 75vh;
}

.btn.disabled, .btn:disabled {
    border: none !important;
}
/*===Event Booking Payement Success Dialog====*/
.event-booking-dialog-stripe-payment.event-booking-stripe-error-dialog .e-dialog {
    max-width: 500px;
    max-height: 100% !important;
    height: 400px;
}
.event-booking-dialog-stripe-payment.event-booking-stripe-success-dialog .e-dialog {
    max-width: 600px;
    max-height: 95% !important;
}
.dark .booking-details-box.event-booking-stripe-booking-details-box {
    border: none !important;
    border-top: 1px solid rgba(255, 255, 255, 0.10) !important;
}
.booking-details-box.event-booking-stripe-booking-details-box {
    border: none !important;
    border-top: 1px solid rgba(0, 0, 0, 0.10) !important;
}
.event-booking-dialog-stripe-payment.event-booking-stripe-success-dialog .e-dialog .e-dlg-header-content {
    padding: 2px 14px 7px 5px !important;
}
.dark .event-booking-dialog-stripe-payment .e-dialog {
    background-color: #060d0d;
    border: 1px solid rgba(255, 255, 255, 0.30) !important;
}

.event-booking-dialog-stripe-payment .e-dialog .e-dlg-header-content {
    border-bottom: 0px solid #dee2e6;
    padding: 12px 14px 12px 12px;
}

.dark .event-booking-dialog-stripe-payment .e-dialog .e-dlg-header-content {
    background: #060D0D;
}

.dark .event-booking-dialog-stripe-payment .e-dialog .e-dlg-content {
    padding: 12px;
    border-radius: 6px;
    background: #060D0D;
}

.dark .event-booking-dialog-stripe-payment .e-dialog .e-dlg-header-content {
    border-radius: 10px;
}

.event-booking-dialog-stripe-payment .e-dialog .e-btn .e-btn-icon.e-icon-dlg-close {
    font-size: 20px;
    top: 0px;
    left: -20px;
    /*    background: #ff9800;*/
    padding: 8px;
    border-radius: 25px;
    color: #F44336;
}

.stripe-payment-img {
    width: 150px;
}
.stripe-payment-img.success-img {
    width: 100px !important;
}
.stripe-booking-msg-title.msg-title-bg-success {
    font-size: 20px !important;
    margin-top: 10px !important;
}
.event-booking-confirmed-title
{
    font-size: 16px !important;
}
.event-booking-confirmed-datetime
{
    font-size: 14px !important;
}
.event-booking-confirmed-map-address
{
    margin-top: 6px !important;
}
.stripe-booking-msg-title {
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: var(--font-family-theme);
}

    .stripe-booking-msg-title.msg-title-bg-success {
        color: var(--primary-color);
    }

    .stripe-booking-msg-title.msg-title-bg-error {
        color: #F80024;
    }

.stripe-booking-payment-para {
    color: rgba(0, 0, 0, 0.80);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 0px 49px;
    flex-shrink: 0;
    font-family: var(--font-family-theme);
}

.dark .stripe-booking-payment-para {
    color: rgba(255, 255, 255, 0.80);
}

.event-desc-border {
    background: rgba(0, 0, 0, 0.10);
    width: 100%;
    height: 1px;
    margin: 15px 0px;
}
/* Apply blur to the modal backdrop */
.modal {
    background-color: #9f9f9f6b; /* semi-transparent */
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.dark .modal {
    background-color: #00000075; /* semi-transparent */
}

.e-dlg-overlay {
    background-color: #9f9f9f6b; /* semi-transparent */
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.dark .e-dlg-overlay {
    background-color: #00000075; /* semi-transparent */
}

/*.page-container:has(.event-details-main)::before {
    position: absolute;
    content: '';
    border-radius: 11.782px;
    background: url(/assets/img/event-details-bg.png) 0px -243.625px / 100% 147.562% no-repeat;
    filter: blur(103.0518798828125px);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}
.dark .page-container:has(.event-details-main)::before {
    position: absolute;
    content: '';
    border-radius: 11.782px;
    background: url(/assets/img/event-details-bg-dark.png) 0px -243.625px / 100% 147.562% no-repeat;
     filter: blur(103.0518798828125px); 
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}*/

.favorite-margin-height
{
    margin-top: -25px;
}

/*====================================
    Event Details Screen ALternate
=====================================*/
.split-cols-1
{
    width: 62%
}
.split-cols-2 {
    width: 38%
}
.event-organized-by-name {
    color: rgba(0, 0, 0, 0.75);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 11px;
    margin-bottom: 30px;
}
.dark .event-organized-by-name {
    color: #FFFFFF99;
}
.event-organized-by-name a {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.36px;
    text-decoration-line: underline !important;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    cursor:pointer !important;
}
.event-organized-by-name a:hover
{
    color: var(--primary-color) !important;
    text-decoration: none !important;
}
.dark .event-organized-by-name a
{
    color: var(--primary-color);
}
.event-loaction-address, .event-date-time-zone, .event-doors-open {
    display: flex;
    gap: 15px;
    align-items: center;
    min-height: 45px;
}
.event-map-addess-text, .event-date-time-zone-text, .event-doors-open-text {
    color: rgba(0, 0, 0, 0.90);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
/*    line-height: normal;*/
}
.dark .event-map-addess-text, .dark .event-date-time-zone-text, .dark .event-doors-open-text{
    color: rgba(255, 255, 255, 0.85);
}
.event-date-time-zone-text strong {
    overflow: hidden;
    color: var(--primary-color) !important;
    text-overflow: ellipsis;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.dark .event-map-icon-address svg, .dark .event-date-time-zone-icon svg, .dark .event-doors-open-icon svg {
    filter: invert(1)
}
.event-new-line-border {
    height: 1.054px;
    background-color: rgba(0, 0, 0, 0.05);
    margin-top: 10px;
    margin-bottom: 16px;
}
.dark .event-new-line-border {
    background-color: rgba(255, 255, 255, 0.08);
}
e-maps-container { /* Target the entire map container */
    border-radius: 15px;
}
.event-details-map-view div {
    border-radius: 10px !important;
}
.event-image-description-content-box {
    display: flex;
    flex-direction: row;
    gap: 15px;
}
.event-images-slider-box {
    width: 400px;
    height: 400px;
    flex-shrink: 1;
}
.transparent-bg.navbar a .user-profile-image-circle img {
    border: none !important;
    filter: invert(0) !important;
    width: 35px !important;
    height: 35px !important;
    padding: 0px !important;
}
 
.user-profile-image-circle {
    width: 35px !important;
    height: 35px !important;
    object-fit: cover;
    border-radius: 50px;
/*    background-color: var(--primary-color);*/
}
.user-profile-image-circle img{
    filter: invert(0) !important;
    border-radius: 50px;
    padding: 0px !important;
    height: 35px !important;
    width: 35px !important;
    position: relative;
    top: 2px;
}
.user-tooltip-position
{
    position: relative !important;
    overflow: hidden !important;
}
.services-fees-tooltip .e-tip-content {
    font-family: var(--font-family-theme) !important;
    font-size: 14px !important;
}
.services-fees-tooltip.e-popup.e-popup-open {
    display: block;
    margin-top: -95px;
    margin-left: -25px;
}
.services-fees-tooltip.e-tooltip-wrap .e-arrow-tip-inner.e-tip-top {
    display: none !important;
}
.dark .services-fees-tooltip.e-tooltip-wrap.e-popup {
    background-color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.30) !important;
}
.dark .services-fees-tooltip .e-tip-content {
    font-family: var(--font-family-theme) !important;
    font-size: 14px !important;
    color: #000 !important;
}
.services-fees-tooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-top {
    border-bottom: 8px solid #fff !important;
    display: none !important;
}
.services-info-tooltip {
    width: 16px;
    cursor: pointer;
}
.user-ticket-message-show-box {
    display: flex;
    width: 100%;
    padding: 12.243px 12px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
    border-radius: 6.207px;
    background: #2F290F;
    color: #FFAE2A;
    font-family: var(--font-family-theme);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
.responsive-progress-bar-wrapper svg{
    width: 100% !important;
    height: 1.5px !important;
    max-width: 600px !important;
    margin-bottom: 5px !important;
}
.dark .responsive-progress-bar-wrapper svg g path:last-child {
    stroke: #444444 !important;
}
.responsive-progress-bar-wrapper svg g path:last-child {
    stroke: #CCCCCC !important;
}
/*=======User Profile Image Upload==========*/
.user-profile-image-upload-dialog.e-dialog.e-popup {
    width: 100%;
    max-width: 500px !important;
    height: 100%;
    max-height: 300px !important;
    border-radius: 13px !important;
    border: 1px solid #fff !important;
    margin: 15px;
}
.user-profile-image-upload-dialog.user-profile-image-upload-crop-dialog.e-dialog.e-popup {
    width: 100%;
    max-width: 400px !important;
    height: 100%;
    max-height: 470px !important;
}
.user-cropper-wrapper-box {
    width: 400px;
    height: 300px;
    overflow: hidden;
    padding-top: 10px;
}
.dark .user-profile-image-upload-dialog.e-dialog.e-popup {
    border: 1px solid rgb(3 7 7 / 83%) !important;
}
.user-profile-image-upload-dialog.e-dialog .e-dlg-content {
    border-radius: 13.828px !important;
    border: 0px !important;
    padding-top: 40px !important;
    border-radius: 11.8px !important;
}
.user-profile-image-upload-dialog.e-dialog.e-popup .e-dlg-header-content {
    position: absolute;
    top: 10px;
    right: 10px;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    padding: 0px;
}
.user-profile-image-upload-dialog.e-dialog.e-popup .e-dlg-header-content, .user-profile-image-upload-dialog.e-dialog .e-dlg-content {
    background-color: #fff !important;
    border: none !important;
    color: #000;
}
.dark .user-profile-image-upload-dialog.e-dialog.e-popup .e-dlg-header-content, .dark .user-profile-image-upload-dialog.e-dialog .e-dlg-content {
    background-color: #060D0D !important;
    border: none !important;
    color: #fff;
}
.user-profile-image-upload-dialog.e-dialog .e-btn .e-btn-icon.e-icon-dlg-close {
    color: #FA0000 !important;
    font-size: 18px;
}
.user-profile-image-upload-dialog.e-dialog .e-btn.e-dlg-closeicon-btn:focus span {
    color: #FA0000 !important;
}
.user-image-upload-before-box
{
    width: 100%;
    display: flex;
    justify-content: center;
}
.user-profile-upload-circle-box {
    width: 150px;
    height: 150px;
}
.user-profile-upload-circle-box .user-profile-circle-before-crop {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 5px solid #fff;
}
.user-upload-remove-save-buttons
{
    display: flex;
    gap: 20px;
    flex-wrap: nowrap;
    justify-content:center;
    margin-top: 30px;
}
.user-choose-btn .file-upload-wrapper {
    display: inline-flex;
    align-items: center;
    border: 1.521px solid var(--primary-color);
    border-radius: 6px;
    padding: 8px 16px;
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: 0.3s ease;
}
.user-choose-btn .file-upload-wrapper:hover {
    background-color: var(--primary-color);
    color: #000;
}
.user-choose-btn .file-upload-wrapper:hover svg
{
    filter: invert(0) brightness(0);
}
.user-choose-btn .file-upload-wrapper svg {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    fill: #7fffd4;
}
.user-choose-btn #file-input {
    display: none;
}
.user-profile-upload-remove-button {
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    background-color: transparent;
    align-items: center;
    border-radius: 6px;
    border: 1px solid #FA0000;
    color: #FA0000;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.user-profile-upload-remove-button.crop-btn
{
     padding: 8px 16px;
    border: 1px solid var(--primary-color) !important;
    color: var(--primary-color) !important;
}
.user-profile-upload-remove-button.crop-btn:hover
{
    background-color: var(--primary-color) !important;
    color: #000 !important;
}
.user-profile-upload-remove-button svg {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}
.user-profile-upload-remove-button:hover
{
    background-color: #FA0000;
    color: #fff !important;
}
.user-profile-upload-remove-button:hover svg
{
    filter: invert(1) brightness(50);
}
.user-crop-image-content-para
{
    font-size: 15px;
    font-weight: 500;
    color: #000;
    line-height: normal;
    margin-top: -15px;
    margin-bottom: 10px;
}
.dark .user-crop-image-content-para {
    color: #fff;
}
.dark .user-social-media-link {
    border: 0.86px solid rgba(255, 255, 255, 0.30) !important;
}
.user-past-events .event-card{
    opacity: 0.5 !important;
}
.blazored-toast-container {
    display: flex;
    flex-direction: column;
    position: fixed;
    z-index: 1056 !important;
}
.e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon
{
    border-color: transparent !important;
}
.e-float-input .e-clear-icon:hover, .e-float-input.e-control-wrapper .e-clear-icon:hover, .e-input-group .e-clear-icon:hover, .e-input-group.e-control-wrapper .e-clear-icon:hover {
    color: #6c757d !important;
}
.dark .e-tooltip-wrap.e-popup {
    background-color: #fff;
    border: 1px solid #fff;
}
.dark .e-tooltip-wrap .e-tip-content
{
    color: #000;
}
.dark .e-tooltip-wrap .e-arrow-tip-outer.e-tip-bottom {
    border-left: 8px solid rgba(0, 0, 0, 0);
    border-right: 8px solid rgb(255 255 255 / 0%);
    border-top: 8px solid #ffffff;
}
.dark .e-tooltip-wrap .e-arrow-tip-inner.e-tip-bottom
{
    color: #fff;
}
.user-open-ticket-hide
{
    opacity: 0.5;
}
.user-artist-content
{
    display:flex;
    flex-direction:column;
    align-items: center;
    cursor: pointer;
    padding-top: 8px;
}
.user-artist-content .user-artist-image-circle {
    width: 80px;
    height: 80px;
}
.user-artist-content .user-artist-image-circle img{
    width: 100% !important;
    border-radius: 50px;
}
.user-artist-content .user-artist-content-name {
    color: #403F3F;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 12px;
    width: 110px;
}
.dark .user-artist-content .user-artist-content-name {
    color: #ffffffcc;
}
.user-artist-content:hover .user-artist-content-name {
    color: var(--primary-color);
}