/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Aleo:ital,wght@0,100..900;1,100..900&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Lobster+Two:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/* Color Roots */
:root {
  --bg-primary: #09060B;
  --bg-secondary: #ffffff;
  --grediant-color-1: #110D15;
  --font-dm-sans: "DM Sans", sans-serif;
  --font-aleo-sans: "Aleo", serif;
  --font-lobster: "Lobster Two", sans-serif;
  --bg-primary-1: #010002;
}

body {
  font-family: var(--font-dm-sans);
}

.common-btn {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  color: var(--bg-secondary);
  padding: 12px 30px;
  text-align: center;
  border-radius: 40px;
  transition: 0.4s;
}

.common-btn:hover {
  transform: scale(0.95);
  color: var(--bg-secondary);
}

/* Header Css Start */
.new-header .c-container {
  max-width: calc(100% - 100px);
  margin-inline: auto;
}

.new-header.header-section {
  padding-block: 5px;
  background-color: var(--bg-primary);
}

.new-header.header-section .c-nav-link {
  font-family: var(--font-dm-sans) !important;
  font-weight: 500 !important;
  font-size: 18px;
  padding-inline: 25px;
}

.new-header .primary-btn {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  color: var(--bg-secondary);
  border-radius: 30px;
  transition: 0.4s;
  font-family: var(--font-dm-sans);
  padding: 12px 30px;
}

.new-header .primary-btn:hover {
  transform: scale(0.95);
}

.new-header .left-dropdown-menu {
  position: fixed !important;
  width: 100%;
  top: 65px;
  border-radius: 0;
  padding-block: 0;
  background-color: var(--grediant-color-1);
  max-height: 380px;
  overflow-y: scroll;
  background-clip: border-box;
  box-shadow: 0px 4px 10px 0px #8E3CEB14 inset;
  overflow-x: hidden;
}

.new-header .left-dropdown-menu::-webkit-scrollbar {
  width: 2px;
}

.new-header .left-dropdown-menu::-webkit-scrollbar-track {
  background: transparent;
}

.new-header .left-dropdown-menu::-webkit-scrollbar-thumb {
  background: var(--bg-secondary);
}

.new-header .left-dropdown-menu::-webkit-scrollbar-thumb:hover {
  background: var(--bg-secondary);
}

.categories-section .dropdown-title {
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--bg-secondary) !important;
  margin-bottom: 30px;
}

.categories-dropdown {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 30px;
}

.new-header .categories-section {
  padding-block: 25px;
  padding-inline: 20px;
  max-width: calc(100% - 115px);
  margin-inline: auto;
}

.new-header .categories-section .dropdown-item img {
  margin-right: 10px;
  border-radius: 6px;
  max-width: 40px;
}

.new-header .categories-section .dropdown-item {
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  color: var(--bg-secondary);
}

.new-header .categories-section .dropdown-item:hover {
  background-color: transparent;
}

.new-header .categories-title-section svg {
  margin-right: 10px;
}

.menu-btn {
  position: relative;
  width: 35px;
  height: 35px;
  border: none;
  border-radius: 50%;
  background: #8E44AD;
  cursor: pointer;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease;
}

.menu-btn:active {
  transform: scale(0.92);
}

.icon {
  position: absolute;
  width: 17px;
  height: 17px;
  fill: none;
  color: var(--bg-secondary);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.icon-close {
  opacity: 0;
  transform: scale(0.8);
}

.icon-menu {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.menu-btn.open .icon-menu {
  opacity: 0;
  transform: scale(0.8);
}

.menu-btn.open .icon-close {
  opacity: 1;
  transform: scale(1);
}

.icon-menu .line-one {
  display: block;
  width: 100%;
  height: 1px;
  margin-bottom: 3px;
  background-color: var(--bg-secondary);
  margin-left: auto;
}

.icon-menu .line-two {
  display: block;
  width: 75%;
  height: 1px;
  margin-bottom: 3px;
  background-color: var(--bg-secondary);
  margin-left: auto;
}

.icon-menu .line-three {
  display: block;
  width: 50%;
  height: 1px;
  background-color: var(--bg-secondary);
  margin-left: auto;
}

.new-header.header-section.sticky-nav {
  padding-block: 0;
  height: unset !important;
}

.new-header.header-section.sticky-nav .navbar {
  padding-block: 10px 11px;
}

/* Header Css End */

/* Footer Css Start */
.new-footer.footer {
  background: var(--bg-primary);
  padding-bottom: 30px;
}

.new-footer .footer-bottom {
  margin-top: 0;
}

.new-footer.footer .c-container {
  max-width: calc(100% - 100px);
  margin-inline: auto;
  padding-inline: 15px;
}

.new-footer.footer .copyright-links {
  padding-top: 0;
  border-top: none;
  color: #BEBEBE;
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
}

.new-footer.footer .center-footer-title {
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-size: 22px;
  line-height: 100%;
  color: var(--bg-secondary);
  margin-bottom: 25px;
}

.new-footer.footer .footer-li {
  margin-bottom: 15px;
  margin-top: 0;
}

.new-footer.footer .footer-links {
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  position: relative;
}

.new-footer.footer .footer-links::after {
  height: 1px;
  background-color: var(--bg-secondary);
  left: 0;
  width: 0;
  transition: 0.4s;
  position: absolute;
  content: '';
  bottom: 0;
}

.new-footer.footer .footer-links:hover::after {
  width: 100%;
}

.new-footer.footer .footer-links:hover {
  color: var(--bg-secondary);
}

.new-footer.footer .footer-bottom {
  margin-top: 40px;
  position: relative;
  border: none;
  padding-top: 30px;
  align-items: center;
}

.new-footer.footer .footer-bottom:after {
  position: absolute;
  top: 0;
  content: '';
  height: 1px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF6e 51%, rgba(255, 255, 255, 0) 100%);
  width: 100%;
  left: 0;
}

.footer-bottom-ul {
  margin-left: auto;
}

.new-footer.footer .footer-bottom-a {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  width: 50px;
  height: 50px;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  transition: 0.4s;
}

.new-footer.footer .footer-bottom-a img {
  width: 25px;
  height: 25px;
  transition: 0.4s;
}

.new-footer.footer .footer-bottom-a:hover {
  transform: scale(0.95);
}

.new-footer.footer .footer-bottom-a:hover img {
  transform: scale(0.95);
  width: 25px;
  height: 25px;
}

/* Footer Css End */

/* Auth Page Start */
/* Sign in css Start */
.new-design-subscribe-block.subscribe-block {
  background-image: none;
  background-color: transparent;
  padding-block: 0 !important;
  margin-block: 0 !important;
  min-height: 100%;
  align-items: center;
  justify-content: center;
}

.new-design-subscribe-block .auth-page {
  background-color: var(--bg-primary-1);
  position: relative;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
}

.new-design-subscribe-block .auth-page::after {
  content: '';
  position: absolute;
  background-image: url(../images/bg-frame.png);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}

.new-design-subscribe-block .auth-page .container {
  height: auto;
}

.new-design-subscribe-block .c-container {
  width: calc(100% - 100px);
  margin-inline: auto;
}

.new-design-subscribe-block .right-img-section img.bg-img {
  width: 100%;
  height: calc(100vh - 100px);
}

.new-design-subscribe-block .left-auth-section .form-block {
  background-color: #110D15;
  backdrop-filter: blur(5px);
  z-index: 1;
  margin-inline: auto;
  position: relative;
  padding: 50px 70px;
  position: relative;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5);
  border-radius: 24px;
  max-width: 650px;
  width: 100%;
}

.new-design-subscribe-block .left-auth-section .auth-logo {
  display: block;
  text-align: center;
  margin-bottom: 40px;
}

.new-design-subscribe-block .left-auth-section .form-title {
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 30px;
  line-height: 100%;
  text-transform: capitalize;
}

.new-design-subscribe-block .left-auth-section .form-label {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 16px;
  color: var(--bg-secondary);
}

.new-design-subscribe-block .left-auth-section .c-form-control {
  border: 1px solid #3D3347;
  background: #1F1826;
  border-radius: 40px;
  padding-left: 60px;
  color: #AFAFAF;
}

.new-design-subscribe-block .left-auth-section .c-form-control::placeholder,
.new-design-subscribe-block .left-auth-section .c-form-control:focus {
  color: #AFAFAF;
  background: #1F1826;
  background-color: #1F1826;
}

.new-design-subscribe-block .left-auth-section .sticky-btn {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  height: 50px;
  width: 50px;
  background-color: #1F1826;
  border: 1px solid #3D3347;
  border-right: none;
  border-radius: 40px 0 0 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.new-design-subscribe-block .left-auth-section .input-group {
  position: relative;
}

.new-design-subscribe-block .form-block .form-group {
  margin-bottom: 15px;
}

.new-design-subscribe-block .forgot-txt {
  margin-top: 10px;
  color: var(--bg-secondary);
  font-size: 14px;
  margin-bottom: 55px;
}

.new-design-subscribe-block .btn-subscribe {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  padding: 10px 25px;
  border-color: transparent;
  color: var(--bg-secondary);
  border-radius: 50px;
  transition: 0.4s;
  font-size: 18px;
  font-family: var(--font-dm-sans);
  text-transform: capitalize;
}

.new-design-subscribe-block .btn-subscribe:hover {
  transform: scale(0.98);
}

.new-design-subscribe-block .divider-txt span {
  background-color: #110D15;
  border: none;
  margin-top: 10px;
}

.new-design-subscribe-block .divider-txt:before {
  border-bottom: 1px solid #D1D1D166;
  width: 75%;
  left: 50%;
  transform: translateX(-50%);
}

.new-design-subscribe-block .social-btn-group {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.new-design-subscribe-block .social-btn {
  background-color: #1F1826;
  border: 1px solid #3D3347;
  border-radius: 50px;
  color: var(--bg-secondary);
  padding: 14.5px 10px;
  font-size: 14px;
}

.new-design-subscribe-block .social-btn svg {
  margin-right: 3px;
}

.new-design-subscribe-block .reg-txt {
  color: #AFAFAF;
  margin-bottom: 0;
  font-family: var(--font-dm-sans);
}

.new-design-subscribe-block .reg-txt a {
  color: var(--bg-secondary);
  font-weight: 400;
  text-decoration: underline;
  border-bottom: 0.5px solid #ffffff;
}

/* Sign up css Start */
.signup-page .form-block {
  max-height: 707px;
  overflow-y: auto;
}

.signup-page .form-block::-webkit-scrollbar {
  width: 5px;
}

.signup-page .form-block::-webkit-scrollbar-track {
  background: transparent;
}

.signup-page .form-block::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
  height: 4px;
  width: 4px;
}

.signup-page .form-block::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.signup-page .left-auth-section .sticky-select {
  width: 75px;
}

.signup-page .left-auth-section .sticky-select select {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border-radius: 40px 0 0 40px;
  border: none;
  padding-inline: 8px;
  color: #afafaf;
  -webkit-appearance: none;
  appearance: none;
  background-image: none;
}

.new-design-subscribe-block .left-auth-section select.c-form-control {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  background-image: none;
}

.signup-page .left-auth-section .sticky-select+.c-form-control {
  padding-left: 85px;
}

.signup-page .no-arrows::-webkit-outer-spin-button,
.signup-page .no-arrows::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.signup-page .condition-lbl {
  font-size: 14px;
}

.signup-page .condition-lbl a {
  color: var(--bg-secondary);
  border-bottom: 0.5px solid var(--bg-secondary);
}

.signup-page .condition-lbl-section {
  margin-top: 50px;
}

.sign-up-dtix-logo-section .sign-up-dtix-logo-text {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: #AFAFAF;
  margin-bottom: 0;
}

.sign-up-dtix-logo-section {
  display: flex;
  align-items: center;
  margin-top: 15px;
  justify-content: center;
  margin-bottom: 15px;
}

.sign-up-dtix-logo-section img {
  width: 100px;
  margin-inline: 10px;
}

.small-mobile {
  display: none;
}

.desktop-ai-agent {
  display: block;
}

.mobile-ai-agent {
  display: none;
}

/* Forgot password css start */
.forgot-page .outline-btn {
  border: 1px solid var(--bg-secondary);
  border-radius: 40px;
  text-align: center;
  padding: 10px 15px;
  color: var(--bg-secondary);
  width: 100%;
  margin-top: 20px;
}

.forgot-page .forgot-des {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  color: #AFAFAF;
  margin-bottom: 20px;
}

.new-design-subscribe-block .forgot-page .form-block .form-group {
  margin-bottom: 150px;
}

/* Auth Page End */


/* Home Page Css Start */
.home-page {
  background-color: var(--bg-primary-1);
}

.home-page .c-container {
  max-width: calc(100% - 100px);
  margin-inline: auto;
  padding-inline: 15px;
}

/* Main Banner Section Start */
.main-banner-section {
  background-image: url(../img/main-banner.jpg);
  height: 830px;
  width: 100%;
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  position: relative;
}

.main-banner-section .main-banner-title {
  color: var(--bg-secondary);
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-size: 50px;
  line-height: 70px;
  text-align: center;
  margin-bottom: 20px;
  margin-bottom: 40px;
}

.main-banner-section .main-banner-title span {
  background: linear-gradient(101.04deg, #8E3CEB 51.07%, #B340C6 87.67%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.main-banner-section .main-banner-subtitle {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 21px;
  line-height: 100%;
  text-align: center;
  color: var(--bg-secondary);
}

.custom-search-dropdown .search:focus {
  border-radius: 0 40px 40px 0 !important;
}

.custom-search-dropdown .js-dropdown.dropdown {
  width: 100%;
  border-radius: 40px !important;
  line-height: 48px;
  height: 50px;
  padding-block: 0;
  background-color: #f6f6f0 !important;
  order: 2;
  z-index: 1;
}

.custom-search-dropdown .search-icon {
  position: absolute;
  top: 0;
  z-index: 11;
}

.custom-search-dropdown #home_search_city,
.custom-search-dropdown .js-dropdown.dropdown.active.visible,
.custom-search-dropdown .js-dropdown.dropdown.active {
  border-radius: 40px !important;
  box-shadow: none !important;
}

.custom-search-dropdown .ui.search.dropdown>input.search {
  height: 100%;
}

.custom-search-dropdown .ui.search.dropdown.active>.text,
.custom-search-dropdown .ui.search.dropdown.visible>.text,
.custom-search-dropdown .ui.search.dropdown>.text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 60px;
}

.custom-search-dropdown {
  max-width: 470px;
  margin-inline: auto;
  position: relative;
}

.custom-search-dropdown .ui.search.dropdown input.search,
.custom-search-dropdown .ui.search.dropdown.active>input.search,
.custom-search-dropdown .ui.search.dropdown.visible>input.search {
  padding-left: 60px !important;
}

.custom-search-dropdown .search-icon {
  position: absolute;
  left: 5px;
  top: 5px;
  height: 40px;
  width: 40px;
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  padding: 8px;
  border: 1px solid transparent;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-items: center;
}

.custom-search-dropdown .ui.dropdown>.dropdown.icon:before {
  content: '';
  background-image: url(../img/close-circle.svg) !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 30px;
  position: absolute;
  z-index: 99;
  right: 10px;
  top: 10px;
  height: 30px;
  transform: translateY(0);
}

.custom-search-dropdown .ui.search.dropdown .menu {
  margin-top: 10px;
  border-radius: 20px;
}

.custom-search-dropdown .ui.upward.selection.dropdown.visible {
  border-radius: 40px !important;
}

.custom-search-dropdown .ui.selection.dropdown .menu {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  border: none;
  position: relative;
  top: 30px;
  z-index: 1000;
}

.custom-search-dropdown .ui.selection.dropdown .menu::-webkit-scrollbar {
  width: 6px;
}

.custom-search-dropdown .ui.selection.dropdown .menu::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 4px;
}

.custom-search-dropdown .ui.selection.dropdown .menu::-webkit-scrollbar-track {
  background: transparent;
}

.ui.dropdown:not(.button)>.default.text,
.ui.default.dropdown:not(.button)>.text {
  color: #5E39E5 !important;
  font-family: var(--font-dm-sans);
}

/* Main Banner Section End */

/* Event Slider Section Start */
.events-section .c-title {
  padding-block: 0;
}

.events-section .c-title .main-title {
  margin-bottom: 40px;
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  text-align: center;
  color: var(--bg-secondary);
}

.events-section .event-box {
  position: relative;
}

.event-box-title {
  position: absolute;
  bottom: 0;
  margin-bottom: 30px;
  left: 0;
  text-align: center;
  width: 100%;
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 30px;
  line-height: 100%;
  color: var(--bg-secondary);
  z-index: 1;
}

.event-slider .owl-nav.disabled {
  display: block !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.event-slider .owl-nav.disabled button:hover {
  transform: scale(0.95);
  background: var(--bg-secondary) !important;
  opacity: 0.8;
}

.event-slider .owl-nav.disabled button span {
  display: none;
}

.event-slider .owl-nav.disabled .owl-prev {
  position: absolute;
  left: -25px;
  background-color: var(--bg-secondary);
  height: 50px;
  width: 50px;
  border-radius: 100%;
  transition: 0.4s;
}

.event-slider .owl-nav.disabled .owl-next {
  position: absolute;
  right: -25px;
  background-color: var(--bg-secondary);
  height: 50px;
  width: 50px;
  border-radius: 100%;
  transition: 0.4s;
}

.event-slider .owl-nav.disabled .owl-prev::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: '';
  background-image: url(../img/left-arrow.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 25px;
  height: 15px;
}

.event-slider .owl-nav.disabled .owl-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: '';
  background-image: url(../img/right-arrow.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 25px;
  height: 15px;
}

.event-slider-section .common-btn {
  font-family: var(--font-dm-sans);
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  margin-block: 50px 100px;
}

.event-slider .event-img img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 16 / 16;
  border-radius: 23px;
}

.event-slider .event-img {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
}

/* Event Slider Section End */

/* Home Page Css End */


/* Faq Page Start */
.faq-page,
.policy-page,
.terms-condition-page {
  background-color: var(--bg-primary-1);
  padding-bottom: 100px;
}

