@font-face {
    font-family: 'Vogie';
    src: url('../fonts/Vogie-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Vogie-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Vogie-Regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Vogie-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Vogie-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
             font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    font-display: swap;
}



 @font-face {
    font-family: 'VogieSemBd';
    src: url('../fonts/Vogie-SemiBold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Vogie-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Vogie-SemiBold.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Vogie-SemiBold.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Vogie-SemiBold.ttf') format('truetype'); /* Safari, Android, iOS */
             font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    font-display: swap;
}


@font-face {
    font-family: 'Vogie';
    src: url('../fonts/Vogie-Bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Vogie-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Vogie-Bold.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Vogie-Bold.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Vogie-Bold.ttf') format('truetype'); /* Safari, Android, iOS */
             font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
    font-display: swap;
}





:root {
    --register-card-bg: #ffffff;
    --register-page-bg: #0f1728;
    --register-text: #101828;
    --register-muted: #667085;
    --register-border: #D1D5DC;
    --register-primary: #033147;
    --register-primary-hover: #000;
    --register-label: #344054;
    --register-star: #f04438;

    --text-primary: #033147;
}


body{
    font-family: var(--font-sans);
}
h1, h2, h3, h4, h5, h6{
    font-family: var(--font-sans);
    font-weight: var(--fw-semibold);
}

html:lang(ar) h1, html:lang(ar) h2, html:lang(ar) h3, html:lang(ar) h4, html:lang(ar) h5, html:lang(ar) h6{
    font-family: var(--font-arabic);
}

h1{
    font-size: var(--fs-hero);
    font-size: var(--fs-heading);
    line-height: 3rem;
}
@media (max-width: 991.98px) {
    h1{
      
        line-height: 30px;
    }  
}
.text-primary-isea, .fc-primary {
    color: var(--text-primary) !important;
}

/* The artwork is pinned to the screen, not to the page: when the form grows or
   shrinks (OTP fields, password, errors) the page height changes, and a "cover"
   background on the page would zoom in and out with it. */
.register-page-bg-image::before{
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-color: var(--register-page-bg);
    background-image: url('../images/main_banner.webp');
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
}

body.is-auth-page {
    background: var(--register-page-bg);
}

html:lang(ar) .register-page-bg-image::before{
    background-image: url('../images/main_banner_ar.webp');
}

.register-page section {
    min-height: 100vh;
    padding: 48px 0 !important;
    background-image: none !important;
}

.register-page .booking-form {
    background: var(--register-card-bg);
    box-shadow: 0 30px 90px rgba(16, 24, 40, 0.32);
    max-width: 690px;
    margin-left: 0;
    margin-right: auto;
    padding:30px 40px;
    border-radius: 8px;

}

@media (min-width: 991.98px) {
    .register-page .booking-form {
        max-width: clamp(17.5rem, 60vw, 690px);
    }
}

main.inner-page.register-page {
    padding: 0;
}

.register-page .booking-form h1 {
    color: var(--text-primary);
}

.register-page .form-label {
    color:#364153;
    font-size: var(--fs-body);
    margin-bottom: 0.45rem;
}

.register-page .form-label .required {
    color: var(--register-star);
}

.register-page .form-control {
    border: 1px solid var(--register-border);
    border-radius: 12px;
    padding: 0.75rem 1rem;
    color: var(--register-text);
    font-weight: var(--fw-regular);
    box-shadow: none;
}

.register-page .form-control::placeholder {
    color: #98a2b3;
    font-weight: var(--fw-medium);
}

.register-page .form-control:focus {
    border-color: #98a2b3;
    box-shadow: 0 0 0 3px rgba(17, 19, 79, 0.09);
}

.register-page #first_name,
.register-page #last_name,
.register-page #email,
.register-page #password,
.register-page #otp {
    padding-left: 2.8rem;
    background-repeat: no-repeat;
    background-position: 14px center;
    background-size: 18px 18px;
    border-radius: 10px;
}

