/* 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; } .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;} .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: 15%;} .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;} .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 ;} .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;} .categories-card-section .event-name{font-family: var(--font-dm-sans);font-weight: 600;font-size: 20px;line-height: 28px;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;} .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: 0 0 20px 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;} .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;} .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;} .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 h3{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{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%;} /* 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{transform: scale(0.95);background: linear-gradient(97.37deg, #8E3CEB 0%, #B340C6 100%) !important ;} .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{ background-image: none; } .event-inner-page.category .main-title-section:before{ background-image: none; } .event-inner-page.category .main-title-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 #ffffff 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; } }