.faq-page .book-section,
.policy-page .book-section,
.terms-condition-page .book-section {
  background-color: transparent;
  position: relative;
  background-image: url(../img/faq-banner.png);
  height: 450px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.faq-page .book-section .h-browse-title,
.policy-page .book-section .h-browse-title,
.terms-condition-page .book-section .h-browse-title {
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-size: 60px;
  line-height: 100%;
  text-align: center;
  color: var(--bg-secondary);
  margin-bottom: 40px;
}

.faq-page .book-section .h-browse-title span,
.policy-page .book-section .h-browse-title span,
.terms-condition-page .book-section .h-browse-title span {
  background: linear-gradient(101.04deg, #8E3CEB 51.07%, #B340C6 87.67%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.faq-page .book-section .h-browse-description,
.policy-page .book-section .h-browse-description,
.terms-condition-page .book-section .h-browse-description {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #AFAFAF;
  max-width: 75%;
  margin-inline: auto;
}

.faq-page .book-section .h-browse-btn {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  padding: 12px 24px;
  color: var(--bg-secondary);
  border: none;
  border-radius: 40px;
  max-width: 250px;
  width: 100%;
  margin-inline: auto;
  transition: 0.4s;
  font-family: var(--font-dm-sans);
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
}

.faq-page .book-section .h-browse-btn:hover {
  transform: scale(0.95);
}

.faq-page .c-container,
.policy-page .c-container,
.terms-condition-page .c-container {
  max-width: calc(100% - 100px);
  margin-inline: auto;
  padding-inline: 30px;
}

.faq-page .panel-group .panel {
  background-color: var(--grediant-color-1);
  border-radius: 20px;
  padding: 34px 30px;
  margin-bottom: 30px;
}

.panel-group .panel .panel-heading h4 a {
  background-color: var(--grediant-color-1);
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 24px;
  line-height: 100%;
  vertical-align: middle;
  color: var(--bg-secondary);
}

.panel-group .panel .panel-collapse {
  border-top: 1px solid var();
  border-top: 1px solid var(--bg-secondary);
  margin-top: 20px;
  padding-top: 20px;
}

.panel-group .panel .panel-collapse p {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #AFAFAF;
  margin-bottom: 0;
}

.faq-page .panel-group {
  margin-top: 100px;
}

.faq-page .collapsed .pull-right.fa-plus {
  display: block;
}

.faq-page .collapsed .pull-right.fa-minus {
  display: none;
}

.faq-page .pull-right.fa-plus {
  display: none;
}

.faq-page .pull-right.fa-minus {
  display: block;
}

/* Faq Page End */

/* Privacy Policy Page Start */
.policy-page .policy-section .c-container,
.terms-condition-page .policy-section .c-container {
  padding-inline: 40px;
}

.policy-page .left-policy-card,
.policy-section .left-policy-card,
.terms-condition-page .left-policy-card {
  background-color: var(--grediant-color-1);
  border-radius: 20px;
  padding: 30px;
}

.left-policy-card {
  overflow-y: auto;
  max-height: 80vh;
}

.left-policy-card::-webkit-scrollbar {
  width: 10px;
}

.left-policy-card::-webkit-scrollbar-track {
  background: #1F1826;
  border-radius: 10px;
}

.left-policy-card::-webkit-scrollbar-thumb {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  border-radius: 10px;
}

.left-policy-card::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
}

.left-policy-ul li {
  color: #AFAFAF;
  margin-bottom: 15px;
  font-family: var(--font-dm-sans);
  font-size: 20px;
}

.left-policy-ul li .policy-link {
  color: #AFAFAF;
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  transition: 0.4s;
}

.left-policy-ul li .policy-link:hover,
.left-policy-ul li .policy-link.active {
  color: var(--bg-secondary);
}

.right-policy-card .right-policy-card-content {
  background-color: var(--grediant-color-1);
  border-radius: 20px;
  padding: 30px;
}

.right-policy-card {
  padding-left: 50px;
}

.right-policy-card .right-policy-card-content h1 {
  font-family: var(--font-dm-sans);
  font-weight: 500;
  color: var(--bg-secondary);
  margin-bottom: 20px;
}

.right-policy-card .right-policy-card-content h2 {
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 24px;
  line-height: 100%;
  color: var(--bg-secondary);
  margin-bottom: 15px;
}

.right-policy-card .right-policy-card-content h3,
.right-policy-card .right-policy-card-content h4,
.right-policy-card .right-policy-card-content h5,
.right-policy-card .right-policy-card-content h6 {
  font-family: var(--font-dm-sans);
  font-weight: 500;
  color: var(--bg-secondary);
  margin-bottom: 20px;
}

.right-policy-card .right-policy-card-content h3 {
  font-size: 30px;
}

.right-policy-card .right-policy-card-content p {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #AFAFAF;
  margin-bottom: 30px;
}

.right-policy-card .right-policy-card-content p:nth-of-type(2) {
  margin-bottom: 10px;
}

.right-policy-card .right-policy-inner-section .number-ul {
  padding-left: 40px;
  margin-bottom: 30px;
}

.right-policy-card .right-policy-inner-section .number-ul:last-child {
  margin-bottom: 0;
}

.right-policy-card .right-policy-inner-section .number-ul li {
  list-style: auto;
  color: var(--bg-secondary);
}

.right-policy-card .right-policy-inner-section .number-ul li p span {
  color: var(--bg-secondary);
}

.right-policy-card .right-policy-inner-section .number-ul li p {
  margin-bottom: 10px;
}

.right-policy-card .right-policy-inner-section .alpha-ul {
  padding-left: 40px;
  margin-bottom: 30px;
}

.right-policy-card .right-policy-inner-section .alpha-ul li {
  list-style: lower-alpha;
}

.right-policy-card .right-policy-inner-section .alpha-ul li::marker {
  color: var(--bg-secondary);
}

.right-policy-card .right-policy-inner-section .alpha-ul li p {
  margin-bottom: 10px;
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #AFAFAF;
}

.right-policy-card .right-policy-inner-section .disc-ul {
  padding-left: 40px;
  margin-bottom: 30px;
}

.right-policy-card .right-policy-inner-section .disc-ul li {
  list-style: disc;
}

.right-policy-card .right-policy-inner-section .disc-ul li::marker {
  color: var(--bg-secondary);
}

.right-policy-card .right-policy-inner-section .disc-ul li p {
  margin-bottom: 10px;
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color:
    #AFAFAF;
}

.right-policy-card .right-policy-inner-section p a {
  color: #afafaf;
  border-bottom: 1px solid #afafaf;
}

.right-policy-card .right-policy-card-content {
  max-height: 80vh;
  overflow-y: auto;
}

.right-policy-card .right-policy-card-content::-webkit-scrollbar {
  width: 10px;
}

.right-policy-card .right-policy-card-content::-webkit-scrollbar-track {
  background: #1F1826;
  border-radius: 10px;
}

.right-policy-card .right-policy-card-content::-webkit-scrollbar-thumb {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  border-radius: 10px;
}

.right-policy-card .right-policy-card-content::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
}

.policy-page .h-browse-description,
.terms-condition-page .h-browse-description {
  margin-bottom: 60px;
}

/* Privacy Policy Page End */

/* All City page Css Start */
.all-city-page {
  background-color: var(--bg-primary-1);
  padding-bottom: 95px;
}

/* Main Banner Section Start */
.all-city-page .main-banner-title {
  margin-bottom: 25px;
}

.home-page .main-title,
.all-city-page .main-title {
  text-transform: capitalize;
}

.all-city-page .c-container {
  max-width: calc(100% - 100px);
  margin-inline: auto;
  padding-inline: 0px;
}

.all-city-page .main-banner-section .main-banner-subtitle {
  margin-bottom: 40px;
}

.all-city-page .event-slider {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.all-city-page .event-slider .item {
  width: 25%;
  padding: 25px 16.5px;
}

.all-city-page .event-slider .item img {
  padding-top: 0;
  padding-bottom: 0;
  aspect-ratio: 16 / 16;
}

.pagination-prev {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  height: 50px;
  width: 50px;
  border: none;
  border-radius: 100%;
  transition: 0.4s;
}

.pagination-prev img {
  width: 25px;
}

.pagination-prev:hover {
  transform: scale(0.95);
}

.pagination-section {
  margin: 25px
}

.pagination-section ul,
.pagination-section {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagination-section ul {
  padding-inline: 29px;
}

.pagination-section ul li {
  padding-inline: 7.5px;
}

.pagination-section ul li a {
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-size: 18px;
  line-height: 100%;
  color: #afafaf;
}

.pagination-section ul li a {
  height: 40px;
  width: 40px;
  line-height: 40px;
  border-radius: 100%;
  padding: 0;
  text-align: center;
  background-color: #ffffff;
  color: #242424;
}

.pagination-section ul li.next-btn .page-link:after {
  content: '';
  background: url(../images/black-right.png);
  position: absolute;
  width: 20px;
  height: 20px;
  background-size: contain;
  left: 50%;
  top: 50%;
  background-position: center;
  background-repeat: no-repeat;
  transform: translate(-50%, -50%);
  transition: 0.4s;
}

.pagination-section ul li.prev-btn .page-link:after {
  content: '';
  background: url(../images/black-left.png);
  position: absolute;
  width: 20px;
  height: 20px;
  background-size: contain;
  left: 50%;
  top: 50%;
  background-position: center;
  background-repeat: no-repeat;
  transform: translate(-50%, -50%);
  transition: 0.4s;
}

.page-item.active .page-link {
  background: linear-gradient(101.04deg, #8E3CEB 51.07%, #B340C6 87.67%);
  border-color: transparent;
}

.page-item:first-child .page-link {
  border-radius: 50px;
}

.page-item:last-child .page-link {
  border-radius: 50px;
}

.pagination-section ul li a.active {
  color: var(--bg-secondary);
}

.all-city-page .events-section {
  margin-top: 95px;
}

/* All City page Css End */


/* Discovery Page Css Start */
/* Common css Page */
.event-discovery-page {
  background-color: var(--bg-primary-1);
}

.event-discovery-page .c-container {
  max-width: calc(100% - 100px);
  margin-inline: auto;
  padding-inline: 15px;
}


/* Main Banner Section Start */
.event-discovery-page .main-banner-section {
  position: relative;
  background-color: #010002;
  background-image: none;
  height: 100%;
  padding-block: 100px 144px;
}

.event-discovery-page .main-banner-section:after {
  position: absolute;
  content: '';
  top: -50px;
  left: 0;
  width: 400px;
  height: 400px;
  background-image: url(../img/left-circle.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.event-discovery-page .main-banner-section:before {
  position: absolute;
  content: '';
  bottom: -50px;
  right: -25px;
  width: 400px;
  height: 400px;
  background-image: url(../img/right-circle.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.event-discovery-page .main-banner-sub-title {
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: 2%;
  text-align: center;
  text-transform: uppercase;
  color: var(--bg-secondary);
  margin-bottom: 20px;
}

.event-discovery-page .main-banner-title {
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-size: 60px;
  line-height: 100%;
  letter-spacing: 6%;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 81px;
}

.event-discovery-page .main-banner-title span {
  background: linear-gradient(101.04deg, #8E3CEB 51.07%, #B340C6 87.67%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.event-discovery-page .event-img img {
  padding-top: 0;
  padding-bottom: 0;
  object-fit: cover;
  border-radius: 20px;
}

.event-discovery-page .explore-slider .event-img img {
  aspect-ratio: 16 / 23;
}

.event-discovery-page .main-banner-section .owl-carousel .owl-item:nth-of-type(odd) .event-img-section {
  transform: translateY(-70px);
  position: relative;
  border-radius: 20px;
  margin-top: 70px;
}

.event-discovery-page .main-banner-section .owl-carousel .owl-item:nth-of-type(even) .event-img-section {
  transform: translateY(70px);
  position: relative;
  border-radius: 20px;
  margin-bottom: 70px;
}

/* Main Banner Section End */

/* Top 10 City Name Section Start */
.top-city-section .top-city-title {
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  text-align: center;
  color: var(--bg-secondary);
  margin-bottom: 34px;
}

/* .top-city-section .event-img{height: 500px;position: relative;} */
.top-city-section .event-img::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  backdrop-filter: blur(1px);
  backdrop-filter: blur(70px);
  background: linear-gradient(180deg, rgba(12, 12, 17, 0) 0%, #0C0C11 100%), linear-gradient(180deg, rgba(142, 60, 235, 0) 67.3%, rgba(142, 60, 235, 0.1) 100%);
}

.top-city-section .event-img img {
  border-radius: 20px;
  aspect-ratio: 16 / 20;
}

.categories-card-slider .owl-nav,
.top-city-slider .owl-nav {
  position: absolute;
  width: 100%;
  top: 49%;
  transform: translateY(-50%);
  margin-top: 0;
}

.categories-card-slider .owl-nav .owl-prev,
.top-city-slider .owl-nav .owl-prev {
  position: absolute;
  left: -37px;
}

.categories-card-slider .owl-nav .owl-next,
.top-city-slider .owl-nav .owl-next {
  position: absolute;
  right: -37px;
}

.categories-card-slider .owl-nav button,
.top-city-slider .owl-nav button {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%) !important;
  height: 57px;
  width: 57px;
  border-radius: 100% !important;
  border: 7px solid var(--bg-primary-1) !important;
  transition: 0.4s;
}

.categories-card-slider.owl-theme .owl-nav [class*='owl-']:hover,
.top-city-slider.owl-theme .owl-nav [class*='owl-']:hover,
.categories-card-slider .owl-nav button:hover,
.top-city-slider .owl-nav button:hover {
  background: var(--bg-secondary) !important;
  transform: scale(0.95);
}

.categories-card-slider .owl-nav button span,
.top-city-slider .owl-nav button span {
  display: none;
}

.categories-card-slider .owl-nav .owl-prev::after,
.top-city-slider .owl-nav .owl-prev::after {
  content: '';
  background-image: url(../img/white-left-arrow.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 25px;
  height: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.4s;
}

.categories-card-slider .owl-nav .owl-next::after,
.top-city-slider .owl-nav .owl-next::after {
  content: '';
  background-image: url(../img/white-right-arrow.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 25px;
  height: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.4s;
}

.categories-card-slider .owl-nav .owl-prev:hover::after,
.top-city-slider .owl-nav .owl-prev:hover::after {
  content: '';
  background-image: url(../img/left-arrow.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 25px;
  height: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.categories-card-slider .owl-nav .owl-next:hover::after,
.top-city-slider .owl-nav .owl-next:hover::after {
  content: '';
  background-image: url(../img/right-arrow.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 25px;
  height: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.top-city-slider .event-btn-section {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 40px);
}

.top-city-slider .event-btn {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  background-color: #07000E;
  padding: 14px 23.5px;
  border: none;
  color: var(--bg-secondary);
  border-radius: 50px;
  font-family: var(--font-dm-sans);
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  transition: 0.4S;
}

.categories-card-section .categories-card-btn,
.top-city-section .top-city-btn {
  font-family: var(--font-dm-sans);
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  color: var(--bg-secondary);
  background-color: transparent;
  margin-top: 60px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid var(--bg-secondary);
  padding: 12px 20px;
  border-radius: 50px;
  max-width: 200px;
  width: 100%;
  transition: 0.4s;
  display: block;
  text-align: center;
}

.categories-card-section .categories-card-btn:hover,
.top-city-section .top-city-btn:hover {
  transform: translateX(-50%) scale(0.95);
}

.top-city-slider .event-btn:hover {
  transform: scale(0.95);
}

.top-city-section {
  margin-bottom: 75px;
}

.top-city-section+.categories-card-section {
  padding-top: 66px;
}

/* Top 10 City Name Section End */


/* Categories Section Start */
.categories-card-section {
  position: relative;
  padding-block: 141px;
}

.categories-card-section:after {
  position: absolute;
  content: '';
  top: 0px;
  left: 0;
  width: 400px;
  height: 400px;
  background-image: url(../img/left-full-circle.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.categories-card-section:before {
  position: absolute;
  content: '';
  bottom: 0px;
  right: 0px;
  width: 400px;
  height: 400px;
  background-image: url(../img/right-circle.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.categories-card-section .categories-card-title {
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  text-align: center;
  color: var(--bg-secondary);
  margin-bottom: 34px;
}

.categories-card-section .rating-section-card {
  position: absolute;
  top: 20px;
  right: 35px;
}

.categories-card-section .rating-section-card .badge-container {
  background-image: url(../img/without.png);
  width: 54px;
  height: 70px;
}

.categories-card-section .rating-section-card .badge-title {
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-style: italic;
  font-size: 20px;
  line-height: 100%;
  color: var(--bg-secondary);
  position: relative;
  left: 1.3vh;
  top: 3.4vh;
}

.categories-card-section .event-card {
  background-color: #110D15;
  background-image: none;
  box-shadow: 0px 4px 10px 0px #8E3CEB14 inset;
  position: relative;
  z-index: 1;
  border-radius: 16px;
}

.categories-card-section .event-card .card-body {
  padding: 20px 20px 0px 20px;
}

.categories-card-section .event-card .event-image-section {
  height: 250px;
}

.categories-card-section .event-card .event-image-section img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  aspect-ratio: 16 / 16;
}

.categories-card-section .event-name {
  font-family: var(--font-dm-sans);
  font-weight: 600;
  font-size: 20px !important;
  line-height: 28px !important;
  color: var(--bg-secondary);
  margin-bottom: 10px;
}

.categories-card-section .event-location {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: #afafaf;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}

.categories-card-section .event-location svg {
  margin-right: 8px;
  width: 50px;
}

.event-price-date-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.categories-card-section .event-price {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: var(--bg-secondary);
  margin-bottom: 0;
  transform: translateY(10px);
}

.categories-card-section .event-price span {
  background: linear-gradient(101.04deg, #8E3CEB 51.07%, #B340C6 87.67%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-size: 22px;
  line-height: 100%;
}

.categories-card-section .event-date-section {
  padding: 10px 16px;
  border-radius: 100px 100px 0 0;
  background: #8E3CEB;
  max-width: 100px;
  width: 100%;
}

.categories-card-section .event-date {
  display: block;
  text-align: center;
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-size: 26px;
  line-height: 100%;
  color: var(--bg-secondary);
  margin-bottom: 5px;
}

.categories-card-section .event-month {
  display: block;
  text-align: center;
  font-family: var(--font-dm-sans);
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  color: var(--bg-secondary);
  margin-bottom: 5px;
}

.categories-card-section .event-day {
  display: block;
  text-align: center;
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: var(--bg-secondary);
}

.categories-card-section+.categories-card-section {
  padding-top: 0;
}

.categories-card-slider .owl-stage-outer .owl-stage {
  align-items: stretch;
  display: flex;
}

.categories-card-section .item {
  height: 100%;
}

/* .categories-card-section .event-card */
.event-detail-section-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* Categories Section End */

/* Categories Button Section Start */
.categories-button-section .categories-btn-title {
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: var(--bg-secondary);
  margin-bottom: 43px;
}

.categories-button-section .categories-btn-section {
  display: flex;
  flex-wrap: wrap;
}

.categories-button-section .categories-btn {
  border: 1px solid #8E3CEB80;
  background-color: var(--grediant-color-1);
  color: var(--bg-secondary);
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-radius: 20px;
  font-family: var(--font-dm-sans);
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  overflow: hidden;
  justify-content: center;
}

.categories-button-section .categories-icon {
  background-image: url(../img/circle-bg.png);
  height: 75px;
  width: 75px;
  text-align: center;
  background-size: contain;
  line-height: 70px;
  background-repeat: no-repeat;
  background-size: cover;
}

/* .categories-button-section .categories-btn span{transform: translateY(10px);width: calc(100% - 90px);} */
.categories-button-section .categories-icon img {
  width: 50%;
  position: relative;
}

.categories-button-section .c-categories-btn-section {
  width: 20%;
  padding: 15px;
}

.categories-button-section {
  padding-bottom: 135px;
  position: relative;
}

.categories-button-section:before {
  position: absolute;
  content: '';
  bottom: 0px;
  right: 0px;
  width: 400px;
  height: 400px;
  background-image: url(../img/right-circle.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/* Categories Button Section End */

/* Service Section Start */
.service-section .service-card {
  background-color: var(--grediant-color-1);
  padding: 30px 0 0 30px;
  box-shadow: 0px 4px 10px 0px #8E3CEB14 inset;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 20px;
}

.service-section .service-description {
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  color: var(--bg-secondary);
  padding-right: 30px;
}

.service-section .service-icon {
  background-image: url(../img/bg-icon.png);
  width: 140px;
  height: 140px;
  margin-left: auto;
  text-align: center;
  line-height: 140px;
  position: relative;
  bottom: 0;
}

.service-section .service-icon img {
  width: 70px;
  height: 70px;
  position: absolute;
  top: 60%;
  left: 60%;
  transform: translate(-50%, -50%);
}

.service-section {
  padding-top: 0;
  padding-bottom: 150px;
}

/* Service Section End */

/* Discovery Page Css End */


/* See All Page Start */
.see-all-page {
  background-color: var(--bg-primary-1);
}

/* Main Title Section Start  */
.see-all-page .main-title-section {
  position: relative;
  background-image: url(../img/banner-img.png);
  background-size: cover;
  padding-top: 30px;
}

.see-all-page .main-title-section:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
  background-image: url(../img/left-design.png);
  background-position: left;
  background-size: contain;
  height: 100%;
  background-repeat: no-repeat;
  z-index: 0;
}

.see-all-page .main-title-section::before {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  width: 100%;
  z-index: 0;
  background-image: url(../img/right-design.png);
  background-position: right;
  background-size: contain;
  height: 100%;
  background-repeat: no-repeat;
  z-index: 0;
}

.see-all-page .c-container {
  max-width: calc(100% - 100px);
  margin-inline: auto;
  padding-inline: 15px;
}

.see-all-page .badge-section {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  margin-bottom: 90px;
}

.see-all-page .badge-section li {
  position: relative;
  padding-inline: 20px;
}

.see-all-page .badge-section li:first-child {
  padding-left: 0;
}

.see-all-page .badge-section li:first-child::after {
  content: '';
}

.see-all-page .badge-section li:after {
  position: absolute;
  content: '>';
  left: -5px;
  top: 50%;
  transform: translateY(-50%);
  color: #AFAFAF;
  font-family: var(--font-dm-sans);
  font-size: 19px;
}

.see-all-page .badge-section li a {
  color: #afafaf;
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
}

.see-all-page .badge-section li a.active {
  color: var(--bg-secondary);
}

.see-all-page .main-title {
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: var(--bg-secondary);
  margin-bottom: 20px;
}

.see-all-page .main-sub-title {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: var(--bg-secondary);
  max-width: 980px;
  margin-inline: auto;
  margin-bottom: 60px;
}

.see-all-page .main-title-section .col-md-12 {
  position: relative;
  z-index: 3;
}

/* Main Title Section End  */

/* tab Section start */

.main-title-section .container-fluid {
  position: relative;
  z-index: 1;
}

.tab-section {
  padding-block: 50px 50px;
}

.tab-section .nav-link {
  color: #afafaf;
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 22px;
  line-height: 100%;
  background-color: transparent;
  transition: 0.4s;
  border: none;
  position: relative;
}

.tab-section .nav-link:hover,
.tab-section .nav-link.active {
  color: var(--bg-secondary);
  background-color: transparent;
  border-color: transparent;
}

.tab-section .nav-link::after {
  position: absolute;
  content: '';
  height: 3px;
  width: 0%;
  left: 0;
  bottom: 0;
  background-color: transparent;
  transition: 0.4s;
}

.tab-section .nav-link:hover::after {
  width: 100%;
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  z-index: 1;
}

.tab-section .nav-link.active::after {
  width: 100%;
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  z-index: 1;
}

.tab-section .nav-tabs {
  border-bottom: 3px solid #28212E;
}

.tab-section .tab-content {
  padding-block: 45px 0;
}

.tab-section .tabs-title {
  font-family: var(--font-dm-sans);
  font-weight: 600;
  font-size: 30px;
  line-height: 100%;
  letter-spacing: 0px;
  vertical-align: middle;
  color: var(--bg-secondary);
  margin-bottom: 0;
  word-break: break-word;
}

.tab-section .custom-dropdown {
  background-color: #110D15;
  box-shadow: 0px 4px 10px 0px #8E3CEB14 inset;
  border-radius: 20px;
  position: relative;
  color: var(--bg-secondary);
  padding: 14px 30px;
  width: 150px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tab-section .custom-dropdown i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}

.tab-section .dropdown-section {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: end;
}

.tab-section .event-card {
  background-color: #110D15;
  box-shadow: 0px 4px 10px 0px #8E3CEB14 inset;
  border-radius: 20px;
  background-image: none;
}

.tab-section .event-card .event-image-section {
  height: 210px;
  overflow: hidden;
  border-radius: 20px;
}

.tab-section .event-card img {
  max-width: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  aspect-ratio: 16 / 12;
  height: 100%;
}

.tab-section .event-detail-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tab-section .event-location {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: #AFAFAF;
  margin-bottom: 0;
  word-break: break-word;
  width: calc(100% - 40px);
}

.tab-section .badge-title {
  color: var(--bg-secondary);
  font-family: var(--font-dm-sans);
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}

.tab-section .event-name {
  font-family: var(--font-dm-sans);
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: var(--bg-secondary);
  padding-right: 25px;
  margin-block: 11px 15px;
}

.tab-section .event-date-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tab-section .event-date {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: #afafaf;
  margin-bottom: 0;
}

.tab-section .event-price {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: var(--bg-secondary);
}

.tab-section .event-price span {
  background: linear-gradient(101.04deg, #8E3CEB 51.07%, #B340C6 87.67%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-size: 22px;
  line-height: 100%;
}

.tab-section .tab-event-section .row .col-xl-3 {
  margin-bottom: 50px;
}

.tab-section .star-img {
  width: 25px !important;
  margin-bottom: 0;
  margin-right: 5px;
  object-fit: contain !important;
}

.tab-section .tab-event-section {
  margin-top: 30px;
}

.tab-section .item .event-card,
.tab-section .item {
  height: 100%;
}

/* tab Section End */
/* See All Page End */

/* Event Detail Page Start */
.new-event-detail-page {
  background-color: var(--bg-primary-1);
}

.new-event-detail-page .event-img-name-section {
  margin-top: -345px;
}

.new-event-detail-page .c-container {
  max-width: calc(100% - 100px);
  margin-inline: auto;
  padding-inline: 30px;
}

.new-event-detail-page .main-title-section {
  background-image: url(../img/banner-img.png);
  background-size: cover;
  padding-top: 30px;
  height: 430px;
  position: relative;
  z-index: 0;
}

.new-event-detail-page .badge-section li {
  position: relative;
  padding-inline: 20px;
}

.new-event-detail-page .badge-section li:first-child {
  padding-left: 0;
}

.new-event-detail-page .badge-section li:first-child::after {
  content: '';
}

.new-event-detail-page .badge-section li:after {
  position: absolute;
  content: '>';
  left: -5px;
  top: 50%;
  transform: translateY(-50%);
  color: #AFAFAF;
  font-family: var(--font-dm-sans);
  font-size: 19px;
}

.new-event-detail-page .badge-section li a {
  color: #afafaf;
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
}

.new-event-detail-page .badge-section li a.active {
  color: var(--bg-secondary);
}

.new-event-detail-page .main-title-section .container-fluid,
.new-event-detail-page .main-title-section .container-fluid .c-container,
.new-event-detail-page .main-title-section .container-fluid .row {
  height: 100%;
}

.new-event-detail-page .main-title-section .container-fluid .row .col-12 {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.new-event-detail-page .wishlist-share-btn-section {
  position: relative;
  top: 25px;
  display: flex;
  justify-content: end;
}

.new-event-detail-page .share-btn,
.new-event-detail-page .wishlist-btn {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  padding: 10px;
  border-radius: 100%;
  border: 5px solid #010002;
  position: relative;
  transition: 0.4s;
  color: var(--bg-secondary);
}

.new-event-detail-page .wishlist-btn {
  padding: 10px 13px;
}

.new-event-detail-page .share-btn:hover,
.new-event-detail-page .wishlist-btn:hover {
  transform: scale(0.95);
}

.new-event-detail-page .share-btn {
  margin-left: 10px;
}

.new-event-detail-page .wishlist-btn {
  margin-right: 10px;
}

.new-event-detail-page .share-btn img,
.new-event-detail-page .wishlist-btn img {
  width: 25px;
}

.new-event-detail-page .event-img-section {
  height: 100%;
}

.new-event-detail-page .event-img-name-section .left-img-section {
  position: relative;
  max-width: 452px;
  border: 2px solid #FFFFFF80;
  border-radius: 20px;
}

.new-event-detail-page .event-img-name-section .event-img-section img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
  aspect-ratio: 16 / 16;
}

.new-event-detail-page .event-img-name-section .event-review-section {
  position: absolute;
  padding: 20px;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(180deg, rgba(12, 12, 17, 0) 0%, #0C0C11 100%);
  height: 100%;
  display: flex;
  align-items: end;
  border-radius: 0 0 20px 20px;
}

.new-event-detail-page .event-img-name-section .event-review-section .event-review {
  margin-bottom: 0;
  color: var(--bg-secondary);
  font-family: var(--font-dm-sans);
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
}

.new-event-detail-page .event-img-name-section .event-person {
  color: #afafaf;
}

.new-event-detail-page .event-img-name-section .star-icon {
  color: #DEAF0A;
}

.new-event-detail-page .event-img-name-section .right-event-name-section {
  max-width: calc(100% - 500px);
  width: 100%;
  position: relative;
  transform: translateY(-60px);
}

.new-event-detail-page .event-img-name-section .event-name {
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-size: 60px;
  line-height: 100%;
  color: var(--bg-secondary);
  margin-bottom: 30px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.new-event-detail-page .mobile-ticket-btn-section .ticket-btn,
.new-event-detail-page .event-img-name-section .ticket-btn {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  color: var(--bg-secondary);
  border: 1px solid transparent;
  padding: 10px 20px;
  border-radius: 50px;
  transition: 0.4s;
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  margin-right: 12.5px;
}

.new-event-detail-page .mobile-ticket-btn-section .ticket-btn:hover,
.new-event-detail-page .mobile-ticket-btn-section .selling-btn:hover,
.new-event-detail-page .event-img-name-section .selling-btn:hover,
.new-event-detail-page .event-img-name-section .ticket-btn:hover {
  transform: scale(0.95);
}

.new-event-detail-page .mobile-ticket-btn-section .selling-btn,
.new-event-detail-page .event-img-name-section .selling-btn {
  background-color: #FFA63D;
  color: var(--bg-secondary);
  border: 1px solid transparent;
  padding: 10px 20px;
  border-radius: 50px;
  transition: 0.4s;
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  margin-left: 12.5px;
  transition: 0.4s;
}

.new-event-detail-page .mobile-ticket-btn-section {
  display: none;
}

.new-event-detail-page .event-img-name-section {
  margin-bottom: 60px;
}

.new-event-detail-page .book-ticket-title {
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-size: 30px;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--bg-secondary);
}

.new-event-detail-page .book-ticket-dec-section {
  margin-bottom: 35px;
}

.new-event-detail-page .book-ticket-dec-section p {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 0%;
  margin-bottom: 15px;
  color: var(--bg-secondary);
}

.new-event-detail-page .book-ticket-dec-section li {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 20px;
  line-height: 25px;
  color: var(--bg-secondary);
  margin-bottom: 15px;
}

.new-event-detail-page .book-ticket-dec-section ol li {
  list-style: auto;
}

.new-event-detail-page .book-ticket-dec-section ul li {
  list-style: disc;
}

.new-event-detail-page .book-ticket-dec-section ul {
  padding-left: 30px;
}

.new-event-detail-page .book-ticket-dec-section ol li::marker {
  font-size: 20px;
}

.new-event-detail-page .book-ticket-dec-section h1,
.new-event-detail-page .book-ticket-dec-section h2,
.new-event-detail-page .book-ticket-dec-section h3,
.new-event-detail-page .book-ticket-dec-section h4 {
  color: #ffffff;
  margin-bottom: 15px;
}

.new-event-detail-page .user-photo-title {
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  color: var(--bg-secondary);
  margin-bottom: 24px;
}

.new-event-detail-page .image-section-event-detail .pre-event-img {
  aspect-ratio: 16 / 20;
  border-radius: 20px;
  object-fit: cover;
}

.new-event-detail-page .image-section-event-detail .owl-dots.disabled {
  display: block;
}

.new-event-detail-page .image-section-event-detail.owl-theme .owl-dots .owl-dot.active span,
.new-event-detail-page .image-section-event-detail.owl-theme .owl-dots .owl-dot.active span,
.new-event-detail-page .image-section-event-detail.owl-theme .owl-dots .owl-dot:hover span {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  width: 26px;
  height: 10px;
}

.new-event-detail-page .image-section-event-detail.owl-theme .owl-dots .owl-dot span {
  transition: 0.4s;
  width: 10px;
  height: 10px;
  background-color: var(--bg-secondary);
}

.new-event-detail-page .image-section-event-detail.owl-theme .owl-dots {
  margin-block: 26px 0px !important;
}

.new-event-detail-page .user-photo-section {
  margin-bottom: 36px;
}

.new-event-detail-page .user-review-section .user-review-title {
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  color: var(--bg-secondary);
  margin-bottom: 24px;
}

.new-event-detail-page .user-review-section .review-slider-card {
  background-color: #110D15;
  box-shadow: 0px 4px 10px 0px #8E3CEB14 inset;
  border-radius: 20px;
}

.new-event-detail-page .user-review-section .star-section .start-icon {
  color: #DEAF0A;
  font-size: 19px;
}

.new-event-detail-page .user-review-section .star-section {
  margin-bottom: 20px;
}

.new-event-detail-page .user-review-section .review-description {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0%;
  color: #afafaf;
}

.new-event-detail-page .user-review-card-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.new-event-detail-page .user-review-card-section .user-review-card-text-section {
  width: calc(100% - 62px);
}

.new-event-detail-page .user-review-card-text-section .user-review-card-name {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  color: var(--bg-secondary);
  margin-bottom: 7px;
}

.new-event-detail-page .user-review-card-date {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: #afafaf;
  margin-bottom: 0;
}

.new-event-detail-page .review-slider-section .owl-nav {
  position: relative;
  height: 60px;
  margin-top: 20px;
}

.new-event-detail-page .review-slider-section .owl-nav button {
  background-color: #ffffff;
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50px;
}

.new-event-detail-page .review-slider-section .owl-nav button span {
  display: none;
}

.new-event-detail-page .review-slider-section .owl-nav button.owl-prev {
  position: absolute;
  left: 0;
}

.new-event-detail-page .review-slider-section .owl-nav button.owl-prev::after {
  position: absolute;
  background-image: url(../img/left-arrow.png);
  width: 25px;
  content: '';
  height: 15px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: cover;
}

.new-event-detail-page .review-slider-section .owl-nav button.owl-next {
  position: absolute;
  right: 0;
}

.new-event-detail-page .review-slider-section .owl-nav button.owl-next::after {
  position: absolute;
  bottom: 0;
  background-image: url(../img/right-arrow.png);
  width: 25px;
  content: '';
  height: 15px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: cover;
}

.new-event-detail-page .user-review-section .owl-dots {
  position: absolute;
  z-index: 1;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
}

.new-event-detail-page .user-review-section .owl-theme .owl-dots .owl-dot.active span,
.new-event-detail-page .user-review-section .owl-theme .owl-dots .owl-dot.active span,
.new-event-detail-page .user-review-section .owl-theme .owl-dots .owl-dot:hover span {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  width: 26px;
  height: 10px;
}

.new-event-detail-page .user-review-section .owl-theme .owl-dots .owl-dot span {
  transition: 0.4s;
  width: 10px;
  height: 10px;
  background-color: var(--bg-secondary);
}

.new-event-detail-page .map-section {
  background-color: var(--grediant-color-1);
  margin-top: 50px;
  border-radius: 20px;
  box-shadow: 0px 4px 10px 0px #8E3CEB14 inset;
}

.new-event-detail-page .map-section .map-title {
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-size: 35px;
  line-height: 100%;
  color: var(--bg-secondary);
  margin-bottom: 30px;
}

.new-event-detail-page .map-section .map-link {
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  color: var(--bg-secondary);
  margin-bottom: 20px;
  display: block;
}

.new-event-detail-page .map-section .map-area-name {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: #afafaf;
  margin-bottom: 15px;
}

.new-event-detail-page .map-section .map-area {
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  vertical-align: middle;
  color: var(--bg-secondary);
  margin-bottom: 15px;
}

.new-event-detail-page .map-section .button-section {
  display: flex;
  align-items: center;
  gap: 20px;
}

.new-event-detail-page .map-section .map-btn {
  height: 50px;
  width: 50px;
  transition: 0.4s;
  border: none;
  display: block;
  border-radius: 50px;
}

.new-event-detail-page .map-section .map-btn:hover {
  transform: scale(0.95);
}

.new-event-detail-page .map-section .grey-btn {
  background-color: #8A9298;
}

.new-event-detail-page .map-section .green-btn {
  background-color: #1F7932;
}

.new-event-detail-page .map-section .yellow-btn {
  background-color: #FCCB2D;
}

.new-event-detail-page .map-section .card-body {
  padding: 30px;
}

.new-event-detail-page .map-section .right-map-section iframe {
  border-radius: 14px;
}

.new-event-detail-page .book-tickets-btn-card {
  box-shadow: 0px 4px 10px 0px #8E3CEB14 inset;
  background-color: var(--grediant-color-1);
  border-radius: 20px;
  padding: 40px 20px;
  text-align: center;
}

.new-event-detail-page .book-tickets-btn-card .book-ticket-btn {
  max-width: 300px;
  width: 100%;
  padding: 10px 20px;
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  color: var(--bg-secondary);
  border-radius: 50px;
  border: 1px solid transparent;
  transition: 0.4s;
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-size: 16px;
}

.new-event-detail-page .book-tickets-btn-card .book-ticket-btn:hover {
  transform: scale(0.95);
}

.new-event-detail-page .support-card {
  background-color: var(--grediant-color-1);
  border-radius: 20px;
  box-shadow: 0px 4px 10px 0px #8E3CEB14 inset;
  padding: 30px;
  margin-top: 50px;
  position: relative;
  text-align: center;
  z-index: 1;
}

.new-event-detail-page .support-card::after {
  position: absolute;
  content: '';
  background-image: url(../img/support-bg-card.png);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
}

.new-event-detail-page .help-text {
  background: linear-gradient(101.04deg, #8E3CEB 51.07%, #B340C6 87.67%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-size: 30px;
  line-height: 100%;
  margin-bottom: 22px;
}

.new-event-detail-page .support-link {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: var(--bg-secondary);
  margin-bottom: 10px;
}

.new-event-detail-page .support-link a {
  color: #5E39E5;
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
}

.new-event-detail-page .support-inner-card {
  position: relative;
  z-index: 2;
}

.new-event-detail-page .map-section {
  margin-bottom: 80px;
}

.new-event-detail-page .similar-event-slider .little-tix-show {
  padding-top: 0;
  padding-bottom: 44px;
}

.new-event-detail-page .similar-event-slider .little-tix-show+.little-tix-show {
  padding-block: 25px 50px;
}

.new-event-detail-page .similar-event-slider .littletix-title {
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  text-align: center;
  color: var(--bg-secondary);
  margin-bottom: 34px;
}

.new-event-detail-page .similar-event-slider .little-tix-show .container {
  max-width: calc(100% - 100px);
  margin-inline: auto;
}

.new-event-detail-page .similar-event-slider .new-discover-tix-card {
  background-color: var(--grediant-color-1);
  padding: 20px;
  box-shadow: 0px 4px 10px 0px #8E3CEB14 inset;
  border-radius: 20px;
  transition: 0.4s;
}

.new-event-detail-page .similar-event-slider .new-discover-tix-card:hover {
  transform: scale(0.95);
}

.new-event-detail-page .similar-event-slider .new-discover-tix-card-img {
  height: 100%;
  background-color: var(--grediant-color-1);
}

.new-event-detail-page .similar-event-slider .new-discover-tix-card-img img {
  aspect-ratio: 13 / 8.7;
  border-radius: 16px;
}

.new-event-detail-page .similar-event-slider .new-discover-tix-card-text-section {
  background-color: var(--grediant-color-1);
}

.new-event-detail-page .city-rating-sec {
  display: flex;
  justify-content: space-between;
  margin-block: 30px 11px;
}

.new-event-detail-page .city-name {
  color: #afafaf;
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  margin-bottom: 0;
}

.new-event-detail-page .rating-sec {
  margin-bottom: 0;
}

.new-event-detail-page .rating-sec i {
  color: #DEAF0A;
}

.new-event-detail-page .rating-sec .rating-number {
  color: var(--bg-secondary);
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  margin-left: 5px;
}

.new-event-detail-page .i-bx-cont {
  background-color: var(--grediant-color-1);
}

.new-event-detail-page .discover-tix-card-title {
  font-family: var(--font-dm-sans);
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: var(--bg-secondary);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.new-event-detail-page .similar-event-slider .new-discover-tix-card-text-section {
  min-height: 130px;
  height: 100%;
}

.new-event-detail-page .event-date-price-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 15px;
}

.new-event-detail-page .event-date-title {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #afafaf;
  margin-bottom: 0;
}

.new-event-detail-page .event-date-dec span {
  background: linear-gradient(97.46deg, #8E3CEB 40.82%, #B340C6 98.35%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: var(--font-dm-sans);
  font-weight: 600;
  font-size: 22px;
  line-height: 100%;
}

.new-event-detail-page .event-date-dec {
  color: var(--bg-secondary);
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
}

.new-event-detail-page .review-slider-section.owl-theme .owl-nav [class*='owl-'] {
  transition: 0.4s;
}

.new-event-detail-page .review-slider-section.owl-theme .owl-nav [class*='owl-']:hover {
  background: #ffffff !important;
  transform: scale(0.95);
}

.new-event-detail-page .littletix-card-section .owl-nav button {
  height: 50px;
  width: 50px;
  transition: 0.4s;
}

.new-event-detail-page .littletix-card-section .owl-nav button span {
  display: none;
}

.new-event-detail-page .littletix-card-section .owl-nav button.owl-prev {
  position: absolute;
  transform: translate(0%);
  left: -25px;
}

.new-event-detail-page .littletix-card-section .owl-nav button.owl-prev::after {
  position: absolute;
  background-image: url(../img/white-left-arrow.png);
  width: 25px;
  content: '';
  height: 15px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: cover;
}

.new-event-detail-page .littletix-card-section .owl-nav button.owl-next {
  position: absolute;
  transform: translate(0%);
  right: -25px;
}

.new-event-detail-page .littletix-card-section .owl-nav button.owl-next::after {
  position: absolute;
  background-image: url(../img/white-right-arrow.png);
  width: 25px;
  content: '';
  height: 15px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: cover;
}

.new-event-detail-page .littletix-card-section .owl-nav .owl-prev:hover,
.new-event-detail-page .littletix-card-section .owl-nav .owl-next:hover {
  transform: scale(0.95);
  background: #813bc5 !important;
}

.new-event-detail-page .slider-see-more-btn {
  display: none;
}

/* Event Detail Page End */

/* Order Register Page Start */
.order-register-page {
  background-color: var(--bg-primary-1);
}

.order-register-page .main-banner-section {
  background-image: url(../img/banner-img.png);
  background-size: cover;
  padding-top: 30px;
  height: 321px;
  position: relative;
  z-index: 0;
  align-items: flex-start;
}

.order-register-page .c-container {
  max-width: calc(100% - 100px);
  padding-inline: 30px;
  margin-inline: auto;
}

.order-register-page .desktop-badge-section {
  display: flex;
}

.order-register-page .badge-section li {
  position: relative;
  padding-inline: 20px;
}

.order-register-page .badge-section li:first-child {
  padding-left: 0;
}

.order-register-page .badge-section li:first-child::after {
  content: '';
}

.order-register-page .badge-section li:after {
  position: absolute;
  content: '>';
  left: -5px;
  top: 50%;
  transform: translateY(-50%);
  color: #AFAFAF;
  font-family: var(--font-dm-sans);
  font-size: 19px;
}

.order-register-page .badge-section li a {
  color: #afafaf;
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
}

.order-register-page .badge-section li a.active {
  color: var(--bg-secondary);
}

.order-register-page .mobile-badge-section {
  display: none;
}

.order-register-page .order-event-detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 60px;
}

.order-register-page .left-event-section {
  max-width: 360px;
  position: relative;
  border: 2px solid #FFFFFF80;
  border-radius: 20px;
}

.order-register-page .right-event-section {
  max-width: calc(100% - 420px);
  width: 100%;
}

.order-register-page .left-event-section .event-img-section img {
  border-radius: 20px;
  aspect-ratio: 16 / 16;
}

.order-register-page .review-section {
  position: absolute;
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg, rgba(12, 12, 17, 0) 0%, #0C0C11 100%);
  top: 0;
  left: 0;
  border: none;
  display: flex;
  align-items: flex-end;
  padding: 20px;
  color: var(--bg-secondary);
  border-radius: 20px;
}

.order-register-page .review-section .event-review {
  margin-bottom: 0;
  font-family: var(--font-dm-sans);
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
}

.order-register-page .review-section .star-icon {
  margin-inline: 1px;
  color: #DEAF0A;
}

.order-register-page .event-person {
  color: #afafaf;
  font-family: var(--font-dm-sans);
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
}

.order-register-page .right-event-section .event-name {
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  color: var(--bg-secondary);
  text-align: left;
}

.order-register-page .order-register-section {
  margin-top: -236px;
}

.order-register-page .right-event-section .event-name {
  margin-bottom: 0;
  transform: translateY(-50px);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.order-register-page .order-summary-section {
  background-color: var(--grediant-color-1);
  border-radius: 20px;
  box-shadow: 0px 4px 10px 0px #8E3CEB14 inset;
  padding: 50px;
}

.order-register-page .order-summary-location {
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 24px;
  line-height: 100%;
  color: var(--bg-secondary);
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.order-register-page .order-summary-table {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overflow-y: hidden;
}

.order-register-page .order-price-table .left-td svg,
.order-register-page .order-summary-location svg {
  margin-right: 10px;
}

.order-register-page .order-price-table {
  width: 100%;
}

.order-register-page .order-price-table .left-td {
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--bg-secondary);
  text-align: left;
  padding-bottom: 30px;
}

.order-register-page .order-price-table .right-td {
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--bg-secondary);
  text-align: right;
  padding-bottom: 30px;
}

.order-register-page .order-price-table tbody tr:last-child {
  position: relative;
}

.order-register-page .order-price-table tbody tr:last-child:after {
  position: absolute;
  content: '';
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 51%, rgba(255, 255, 255, 0) 100%);
  width: 100%;
  height: 2px;
  top: 0px;
  left: 0;
}

.order-register-page .total-price-right {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 30px;
  line-height: 100%;
  text-align: right;
  padding-block: 30px 0;
}

.order-register-page .total-price-left {
  color: var(--bg-secondary);
  font-family: var(--font-dm-sans);
  font-weight: 600;
  font-size: 30px;
  line-height: 100%;
  padding-block: 30px 0;
}

.order-register-page .offer-card-section {
  margin-top: 50px;
  background-color: var(--grediant-color-1);
  box-shadow: 0px 4px 10px 0px #8E3CEB14 inset;
  border-radius: 20px;
  padding: 30px;
}

.order-register-page .offer-card-section .offer-btn {
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 24px;
  line-height: 100%;
  vertical-align: middle;
  color: var(--bg-secondary);
  width: 100%;
  border: none;
  background-color: transparent;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.order-register-page .offer-card-section .offer-btn span {
  display: block;
}

.order-register-page .offer-card-section .offer-btn span svg {
  margin-right: 20px;
}

.order-register-page .offer-card-section .offer-btn i {
  transform: rotate(-180deg);
  transition: 0.4s;
}

.order-register-page .offer-card-section .offer-btn.collapsed i {
  transform: rotate(0deg);
}

.order-register-page .offer-card-section .offer-card {
  max-width: 50%;
}

.order-register-page .offer-card-section .offer-heading {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: var(--bg-secondary);
  margin-block: 40px 12px;
}

.order-register-page .offer-card-section .offer-form {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.order-register-page .offer-card-section .offer-input {
  background-color: #1F1826;
  border: 1px solid #3D3347;
  width: calc(100% - 260px);
  padding: 13px 20px;
  border-radius: 30px;
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  color: #AFAFAF;
}

.order-register-page .offer-card-section .offer-input::placeholder {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  color: #AFAFAF;
}

.order-register-page .offer-card-section .offer-apply-btn {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  max-width: 200px;
  width: 100%;
  padding: 12px;
  border-radius: 50px;
  border-color: transparent;
  color: var(--bg-secondary);
  transition: 0.4s;
}

.order-register-page .offer-card-section .offer-apply-btn:hover {
  transform: scale(0.95);
}

.order-register-page .offer-card-section .offer-sub-heading {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: var(--bg-secondary);
  margin-block: 30px 12px;
}

.order-register-page .offer-card-section .offer-des-card {
  background-image: url(../img/banner-img.png);
  padding: 20px;
  background-size: cover;
  background-position: center;
  border-radius: 16px;
}

.order-register-page .offer-card-section .offer-des-card-title {
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  vertical-align: middle;
  color: var(--bg-secondary);
  margin-bottom: 12.5px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.order-register-page .offer-card-section .offer-des-card-des {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #AFAFAF;
  margin-bottom: 0;
  padding-right: 100px;
}

.order-register-page .customer-information-card {
  margin-block: 50px 100px;
  background-color: var(--grediant-color-1);
  box-shadow: 0px 4px 10px 0px #8E3CEB14 inset;
  padding: 50px;
  border-radius: 20px;
}

.customer-information-title {
  font-family: var(--font-dm-sans);
  font-weight: 600;
  font-size: 30px;
  line-height: 100%;
  vertical-align: middle;
  color: var(--bg-secondary);
  margin-bottom: 30px;
}

.information-fieldset,
.ticketsHolder {
  max-width: 50%;
}

.customer-information-card .information-fieldset .c-input,
.customer-information-card .ticketsHolder .c-input,
.payment-input {
  background-color: #1F1826;
  border: 1px solid #3D3347;
  color: #afafaf;
  padding: 13px 20px !important;
  border-radius: 30px;
}

.customer-information-card .information-fieldset .c-input::placeholder,
.customer-information-card .ticketsHolder .c-input::placeholder {
  color: #afafaf;
}

.condition-text {
  display: flex;
  align-items: flex-start;
  gap: 0 35px;
}

.customer-information-card .small-txt {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 20px;
  line-height: 22px;
  color: #afafaf;
}

.customer-information-card .small-txt:hover {
  cursor: pointer;
}

.condition-text {
  margin-bottom: 15px;
}

.customer-information-card .small-txt a {
  color: #5E39E5;
}

.customer-information-card #hit-stripe-pay-btn {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  max-width: 200px;
  width: 100%;
  border-color: transparent;
  border-radius: 50px;
  transition: 0.4s;
}

.customer-information-card #hit-stripe-pay-btn:hover {
  transform: scale(0.95);
}

.customer-information-card .checkbox-input {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  opacity: 0;
  z-index: 1;
}

.customer-information-card .checkbox-input:checked+.custom-box:after {
  position: absolute;
  content: '\f00c';
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  z-index: 1;
  color: var(--bg-secondary);
  font-size: 12px;
}

.customer-information-card .custom-box {
  display: block;
  position: absolute;
  top: 0;
  left: 0px;
  width: 25px;
  height: 25px;
  background-color: var(--grediant-color-1);
  border: 1px solid #afafaf;
  border-radius: 5px;
  z-index: 0;
}

.customer-information-card .custom-checkbox {
  position: relative;
}

.customer-information-card .form-label {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  color: var(--bg-secondary);
  margin-bottom: 12px;
}

.customer-information-card .form-label:hover {
  cursor: pointer;
}

.customer-information-card .forgot-link {
  color: #afafaf;
  margin-top: 5px;
}

.customer-information-card .continue-btn {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  max-width: 200px;
  width: 100%;
  border-color: transparent;
  padding: 12px;
  border-radius: 30px;
  color: var(--bg-secondary);
  transition: 0.4s;
  text-transform: capitalize;
}

.customer-information-card .continue-btn:hover {
  transform: scale(0.95);
}

.custom-phone-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.custom-phone-section .custom-country {
  width: 100%;
  max-width: 150px;
}

.custom-phone-section .custom-phone-number-input {
  max-width: calc(100% - 170px);
  width: 100%;
}

.customer-information-card button#submit_btn {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  color: white;
  max-width: 200px;
  width: 100%;
  border-color: transparent;
  border-radius: 50px;
  transition: 0.4s;
}

.customer-information-card button#submit_btn:hover {
  transform: scale(0.95);
}

/* Order Register Page End */


/* Order Confirmation Page Start*/
.order-confirmation-page {
  background-color: var(--bg-primary-1);
  padding-bottom: 100px;
}

.order-confirmation-page .c-container {
  max-width: calc(100% - 100px);
  margin-inline: auto;
  padding-inline: 30px;
}

/* Main Title Section Start  */
.order-confirmation-page .main-banner-section {
  background-image: url(../img/banner-img.png);
  position: relative;
  height: 324px;
  padding-top: 30px;
}

.order-confirmation-page .main-banner-section::after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
  background-image: url(../img/left-design.png);
  background-position: left;
  background-size: contain;
  height: 100%;
  background-repeat: no-repeat;
  z-index: 0;
}

.order-confirmation-page .main-banner-section::before {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  width: 100%;
  z-index: 0;
  background-image: url(../img/right-design.png);
  background-position: right;
  background-size: contain;
  height: 100%;
  background-repeat: no-repeat;
  z-index: 0;
}

.order-confirmation-page .desktop-badge-section {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}

.order-confirmation-page .badge-section li {
  position: relative;
  padding-inline: 20px;
}

.order-confirmation-page .badge-section li:first-child {
  padding-left: 0;
}

.order-confirmation-page .badge-section li:first-child::after {
  content: '';
}

.order-confirmation-page .badge-section li:after {
  position: absolute;
  content: '>';
  left: -5px;
  top: 50%;
  transform: translateY(-50%);
  color: #AFAFAF;
  font-family: var(--font-dm-sans);
  font-size: 19px;
}

.order-confirmation-page .badge-section li a {
  color: #afafaf;
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
}

.order-confirmation-page .badge-section li a.active {
  color: var(--bg-secondary);
}

.order-confirmation-page .main-title {
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: var(--bg-secondary);
  margin-bottom: 20px;
}

.order-confirmation-page .main-sub-title {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: var(--bg-secondary);
  max-width: 980px;
  margin-inline: auto;
  margin-bottom: 60px;
}

.order-confirmation-page .main-title-section .col-md-12 {
  position: relative;
  z-index: 3;
}

.order-confirmation-page .mobile-badge-section {
  display: none;
}

.order-confirmation-page .c-container,
.order-confirmation-page .container-fluid,
.order-confirmation-page .row {
  height: 100%;
}

.order-confirmation-page .col-12 {
  position: relative;
}

.order-confirmation-page .col-12 {
  z-index: 1;
}

.order-confirmation-page .main-title {
  margin-top: 100px;
  text-transform: none;
}

/* Main Title Section End  */

/* Order Event Card Start  */
.order-confirmation-page .order-event-card,
.order-confirmation-page .order-total-card {
  background-color: var(--grediant-color-1);
  box-shadow: 0px 4px 10px 0px #8E3CEB14 inset;
  padding: 50px;
  margin-block: 50px 0;
  border-radius: 20px;
  margin-inline: auto;
  max-width: 1104px;
}

.order-confirmation-page .left-event-section {
  max-width: 250px;
  position: relative;
}

.order-confirmation-page .left-event-section::after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(12, 12, 17, 0) 0%, #0C0C11 100%);
  width: 100%;
  height: 100%;
  border: 2px solid #FFFFFF80;
  border-radius: 20px;
}

.order-confirmation-page .event-detail-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.order-confirmation-page .left-event-section img {
  width: 100%;
  border-radius: 20px;
  aspect-ratio: 16 / 16
}

.order-confirmation-page .right-event-section {
  max-width: calc(100% - 290px);
  width: 100%;
}

.order-confirmation-page .event-title {
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  color: var(--bg-secondary);
  margin-bottom: 30px;
}

.order-confirmation-page .event-location {
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 24px;
  line-height: 100%;
  color: #afafaf;
  display: flex;
  align-items: center;
}

.order-confirmation-page .event-location svg {
  margin-right: 8px;
  width: 30px;
  height: 30px;
}

.order-confirmation-page .event-time-date-section {
  display: flex;
  align-items: center;
}

.order-confirmation-page .event-date {
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 24px;
  line-height: 100%;
  color: #afafaf;
  margin-bottom: 0;
  margin-right: 35px;
  display: flex;
  align-items: center;
}

.order-confirmation-page .event-time {
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 24px;
  line-height: 100%;
  color: #afafaf;
  margin-bottom: 0;
  margin-left: 35px;
  display: flex;
  align-items: center;
}

.order-confirmation-page .event-time svg,
.order-confirmation-page .event-date svg {
  margin-right: 15px;
}

.order-confirmation-page .event-detail-section {
  position: relative;
  padding-bottom: 50px;
  margin-bottom: 50px;
}

.order-confirmation-page .event-detail-section::after {
  position: absolute;
  content: '';
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 51%, rgba(255, 255, 255, 0) 100%);
  height: 1px;
  width: 100%;
  bottom: 0;
}

.order-summary-table tr td {
  border: none;
}

.order-summary-table .left-td {
  color: var(--bg-secondary);
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 24px;
  line-height: 100%;
  padding-block: 15px;
}

.order-summary-table .right-td {
  color: var(--bg-secondary);
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 24px;
  line-height: 100%;
  text-align: right;
  padding-block: 15px;
  vertical-align: middle;
}

.order-summary-table .total-price-right {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 30px;
  line-height: 100%;
  text-align: right;
  padding-block: 30px 0;
  text-align: right;
}

.order-summary-table .total-price-left {
  color: var(--bg-secondary);
  font-family: var(--font-dm-sans);
  font-weight: 600;
  font-size: 30px;
  line-height: 100%;
  padding-block: 30px 0;
}

.order-summary-table tbody tr:last-child td,
.order-summary-table tbody tr:last-child td {
  padding-bottom: 40px;
}

.order-summary-table table tfoot tr {
  position: relative;
}

.order-summary-table table tfoot tr::after {
  position: absolute;
  left: 0;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 51%, rgba(255, 255, 255, 0) 100%);
  width: 100%;
  content: '';
}

.order-summary-table table tfoot {
  position: relative;
}

.order-total-card .table .left-td {
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 24px;
  line-height: 100%;
  color: var(--bg-secondary);
  border: none;
  text-align: left;
  padding-block: 15px;
}

.order-total-card .table .right-td {
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 24px;
  line-height: 100%;
  color: var(--bg-secondary);
  border: none;
  text-align: right;
  padding-block: 15px;
}

.order-total-card .table tbody tr:last-child td {
  padding-bottom: 100px;
}

.order-total-card .table tfoot tr {
  position: relative;
}

.order-total-card .table tfoot tr::after {
  position: absolute;
  left: 0;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 51%, rgba(255, 255, 255, 0) 100%);
  width: 100%;
  content: '';
}

.order-total-card .table tfoot .total-price-left {
  border: none;
  font-family: var(--font-dm-sans);
  font-weight: 600;
  font-size: 30px;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--bg-secondary);
  text-align: left;
  padding-top: 30px;
  padding-bottom: 0;
}

.order-total-card .table tfoot .total-price-right {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 30px;
  line-height: 100%;
  text-align: right;
  padding-block: 30px 0;
  text-align: right;
  padding-bottom: 0;
  border: none;
}

.order-summary-table .table,
.order-total-card .table {
  margin-bottom: 0;
}

/* Order Event Card End  */
/* Order Confirmation Page End*/

/* My Ticket Page Start */
.my-ticket-page {
  background-color: var(--bg-primary-1);
  padding-bottom: 100px;
}

.my-ticket-page .c-container {
  max-width: calc(100% - 100px);
  margin-inline: auto;
  padding-inline: 30px;
}

.my-ticket-page .tickets-section .c-container {
  max-width: calc(100% - 100px);
  margin-inline: auto;
  padding-inline: 20px 30px;
}

/* Main Banner Section Start */
.my-ticket-page .main-banner-section {
  background-image: url(../img/banner-img.png);
  position: relative;
  height: 324px;
  padding-top: 30px;
  margin-bottom: 50px;
}

.my-ticket-page .main-banner-section::after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
  background-image: url(../img/left-design.png);
  background-position: left;
  background-size: contain;
  height: 100%;
  background-repeat: no-repeat;
  z-index: 0;
}

.my-ticket-page .main-banner-section::before {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  width: 100%;
  z-index: 0;
  background-image: url(../img/right-design.png);
  background-position: right;
  background-size: contain;
  height: 100%;
  background-repeat: no-repeat;
  z-index: 0;
}

.my-ticket-page .desktop-badge-section {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}

.my-ticket-page .badge-section li {
  position: relative;
  padding-inline: 20px;
}

.my-ticket-page .badge-section li:first-child {
  padding-left: 0;
}

.my-ticket-page .badge-section li:first-child::after {
  content: '';
}

.my-ticket-page .badge-section li:after {
  position: absolute;
  content: '>';
  left: -5px;
  top: 50%;
  transform: translateY(-50%);
  color: #AFAFAF;
  font-family: var(--font-dm-sans);
  font-size: 19px;
}

.my-ticket-page .badge-section li a {
  color: #afafaf;
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
}

.my-ticket-page .badge-section li a.active {
  color: var(--bg-secondary);
}

.my-ticket-page .main-title {
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: var(--bg-secondary);
  margin-bottom: 20px;
}

.my-ticket-page .main-sub-title {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: var(--bg-secondary);
  max-width: 980px;
  margin-inline: auto;
  margin-bottom: 60px;
}

.my-ticket-page .main-title-section .col-md-12 {
  position: relative;
  z-index: 3;
}

.my-ticket-page .mobile-badge-section {
  display: none;
}

.my-ticket-page .c-container,
.my-ticket-page .container-fluid,
.my-ticket-page .row {
  height: 100%;
}

.my-ticket-page .col-12 {
  position: relative;
}

.my-ticket-page .col-12 {
  z-index: 1;
}

.my-ticket-page .main-title {
  margin-top: 125px;
  text-transform: none;
}

/* Main Banner Section End */

/* ticket Section Start */
.ticket-card {
  background-color: #110D15;
  border-radius: 20px;
  padding: 50px;
  margin-bottom: 30px;
  box-shadow: 0px 4px 10px 0px #8E3CEB14 inset;
}

.ticket-card .ticket-card-inner-section {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}

.ticket-card .ticket-img {
  max-width: 200px;
  position: relative;
  width: 100%;
  padding-bottom: 0;
}

.ticket-card .ticket-img img {
  width: 100%;
  border-radius: 20px;
  aspect-ratio: 16 / 16;
  object-fit: cover;
}

.ticket-card .ticket-img::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  border: 2px solid #FFFFFF80;
  background: linear-gradient(180deg, rgba(12, 12, 17, 0) 0%, #0C0C11 100%);
  left: 0;
  top: 0;
  border-radius: 20px;
}

.ticket-card .ticket-text-section {
  max-width: calc(100% - 250px);
  width: 100%;
}

.ticket-card .event-title {
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-size: 30px;
  line-height: 100%;
  color: var(--bg-secondary);
  margin-bottom: 25px;
}

.ticket-card .event-date,
.ticket-card .event-time,
.ticket-card .event-location {
  display: flex;
  align-items: center;
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  color: #afafaf;
}

.ticket-card .event-location {
  margin-bottom: 15px;
}

.ticket-card .event-date svg,
.ticket-card .event-time svg,
.ticket-card .event-location svg {
  height: 30px;
  width: 30px;
  margin-right: 7px;
}

.ticket-card .event-time-date-section {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.ticket-card .event-date {
  margin-right: 30px;
}

.ticket-card .event-date,
.ticket-card .event-time {
  margin-bottom: 0;
}

.ticket-card .event-qty {
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 24px;
  line-height: 100%;
  color: #afafaf;
}

.ticket-card .event-qty .event-subtitle {
  color: var(--bg-secondary);
  margin-right: 10px;
}

.ticket-card .common-btn {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  max-width: 200px;
  padding: 12px 20px;
  margin-left: auto;
  border: 1px solid transparent;
  width: 100%;
  float: right;
  font-family: var(--font-dm-sans);
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
}

.ticket-card .common-btn.upcoming-btn {
  background: #03C439;
}

.ticket-card .common-btn.failed-btn {
  background: #E70047;
}

.ticket-card .common-btn.complete-btn {
  background: transparent;
  border-color: var(--bg-secondary);
}

.tickets-section .pagination-section {
  margin-top: 20px;
  margin-bottom: 0;
}

.tickets-section .pagination-section .pagination-btn {
  position: relative;
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  height: 58px;
  width: 58px;
  border-radius: 100%;
  border: 1px solid transparent;
  transition: 0.4s;
}

.tickets-section .pagination-section .pagination-btn:hover {
  transform: scale(0.95);
}

.tickets-section .pagination-section .pagination-btn.prev-pagination::after {
  position: absolute;
  width: 25px;
  height: 15px;
  content: '';
  background-image: url(../img/white-left-arrow.png);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: cover;
  background-position: center;
}

.tickets-section .pagination-section .pagination-btn.next-pagination::after {
  position: absolute;
  width: 25px;
  height: 15px;
  content: '';
  background-image: url(../img/white-right-arrow.png);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: cover;
  background-position: center;
}

.tickets-section .pagination-ul {
  display: flex;
  padding-inline: 25px;
}

.tickets-section .pagination-ul li {
  padding-inline: 7.5px;
  color: #afafaf;
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
}

.tickets-section .pagination-ul li:hover {
  cursor: pointer;
}

.tickets-section .pagination-ul li.active {
  color: var(--bg-secondary);
}

.ticket-img-section {
  display: flex;
  align-items: center;
}

.tickets-section .event-name.mobile-version {
  display: none;
  margin-left: 25px;
}

.tickets-section .event-name.mobile-version {
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  color: var(--bg-secondary);
}

.tickets-section .event-name.mobile-version.desktop-version {
  display: block;
}

/* ticket Section End */

/* My Ticket Page End */

/* My Wishlist Page */
.wishlist-page .event-from-price {
  color: var(--bg-secondary);
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 22px;
  line-height: 100%;
}

.wishlist-page .event-price {
  background: linear-gradient(101.04deg, #8E3CEB 51.07%, #B340C6 87.67%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
  font-size: 26px;
}

.home-page .custom-search-dropdown .js-dropdown.ui.search.selection.dropdown {
  border-radius: 40px !important;
}

/* Common Changes Css  */
.tab-event-section .event-card .card-body {
  min-height: 100px;
  padding: 0;
}

.categories-card-section .event-name,
.tab-section .event-name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.tab-event-section .event-card {
  padding: 1.25rem;
}

.tab-event-section .card-footer {
  padding: 0;
}

.event-detail-section {
  min-height: 100px;
}

.categories-card-slider .card-footer {
  padding-bottom: 0;
}

/* Book Ticket Page Start  */
.ticket-booking-page {
  background-color: var(--bg-primary-1);
}

.ticket-booking-page .main-banner-section {
  background-image: url(../img/banner-img.png);
  background-size: cover;
  padding-top: 30px;
  height: 450px;
  position: relative;
  z-index: 0;
  align-items: flex-start;
}

.ticket-booking-page .c-container {
  max-width: calc(100% - 100px);
  margin-inline: auto;
  padding-inline: 30px;
}

.ticket-booking-page .desktop-badge-section {
  display: flex;
}

.ticket-booking-page .mobile-badge-section {
  display: none;
}

.ticket-booking-page .badge-section li:first-child {
  padding-left: 0;
}

.ticket-booking-page .badge-section li {
  position: relative;
  padding-inline: 20px;
}

.ticket-booking-page .badge-section li:first-child::after {
  content: '';
}

.ticket-booking-page .badge-section li:after {
  position: absolute;
  content: '>';
  left: -5px;
  top: 50%;
  transform: translateY(-50%);
  color: #AFAFAF;
  font-family: var(--font-dm-sans);
  font-size: 19px;
}

.ticket-booking-page .badge-section li a {
  color: #afafaf;
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
}

.ticket-booking-page .badge-section li a.active {
  color: var(--bg-secondary);
}

.ticket-booking-page .ticket-heading {
  font-family: var(--font-dm-sans);
  font-size: 40px;
  font-weight: 600;
  line-height: 48px;
  text-align: center;
  z-index: 1;
  color: #ffffff;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  bottom: 50px;
  position: absolute;
}

.ticket-booking-page .ticket-booking-card-header-section {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}

.ticket-booking-page .ticket-booking-card {
  box-shadow: 0px 4px 10px 0px #8E3CEB14 inset;
  background-color: var(--grediant-color-1);
  border-radius: 20px;
  padding: 20px;
}

.ticket-booking-page .ticket-card-header-left-section {
  width: 30%;
}

.ticket-booking-page .ticket-card-header-right-section {
  width: 70%;
}

.ticket-booking-page .ticket-booking-section {
  padding-block: 60px;
}

.ticket-booking-page .ticket-card-header-left-section img {
  border-radius: 15px;
  width: 100%;
  aspect-ratio: 16 / 11;
  border: 2px solid #FFFFFF80;
  object-fit: cover;
}

.ticket-booking-page .ticket-card-header-right-section {
  padding-left: 20px;
}

.ticket-booking-page .ticket-card-heading {
  font-family: var(--font-dm-sans);
  font-size: 18px;
  font-weight: 700;
  line-height: 21.6px;
  text-align: left;
  margin-bottom: 12px;
  color: var(--bg-secondary);
}

.ticket-booking-page .ticket-card-description {
  font-family: var(--font-dm-sans);
  font-size: 16px;
  font-weight: 500;
  line-height: 19.2px;
  text-align: left;
  color: #afafaf;
  margin-bottom: 0;
}

.ticket-booking-page .ticket-voucher-section {
  margin-top: 20px;
  width: 75%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 25px;
}

.ticket-booking-page .ticket-voucher-title {
  font-family: var(--font-dm-sans);
  font-size: 18px;
  font-weight: 500;
  line-height: 21.6px;
  text-align: left;
  color: var(--bg-secondary);
  margin-bottom: 12px;
  width: 100%;
}

.ticket-booking-page .ticket-voucher-input {
  border: 1px solid #E5E5E5;
  background-color: #F5F5F5;
  border-radius: 40px;
  width: 70%;
  padding: 15px 16px;
  font-family: var(--font-dm-sans);
}

.ticket-booking-page .ticket-voucher-input::placeholder {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 16px;
  line-height: 19.2px;
  color: #AFAFAF;
}

.ticket-booking-page .ticket-apply-btn {
  color: var(--bg-secondary);
  border: 1px solid transparent;
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  border-radius: 40px;
  width: 25%;
  margin-left: 20px;
  padding-block: 15px;
  font-family: var(--font-dm-sans);
  transition: 0.4s;
}

.ticket-booking-page .ticket-apply-btn:hover {
  transform: scale(0.95);
}

.ticket-booking-page .ticket-event-card {
  background-color: #110D15;
  border-radius: 20px;
  padding: 20px;
  margin-bottom: 30px;
  box-shadow: 0px 4px 10px 0px #8E3CEB14 inset;
  border: 2px solid var(--bg-secondary);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.ticket-booking-page .ticket-card-heading,
.ticket-card-left-section .ticket-card-heading {
  margin: 0 0 5px;
  font-weight: 600;
}

.ticket-booking-page .ticket-card-description,
.ticket-card-left-section .ticket-card-price-section .ticket-card-price {
  margin: 0;
  color: #666;
}

.ticket-booking-page .amount-section {
  display: flex;
  align-items: center;
  gap: 20px;
}

.ticket-booking-page .ticket-amount {
  font-weight: bold;
  font-size: 18px;
  margin: 0;
  color: var(--bg-secondary);
}

.ticket-booking-page .ticket-card-right-section {
  display: flex;
  align-items: center;
  gap: 20px;
}

.ticket-booking-page .ticket-qty-btn {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  color: var(--bg-secondary);
  border-radius: 100%;
  padding: 10px 15px;
  border: none;
  transition: 0.4s;
}

.ticket-booking-page .ticket-qty-btn:hover {
  transform: scale(0.95);
}

.ticket-booking-page .qty-input,
.ticket-card-right-section .addon-qty-input {
  width: 30px;
  text-align: center;
  border: none;
  background-color: transparent;
  color: var(--bg-secondary);
}

.ticket-booking-page .ticket-checkout-btn,
.ticket-booking-page .button_addon-class {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  color: var(--bg-secondary);
  border-radius: 50px;
  padding: 10px 20px;
  border: none;
  transition: 0.4s;
}

.ticket-booking-page .ticket-checkout-btn:hover,
.ticket-booking-page .button_addon-class:hover {
  transform: scale(0.95) !important;
  color: var(--bg-secondary);
}

.ticket-booking-page .ticket-back-btn,
.ticket-booking-page .desktop-submit_back-class {
  border: 1px solid var(--bg-secondary);
  border-radius: 50px;
  padding: 10px 20px;
  transition: 0.7s;
  color: var(--bg-secondary);
  transition: 0.4s;
  background-color: transparent;
}

.ticket-booking-page .ticket-back-btn:hover,
.ticket-booking-page .desktop-submit_back-class:hover {
  transform: scale(0.95);
}

.ticket-booking-page .ticket-event-btn-section {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.ticket-booking-page .ticket-event-card-section {
  max-height: 450px;
  overflow-y: auto;
  padding-right: 11px;
}

.ticket-booking-page .o-summery {
  color: var(--bg-secondary);
  font-size: 20px;
  font-weight: bold;
}

.ticket-booking-page .code-list p {
  font-family: var(--font-dm-sans);
  font-size: 18px;
  font-weight: 500;
  line-height: 21.6px;
  text-align: left;
  color: #242424;
  margin-bottom: 8px;
  color: var(--bg-secondary);
}

.ticket-booking-page .o-price p {
  color: #afafaf;
  font-size: 20px;
  line-height: 24px;
  padding-block: 10px !important;
}

.ticket-booking-page .hr-line {
  position: relative;
  max-width: 100%;
}

.ticket-booking-page .ticket-event-card-section::-webkit-scrollbar {
  width: 10px;
}

.ticket-booking-page .ticket-event-card-section::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

.ticket-booking-page .ticket-event-card-section::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}

.ticket-booking-page .ticket-event-card-section::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.order-register-page .offer-card-section .offer-apply-btn.mobile-btn {
  display: none;
}

.d-tix-logo {
  max-width: 125px;
  width: 100%;
}

/* Book Ticket Page End */

.home-page .event-img img {
  padding-block: 0 !important;
}

.home-page .event-slider .owl-nav {
  position: absolute;
  width: 100%;
  top: 40%;
  transform: translateY(-55%);
}

.home-page .event-slider .owl-nav button {
  height: 50px;
  width: 50px;
  transition: 0.4s;
}

.home-page .event-slider .owl-nav button span {
  display: none;
}

.home-page .event-slider .owl-nav button.owl-prev {
  position: absolute;
  transform: translate(0%);
  left: -25px;
  background-color: #ffffff;
  border-radius: 100%;
}

.home-page .event-slider .owl-nav button.owl-prev::after {
  position: absolute;
  background-image: url(../img/left-arrow.png);
  width: 25px;
  content: '';
  height: 15px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: cover;
}

.home-page .event-slider .owl-nav button.owl-next {
  position: absolute;
  transform: translate(0%);
  right: -25px;
  background-color: #ffffff;
  border-radius: 100%;
}

.home-page .event-slider .owl-nav button.owl-next::after {
  position: absolute;
  background-image: url(../img/right-arrow.png);
  width: 25px;
  content: '';
  height: 15px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: cover;
}

.home-page .event-slider .owl-nav .owl-prev:hover,
.home-page .event-slider .owl-nav .owl-next:hover {
  transform: scale(0.95);
  background: #ffffff !important;
}

.event-discovery-page .top-city-slider .owl-nav {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}

.event-discovery-page .top-city-slider .owl-nav button {
  height: 50px;
  width: 50px;
  transition: 0.4s;
}

.event-discovery-page .top-city-slider .owl-nav button span {
  display: none;
}

.event-discovery-page .top-city-slider .owl-nav button.owl-prev {
  position: absolute;
  transform: translate(0%);
  left: -25px;
  background-color: #ffffff;
  border-radius: 100%;
}

.event-discovery-page .top-city-slider .owl-nav button.owl-prev::after {
  position: absolute;
  background-image: url(../img/white-left-arrow.png);
  width: 25px;
  content: '';
  height: 15px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: cover;
}

.event-discovery-page .top-city-slider .owl-nav button.owl-next {
  position: absolute;
  transform: translate(0%);
  right: -25px;
  background-color: #ffffff;
  border-radius: 100%;
}

.event-discovery-page .top-city-slider .owl-nav button.owl-next::after {
  position: absolute;
  background-image: url(../img/white-right-arrow.png);
  width: 25px;
  content: '';
  height: 15px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: cover;
}

.event-discovery-page .top-city-slider .owl-nav .owl-prev:hover,
.event-discovery-page .top-city-slider .owl-nav .owl-next:hover,
.new-event-detail-page .littletix-card-section .owl-nav .owl-prev:hover,
.new-event-detail-page .littletix-card-section .owl-nav .owl-next:hover {
  transform: scale(0.95);
  background: #ffffff !important;
}

.event-discovery-page .top-city-slider .owl-nav .owl-prev,
.event-discovery-page .top-city-slider .owl-nav .owl-next {
  transition: 0.4s;
}

.new-event-detail-page .littletix-card-section .owl-nav .owl-prev:hover:after,
.event-discovery-page .top-city-slider .owl-nav .owl-prev:hover::after {
  background-image: url(../img/left-arrow.png);
}

.new-event-detail-page .littletix-card-section .owl-nav .owl-next:hover:after,
.event-discovery-page .top-city-slider .owl-nav .owl-next:hover::after {
  background-image: url(../img/right-arrow.png);
}

.tab-section .event-detail-section {
  min-height: unset;
}

.categories-card-slider .owl-nav,
.littletix-card-section .owl-nav {
  display: block !important;
}

.new-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.new-checkbox input[type=checkbox] {
  position: relative;
  height: 25px;
  width: 25px;
}

#verify_otp .reg-txt {
  color: #ffffff;
}

#verify_otp .reg-txt a {
  color: rgb(47, 47, 255);
  font-size: 20px;
  text-transform: capitalize;
}

.payment-box {
  max-width: 50%;
}

#verify_otp .form-control[readonly] {
  background-color: #1F1826;
  border: 1px solid #3D3347;
  color: #afafaf;
  padding: 13px 20px !important;
  border-radius: 30px;
}

.event-inner-page.category .main-title-section:after,
.order-register-page .main-banner-section::after,
.ticket-booking-page .main-banner-section::after,
.order-confirmation-page .main-banner-section::after,
.my-ticket-page .main-banner-section::after {
  background-image: none;
}

.event-inner-page.category .main-title-section:before,
.order-register-page .main-banner-section::before,
.ticket-booking-page .main-banner-section::before,
.order-confirmation-page .main-banner-section::before,
.my-ticket-page .main-banner-section::before {
  background-image: none;
}

.event-inner-page.category .main-title-section,
.order-register-page .main-banner-section,
.ticket-booking-page .main-banner-section,
.order-confirmation-page .main-banner-section,
.my-ticket-page .main-banner-section {
  background-image: url(../img/new-bg-image.png);
}

.event-slider .event-img {
  position: relative;
}

.event-slider .event-img::after {
  width: 100%;
  height: 100%;
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(12, 12, 17, 0) 67.76%, #0C0C11 100%);
  border-radius: 20px;
}


.city-modal .modal-city-title {
  text-align: center;
  width: calc(100% - 50px);
  color: #ffffff;
  margin-bottom: 0;
  font-size: 20px;
}

.city-modal .modal-header .close {
  color: #ffffff;
  opacity: 1;
}

.city-modal .modal-dialog {
  overflow: hidden;
  min-height: 100%;
  margin-block: 0;
}

.city-modal .modal-content {
  border-radius: 10px;
  overflow: hidden;
  max-height: calc(100dvh - 160px);
  height: 100%;
  top: 50%;
  transform: translateY(-50%);
  position: fixed;
  max-width: 500px;
  background-color: #0C0C11;
  box-shadow: 0px 0px 5px 0px #4d3159 inset;
}

.city-modal .modal-body {
  overflow-y: auto;
}

.city-modal .modal-body::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.city-modal .modal-body::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.city-modal .modal-body::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
.city-modal .modal-body::-webkit-scrollbar-thumb:hover {
  background: #555;
}




.modal-city-list-ul {
  height: 100%;
}

.modal-city-list-ul li a {
  padding-block: 15px;
  border-bottom: .0625rem solid #ccd2d8;
  color: #ffffff;
  font-family: var(--font-dm-sans);
}

.city-input-section {
  padding-inline: 30px;
  margin-block: 25px 15px;
}

#citySearchInput:focus {
  box-shadow: none;
  border: none;
}

#citySearchInput {
  border: none;
  border-radius: 25px;
  padding: 20px 15px 20px 50px;
}

.city-input-inner-section {
  border: 1px solid #d4d4d4;
  position: relative;
  border-radius: 25px;
}

.city-input-section .search-icon {
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  color: #000000;
  font-size: 16px;
  text-align: center;
  width: 50px;
}

.city-title+.city-title {
  padding-top: 20px;
}

.cat-cit-ttit {
  margin-bottom: 20px;
  color: #ffffff;
  font-size: 18px;
  font-family: var(--font-dm-sans);
}

.ticket-event-card-section h3 {
  color: #ffffff;
  margin-bottom: 20px;
}

.ticket-event-card-section .ticket-event-card-row {
  display: flex;
  justify-content: space-between;
  width: 100%;
}


.ticket-booking-page .main-banner-section {
  max-height: fit-content;
}

.ticket-booking-page .ticket-heading {
  position: relative;
  top: 0;
  transform: translateY(0);
  left: 0;
  padding-block: 75px 100px;
}

@media(max-width: 991px) {
  .ticket-booking-page .ticket-heading {
    padding-block: 25px 50px;
  }
}

@media(max-width: 767px) {
  .left-footer-section {
    margin-left: 0;
    height: 25px !important;
  }

  .left-footer {
    padding-inline: 0;
    margin-bottom: 30px;
  }

  .footer-ul .footer-li:last-child {
    margin-bottom: 0;
  }
}

/* Admin Panel Design 13-08-2025 Css Start */
/* Manage Event Page Css End */
.new-design-admin {
  background-color: var(--bg-primary-1);
  padding-block: 50px;
}

.new-design-admin .create-event-title {
  color: var(--bg-secondary);
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-size: 50px;
  line-height: 100%;
  text-transform: capitalize;
}

.new-design-admin .c-container {
  max-width: calc(100% - 100px);
  margin-inline: auto;
  padding-inline: 30px;
}

.new-design-admin .event-manage-filter-block {
  background: #110D15;
  box-shadow: 0px 4px 10px 0px #8E3CEB14 inset;
  ;
  border-radius: 20px;
  padding: 50px;
}

.new-design-admin .e-input {
  background: #1F1826;
  border: 1px solid #3D3347;
  color: #AFAFAF;
  border-radius: 25px;
}

.new-design-admin select.e-input {
  background: #1F1826;
  border: 1px solid #3D3347;
  color: #AFAFAF;
  border-radius: 25px;
  appearance: none;
  -webkit-appearance: none;
}

.new-design-admin .e-input::placeholder {
  color: #AFAFAF;
}

.new-design-admin .c-form-label {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  color: #AFAFAF;
  margin-bottom: 15px;
}

.new-design-admin .category-card {
  background: #110D15;
  box-shadow: 0px 4px 10px 0px #8E3CEB14 inset;
  border-radius: 30px;
  padding: 10px;
  margin-bottom: 30px;
}

.new-design-admin .nav-pills .event-link {
  padding: 8.5px 28px;
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-style: Bold;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #AFAFAF;
  transition: 0.4s;
}

.new-design-admin .nav-pills .event-link.active {
  border-radius: 25px !important;
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  color: #ffffff;
}

.new-design-admin .nav-pills .event-link.active:before {
  height: 0;
}

.new-design-admin .event-name-card {
  background: #110D15;
  box-shadow: 0px 4px 10px 0px #8E3CEB14 inset;
  border-radius: 20px;
  margin-bottom: 30px;
  padding: 50px 35px;
}

.new-design-admin .live-user-name a {
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-style: Bold;
  font-size: 30px;
  line-height: 100%;
  color: #ffffff;
  text-transform: capitalize;
}

.new-design-admin .live-user-name {
  margin-bottom: 15px;
}

.new-design-admin .event-upcoming {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  color: #AFAFAF;
  margin-bottom: 15px;
}

.new-design-admin .em-block .price-block {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-style: Bold;
  font-size: 30px;
  line-height: 100%;
  text-align: right;
}

.new-design-admin .progress-text {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: right;
  color: #AFAFAF;
  margin-bottom: 8px;
}

.new-design-admin .em-block .event-mng-btn svg {
  margin-right: 12px;
}

.new-design-admin .em-block .event-mng-btn {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  color: #FFFFFF;
}

.new-design-admin .c-progress {
  height: 15px;
  background: #3D3347;
}

.new-design-admin .e-progress {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  border-radius: 50px;
}

.new-design-admin .d-purple {
  color: #ffffff !important;
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  padding: 13.5px 60px;
  border-radius: 25px;
}

/* Manage Event Page Css End */

/* Create New Event Page Start */
.create-event-header ul {
  display: flex;
  justify-content: center;
  /* horizontal center */
  align-items: center;
}

.create-event-header ul li {
  position: relative;
  text-align: center;
  color: #ffffff;
  width: 20%;
}

.create-event-header ul li p {
  border-radius: 100%;
  border: 1px solid #3D3347;
  background-color: #1F1826;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
}

.create-event-header ul li::after {
  position: absolute;
  left: 50%;
  content: '';
  height: 10px;
  width: 100%;
  background-color: #1F1826;
  border: 1px solid #3D3347;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}

.create-event-header ul li:last-child {
  width: 49px;
}


.create-event-header ul {
  counter-reset: step;
}

.create-event-header ul li.active span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 37px;
  width: 37px;
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  border-radius: 100%;
}

/* All active li → show number */
.create-event-header ul li.active span::before {
  counter-increment: step;
  content: counter(step, decimal-leading-zero);
  /* 01, 02, 03... */
  position: absolute;
  font-weight: 700;
  font-size: 14px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 37px;
  width: 37px;
  border-radius: 100%;
  z-index: 2;
}

/* Last active li → check mark instead of number */
.create-event-header ul li.active:last-child span {
  position: relative;
}

.create-event-new-page .create-event-header ul li.active span::before,
.event-image-section .create-event-header ul li.active span::before,
.create-event-page .create-event-header ul li.active span::before {
  content: "\f058";
  /* FontAwesome check icon */
  font-family: "FontAwesome";
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 37px;
  width: 37px;
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  border-radius: 100%;
}

.create-event-new-page .create-event-header {
  margin-bottom: 91px;
}

.create-event-page .create-event-header ul li:first-child p::after {
  position: absolute;
  left: 0;
  content: 'Event Details';
  width: 150px;
  top: 0;
  top: 0;
  transform: translate(-50px, 60px);
  color: #AFAFAF;
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 20px;
  text-align: center;
}

.create-event-page .create-event-header ul li:nth-child(2) p::after {
  position: absolute;
  left: 0;
  content: 'Full Details';
  width: 150px;
  top: 0;
  transform: translate(-50px, 60px);
  color: #AFAFAF;
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 20px;
  text-align: center;
}

.create-event-page .create-event-header ul li:nth-child(3) p::after {
  position: absolute;
  left: 0;
  content: 'Create Ticket';
  width: 150px;
  top: 0;
  transform: translate(-50px, 60px);
  color: #AFAFAF;
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 20px;
  text-align: center;
}

.create-event-page .create-event-header ul li:nth-child(4) p::after {
  position: absolute;
  left: 0;
  content: 'Add Add-on';
  width: 150px;
  top: 0;
  transform: translate(-50px, 60px);
  color: #AFAFAF;
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 20px;
  text-align: center;
}

.create-event-page .create-event-header ul li:nth-child(5) p::after {
  position: absolute;
  left: 0;
  content: 'Add Review';
  width: 150px;
  top: 0;
  transform: translate(-50px, 60px);
  color: #AFAFAF;
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 20px;
  text-align: center;
}

.create-event-heading {
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-style: Bold;
  font-size: 50px;
  line-height: 100%;
  text-transform: capitalize;
  text-align: center;
  color: #FFFFFF;
  margin-bottom: 60px;
}

.new-event-card {
  background: #110D15;
  box-shadow: 0px 4px 10px 0px #8E3CEB14 inset;
  padding: 50px;
  border-radius: 20px;
}

.new-event-card .edp-info.edp-title::after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
}

.new-event-card .edp-info.edp-title:before {
  content: '';
  z-index: 1;
  height: 0px;
  width: 0px;
}

.new-event-card .edp-info.edp-title {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding-left: 0px;
}

.new-event-card .edp-info.edp-title .img-section {
  background-color: #28252c;
  height: 60px;
  width: 60px;
  position: relative;
  border-radius: 100%;
  margin-right: 20px;
}

.new-event-card .edp-info.edp-title .img-section img {
  width: 35px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.create-event-new-page .e-like-title,
.event-image-form .e-like-title {
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 25px;
  line-height: 100%;
  color: #ffffff;
  margin-bottom: 10px !important;
}

.create-event-new-page .e-like-detail,
.event-image-form .e-like-detail {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 17px;
  line-height: 20px;
  letter-spacing: 0%;
  color: #AFAFAF;
}

.create-event-new-page .t-label {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  color: #FFFFFF;
}

.create-event-new-page .c-form-control,
.create-event-new-page .c-form-select,
.create-event-new-page .SelectBox,
.ticket-section .c-form-select {
  background-color: #1F1826 !important;
  border: 1px solid #3D3347;
  margin-top: 8px;
  border-radius: 50px;
  color: #AFAFAF;
  padding: 14px 25px;
  height: 50px;
  width: 100%;
}

.create-event-new-page .SelectBox label i {
  background-image: url(./images/down-arrow.png);
  height: 100%;
  width: 100%;
  margin-right: 10px;
}

.create-event-new-page .date-section .t-date-block:before,
.new-design-admin.event_manage .date-section .t-date-block:before {
  content: '';
  background-image: url("../images/new-admin/date.png");
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  height: 30px;
  width: 30px;
  background-size: contain;
}

.create-event-new-page .rating .c-form-select,
.create-event-new-page .organiser .c-form-select,
.create-event-new-page .venue-section .c-form-select,
.create-event-new-page .city-section .c-form-select,
.create-event-new-page .event-time-section .c-form-select,
.create-event-new-page .time-section .c-form-select,
.create-event-new-page .vanues-section .c-form-select,
.create-event-new-page .city-section .c-form-select,
.create-event-new-page .country-section .c-form-select,
.create-event-new-page .state-section .c-form-select,
.create-event-new-page .dine_discover_code .c-form-select,
.create-event-new-page .vanue-section .c-form-select,
.create-event-new-page .organiser .c-form-select,
.create-event-new-page .organiser .c-form-select,
.ticket-section .c-form-select,
.new-design-admin select.e-input.c-form-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("../images/down-arrow.png") no-repeat right 10px center;
  background-size: 16px;
  padding-right: 35px;
}

.create-event-new-page .SumoSelect>.CaptionCont>span.placeholder {
  font-style: normal;
}

.create-event-new-page .SumoSelect.open>.optWrapper {
  top: 65px;
}

.new-organizer-btn-section {
  margin-bottom: 0;
}

.new-organizer-btn-section a small {
  height: 50px;
  display: block;
  margin-top: 18px;
  max-width: 300px;
  text-align: center;
  font-size: 15px;
}

.create-event-new-page .t-form-group .select-selected {
  padding-block: 0;
}

.create-event-new-page .c-form-control::placeholder {
  color: #AFAFAF;
}

.create-event-new-page .lb-chk {
  margin-bottom: 0;
  color: #ffffff;
  padding-left: 20px;
}

.create-event-new-page .chk-mark {
  background-color: #dadada;
  height: 13px;
  width: 13px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 6px;
  border-radius: 2px;
  left: 15px;
}

.hr-line {
  position: relative;
  background-color: transparent;
  margin-top: 30px;
}

.hr-line:after {
  position: absolute;
  top: 0;
  content: '';
  height: 1px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF6e 51%, rgba(255, 255, 255, 0) 100%);
  width: 100%;
  left: 0;
}

.new-event-card .second-hr.hr-line {
  margin-bottom: 50px;
}

.new-event-card .grediant-text {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.discard-button {
  background-color: #1F1826;
  border: 1px solid #3D3347;
  max-width: 243px;
  width: 100%;
  text-align: center;
  color: #ffffff;
  height: unset;
  padding: 13.5px 60px;
  transition: 0.4s;
}

.mobile-text {
  display: none;
}


/* Create New Event Page End */

/* Event Image Upload Page Css Start */
.event-image-section .create-event-header {
  margin-bottom: 91px;
}

.event-image-form {
  background: #110D15;
  box-shadow: 0px 4px 10px 0px #8E3CEB14 inset;
  border-radius: 20px;
  padding: 50px;
}

.event-image-section .create-event-header ul li.active:nth-child(2) span::before {
  content: '02';
  font-family: var(--font-dm-sans);
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  text-align: center;
}

.event-review-page .create-event-header ul li.active:nth-child(5) span::before {
  content: '05';
  font-family: var(--font-dm-sans);
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  text-align: center;
}

.event-review-page .crt-more-block .dropdown:after {
  display: none;
}

.new-design-admin .create-event-header ul li.active p::after {
  color: #ffffff;
}

.create-ticket-event-page .create-event-header ul li.active:nth-child(3) span::before {
  content: '03';
  font-family: var(--font-dm-sans);
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  text-align: center;
}

.add-addon-page .create-event-header ul li.active:nth-child(4) span::before {
  content: '04';
  font-family: var(--font-dm-sans);
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  text-align: center;
}

.event-image-form .images-section .edp-title:before {
  content: '';
  z-index: 1;
}

.event-image-form .file-upload,
.addon-detail-page .file-upload {
  padding: 0;
  border: 2px dashed #3D3347;
  background-color: #1F1826;
  border-radius: 20px;
  margin-bottom: 30px;
}

.event-image-form .dropzone,
.addon-detail-page .file-upload .dropzone {
  border: none;
  background-color: transparent;
  min-height: unset;
  padding: 66px 70px;
}

.event-image-form .image-dropping,
.event-image-form .image-upload-wrap:hover,
.addon-detail-page .image-dropping,
.addon-detail-page .image-upload-wrap:hover {
  background-color: transparent;
}

.event-image-form .image-upload-wrap,
.addon-detail-page .image-upload-wrap {
  border: none;
}

.event-image-form .u-img,
.event-image-form .u-sub-title,
.addon-detail-page .u-img,
.addon-detail-page .u-sub-title {
  padding-block: 0;
}

.event-image-form .dropzone .dz-message,
.event-image-form .u-sub-title,
.addon-detail-page .dropzone .dz-message,
.addon-detail-page .u-sub-title {
  margin-block: 0;
}

.event-image-form .u-img,
.addon-detail-page .u-img {
  margin-bottom: 20px;
}

.event-image-form .u-title,
.addon-detail-page .u-title {
  font-family: var(--font-dm-sans);
  color: #FFFFFF;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  text-align: center;
}

.event-image-form .u-sub-title,
.addon-detail-page .u-sub-title {
  font-family: var(--font-dm-sans);
  color: #AFAFAF;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  margin-bottom: 0px;
  padding-inline: 0;
  max-width: 300px;
}

.re-order-btn-section {
  display: block;
}

.re-order-btn-section .btn-header {
  position: relative;
  display: inline-block;
}

.contact-title {
  font-size: 18px;
  color: #ffffff;
  margin-block: 25px 5px;
  text-align: center;
}


.new-header.header-section .c-nav-link.outline-btn {
  position: relative;
  display: block;
  padding: 10px 30px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  border-radius: 50px;
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.re-order-btn-section .btn-header:hover {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  opacity: 0.8;
}

.re-order-btn-section .btn-header::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 0px;
  border-radius: 50px;
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.attech-image-section,
.add_content-section {
  max-width: calc(100% - 80px);
  margin-left: auto;
}

.add_content-section .form-control {
  background: #1F1826;
  border: 1px solid #3D3347;
  border-radius: 10px;
  padding: 15px 25px;
  color: #AFAFAF;
}

.add_content-section .form-control::placeholder {
  color: #AFAFAF;
}

.add_content-section .t-form-group {
  margin-bottom: 40px;
}

.add_content-section .t-form-group .cke_browser_webkit .cke_inner {
  background: #1F1826;
  border: 1px solid #3D3347;
}

.add_content-section .t-form-group .cke_browser_webkit .cke_inner .cke_top,
.add_content-section .t-form-group .cke_browser_webkit .cke_inner .cke_contents,
.add_content-section .t-form-group .cke_browser_webkit .cke_inner .cke_bottom,
.add_content-section .t-form-group .cke_browser_webkit .cke_inner .cke_wysiwyg_frame {
  background: #1F1826;
}

.add_content-section .t-form-group .cke_browser_webkit .cke_inner .cke_wysiwyg_frame,
.add_content-section .t-form-group .cke_browser_webkit .cke_inner .cke_wysiwyg_frame body,
.add_content-section .t-form-group .cke_browser_webkit .cke_inner iframe body {
  background-color: #1F1826 !important;
}

.event-image-form .first-hr {
  margin-bottom: 30px !important;
}

.event-image-form .second-hr {
  margin-bottom: 80px !important;
  margin-top: 0;
}

.event-image-form .third-hr {
  margin-bottom: 40px !important;
  margin-top: 30px;
}

.event-image-form .four-hr {
  margin-top: 50px;
  margin-bottom: 30px;
}

.event-image-form .add_content-section .t-label {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  color: #fff;
  margin-bottom: 15px;
}

.parsley-errors-list {
  margin-top: 10px;
}

.add_content-section .t-form-group .cke_browser_webkit .cke_inner .cke_top {
  padding: 25px;
}

.event-image-form .cke_toolbar_separator,
.event-image-form .cke_toolgroup a.cke_button:last-child:after,
.event-image-form .cke_toolgroup a.cke_button.cke_button_disabled:hover:last-child:after {
  height: 24px;
  background-color: #ffffff;
}

.event-image-form .cke_toolbar_break {
  display: none;
}

/* .event-image-form #cke_12 .cke_button_icon{background: url(../img/icon/icon-1.png) 0 0 / cover no-repeat !important;opacity: 1;height: 24px;width: 24px;margin-top: 0;}
.event-image-form #cke_13 .cke_button_icon{background: url(../img/icon/icon-1.png) -35px 0 / cover no-repeat !important;opacity: 1;height: 24px;width: 24px;margin-top: 0;}
.event-image-form #cke_14 .cke_button_icon{background: url(../img/icon/icon-1.png) -67px 0 / cover no-repeat !important;opacity: 1;height: 24px;width: 24px;margin-top: 0;}
.event-image-form #cke_15 .cke_button_icon{background: url(../img/icon/icon-1.png) -103px 0 / cover no-repeat !important;opacity: 1;height: 24px;width: 24px;margin-top: 0;}
.event-image-form #cke_16 .cke_button_icon{background: url(../img/icon/icon-1.png) -137px 0 / cover no-repeat !important;opacity: 1;height: 24px;width: 24px;margin-top: 0;}
.event-image-form #cke_17 .cke_button_icon{background: url(../img/icon/icon-2.png) 0px 0 / cover no-repeat !important;opacity: 1;height: 24px;width: 24px;margin-top: 0;}
.event-image-form #cke_18 .cke_button_icon{background: url(../img/icon/icon-2.png) -37px 0 / cover no-repeat !important;opacity: 1;height: 24px;width: 24px;margin-top: 0;}
.event-image-form #cke_20 .cke_button_icon{background: url(../img/icon/icon-9.png) 0px 0 / cover no-repeat !important;opacity: 1;height: 24px;width: 24px;margin-top: 0;}
.event-image-form #cke_22 .cke_button_icon{background: url(../img/icon/icon-3.png) 0 0 / cover no-repeat !important;opacity: 1;height: 24px;width: 24px;margin-top: 0;}
.event-image-form #cke_23 .cke_button_icon{background: url(../img/icon/icon-3.png) -35px 0 / cover no-repeat !important;opacity: 1;height: 24px;width: 24px;margin-top: 0;}
.event-image-form #cke_24 .cke_button_icon{background: url(../img/icon/icon-3.png) -71px 0 / cover no-repeat !important;opacity: 1;height: 24px;width: 24px;margin-top: 0;}
.event-image-form #cke_26 .cke_button_icon{background: url(../img/icon/icon-4.png) 0px 0 / cover no-repeat !important;opacity: 1;height: 24px;width: 24px;margin-top: 0;}
.event-image-form #cke_27 .cke_button_icon{background: url(../img/icon/icon-4.png) -35px 0 / cover no-repeat !important;opacity: 1;height: 24px;width: 24px;margin-top: 0;}
.event-image-form #cke_29 .cke_button_icon{background: url(../img/icon/icon-4.png) -69px 0 / cover no-repeat !important;opacity: 1;height: 24px;width: 24px;margin-top: 0;}
.event-image-form #cke_31 .cke_button_icon{background: url(../img/icon/icon-5.png) 0px 0 / cover no-repeat !important;opacity: 1;height: 24px;width: 24px;margin-top: 0;}
.event-image-form #cke_33 .cke_button_icon{background: url(../img/icon/icon-6.png) 0px 0 / cover no-repeat !important;opacity: 1;height: 24px;width: 24px;margin-top: 0;}
.event-image-form #cke_35 .cke_button_icon{background: url(../img/icon/icon-7.png) -65px 0 / cover no-repeat !important;opacity: 1;height: 24px;width: 24px;margin-top: 0;}
.event-image-form #cke_36 .cke_button_icon{background: url(../img/icon/icon-7.png) -35px 0 / cover no-repeat !important;opacity: 1;height: 24px;width: 24px;margin-top: 0;}
.event-image-form #cke_37 .cke_button_icon{background: url(../img/icon/icon-7.png) 0 0 / cover no-repeat !important;opacity: 1;height: 24px;width: 24px;margin-top: 0;}
.event-image-form #cke_38 .cke_button_icon{background: url(../img/icon/icon-10.png) 0px 0 / cover no-repeat !important;opacity: 1;height: 24px;width: 24px;margin-top: 0;}
.event-image-form #cke_40 .cke_button_icon{background: url(../img/icon/icon-8.png) 0 0 / cover no-repeat !important;opacity: 1;height: 24px;width: 24px;margin-top: 0;}
.event-image-form #cke_41 .cke_button_icon{background: url(../img/icon/icon-8.png) -37px 0 / cover no-repeat !important;opacity: 1;height: 24px;width: 24px;margin-top: 0;}
.event-image-form #cke_28 .cke_button_icon{background: url(../img/icon/icon-11.png) 0px 0 / cover no-repeat !important;opacity: 1;height: 24px;width: 24px;margin-top: 0;}
.event-image-form #cke_42 .cke_button_icon{background: url(../img/icon/icon-12.png) 0px 0 / cover no-repeat !important;opacity: 1;height: 24px;width: 24px;margin-top: 0;}
.event-image-form #cke_43 .cke_button_icon{background: url(../img/icon/icon-12.png) -65px 0 / cover no-repeat !important;opacity: 1;height: 24px;width: 24px;margin-top: 0;}
.event-image-form #cke_44 .cke_button_icon{background: url(../img/icon/icon-13.png) 0px 0 / cover no-repeat !important;opacity: 1;height: 24px;width: 24px;margin-top: 0;}
.event-image-form #cke_47 .cke_button_icon{background: url(../img/icon/icon-16.png) 0px 0 / contain no-repeat !important;opacity: 1;height: 20px;width: 20px;margin-top: 0;} */


.event-image-form a.cke_button[title="Cut (Ctrl+X)"] .cke_button_icon {
  background: url("../img/icon/icon-1.png") -0px 0 / cover no-repeat !important;
  opacity: 1;
  height: 24px;
  width: 24px;
  margin-top: 0;
}

.event-image-form a.cke_button[title="Copy (Ctrl+C)"] .cke_button_icon {
  background: url(../img/icon/icon-1.png) -34px 0 / cover no-repeat !important;
  opacity: 1;
  height: 24px;
  width: 24px;
  margin-top: 0;
}

.event-image-form a.cke_button[title="Paste (Ctrl+V)"] .cke_button_icon {
  background: url(../img/icon/icon-1.png) -66px 0 / cover no-repeat !important;
  opacity: 1;
  height: 24px;
  width: 24px;
  margin-top: 0;
}

.event-image-form a.cke_button[title="Paste as plain text (Ctrl+Shift+V)"] .cke_button_icon {
  background: url(../img/icon/icon-1.png) -103px 0 / cover no-repeat !important;
  opacity: 1;
  height: 24px;
  width: 24px;
  margin-top: 0;
}

.event-image-form a.cke_button[title="Paste from Word"] .cke_button_icon {
  background: url(../img/icon/icon-1.png) -137px 0 / cover no-repeat !important;
  opacity: 1;
  height: 24px;
  width: 24px;
  margin-top: 0;
}

.event-image-form a.cke_button[title="Undo (Ctrl+Z)"] .cke_button_icon {
  background: url(../img/icon/icon-2.png) 0px 0 / cover no-repeat !important;
  opacity: 1;
  height: 24px;
  width: 24px;
  margin-top: 0;
}

.event-image-form a.cke_button[title="Redo (Ctrl+Y)"] .cke_button_icon {
  background: url(../img/icon/icon-2.png) -37px 0 / cover no-repeat !important;
  opacity: 1;
  height: 24px;
  width: 24px;
  margin-top: 0;
}

.event-image-form a.cke_button[title="Spell Checker"] .cke_button_icon {
  background: url(../img/icon/icon-9.png) 0 0 / cover no-repeat !important;
  opacity: 1;
  height: 24px;
  width: 24px;
  margin-top: 0;
}

.event-image-form a.cke_button[title="Link (Ctrl+L)"] .cke_button_icon {
  background: url(../img/icon/icon-3.png) 0 0 / cover no-repeat !important;
  opacity: 1;
  height: 24px;
  width: 24px;
  margin-top: 0;
}

.event-image-form a.cke_button[title="Unlink"] .cke_button_icon {
  background: url(../img/icon/icon-3.png) -33px 0 / cover no-repeat !important;
  opacity: 1;
  height: 24px;
  width: 24px;
  margin-top: 0;
}

.event-image-form a.cke_button[title="Anchor"] .cke_button_icon {
  background: url(../img/icon/icon-3.png) -70px 0 / cover no-repeat !important;
  opacity: 1;
  height: 24px;
  width: 24px;
  margin-top: 0;
}

.event-image-form a.cke_button[title="Image"] .cke_button_icon {
  background: url(../img/icon/icon-4.png) 0px 0 / cover no-repeat !important;
  opacity: 1;
  height: 24px;
  width: 24px;
  margin-top: 0;
}

.event-image-form a.cke_button[title="Table"] .cke_button_icon {
  background: url(../img/icon/icon-4.png) -33px 0 / cover no-repeat !important;
  opacity: 1;
  height: 24px;
  width: 24px;
  margin-top: 0;
}

.event-image-form a.cke_button[title="Insert Horizontal Line"] .cke_button_icon {
  background: url(../img/icon/icon-11.png) 0 0 / cover no-repeat !important;
  opacity: 1;
  height: 24px;
  width: 24px;
  margin-top: 0;
}

.event-image-form a.cke_button[title="Insert Special Character"] .cke_button_icon {
  background: url(../img/icon/icon-4.png) -69px 0 / cover no-repeat !important;
  opacity: 1;
  height: 24px;
  width: 24px;
  margin-top: 0;
}

.event-image-form a.cke_button[title="Maximize"] .cke_button_icon {
  background: url(../img/icon/icon-5.png) -0px 0 / cover no-repeat !important;
  opacity: 1;
  height: 24px;
  width: 24px;
  margin-top: 0;
}

.event-image-form a.cke_button[title="Source"] .cke_button_icon {
  background: url(../img/icon/icon-6.png) -0px 0 / cover no-repeat !important;
  opacity: 1;
  height: 24px;
  width: 24px;
  margin-top: 0;
}

.event-image-form a.cke_button[title="Bold (Ctrl+B)"] .cke_button_icon {
  background: url(../img/icon/icon-7.png) -66px 0 / cover no-repeat !important;
  opacity: 1;
  height: 24px;
  width: 24px;
  margin-top: 0;
}

.event-image-form a.cke_button[title="Italic (Ctrl+I)"] .cke_button_icon {
  background: url(../img/icon/icon-7.png) -37px 0 / cover no-repeat !important;
  opacity: 1;
  height: 24px;
  width: 24px;
  margin-top: 0;
}

.event-image-form a.cke_button[title="Strikethrough"] .cke_button_icon {
  background: url(../img/icon/icon-7.png) -0px 0 / cover no-repeat !important;
  opacity: 1;
  height: 24px;
  width: 24px;
  margin-top: 0;
}

.event-image-form a.cke_button[title="Remove Format"] .cke_button_icon {
  background: url(../img/icon/icon-10.png) 0px 0 / cover no-repeat !important;
  opacity: 1;
  height: 24px;
  width: 24px;
  margin-top: 0;
}

.event-image-form a.cke_button[title="Insert/Remove Numbered List"] .cke_button_icon {
  background: url(../img/icon/icon-8.png) 0px 0 / cover no-repeat !important;
  opacity: 1;
  height: 24px;
  width: 24px;
  margin-top: 0;
}

.event-image-form a.cke_button[title="Insert/Remove Bulleted List"] .cke_button_icon {
  background: url(../img/icon/icon-8.png) -38px 0 / cover no-repeat !important;
  opacity: 1;
  height: 24px;
  width: 24px;
  margin-top: 0;
}

.event-image-form a.cke_button[title="Decrease Indent"] .cke_button_icon {
  background: url(../img/icon/icon-12.png) 0px 0 / cover no-repeat !important;
  opacity: 1;
  height: 24px;
  width: 24px;
  margin-top: 0;
}

.event-image-form a.cke_button[title="Increase Indent"] .cke_button_icon {
  background: url(../img/icon/icon-12.png) -66px 0 / cover no-repeat !important;
  opacity: 1;
  height: 24px;
  width: 24px;
  margin-top: 0;
}

.event-image-form a.cke_button[title="Block Quote"] .cke_button_icon {
  background: url(../img/icon/icon-13.png) -0px 0 / cover no-repeat !important;
  opacity: 1;
  height: 24px;
  width: 24px;
  margin-top: 0;
}

.event-image-form a.cke_button[title="About CKEditor"] .cke_button_icon {
  background: url(../img/icon/icon-16.png) -0px 0 / contain no-repeat !important;
  opacity: 1;
  height: 20px;
  width: 20px;
  margin-top: 0;
}














.event-image-form a.cke_combo_button[title="Formatting Styles"] {
  position: relative;
  z-index: 0;
  width: 70px;
  margin-left: 10px;
}

.event-image-form a.cke_combo_button[title="Formatting Styles"]::after {
  background: #1f1826 url(../img/icon/icon-14.png) 0px 5px / contain no-repeat !important;
  opacity: 1;
  height: 24px;
  margin-top: 0;
  position: absolute;
  content: '';
  z-index: 1;
  width: 65px;
  left: 0;
}

.event-image-form a.cke_combo_button[title="Paragraph Format"] {
  position: relative;
  z-index: 0;
  width: 70px;
  margin-left: 10px;
}

.event-image-form a.cke_combo_button[title="Paragraph Format"]::after {
  background: #1f1826 url(../img/icon/icon-15.png) 0px 5px / contain no-repeat !important;
  opacity: 1;
  height: 24px;
  margin-top: 0;
  position: absolute;
  content: '';
  z-index: 1;
  width: 65px;
  left: 0;
}


.event-image-form .cke_combo:after {
  height: 24px;
}


.event-image-form a.cke_button[title="Cut (Ctrl+X)"],
.event-image-form a.cke_button[title="Copy (Ctrl+C)"],
.event-image-form a.cke_button[title="Paste (Ctrl+V)"],
.event-image-form a.cke_button[title="Paste as plain text (Ctrl+Shift+V)"],
.event-image-form a.cke_button[title="Paste from Word"],
.event-image-form a.cke_button[title="Undo (Ctrl+Z)"],
.event-image-form a.cke_button[title="Redo (Ctrl+Y)"],
.event-image-form a.cke_button[title="Spell Checker"],
.event-image-form a.cke_button[title="Link (Ctrl+L)"],
.event-image-form a.cke_button[title="Unlink"],
.event-image-form a.cke_button[title="Anchor"],
.event-image-form a.cke_button[title="Image"],
.event-image-form a.cke_button[title="Table"],
.event-image-form a.cke_button[title="Insert Horizontal Line"],
.event-image-form a.cke_button[title="Insert Special Character"],
.event-image-form a.cke_button[title="Maximize"],
.event-image-form a.cke_button[title="Source"],
.event-image-form a.cke_button[title="Bold (Ctrl+B)"],
.event-image-form a.cke_button[title="Italic (Ctrl+I)"],
.event-image-form a.cke_button[title="Strikethrough"],
.event-image-form a.cke_button[title="Remove Format"],
.event-image-form a.cke_button[title="Insert/Remove Numbered List"],
.event-image-form a.cke_button[title="Insert/Remove Bulleted List"],
.event-image-form a.cke_button[title="Decrease Indent"],
.event-image-form a.cke_button[title="Increase Indent"],
.event-image-form a.cke_button[title="Block Quote"],
.event-image-form a.cke_button[title="About CKEditor"],
.event-image-form a.cke_combo_button[title="Paragraph Format"],
.event-image-form a.cke_combo_button[title="Formatting Styles"] {
  height: 28px;
  text-align: center;
  transition: 0.4s;
}

.event-image-form a.cke_combo_button[title="Paragraph Format"]:hover,
.event-image-form a.cke_combo_button[title="Formatting Styles"]:hover {
  margin-left: 7px !important;
}

.event-image-form .cke_toolgroup,
.event-image-form .cke_combo {
  margin-block: 0 !important;
}

/* .event-image-form #cke_28,
.event-image-form #cke_19,
.event-image-form #cke_38*/
.event-image-form #cke_33_label,
.event-image-form a.cke_button[title="Source"] .cke_button_label,
.event-image-form .cke_combo_open,
.event-image-form .cke_button_arrow {
  display: none;
}

.new-design-admin a.cke_button_off:hover,
.new-design-admin a.cke_button_off:focus,
.new-design-admin a.cke_button_off:active,
.new-design-admin .cke_combo_on a.cke_combo_button,
.new-design-admin .cke_combo_off a.cke_combo_button:hover,
.new-design-admin .cke_combo_off a.cke_combo_button:focus,
.new-design-admin .cke_combo_off a.cke_combo_button:active {
  background: transparent !important;
  border: none !important;
  transform: scale(0.9) !important;
  cursor: pointer !important;
}

.delete-btn {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  height: 36px;
  width: 36px;
  border: none;
  border-radius: 100%;
}

.delete-btn-svg {
  text-align: right;
}

.description-heading-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}

.description-heading-section .t-label {
  width: calc(100% - 50px);
  margin-bottom: 0 !important;
}

.new-design-admin.event-image-section {
  margin-bottom: 0;
}

.new-design-admin .btn-view {
  width: max-content;
  padding-inline: 28px;
  background: #1F1826;
  border: 1px solid #3D3347;
  color: #FFFFFF;
  border-radius: 50px;
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-style: Bold;
  font-size: 18px;
  line-height: 100%;
}

/* Event Image Upload Page Css End */

/* Admin Panel Design 13-08-2025 Css End */
.new-header.header-section .c-nav-link.outline-btn:hover {
  transform: scale(0.9);
}

.new-header.header-section .c-nav-link.outline-btn:before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1.6px 2px;
  border-radius: 50px;
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  -webkit-mask: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%) content-box, linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}




/* New ui Change 24-09-2025 Start */
.new-event-detail-page .main-title-section {
  background-image: none;
}

.new-event-detail-page .event-header-section {
  padding-block: 35px;
}

.mobile-user-image,
.mobile-map-section,
.event-info-section .mobile-title-section {
  display: none;
}

.event-info-section .book-ticket-dec-section ol {
  padding-left: 20px;
}

.event-info-section .event-name-section {
  max-width: calc(100% - 130px);
}

.new-event-detail-page .event-image .img-fluid {
  aspect-ratio: 14 / 19;
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
}

.new-event-detail-page .event-image {
  margin-bottom: 30px;
}

.categories-thumb-slider .thumb {
  aspect-ratio: 16 / 16;
  object-fit: cover;
  border-radius: 20px;
}

.event-info-section .user-photo-section {
  margin-top: 119px;
}

.event-slider-header {
  position: absolute;
  padding: 25px 25px 0 25px;
  width: 100%;
  justify-content: space-between;
  display: flex;
  align-items: center;
}

.event-slider-section .event-wishlist-btn {
  position: relative;
  background-color: #ffffff;
  border-radius: 100%;
  height: 45px;
  padding-top: 1px;
  font-size: 22px;
  color: #010001;
  text-align: center;
  text-align: -webkit-center;
  cursor: pointer;
  transition: .4s;
}

.event-slider-section .location-icon-btn {
  max-width: calc(100% - 50px);
  background-color: #ffffff;
  color: #010001;
  padding: 10px 20px;
  border-radius: 50px;
  border: 1px solid transparent;
  font-family: var(--font-dm-sans);
  font-size: 16px;
  transition: 0.4s;
}

.event-slider-section .location-icon-btn:hover,
.event-slider-section .event-wishlist-btn:hover {
  transform: scale(0.9);
}

.event-info-section .event-name {
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-size: 46px;
  line-height: 100%;
  color: #FFFFFF;
  margin-bottom: 30px;
}

.event-info-section .event-date-title {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-style: Regular;
  font-size: 20px;
  line-height: 100%;
}

.event-info-section .event-review-section .event-review {
  color: #ffff;
  font-family: var(--font-dm-sans);
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  margin-top: 15px;
  margin-bottom: 0;
}

.event-info-section .event-review-section .event-review .star-icon {
  color: #DEAF0A;
}

.event-info-section .event-review-section .event-review .event-person {
  color: #AFAFAF;
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-style: Medium;
  font-size: 18px;
  line-height: 100%;
}

.event-heading-section {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.event-info-section .event-share-section .event-share-btn {
  border: 1px solid #3D3347;
  background: #1F1826;
  color: #ffffff;
  padding: 10px 20px;
  border-radius: 50px;
  font-family: var(--font-dm-sans);
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  transition: 0.4s;
}

.event-info-section .event-share-section .event-share-btn svg {
  margin-right: 6px;
}

.event-info-section .event-share-section .event-share-btn:hover {
  transform: scale(0.9);
}

.event-info-section .book-ticket-btn {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  color: #ffffff;
  max-width: 250px;
  width: 100%;
  margin-block: 30px 50px;
  display: block;
  text-align: center;
  padding-block: 15px;
  border-radius: 50px;
}

.event-info-section .book-ticket-title,
.ticket-title-large {
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-style: Bold;
  font-size: 30px;
  line-height: 100%;
}

.event-info-section .map-section {
  position: relative;
  margin-top: 0;
}

.event-info-section .map-section::after {
  content: '';
  background-image: url(../img/card-bg-img.png);
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
  height: 100%;
  background-position: bottom right;
  background-repeat: no-repeat;
  opacity: 0.3;
}

.event-info-section .map-title-section {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.event-info-section .direction-btn {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  padding: 10px 15px;
  border: 1px solid transparent;
  color: #ffffff;
  max-width: 172px;
  width: 100%;
  border-radius: 50px;
  margin-left: auto;
  font-family: var(--font-dm-sans);
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  transition: 0.4s;
}

.event-info-section .direction-btn:hover {
  transform: scale(0.9);
}

.event-info-section .map-header-section .map-title {
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-size: 30px;
  line-height: 100%;
  color: #ffffff;
  margin-block: 40px 20px;
}

.event-info-section .map-link {
  font-family: var(--font-dm-sans) !important;
  font-weight: 500 !important;
  font-size: 24px !important;
  line-height: 100% !important;
  position: relative;
  display: inline !important;
}

.event-info-section .map-link::after {
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #ffffff;
  bottom: 0;
  left: 0;
  content: '';
}

.new-event-detail-page .event-info-section .card-body .map-area-name {
  margin-top: 15px !important;
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
}

.new-event-detail-page .support-card.new-support-card {
  position: relative;
  background-color: #110D15;
  box-shadow: 0px 4px 10px 0px #8E3CEB14 inset;
  padding: 50px;
  margin-top: 0 !important;
}

.new-event-detail-page .event-info-section .map-section {
  margin-bottom: 80px;
}

.new-event-detail-page .support-card.new-support-card::after {
  background-image: url(../img/support-card.png);
  background-size: cover;
}

.new-event-detail-page .support-card.new-support-card .help-text {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-style: Bold;
  font-size: 40px;
  line-height: 100%;
  margin-bottom: 0;
}

.new-event-detail-page .support-card.new-support-card .help-description {
  color: #FFFFFF;
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  max-width: 539px;
  margin-inline: auto;
  margin-top: 20px;
  margin-bottom: 0;
}

.contact-us-btn {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  color: #ffffff;
  max-width: 200px;
  width: 100%;
  margin-top: 30px;
  display: block;
  margin-inline: auto;
  padding-block: 12px;
  border-radius: 50px;
  transition: 0.4s;
}

.contact-us-btn:hover {
  transform: scale(0.9);
  color: #ffffff;
}

.event-info-section .similar-event-slider {
  margin-top: 150px;
}

.similar-see-all-btn {
  border: 1px solid #FFFFFF;
  padding: 12px;
  max-width: 200px;
  width: 100%;
  color: #ffffff;
  background-color: transparent;
  margin-inline: auto !important;
  display: block;
  border-radius: 50px;
  margin-bottom: 150px;
}

.event-info-section .categories-card-section:after,
.event-info-section .categories-card-section:before {
  background-image: none;
  height: 0;
  width: 0;
}

.event-info-section .categories-card-section .event-date-section {
  margin-left: auto;
}

.event-info-section .categories-card-section .card-footer {
  padding-inline: 14px;
  padding-bottom: 0;
}

.swal2-content,
.swal2-title {
  color: #ffffff;
}

.swal2-popup {
  background: #010001;
  box-shadow: 0 0 10px 0px #82828278;
  border-radius: 20px;
  border: 1px solid #82828278;
}

/* New ui Change 24-09-2025 End */


/* New Design Account Page Css Start */
.new-profile-page .c-container {
  max-width: calc(100% - 100px);
  margin-inline: auto;
  padding-inline: 30px;
  padding-block: 50px;
}

.new-profile-page .profile-tab {
  display: block;
  width: 100%;
}

.new-profile-page .profile-tab .nav-tabs {
  border: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 30px;
  overflow-x: auto;
  padding-bottom: 10px;
}

.new-profile-page .profile-tab .nav-link+.nav-link {
  margin-left: 0;
  margin-top: 15px;
}

.new-profile-page.my-profile {
  background-image: none;
  background-color: var(--bg-primary);
}

.new-profile-page .left-profile-section {
  max-width: 390px;
  border-right: 1px solid #3D3347;
  width: 100%;
  background-color: #110D15;
  padding: 50px;
  box-shadow: 0px 4px 10px 0px #8E3CEB14 inset;
  border-radius: 20px 0 0 20px;
}

.new-profile-page .right-profile-section {
  max-width: calc(100% - 390px);
  width: 100%;
  background-color: #110D15;
  padding: 50px;
  box-shadow: 0px 4px 10px 0px #8E3CEB14 inset;
  border-radius: 0 20px 20px 0;
}

.new-profile-page .profile-tab.nav-pills .nav-link.active,
.new-profile-page .profile-tab.nav-pills .show>.nav-link {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  color: #ffffff;
}

.new-profile-page .profile-tab .nav-link,
.new-profile-page .profile-tab .nav-link+.nav-link {
  text-align: left;
  padding: 10px 25px;
  border-radius: 50px;
  border: 1px solid #3D3347;
  background-color: #1F1826;
  color: #AFAFAF;
}

.new-profile-page .profile-card {
  border: 1px solid #3D3347;
  background-color: #1F1826;
  padding: 30px;
  border-radius: 16px;
  align-items: center;
}

.new-profile-page .profile-card-heading {
  color: #FFFFFF;
  font-family: var(--font-dm-sans);
  font-weight: 600;
  font-size: 30px;
  line-height: 100%;
  text-transform: capitalize;
  margin-bottom: 30px;
}

.new-profile-page .profile-tab-content {
  margin-top: 0;
}

.new-profile-page .profile-upload {
  height: 120px;
  width: 120px;
  border-radius: 100%;
  border: 2px solid #FFFFFF80;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.new-profile-page .user-input {
  width: 120px;
  height: 120px;
}

.new-profile-page .user-pro-pic {
  border: none !important;
}

.new-profile-page .editProDetails2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.new-profile-page .profile-section,
.new-profile-page .edit-profile-section {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.new-profile-page .user-name {
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-style: Bold;
  font-size: 26px;
  line-height: 100%;
}

.new-profile-page .editProInfo {
  border: 1px solid #3D3347;
  background-color: #1F1826;
  border-radius: 50px;
  padding: 10px 20px;
  color: #AFAFAF;
  font-family: var(--font-dm-sans);
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  transition: 0.4s;
  text-transform: capitalize;
  display: flex;
  align-items: center;
}

.new-profile-page .editProInfo svg {
  margin-left: 10px;
}

.new-profile-page .personal-information-heading {
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-size: 26px;
  line-height: 100%;
  color: #FFFFFF;
  margin-bottom: 30px;
}

.new-profile-page .personal-information-label {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  color: #AFAFAF;
}

.new-profile-page .personal-information-value {
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
  color: #FFFFFF;
  word-wrap: break-word
}

.new-profile-page .personal-information-section .row,
.new-profile-page .address-section .row {
  max-width: 75%;
  width: 100%;
}

.new-profile-page .personal-information-section {
  margin-bottom: 30px;
}

.new-profile-page .user-input.edit-user {
  position: relative;
}

.new-profile-page .user-input.edit-user:after {
  position: absolute;
  content: '';
  width: 50px;
  height: 50px;
  top: 60px !important;
  left: 90px !important;
  position: absolute;
  background: aqua;
  z-index: 1;
}

.new-profile-page .user-pic-bg {
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
  position: relative;
}

.new-profile-page .add-btn {
  position: absolute;
  width: 40px;
  bottom: 0;
  right: 30px;
}

.new-profile-page .editProDetails .profile-card {
  margin-bottom: 30px;
}

.new-profile-page .edit-form-control {
  border: 1px solid #3D3347;
  background: #1F1826;
  border-radius: 50px;
  color: #AFAFAF;
}

.new-profile-page .edit-form-control::placeholder {
  color: #afafaf;
}

.new-profile-page .cancel-btn {
  background: #1F1826;
  border: 1px solid #3D3347;
  border-radius: 50px;
  color: #AFAFAF;
  max-width: 220px;
  text-align: center;
  width: 100%;
  height: 50px;
  margin-right: 15px;
}

.new-profile-page .save-btn {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  color: #ffffff;
  max-width: 220px;
  text-align: center;
  width: 100%;
  height: 50px;
  border-radius: 50px;
  margin-left: 15px;
}

/* New Design Account Page Css End */

/* New Design Create new - Review css Start */
.large-icon-content {
  width: 100%;
  max-width: 200px;
  padding: 10px;
  margin: 0 auto 40px;
}

.large-icon-content svg {
  width: 100%;
  height: 100%;
  display: flex;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mx-100 {
  max-width: 100% !important;
}

.mb-130 {
  margin-bottom: 130px;
}

/* Reviews box Start  */
.reviews-dark-box .dm-box {
  background: #1F1826;
  padding: 25px;
  border: 1px solid #3D3347;
  border-radius: 16px;
}

.reviews-dark-box .l-g-colr {
  color: #AFAFAF;
  font-size: 16px;
  word-wrap: break-word;
}

.reviews-dark-box .crt-more-block {
  vertical-align: top;
}

.reviews-dark-box .crt-more-block img {
  filter: brightness(10);
}

/* Reviews box End  */

/* New Design Create new - Review css End */

/* New Design My Referrals css Start */
.new-referrals-section .ac-info-title {
  font-family: var(--font-dm-sans);
  font-weight: 600;
  font-size: 30px;
  line-height: 100%;
  color: #FFFFFF;
  text-transform: capitalize;
  padding-block: 0;
  margin-bottom: 30px;
}

.new-referrals-section .new-referrals-card {
  background: #1F1826;
  border: 1px solid #3D3347;
  border-radius: 16px;
  padding: 30px;
  margin-bottom: 50px;
}

.new-referrals-section .new-referrals-card-heading {
  color: #ffffff;
  font-family: var(--font-dm-sans);
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  text-align: left;
  margin-bottom: 15px;
}

.new-referrals-section .new-referrals-card-description {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  color: #AFAFAF;
  text-align: left;
  margin-bottom: 20px;
}

.new-referrals-section .new-referrals-card-point {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  color: #ffffff;
  text-align: left;
  margin-bottom: 0;
}

.new-referrals-section .new-referrals-card-point span {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  font-family: var(--font-dm-sans);
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
}

.new-referrals-section .new-referrals-des {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  text-align: left;
}

.new-referrals-section .new-referrals-code-card {
  width: 100%;
}

.new-referrals-section .new-referrals-code-card p {
  background: #1F1826;
  border: 1px solid #3D3347;
  padding: 13.5px 25px;
  width: 100%;
  border-radius: 50px 0 0 50px;
  border-right: none;
  color: #afafaf;
}

.new-referrals-section .copy-btn {
  background-color: #1F1826;
  border: 1px solid #3D3347;
  border-radius: 0 50px 50px 0;
  height: 50px;
  border-left: none;
  padding-right: 25px;
}

.new-referrals-section .new-referrals-event-heading {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  color: #FFFFFF;
  text-align: left;
  margin-block: 20px 15px;
}

.new-referrals-section .new-referrals-form-select {
  background-color: transparent !important;
}

.new-referrals-section .new-referrals-form-select .filter-option-inner-inner {
  color: #afafaf !important;
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  padding-inline: 20px;
  position: relative;
}

.new-referrals-section .new-referrals-form-select+.dropdown-toggle {
  background: #1F1826;
  border: 1px solid #3D3347 !important;
  border-radius: 50px;
  padding: 15px 0px !important;
  margin-bottom: 50px;
}

.new-referrals-section .new-referrals-form-select .filter-option-inner-inner::after {
  position: absolute;
  content: '';
  width: 20px;
  height: 20px;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  background-image: url(../img/arrow-down.png);
  background-size: contain;
  transition: 0.4s;
}

.new-referrals-section .new-referrals-form-select.show .filter-option-inner-inner::after {
  position: absolute;
  content: '';
  width: 20px;
  height: 20px;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  background-image: url(../img/arrow-down.png);
  background-size: contain;
  transform: rotate(180deg) translateY(40%);
}

.new-referrals-section .referral-table th {
  border: none;
  background: #1F1826;
  border-bottom: 1px solid #3D3347;
  border-top: 1px solid #3D3347;
  text-align: left;
  padding-block: 17px !important;
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  color: #ffffff;
}

.new-referrals-section .referral-table {
  border: none;
}

.new-referrals-section .referral-table td {
  border: none;
  color: #afafaf;
  padding-block: 15px !important;
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
}

.new-referrals-section .referral-table th:first-child {
  border-radius: 10px 0 0 0 !important;
  border-left: 1px solid #3D3347;
  padding-left: 30px;
}

.new-referrals-section .referral-table th:last-child {
  border-radius: 0 10px 0 0 !important;
  border-right: 1px solid #3D3347;
  text-align: center;
  padding-right: 24px;
}

.new-referrals-section .referral-table td:first-child {
  border-left: 1px solid #3D3347;
  padding-left: 30px !important;
}

.new-referrals-section .referral-table td:last-child {
  border-right: 1px solid #3D3347;
  padding-right: 24px !important;
}

.new-referrals-section .referral-table tr:last-child td {
  border-bottom: 1px solid #3d3347;
}

.new-referrals-section .referral-table tr.odd td {
  background: #110D15;
}

.new-referrals-section .referral-table tr.even td {
  background: #1F1826;
}

/* New Design My Referrals css End */
.event-image-form .continue-btn {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-size: 18px;
  line-height: 100%;
  text-transform: capitalize;
}

.event-image-form .add_content-section .video-c-form-control {
  border-radius: 50px;
}

.event-image-form .video_link {
  margin-top: 40px;
}

.event-image-form .c-form-group {
  margin-bottom: 30px;
}

.event-image-form .c-form-group label {
  margin-bottom: 0 !important;
}

.event-image-form .video_link .delete-btn.deleteVideo {
  float: inline-end;
}

.event-image-form .text .c-form-select {
  margin-bottom: 10px;
}

.add-text-area-section .delete-btn {
  margin-bottom: 15px !important;
}

.add_content-section .custom-description-section {
  margin-top: -50px;
}

.custom-description-section+.custom-description-section {
  margin-block: 40px 40px !important;
}

.custom-description-section .delete-btn-svg {
  margin-bottom: 15px;
}

.video_link .deleteVideo {
  margin-bottom: 15px;
}

.create-event-section {
  margin-top: 50px;
}

.create-event-section .crt-title {
  font-family: var(--font-dm-sans);
  font-weight: 700;
  ;
  font-size: 45px;
  line-height: 100%;
  text-transform: capitalize;
  color: #FFFFFF;
}

.create-ticket-card {
  background: #110D15;
  box-shadow: 0px 4px 10px 0px #8E3CEB14 inset;
  border-radius: 20px;
  padding: 50px;
  margin-top: 40px;
  min-height: 488px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.create-ticket-card .ticket-img {
  width: 200px;
  padding-bottom: 0;
}

.create-ticket-card .ticket-title,
.ticket-title-large {
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-size: 30px;
  line-height: 100%;
  text-align: center;
  text-transform: capitalize;
  color: #FFFFFF;
  margin-block: 39px 30px;
}

.create-ticket-card .btn-ticket {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  border: 1px solid transparent;
  /* border-image-source: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%); */
  transition: 0.4s;
}

.create-ticket-card .btn-ticket:hover {
  transform: scale(0.95);
  color: #ffffff;
}

/* New ui Change 24-09-2025 End */

/* ticket event page Css Start*/
.ticket-event-page .c-breadcrumb {
  background-color: transparent;
  padding: 0;
  margin-bottom: 30px;
}

.ticket-event-page .c-breadcrumb li a {
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  color: #AFAFAF;
}

.ticket-event-page .breadcrumb-item+.breadcrumb-item::before {
  content: '\f054';
  font-family: 'FontAwesome';
  color: #afafaf;
  content: '\f054';
}

.ticket-event-page .breadcrumb-item+.breadcrumb-item a.active {
  color: #ffffff;
  font-weight: 500;
}

.ticket-event-page .ticket-card {
  background: #110D15;
  box-shadow: 0px 4px 10px 0px #8E3CEB14 inset;
  border-radius: 20px;
  padding: 50px;
  margin-bottom: 100px;
}

.ticket-event-page .ticket-card-heading .t-tile,
.addon-detail-page .t-tile {
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 30px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
  padding: 0;
  border: none;
}

.ticket-card .first-hr {
  margin-block: 20px 30px;
}

.ticket-card .crt-box {
  min-height: 100%;
  height: 100%;
}

.ticket-card .ticket-box {
  box-shadow: none;
  border: none;
}

.ticket-card .t-label {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  color: #ffffff;
  display: block;
  margin-bottom: 10px;
}

.ticket-card .t-label span {
  color: #FF5C00;
}

.ticket-card .c-form-select {
  background: #1F1826;
  border: 1px solid #3D3347;
  border-radius: 50px;
  color: #AFAFAF;
  width: 100%;
  height: 50px;
  padding: 0 20px;
}

.ticket-card .t-type {
  margin-bottom: 40px;
}

.ticket-card .c-form-control {
  background: #1F1826;
  border: 1px solid #3D3347;
  color: #AFAFAF;
  border-radius: 50px;
  height: 50px;
  padding: 0 20px;
}

.ticket-card .name-section,
.ticket-card .quantity-section,
.ticket-card .price-section,
.ticket-card .start-date,
.ticket-card .end-date,
.ticket-card .start-time,
.ticket-card .end-time {
  margin-bottom: 40px;
}

.ticket-card .date-section input {
  margin-bottom: 10px;
}

.ticket-card .start-date input,
.ticket-card .end-date input {
  padding-right: 60px;
}

.ticket-card .crt-box {
  overflow: hidden;
}

.ticket-card .second-hr {
  margin-block: 50px;
}

.ticket-card .ct-btn-block {
  position: relative;
  background-color: transparent;
  border: none;
  height: unset;
}

.ticket-card .ct-btn-block .btn-cancle {
  background: #1F1826;
  border: 1px solid #3D3347;
  padding: 14px;
  height: unset;
  max-width: 220px;
  width: 100%;
  color: #AFAFAF;
}

.ticket-card .ct-btn-block .t-submit-btn.active {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  border: 1px solid transparent;
  padding: 14px;
  height: unset;
  max-width: 220px;
  width: 100%;
  margin-left: 30px;
}

.ticket-card .t-date-block:before {
  background-image: url(../images/new-admin/date.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: 0px;
  right: 20px;
}

.ticket-card .start-time select,
.ticket-card .end-time select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 40px;
}

.ticket-card .start-time::before,
.ticket-card .end-time::before {
  content: '';
  position: absolute;
  right: 25px;
  top: calc(50% + 12.5px);
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  background-image: url(../images/new-admin/clock.png);
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  background-position: center;
}

.ticket-card .third-hr {
  margin-block: 50px;
}

.ticket-card .side-nav-link {
  color: #FFFFFF !important;
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: 30px !important;
  line-height: 100%;
  padding: 0 !important;
}

.ticket-card .side-nav-link:hover {
  background-color: transparent !important;
}

.ticket-card .four-hr {
  margin-block: 20px 30px;
}

.ticket-card .side-nav-link[aria-expanded="false"] span {
  transform: rotate(0deg);
  transition: 0.4s;
}

.ticket-card .side-nav-link[aria-expanded="true"] span {
  transform: rotate(180deg);
  transition: 0.4s;
}

.ticket-card .c-form-textarea,
.create-event-new-page .c-form-textarea {
  background: #1F1826;
  border: 1px solid #3D3347;
  color: #AFAFAF;
  border-radius: 16px;
  padding: 15px 25px;
}

.c-pr-5 {
  padding-right: 5px;
}

.c-pl-5 {
  padding-left: 5px;
}

.ticket-card .custom-form-group {
  margin-bottom: 30px;
}

.five-hr {
  margin-block: 50px 30px;
}

.ticket-event-card {
  background: #1F1826;
  border: 1px solid #3D3347;
  border-radius: 16px;
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 20px 25px;
  position: relative;
  margin-bottom: 30px;
}

.ticket-event-card input {
  position: relative;
  margin-top: 0;
}

.ticket-event-card input:after {
  position: absolute;
  content: '';
  transform: translateY(-50%);
  background-color: #1F1826;
  border: 1px solid #3D3347;
  height: 25px;
  width: 25px;
  top: 50%;
  border-radius: 6px;
}

.ticket-event-card input:checked:after {
  content: '\f00c';
  font-family: 'FontAwesome';
  color: #ffffff;
  text-align: center;
  line-height: 25px;
  font-size: 18px;
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
}

.ticket-event-card .ticketDrag .ticket-listing-section {
  display: block;
  position: relative;
  width: calc(100% - 40px);
}

.ticket-event-card .list-inline-item:not(:last-child) {
  margin-right: 0;
}

.ticket-event-card .crt-ename {
  color: #ffffff;
  font-family: var(--font-dm-sans);
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
  text-transform: capitalize;
  margin-bottom: 5px;
  word-break: break-word;
}

.ticket-event-card .crt-time,
.ticket-event-card .crt-status {
  color: #AFAFAF;
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  word-break: break-word;

  letter-spacing: 0;
}

.ticket-event-card .crt-total {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0px;
  color: #AFAFAF;
  word-break: break-word;
}

.ticket-event-card .crt-name {
  width: calc(100% - 130px);
}

.ticket-event-card .crt-price {
  font-family: var(--font-dm-sans);
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  text-align: right;
  color: #FFFFFF;
}

.ticket-event-card .crt-more-block {
  width: 50px;
  position: relative;
}

.ticket-event-card .ticketDrag {
  width: 100%;
  display: flex;
  align-items: center;
}

.ticket-event-card:after {
  position: absolute;
  content: '';
  background: #110d15;
  top: -1px;
  right: 60px;
  width: 30px;
  height: 15px;
  border-radius: 0 0 15px 15px;
  border: 1px solid #3D3347;
  z-index: 1;
  border-top: none;
}

.ticket-event-card:before {
  position: absolute;
  content: '';
  background: #110d15;
  bottom: -1px;
  right: 60px;
  width: 30px;
  height: 15px;
  border-radius: 15px 15px 0 0;
  border: 1px solid #3D3347;
  border-bottom: none;
  z-index: 1;
}

.crt-more-block .dropdown {
  position: relative;
}

.ticketDrag:after {
  position: absolute;
  content: '';
  /* border: 1.9px dashed #3D3347; */
  right: 73px;
  height: 100%;
  top: 0;
  width: 2px;
  background-image: url(../img/dashed-border.png);
}

.create-event-section #pills-tabContent {
  display: block;
}

.create-event-section .d-purple {
  width: 243px;
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
}

.footer-btn-section {
  gap: 30px
}

.event-line {
  margin-block: 200px 30px;
}

/* ticket event page Css End*/

/* Add Addon Ticket Css Start */
.add-addon-page .create-ticket-card.addon-description-card {
  min-height: unset;
  height: 100%;
  display: block;
}

.add-addon-page .list-inline-item {
  color: #ffffff;
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-size: 18px;
  line-height: 100%;
  text-transform: capitalize;
}

.add-addon-page .material-switch>label::after {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  height: 25px;
  width: 25px;
  left: 5px;
  top: 4px;
}

.add-addon-page .material-switch>label::before {
  height: 30px;
  width: 60px;
  border-radius: 50px;
  background-color: #413250bd;
  box-shadow: 0px 4px 10px 0px #8E3CEB14 inset;
}

.add-addon-page .material-switch>label {
  width: 60px;
  height: 30px;
  margin-bottom: 0;
}

.add-addon-page .material-switch>input[type="checkbox"]:checked+label::before {
  background-color: #ffffff;
  width: 60px;
  height: 30px;
}

.add-addon-page .material-switch>input[type="checkbox"]:checked+label::after {
  left: calc(100% - 30px);
}

.add-addon-page .material-switch {
  height: 20px;
}

.addon-description-card .t-label {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
  margin-bottom: 15px;
}

.addon-description-card .c-form-control-description {
  background: #1F1826;
  border: 1px solid #3D3347;
  border-radius: 16px;
  padding: 15px 25px;
  color: #AFAFAF;
  height: 80px;
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
}

.addon-description-card .first-hr {
  margin-block: 50px;
}

.addon-detail-page .first-hr {
  margin-block: 20px 30px;
}

.addon-detail-page .file-upload {
  margin-block: 30px 0;
}

.addon-detail-page .second-hr {
  margin-block: 50px;
}

.addon-detail-page .third-hr {
  margin-block: 20px 30px;
}

.addon-detail-page .four-hr {
  margin-block: 30px 50px;
}

.addon-detail-page .form-label {
  color: #FFFFFF;
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  margin-bottom: 15px;
}

.ticket-listing-section {
  width: 100%;
}

.event-image-section .re-order-btn-section .btn-header {
  background-color: #0c0911;
  /* dark background */
  border: 1px solid transparent;
  border-radius: 30px;
  padding: 10px 30px;
  color: #c55cff;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  background-image: linear-gradient(#0c0911, #0c0911), linear-gradient(90deg, #b86bff, #6c00ff);
  background-origin: border-box;
  background-clip: padding-box, border-box;
}

.event-image-section .re-order-btn-section .btn-header:hover {
  color: #ffffff;
  background-image: linear-gradient(90deg, #b86bff, #6c00ff);
  border: 1px solid transparent;
}

.new-design-admin .btn-event {
  height: unset;
  text-align: center;
  width: unset;
}

.t-input-dollar {
  display: none;
}

.notification-icon {
  max-height: 300px;
  max-width: 300px;
  margin-bottom: 40px;
}

#marketing-email .uct-title {
  font-size: 20px;
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 20px;
  line-height: 22px;
  text-align: center;
  text-transform: capitalize;
  color: #ffffff;
  max-width: 520px;
  margin-inline: auto;
  margin-bottom: 30px;
}

#marketing-email .notificaton-swh-txt {
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-size: 18px;
  line-height: 100%;
  text-transform: capitalize;
  color: #ffffff;
}

#marketing-email .material-switch>label {
  height: 15px;
  width: 50px;
  margin-bottom: 0;
}

#marketing-email .material-switch>label::after {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  height: 24px;
  width: 24px;
  top: 5px;
  left: 5px;
}

#marketing-email .notify-switch>label::before {
  background-color: #1F1826;
  box-shadow: none;
  width: 60px;
  height: 30px;
  left: 0;
  border-radius: 50px;
  border: 1px solid #3D3347;
}

#marketing-email .material-switch>input[type="checkbox"]:checked+label::after {
  left: 30px;
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
}

#marketing-email .d-purple {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  border-radius: 50px;
  margin-top: 30px;
  max-width: 240px;
  color: #ffffff !important;
  text-align: center;
  width: 100% !important;
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-style: Bold;
  font-size: 18px;
}

#delete-account .d-purple {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  border-radius: 50px;
  margin-top: 30px;
  color: #ffffff !important;
  text-align: center;
  width: 100% !important;
  max-width: 320px;
  font-family: var(--font-dm-sans);
  font-weight: 700;
  font-style: Bold;
  font-size: 18px;
  padding-block: 10px;
  height: unset;
}

#delete-account .ac-info-title {
  text-align: left;
  font-family: var(--font-dm-sans);
  font-weight: 600;
  font-size: 30px;
  line-height: 100%;
  text-transform: capitalize;
}

#delete-account .delete-card-section {
  border: 1px solid #3D3347;
  padding-block: 100px;
  padding-inline: 25px;
}

#delete-account .delte-txt {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  text-align: center;
  text-transform: capitalize;
  color: #ffffff;
  max-width: 540px;
  margin-inline: auto;
  margin-block: 30px;
}

#delete-account .contact-input {
  background: #1F1826;
  border: 1px solid #3D3347;
  border-radius: 50px;
  color: #AFAFAF;
  padding: 15px 25px;
}

#delete-account .contact-input::placeholder {
  color: #AFAFAF;
}