.register-page #first_name,
.register-page #last_name {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMDI2IDUuOTc0QzQuMzQyIDUuMjkwMTcgNCA0LjQ2NTUgNCAzLjVDNCAyLjUzNDY3IDQuMzQyIDEuNzEgNS4wMjYgMS4wMjZDNS43MSAwLjM0MTk5OSA2LjUzNDY3IDAgNy41IDBDOC40NjUzMyAwIDkuMjkgMC4zNDE5OTkgOS45NzQgMS4wMjZDMTAuNjU4IDEuNzEgMTEgMi41MzQ2NyAxMSAzLjVDMTEgNC40NjU1IDEwLjY1OCA1LjI5MDE3IDkuOTc0IDUuOTc0QzkuMjkgNi42NTggOC40NjUzMyA3IDcuNSA3QzYuNTM0NjcgNyA1LjcxIDYuNjU4IDUuMDI2IDUuOTc0Wk0wIDE0LjYxNTVWMTIuMzkyM0MwIDExLjkwMjYgMC4xMzMgMTEuNDQ5MSAwLjM5OSAxMS4wMzE3QzAuNjY1IDEwLjYxNDQgMS4wMjA1IDEwLjI5MzYgMS40NjU1IDEwLjA2OTNDMi40NTM4MyA5LjU4NDc1IDMuNDUwOTIgOS4yMjEzMyA0LjQ1Njc1IDguOTc5QzUuNDYyNTggOC43MzY2NyA2LjQ3NyA4LjYxNTUgNy41IDguNjE1NUM4LjUyMyA4LjYxNTUgOS41Mzc0MiA4LjczNjY3IDEwLjU0MzMgOC45NzlDMTEuNTQ5MSA5LjIyMTMzIDEyLjU0NjIgOS41ODQ3NSAxMy41MzQ1IDEwLjA2OTNDMTMuOTc5NSAxMC4yOTM2IDE0LjMzNSAxMC42MTQ0IDE0LjYwMSAxMS4wMzE3QzE0Ljg2NyAxMS40NDkxIDE1IDExLjkwMjYgMTUgMTIuMzkyM1YxNC42MTU1SDBaTTEuNSAxMy4xMTU1SDEzLjVWMTIuMzkyM0MxMy41IDEyLjE4OTcgMTMuNDQxMyAxMi4wMDIyIDEzLjMyNCAxMS44Mjk4QzEzLjIwNjcgMTEuNjU3NCAxMy4wNDc0IDExLjUxNjggMTIuODQ2MiAxMS40MDc4QzExLjk4NDYgMTAuOTgzNCAxMS4xMDYxIDEwLjY2MTkgMTAuMjEwNyAxMC40NDMzQzkuMzE1MjUgMTAuMjI0OCA4LjQxMTY3IDEwLjExNTUgNy41IDEwLjExNTVDNi41ODgzMyAxMC4xMTU1IDUuNjg0NzUgMTAuMjI0OCA0Ljc4OTI1IDEwLjQ0MzNDMy44OTM5MiAxMC42NjE5IDMuMDE1NDIgMTAuOTgzNCAyLjE1Mzc1IDExLjQwNzhDMS45NTI1OCAxMS41MTY4IDEuNzkzMzMgMTEuNjU3NCAxLjY3NiAxMS44Mjk4QzEuNTU4NjcgMTIuMDAyMiAxLjUgMTIuMTg5NyAxLjUgMTIuMzkyM1YxMy4xMTU1Wk04LjkxMjUgNC45MTI1QzkuMzA0MTcgNC41MjA4MyA5LjUgNC4wNSA5LjUgMy41QzkuNSAyLjk1IDkuMzA0MTcgMi40NzkxNyA4LjkxMjUgMi4wODc1QzguNTIwODMgMS42OTU4MyA4LjA1IDEuNSA3LjUgMS41QzYuOTUgMS41IDYuNDc5MTcgMS42OTU4MyA2LjA4NzUgMi4wODc1QzUuNjk1ODMgMi40NzkxNyA1LjUgMi45NSA1LjUgMy41QzUuNSA0LjA1IDUuNjk1ODMgNC41MjA4MyA2LjA4NzUgNC45MTI1QzYuNDc5MTcgNS4zMDQxNyA2Ljk1IDUuNSA3LjUgNS41QzguMDUgNS41IDguNTIwODMgNS4zMDQxNyA4LjkxMjUgNC45MTI1WiIgZmlsbD0iIzBDMTMxNyIvPgo8L3N2Zz4K");
}

.register-page #email {
    padding-right: 90px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxOSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzkzM18xMCkiPgo8cGF0aCBkPSJNMS44MDc3NSAxNUMxLjMwMjU4IDE1IDAuODc1IDE0LjgyNSAwLjUyNSAxNC40NzVDMC4xNzUgMTQuMTI1IDAgMTMuNjk3NCAwIDEzLjE5MjNWMS44MDc3NUMwIDEuMzAyNTggMC4xNzUgMC44NzUgMC41MjUgMC41MjVDMC44NzUgMC4xNzUgMS4zMDI1OCAwIDEuODA3NzUgMEgxNy4xOTIzQzE3LjY5NzQgMCAxOC4xMjUgMC4xNzUgMTguNDc1IDAuNTI1QzE4LjgyNSAwLjg3NSAxOSAxLjMwMjU4IDE5IDEuODA3NzVWMTMuMTkyM0MxOSAxMy42OTc0IDE4LjgyNSAxNC4xMjUgMTguNDc1IDE0LjQ3NUMxOC4xMjUgMTQuODI1IDE3LjY5NzQgMTUgMTcuMTkyMyAxNUgxLjgwNzc1Wk05LjUgOC4wNTc3NUwxLjUgMi45NDIyNVYxMy4xOTIzQzEuNSAxMy4yODIxIDEuNTI4ODMgMTMuMzU1OCAxLjU4NjUgMTMuNDEzNUMxLjY0NDE3IDEzLjQ3MTIgMS43MTc5MiAxMy41IDEuODA3NzUgMTMuNUgxNy4xOTIzQzE3LjI4MjEgMTMuNSAxNy4zNTU4IDEzLjQ3MTIgMTcuNDEzNSAxMy40MTM1QzE3LjQ3MTIgMTMuMzU1OCAxNy41IDEzLjI4MjEgMTcuNSAxMy4xOTIzVjIuOTQyMjVMOS41IDguMDU3NzVaTTkuNSA2LjVMMTcuMzQ2MyAxLjVIMS42NTM3NUw5LjUgNi41Wk0xLjUgMi45NDIyNVYxLjVWMTMuMTkyM0MxLjUgMTMuMjgyMSAxLjUyODgzIDEzLjM1NTggMS41ODY1IDEzLjQxMzVDMS42NDQxNyAxMy40NzEyIDEuNzE3OTIgMTMuNSAxLjgwNzc1IDEzLjVIMS41VjIuOTQyMjVaIiBmaWxsPSIjMEMxMzE3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfOTMzXzEwIj4KPHJlY3Qgd2lkdGg9IjE5IiBoZWlnaHQ9IjE1IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=");
}

