/* 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.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{position: absolute;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);} .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 */