#delete-account .col-lg-5.c-form-group {
  margin-bottom: 0;
}

.new-password-section .change-password-heading {
  font-family: var(--font-dm-sans);
  font-weight: 600;
  font-size: 30px;
  line-height: 100%;
  color: rgb(255, 255, 255);
  margin-bottom: 30px;
  text-align: left;
  text-transform: capitalize;
}

.new-password-section .change-password-card {
  border: 1px solid #3D3347;
  box-shadow: 0px 4px 10px 0px #8E3CEB14 inset;
  background-color: #110D15;
  padding: 30px;
  border-radius: 16px;
}

.new-password-section form#change-password-form {
  max-width: 100%;
  margin-left: 0;
}

.new-password-section .contact-input {
  background: #1F1826;
  border: 1px solid #3D3347;
  border-radius: 50px;
  color: #AFAFAF;
}

.new-password-section .contact-input::placeholder {
  color: #afafaf;
}

.new-password-section .change-password-btns {
  margin-top: 30px;
}

.new-password-section .form-label {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  color: #ffffff;
  text-align: left;
  display: block;
  margin-bottom: 15px;
}

.new-password-section .form-label span {
  color: #FF6F6F;
}

#my-interest .my-interest-heading {
  font-family: var(--font-dm-sans);
  font-weight: 600;
  font-size: 30px;
  line-height: 100%;
  color: #ffffff;
}