.register-page #password {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxNSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuODA3NzUgNi41SDEwLjVWNC41QzEwLjUgMy42NjY2NyAxMC4yMDgzIDIuOTU4MzMgOS42MjUgMi4zNzVDOS4wNDE2NyAxLjc5MTY3IDguMzMzMzMgMS41IDcuNSAxLjVDNi42NjY2NyAxLjUgNS45NTgzMyAxLjc5MTY3IDUuMzc1IDIuMzc1QzQuNzkxNjcgMi45NTgzMyA0LjUgMy42NjY2NyA0LjUgNC41SDNDMyAzLjI1MTMzIDMuNDM3ODMgMi4xODkxNyA0LjMxMzUgMS4zMTM1QzUuMTg5MTcgMC40Mzc4MzMgNi4yNTEzMyAwIDcuNSAwQzguNzQ4NjcgMCA5LjgxMDgzIDAuNDM3ODMzIDEwLjY4NjUgMS4zMTM1QzExLjU2MjIgMi4xODkxNyAxMiAzLjI1MTMzIDEyIDQuNVY2LjVIMTMuMTkyM0MxMy42OTA5IDYuNSAxNC4xMTY5IDYuNjc2NTggMTQuNDcwMyA3LjAyOTc1QzE0LjgyMzQgNy4zODMwOCAxNSA3LjgwOTA4IDE1IDguMzA3NzVWMTcuNjkyM0MxNSAxOC4xOTA5IDE0LjgyMzQgMTguNjE2OSAxNC40NzAzIDE4Ljk3MDNDMTQuMTE2OSAxOS4zMjM0IDEzLjY5MDkgMTkuNSAxMy4xOTIzIDE5LjVIMS44MDc3NUMxLjMwOTA4IDE5LjUgMC44ODMwODMgMTkuMzIzNCAwLjUyOTc1IDE4Ljk3MDNDMC4xNzY1ODMgMTguNjE2OSAwIDE4LjE5MDkgMCAxNy42OTIzVjguMzA3NzVDMCA3LjgwOTA4IDAuMTc2NTgzIDcuMzgzMDggMC41Mjk3NSA3LjAyOTc1QzAuODgzMDgzIDYuNjc2NTggMS4zMDkwOCA2LjUgMS44MDc3NSA2LjVaTTEuODA3NzUgMThIMTMuMTkyM0MxMy4yODIxIDE4IDEzLjM1NTggMTcuOTcxMiAxMy40MTM1IDE3LjkxMzVDMTMuNDcxMiAxNy44NTU4IDEzLjUgMTcuNzgyMSAxMy41IDE3LjY5MjNWOC4zMDc3NUMxMy41IDguMjE3OTIgMTMuNDcxMiA4LjE0NDE3IDEzLjQxMzUgOC4wODY1QzEzLjM1NTggOC4wMjg4MyAxMy4yODIxIDggMTMuMTkyMyA4SDEuODA3NzVDMS43MTc5MiA4IDEuNjQ0MTcgOC4wMjg4MyAxLjU4NjUgOC4wODY1QzEuNTI4ODMgOC4xNDQxNyAxLjUgOC4yMTc5MiAxLjUgOC4zMDc3NVYxNy42OTIzQzEuNSAxNy43ODIxIDEuNTI4ODMgMTcuODU1OCAxLjU4NjUgMTcuOTEzNUMxLjY0NDE3IDE3Ljk3MTIgMS43MTc5MiAxOCAxLjgwNzc1IDE4Wk04LjczOTUgMTQuMjM5NUM5LjA3OTgzIDEzLjg5OSA5LjI1IDEzLjQ4NTggOS4yNSAxM0M5LjI1IDEyLjUxNDIgOS4wNzk4MyAxMi4xMDEgOC43Mzk1IDExLjc2MDVDOC4zOTkgMTEuNDIwMiA3Ljk4NTgzIDExLjI1IDcuNSAxMS4yNUM3LjAxNDE3IDExLjI1IDYuNjAxIDExLjQyMDIgNi4yNjA1IDExLjc2MDVDNS45MjAxNyAxMi4xMDEgNS43NSAxMi41MTQyIDUuNzUgMTNDNS43NSAxMy40ODU4IDUuOTIwMTcgMTMuODk5IDYuMjYwNSAxNC4yMzk1QzYuNjAxIDE0LjU3OTggNy4wMTQxNyAxNC43NSA3LjUgMTQuNzVDNy45ODU4MyAxNC43NSA4LjM5OSAxNC41Nzk4IDguNzM5NSAxNC4yMzk1WiIgZmlsbD0iIzBDMTMxNyIvPgo8L3N2Zz4K");
}

.register-page #otp {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23667085' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M12 1v4m8.5 3-2.8 2.8M23 12h-4M3 12H1m5.3-3.9L3.5 5.3M12 19v4m5.6-2.4-2.8-2.8M6.3 20.6l2.8-2.8M16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z'/%3E%3C/svg%3E");
}

