@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400|Montserrat:500,600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700&display=swap");
h1, h2, h3, h4, h5, h6, label, .col-form-label {
  font-family: "Open Sans", "Cairo", cursive, sans-serif;
}

.google-recaptcha-container {
  width: fit-content;
  margin: 0 auto;
  padding: 15px 0;
  margin-bottom: 15px;
}

.captcha-error, .error {
  color: #f44336;
  font-size: 80%;
}

.captcha-error {
  text-align: center;
  display: none;
}

.select2-container.is-invalid .select2-choice {
  border-color: #e95b35 !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23e95b35' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23e95b35' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
  background-repeat: no-repeat;
  background-position: center right calc(1.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

body.rtl .bootstrap-touchspin .input-group-btn-vertical {
  left: 0 !important;
  right: auto;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../../assets/css/app.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAAQ;AACA;AAER;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA%22,%22file%22:%22app.output.css%22%7D */
/* ==============================
   MATRIMONY FOOTER
   ============================== */

footer.section-footer,
footer.section-footer.border-top-gray {
    background-color: #4B164C !important;
    color: #ffffff !important;
}

/* Footer headings */
footer.section-footer h1,
footer.section-footer h2,
footer.section-footer h3,
footer.section-footer h4,
footer.section-footer h5,
footer.section-footer h6 {
    color: #ffffff !important;
}

/* Footer text */
footer.section-footer p,
footer.section-footer span {
    color: #ffffff !important;
}

/* Footer links */
footer.section-footer a,
footer.section-footer ul a {
    color: #ffffff !important;
}

/* Footer links hover */
footer.section-footer a:hover,
footer.section-footer ul a:hover {
    color: #FAF5EE !important;
}


/* ==============================
   PAGE BACKGROUND
   ============================== */

body,
body.bg-gray {
    background-color: #FAF5EE !important;
}
/* =========================================
   WHOLE MATRIMONY PAGE BACKGROUND
   ========================================= */

html,
body {
    background-color: #FAF5EE !important;
}

/* Main page containers */
main,
.section-main,
.section-content,
.section-content.bg-white,
.bg-white {
    background-color: #FAF5EE !important;
}
/* =========================================
   NAVBAR - PURPLE ACTIVE + HOVER
   ========================================= */

/* Normal navbar items */
.navbar.navbar-light .navbar-nav .nav-link {
    background-color: transparent !important;
    color: #555555 !important;
    transition: all 0.2s ease;
}

/* Hover */
.navbar.navbar-light .navbar-nav .nav-link:hover {
    background-color: #4B164C !important;
    color: #ffffff !important;
}

/* White icon on hover */
.navbar.navbar-light .navbar-nav .nav-link:hover i {
    color: #ffffff !important;
}

/* =========================================
   ACTIVE / CURRENT PAGE
   ========================================= */

/* Active navbar item stays purple */
.navbar.navbar-light .navbar-nav .nav-item.active > .nav-link,
.navbar.navbar-light .navbar-nav .nav-link.active {
    background-color: #4B164C !important;
    color: #ffffff !important;
}

/* Active icon stays white */
.navbar.navbar-light .navbar-nav .nav-item.active > .nav-link i,
.navbar.navbar-light .navbar-nav .nav-link.active i {
    color: #ffffff !important;
}

/* Active item hover - remains purple */
.navbar.navbar-light .navbar-nav .nav-item.active > .nav-link:hover,
.navbar.navbar-light .navbar-nav .nav-link.active:hover {
    background-color: #4B164C !important;
    color: #ffffff !important;
}

/* =========================================
   SIGN UP BUTTON - PURPLE
   ========================================= */

.btn-primary {
    color: #fff !important;
    background-color: #4B164C !important;
    border-color: #4B164C !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    color: #fff !important;
    background-color: #3A103B !important;
    border-color: #3A103B !important;
}

.btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(75, 22, 76, 0.35) !important;
}
/* Force all input icons to purple */
.input-group-prepend .input-group-text i::before {
    color: #4B164C !important;
}

/* =========================================
   SIGN UP FORM - PURPLE INPUT ICONS
   ========================================= */

.input-group-prepend .input-group-text {
    background-color: #4B164C !important;
    border: 1px solid #fff !important;
    color: #fff !important;
}

.input-group-prepend .input-group-text i,
.input-group-prepend .input-group-text i::before {
    color: #fff !important;
}
/* Only headings inside this filter form */
form .card-group-item .card-header .title {
    color: #4B164C !important;
}
/* =========================================
   SEATED GUESTS SLIDER - PURPLE
   ========================================= */

/* Selected/active slider range */
.range-slider .noUi-connect {
    background: #4B164C !important;
}

/* Slider handles */
.range-slider .noUi-handle {
    background: #4B164C !important;
    border: 2px solid #4B164C !important;
    box-shadow: none !important;
}

/* Handle hover */
.range-slider .noUi-handle:hover {
    background: #4B164C !important;
}

/* Handle focus */
.range-slider .noUi-handle:focus {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(75, 22, 76, 0.25) !important;
}

/* Slider background track */
.range-slider .noUi-base,
.range-slider .noUi-connects {
    background: #EDE5E7 !important;
}

/* Help Center - solid purple */
.section-intro.help-center-hero-bg {
    position: relative !important;
    min-height: 220px !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    overflow: hidden !important;
}

/* =========================================
   FORCE REMOVE HELP CENTER BACKGROUND IMAGE
   ========================================= */

section.section-intro.help-center-hero-bg.padding-y-lg.padding-x-md {
    background-image: none !important;
    background: #4B164C !important;
}
/* =========================================
   VENUE CARD TITLES ONLY
   ========================================= */

.card.card-hover h4.title a {
    color: #4B164C !important;
}

.card.card-hover h4.title a:hover {
    color: #361037 !important;
}
/* =========================================
   HEADER SEARCH - PURPLE BORDER
   ========================================= */

.header-search-wrapper .top-search {
    border: 1px solid #4B164C !important;
}

/* When clicking/focusing the search box */
/* Search icon */
.header-search-wrapper .input-icon > i {
    color: #4B164C !important;
}
.section-intro.padding-y-lg {
    background-image: url("/assets/img/backgrounds/Frame 12.png") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
/* =========================================
   BLOG CATEGORIES - PURPLE
   ========================================= */

/* Categories heading */
.card-group-item .card-header h6.title {
    color: #4B164C !important;
}

/* Category names */
.card-group-item .card-body ul.list li a {
    color: #4B164C !important;
}

/* Category arrow icons */
.card-group-item .card-body ul.list li a i {
    color: #4B164C !important;
}

/* Category count badges */
.card-group-item .card-body ul.list li .badge-primary {
    background-color: #4B164C !important;
    border-color: #4B164C !important;
    color: #ffffff !important;
}

/* Hover */
.card-group-item .card-body ul.list li a:hover {
    color: #361037 !important;
}

.card-group-item .card-body ul.list li a:hover i {
    color: #361037 !important;
}
/* =========================================
   BLOG ARTICLE TITLES - PURPLE
   ========================================= */

.card-body article h6 a.text-1 {
    color: #4B164C !important;
}

/* Hover */
.card-body article h6 a.text-1:hover {
    color: #361037 !important;
}
/* BLOG SIDEBAR - #4B164C */

.card-filter .card-header .title {
    color: #4B164C !important;
}

/* Search button */
.card-filter form button[type="submit"] {
    color: #4B164C !important;
    border-color: #4B164C !important;
}

/* Search button hover */
.card-filter form button[type="submit"]:hover {
    background-color: #4B164C !important;
    border-color: #4B164C !important;
    color: #ffffff !important;
}

/* Search icon */
.card-filter form button[type="submit"] i {
    color: #4B164C !important;
}

.card-filter form button[type="submit"]:hover i {
    color: #ffffff !important;
}

/* Keyword placeholder */
.card-filter input[name="keyword"]::placeholder {
    color: #4B164C !important;
    opacity: 1;
}
/* My Tickets dashboard text */
.dashboard-sidebar .nav-link {
    color: #4B164C !important;
}

/* Active My Tickets */
.dashboard-sidebar .nav-link.active {
    color: #4B164C !important;
}

/* Icons */
.dashboard-sidebar .nav-link i {
    color: #4B164C !important;
}
#dashboard-menu .nav-item ul.nav {
    margin-left: 0 !important;
    width: 100% !important;
}
/* Dashboard empty-state messages */
.alert.alert-info,
.alert.alert-info.alert-icon {
    background-color: #4B164C !important;
    border-color: #4B164C !important;
    color: #ffffff !important;
}

/* Icons inside the message */
.alert.alert-info i {
    color: #ffffff !important;
}
#dashboard-menu .badge.badge-info {
    background-color: #4B164C !important;
    color: #ffffff !important;
}
/* Cart icon circle */
.widget-header .icon-wrap.bg-primary {
    background-color: #4B164C !important;
}

/* Cart icon */
.widget-header .icon-wrap.bg-primary i {
    color: #ffffff !important;
}

/* Cart notification 0 */
.widget-header .badge-notification::after,
.widget-header .badge-notification[data-badge]::after {
    background-color: #4B164C !important;
    color: #ffffff !important;
}
/* Event card */
/*.card-event {*/
/*    margin: 0 auto 25px !important;*/
/*    border: 2px solid #4B164C !important;*/
/*    border-radius: 20px !important;*/
/*    overflow: hidden !important;*/
/*    background: #fff !important;*/
/*    position: relative !important;*/
/*}*/

/* Large image */
/*.card-event .img-wrap {*/
/*    width: 100% !important;*/
/*    height: 330px !important;*/
/*    background-size: cover !important;*/
/*    background-position: center !important;*/
/*    background-repeat: no-repeat !important;*/
/*}*/

/* Bottom title area */
/*.card-event .info-wrap {*/
/*    height: 96px !important;*/
/*    padding: 15px 18px !important;*/
/*    background: #fff !important;*/
/*}*/

/* Title */
/*.card-event .event-info h5 {*/
/*    margin: 0 !important;*/
/*}*/

/*.card-event .event-info h5 a {*/
/*    color: #4B164C !important;*/
/*    font-size: 20px !important;*/
/*    font-weight: 600 !important;*/
/*}*/

/* Hide extra content */
/*.card-event .event-info .text-black-50 {*/
/*    display: none !important;*/
/*}*/

/* Favorite icon */
.card-event .event-favorite {
    display: none !important;
}

/* Category */
.card-event .event-category {
    color: #4B164C !important;
    font-size: 13px !important;
}
/* FEATURED CATEGORIES */

/*.section-content .card-banner {*/
/*    height: 240px !important;*/
/*    border-radius: 16px !important;*/
/*    overflow: hidden !important;*/
/*    position: relative !important;*/
/*}*/

/*.section-content .card-banner .card-body {*/
/*    height: 240px !important;*/
/*    padding: 0 !important;*/
/*    background-size: cover !important;*/
/*    background-position: center center !important;*/
/*    background-repeat: no-repeat !important;*/
/*}*/

/*.section-content .card-banner .text-bottom {*/
/*    position: absolute !important;*/
/*    left: 0 !important;*/
/*    right: 0 !important;*/
/*    bottom: 0 !important;*/
/*    padding: 14px !important;*/
/*    z-index: 2 !important;*/
/*}*/

/*.section-content .card-banner .text-bottom .title {*/
/*    margin: 0 !important;*/
/*    color: #fff !important;*/
/*    font-size: 18px !important;*/
/*}*/

/*.section-content .card-banner .text-bottom p {*/
/*    margin: 4px 0 0 !important;*/
/*    color: #fff !important;*/
/*    font-size: 12px !important;*/
/*}*/

.item-slide .btn.btn-light {
    background-color: #4B164C !important;
    border: none !important;
    box-shadow: none !important;
    color: #ffffff !important;
}

.item-slide .btn.btn-light:hover,
.item-slide .btn.btn-light:focus,
.item-slide .btn.btn-light:active {
    background-color: #4B164C !important;
    border: none !important;
    box-shadow: none !important;
    color: #ffffff !important;
}

.item-slide .btn.btn-light i {
    display: none !important;
}

/* REGISTER FREE button */
.section-intro .btn.btn-light {
    background-color: #4B164C !important;
    border: none !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

.section-intro .btn.btn-light:hover,
.section-intro .btn.btn-light:focus,
.section-intro .btn.btn-light:active {
    background-color: #4B164C !important;
    border: none !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

/* Make rotating words bold */
.section-intro .container .row .col-md-10 article h3 {
    color: #ffffff !important;
    font-weight: 800 !important;
}

.section-intro .container .row .col-md-10 article h3 b,
.section-intro .container .row .col-md-10 article h3 span {
    color: #ffffff !important;
    font-weight: 900 !important;
}
.section-intro .col-md-10 article h3 {
    color: #ffffff !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
}

.section-intro .rotate-words {
    font-weight: 900 !important;
}

/* Force the text after the rotating word onto a new line */
.section-intro .rotate-words::after {
    content: "";
}

.section-intro .rotate-words + * {
    display: block;
}
/* =========================================
   FILTER BOX - ONLY OUTER PURPLE BORDER
   ========================================= */

.card.card-filter {
    border: 2px solid #4B164C !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

/* Remove individual section borders */
.card.card-filter .card-group-item {
    border: none !important;
}


/* =========================================
   9 PROFILE(S) FOUND - ONLY OUTER PURPLE BORDER
   ========================================= */

.box.shadow-none.bg-gray.mb-4 {
    border: 2px solid #4B164C !important;
    border-radius: 10px !important;
}
/* Blog cards - rounded corners */
.blog-post-card {
    border-radius: 10px !important;
    overflow: hidden !important;
}

/* Keep the image corners rounded */
.blog-post-card .card-img-top {
    border-radius: 10px 10px 0 0 !important;
}
/* FEATURED CATEGORIES */
.section-content .card-banner {
    height: 300px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
}

/* Image */
.section-content .card-banner .card-body {
    height: 300px !important;
    border-radius: 20px !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
/* Top header - align Sign in and Register Free */
.header-actions-wrapper .widgets-wrap {
    align-items: center !important;
}

/* Sign in */
.header-actions-wrapper .widget-header > a[href="/en/login"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 18px !important;
    border: 2px solid #4B164C !important;
    border-radius: 8px !important;
    color: #4B164C !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

/* Keep Register Free aligned */
.header-actions-wrapper .widget-header > a.dropdown-toggle {
    display: inline-flex !important;
    align-items: center !important;
    height: 40px !important;
    min-height: 40px !important;
}
/* =========================================
   TOP HEADER - SIGN IN + REGISTER FREE
   ========================================= */

.header-actions-wrapper .widgets-wrap {
    align-items: center !important;
}

/* Common styling */
.header-actions-wrapper .widget-header > a[href="/en/login"],
.header-actions-wrapper .widget-header > a.dropdown-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 18px !important;
    border: 2px solid #4B164C !important;
    border-radius: 8px !important;
    color: #4B164C !important;
    background: transparent !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

/* Hover */
.header-actions-wrapper .widget-header > a[href="/en/login"]:hover,
.header-actions-wrapper .widget-header > a.dropdown-toggle:hover {
    background-color: #4B164C !important;
    border-color: #4B164C !important;
    color: #ffffff !important;
}

/* Keep text purple normally */
.header-actions-wrapper .widget-header > a[href="/en/login"] span,
.header-actions-wrapper .widget-header > a.dropdown-toggle span {
    color: inherit !important;
}
/* =========================================================
   HOMEPAGE SLIDER
   ========================================================= */

/* Slider image - force image to fill the complete slider */
.homepage-slider .item-slide {
    width: 100% !important;
    height: 700px !important;
    min-height: 700px !important;

    background-size: 100% 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    position: relative !important;
    overflow: hidden !important;
}
/* =========================================================
   SLIDER ARROWS - FONT AWESOME STYLE
   ========================================================= */

.homepage-slider .owl-nav {
    display: block !important;
}

.homepage-slider .owl-nav button.owl-prev,
.homepage-slider .owl-nav button.owl-next {
    position: absolute !important;

    top: 50% !important;
    transform: translateY(-50%) !important;

    width: 50px !important;
    height: 70px !important;

    padding: 0 !important;
    margin: 0 !important;

    border: none !important;
    background: transparent !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    z-index: 20 !important;

    outline: none !important;
    box-shadow: none !important;
}

/* Position */
.homepage-slider .owl-nav button.owl-prev {
    left: 5px !important;
}

.homepage-slider .owl-nav button.owl-next {
    right: 5px !important;
}

/* Hide Owl's original arrow character */
.homepage-slider .owl-nav button span {
    font-size: 0 !important;
}

/* RIGHT ARROW */
.homepage-slider .owl-nav button.owl-next span::after {
    content: "\f061" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;

    font-size: 34px !important;
    color: #ffffff !important;

    text-shadow: 0 1px 3px rgba(0,0,0,0.45) !important;
}

/* LEFT ARROW */
.homepage-slider .owl-nav button.owl-prev span::after {
    content: "\f060" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;

    font-size: 34px !important;
    color: #ffffff !important;

    text-shadow: 0 1px 3px rgba(0,0,0,0.45) !important;
}

/* Hover */
.homepage-slider .owl-nav button.owl-prev:hover,
.homepage-slider .owl-nav button.owl-next:hover {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    opacity: 0.8 !important;
}
 /* =========================================================
    HELP CENTER - PURPLE TEXT
    ========================================================= */

 /* Headings */
 article.box .title {
     color: #4B164C !important;
 }

 /* Article links */
 article.box p a {
     color: #4B164C !important;
 }

 article.box p a:hover {
     color: #351035 !important;
 }

 /* Support message */
 article.box h5.text-muted {
     color: #4B164C !important;
 }

 /* Icons */
 article.box .bg-primary {
     background-color: #4B164C !important;
 }

 article.box .white {
     color: #ffffff !important;
 }

 /* See more articles buttons */
 article.box .btn-outline-primary {
     color: #4B164C !important;
     border-color: #4B164C !important;
 }

 article.box .btn-outline-primary:hover {
     background-color: #4B164C !important;
     color: #ffffff !important;
     border-color: #4B164C !important;
 }

 /* Contact button */
 article.box .btn-dark {
     background-color: #4B164C !important;
     border-color: #4B164C !important;
     color: #ffffff !important;
 }
 /* Make the support box wider */
/* Remove Bootstrap box spacing/background */
/* Force support box to span both Bootstrap columns */
/*article.box.mt-3 {*/
/*    width: 180% !important;*/
/*    max-width: none !important;*/
/*    box-sizing: border-box !important;*/

    /* Remove white Bootstrap box */
/*    background: transparent !important;*/
/*    border: none !important;*/
/*    box-shadow: none !important;*/
/*    padding: 0 !important;*/
/*}*/

/*article.box.mt-3 > div {*/
/*    width: 100% !important;*/
/*    box-sizing: border-box !important;*/
/*}*/
/*.support-wide {*/
/*    width: 180% !important;*/
/*    max-width: none !important;*/
/*    box-sizing: border-box !important;*/

/*    background: transparent !important;*/
/*    border: none !important;*/
/*    box-shadow: none !important;*/
/*    padding: 0 !important;*/
/*}*/

/*.support-wide > div {*/
/*    width: 100% !important;*/
/*    box-sizing: border-box !important;*/
/*}*/
/* Account & Profile Help Center card */
.card.box article .itembox .icon-wrap.bg-primary {
    background-color: #4B164C !important;
}

.card.box article .itembox .icon-wrap.bg-primary i {
    color: #FFFFFF !important;
}

/* Heading */
.card.box article .itembox .title {
    color: #4B164C !important;
}

/* Links */
.card.box article p a {
    color: #4B164C !important;
}

/* Optional: purple line */
.card.box article hr {
    border-color: #4B164C !important;
}
/* FAQ page - purple text */
.card.box h1,
.card.box h4,
.card.box h6,
.card.box p a {
    color: #4B164C !important;
}

/* FAQ links */
.card.box p.text-center a {
    color: #4B164C !important;
}

/* Help Center link */
.card.box h4 a {
    color: #4B164C !important;
}

/* Contact information */
.card.box .title {
    color: #4B164C !important;
}

/* Form labels */
.card.box form label {
    color: #4B164C !important;
}

/* Optional: form button */
.card.box form .btn-primary {
    background-color: #4B164C !important;
    border-color: #4B164C !important;
}
/* FAQ contact icons */
.card.box .icon-wrap.bg-info {
    background-color: #4B164C !important;
    border-color: #4B164C !important;
}

/* Icon itself */
.card.box .icon-wrap.bg-info i {
    color: #FFFFFF !important;
}
/* =========================================
   EVENT SUMMARY - PURPLE BOXES
   ========================================= */

div.bg-primary.rounded.p-4.text-center.text-white.position-relative.counter-box {
    background: #4B164C !important;
    background-color: #4B164C !important;
    color: #ffffff !important;
}

div.bg-primary.rounded.p-4.text-center.text-white.position-relative.counter-box i,
div.bg-primary.rounded.p-4.text-center.text-white.position-relative.counter-box h4,
div.bg-primary.rounded.p-4.text-center.text-white.position-relative.counter-box h5 {
    color: #ffffff !important;
}
/* Top Register Free button */
.widget-header .register-free-admin {
    border: 1px solid #4B164C;
    border-radius: 6px;
    padding: 8px 16px;
    color: #4B164C !important;
    background: transparent;
    transition: all 0.25s ease;
    text-decoration: none !important;
}

.widget-header .register-free-admin:hover {
    background: #4B164C !important;
    border-color: #4B164C !important;
    color: #ffffff !important;
}


/* =========================================================
   FOOTER - SPACING & ALIGNMENT OVERRIDE
   ========================================================= */

/* Main footer top section */
.section-footer .footer-top {
    padding-top: 45px !important;
    padding-bottom: 35px !important;
}

/* Footer row */
.section-footer .footer-top > .row {
    display: flex !important;
    align-items: flex-start !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* All footer columns */
.section-footer .footer-top > .row > aside {
    display: flex !important;
    flex-direction: column !important;
    min-height: 250px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
}

/* First intro column */
.section-footer .footer-top > .row > aside:first-child {
    padding-left: 0 !important;
    padding-right: 35px !important;
}

/* Footer headings */
.section-footer .footer-top h5.title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.3 !important;
}

/* Footer menu lists */
.section-footer .footer-top ul.list-unstyled {
    margin: 0 !important;
    padding: 0 !important;
}

/* Each menu item */
.section-footer .footer-top ul.list-unstyled li {
    margin-bottom: 14px !important;
    line-height: 1.5 !important;
}

/* Remove last item's extra spacing */
.section-footer .footer-top ul.list-unstyled li:last-child {
    margin-bottom: 0 !important;
}

/* Footer links */
.section-footer .footer-top ul.list-unstyled li a {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1.5 !important;
}

/* =========================================================
   MOBILE APP COLUMN
   ========================================================= */

.section-footer .footer-top > .row > aside:last-child {
    padding-left: 15px !important;
}

/* Mobile app description */
.section-footer .footer-top > .row > aside:last-child p {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
    line-height: 1.6 !important;
}

/* App buttons container */
.section-footer .footer-top > .row > aside:last-child > div {
    margin-top: 0 !important;
}

/* Google Play + App Store buttons */
.section-footer .footer-top > .row > aside:last-child a {
    margin-bottom: 12px !important;
}

/* Last app button */
.section-footer .footer-top > .row > aside:last-child a:last-child {
    margin-bottom: 0 !important;
}


/* =========================================================
   FOOTER BOTTOM
   ========================================================= */

.section-footer .footer-bottom {
    margin-top: 0 !important;
    padding-top: 20px !important;
    padding-bottom: 15px !important;
}

.section-footer .footer-bottom p {
    margin-bottom: 0 !important;
}


/* =========================================================
   DESKTOP - EQUAL COLUMN WIDTH & SPACING
   ========================================================= */

@media (min-width: 992px) {

    .section-footer .footer-top > .row > aside {
        width: 25% !important;
        flex: 0 0 25% !important;
    }

    /* Intro */
    .section-footer .footer-top > .row > aside:first-child {
        padding-right: 40px !important;
    }

    /* Useful Links */
    .section-footer .footer-top > .row > aside:nth-child(2) {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    /* My Account */
    .section-footer .footer-top > .row > aside:nth-child(3) {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    /* Mobile App */
    .section-footer .footer-top > .row > aside:nth-child(4) {
        padding-left: 30px !important;
        padding-right: 0 !important;
    }
}


/* =========================================================
   TABLET / MOBILE
   ========================================================= */

@media (max-width: 991px) {

    .section-footer .footer-top > .row > aside {
        min-height: auto !important;
        margin-bottom: 35px !important;
    }

    .section-footer .footer-top > .row > aside:last-child {
        margin-bottom: 0 !important;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 575px) {

    .section-footer .footer-top > .row {
        display: block !important;
    }

    .section-footer .footer-top > .row > aside {
        width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-bottom: 35px !important;
    }

    .section-footer .footer-top > .row > aside:first-child {
        padding-right: 15px !important;
    }

    .section-footer .footer-top > .row > aside:last-child {
        margin-bottom: 0 !important;
    }
}
/* Sign Up Button */
.header-actions-wrapper .widget-header.signup-btn a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 8px 20px;
    min-width: 105px;

    border: 1.5px solid #4B164C;
    border-radius: 6px;

    color: #4B164C;
    background-color: #fff;

    text-decoration: none;
    font-weight: 600;

    transition: all 0.3s ease;
}

/* Hover Effect */
.header-actions-wrapper .widget-header.signup-btn a:hover {
    background-color: #4B164C;
    border-color: #4B164C;
    color: #fff;
}
.col-lg-9.order-1.order-lg-2 > .row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 90px !important;
    row-gap: 60px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
/* =========================================
   EVENT CARDS - FORCE SPACE BETWEEN CARDS
   ========================================= */

.col-lg-9.order-1.order-lg-2 > .row {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    column-gap: 80px !important;
    row-gap: 60px !important;
}

/* Prevent Bootstrap from interfering */
.col-lg-9.order-1.order-lg-2 > .row > * {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Event card itself */
.col-lg-9.order-1.order-lg-2 .card-event {
    width: 100% !important;
    margin: 0 !important;
}
.col-lg-9.order-1.order-lg-2 > .row > div {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (max-width: 767px) {
    .col-lg-9.order-1.order-lg-2 > .row {
        grid-template-columns: 1fr !important;
    }
}
 /*Featured Categories - 3 items per row */
/*.section-content .row-sm {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*}*/

/*.section-content .row-sm > .col-md-3 {*/
/*    flex: 0 0 33.333333%;*/
/*    max-width: 33.333333%;*/
/*}*/
/* ================================
   FEATURED CATEGORIES
   3 CARDS PER ROW
   ================================ */

/*.section-content .row-sm > .col-md-3.col-sm-3 {*/
/*    width: 33.333333% !important;*/
/*    max-width: 33.333333% !important;*/
/*    flex: 0 0 33.333333% !important;*/
/*    padding-left: 15px !important;*/
/*    padding-right: 15px !important;*/
/*}*/

/* Make the complete card taller */
/*.section-content .row-sm > .col-md-3.col-sm-3 .card-banner {*/
/*    min-height: 380px !important;*/
/*    height: 380px !important;*/
/*}*/

/* Override inline style="height:250px" */
/*.section-content .row-sm > .col-md-3.col-sm-3 .card-body {*/
/*    height: 330px !important;*/
/*    min-height: 330px !important;*/
/*    width: 100% !important;*/
/*    background-size: cover !important;*/
/*    background-position: center center !important;*/
/*}*/

/* Keep title/description visible */
/*.section-content .row-sm > .col-md-3.col-sm-3 .text-bottom {*/
/*    padding: 15px 20px !important;*/
/*}*/

/* Space between cards */
/*.section-content .row-sm > .col-md-3.col-sm-3 {*/
/*    margin-bottom: 20px !important;*/
/*}*/
/* Desktop / Tablet only */
/*@media (min-width: 768px) {*/
/*    .section-content .row-sm {*/
/*        display: flex;*/
/*        flex-wrap: wrap;*/
/*    }*/

/*    .section-content .row-sm > .col-md-3 {*/
/*        flex: 0 0 33.333333%;*/
/*        max-width: 33.333333%;*/
/*    }*/
/*}*/
/* =========================================
   FEATURED CATEGORIES
   DESKTOP / TABLET
   3 EQUAL-SIZED CARDS
   ========================================= */

/* =========================================
   FEATURED CATEGORIES
   DESKTOP / TABLET ONLY
   ========================================= */

/* =========================================
   FEATURED CATEGORIES
   DESKTOP / TABLET ONLY
   3 EQUAL CARDS
   ========================================= */

/*@media (min-width: 768px) {*/

    /* 3 equal columns */
/*    .event-categories-section .row {*/
/*        display: flex;*/
/*        flex-wrap: wrap;*/
/*        margin-left: -10px;*/
/*        margin-right: -10px;*/
/*    }*/

/*    .event-categories-section .row > .col-sm-6.col-md-4 {*/
/*        flex: 0 0 33.333333%;*/
/*        max-width: 33.333333%;*/
/*        width: 33.333333%;*/
/*        padding-left: 10px;*/
/*        padding-right: 10px;*/
/*        margin-bottom: 20px;*/
/*        box-sizing: border-box;*/
/*    }*/

    /* FORCE ALL CATEGORY CARDS TO SAME HEIGHT */
/*    .event-categories-section .row > .col-sm-6.col-md-4 > a {*/
/*        display: block;*/
/*        width: 100%;*/
/*        height: 430px !important;*/
/*    }*/

    /* CATEGORY IMAGE / CARD BODY */
/*    .event-categories-section .row > .col-sm-6.col-md-4 .card-body {*/
/*        width: 100% !important;*/
/*        height: 430px !important;*/
/*        min-height: 430px !important;*/
/*        max-height: 430px !important;*/
/*        box-sizing: border-box;*/
/*        background-size: cover !important;*/
/*        background-position: center center;*/
/*    }*/

/*}*/
/* TOP HEADER */
.site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1050 !important;
    background: #fff !important;
}

.site-header .header-main,
.site-header .section-header {
    position: relative !important;
    top: auto !important;
}
/* Event card */
.card-event {
    margin: 0 auto 40px !important;
    border: 2px solid #4B164C !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    background: #fff !important;
    position: relative !important;
}

/* Larger image */
.card-event .img-wrap {
    width: 100% !important;
    height: 380px !important;
    min-height: 380px !important;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Bottom title area */
.card-event .info-wrap {
    min-height: 130px !important;
    height: auto !important;
    padding: 18px 20px !important;
    background: #fff !important;
}

.card-event .event-info .text-black-50 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #666 !important;
}
/* Title */
.card-event .event-info h5 {
    margin: 0 !important;
}

.card-event .event-info h5 a {
    color: #4B164C !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}

/* Hide extra content */
.card-event .event-info .text-black-50 {
    display: none !important;
}

/* Favorite icon */
.card-event .event-favorite {
    display: none !important;
}

/* Category */
.card-event .event-category {
    color: #4B164C !important;
    font-size: 13px !important;
    padding: 10px 18px !important;
}
/* =========================================
   UPCOMING EVENTS - BLACK TEXT
   ========================================= */

/* Event title */
.card-event .event-info h5 a,
.card-event .event-info h5,
.card-event .event-info h5 a span {
    color: #000000 !important;
}

/* Event category */
.card-event .event-category,
.card-event .event-category a,
.card-event .event-category span {
    color: #000000 !important;
}

/* Event title hover */
.card-event .event-info h5 a:hover {
    color: #000000 !important;
}
/* =========================================
   TITLES - BLACK ONLY
   ========================================= */

/* Featured Categories title */
.section-content .card-banner .title,
.section-content .card-banner .card-title,
.section-content .card-banner h4,
.section-content .card-banner h5,
.section-content .card-banner h6 {
    color: #000000 !important;
}

/* Latest Blog Posts title */
.card-body article h6 a.text-1,
.blog-post-card .title,
.blog-post-card .card-title,
.blog-post-card h6 a {
    color: #000000 !important;
}

/* Upcoming Events title */
.card-event .event-info h5 a,
.card-event .event-info h5 {
    color: #000000 !important;
}
/* REMOVE EXTRA SPACE BEFORE FEATURED CATEGORIES */
.featured-categories-section {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.featured-categories-section .section-headin {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
}
/* 2 wide cards per row */
.upcoming-events-section .row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 30px !important;
}

.upcoming-events-section .row > div {
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
}

/* Mobile: 1 card per row */
@media (max-width: 767px) {
    .upcoming-events-section .row {
        grid-template-columns: 1fr !important;
    }
}
/* =========================================
   COMPLETE PURPLE TEXT + HOVER OVERRIDE
========================================= */

/* -----------------------------------------
   REVIEW SECTION - ALL TEXT PURPLE
----------------------------------------- */

/* Review count */
.col-sm-6 h3.mb-1 {
    color: #4B164C !important;
}

/* Rating label */
.rating-wrap .label-rating {
    color: #4B164C !important;
}

/* All stars */
.rating-stars li i,
.rating-stars .stars-active i {
    color: #4B164C !important;
}


/* -----------------------------------------
   ADD YOUR REVIEW BUTTON
----------------------------------------- */

a.btn.btn-outline-primary[href*="/my-reviews/"] {
    color: #4B164C !important;
    border-color: #4B164C !important;
    background-color: transparent !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

/* Review button icon */
a.btn.btn-outline-primary[href*="/my-reviews/"] i {
    color: #4B164C !important;
    transition: all 0.3s ease !important;
}

/* Review button hover */
a.btn.btn-outline-primary[href*="/my-reviews/"]:hover {
    background-color: #4B164C !important;
    border-color: #4B164C !important;
    color: #ffffff !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 15px rgba(75, 22, 76, 0.25) !important;
}

/* Review icon hover */
a.btn.btn-outline-primary[href*="/my-reviews/"]:hover i {
    color: #ffffff !important;
    transform: rotate(15deg) scale(1.2);
}


/* -----------------------------------------
   ADD TO FAVORITES BUTTON
----------------------------------------- */

a.btn.btn-outline-primary[href*="login"],
a.btn.btn-outline-primary[href*="favorite"],
a.btn.btn-outline-primary[href*="favorites"] {
    color: #4B164C !important;
    border-color: #4B164C !important;
    background-color: transparent !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

/* Favorite icon */
a.btn.btn-outline-primary[href*="login"] i,
a.btn.btn-outline-primary[href*="favorite"] i,
a.btn.btn-outline-primary[href*="favorites"] i {
    color: #4B164C !important;
    transition: all 0.3s ease !important;
}

/* Favorite button hover */
a.btn.btn-outline-primary[href*="login"]:hover,
a.btn.btn-outline-primary[href*="favorite"]:hover,
a.btn.btn-outline-primary[href*="favorites"]:hover {
    background-color: #4B164C !important;
    border-color: #4B164C !important;
    color: #ffffff !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 15px rgba(75, 22, 76, 0.25) !important;
}

/* Favorite icon hover */
a.btn.btn-outline-primary[href*="login"]:hover i,
a.btn.btn-outline-primary[href*="favorite"]:hover i,
a.btn.btn-outline-primary[href*="favorites"]:hover i {
    color: #ffffff !important;
}

/* Heart animation */
a.btn.btn-outline-primary[href*="login"]:hover .fa-heart,
a.btn.btn-outline-primary[href*="favorite"]:hover .fa-heart,
a.btn.btn-outline-primary[href*="favorites"]:hover .fa-heart {
    transform: scale(1.2);
}


/* -----------------------------------------
   GENERAL PURPLE LINKS IN THIS EVENT AREA
----------------------------------------- */

.event-info a:not(.btn),
.event-content a:not(.btn),
.list-icon li a,
.list-icon li a span,
.organizer-preview-no-cover .card-title a,
a[href*="/organizer/"],
a[href*="/venue/"] {
    color: #4B164C !important;
    transition: all 0.3s ease !important;
}

/* General text link hover */
.event-info a:not(.btn):hover,
.event-content a:not(.btn):hover,
.list-icon li a:hover,
.list-icon li a span:hover,
.organizer-preview-no-cover .card-title a:hover,
a[href*="/organizer/"]:hover,
a[href*="/venue/"]:hover {
    color: #6a1b6d !important;
}
/* =========================================
   ADD TO FAVORITES BUTTON
========================================= */

button.event-favorites-add {
    color: #4B164C !important;
    border-color: #4B164C !important;
    background-color: transparent !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

/* Heart icon */
button.event-favorites-add i {
    color: #4B164C !important;
    transition: all 0.3s ease !important;
}

/* Hover effect */
button.event-favorites-add:hover {
    background-color: #4B164C !important;
    border-color: #4B164C !important;
    color: #ffffff !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 15px rgba(75, 22, 76, 0.25) !important;
}

/* Heart becomes white on hover */
button.event-favorites-add:hover i {
    color: #ffffff !important;
    transform: scale(1.2);
}
/* =========================================
   ADD TO FAVORITES BUTTON
========================================= */

button.event-favorites-add {
    color: #4B164C !important;
    border-color: #4B164C !important;
    background-color: transparent !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

/* Heart icon */
button.event-favorites-add i {
    color: #4B164C !important;
    transition: all 0.3s ease !important;
}

/* Hover effect */
button.event-favorites-add:hover {
    background-color: #4B164C !important;
    border-color: #4B164C !important;
    color: #ffffff !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 15px rgba(75, 22, 76, 0.25) !important;
}

/* Heart becomes white on hover */
button.event-favorites-add:hover i {
    color: #ffffff !important;
    transform: scale(1.2);
}
/* =========================================
   REVIEW SCORECARD - PURPLE BAR
========================================= */

/* Purple progress lines */
.event-scorecard .bar {
    background-color: #4B164C !important;
}

/* Optional: make the empty bar background light purple */
.event-scorecard .bar-container {
    background-color: #f3e6f3 !important;
}

/* Star labels */
.event-scorecard .side {
    color: #4B164C !important;
}

/* Percentage text */
.event-scorecard .side.right .text-muted {
    color: #4B164C !important;
}
/* ================================
   EVENT DATE TAG
   TOP = PURPLE
   BOTTOM = WHITE
================================ */

/* Date tag container */
.card-event .event-date {
    background: #ffffff !important;
    color: #4B164C !important;
    border: none !important;
    overflow: hidden;
}

/* Upper section */
.card-event .event-date > div:first-child,
.card-event .event-date .month,
.card-event .event-date .date-month {
    background: #4B164C !important;
    color: #ffffff !important;
}

/* Lower section */
.card-event .event-date > div:last-child,
.card-event .event-date .day,
.card-event .event-date .date-day {
    background: #ffffff !important;
    color: #4B164C !important;
}

/* Keep text inside correct colors */
.card-event .event-date .month *,
.card-event .event-date .date-month * {
    color: #ffffff !important;
}

.card-event .event-date .day *,
.card-event .event-date .date-day * {
    color: #4B164C !important;
}
/* Add to Calendar - Purple */
#add-to-calendar-link {
    color: #4B164C !important;
    background: transparent !important;
    border: none !important;
}

#add-to-calendar-link i {
    color: #4B164C !important;
}

#add-to-calendar-link:hover,
#add-to-calendar-link:hover i {
    color: #351035 !important;
}
a[data-target="#attendees-modal"] {
    color: #4B164C !important;
}

a[data-target="#attendees-modal"] i {
    color: #4B164C !important;
}

a[data-target="#attendees-modal"]:hover,
a[data-target="#attendees-modal"]:hover i {
    color: #351035 !important;
}
/* =========================================
   CART / MODAL BUTTONS
   ========================================= */

/* Normal outline button */
.btn-outline-primary {
    color: #4B164C !important;
    background-color: transparent !important;
    border: 1px solid #4B164C !important;
    transition: all 0.3s ease !important;
}

/* Purple hover */
.btn-outline-primary:hover,
.btn-outline-primary:focus {
    color: #ffffff !important;
    background-color: #4B164C !important;
    border-color: #4B164C !important;
}

/* Click / active */
.btn-outline-primary:active {
    color: #ffffff !important;
    background-color: #6a236c !important;
    border-color: #6a236c !important;
}


/* =========================================
   PRIMARY BUTTON
   ========================================= */

.btn-primary {
    transition: all 0.3s ease !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #6a236c !important;
    border-color: #6a236c !important;
    color: #ffffff !important;
}


/* =========================================
   CART EVENT TITLE
   ========================================= */

figure.media figcaption h6.title,
figure.media figcaption h6.title a {
    color: #4B164C !important;
    font-weight: 600;
    transition: color 0.3s ease;
}

/* Event title hover */
figure.media figcaption h6.title a:hover {
    color: #6a236c !important;
    text-decoration: none !important;
}


/* =========================================
   CART LABELS
   ========================================= */

figure.media figcaption .dlist-inline dt {
    color: #4B164C !important;
    font-weight: 600;
}

figure.media figcaption .dlist-inline dd {
    color: #333333;
}


/* =========================================
   PRICE
   ========================================= */

.price-new,
.price {
    color: #4B164C !important;
    font-weight: 600;
}


/* =========================================
   QUANTITY BUTTONS
   ========================================= */

.bootstrap-touchspin .btn-primary {
    background-color: #4B164C !important;
    border-color: #4B164C !important;
    color: #ffffff !important;
    transition: all 0.3s ease !important;
}

.bootstrap-touchspin .btn-primary:hover {
    background-color: #6a236c !important;
    border-color: #6a236c !important;
    color: #ffffff !important;
}


/* =========================================
   REMOVE ICON
   ========================================= */

td.text-center a {
    color: #4B164C !important;
    transition: color 0.3s ease;
}

td.text-center a:hover {
    color: #6a236c !important;
}


/* =========================================
   INFO ICON
   ========================================= */

figure.media figcaption .text-primary {
    color: #4B164C !important;
}


/* =========================================
   CART TABLE
   ========================================= */

.cart table {
    width: 100%;
}

.cart table td {
    vertical-align: middle;
}


/* =========================================
   MOBILE VIEW
   ========================================= */

@media (max-width: 767px) {

    /* Prevent horizontal overflow */
    .table-responsive {
        overflow-x: visible !important;
        width: 100%;
    }

    /* Cart row becomes card */
    .table tbody tr {
        display: block;
        width: 100%;
        margin-bottom: 20px;
        padding: 15px;
        border: 1px solid #eeeeee;
        border-radius: 10px;
        background: #ffffff;
        box-sizing: border-box;
    }

    /* All cells full width */
    .table tbody tr td {
        display: block;
        width: 100% !important;
        text-align: left !important;
        border: 0 !important;
        padding: 8px 0;
        box-sizing: border-box;
    }


    /* =====================================
       EVENT IMAGE + DETAILS
       ===================================== */

    .table tbody tr td:first-child figure.media {
        display: flex;
        align-items: flex-start;
        width: 100%;
    }

    .table tbody tr td:first-child .img-wrap {
        flex: 0 0 80px;
        width: 80px;
        margin-right: 12px;
    }

    .table tbody tr td:first-child .img-wrap img {
        display: block;
        width: 80px;
        height: 80px;
        object-fit: cover;
        border-radius: 8px;
    }

    figure.media figcaption {
        min-width: 0;
        flex: 1;
    }


    /* =====================================
       EVENT TITLE
       ===================================== */

    figure.media figcaption h6.title {
        color: #4B164C !important;
        font-size: 16px;
        line-height: 1.3;
        margin-bottom: 8px !important;
        word-break: break-word;
    }


    /* =====================================
       EVENT INFORMATION
       ===================================== */

    figure.media figcaption .dlist-inline {
        display: block;
        margin-bottom: 5px;
    }

    figure.media figcaption .dlist-inline dt,
    figure.media figcaption .dlist-inline dd {
        display: inline;
        font-size: 13px;
        line-height: 1.5;
    }

    figure.media figcaption .dlist-inline dt {
        color: #4B164C !important;
        font-weight: 600;
    }

    figure.media figcaption .dlist-inline dd {
        color: #333333;
    }


    /* =====================================
       PRICE
       ===================================== */

    .table tbody tr td .price-wrap {
        text-align: left !important;
    }

    .table tbody tr td .price-new,
    .table tbody tr td .price {
        color: #4B164C !important;
        font-size: 16px;
        font-weight: 600;
    }


    /* =====================================
       QUANTITY
       ===================================== */

    .table tbody tr td .input-group {
        width: 130px;
        max-width: 100%;
    }


    /* =====================================
       REMOVE BUTTON
       ===================================== */

    .table tbody tr td.text-center {
        text-align: right !important;
    }

    .table tbody tr td.text-center a {
        color: #4B164C !important;
        font-size: 18px;
    }

    .table tbody tr td.text-center a:hover {
        color: #6a236c !important;
    }


    /* =====================================
       CART ACTION BUTTONS
       ===================================== */

    .table tr td.text-right {
        text-align: center !important;
        padding-top: 12px;
    }

    .table tr td.text-right .btn {
        display: block;
        width: 100%;
        margin: 8px 0 !important;
        box-sizing: border-box;
    }

    /* Buy more / Update / Empty */
    .table tr td.text-right .btn-outline-primary {
        color: #4B164C !important;
        background-color: transparent !important;
        border-color: #4B164C !important;
    }

    .table tr td.text-right .btn-outline-primary:hover {
        color: #ffffff !important;
        background-color: #4B164C !important;
        border-color: #4B164C !important;
    }

    /* Checkout */
    .table tr td.text-right .btn-primary {
        width: 100%;
        color: #ffffff !important;
    }
}


/* =========================================
   SMALL MOBILE
   ========================================= */

@media (max-width: 480px) {

    .table tbody tr {
        padding: 12px;
        margin-bottom: 15px;
    }


    /* Stack image above information */
    .table tbody tr td:first-child figure.media {
        display: block;
    }

    .table tbody tr td:first-child .img-wrap {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .table tbody tr td:first-child .img-wrap img {
        width: 100%;
        height: 160px;
        object-fit: cover;
        border-radius: 8px;
    }


    /* Title */
    figure.media figcaption h6.title {
        font-size: 15px;
        line-height: 1.4;
    }


    /* Details */
    figure.media figcaption .dlist-inline dt,
    figure.media figcaption .dlist-inline dd {
        font-size: 12px;
    }


    /* Price */
    .table tbody tr td .price-new,
    .table tbody tr td .price {
        font-size: 15px;
    }


    /* Quantity */
    .table tbody tr td .input-group {
        width: 125px;
    }


    /* Action buttons */
    .table tr td.text-right .btn {
        font-size: 14px;
        padding: 10px 12px;
    }
}


/* =========================================
   EXTRA SMALL DEVICES
   ========================================= */

@media (max-width: 360px) {

    .table tbody tr {
        padding: 10px;
    }

    figure.media figcaption h6.title {
        font-size: 14px;
    }

    figure.media figcaption .dlist-inline dt,
    figure.media figcaption .dlist-inline dd {
        font-size: 11px;
    }

    .table tr td.text-right .btn {
        font-size: 13px;
    }
}
/* =========================================
   VIEW CART BUTTON
   ========================================= */

/* Normal state */
.btn-outline-dark {
    color: #4B164C !important;
    background-color: #ffffff !important;
    border: 1px solid #4B164C !important;
    transition: all 0.3s ease !important;
}

/* Hover state */
.btn-outline-dark:hover,
.btn-outline-dark:focus {
    color: #ffffff !important;
    background-color: #4B164C !important;
    border-color: #4B164C !important;
}

/* Active / clicked */
.btn-outline-dark:active {
    color: #ffffff !important;
    background-color: #6a236c !important;
    border-color: #6a236c !important;
}
/* =========================================
   MOBILE ONLY - SPACING FIX
========================================= */
@media (max-width: 767px) {

    /* Main content spacing */
    .section-content {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    /* Filter sidebar */
    .card-filter {
        margin-bottom: 20px !important;
    }

    /* Space between filter and profiles */
    .events-content {
        margin-top: 15px !important;
    }

    /* Profile/event cards */
    .events-content > .row {
        margin-left: -6px !important;
        margin-right: -6px !important;
    }

    .events-content > .row > [class*="col-"] {
        padding-left: 6px !important;
        padding-right: 6px !important;
        margin-bottom: 12px !important;
    }

    /* Card spacing */
    .events-content .card-event {
        margin-bottom: 0 !important;
    }

    /* Card image/content spacing */
    .events-content .card-event .info-wrap {
        padding: 12px !important;
    }

    /* Search button spacing */
    .custom-search-btn {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    /* Pagination spacing */
    .events-content .pagination {
        margin-top: 15px !important;
        margin-bottom: 10px !important;
    }
}
/* ================================
   MOBILE SPACING ONLY
================================ */

@media (max-width: 767px) {

    /* Space below the complete search/filter box */
    .row > aside.col-lg-3 {
        margin-bottom: 30px !important;
    }

    /* Prevent Bootstrap/card margins from removing the gap */
    .row > .events-content {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* First profile card */
    .events-content > .row > div:first-child {
        margin-top: 0 !important;
    }

}
/* =========================================
   HELP CENTER - MOBILE RESPONSIVE FIX
   ========================================= */

@media (max-width: 767px) {

    /* Prevent horizontal overflow */
    body {
        overflow-x: hidden !important;
    }

    /* Help center hero */
    .help-center-hero-bg {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .help-center-hero-bg .col-sm-6 {
        width: 100% !important;
        max-width: 100% !important;
    }

    .help-center-hero-bg h1 {
        font-size: 34px !important;
        line-height: 1.2 !important;
    }

    .help-center-hero-bg p {
        font-size: 14px !important;
    }

    /* Search box */
    .help-center-hero-bg .form-control {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Popular Topics */
    .help-center-hero-bg > .row > .col-sm-6 > article > div {
        flex-wrap: wrap !important;
        white-space: normal !important;
        gap: 8px !important;
    }

    .help-center-hero-bg > .row > .col-sm-6 > article > div > span {
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 5px !important;
    }

    .help-center-hero-bg > .row > .col-sm-6 > article > div > a {
        flex: 1 1 auto !important;
        min-width: 120px !important;
        padding: 0 12px !important;
    }

    /* =========================================
       ATTENDEE / ORGANIZER CARDS
       ========================================= */

    /* Bootstrap columns */
    .help-center-card,
    .col-md-6 {
        max-width: 100% !important;
    }

    /* Card itself */
    .col-md-6 > article {
        width: 100% !important;
        padding: 20px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    /* FIX: change fixed horizontal layout to vertical */
    .col-md-6 > article > div:first-child {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 20px !important;
    }

    /* FIX: remove fixed 250px width */
    .col-md-6 > article > div:first-child > div:first-child {
        width: 100% !important;
        height: 180px !important;
        min-width: 0 !important;
        max-width: 100% !important;
        flex-shrink: 1 !important;
    }

    /* Icon */
    .col-md-6 > article > div:first-child > div:first-child > div {
        width: 95px !important;
        height: 95px !important;
    }

    .col-md-6 > article > div:first-child > div:first-child i {
        font-size: 45px !important;
    }

    /* Text section */
    .col-md-6 > article > div:first-child > div:last-child {
        width: 100% !important;
        min-width: 0 !important;
        flex: none !important;
    }

    .col-md-6 > article h3 {
        font-size: 24px !important;
        margin-bottom: 8px !important;
    }

    .col-md-6 > article p {
        font-size: 15px !important;
        line-height: 1.5 !important;
    }

    /* Feature list */
    .col-md-6 > article div[style*="flex-direction:column"] {
        width: 100% !important;
    }

    /* Buttons */
    .col-md-6 > article > div:last-child {
        width: 100% !important;
        margin-top: 20px !important;
    }

    .col-md-6 > article > div:last-child a {
        width: 100% !important;
        min-height: 54px !important;
    }
}


/* Extra-small phones */
@media (max-width: 480px) {

    .help-center-hero-bg {
        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }

    .help-center-hero-bg h1 {
        font-size: 30px !important;
    }

    /* Popular topic buttons scroll instead of breaking layout */
    .help-center-hero-bg > .row > .col-sm-6 > article > div {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        justify-content: flex-start !important;
        padding-bottom: 8px !important;
    }

    .help-center-hero-bg > .row > .col-sm-6 > article > div > span {
        width: auto !important;
        flex-shrink: 0 !important;
    }

    .help-center-hero-bg > .row > .col-sm-6 > article > div > a {
        flex-shrink: 0 !important;
        min-width: auto !important;
        white-space: nowrap !important;
    }

    /* Card */
    .col-md-6 > article {
        padding: 18px !important;
    }

    .col-md-6 > article > div:first-child > div:first-child {
        height: 160px !important;
    }

    .col-md-6 > article > div:first-child > div:first-child > div {
        width: 85px !important;
        height: 85px !important;
    }

    .col-md-6 > article > div:first-child > div:first-child i {
        font-size: 40px !important;
    }

    .col-md-6 > article h3 {
        font-size: 22px !important;
    }
}/* =========================================
   HELP CENTER - MOBILE RESPONSIVE FIX
   ========================================= */

@media (max-width: 767px) {

    /* Prevent horizontal overflow */
    body {
        overflow-x: hidden !important;
    }

    /* Help center hero */
    .help-center-hero-bg {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .help-center-hero-bg .col-sm-6 {
        width: 100% !important;
        max-width: 100% !important;
    }

    .help-center-hero-bg h1 {
        font-size: 34px !important;
        line-height: 1.2 !important;
    }

    .help-center-hero-bg p {
        font-size: 14px !important;
    }

    /* Search box */
    .help-center-hero-bg .form-control {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Popular Topics */
    .help-center-hero-bg > .row > .col-sm-6 > article > div {
        flex-wrap: wrap !important;
        white-space: normal !important;
        gap: 8px !important;
    }

    .help-center-hero-bg > .row > .col-sm-6 > article > div > span {
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 5px !important;
    }

    .help-center-hero-bg > .row > .col-sm-6 > article > div > a {
        flex: 1 1 auto !important;
        min-width: 120px !important;
        padding: 0 12px !important;
    }

    /* =========================================
       ATTENDEE / ORGANIZER CARDS
       ========================================= */

    /* Bootstrap columns */
    .help-center-card,
    .col-md-6 {
        max-width: 100% !important;
    }

    /* Card itself */
    .col-md-6 > article {
        width: 100% !important;
        padding: 20px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    /* FIX: change fixed horizontal layout to vertical */
    .col-md-6 > article > div:first-child {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 20px !important;
    }

    /* FIX: remove fixed 250px width */
    .col-md-6 > article > div:first-child > div:first-child {
        width: 100% !important;
        height: 180px !important;
        min-width: 0 !important;
        max-width: 100% !important;
        flex-shrink: 1 !important;
    }

    /* Icon */
    .col-md-6 > article > div:first-child > div:first-child > div {
        width: 95px !important;
        height: 95px !important;
    }

    .col-md-6 > article > div:first-child > div:first-child i {
        font-size: 45px !important;
    }

    /* Text section */
    .col-md-6 > article > div:first-child > div:last-child {
        width: 100% !important;
        min-width: 0 !important;
        flex: none !important;
    }

    .col-md-6 > article h3 {
        font-size: 24px !important;
        margin-bottom: 8px !important;
    }

    .col-md-6 > article p {
        font-size: 15px !important;
        line-height: 1.5 !important;
    }

    /* Feature list */
    .col-md-6 > article div[style*="flex-direction:column"] {
        width: 100% !important;
    }

    /* Buttons */
    .col-md-6 > article > div:last-child {
        width: 100% !important;
        margin-top: 20px !important;
    }

    .col-md-6 > article > div:last-child a {
        width: 100% !important;
        min-height: 54px !important;
    }
}


/* Extra-small phones */
@media (max-width: 480px) {

    .help-center-hero-bg {
        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }

    .help-center-hero-bg h1 {
        font-size: 30px !important;
    }

    /* Popular topic buttons scroll instead of breaking layout */
    .help-center-hero-bg > .row > .col-sm-6 > article > div {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        justify-content: flex-start !important;
        padding-bottom: 8px !important;
    }

    .help-center-hero-bg > .row > .col-sm-6 > article > div > span {
        width: auto !important;
        flex-shrink: 0 !important;
    }

    .help-center-hero-bg > .row > .col-sm-6 > article > div > a {
        flex-shrink: 0 !important;
        min-width: auto !important;
        white-space: nowrap !important;
    }

    /* Card */
    .col-md-6 > article {
        padding: 18px !important;
    }

    .col-md-6 > article > div:first-child > div:first-child {
        height: 160px !important;
    }

    .col-md-6 > article > div:first-child > div:first-child > div {
        width: 85px !important;
        height: 85px !important;
    }

    .col-md-6 > article > div:first-child > div:first-child i {
        font-size: 40px !important;
    }

    .col-md-6 > article h3 {
        font-size: 22px !important;
    }
}
/* =========================================
   HELP CENTER - MOBILE ONLY
   ========================================= */

@media (max-width: 767px) {

    /* Prevent horizontal overflow */
    html,
    body {
        overflow-x: hidden !important;
    }

    /* ==============================
       HERO SECTION
       ============================== */

    .help-center-hero-bg {
        padding: 45px 20px 35px !important;
        min-height: auto !important;
    }

    .help-center-hero-bg h1 {
        font-size: 30px !important;
        line-height: 1.2 !important;
        margin-bottom: 10px !important;
    }

    .help-center-hero-bg article {
        margin-bottom: 0 !important;
    }

    .help-center-hero-bg article > p {
        font-size: 14px !important;
        line-height: 1.45 !important;
        margin-bottom: 18px !important;
    }

    /* Search */
    .help-center-hero-bg form {
        margin-bottom: 14px !important;
    }

    .help-center-hero-bg .input-icon {
        width: 100% !important;
    }

    .help-center-hero-bg .form-control {
        height: 48px !important;
        font-size: 13px !important;
        padding-left: 38px !important;
    }

    /* ==============================
       POPULAR TOPICS
       ============================== */

    .help-center-hero-bg article > div {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 8px !important;
        margin-top: 10px !important;
        white-space: normal !important;
    }

    .help-center-hero-bg article > div > span {
        width: 100% !important;
        margin: 0 0 2px 0 !important;
        text-align: left !important;
        font-size: 15px !important;
    }

    .help-center-hero-bg article > div > a {
        flex: 1 1 calc(50% - 8px) !important;
        min-width: 0 !important;
        height: 42px !important;
        padding: 0 8px !important;
        font-size: 13px !important;
        white-space: nowrap !important;
    }


    /* ==============================
       ATTENDEE / ORGANIZER CARDS
       ============================== */

    .col-md-6 {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .col-md-6 > article {
        padding: 18px !important;
        overflow: hidden !important;
    }

    .col-md-6 > article > div:first-child {
        flex-direction: column !important;
        gap: 15px !important;
    }

    /* Icon area */
    .col-md-6 > article > div:first-child > div:first-child {
        width: 100% !important;
        height: 135px !important;
    }

    .col-md-6 > article > div:first-child > div:first-child > div {
        width: 75px !important;
        height: 75px !important;
    }

    .col-md-6 > article > div:first-child > div:first-child i {
        font-size: 35px !important;
    }

    /* Text */
    .col-md-6 > article h3 {
        font-size: 22px !important;
        margin-bottom: 6px !important;
    }

    .col-md-6 > article p {
        font-size: 14px !important;
        line-height: 1.45 !important;
        margin-bottom: 12px !important;
    }

    .col-md-6 > article div[style*="flex-direction:column"] {
        gap: 8px !important;
        font-size: 14px !important;
    }

    /* Button */
    .col-md-6 > article > div:last-child {
        margin-top: 18px !important;
    }

    .col-md-6 > article > div:last-child a {
        min-height: 48px !important;
        font-size: 14px !important;
    }


    /* ==============================
       STILL NEED HELP / SUPPORT BOX
       ============================== */

    .support-box,
    .box-support {
        margin: 10px 0 !important;
        padding: 15px !important;
    }

    /* Compact support section */
    .support-box .article,
    .box-support .article {
        padding: 0 !important;
    }

    /* Make support content fit */
    .support-box h4,
    .support-box h5,
    .box-support h4,
    .box-support h5 {
        font-size: 19px !important;
        margin-bottom: 4px !important;
    }

    .support-box p,
    .box-support p {
        font-size: 13px !important;
        line-height: 1.4 !important;
        margin-bottom: 8px !important;
    }

    /* Contact / Send us mail button */
    .support-box a,
    .box-support a {
        font-size: 13px !important;
        padding: 7px 12px !important;
        margin: 3px 0 !important;
    }

}
@media (max-width: 767px) {
    .support-contact-mobile {
        margin-top: 8px !important;
    }

    .support-contact-mobile a {
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        color: #4B164C !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        text-decoration: none !important;
    }
}
/* SUPPORT SECTION - MOBILE */
@media (max-width: 767px) {

    .support-section-wide {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .support-section-wide > div {
        width: 100% !important;
        max-width: 100% !important;
        padding: 18px 15px !important;
        box-sizing: border-box !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 14px !important;
    }

    /* Icon + text */
    .support-section-wide > div > div:first-child {
        width: 100% !important;
        max-width: 100% !important;

        display: flex !important;
        align-items: center !important;
        gap: 12px !important;

        box-sizing: border-box !important;
    }

    .support-section-wide > div > div:first-child span {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        flex-shrink: 0 !important;
    }

    .support-section-wide > div > div:first-child i {
        font-size: 21px !important;
    }

    .support-section-wide h4 {
        font-size: 17px !important;
        line-height: 1.25 !important;
        margin: 0 0 4px 0 !important;
    }

    .support-section-wide p {
        font-size: 13px !important;
        line-height: 1.4 !important;
        margin: 0 !important;
    }

    /* BUTTON CONTAINER */
    .support-section-wide > div > div:last-child {
        width: 100% !important;
        max-width: 100% !important;

        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: center !important;

        gap: 8px !important;
        box-sizing: border-box !important;
    }

    /* BOTH BUTTONS */
    .support-section-wide > div > div:last-child a {
        display: inline-flex !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: 145px !important;

        flex: 0 1 auto !important;

        padding: 9px 12px !important;
        margin: 0 !important;

        font-size: 12px !important;
        line-height: 1.2 !important;

        white-space: nowrap !important;
        text-align: center !important;

        box-sizing: border-box !important;
        overflow: hidden !important;
    }
}
@media (max-width: 767px) {

    .help-category-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .help-category-grid > div {
        padding: 14px 12px !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    .help-category-grid h3 {
        font-size: 17px !important;
        line-height: 1.15 !important;
    }

    .help-category-grid > div > a {
        font-size: 12px !important;
        line-height: 1.45 !important;
        margin-bottom: 8px !important;
    }

}
.action-wrap .btn-primary,
.action-wrap .btn-primary:hover,
.action-wrap .btn-primary:focus,
.action-wrap .btn-primary:active {
    color: #ffffff !important;
}

.action-wrap .btn-primary i {
    color: #ffffff !important;
}
/* =========================================================
   MOBILE ATTENDEE MENU
   ========================================================= */

@media (max-width: 991px) {

    .offcanvas,
    .offcanvas-menu,
    .mobile-menu,
    .mobile-sidebar,
    .navbar-collapse {
        background: #ffffff !important;
        background-color: #ffffff !important;
    }

    .offcanvas *,
    .offcanvas-menu *,
    .mobile-menu *,
    .mobile-sidebar * {
        color: #4B164C !important;
    }

    .offcanvas a,
    .offcanvas-menu a,
    .mobile-menu a,
    .mobile-sidebar a {
        background-color: #ffffff !important;
        color: #4B164C !important;
    }

    .offcanvas a i,
    .offcanvas-menu a i,
    .mobile-menu a i,
    .mobile-sidebar a i {
        color: #4B164C !important;
    }
}
/* =========================================================
   ATTENDEE SIDEBAR - FORCE WHITE BACKGROUND + PURPLE
   ========================================================= */

/* Main attendee sidebar */
.sidebar,
aside.sidebar,
.card-sidebar,
.dashboard-sidebar,
.attendee-sidebar,
.offcanvas,
.offcanvas-body {
    background-color: #ffffff !important;
}

/* Sidebar cards / boxes */
.sidebar .card,
.sidebar .box,
.sidebar .list-group,
.sidebar .list-group-item,
.card-sidebar .card,
.dashboard-sidebar .card {
    background-color: #ffffff !important;
    color: #4B164C !important;
    border-color: #eeeeee !important;
}

/* Sidebar headings */
.sidebar h4,
.sidebar h5,
.sidebar h6,
.dashboard-sidebar h4,
.dashboard-sidebar h5,
.dashboard-sidebar h6 {
    color: #4B164C !important;
}

/* Sidebar links */
.sidebar a,
.dashboard-sidebar a,
.card-sidebar a {
    color: #4B164C !important;
    background-color: #ffffff !important;
}

/* Sidebar icons */
.sidebar a i,
.sidebar i,
.dashboard-sidebar a i,
.dashboard-sidebar i {
    color: #4B164C !important;
}

/* Hover */
.sidebar a:hover,
.dashboard-sidebar a:hover,
.card-sidebar a:hover {
    color: #ffffff !important;
    background-color: #4B164C !important;
}

/* Active menu item */
.sidebar .active,
.sidebar .active a,
.dashboard-sidebar .active,
.dashboard-sidebar .active a {
    color: #ffffff !important;
    background-color: #4B164C !important;
}

/* Cart / Favorites / Tickets menu items */
a[href*="cart"],
a[href*="favorite"],
a[href*="favorites"],
a[href*="my-cart"],
a[href*="my-favorites"],
a[href*="my-tickets"] {
    background-color: #ffffff !important;
    color: #4B164C !important;
}

/* Their icons */
a[href*="cart"] i,
a[href*="favorite"] i,
a[href*="favorites"] i,
a[href*="my-cart"] i,
a[href*="my-favorites"] i,
a[href*="my-tickets"] i {
    color: #4B164C !important;
}

/* Hover these items */
a[href*="cart"]:hover,
a[href*="favorite"]:hover,
a[href*="favorites"]:hover,
a[href*="my-cart"]:hover,
a[href*="my-favorites"]:hover,
a[href*="my-tickets"]:hover {
    background-color: #4B164C !important;
    color: #ffffff !important;
}

a[href*="cart"]:hover i,
a[href*="favorite"]:hover i,
a[href*="favorites"]:hover i,
a[href*="my-cart"]:hover i,
a[href*="my-favorites"]:hover i,
a[href*="my-tickets"]:hover i {
    color: #ffffff !important;
}
/* Left sidebar hover */
.left-sidebar a:hover,
.sidebar a:hover {
    background-color: #55145a !important;
    color: #fff !important;
}

/* Make icons white too */
.left-sidebar a:hover i,
.sidebar a:hover i {
    color: #fff !important;
}
.btn-google-plus,
.btn-apple {
    background-color: #ffffff !important;
    border: 1px solid #4B164C !important;
    color: #4B164C !important;
    transition: all 0.3s ease;
}

.btn-google-plus i,
.btn-apple i {
    color: #4B164C !important;
}

.btn-google-plus:hover,
.btn-apple:hover {
    background-color: #4B164C !important;
    border-color: #4B164C !important;
    color: #ffffff !important;
}

.btn-google-plus:hover i,
.btn-apple:hover i {
    color: #ffffff !important;
}

/* Mobile */
@media (max-width: 768px) {
    .btn-google-plus,
    .btn-apple {
        background-color: #ffffff !important;
        border-color: #4B164C !important;
        color: #4B164C !important;
    }

    .btn-google-plus i,
    .btn-apple i {
        color: #4B164C !important;
    }

    .btn-google-plus:hover,
    .btn-apple:hover {
        background-color: #4B164C !important;
        border-color: #4B164C !important;
        color: #ffffff !important;
    }

    .btn-google-plus:hover i,
    .btn-apple:hover i {
        color: #ffffff !important;
    }
}
/* =========================================================
   ADMIN DASHBOARD SIDEBAR FIX
   ========================================================= */

/* Sidebar background */
#dashboard-menu {
    background: #ffffff !important;
    color: #4B164C !important;
}

/* All sidebar links */
#dashboard-menu .nav-link {
    color: #4B164C !important;
    background-color: transparent !important;
    opacity: 1 !important;
}

/* Sidebar icons */
#dashboard-menu .nav-link i {
    color: #4B164C !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* =========================================================
   HOVER EFFECT
   ========================================================= */

#dashboard-menu .nav-link:hover {
    color: #ffffff !important;
    background-color: #4B164C !important;
}

/* Hover icons */
#dashboard-menu .nav-link:hover i {
    color: #ffffff !important;
}

/* =========================================================
   ACTIVE SIDEBAR ITEM
   ========================================================= */

#dashboard-menu .nav-link.active {
    background-color: #4B164C !important;
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Active item icon */
#dashboard-menu .nav-link.active i {
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* =========================================================
   DROPDOWN PARENT ITEMS
   ========================================================= */

#dashboard-menu > .nav-item > .nav-link.dropdown-toggle {
    color: #4B164C !important;
    background-color: transparent !important;
}

#dashboard-menu > .nav-item > .nav-link.dropdown-toggle i {
    color: #4B164C !important;
}

/* Dropdown parent hover */
#dashboard-menu > .nav-item > .nav-link.dropdown-toggle:hover {
    color: #ffffff !important;
    background-color: #4B164C !important;
}

#dashboard-menu > .nav-item > .nav-link.dropdown-toggle:hover i {
    color: #ffffff !important;
}

/* Dropdown arrow */
#dashboard-menu .dropdown-toggle::after {
    color: #4B164C !important;
}

#dashboard-menu .dropdown-toggle:hover::after {
    color: #ffffff !important;
}

/* =========================================================
   SUBMENU
   ========================================================= */

#dashboard-menu .nav.flex-column .nav-link {
    color: #4B164C !important;
    background-color: transparent !important;
}

/* Submenu hover */
#dashboard-menu .nav.flex-column .nav-link:hover {
    color: #ffffff !important;
    background-color: #4B164C !important;
}

/* Active submenu */
#dashboard-menu .nav.flex-column .nav-link.active {
    background-color: #4B164C !important;
    color: #ffffff !important;
}

/* =========================================================
   SIDEBAR CONTAINER
   ========================================================= */

.dashboard-sidebar {
    background: #ffffff !important;
}

.dashboard-sidebar ul {
    background: #ffffff !important;
}

/* Prevent opacity problems */
.dashboard-sidebar,
.dashboard-sidebar a,
.dashboard-sidebar span {
    opacity: 1 !important;
}

/* =========================================================
   ICON COLORS
   ========================================================= */

.dashboard-sidebar .fas,
.dashboard-sidebar .far,
.dashboard-sidebar .fab {
    color: #4B164C !important;
}

.dashboard-sidebar .nav-link:hover .fas,
.dashboard-sidebar .nav-link:hover .far,
.dashboard-sidebar .nav-link:hover .fab,
.dashboard-sidebar .nav-link.active .fas,
.dashboard-sidebar .nav-link.active .far,
.dashboard-sidebar .nav-link.active .fab {
    color: #ffffff !important;
}
/* Homepage event cards */
.card-event {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    overflow: visible !important;
}

/* Image section */
.card-event .card-banner {
    height: 300px !important;
    overflow: hidden !important;
}

/* Details section */
.card-event .card-body {
    height: auto !important;
    min-height: 150px !important;
    overflow: visible !important;
    position: relative !important;
    background: #fff !important;
    padding: 15px !important;
}

/* Text */
.card-event .card-body * {
    visibility: visible !important;
    opacity: 1 !important;
}
/* =========================================
   HOMEPAGE EVENT CARD
   ========================================= */

.card-event {
    margin: 0 auto 40px !important;
    border: 2px solid #4B164C !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    background: #fff !important;
    position: relative !important;
}

/* Event image */
.card-event .img-wrap {
    width: 100% !important;
    height: 380px !important;
    min-height: 380px !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Details area */
.card-event .info-wrap {
    height: auto !important;
    min-height: 130px !important;
    padding: 18px 20px !important;
    background: #fff !important;
}

/* Event title */
.card-event .event-info h5 {
    margin: 0 0 8px 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
}

/* Event title link */
.card-event .event-info h5 a {
    color: #000000 !important;
    font-size: 20px !important;
}

/* Event details - SHOW */
.card-event .event-info .text-black-50 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #666666 !important;
}

/* Category */
.card-event .event-category {
    color: #000000 !important;
    font-size: 13px !important;
}

/* Hide only favorite if you don't want it */
.card-event .event-favorite {
    display: none !important;
}
/* =========================================
   EVENT CARD TYPOGRAPHY
   ========================================= */

/* Event title */
.card-event .event-info h5,
.card-event .event-info h5 a {
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: #111111 !important;
    margin-bottom: 10px !important;
}

/* Venue / location */
.card-event .event-info .text-black-50.small {
    font-size: 15px !important;
    line-height: 1.5 !important;
    color: #333333 !important;
    font-weight: 400 !important;
}

/* Date and time */
.card-event .event-info .text-black-50.small:last-child {
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #333333 !important;
    font-weight: 400 !important;
}

/* Price */
.card-event .price-wrap {
    font-size: 17px !important;
    font-weight: 700 !important;
    margin-top: 8px !important;
}

.card-event .price-new {
    font-size: 17px !important;
    font-weight: 700 !important;
}

/* Keep card text clean */
.card-event .event-info {
    padding: 15px 16px !important;
}
.card-event .price-wrap {
    position: absolute !important;
    right: 18px !important;
    bottom: 18px !important;
    margin: 0 !important;
}

.card-event .price-new {
    color: #4B164C !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}
/* =========================================
   EVENT CARD - COMPACT DETAILS
   ========================================= */

.card-event .info-wrap {
    padding: 14px 16px 16px !important;
}

.card-event .event-info {
    position: relative;
    padding: 0 !important;
    margin: 0 !important;
}

/* Event title */
.card-event .event-info h5 {
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
}

/* Location */
.card-event .event-info .text-black-50.small {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
}

/* Date + time */
.card-event .event-info .text-black-50.small + .text-black-50.small {
    margin-top: 3px !important;
    line-height: 1.35 !important;
}

/* Price */
.card-event .price-wrap {
    position: absolute;
    right: 16px;
    bottom: 16px;
    margin: 0 !important;
    padding: 0 !important;
}

.card-event .price-new {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #4B164C !important;
    white-space: nowrap;
}

/* Keep the details section compact */
.card-event .event-info br {
    line-height: 1 !important;
}

/* Prevent excessive height */
.card-event .info-wrap {
    min-height: 0 !important;
    height: auto !important;
}

/* Make sure card doesn't stretch unnecessarily */
.card-event {
    height: auto !important;
}
/* Add New Event button */
a.btn.btn-primary[href*="/dashboard/organizer/my-events/add"] {
    background-color: #ffffff !important;
    border-color: #4B164C !important;
    color: #4B164C !important;
    transition: all 0.3s ease;
}

a.btn.btn-primary[href*="/dashboard/organizer/my-events/add"] i {
    color: #4B164C !important;
}

/* Hover */
a.btn.btn-primary[href*="/dashboard/organizer/my-events/add"]:hover {
    background-color: #4B164C !important;
    border-color: #4B164C !important;
    color: #ffffff !important;
}

a.btn.btn-primary[href*="/dashboard/organizer/my-events/add"]:hover i {
    color: #ffffff !important;
}
/* Hide On Sale label from event cards */
.event-sale-badge {
    display: none !important;
}
/* Popular Topics - default state */
.popular-topics a,
.popular-topics button {
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.75) !important;
}

/* Hover state */
.popular-topics a:hover,
.popular-topics button:hover {
    background-color: #ffffff !important;
    color: #4B164C !important;
}

/* Remove Bootstrap active/focus white background */
.popular-topics a:focus,
.popular-topics a:active,
.popular-topics button:focus,
.popular-topics button:active {
    background-color: transparent !important;
    color: #ffffff !important;
}
/* =========================================================
   REMOVE BLACK MOBILE PROFILE OVERLAY
   ========================================================= */

@media (max-width: 991px) {

    body[style*="background-color: rgba(0, 0, 0, 0.4)"] {
        background-color: #ffffff !important;
    }

    body[style*="background-color:rgba(0, 0, 0, 0.4)"] {
        background-color: #ffffff !important;
    }

    /* Keep mobile profile/sidebar WHITE */
    #dashboard-sidenav,
    #dashboard-sidenav *,
    .dashboard-sidebar,
    .dashboard-sidebar * {
        background-color: #ffffff !important;
    }

    /* Purple text */
    #dashboard-sidenav a,
    #dashboard-sidenav .nav-link,
    .dashboard-sidebar a,
    .dashboard-sidebar .nav-link {
        color: #4B164C !important;
    }

    /* Purple hover */
    #dashboard-sidenav a:hover,
    #dashboard-sidenav .nav-link:hover,
    .dashboard-sidebar a:hover,
    .dashboard-sidebar .nav-link:hover {
        background-color: #4B164C !important;
        color: #ffffff !important;
    }

    #dashboard-sidenav a:hover *,
    #dashboard-sidenav .nav-link:hover *,
    .dashboard-sidebar a:hover *,
    .dashboard-sidebar .nav-link:hover * {
        color: #ffffff !important;
    }
}
.dashboard-sidebar .nav-link {
    color: #4B164C !important;
}
/* Manage event alert link */
.alert.alert-info.alert-icon a {
    color: #8b5a91 !important;
    font-weight: 600;
    text-decoration: none !important;
    transition: color 0.2s ease, opacity 0.2s ease;
}

/* Hover */
.alert.alert-info.alert-icon a:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
    opacity: 1;
}
.title-page.dark.b {
    text-transform: uppercase !important;
}