#my-interest .my-interest-card {
  border: 1px solid #3D3347;
  border-radius: 16px;
  margin-top: 30px;
  padding: 30px
}

#my-interest .uct-title {
  font-family: var(--font-dm-sans);
  font-weight: 400;
  font-size: 24px;
  line-height: 26px;
  text-transform: capitalize;
  color: #ffffff;
  max-width: 910px;
  margin-bottom: 20px;
}

.profile-mobile-header .editProInfo,
.new-password-section .mobile-change-password-btns,
.new-password-section .mobile-btn-section {
  display: none;
}

.notification-card {
  border: 1px solid #3D3347;
  padding-block: 100px;
  border-radius: 16px;
}

.notification-card-heading {
  font-family: var(--font-dm-sans);
  font-weight: 600;
  font-size: 30px;
  line-height: 100%;
  text-transform: capitalize;
  color: #ffffff;
  margin-bottom: 30px;
}

.delete-icon {
  max-width: 200px;
}

.parsley-required {
  text-align: left;
  color: red;
}

.modal-city-list-ul .dropdown-item:focus,
.modal-city-list-ul .dropdown-item:hover {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  color: #ffffff;
}

.desktop-view .dropdown-menu {
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
}

.dropdown-item {
  color: #ffffff;
  font-family: var(--font-dm-sans);
  font-size: 16px;
  background-color: transparent;
  transition: 0.4s;
}