#verifyEmailBtn {
    border-radius: 0 12px 12px 0 !important;
    min-width: 80px;
    border: 1px solid var(--register-primary);
    background: var(--register-primary);
    color: #fff;
    text-align: center;
    justify-content: center;
    font-family: var(--font-sans);
    font-weight: var(--fw-semibold);
    position: absolute;
    right: 0px;
    z-index: 99;
}
#verifyEmailBtn:hover{
    background-color: black;
}
.info-text {
    color: #0C1317;
    text-align: center;
    font-family: var(--font-sans);
    line-height: 1.1;
   
}
.register-page .fs_inline_error {
    font-size: var(--fs-small);
    margin-top: 0.4rem;
}

.register-page .form-check {
    display: flex;
    align-items: center;
}

.register-page .form-check-input {
    width: 18px;
    height: 18px;
    border-radius: 6px !important;
    border-color: #98a2b3;
}

.register-page .form-check-label {
    color: var(--register-primary);
    font-weight: var(--fw-medium);
}

html:lang(ar) .register-page .form-check-label {
    margin-left:0 !important;
    margin-right: 0.5rem !important;
}

.register-page #submitbtn {
    height: 56px;
    border-radius: 14px;
    border: 1px solid var(--register-primary);
    background: var(--register-primary) !important;
    font-size: var(--fs-body);
    font-weight: var(--fw-bold);
    letter-spacing: 0.01em;
    max-width: 300px;
    border-radius: 40px;
}

.register-page #submitbtn:hover {
    background: var(--register-primary-hover) !important;
    border-color: var(--register-primary-hover);
}
.register-page #submitbtn span{
    font-weight: var(--fw-semibold);
    font-family: var(--font-sans);
    font-size: var(--fs-title-sm);
}
.register-page .reg-link span {
    color: var(--register-muted);
}

.register-page .reg-link a {
    color: var(--register-primary) !important;
    font-weight: var(--fw-bold) !important;
}
.register-page .reg-link a:hover{
    color: #000 !important;
}
.register-page .register-help {
    color: var(--register-muted);
    font-size: var(--fs-small);
    margin-top: 0.4rem;
}
.copy-right {
    color: #B7BBBD;
    font-size: var(--fs-small);
}
.reg-link a:hover {
    text-decoration: underline;
}
.form-row .form-check .form-check-input{
    border-color: #D1D5DC;
}
.form-default .btn:after{
    background-color: #000;
}
@media (max-width: 991.98px) {
    .register-page section {
        padding: 20px 0 36px !important;
        min-height: auto;
    }

    .register-page .booking-form {
        margin: 0 auto;
        padding: 1.35rem !important;
    }

    .register-page .booking-form h3 {
        font-size: var(--fs-title-lg);
    }
    main.inner-page.register-page {
        padding: 10px;
        min-height: 100vh;
    }
    .form-row .form-control {
        height: 54px;
    }
    #verifyEmailBtn {
        height: 54px;
    }
}



/* OTP */

/* Label */
.otp-field-block .otp-label {
    display: inline-block;
    margin-bottom: 8px;
    font-size: var(--fs-title-sm);
    font-weight: var(--fw-regular);
    line-height: 1.1;
    color: #0c1317;
  }
  
  /* Required star */
  .otp-field-block .otp-label .required {
    color: #ff3b30;
  }
  
  /* Container */
  .otp-field-block .otp-input-container {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    width: 100%;
  }
  
  /* OTP input boxes */
  .otp-field-block .otp-input {
    flex: 1 1 0;
    min-width: 0;
    height: 64px;
    border: 1px solid #d1d5dc;
    border-radius: 10px;
    background: #fff;
    text-align: center;
    font-size: var(--fs-title-sm);
    font-weight: var(--fw-regular);
    line-height: 1;
    color: #b7bbbd;
    padding: 22px 10px;
    max-width: 60px;
  }
  
  /* Placeholder */
  .otp-field-block .otp-input::placeholder {
    color: #b7bbbd;
    opacity: 1;
  }
  
  /* Focus state */
  .otp-field-block .otp-input:focus {
    outline: none;
    border-color: #aeb4bc;
    color: #0c1317;
  }

  @media (max-width: 991.98px) {
    .otp-field-block .otp-input {
        height: 60px;
    }
  }

  main.inner-page .account-success-temp p{
    line-height: 1.2;
  }

  .forgot-ps a:hover {
    color: black !important;
}

.ticket-form {
    border: 1px solid #E9EAEC;
}


/* Create */

.entry-ticket-info-card {
    position: relative;
    min-height: 442px;
    border-radius: 16px;
    overflow: hidden;
    background-color: #000;
    background-image: url('../images/get-tkt-bg.webp');
    background-size: cover;
    background-position: top right;
    padding: 24px 32px;


    
}



.entry-ticket-info-content {
    position: relative;
    z-index: 1;
    width: 100%;
    color: #fff;
}

.entry-ticket-info-content h3 {
    margin: 0 0 24px;
    font-family: var(--font-sans);
    font-weight: var(--fw-semibold);
    font-size: var(--fs-display);
    line-height: 1;
    color: #fff;
}

.entry-ticket-includes h4 {
    margin: 0 0 16px;
    font-family: var(--font-sans);
    font-size: var(--fs-title-lg);
    line-height: 1.1;
    color: #fff;
}

