html,
body {
    margin: 0;
    font-family: "Poppins", sans-serif;
}

html[dir="rtl"],
html[dir="rtl"] body {
    margin: 0;
    font-family: "GE SS Two";
}

.poppins {
    font-family: "Poppins", sans-serif;
}

.gesstwo {
    font-family: "GE SS Two";
}

.black {
    color: black;
}

.grey {
    color: #a2a2a2;
}

.flyer-header {
    height: 70px;
    width: 100%;
    background: linear-gradient(to right, #91021a 0%, #1f0b20 100%);
}

.wrapper-background {
    background: rgb(214, 0, 46);
}

#newsletter-form {
    margin: 0;
}
.red {
    color: rgb(214, 0, 46);
}

.premiewhitetextborder {
    color: white;
    border: 1px solid rgb(214, 0, 46);
    background-color: rgb(214, 0, 46);
    border-radius: 37px;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.premiewhitetextborder:hover {
    color: rgb(214, 0, 46);
    background-color: transparent;
}

.premieredtextborder {
    color: rgb(214, 0, 46);
    border: 1px solid rgb(214, 0, 46);
    background-color: transparent;
    border-radius: 37px;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.premieredtextborder:hover {
    color: white;
    background-color: rgb(214, 0, 46);
}

.premiered {
    color: rgb(214, 0, 46);
    background-color: white;
    border-radius: 37px;
    font-size: 18px;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.premiered:hover {
    color: white;
    background-color: rgb(214, 0, 46);
    transition: color 0.3s ease, background-color 0.3s ease;
}

.premierewhite {
    color: white;
    background-color: transparent;
    border: 1px solid;
    border-color: white;
    border-radius: 37px;
    font-size: 18px;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.premierewhite:hover {
    color: rgb(214, 0, 46);
    background-color: white;
}

.dropdownBtnSort svg,
.zone_selection svg,
.select-arrow {
    transform: rotate(0);
    transition: transform 0.3s ease;
}

.rotate svg {
    transform: rotate(-180deg);
}

.upsidedown svg {
    margin-top: -1px;
}

.btn:focus-visible,
.btn:focus {
    outline: none !important;
    box-shadow: none !important;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*Header*/
.logo img {
    width: 80%;
}

.header {
    position: absolute;
    top: 0;
    z-index: 10;
    animation-delay: 100ms;
    animation-duration: 600ms !important;
}

.backgroundvideo,
.events-swiper {
    animation-delay: 200ms;
}

.header::before {
    content: "";
    position: absolute;
    top: 109px;
    background-color: rgba(255, 255, 255, 0.25);
    height: 1px;
    width: 100%;
}

.headercontainer {
    padding: 20px 0;
}

.headermenu ul.menuitems,
ul.burgermenu-items-list {
    list-style: none;
}

.headermenu ul.menuitems li a,
.langswitcher a {
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    position: relative;
}

.menulink a {
    position: relative;
}

.menulink a::after {
    content: "";
    position: absolute;
    bottom: 0;
    background-color: white;
    height: 2px;
    width: 0;
    left: 0;
    display: block;
    transition: width 0.3s ease;
}

html[lang="en"] .menulink.langswitcher a::after {
    right: 0;
    left: auto;
    bottom: -5px;
}

html[lang="ar"] .menulink.langswitcher a::after {
    left: 0;
    right: auto;
    bottom: 0;
}

.menulink a:hover::after,
.menulink.active a::after,
.menulink a:hover::after {
    width: 100%;
}

.headermenu ul.menuitems li {
    padding: 0 15px;
}

.headercontainer .widgets div.widget-item {
    padding-left: 60px;
}

.search.widget-item form {
    display: none;
    position: absolute;
    top: 71px;
    padding: 25px;
    min-width: 232px;
    background-color: rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(0, 0, 0, 0.6);
}

.search.widget-item form input:-webkit-autofill,
.search.widget-item form input:-webkit-autofill:hover,
.search.widget-item form input:-webkit-autofill:focus,
.search.widget-item form input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 100px black inset;
    -webkit-text-fill-color: #fff !important;
}

.search.widget-item form input:focus-visible {
    outline: none;
}

.search.widget-item form input {
    width: 100%;
    background-color: transparent;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid white;
    color: white;
    font-size: 14px;
}

.search.widget-item form input::placeholder {
    color: white;
}

.langswitcher a {
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
}

.ticketsnumber {
    border-radius: 50%;
    background-color: rgb(214, 0, 46);
    color: white;
    bottom: 10px;
    right: 20px;
    padding: 6px;
    line-height: 7px;
    font-size: 12px;
    font-weight: bold;
    z-index: 0;
}

ul.burgermenu-items-list {
    padding-left: 0;
    margin: 0;
}

li.burger-menuitem {
    width: fit-content;
    padding-bottom: 15px;
}

li.burger-menuitem a {
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    position: relative;
}

.burgermenu {
    background: rgba(214, 0, 46, 0.98);
    padding: 36px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

/*Footer*/
.footer {
    background-color: black;
    padding: 156px 0 90px 0;
}

.footerlinks .menuitems {
    list-style: none;
    padding-left: 3px;
}

.footerlinks .menuitems .menu-item {
    width: fit-content;
    padding-bottom: 8px;
}

.footerlinks .menuitems .menu-item a {
    font-size: 28px;
    font-weight: bold;
    text-decoration: none;
}

.socialinfo {
    padding-left: 15px;
}
.socialinfo .icons img {
    width: 50px;
    height: 50px;
}

.socialinfo .title {
    padding-bottom: 14px;
    font-size: 28px;
    line-height: 42px;
}

.copyright {
    font-size: 18px;
    font-weight: lighter;
    padding-top: 85px;
}

.copyright a {
    text-decoration: none;
    color: white;
    transition: color 0.3s ease;
}
.social-icon-wrapper {
    width: 55px;
    height: 55px;
    background: white;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease-in-out;
}
.social-icon-wrapper:hover {
    background: rgb(214, 0, 46);
}
.social-icon {
    padding: 5px;
}

.copyright a:hover {
    color: rgb(214, 0, 46);
}

.footer svg path {
    transition: 0.3s ease;
}

.footer svg:hover path {
    fill: rgb(214, 0, 46);
}

.subscription {
    padding: 90px 0;
    background: linear-gradient(to right, #d5002e 0%, #5a1b29 100%);
}

.subscription_title {
    width: 90%;
    font-size: 55px;
    font-weight: bold;
    line-height: 82px;
    margin-bottom: 20px;
}

.subscription_input {
    width: calc(45% - 50px);
    margin-bottom: 27px;
    border-radius: 37px;
    border: 1px solid white;
}

.subscription_input input {
    width: 70%;
    padding: 20px 37px 20px 50px;
    font-size: 18px;
    font-weight: bold;
    background-color: transparent;
    border: none;
    outline: none;
}

.subscription_input input::placeholder {
    color: white;
}

.subscription_input input:focus-visible {
    outline: none;
}

.subscription_input svg {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 37px;
    cursor: pointer;
    transition: right 0.3s ease, left 0.3s ease;
}

.subscription_input svg:hover {
    right: 30px;
}

.subscription_info {
    font-size: 18px;
    font-weight: normal;
}

.wtsp {
    bottom: 10px;
    right: 25px;
    z-index: 10;
}

.wtsp img {
    max-width: 65px;
    max-height: 65px;
    transform: none;
    transition: transform 0.3s ease;
}

.wtsp:hover img {
    transform: translateY(-5px);
}

html[lang="ar"] .wtsp {
    right: auto;
    left: 25px;
}

/*Homepage*/
.backgroundvideo video {
    object-fit: cover;
}

.burgermenu {
    display: none;
}

.banner-swiper {
    min-height: 100vh;
    padding-top: 140px;
    padding-bottom: 65px;
}

.events-swiper .swiper-slide svg {
    width: calc(85% - 20px);
    height: 100%;
}

.events-swiper .swiper-slide {
    justify-content: end;
    padding: 45px 0;
}

.events-swiper .swiper-slide .eventinfo {
    text-align: left;
    color: white;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 60%;
}

.events-swiper .swiper-slide .eventitle {
    font-size: 90px;
    font-weight: bold;
    line-height: 115px;
}

.events-swiper .swiper-slide .eventdate {
    font-weight: 500;
    font-size: 30px;
    max-width: 65%;
}

.events-swiper .swiper-pagination {
    text-align: left;
    bottom: 6px;
}

.swiper-pagination-bullet {
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid white !important;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background-color: white;
}

.eventcta {
    bottom: 80px;
    right: 90px;
}

.eventcta a {
    padding: 18px 56px;
}

.upcomingevents {
    background-image: url("../images/backgroundevents.jpg");
}

.events_title_pag {
    padding-top: 75px;
}

.upcoming_events_swiper {
    margin-top: 26px;
    padding-bottom: 90px;
}

.previous-events{
    padding-bottom: 75px;
}

.upcomingevents .swiper-button-next,
.upcomingevents .swiper-button-prev,
.previous-events .swiper-button-next,
.previous-events .swiper-button-prev {
    position: relative !important;
    right: 0 !important;
    left: auto;
    width: 57px;
    height: 57px;
    border-radius: 50%;
    background-color: #c7032e;
    transition: background-color 0.3s ease;
}

.upcomingevents .swiper-button-disabled ,
.previous-events .swiper-button-disabled {
    background-color: #77152b;
    opacity: 1;
}

.eventspagination {
    display: flex;
    height: 57px;
}

.upcomingevents .swiper-button-prev::after,
.previous-events .swiper-button-prev::after {
    rotate: -180deg;
}

.upcoming_events_swiper .eventimage img ,
.previous-events .eventimage img {
    width: 80%;
}

.upcomingevents .swiper-button-next::after,
.upcomingevents .swiper-button-prev::after ,
.previous-events .swiper-button-next::after,
.previous-events .swiper-button-prev::after {
    content: url("../images/arrow.svg");
    line-height: 1px;
}

.eventimage img {
    object-fit: cover;
    width: 85%;
}

.overlay {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 85%;
    height: 100%;
    background-color: rgba(93, 26, 41, 0.47);
}

html[dir="rtl"] .overlay {
    left: auto;
    right: 0;
}

.eventimage img.side {
    right: 0;
    left: auto;
}

.eventdetails {
    padding: 36px 30px 40px 30px;
}

.w-50 {
    width: 50%;
}

.singleventinfo::after {
    content: "";
    position: absolute;
    height: 3px;
    left: 0;
    bottom: 0;
    width: 100%;
    margin-top: 35px;
    background-color: #d5002e;
}

.upcoming_events_swiper .singleventinfo::after {
    width: 75%;
}

.eventdetails .artist,
.eventdetails .status {
    font-size: 40px;
    font-weight: bold;
    line-height: 45px;
}

.eventdetails .date,
.eventdetails .location {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
}

.eventstitle {
    color: #b3072c;
    font-size: 70px;
    font-weight: bold;
}

.all_events {
    padding-bottom: 90px;
}

.all_events a {
    padding: 20px 50px;
    font-size: 18px;
    font-weight: bold;
    display: block;
    width: fit-content;
    margin: auto;
}

/*Page Title*/
.page_title {
    padding: 160px 0 50px 0;
    background: linear-gradient(to right, #91021a 0%, #1f0b20 100%);
}

.page_title .title {
    font-size: 70px;
    font-weight: bold;
}

/*Upcoming Events*/
.filter_container {
    padding: 17px 0;
    background-color: #000;
}

.filters .sort {
    width: 30%;
}

.filters .sortitle {
    font-weight: bold;
    font-size: 20px;
}

.filters .sort button {
    cursor: pointer;
    background-color: transparent;
    font-size: 20px;
    font-weight: 300;
    border: none;
    display: flex;
    align-items: center;
}

.dropdownSortOptions,
.filterDropDown {
    display: none;
    z-index: 1;
    list-style: none;
    color: white;
    padding-left: 0;
    position: absolute;
    background-color: rgba(214, 0, 46, 0.9);
    padding: 20px 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 100%;
}
.dropdownSortOptions a,
.filterDropDown a {
    text-decoration: none;
    color: white;
}
.dropdown_initials {
    border-bottom: 1px solid white;
    padding-bottom: 14px;
}

.dropdownSortOptions li,
.filterDropDown li {
    padding: 5px 0;
    font-size: 16px;
    cursor: pointer;
}

button.dropdownBtnSort svg {
    margin-left: 20px;
}

.clear_sort {
    display: none;
}
.clear_sort a {
    text-decoration: none;
}
span.clear {
    font-size: 20px;
    cursor: pointer;
}

.upcoming_events_list {
    padding: 50px 0 275px 0;
    background-image: url("../images/backgroundevents.jpg");
    background-size: cover;
    background-position: center;
}

.upcoming_events_list .eventlist_item {
    width: calc(50% - 8px);
}

.upcoming_events_list .eventlist_item:not(:nth-child(-n + 2)) {
    margin-top: 50px;
}

.singlevent .eventimage::after {
    content: url("../images/arrow.svg");
    position: absolute;
    left: 90%;
    width: 20px;
    transition: right 0.3s ease;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: left 0.3s ease, right 0.3s ease;
}

.eventlist_item a:hover .eventimage::after {
    left: 91%;
}

.upcoming_events_swiper .singlevent .eventimage::after {
    left: 87%;
}

.upcoming_events_swiper .singlevent a:hover .eventimage::after {
    left: 88%;
}

/*Single Event*/
.singlevent_info {
    padding: 100px 0 60px 0;
}

.singlevent_artistimage img.img-fluid {
    width: 85%;
}

.singlevent_info .artistname,
.singlevent_info .eventstatus p {
    font-size: 55px;
    line-height: 67px;
    font-weight: bold;
}
.single-ticket-label {
    display: none;
}

.singlevent_info p.eventdate,
.singlevent_info p.eventlocation {
    font-size: 20px;
    font-weight: bold;
    line-height: 42px;
}
.eventlocation a {
    text-decoration: none;
    color: rgb(214, 0, 46);
    transition: color 0.4s ease-in-out;
}
.eventlocation a:hover {
    color: black;
}
.side-image-ticket {
    transform: translateX(-50px);
    z-index: 1;
}
.ticket_info .artist {
    z-index: 3;
}
.singlevent_info p.eventdate img {
    margin-top: 5px;
}

.singlevent_info .eventdescription {
    margin-top: 20px;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 50px;
}

.ticketsinfo {
    padding-bottom: 85px;
    border-bottom: 3px solid #d5002e;
}

.ticketsinfo a {
    padding: 20px 70px;
    font-size: 18px;
    font-weight: bold;
    display: block;
    width: fit-content;
}

.ticketalert {
    font-size: 21px;
}

.ticketalert img {
    margin-top: -5px;
}

.colwrap {
    padding-right: 15%;
}

.single_interested {
    padding: 120px 0 155px 0;
    background-image: url("../images/backgroundevents.jpg");
    background-position: center;
    background-size: cover;
}

.single_interested .title {
    padding-bottom: 80px;
    font-size: 70px;
    font-weight: bold;
    line-height: 72px;
}

.single_interested .eventlist_item {
    width: calc(50% - 8px);
}

/*Buy ticket*/
.ticket_purchase {
    padding: 100px 0;
}

.ticket_info .inner {
    background-color: rgb(214, 0, 46);
}

.ticket_info .details {
    padding: 55px 5px 55px 10%;
    width: 65%;
}

.ticket_info .details .name,
.ticket_info .details p.status {
    font-size: 61px;
    line-height: 71px;
    font-weight: bold;
}

.ticket_info .details .date,
.ticket_info .details .location {
    font-weight: bold;
    font-size: 22px;
    line-height: 42px;
    display: flex;
    align-items: center;
}
.ticket_info .details .date {
    align-items: start !important;
}
.ticket_info .details .date img {
    margin-top: 5px;
}

.ticket_info .artist {
    width: 35%;
}

.ticket_info .artist img {
    object-fit: cover;
    /*object-position: left;*/
}

.ticket_info .side {
    width: calc(6% + 5px);
}

.ticket_seats {
    padding: 65px 0 0 0;
}

.ticket.form {
    margin: auto;
}

.zonesDrp,
.datesDrp {
    display: none;
    list-style: none;
    padding: 20px;
    background-color: rgba(214, 0, 46, 0.9);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 90%;
    left: 5%;
    position: absolute;
    z-index: 3;
}
.zonesDrp li:hover,
.datesDrp li:hover {
    cursor: pointer;
}
.zoneOption,
.datesOption {
    font-size: 14px;
    padding: 5px 0;
}
.zone_selection,
.date_selection {
    padding: 10px;
    font-size: 14px;
    color: #000;
    line-height: 40px;
    border-radius: 37px;
    border: 1px solid #d5002e;
}

.zone_selection svg,
.date_selection svg {
    position: absolute;
    right: 40px;
    top: 28px;
}

.table-number-select {
    border-radius: 37px;
    border: 1px solid #d5002e;
    padding: 10px;
    font-size: 14px;
    color: #a2a2a2;
    line-height: 40px;
}
.ts-control {
    border: none;
}
.ts-control > input::placeholder {
    text-align: center;
}
.ts-dropdown {
    color: #fff;
    font-size: 14px;
    background-color: rgba(214, 0, 46, 0.9);
    margin-top: 0;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 20px;
    width: 90%;
    left: 50%;
    transform: translateX(-50%);
}
.ts-dropdown .active {
    background: transparent;
    color: #fff;
}
.ts-wrapper.multi .ts-control > div {
    color: #000;
    font-size: 14px;
    background: transparent;
}

.empty-input {
    color: #a2a2a2 !important;
}

.cform .field input:-webkit-autofill,
.cform .field input:-webkit-autofill:hover,
.cform .field input:-webkit-autofill:focus,
.cform .field input:-webkit-autofill:active,
.friends_tickets input:-webkit-autofill,
.friends_tickets input:-webkit-autofill:hover,
.friends_tickets input:-webkit-autofill:focus,
.friends_tickets input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #fff inset !important;
    -webkit-text-fill-color: #000 !important;
}

.cform .field:not(:first-child) {
    margin-top: 10px;
}

.cform .field input,
.friends_tickets input {
    border-radius: 37px;
    border: 1px solid #d5002e;
    padding: 10px;
    font-size: 14px;
    color: #000;
    line-height: 40px;
}

.qr_image {
    height: 150px;
    width: 150px;
}

.cform .field input::placeholder,
.friends_tickets input::placeholder {
    color: #a2a2a2;
}

.cform .field input:focus-visible,
.cform .field input:focus,
.friends_tickets input:focus-visible,
.friends_tickets input:focus,
.friends_tickets input:active {
    outline: none;
    color: #000;
}

.ticket.form .submit {
    width: 100%;
    border: none;
    background-color: transparent;
}

.ticket.form .cta-button a {
    padding: 20px;
    width: 100%;
    display: block;
}

.terms_conditions {
    margin: 38px 0 38px 0;
}
.terms_conditions p {
    margin: 0;
}

.terms_conditions label p {
    padding-left: 26px;
}

.terms_conditions p a {
    transition: text-shadow 0.3s;
    color: rgb(214, 0, 46);
}

.terms_conditions p a:hover {
    text-shadow: 0px 0px 1px rgb(214, 0, 46);
    color: rgb(214, 0, 46);
}
.item_title p {
    margin: 0;
}
.terms_conditions label::before {
    content: "";
    border: 1px solid #d5002e;
    border-radius: 50%;
    position: absolute;
    left: 0;
    width: 19px;
    height: 19px;
    display: block;
    top: 50%;
    transform: translate(0, -50%);
}

.terms_conditions label::after {
    content: "";
    border: 1px solid #d5002e;
    border-radius: 50%;
    background-color: #d5002e;
    position: absolute;
    left: 3px;
    width: 13px;
    height: 13px;
    display: block;
    top: 50%;
    transform: translate(0, -50%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.terms_conditions.checked label::after {
    opacity: 1;
}

.input-number-decrement,
.input-number-increment {
    cursor: pointer;
    font-size: 27px;
    display: block;
    width: fit-content;
}

.input-number-decrement {
    left: 0;
    top: 50%;
    transform: translate(35px, -50%);
    z-index: 1;
}

.input-number-increment {
    right: 0;
    top: 50%;
    transform: translate(-35px, -50%);
    z-index: 1;
}

.calc_total {
    background-color: #d5002e;
    padding: 83px 36px 38px 36px;
    border-radius: 40px;
}

.tickets_total_price {
    padding-top: 75px;
}

.ticket_title {
    border-bottom: 1px solid white;
    padding-bottom: 12px;
}

.ticket_title .title,
.price_title {
    font-size: 14px;
    font-weight: 400;
}

.ticket_number,
.totalsum {
    font-size: 23px;
}

.calc_price {
    padding-top: 12px;
    padding-bottom: 60px;
}

.tickets_total_price .cta-button .btn {
    font-size: 14px;
}

/*Ticket Purchased*/
.share_popup {
    display: none;
    height: 100vh;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.6);
    z-index: 10;
}

.share_popup.show {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.share_popup .platforms {
    padding: 40px;
    min-width: 310px;
    min-height: 130px;
    background: white;
}

.platforms a svg {
    color: black;
    width: 30px;
    height: 25px;
    transition: color 0.3s ease;
}

.platforms a svg:hover {
    color: rgb(214, 0, 46);
}

.close_popup {
    color: white;
    font-size: 40px;
    position: absolute;
    top: 25px;
    right: 45px;
    cursor: pointer;
    transition: color 0.3s ease;
}

html[dir="rtl"] .close_popup {
    right: auto;
    left: 35px;
}

html[dir="rtl"] .side-image-ticket {
    transform: translateX(1px);
}

.close_popup:hover {
    color: rgb(214, 0, 46);
}

.purchase_details {
    padding: 30px 0 65px 0;
}

.purchase_details .thankyou {
    font-size: 40px;
    font-weight: bold;
    line-height: 51px;
    width: 100%;
}

.purchased.ticket_info {
    background: #d6002e;
    margin-top: 60px;
}

.purchased.ticket_info .artist img {
    padding-right: 70px;
}

.purchased.ticket_info .details {
    z-index: 10;
    padding: 45px 0 45px 45px;
    width: 40%;
    background-color: rgb(214, 0, 46);
}

.purchased.ticket_info .purchase_info {
    width: 27%;
    padding: 60px 20px 45px 0;
    background-color: rgb(214, 0, 46);
}

.purchased.ticket_info .details .name,
.purchased.ticket_info .details p.status {
    font-size: 50px;
    line-height: 61px;
    font-weight: bold;
}

.purchase_info p {
    font-size: 15px;
}

.purchase_info p:not(:first-child) {
    padding-top: 11px;
}

.purchase_info p a {
    text-decoration: none;
    pointer-events: none;
    color: white !important;
}

.purchased.ticket_info .artist {
    width: 35%;
}

.purchased.ticket_info .side {
    width: auto;
}

.purchased.ticket_info .artist svg {
    width: auto !important;
    position: absolute;
    right: auto;
    top: 0;
    left: auto;
    background-color: white;
    height: 102%;
}

.purchase_code {
    padding-top: 10px;
}

.present_share_ticket {
    margin-top: 28px;
}

.present_ticket {
    font-size: 18px;
    line-height: 34px;
    font-weight: 500;
}
.share_ticket a {
    padding: 18px 33px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 37px;
    background-color: #000;
    color: white;
    border: 1px solid #000;
    transition: background-color 0.3s ease, color 0.3s ease;
}
.download-pdf-button a,
.download-all-tickets-button a {
    padding: 22px 33px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 37px;
    background-color: #000;
    color: white;
    border: 1px solid #000;
    transition: background-color 0.3s ease, color 0.3s ease;
}
.download-pdf-button {
    display: flex;
}

.share_ticket a:hover,
.download-pdf-button a:hover,
.download-all-tickets-button a:hover {
    background-color: #fff;
    color: #000;
}

.share_ticket a svg line,
.share_ticket a svg path {
    transition: stroke 0.3s ease;
}

.share_ticket a:hover svg line,
.share_ticket a:hover svg path {
    stroke: black;
}

.ticketinfotablet {
    z-index: 1;
}

/*About*/
.about_intro {
    padding: 10% 0%;
    margin: 0 15%;
}

.about_intro p {
    font-size: 24px;
    font-weight: bold;
    line-height: 54px;
}

.about_mission {
    padding: 13% 15%;
    background-attachment: fixed;
}

.abt-overlay {
    background: linear-gradient(to right, #91021a 0%, #1f0b20 100%);
    top: 0;
    left: 0;
    opacity: 0.8;
}

.disabled {
    color: #999; /* Change the text color to a muted gray */
    opacity: 0.7; /* Reduce opacity for a faded appearance */
    cursor: not-allowed !important; /* Change cursor to indicate non-interactivity */
    pointer-events: none !important;
}

html[dir="rtl"] .abt-overlay {
    background: linear-gradient(to left, #91021a 0%, #1f0b20 100%);
}

html[dir="rtl"] .share_ticket svg {
    margin-right: 0 !important;
    margin-left: 1rem;
    transform: rotateY(180deg);
}
.about_mission p {
    z-index: 1;
    position: relative;
    font-size: 42px;
    font-weight: 400;
    line-height: 52px;
}

.about_mission img {
    top: 0;
    left: 0;
    object-fit: cover;
    opacity: 0.22;
}

.about_setapart {
    padding: 80px 5% 10% 5%;
}

.about_setapart .sectiontitle {
    margin-bottom: 92px;
    font-size: 50px;
    line-height: 80px;
    font-weight: bold;
}

.about_setapart .desc {
    margin-top: 34px;
    margin-bottom: 0;
    width: 70%;
    font-size: 18px;
    line-height: 31px;
}

/*Contact Us*/
.contact_desc {
    font-size: 24px;
    font-weight: bold;
    line-height: 54px;
    padding: 10% 30%;
}

.contact_desc p {
    margin: 0;
}
.contact_desc a {
    text-decoration: none;
    color: black;
    transition: color 0.3s ease;
}

.contact_desc a:hover {
    color: rgb(214, 0, 46);
}

.load-wrapper {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: white;
}

.contact_form {
    padding: 90px 0 100px 0;
    background: linear-gradient(to right, #91021a 0%, #1f0b20 100%);
}

.cf_intro {
    font-size: 24px;
    line-height: 45px;
    width: 70%;
    margin: auto;
    margin-bottom: 70px;
}
.cf_intro p {
    margin: 0;
}
.form_fields {
    width: 50%;
    margin: auto;
}

.contact_form input {
    border: 1px solid #fff;
    padding: 10px;
    font-size: 14px;
    color: #a2a2a2;
    background-color: transparent;
    border-radius: 37px;
    line-height: 40px;
    font-family: "poppins";
}

.contact_form input::placeholder,
textarea::placeholder {
    color: #a2a2a2;
    text-transform: capitalize;
}

.contact_form input:focus-visible,
textarea:focus-visible {
    outline: none;
}

.contact_form .field:not(:first-child) {
    margin-top: 10px;
}

.contact_form .field input:-webkit-autofill,
.contact_form .field input:-webkit-autofill:hover,
.contact_form .field input:-webkit-autofill:focus,
.contact_form .field input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #51071d inset !important;
    -webkit-text-fill-color: #a2a2a2 !important;
}

textarea {
    resize: none;
    height: 150px;
    border: 1px solid #fff;
    padding: 10px;
    font-size: 14px;
    color: #a2a2a2;
    background-color: transparent;
    border-radius: 37px;
    margin-bottom: -8px;
    font-family: "poppins";
}

.cta-button {
    margin-top: 10px;
}

.cta-button .btn {
    background-color: #fff;
    border-radius: 30px;
    border: 1px solid white;
    padding: 20px 0 !important;
    color: rgb(214, 0, 46) !important;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.cta-button .btn:hover {
    color: white !important;
    background-color: transparent;
}

.error-message {
    color: white;
    margin-top: 5px;
    padding-left: 10px;
    font-size: 14px;
}

div#messageDiv {
    color: white;
    padding-left: 10px;
    margin-top: 10px;
}

/*Cart*/
.promo-code-wrapper {
    background: #dee2e6;
}
.submit-promo {
    color: white ;
    border: 1px solid rgb(214, 0, 46);
    background-color: rgb(214, 0, 46);
    border-radius: 37px;
    transition: color 0.3s ease, background-color 0.3s ease;
    min-width: 130px;
    padding: 10px 30px;
    font-size: 18px;
    font-weight: bold;
}
.submit-promo:hover {
    color: rgb(214, 0, 46);
    background-color: transparent;
}
#promo-code-form{
    display: flex;
    justify-content: space-between;
}
.error-message{
    display: none;
}
.discount_amount{
    display: none;
}
.cart_table {
    padding: 58px 0 155px 0;
}

.cart_titles {
    border-bottom: 1px solid black;
    padding-bottom: 18px;
}

.cart_titles p {
    font-size: 18px;
    line-height: 30px;
}

.cart_item {
    padding: 36px 0;
    border-bottom: 1px solid black;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
}

.quantity_calc input {
    border: none;
}

.quantity_calc input:focus-visible {
    outline: none;
}

.input-quantity-increment,
.input-quantity-decrement {
    cursor: pointer;
    font-size: 23px;
    line-height: 16px;
    display: block;
    width: fit-content;
    padding: 6px 16px;
    border: 1px solid #707070;
}

.input-quantity-increment svg,
.input-quantity-decrement svg {
    height: 42px;
    width: 23px;
}

.cart_item span.quantity {
    padding: 0 35px;
}

.price_total_sum p,
.price_total_sum span {
    font-size: 18px;
    line-height: 30px;
}

.price_total_sum span {
    font-weight: 500;
}

.items_total {
    background-color: #d5002e;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    padding: 45px 0 45px 36px;
}

html[dir="rtl"] .items_total {
    padding: 45px 36px 45px 0;
}

.cart_total {
    font-size: 18px;
    line-height: 30px;
}

.price_total_sum {
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
}

.remove-from-cart-button {
    background: transparent;
    border: transparent;
}

.cart_checkout_button .btn {
    background-color: #fff;
    border-radius: 30px;
    border: 1px solid rgb(214, 0, 46);
    padding: 20px 0 !important;
    margin-top: 18px;
    font-size: 14px;
    color: rgb(214, 0, 46) !important;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.cart_checkout_button .btn:hover {
    background-color: rgb(214, 0, 46);
    color: #fff !important;
}

.artist .side-image {
    left: auto;
    right: -50px;
}

html[dir="rtl"] span.input-quantity-decrement text#_- {
    transform: translate(18px, 36px);
}

html[dir="rtl"] span.input-quantity-increment text#_ {
    transform: translate(22px, 36px);
}

/*Arabic*/
html[dir="rtl"] .menulink a::after {
    right: 0;
    left: auto;
}

html[dir="rtl"] .headercontainer .widgets div.widget-item {
    padding-left: 0;
    padding-right: 60px;
}

html[dir="rtl"] .ticketsnumber {
    right: auto;
    left: 20px;
}

html[dir="rtl"] .events-swiper .swiper-slide svg {
    transform: scaleX(-1);
    margin-right: auto;
    margin-left: 0 !important;
}

html[dir="rtl"] .events-swiper .swiper-slide .eventinfo {
    left: auto;
    right: 0;
    text-align: right;
    z-index: 1;
}

html[dir="rtl"] .eventcta {
    right: 0;
    left: 137px;
}

html[dir="rtl"] .events-swiper .swiper-pagination {
    text-align: right;
}

html[dir="rtl"] .eventimage img {
    right: 0;
    left: auto;
}

html[dir="rtl"] .eventimage img.side {
    left: 0;
    right: auto !important;
    /* transform: rotateY(180deg); */
}

html[dir="rtl"] .singlevent .eventimage::after {
    left: 10%;
    transform: translate(-50%, -50%) scaleX(-1);
}

html[dir="rtl"] .eventlist_item a:hover .eventimage::after {
    left: 9%;
}

html[dir="rtl"] .upcoming_events_swiper .singlevent .eventimage::after {
    left: 13% !important;
    transform: translate(-50%, -50%) scaleX(-1);
}

html[dir="rtl"] .singlevent .eventimage .img-fluid {
    object-position: center;
    right: 0;
}

html[dir="rtl"] .upcoming_events_swiper .singlevent a:hover .eventimage::after {
    left: 12% !important;
}

html[dir="rtl"] .singleventinfo .eventdetails p {
    text-align: right !important;
}

html[dir="rtl"] .upcoming_events_swiper .singleventinfo::after {
    left: auto;
    right: 0;
}

html[dir="rtl"] .upcomingevents .swiper-button-prev::after,
html[dir="rtl"] .previous-events .swiper-button-prev::after, {
    rotate: 0deg !important;
}

html[dir="rtl"] .upcomingevents .swiper-button-next::after ,
html[dir="rtl"] .previous-events .swiper-button-next::after {
    rotate: -180deg;
}

html[dir="rtl"] .subscription_input svg {
    right: auto;
    left: 37px;
    transform: translate(0, -50%) scaleX(-1);
}

html[dir="rtl"] .subscription_input svg:hover {
    left: 30px;
}

html[dir="rtl"] .subscription_input input {
    text-align: right;
}

html[dir="rtl"] .ticket_info .details {
    padding: 45px 10% 45px 5px;
    z-index: 1;
}

html[dir="rtl"] .ticket_info .side {
    transform: scaleX(-1);
}
.ticket_info .side {
    margin: -1px;
}
html[dir="rtl"] button.dropdownBtnSort svg {
    margin-left: 0;
    margin-right: 20px;
}

html[dir="rtl"] .zone_selection svg {
    left: 40px;
    right: auto;
}

html[dir="rtl"] .terms_conditions label {
    padding-left: 0;
    padding-right: 26px;
}

html[dir="rtl"] .terms_conditions label::before {
    right: 0;
    left: auto;
}

html[dir="rtl"] .terms_conditions label::after {
    right: 3px;
    left: auto;
}

html[dir="rtl"] .input-number-decrement {
    right: 0;
    left: auto;
    transform: translate(-35px, -50%);
}

html[dir="rtl"] .input-number-increment {
    left: 0;
    right: auto;
    transform: translate(35px, -50%);
}

html[dir="rtl"] .footerlinks .menuitems {
    padding-right: 3px;
}

html[lang="ar"] ul.burgermenu-items-list {
    padding-right: 0;
}

html[lang="ar"] .purchased.ticket_info .artist svg {
    transform: scaleX(1);
    margin-left: -1px;
}

html[lang="ar"] .purchased.ticket_info .details .name,
html[lang="ar"] .purchased.ticket_info .details p.status {
    font-size: 35px;
}

html[dir="rtl"] .error-message {
    padding-left: 0;
    padding-right: 10px;
}

html[dir="rtl"] .contact_form input::placeholder,
html[dir="rtl"] textarea::placeholder {
    font-family: "GE SS Two";
}

html[dir="rtl"] .subscription {
    background: linear-gradient(to left, #d5002e 0%, #5a1b29 100%);
}

html[dir="rtl"] .purchased.ticket_info .purchase_info {
    padding: 65px 20px 45px 0;
}

html[dir="rtl"] .purchased.ticket_info .artist img {
    padding-left: 0;
}

.mask1 {
    -webkit-mask-image: url("../images/mask.svg");
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: right top; /* Align the mask image to the right */
    z-index: -1;
}
.w-75 {
    width: 75%;
}

html[dir="rtl"] .purchased.ticket_info .artist {
    transform: rotateY(180deg);
}

@media (min-width: 992px) {
    .burgermenu {
        display: none !important;
    }
}

@media (max-width: 1399px) {
    .headercontainer .widgets div.widget-item {
        padding-left: 40px;
    }
    .footerlinks .menuitems .menu-item a,
    .socialinfo .title {
        font-size: 24px;
    }
    .socialinfo .title {
        line-height: 24px;
    }
    .footer svg {
        width: 50px;
    }
    .events-swiper .swiper-slide .eventitle {
        font-size: 80px;
        line-height: 95px;
    }
    .events-swiper .swiper-slide .eventdate {
        font-size: 25px;
    }
    .eventcta a {
        padding: 14px 45px;
    }
    .eventstitle,
    .single_interested .title {
        font-size: 65px;
    }
    .eventdetails .artist,
    .eventdetails .status {
        font-size: 30px;
        line-height: 35px;
    }
    .eventdetails .date,
    .eventdetails .location {
        font-size: 18px;
        line-height: 28px;
    }
    .eventspagination {
        height: 50px;
    }
    .upcomingevents .swiper-button-next,
    .upcomingevents .swiper-button-prev ,
    .previous-events .swiper-button-next,
    .previous-events .swiper-button-prev {
        height: 50px;
        width: 50px;
    }
    .upcomingevents .swiper-button-next::after,
    .upcomingevents .swiper-button-prev::after ,
    .previous-events .swiper-button-next::after,
    .previous-events .swiper-button-prev::after {
        line-height: 0;
    }
    .subscription_title {
        width: 100%;
        font-size: 50px;
        line-height: 62px;
    }
    .subscription_input {
        width: calc(45% - 20px);
    }
    .page_title .title {
        font-size: 65px;
    }
    .colwrap {
        padding-right: 50px;
    }
    .singlevent_info .artistname p,
    .singlevent_info .eventstatus p {
        font-size: 50px;
        line-height: 61px;
    }
    .ticketsinfo a {
        padding: 16px 53px;
    }
    .ticketalert {
        font-size: 19px;
    }
    .ticketalert img {
        width: 60px;
    }
    .ticket_info .details .name p,
    .ticket_info .details p.status {
        font-size: 45px;
        line-height: 55px;
    }
    .ticket_info .details {
        width: 60%;
    }
    .ticket_info .artist {
        width: 45%;
    }
    .purchased.ticket_info .details .name,
    .purchased.ticket_info .details p.status {
        font-size: 40px;
        line-height: 51px;
    }
    .purchase_code {
        width: 30%;
    }
    .about_mission p {
        font-size: 36px;
        line-height: 46px;
    }
    .about_intro p {
        font-size: 22px;
        line-height: 52px;
    }
    .about_setapart .sectiontitle {
        font-size: 46px;
        line-height: 76px;
    }
    .about_setapart img {
        width: 35%;
    }
    .about_setapart .desc {
        width: 80%;
    }
    .about_intro {
        margin: 0 10%;
    }
    .about_mission {
        padding: 13% 10%;
    }
    .contact_desc {
        padding: 10% 20%;
    }
    .form_fields {
        width: 60%;
    }
    html[dir="rtl"] .headercontainer .widgets div.widget-item {
        padding-left: 0;
        padding-right: 40px;
    }
    .purchased.ticket_info .purchase_info {
        padding: 55px 20px 45px 0 !important;
    }
    .purchased.ticket_info .artist img {
        padding-right: 60px;
    }
    html[lang="ar"] .purchased.ticket_info .artist svg {
        margin-left: -1px;
    }
}
.verify-button button {
    min-width: 200px;
    background: transparent;
    border-radius: 20px;
    border: 1px solid rgb(214, 0, 46);
    padding: 20px 0 !important;
    color: rgb(214, 0, 46);
    transition: background-color 0.3s ease, color 0.3s ease;
}
.verify-button button:hover {
    background: rgb(214, 0, 46);
    color: white;
}

@media (max-width: 1199px) {
    .headercontainer .widgets div.widget-item {
        padding-left: 25px;
    }
    .headermenu ul.menuitems li a,
    .langswitcher a {
        font-size: 16px;
    }
    .logo img {
        width: 75%;
    }
    .headercontainer .widgets svg {
        width: 65px;
    }
    .ticketsnumber {
        bottom: 14px;
        right: 20px;
        padding: 5px;
        line-height: 7px;
        font-size: 10px;
    }
    .footerlinks .menuitems .menu-item a,
    .socialinfo .title {
        font-size: 22px;
    }
    .socialinfo .title {
        line-height: 22px;
    }
    .copyright {
        font-size: 17px;
    }
    .events-swiper .swiper-slide svg {
        width: calc(90% - 20px);
    }
    .events-swiper .swiper-slide .eventitle {
        font-size: 65px;
        line-height: 75px;
    }
    .events-swiper .swiper-slide .eventdate {
        font-size: 21px;
    }
    .eventcta a {
        padding: 12px 40px;
    }
    .eventdetails .artist,
    .eventdetails .status {
        font-size: 27px;
    }
    .eventdetails .date,
    .eventdetails .location {
        font-size: 17px;
        line-height: 26px;
    }
    .eventstitle,
    .single_interested .title {
        font-size: 55px;
    }
    .eventspagination {
        height: 45px;
    }
    .upcomingevents .swiper-button-next,
    .upcomingevents .swiper-button-prev ,
    .previous-events .swiper-button-next,
    .previous-events .swiper-button-prev {
        height: 45px;
        width: 45px;
    }
    .subscription_title {
        width: 100%;
        font-size: 40px;
        line-height: 52px;
    }
    .subscription_input {
        width: calc(55% - 30px);
    }
    .page_title .title {
        font-size: 60px;
    }
    .filters .sortitle,
    .filters .sort button {
        font-size: 18px;
    }
    button.dropdownBtnSort svg {
        margin-left: 10px;
    }
    .dropdown_initials {
        padding-bottom: 10px;
    }
    .colwrap {
        padding-right: 0;
    }
    .ticketsinfo {
        padding-bottom: 55px;
    }
    .single_interested {
        padding: 100px 0 135px 0;
    }
    .ticket_info .details .name p,
    .ticket_info .details p.status {
        font-size: 35px;
        line-height: 45px;
    }
    .ticket_info .details {
        width: 50%;
        padding: 55px 0 55px 5%;
    }
    .ticket_info .artist {
        width: 50%;
    }
    .ticket_info .side {
        width: 8%;
    }
    .purchased.ticket_info .details .name,
    .purchased.ticket_info .details p.status {
        font-size: 35px;
        line-height: 46px;
    }
    .purchase_code {
        width: 35%;
    }
    .share_ticket a {
        padding: 18px 30px;
    }
    .about_mission p {
        font-size: 30px;
        line-height: 40px;
    }
    .about_intro p {
        font-size: 21px;
        line-height: 45px;
    }
    .about_setapart .sectiontitle {
        font-size: 44px;
        line-height: 74px;
    }
    .about_setapart .desc {
        width: 95%;
    }
    .contact_desc {
        font-size: 24px;
        line-height: 54px;
    }
    .singlevent_info .artistname p,
    .singlevent_info .eventstatus p {
        font-size: 41px;
        line-height: 51px;
    }
    html[dir="rtl"] .headercontainer .widgets div.widget-item {
        padding-left: 0;
        padding-right: 25px;
    }
    html[dir="rtl"] .ticketsnumber {
        right: auto;
        left: 30px;
    }
    .input-quantity-increment,
    .input-quantity-decrement {
        padding: 0 10px;
    }
}

@media (max-width: 991px) {
    .w-75 {
        width: 100% !important;
    }
    .order-items-1 {
        order: 1;
    }
    .order-items-2 {
        order: 2;
    }
    .logo img {
        width: 70%;
    }
    .headercontainer .widgets .ticket svg {
        width: 60px;
    }
    .headercontainer .widgets .search svg {
        width: 28px;
    }
    .ticketsnumber {
        right: 17px;
    }
    .burger-lines {
        padding-left: 25px;
    }
    .footerlinks .menuitems .menu-item a,
    .socialinfo .title {
        font-size: 20px;
    }
    .socialinfo .title {
        line-height: 20px;
    }
    .socialinfo .title {
        padding-bottom: 12px;
    }
    .banner-swiper .container {
        height: 100%;
    }
    .events-swiper .swiper-slide svg {
        width: 100%;
        margin-left: auto;
    }
    .events-swiper .swiper-slide .eventinfo,
    .eventcta {
        position: relative !important;
    }
    .events-swiper .swiper-slide {
        flex-direction: column;
        justify-content: space-between !important;
    }
    .events-swiper .swiper-slide .eventinfo {
        top: 0;
        transform: none;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: end;
        padding-bottom: 30px;
    }
    .events-swiper .swiper-slide .eventitle {
        font-size: 48px;
        line-height: 60px;
    }
    .events-swiper .swiper-slide .eventdate {
        font-size: 20px;
    }
    .eventcta {
        right: auto;
        left: 0;
        justify-content: start !important;
        align-items: start !important;
        width: 100%;
        bottom: 0;
        padding-top: 30px;
        padding-bottom: 50px;
    }
    .events-swiper .swiper-pagination {
        text-align: left;
        bottom: 45px;
    }
    .events-swiper .swiper-slide .eventinfo,
    .eventcta {
        flex: 1;
    }
    .eventstitle,
    .single_interested .title {
        font-size: 50px;
    }
    .eventspagination {
        height: 40px;
    }
    .upcomingevents .swiper-button-next,
    .upcomingevents .swiper-button-prev ,
    .previous-events .swiper-button-next,
    .previous-events .swiper-button-prev {
        height: 40px;
        width: 40px;
    }
    .upcomingevents .swiper-button-next::after,
    .upcomingevents .swiper-button-prev::after ,
    .previous-events .swiper-button-next::after,
    .previous-events .swiper-button-prev::after {
        transform: scale(0.9);
    }
    .all_events a {
        padding: 16px 44px;
    }
    .subscription_input {
        width: calc(85% - 15px);
    }
    .page_title .title {
        font-size: 55px;
    }
    .filters {
        flex-wrap: wrap;
    }
    .filters .sort {
        width: calc(50% - 15px);
    }
    .single_interested .eventlist_item {
        width: 100%;
        margin-bottom: 50px;
    }
    .single_interested .title {
        padding-bottom: 50px;
    }
    .ticket_info .details,
    .ticket_info .artist,
    .ticket_info .side {
        width: 100%;
    }
    .upsidedown svg {
        width: 100%;
        height: auto;
    }
    .ticketsinfo a {
        margin-bottom: 0;
    }
    .ticket_info .details .name p,
    .ticket_info .details p.status {
        font-size: 31px;
        line-height: 41px;
    }
    .ticket_info .details .date,
    .ticket_info .details .location {
        font-size: 18px;
        line-height: 38px;
    }
    .purchased.ticket_info .details {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .purchased.ticket_info .purchase_info,
    .purchased.ticket_info .artist {
        width: 50%;
    }
    .purchased.ticket_info .artist svg {
        display: none;
    }
    .purchase_code {
        width: 20%;
    }
    .purchased.ticket_info .details {
        padding: 25px 0 25px 25px;
    }
    html[dir="rtl"] .purchased.ticket_info .details {
        padding: 25px 25px 25px 0;
    }
    .purchased.ticket_info .purchase_info {
        padding: 0 25px !important;
    }
    .ticketinfotablet {
        padding-bottom: 60px;
        background: #d6002e;
    }
    .ticketinfotablet .purchase_info {
        display: block !important;
    }
    .purchased.ticket_info .side {
        position: absolute;
        right: 0;
    }
    .purchased.ticket_info {
        width: 90%;
    }
    .main_purchase_info .side {
        position: absolute;
        top: 0;
        right: 0;
    }
    html[lang="ar"] .main_purchase_info .side {
        right: auto;
        left: 0;
        transform: scaleX(-1);
    }
    .main_purchase_info .side svg {
        height: 100%;
    }
    .purchase_details .thankyou {
        font-size: 30px;
        line-height: 41px;
    }
    .purchased.ticket_info {
        margin-top: 45px;
    }
    .about_mission p {
        font-size: 26px;
        line-height: 36px;
    }
    .about_intro p {
        font-size: 20px;
        line-height: 40px;
    }
    .about_setapart .sectiontitle {
        font-size: 40px;
        line-height: 70px;
    }
    .subscription_title {
        font-size: 36px;
        line-height: 46px;
    }
    .contact_desc {
        padding: 10% 15%;
    }
    .contact_desc {
        font-size: 23px;
        line-height: 40px;
    }
    .form_fields {
        width: 70%;
    }
    html[dir="rtl"] .ticketsnumber {
        right: auto;
        left: 17px;
        width: 16px;
        height: 16px;
    }
    .events-swiper .swiper-pagination {
        bottom: 20px;
    }
    .form_fields {
        width: 75%;
    }
    .banner-swiper {
        padding-top: 120px;
        padding-bottom: 45px;
    }
    html[dir="rtl"] .purchased.ticket_info .artist img,
    .purchased.ticket_info .artist img {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    #promo-code-form{
        flex-direction: column;
    }
    .burger-lines,
    .headercontainer .widgets div.widget-item {
        padding-left: 15px;
    }
    .footer svg {
        width: 45px;
    }
    .footerlinks .menuitems .menu-item a,
    .socialinfo .title {
        font-size: 18px;
    }
    .socialinfo .title {
        line-height: 18px;
    }
    html[dir="rtl"] .socialinfo .title {
        line-height: 20px;
    }
    .events-swiper .swiper-slide .eventitle {
        font-size: 40px;
        line-height: 50px;
    }
    .events-swiper .swiper-slide .eventitle {
        font-size: 35px;
        line-height: 40px;
    }
    .events-swiper .swiper-slide .eventinfo {
        padding-bottom: 15px;
    }
    .eventcta {
        padding-top: 20px;
    }
    .eventstitle,
    .single_interested .title {
        font-size: 38px;
        line-height: 45px;
    }
    .eventdetails .artist,
    .eventdetails .status {
        font-size: 20px;
        line-height: 25px;
    }
    .eventdetails .date,
    .eventdetails .location {
        font-size: 16px;
    }
    .subscription_title {
        font-size: 32px;
        line-height: 44px;
    }
    .subscription_input {
        width: 100%;
    }
    .subscription_input input {
        padding: 18px 37px 18px 50px;
    }
    .page_title .title {
        font-size: 45px;
    }
    .filters .sort {
        width: 100%;
    }
    .upcoming_events_list .eventlist_item {
        width: 100%;
    }
    .upcoming_events_list .eventlist_item:not(:nth-child(-n + 1)) {
        margin-top: 50px;
    }
    .upcoming_events_list {
        padding: 50px 0 150px 0;
    }
    .purchased.ticket_info {
        width: 100%;
    }
    .purchase_details .thankyou {
        font-size: 25px;
        line-height: 37px;
    }
    .present_ticket {
        font-size: 18px;
        line-height: 28px;
    }
    .share_ticket a {
        padding: 16px 30px;
    }
    .purchased.ticket_info .details {
        flex-direction: column;
        align-items: flex-start;
    }
    .purchased.ticket_info .details .purchase_code {
        display: none;
    }
    .purchased.ticket_info .purchase_info,
    .purchased.ticket_info .artist {
        width: 100%;
    }
    .purchased.ticket_info .artist {
        margin: 0 25px;
    }
    .purchased.ticket_info .purchase_info {
        padding-bottom: 25px !important;
    }
    .mobilebarcode {
        background: #d6002e;
        padding-top: 25px;
    }
    .mobilebarcode .purchase_code {
        width: 25%;
    }
    .about_setapart img {
        width: 30%;
    }
    .about_setapart .sectiontitle {
        font-size: 38px;
        line-height: 68px;
    }
    .about_setapart .sectiontitle {
        margin-bottom: 52px;
    }
    html[dir="rtl"] .headercontainer .widgets div.widget-item,
    html[dir="rtl"] .burger-lines {
        padding-left: 0;
        padding-right: 15px;
    }
    .ticket_number,
    .totalsum {
        font-size: 21px;
    }
    .cart_item {
        padding: 30px 0;
    }
    .items_total {
        padding: 35px 0 35px 36px;
    }
    html[dir="rtl"] .items_total {
        padding: 35px 36px 35px 0;
    }
    .item_price {
        top: 9px;
        position: relative;
    }
    p.item_zone {
        top: 10px;
        position: relative;
    }
}

@media (max-width: 681px) {
    .footer .row {
        flex-direction: column;
    }
    .socialinfo .title {
        text-align: left !important;
    }
    .socialinfo .icons {
        justify-content: start !important;
    }
    .footerlinks {
        margin-bottom: 25px;
    }
    .footer svg {
        width: 40px;
    }
    .copyright {
        padding-top: 45px;
    }
    .footer {
        padding: 100px 0 60px 0;
    }
    .eventcta {
        padding-top: 15px;
    }
    .events-swiper .swiper-slide .eventinfo {
        padding-bottom: 15px;
    }
    .events-swiper .swiper-pagination {
        text-align: center;
        bottom: 5px;
    }
    .subscription_title {
        font-size: 26px;
        line-height: 36px;
    }
    .page_title .title {
        font-size: 40px;
    }
    .singlevent_info .artistname p,
    .singlevent_info .eventstatus p {
        font-size: 45px;
        line-height: 56px;
    }
    .ticket_info .details .name p,
    .ticket_info .details p.status {
        font-size: 28px;
        line-height: 38px;
    }
    .ticket_info .details .date,
    .ticket_info .details .location {
        font-size: 17px;
        line-height: 37px;
    }
    .cform .field input,
    .zone_selection {
        line-height: 35px;
    }
    .zone_selection svg {
        top: 25px;
        width: 14px;
    }
    .input-number-decrement,
    .input-number-increment {
        font-size: 25px;
    }
    .ticket.form .cta-button a {
        padding: 16px;
    }
    .about_intro p {
        font-size: 20px;
        line-height: 40px;
    }
    .about_setapart .sectiontitle {
        font-size: 35px;
        line-height: 65px;
    }
    .contact_desc {
        padding: 10% 5%;
    }
    .contact_desc {
        font-size: 20px;
        line-height: 40px;
    }
    .cf_intro {
        font-size: 22px;
        width: 90%;
    }
    html[lang="ar"] .socialinfo .title {
        text-align: right !important;
    }
    .form_fields {
        width: 90%;
    }
    .input-quantity-increment,
    .input-quantity-decrement {
        padding: 0 8px;
    }
    .input-quantity-increment svg,
    .input-quantity-decrement svg {
        height: 38px;
    }
    .cart_item span.quantity {
        padding: 0 20px;
    }
    .items_total {
        padding: 25px 0 25px 30px;
    }
    html[dir="rtl"] .items_total {
        padding: 25px 30px 25px 0;
    }
}

@media (max-width: 575px) {
    .eventimage img.side {
        height: 101%;
        transform: translateY(-1px);
    }
    .eventcta {
        flex-direction: column !important;
    }
    .eventcta a {
        width: 100% !important;
        margin: 0 !important;
    }
    .eventcta a.buy {
        margin-bottom: 12px !important;
    }
    .events_title_pag {
        flex-direction: column !important;
    }
    .eventstitle,
    .single_interested .title {
        width: 100%;
    }
    .eventspagination {
        width: 100%;
        justify-content: end;
        margin-top: 15px;
    }
    .all_events a {
        padding: 14px 36px;
    }
    .subscription_input input {
        padding: 18px 30px;
    }
    .page_title .title {
        font-size: 35px;
    }
    .ticketsinfo {
        flex-direction: column !important;
    }
    .ticketalert {
        margin-top: 20px !important;
    }
    .purchased.ticket_info .details .name,
    .purchased.ticket_info .details p.status {
        font-size: 30px;
        line-height: 41px;
    }
    .about_setapart .sectiontitle {
        font-size: 35px;
        line-height: 45px;
    }
    .search.widget-item form {
        right: -40px;
    }
    html[dir="rtl"] .search.widget-item form {
        right: auto;
        left: -40px !important;
    }
    .ticket_number,
    .totalsum {
        font-size: 20px;
    }
    .tickets_total_price .cta-button .btn {
        padding: 15px 0 !important;
    }
    .calc_total {
        padding: 60px 36px 35px 36px;
    }
    .ticket_number,
    .totalsum {
        font-size: 20px;
    }
}

@media (max-width: 480px) {
    .burger-lines,
    .headercontainer .widgets div.widget-item {
        padding-left: 10px;
    }
    .logo img {
        width: 75%;
    }
    .headercontainer .widgets .ticket svg {
        width: 50px;
    }
    .headercontainer .widgets .search svg {
        width: 22px;
    }
    .events-swiper .swiper-slide .eventitle {
        font-size: 30px;
        line-height: 40px;
    }
    .events-swiper .swiper-slide .eventinfo {
        padding-bottom: 15px;
    }
    .eventcta {
        padding-top: 15px;
    }
    .events-swiper .swiper-pagination {
        text-align: center;
        bottom: 15px;
    }
    .subscription_title {
        font-size: 25px;
        line-height: 37px;
    }
    .subscription_title {
        margin-bottom: 15px;
    }
    .subscription_input {
        margin-bottom: 20px;
    }
    .subscription_info {
        font-size: 17px;
    }
    .subscription_input input,
    .subscription_input input::placeholder {
        font-size: 16px;
    }
    .subscription_input svg {
        width: 55px;
    }
    .subscription_input svg path {
        stroke-width: 3;
    }
    .subscription_input svg {
        right: 30px;
    }
    .subscription_input svg:hover {
        right: 25px;
    }
    .singlevent_info .artistname p,
    .singlevent_info .eventstatus p {
        font-size: 40px;
        line-height: 51px;
    }
    .mobilebarcode .purchase_code {
        width: 30%;
    }
    html[dir="rtl"] .headercontainer .widgets div.widget-item,
    html[dir="rtl"] .burger-lines {
        padding-left: 0;
        padding-right: 10px;
    }
    .share_popup .platforms {
        min-width: 280px;
        min-height: 120px;
    }
    .close_popup {
        right: 15px;
    }
    html[dir="rtl"] .close_popup {
        right: auto;
        left: 15px;
    }
    .input-quantity-increment,
    .input-quantity-decrement {
        padding: 0 6px;
    }
    .input-quantity-increment svg,
    .input-quantity-decrement svg {
        height: 35px;
    }
    .cart_checkout_button .btn {
        padding: 18px 0 !important;
    }
}

@media (max-width: 381px) {
    .logo img {
        width: 85%;
    }
    .events-swiper .swiper-slide .eventitle {
        font-size: 25px;
        line-height: 35px;
    }
    .events-swiper .swiper-slide .eventdate {
        font-size: 18px;
    }
    .eventcta a {
        padding: 8px 40px;
    }
    .events-swiper .swiper-pagination {
        bottom: 8px;
    }
    .purchased.ticket_info .details .name,
    .purchased.ticket_info .details p.status {
        font-size: 28px;
        line-height: 39px;
    }
    .purchase_details .thankyou {
        font-size: 24px;
        line-height: 35px;
    }
    .about_setapart img {
        width: 40%;
    }
}
.alert-box,
.alert-error,
.success-message,
.newsletter-success-message,
.contact-success-message {
    display: none;
}
.newsletter-button {
    border: transparent;
    background: transparent;
}
//Loader Spinner

.center-ring {
    transform: translateX(-40px);
}
.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid #fff;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}
@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.loader {
    width: 48px;
    height: 48px;
    border: 5px solid #fff;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.hidden {
    display: none;
}

.loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #b3072c;
    z-index: 9999;
}
.loader-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}
.toast.transition {
    transition: 1s all;
}
.toast {
    position: fixed;
    top: 3rem;
    left: 50%;
    transform: translate(-50%, -3rem);
    max-width: 100%;
    width: 380px;
    color: #fff;
    background: #b52e2c;
    border-radius: 8px;
    z-index: 1031;
}
.toast.show {
    display: block;
    transform: translate(-50%, 0);
    opacity: 1;
}