.dropdown-item:hover {
  background-color: transparent;
  color: #ffffff;
  opacity: 0.8;
}

/* Add Addon Ticket Css End */

#cityBackdrop {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100vh;
  /* background: rgba(255,255,255, 10%); */
  background: rgba(0, 0, 0, 0.3);
  z-index: 1001;
  opacity: 0;
  ;
  transition: 0.1s;
}

/* Dropdown ko backdrop ke upar lana padega */
.city-dropdown .dropdown-menu {
  z-index: 9999;
}

/* Dropdown box */
.city-menu {
  height: 200px;
  overflow-y: auto;
  z-index: 99999;
}

.new-header .navbar-expand-xl .navbar-nav.categories-title-section .dropdown-menu {
  top: unset;
  margin-top: 15px;
}

.left-dropdown-menu.dropdown-menu {
  background: #110D15 !important;
  box-shadow: 0px 4px 10px 0px #8E3CEB14 inset;
}

.header-section {
  z-index: 1001;
}

.new-header .navbar-expand-xl .navbar-nav .dropdown-menu {
  z-index: 0;
}

.cat-cit-ttit {
  margin-bottom: 10px;
}

.new-header .navbar-expand-xl .navbar-nav .dropdown-menu::-webkit-scrollbar {
  width: 5px;
}