.entry-ticket-includes ul {
    margin: 0 0 24px;
    padding-left: 24px;
    list-style: disc;
}

.entry-ticket-includes li {
    margin-bottom: 6px;
    font-family: var(--font-sans);
    font-size: var(--fs-body);
    line-height: 1.1;
    color: #d9d9d9;
}

.entry-ticket-total-row {
    border-top: 1px solid rgba(217, 217, 217, 0.6);
    padding-top: 16px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.entry-ticket-total-label {
    font-family: var(--font-sans);
    font-size: var(--fs-body);
    line-height: 1.1;
    color: #fff;
}

.entry-ticket-total-value {
    display: flex;
    align-items: center;
    gap: 2px;
}

.entry-ticket-total-value img {
    width: 21px;
    height: 21px;
    display: block;
}

.entry-ticket-total-value span {
    font-family: var(--font-sans);
    font-size: var(--fs-heading);
    line-height: 1.1;
    color: #fff;
}

.entry-ticket-generate-btn {
    width: 100%;
    min-height: 60px;
    border: 0;
    border-radius: 40px;
    background: #fff;
    color: #000;
    font-family: var(--font-sans);
    font-weight: var(--fw-semibold);
    font-size: var(--fs-title-sm);
    line-height: 1.1;
    text-align: center;
    transition: all ease-in 0.3s;
}
.entry-ticket-generate-btn:hover{
    background-color: #FFCA90;
}
@media (max-width: 991.98px) {
    .entry-ticket-info-card {
        min-height: auto;
        padding: 20px 20px 24px;
    }

    .entry-ticket-info-content h3 {
        font-size: var(--fs-heading);
    }

    .entry-ticket-includes h4 {
        font-size: var(--fs-title);
    }
}




.form-bck-btn-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 28px;
    text-decoration: none;
}

.form-bck-btn-link img {
    width: 20px;
    height: 20px;
    display: block;
}

.form-bck-btn-link span {
    font-family: var(--font-sans);
    font-weight: var(--fw-semibold);
    font-size: var(--fs-title-lg);
    line-height: 1.1;
    color: #000;
}

.form-bck-btn-divider {
    width: 100%;
    height: 1px;
    background: #ebebeb;
}

.form-row .select2.select2-container .select2-selection {
    padding-left: 2.8rem;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.5 6L18.033 7.1C17.6868 7.35964 17.2657 7.5 16.833 7.5H13.475C13.1496 7.50013 12.8322 7.60086 12.5662 7.78839C12.3003 7.97592 12.0988 8.24109 11.9894 8.54756C11.8801 8.85404 11.8681 9.18684 11.9552 9.50038C12.0423 9.81392 12.2242 10.0929 12.476 10.299L14.476 11.935C15.2506 12.5688 15.8544 13.3862 16.2324 14.313C16.6103 15.2397 16.7505 16.2463 16.64 17.241L16.594 17.658C16.5316 18.2179 16.4103 18.7696 16.232 19.304L16 20M2.5 10.5L5.738 9.96C6.05209 9.90757 6.37415 9.9309 6.67741 10.028C6.98067 10.1252 7.25634 10.2933 7.48151 10.5185C7.70668 10.7437 7.87482 11.0193 7.97196 11.3226C8.0691 11.6258 8.09243 11.9479 8.04 12.262L7.905 13.069C7.7883 13.7729 7.90009 14.4957 8.22401 15.1315C8.54793 15.7673 9.06694 16.2826 9.705 16.602C10.2146 16.8564 10.6221 17.2772 10.8599 17.7948C11.0978 18.3123 11.1518 18.8956 11.013 19.448L10.5 21.5" stroke="black" stroke-width="1.5"/><path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="black" stroke-width="1.5"/></svg>');
    background-repeat: no-repeat;
    background-position: 14px center;
    background-size: 18px 18px;
}
.select2.select2-container .select2-selection .select2-selection__rendered {
    line-height: 32px;
}

.register-page .form-control {
    background-repeat: no-repeat;
    background-position: 14px center;
    background-size: 18px 18px;
    padding-left: 2.8rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxOSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzkzM18xMCkiPgo8cGF0aCBkPSJNMS44MDc3NSAxNUMxLjMwMjU4IDE1IDAuODc1IDE0LjgyNSAwLjUyNSAxNC40NzVDMC4xNzUgMTQuMTI1IDAgMTMuNjk3NCAwIDEzLjE5MjNWMS44MDc3NUMwIDEuMzAyNTggMC4xNzUgMC44NzUgMC41MjUgMC41MjVDMC44NzUgMC4xNzUgMS4zMDI1OCAwIDEuODA3NzUgMEgxNy4xOTIzQzE3LjY5NzQgMCAxOC4xMjUgMC4xNzUgMTguNDc1IDAuNTI1QzE4LjgyNSAwLjg3NSAxOSAxLjMwMjU4IDE5IDEuODA3NzVWMTMuMTkyM0MxOSAxMy42OTc0IDE4LjgyNSAxNC4xMjUgMTguNDc1IDE0LjQ3NUMxOC4xMjUgMTQuODI1IDE3LjY5NzQgMTUgMTcuMTkyMyAxNUgxLjgwNzc1Wk05LjUgOC4wNTc3NUwxLjUgMi45NDIyNVYxMy4xOTIzQzEuNSAxMy4yODIxIDEuNTI4ODMgMTMuMzU1OCAxLjU4NjUgMTMuNDEzNUMxLjY0NDE3IDEzLjQ3MTIgMS43MTc5MiAxMy41IDEuODA3NzUgMTMuNUgxNy4xOTIzQzE3LjI4MjEgMTMuNSAxNy4zNTU4IDEzLjQ3MTIgMTcuNDEzNSAxMy40MTM1QzE3LjQ3MTIgMTMuMzU1OCAxNy41IDEzLjI4MjEgMTcuNSAxMy4xOTIzVjIuOTQyMjVMOS41IDguMDU3NzVaTTkuNSA2LjVMMTcuMzQ2MyAxLjVIMS42NTM3NUw5LjUgNi41Wk0xLjUgMi45NDIyNVYxLjVWMTMuMTkyM0MxLjUgMTMuMjgyMSAxLjUyODgzIDEzLjM1NTggMS41ODY1IDEzLjQxMzVDMS42NDQxNyAxMy40NzEyIDEuNzE3OTIgMTMuNSAxLjgwNzc1IDEzLjVIMS41VjIuOTQyMjVaIiBmaWxsPSIjMEMxMzE3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfOTMzXzEwIj4KPHJlY3Qgd2lkdGg9IjE5IiBoZWlnaHQ9IjE1IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=");
}
.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--selected {
    background-color: #033147;
   
}


.entry-ticket-promo-section {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 24px;
    border: 1px solid #fff;
    border-radius: 10px;
    margin-bottom: 26px;
    min-height: 60px;
}

.entry-ticket-promo-left {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex: 1;
}

.entry-ticket-promo-left img {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
}

.entry-ticket-promo-left span {
    font-family: var(--font-sans);
    font-size: var(--fs-body);
    line-height: 1.1;
    color: #767676;
    padding-top: 2px;
}

.entry-ticket-promo-apply {
    border: 0;
    background: transparent;
    padding: 0;
    font-family: var(--font-sans);
    font-weight: var(--fw-semibold);
    font-size: var(--fs-title-lg);
    line-height: 1.1;
    color: #fff;
    transition: opacity 0.2s ease;
}

.entry-ticket-promo-apply:hover {
    color: #FFCA90;
}

.entry-ticket-promo-apply:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 4px;
    border-radius: 4px;
}
.entry-ticket-promo-input {
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    width: 100%;
    min-width: 130px;
    font-family: var(--font-sans);
    font-size: var(--fs-title);
    line-height: 1.1;
    color: #fff;
    outline: none;
    height: 40px;
}

.entry-ticket-promo-input::placeholder {
    color: #767676;
    opacity: 1;
}

.form-bck-btn-link {
    transition: opacity 0.2s ease;
}

.form-bck-btn-link span {
    transition: color 0.2s ease;
}

.form-bck-btn-link:hover {
    opacity: 0.75;
}

.form-bck-btn-link:hover span {
    color: #4d4d4d;
}

.form-bck-btn-link:focus-visible {
    outline: 2px solid #000;
    outline-offset: 4px;
    border-radius: 4px;
}

.entry-ticket-promo-input {
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    width: 100%;
    min-width: 130px;
    font-family: var(--font-sans);
    font-size: var(--fs-title);
    line-height: 1.1;
    color: #fff;
    outline: none;
}

.entry-ticket-promo-input::placeholder {
    color: #767676;
    opacity: 1;
}

.entry-ticket-price-breakdown {
    padding: 20px 0 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
}

.entry-ticket-price-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.entry-ticket-price-row:last-child {
    margin-bottom: 0;
}

.entry-ticket-price-label {
    font-family: var(--font-sans);
    font-size: var(--fs-title-lg);
    line-height: 1.1;
    color: #fff;
}

.entry-ticket-price-value {
    font-family: var(--font-sans);
    font-size: var(--fs-title-lg);
    line-height: 1.1;
    color: #fff;
    white-space: nowrap;
}

@media (max-width: 991.98px) {
    .entry-ticket-promo-section {
        padding: 18px 16px;
        gap: 10px;
    }

    .entry-ticket-promo-apply {
        font-size: var(--fs-title);
    }

    .entry-ticket-price-label,
    .entry-ticket-price-value {
        font-size: var(--fs-title);
    }
}

@media (max-width: 575.98px) {
    .entry-ticket-promo-section {
        align-items: center;
        padding: 14px 12px;
    }

    .entry-ticket-promo-left {
        gap: 6px;
    }

    .entry-ticket-promo-left svg,
    .entry-ticket-promo-left img {
        width: 20px;
        height: 20px;
    }

    .entry-ticket-promo-input {
        min-width: 0;
        font-size: var(--fs-title-sm);
    }

    .entry-ticket-promo-apply {
        font-size: var(--fs-title-sm);
        flex-shrink: 0;
    }

    .entry-ticket-price-breakdown {
        padding: 6px 0 14px;
        margin-bottom: 14px;
    }

    .entry-ticket-price-row {
        margin-bottom: 12px;
    }

    .entry-ticket-price-label,
    .entry-ticket-price-value {
        font-size: var(--fs-title-sm);
    }
}

/* Confirmaion */



.entry-ticket-confirmation-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 456px;
    gap: 24px;
    align-items: stretch;
}