.new-header .navbar-expand-xl .navbar-nav .dropdown-menu::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 5px;
}

.new-header .navbar-expand-xl .navbar-nav .dropdown-menu::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 5px;
}

.new-header .navbar-expand-xl .navbar-nav .dropdown-menu::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.city-dropdown .city-menu {
  background: #ffffff;
}

.cat-cit-ttit,
.modal-city-list-ul li a {
  color: #353453;
  opacity: 0.8;
  transition: 0.4s;
}

.dropdown-item.active,
.dropdown-item:active,
.modal-city-list-ul .dropdown-item:focus,
.modal-city-list-ul .dropdown-item:hover {
  background: #ffffff !important;
  color: #353453 !important;
  opacity: 1;
}

.modal-city-list-ul li a {
  border: none;
}

.city-title+.city-title {
  padding-top: 0;
  margin-top: 0;
}

.crt-more-block .dropdown-item {
  color: #000000;
}



/* Payment input text color change start*/
#card-element iframe .InputElement,
#card-element .InputElement,
#card-element iframe {
  color: #afafaf !important;
}

#card-element .InputElement::placeholder,
#card-element iframe::placeholder {
  color: #AFAFAF !important;
}

#card-element.payment-input {
  height: 50px;
}

/* Payment input text color change End */