.entry-ticket-confirmation-left {
    display: flex;
    flex-direction: column;
    /* Email notice and buttons as one group, centred against the pass card. */
    justify-content: center;
    min-height: 523px;
}

.entry-ticket-confirmation-email {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    border: 1px solid #e9eaec;
    background: #f6f7f8;
    border-radius: 10px;
    padding: 16px 20px;
    margin-bottom: 24px;
}

.entry-ticket-confirmation-email-icon {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.entry-ticket-confirmation-email-content h4 {
    margin: 0 0 4px;
    color: #0c1317;
    font-family: var(--font-sans);
    font-size: var(--fs-title-sm);
    line-height: 1.1;
}

.entry-ticket-confirmation-email-content p {
    margin: 0;
    color: #4a5565;
    font-family: var(--font-sans);
    font-size: var(--fs-body);
    line-height: 1.1;
}

.entry-ticket-confirmation-email-content p strong {
    color: #0c1317;
    font-weight: var(--fw-semibold);
}

.entry-ticket-confirmation-important h4 {
    margin: 0 0 14px;
    color: #101828;
    font-family: var(--font-sans);
    font-weight: var(--fw-semibold);
    font-size: var(--fs-title-sm);
    line-height: 1.1;
}

.entry-ticket-confirmation-important ul {
    margin: 0;
    padding-left: 22px;
    max-width: 430px;
}

.entry-ticket-confirmation-important li {
    margin-bottom: 6px;
    color: #0c1317;
    font-family: var(--font-sans);
    font-size: var(--fs-body);
    line-height: 1.1;
}

.entry-ticket-confirmation-important li:last-child {
    margin-bottom: 0;
}

.entry-ticket-confirmation-actions {
    display: flex;
    gap: 16px;
    padding-top: 28px;
}

.entry-ticket-confirmation-btn {
    min-height: 60px;
    border-radius: 38px;
    padding: 16px 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    font-family: var(--font-sans);
    font-weight: var(--fw-semibold);
    transition: all 0.2s ease;
}

.entry-ticket-confirmation-btn-outline {
    border: 2px solid #e5e7eb;
    background: #fff;
    color: #101828;
}

.entry-ticket-confirmation-btn-outline:hover {
    border-color: #033147;
    color: #033147;
}

.entry-ticket-confirmation-btn-primary {
    border: 2px solid #033147;
    background: #033147;
    color: #fff;
}

.entry-ticket-confirmation-btn-primary:hover {
    background: #022335;
    border-color: #022335;
    color: #fff;
}

.entry-ticket-confirmation-right {
    min-width: 0;
}

.entry-ticket-confirmation-ticket {
    position: relative;
    border-radius: 16px;
    min-height: 523px;
    overflow: hidden;
    padding: 28px 30px 36px;
    color: #fff;
    background-color: #000;
    background-image:
        
        url('../images/get-tkt-bg.webp');
    background-size: cover;
    background-position: center;
}

.entry-ticket-confirmation-ticket-top {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
}

.entry-ticket-confirmation-ticket-heading h3 {
    margin: 0;
    color: #fff;
    font-family: var(--font-sans);
    font-size: var(--fs-display);
    line-height: 0.9;
    letter-spacing: -1.04px;
}

.entry-ticket-confirmation-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 20px;
    border-radius: 4px;
    background: #9d886e;
    color: #fff;
    font-family: var(--font-sans);
    font-weight: var(--fw-semibold);
    font-size: var(--fs-title-sm);
    line-height: 1.1;
}

.entry-ticket-confirmation-ticket-meta {
    margin-top: 16px;
}

.entry-ticket-confirmation-meta-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    color: #fff;
    font-family: var(--font-sans);
    font-size: var(--fs-body);
    line-height: 1.1;
}

.entry-ticket-confirmation-meta-row:last-child {
    margin-bottom: 0;
}

.entry-ticket-confirmation-meta-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.entry-ticket-confirmation-divider {
    height: 1px;
    background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.85) 0 16px, transparent 16px 24px);
    margin: 30px -30px 0;
    position: relative;
}

.entry-ticket-confirmation-divider::before,
.entry-ticket-confirmation-divider::after {
    content: "";
    position: absolute;
    top: -13px;
    width: 24px;
    height: 24px;
    background: #f6f7f8;
    border-radius: 50%;
}

.entry-ticket-confirmation-divider::before {
    left: -12px;
}

.entry-ticket-confirmation-divider::after {
    right: -12px;
}

.entry-ticket-confirmation-qr-wrap {
    text-align: center;
    padding-top: 56px;
}

.entry-ticket-confirmation-qr {
    width: 180px;
    height: 180px;
    margin: 0 auto 18px;
    border-radius: 10px;
    border: 1px solid rgba(246, 247, 248, 0.9);
    background: rgba(255, 255, 255, 0.04);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
}

.entry-ticket-confirmation-qr img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.entry-ticket-confirmation-qr-wrap p {
    margin: 0;
    color: rgba(255, 255, 255, 0.7);
    font-family: var(--font-sans);
    font-size: var(--fs-body);
    line-height: 1.1;
}

@media (max-width: 1199.98px) {
    .entry-ticket-confirmation-layout {
        grid-template-columns: minmax(0, 1fr) 340px;
    }
}

@media (max-width: 991.98px) {
    .entry-ticket-confirmation-layout {
        grid-template-columns: 1fr;
    }

    .entry-ticket-confirmation-right {
        order: 1;
    }

    .entry-ticket-confirmation-left {
        order: 2;
    }

    .entry-ticket-confirmation-left,
    .entry-ticket-confirmation-ticket {
        min-height: auto;
    }

    .entry-ticket-confirmation-actions {
        padding-top: 28px;
    }

    
}

@media (max-width: 575.98px) {
    .entry-ticket-confirmation-email-content h4 {
        font-size: var(--fs-title-lg);
    }

    .entry-ticket-confirmation-actions {
        flex-direction: column;
        gap: 12px;
    }

    .entry-ticket-confirmation-btn {
        width: 100%;
        font-size: var(--fs-title-lg);
        min-height: 54px;
        padding: 12px 20px;
    }

    .entry-ticket-confirmation-ticket {
        padding: 20px 16px 24px;
    }

    .entry-ticket-confirmation-ticket-heading h3 {
        font-size: var(--fs-display);
    }

    .entry-ticket-confirmation-badge {
        font-size: var(--fs-body);
        padding: 4px 14px;
    }

    .entry-ticket-confirmation-meta-row {
        flex-wrap: wrap;
        gap: 8px 10px;
    }

    .entry-ticket-confirmation-divider {
        margin: 10px -16px 0;
    }

    .entry-ticket-confirmation-divider::before {
        left: -12px;
    }

    .entry-ticket-confirmation-divider::after {
        right: -12px;
    }

    .entry-ticket-confirmation-qr-wrap {
        padding-top: 28px;
    }
}







.entry-ticket-confirmation-divider::before,
.entry-ticket-confirmation-divider::after {
    content: "";
    position: absolute;
    top: -13px;
    width: 24px;
    height: 24px;
    background: #f6f7f8;
    border-radius: 50%;
}

.entry-ticket-confirmation-divider::before {
    left: -12px;
}

.entry-ticket-confirmation-divider::after {
    right: -12px;
}



html:lang(ar) .register-page #email{

}

html:lang(ar) .register-page #first_name,
html:lang(ar) .register-page #last_name,
html:lang(ar) .register-page #email,
html:lang(ar) .register-page #password,
html:lang(ar) .register-page #otp {
   
    background-position: calc(100% - 14px) center;
    padding-right: 2.8rem;
    padding-left: 0.75rem;
   
   
}


html:lang(ar) .form-border-active .form-control#email {
    background-position: calc(100% - 14px) center;
    padding-right: 2.8rem;
    padding-left: 0.75rem;
}

html:lang(ar) .btn, html:lang(ar) .register-page #submitbtn span, html:lang(ar) .isea-footer .isea-footer__link, html:lang(ar) .btn.btn-isea-primary span{
    font-family: var(--font-arabic);
}
html:lang(ar) a.isea-footer__link.isea-footer__link--icon.mobile-text-item span {
    display: inline-block;
    direction: ltr;
}
/* ===============================
   Order summary card (ticket / upgrade checkout)
   One clear hierarchy: title > product > price lines > total.
   Total is the loudest number; sub-total rows stay quiet.
=================================*/
.entry-ticket-info-content h3 {
    font-size: var(--fs-heading);
    line-height: var(--lh-tight);
    letter-spacing: var(--ls-tight);
    margin-bottom: 24px;
}

.entry-ticket-includes h4 {
    font-size: var(--fs-title-sm);
    font-weight: var(--fw-semibold);
    line-height: var(--lh-snug);
    margin-bottom: 10px;
}

.entry-ticket-includes li {
    font-size: var(--fs-small);
    line-height: var(--lh-normal);
    color: rgba(255, 255, 255, 0.78);
}

/* "Online Academic Pass: AED 180.00" - the line item. */
.entry-ticket-academic-pass h4 {
    font-family: var(--font-sans);
    font-size: var(--fs-body);
    font-weight: var(--fw-medium);
    line-height: var(--lh-snug);
    letter-spacing: 0;
}

.entry-ticket-promo-input,
.entry-ticket-promo-input::placeholder {
    font-size: var(--fs-body);
}

.entry-ticket-promo-apply {
    font-size: var(--fs-body);
    font-weight: var(--fw-semibold);
}

.entry-ticket-price-label,
.entry-ticket-price-value,
.entry-ticket-price-value span {
    font-size: var(--fs-body);
    font-weight: var(--fw-regular);
    line-height: var(--lh-snug);
}

.entry-ticket-price-label {
    color: rgba(255, 255, 255, 0.78);
}

.entry-ticket-total-label {
    font-size: var(--fs-body);
    font-weight: var(--fw-semibold);
    color: #fff;
}

.entry-ticket-total-value span {
    font-size: var(--fs-title);
    font-weight: var(--fw-semibold);
    line-height: var(--lh-tight);
    letter-spacing: 0;
}

.entry-ticket-generate-btn {
    font-size: var(--fs-body);
}

@media (max-width: 991.98px) {
    .entry-ticket-info-content h3 {
        font-size: var(--fs-title-lg);
    }

    .entry-ticket-price-label,
    .entry-ticket-price-value,
    .entry-ticket-price-value span {
        font-size: var(--fs-body);
    }
}

/* Promo field: "Apply" sits on the same line as the code text. */
.entry-ticket-promo-section {
    align-items: center;
}