/* DEXTools Header Styles */
.dextools-header {
  background-color: #0b0c10;
  border-bottom: 2px solid #571066;
  padding: 12px 0;
  font-family: 'Open Sans', sans-serif;
}

.live-indicator {
  color: #00e676;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.5px;
}

.logo-icon-wrapper {
  margin-right: 12px;
  display: flex;
  align-items: center;
}

.logo-text-main {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.1;
  color: white;
  letter-spacing: 0.5px;
}

.logo-text-sub {
  font-size: 11px;
  color: #9ca3af;
  margin-top: 2px;
}

.dextools-link {
  color: #c084fc;
  text-decoration: none;
  transition: color 0.2s ease;
}

.dextools-link:hover {
  color: #d8b4fe;
  text-decoration: none;
}

.dextools-link i {
  font-size: 10px;
  margin-left: 2px;
}

.price-divider {
  height: 30px;
  width: 1px;
  background-color: #333;
}

.price-label {
  font-size: 10px;
  color: #9ca3af;
}

.price-value {
  font-weight: 700;
  font-size: 13px;
  color: white;
}

.change-value {
  font-weight: 700;
  font-size: 13px;
  color: #00e676;
}

.view-dextools-btn {
  background: transparent;
  border: 1px solid #7c3aed;
  color: white;
  border-radius: 20px;
  font-size: 12px;
  padding: 6px 18px;
  text-decoration: none;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: all 0.3s ease;
}

.view-dextools-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%);
  z-index: -1;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.view-dextools-btn:hover::before {
  opacity: 1;
}

.view-dextools-btn:hover {
  color: white;
  border-color: transparent;
}

.view-dextools-btn i {
  font-size: 11px;
  margin-left: 6px;
}

@keyframes ping-success {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }

  100% {
    transform: scale(3);
    opacity: 0;
  }
}

.live-indicator-wrapper {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 8px;
  height: 8px;
  margin-right: 10px;
}

.live-indicator-ping {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #00e676;
  animation: ping-success 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.live-indicator-dot {
  position: relative;
  width: 8px;
  height: 8px;
  background-color: #00e676;
  border-radius: 50%;
  display: inline-block;
  box-shadow: 0 0 5px #00e676;
}

@media (max-width: 767px) {
  .justify-content-center-mobile {
    justify-content: center !important;
    text-align: center;
  }

  .gap-mobile {
    gap: 10px;
  }

  .dextools-header .mr-4 {
    margin-right: 15px !important;
  }
}