/* F1 Single Page Design */
body,
html {
    overflow-x: hidden;
    /* Prevents horizontal scrolling */
}

.f1-ticket-selection__container {
    background-color: white;
    color: black;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding-right: 6.25rem;
    padding-left: 6.25rem;
    padding-bottom: 6.25rem;
    padding-top: 3.25rem;
}

.f1-ticket-options {
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #ccc;
    padding: 2.5rem 0;
}

@media (max-width:768px) {
    .f1-ticket-options {
        display: flex;
        flex-direction: column;
    }
}

.f1-ticket-options>img {
    width: 250%;
    height: 250%;
}

.f1-ticket-desc {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}

.f1-ticket-desc span {
    font-size: 3.5rem;
    font-weight: 500; line-height: 1.2;
    font-family: 'Impact';
}

@media (max-width:768px) {
    .f1-ticket-desc span {
        font-size: 2.5rem;
        font-weight: bold;
    }
}

.f1_intro_images {
    display: flex;
    flex-direction: column;
}

.f1_intro_images img {
    width: 100%;
    margin-bottom: 10px;
}


.f1_event_specs {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dropdown-slider {
    display: flex; flex-direction: column; width: 100%; 
}

.dropdown-slider-tab {
    display: flex;
    align-items: center;
    background-color: #273248;
    justify-content: space-between;
    color: white;
    border-radius: .4rem;
    cursor: pointer; padding: 1rem 1.5rem;
}
.dropdown-slider-tab span { color: #ff4713; }

.dropdown-slider-title {
    font-weight: bolder;
    font-size: large;
}

#dropdown-step {
    color: #ff4713;
}

.collapsible-container {
    height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out, padding 0.5s ease-out;
    border: none;
    border-radius: 2px;
    padding: 0 6px;
}

.collapsible-container.expanding {
    height: auto;
    padding: 4px 6px;
}

.dropdown-slider-tab .icon {
    transition: transform 0.3s;
}

.dropdown-slider-tab .icon.active {
    transform: rotate(180deg);
}

.modal {
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff;
}

.modal-step-1 {
    display: flex;
    flex-direction: column;
}

.modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background-color: #333;
    color: #fff;
}

.modal-header h2 {
    margin: 0;
    padding: 0;
}

.tab-bar {
    display: flex;
    justify-content: space-around;
    background-color: #eee;
    padding: 10px;
}

.close-btn {
    font-size: 24px;
    color: #fff;
    background: none;
    border: none;
    cursor: pointer;
}

.tab {
    font-weight: bold;
    flex: 1;
    text-align: center;
}

.tab.f1-ratings {
    color: red;
}

.icon {
    margin-right: 5px;
}

.image-section img {
    width: 100%;
    height: auto;
}

.info-bar {
    display: flex;
    justify-content: space-around;
    background-color: #333;
    color: #fff;
    padding: 10px;
}

.info-tab {
    display: flex;
    align-items: center;
}

.footer {
    background-color: #f4f4f4;
    padding: 15px;
    font-weight: bold;
    color: #333;
}

.price-select {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 15px;
    background-color: #f9f9f9;
    border-top: 1px solid #ddd;
}

.price-select h2 {
    margin: 0;
    font-size: 18px;
    flex: 2;
}

.price-select h3 {
    margin: 0;
    font-size: 18px;
    flex: 1;
    text-align: right;
    color: #333;
}

.qty-controls {
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: center;
}

.qty-btn {
    font-size: 18px;
    text-align: center;
    border: 1px solid #ddd;
    background-color: #ff4713;
    color: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center; width: 2rem; height: 2rem;
}

.ticket-package {
    cursor: pointer;
    background-color: #ff4713;
    color: white;
    font-weight: 800;
    font-size: larger;
    border-radius: 100px;
    padding: 4px 20px;
}

#basic-package-price-info{
    font-weight: 800;
}

.tickets-amount {
    margin: 0 10px;
    font-size: 18px;
}

.add-to-cart {
    background-color: #ff4713;
    color: #fff;
    border: none; text-transform: uppercase;
    cursor: pointer; font-size: 0.90rem;
    text-align: center; font-family: 'Fira Sans Bold';
    padding: 1rem ; border-radius: .4rem;
}
.disabled {
    background-color: darkgray;
    cursor: not-allowed;
}

.additional-package-details {
    display: flex;
    flex: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.package-groups {
    display: flex;
    gap: 10px;
    padding: 5px 10px;
    justify-content: center;
}

.package-detail {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 1px 2px;
    border-radius: 8px;
}

.package-detail img {
    width: 800px;
    height: 250px;
    border-radius: 8px;
    object-fit: cover;
    margin-bottom: 15px;
}

.package-detail h2,
.package-detail h5,
.package-detail p {
    margin: 4px 0;
    /* Adds space between the elements */
}

.concert-details {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 15px;
    margin-top: 50px;
}

.concert-title {
   /* font-size: 20px;*/
    font-weight: 900;
}

.concert {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
}
.concert-details__img { aspect-ratio: 16 / 9; }
.concert img{
    width: 100%;
}

.concert.left {
    flex-direction: row; /* Image on the left, text on the right */
}

.concert.right {
    flex-direction: row-reverse; /* Image on the right, text on the left */
}

.how-to-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
}

.product-steps-heading {
    font-size: 30px;
    font-weight: bolder;
}

.product-steps {
    display: flex;
    gap: 2.5rem;
    justify-content: center;
    flex-wrap: wrap;
}

.product-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
}

.product-help-circle {
    background-color: rgba(219, 219, 219, 0.829);
    border-radius: 50%;
    padding: 1.85rem; width: 6rem;
    height: 6rem; display: flex; align-items: center; justify-content: center;
}

.product-help-desc {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 150px;
}

.product-help-circle.active {
    background-color: red;
}

.product-step-heading {
    text-transform: uppercase;
    font-weight: 500;
    font-size: larger;
}

.product-step-desc {
    font-size: small;
    color: rgba(100, 100, 100, 0.829);
    text-align: center;
}

.quote-container {
    background-color: #f5f5f5;
    border-radius: 0.4rem;
    padding: 2rem;
}

.quote-container-title {
    font-weight: 400;
    font-size: 3.5rem;
    font-family: 'Impact'; line-height: 1.2;
    margin: 0 0 2rem;
}

.quote-sub-container {
    display: flex;
    gap: 2rem;
    align-items: start;
    justify-content: start;
}

.quote-info {
    background-color: #333;
    color: #fff;
    padding: 2rem;
    border-radius: 8px;
}

.quote-form input,
.quote-form textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
}

.quoteRequestForm button {
    padding: 1rem;
    background-color: #ff4713;
    color: #fff;
    border: none;
    border-radius: 0.4rem;
    cursor: pointer;
    text-align: center;
    font-family: 'Fira Sans Bold';
    padding: 1rem; text-transform: uppercase;
    border-radius: .4rem;
}

/* .quote-info h3 {
    margin-bottom: 15px;
    font-size: 20px;
} */

.quote-info p {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.6;
}

.quote-info .callback-btn {
    padding: 10px 15px;
    background-color: #fff;
    color: #000;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    align-self: start;
}

.success-animation {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 150px auto;
    gap: 2.5rem;
}

.order-text {
    overflow-wrap: break-word;
    /* Forces text to wrap */
    /* Adjust the width as needed */
    text-align: center;
}

.checkmark {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: block;
    stroke-width: 1.5;
    stroke: #4bb71b;
    stroke-miterlimit: 10;
    box-shadow: inset 0px 0px 0px #4bb71b;
    animation: fill 1s ease-in-out 1s forwards, scale 1s ease-in-out 1.5s both;
    position: relative;
    top: 5px;
    right: 5px;
    margin: 0 auto;
}

.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #4bb71b;
    fill: #fff;
    animation: stroke 1.2s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) 1.4s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {

    0%,
    100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #4bb71b;
    }
}


.checkout-container {
    padding: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.form-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.input-group {
    flex: 1;
    margin-right: 20px;
}

.input-group label {
    display: block;
    font-size: 0.9rem;
    margin-bottom: 5px;
}

.input-group input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 1rem;
}

.input-group.full-width {
    flex: 1 0 100%;
}

.privacy-policy,
.terms-check {
    display: flex;
    margin-bottom: 20px;
}

.payment-options {
    margin-bottom: 20px;
}

.payment-options input {
    margin-right: 10px;
}

.payment-options label {
    font-size: 1rem;
    margin-right: 20px;
}

.payment-btn {
    background-color: #ffcc00;
    padding: 1rem;
    border: none;
    border-radius: .4rem;
    font-size: 1.2rem;
    color: #333;
    cursor: pointer;
    margin-bottom: 1.5rem; font-size: 0.90rem;
    text-align: center; font-family: 'Fira Sans Bold';
}

.payment-btn:hover {
    background-color: #e6b800;
}

.payment-icons img {
    width: 50px;
    margin-right: 10px;
}

.hidden {
    display: none;
}

/* Loader container */
#payment-loader {
    display: none;  /* Hidden by default */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);  /* Semi-transparent background */
    z-index: 9999;  /* Ensure it sits on top of other elements */
    justify-content: center;
    align-items: center;
    text-align: center;
}

/* Spinner styling */
.spinner {
    border: 4px solid #f3f3f3; border-top: 4px solid #3498db; border-radius: 50%;width: 50px; height: 50px;
    animation: spin 1s linear infinite;
}

/* Spinner animation */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/*** Order Details Page ***/
.order-details {  }
.order-description{ border-radius: .25rem; }
.order-details__heading { border-bottom: 1px solid; }
.continue-to-payment {
    font-family: 'Fira Sans Bold'; background: #ff4713; padding: 1.125rem 2.25rem; font-size: 0.90rem; color: #fff;
    border: 1px solid #ff4713; text-transform: uppercase; display: inline-block; cursor: pointer;
    border-radius: 0.22rem; display: inline-flex; align-items: center; text-decoration: none;
    position: relative; line-height: 1.1; border-radius: 5rem; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;
}
.continue-to-payment:hover { background-color: #fff; color: #ff4713; }
.f1-accomodation-details{
    display: flex;flex-direction: column;align-items: center;
    justify-content: center; gap:15px;
}
.accomodation-title{ color: #e6b800; }
.accomodation-image{ width: 20px; }
.accomodation-desc{ width: 80%; }

/*** Tweak from abdul  ****/
.ecomm-btn-style { 
    line-height: 3.5rem; font-size: 0.90rem; text-transform: uppercase; display: flex; cursor: pointer; border-radius: 5rem;  
    padding: 0rem 2.25rem; display: flex; align-items: center;  font-size: 0.90rem;
    text-align: center; font-family: 'Fira Sans Bold';
}
.button-right-arrow { transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; }
.ecomm-btn-style:hover { border-color: 1px salmon; }
.ecomm-btn-style:hover .button-right-arrow { transform: translateX(2px); }
.paymentWidgets{  width: 100%; }

/*** Payment tweak from Abdul  ****/
.wpwl-form input, .wpwl-form textarea, .wpwl-form select {
    background: transparent; color: #9F9F9F; padding: 1.27rem; border: 1px solid #C9C9C9;
    outline: none; font-size: 0.727rem; border-radius: 0.6rem; height: 4rem;
}
.wpwl-control-iframe {
    background: transparent; color: #9F9F9F; height: 4rem; border: 1px solid #C9C9C9;
    outline: none; font-size: 0.727rem; border-radius: 0.22rem;
}
.wpwl-form input[type=submit],.wpwl-form button {
     font-family: 'Fira Sans Bold'; background: #ff4713; padding: 1.125rem 2.25rem; font-size: 0.90rem; color: #fff;
    border: 1px solid #ff4713; text-transform: uppercase; display: inline-block; cursor: pointer;
    border-radius: 0.22rem; display: inline-flex; align-items: center; text-decoration: none;
    position: relative; line-height: 1.1; border-radius: 5rem; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;
}
.wpwl-form input[type=submit]:hover {
    background: transparent; border: 1px solid #ff4713; color: #ff4713;transform: translateX(4px);
}
.wpwl-wrapper-cardHolder { display: flex; }
.vip { position: absolute; left: 1rem; top: 0;  }
.right-img .vip { position: absolute; left: unset; right: 1rem; }
.woocommerce .text-upper { text-transform: unset; }
.woocommerce .heading-sc h2 { font-size: 3.125rem; }
.woocommerce .sec-wrapper.p80 { padding-top: 3rem; padding-bottom: 3rem; }



/*** Checkout Form Styling ***/
.cnpBillingCheckoutWrapper {position:relative;}
.cnpBillingCheckoutHeader {width:100%;border-bottom: 1px solid #c0c0c0;margin-bottom:10px;}
.cnpBillingCheckoutLeft {width:240px;margin-left: 5px;margin-bottom: 10px;border: 1px solid #c0c0c0;display:inline-block;vertical-align: top;padding:10px;}
.cnpBillingCheckoutRight {width:50%;margin-left: 5px;border: 1px solid #c0c0c0;display:inline-block;vertical-align: top;padding:10px;}
.cnpBillingCheckoutOrange {font-size:110%;color: rgb(255, 60, 22);font-weight:bold;}
div.wpwl-wrapper, div.wpwl-label, div.wpwl-sup-wrapper { width: 100% }
div.wpwl-group-expiry, div.wpwl-group-brand { width: 29%; float:left }
div.wpwl-group-cvv { width: 29%; float:left; margin-left:2% }
div.wpwl-group-cardHolder, div.wpwl-sup-wrapper-street1, div.wpwl-group-expiry { clear:both }
div.wpwl-sup-wrapper-street1 { width: 91%;padding-top: 1px }
div.wpwl-sup-wrapper-street2 { width: 91%;padding-top: 1px }
div.wpwl-wrapper-brand { width: auto }
div.wpwl-sup-wrapper-state, div.wpwl-sup-wrapper-city { width:29%;float:left;margin-right:2% }
div.wpwl-sup-wrapper-postcode { width:29%;float:left }
div.wpwl-sup-wrapper-country { width: 60% }
div.wpwl-wrapper-brand, div.wpwl-label-brand, div.wpwl-brand { display: none;}
div.wpwl-group-cardNumber { width:60%; float:left; }
div.wpwl-group-brand { width:35%; float:left; margin-top:28px; }
div.wpwl-brand-card  { width: 65px;margin-top: 10px; }
.wpwl-form-card { width: 80em;}
.wpwl-button-pay{background-color: red;border-color: red;float: left;}
.wpwl-form {
    width: 100% !important; max-width: 100% !important; box-sizing: border-box; margin: 0 auto; 
}
.wpwl-control-surName, .wpwl-control-givenName { width: 29%; }

  
/*** woocommerce style **/
.woocommerce a.button {
    border-radius: 5rem !important; display: inline-flex !important; overflow: hidden !important; position: relative !important;
    padding: unset; background: unset !important;
}
.woocommerce input[type=submit], .woocommerce .btn, .add-to-cart, .wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button, .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
    font-family: 'Fira Sans Bold'; background: #ff4713; background-color: #ff4713 !important; padding: 1.125rem 2.25rem !important;
    font-size: 0.90rem !important; color: #fff !important; border: 1px solid #ff4713 !important; text-transform: uppercase;
    display: inline-block !important; cursor: pointer !important; border-radius: 0.22rem !important; display: inline-flex !important;
    align-items: center !important; text-decoration: none !important; position: relative !important; line-height: 1.1 !important;
    border-radius: 5rem !important;  -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
}
.woocommerce .btn:hover, .add-to-cart:hover, .woocommerce input[type=submit]:hover, .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover,
.wc-block-cart__submit-button:hover, .wc-block-components-checkout-place-order-button:hover { background: #fff; background-color: #fff !important; color: #ff4713 !important; }


/*** prodcut detail page style **/
.product-gallery-slider {  position: relative; width: 100%; }
.product-gallery-slider .product-gallery-slider__each { aspect-ratio: 16 / 6; }
.product-tab-nav { background: #000; color: #fff; }
.woocommerce img, .woocommerce-page img { display: block; }
.product-tab-nav__each { border-right: 1px solid #fff; position: relative; }
.product-tab-nav .product-tab-nav__each:last-child { border-right: 0; }
.product-tab-nav__each.active:after { content: ''; position: absolute; width: 80%; height: 4px; background:#ff4713; left: 50%; transform: translateX(-50%); bottom: 0;  }

.grey-bg { background-color: #f4f4f4; color: #000; }
.select-ticket-head { border-bottom: 1px solid #ddd; }
.f1-package-price { flex: 1; text-align: center; }

.single-product .container { max-width: 1366px; padding: 0 60px; }
.content-with-border { border: 1px solid #dddddd; border-radius: .5rem; }
.content-with-border-divider { border-top: 1px solid #dddddd; width: 100%; }
.order-det-title { font-size: .85rem; }
.package-list-price span { font-size: 1.2rem; }

.product-gallery-slider-arrow { position: absolute; width: 100%; height: 100%; }
.product-header .arrow-circle { background: #ff4713; cursor: pointer; }
.product-header .prev-arrow { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%) rotate(180deg); }
.product-header .next-arrow { position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); }


/*** prodcut cart style **/
.wc-block-cart-item__image { width: 33%; }
.wc-block-components-product-name { font-size: 2.25rem !important; line-height: 1.1; font-weight: 400; font-family: 'Impact' !important; }
.wc-block-cart-items thead { background-color: #273248; color: white; padding: 1rem; font-size: 1.25rem; }
.wc-block-cart-items__header-product { padding: 8px 16px 8px 0; white-space: nowrap; background-color: #273248 !important; color: white; visibility: visible !important; }

/* Line item meta (cart, checkout order summary, mini-cart): Tickets, Hotel, Lead guest, etc. */
.wc-block-components-product-metadata {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid #e8e8e8;
    font-size: 0.875rem;
}
.wc-block-components-product-details {
    font-size: 0.875rem !important;
    line-height: 1.5 !important;
    margin: 0.4em 0 !important;
    color: #1a1a1a;
}
.wc-block-components-product-details:first-of-type {
    margin-top: 0 !important;
}
.wc-block-components-product-details:last-of-type {
    margin-bottom: 0 !important;
}
.wc-block-components-product-details__name {
    font-family: 'Fira Sans Bold', 'Fira Sans', sans-serif;
    font-weight: 600;
    color: #273248;
    margin-right: 0.35em;
}
.wc-block-components-product-details__value {
    color: #333;
}

.wp-block-woocommerce-cart-order-summary-block { border:1px solid #ddd;  border-radius: .22rem; padding: 1rem; margin-bottom: 2rem; }
.wp-block-woocommerce-cart-order-summary-heading-block { font-size: 1.25rem; }
.custom-item-quantity-selector {
    border: 1px solid #ddd; border-radius: .4rem; background: #fff;
}
.custom-item-quantity-selector button {
    background: transparent; font-size: 2rem; border: 0; height: 3.25rem; display: flex;
    align-items: center;justify-content: center;
}
.custom-item-quantity-selector input {
    width: 2.5rem; user-select: none; appearance: none; border: 0; text-align: center; height: 3.25rem; padding: 0; font-size: 1rem;
    -moz-appearance: textfield; color: #000; -webkit-appearance: none;
}

/*** Cart style **/
.cart-count {
    background: red; color: #ffff; width: 1.5rem; height: 1.5rem; border-radius: 50%; position: absolute;
    top: -1rem; text-align: center; right: 0; font-size: .9rem;
}
.woocommerce-cart .wc-block-components-totals-shipping { display: none; }

/*** Checkout style **/
.wc-block-components-checkout-step__heading, .wc-block-checkout__shipping-option,
.wc-block-components-checkout-step__description,.wc-block-components-address-form__address_2-toggle,
.woocommerce-checkout .wc-block-components-totals-shipping { display: none; }

#payment-method .wc-block-components-checkout-step__heading { display: block; }
#payment-method { margin-top: 2.5rem !important; }
#order-notes { margin-top: 1.5rem !important; }

.wp-block-woocommerce-checkout-contact-information-block { margin-bottom: 0 !important; }
.wc-block-components-form .wc-block-components-text-input input[type=email], .wc-block-components-form .wc-block-components-text-input input[type=number], 
.wc-block-components-form .wc-block-components-text-input input[type=password], .wc-block-components-form 
.wc-block-components-text-input input[type=tel], .wc-block-components-form .wc-block-components-text-input input[type=text], 
.wc-block-components-form .wc-block-components-text-input input[type=url], .wc-block-components-text-input input[type=email], 
.wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=password], .wc-block-components-text-input input[type=tel], 
.wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url],
.wc-blocks-components-select .wc-blocks-components-select__container, .wc-block-components-textarea,
.wc-block-components-radio-control--highlight-checked:after {
    border: 1px solid #ddd !important; 
}

.wc-block-components-form .wc-block-components-checkout-step { margin: 0rem !important; }
.wp-block-woocommerce-checkout-terms-block { margin: 1.5rem 0 !important;  padding-top: 1.5rem !important; }

.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, 
.wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
    box-shadow: unset !important;
}

.woocommerce-order-details,.woocommerce-order { text-align: center; }
.woocommerce ul.order_details { display: flex; justify-content: center; margin: 3rem 0; }
.woocommerce-customer-details { display: none; }
.woocommerce-table--order-details { max-width: 90%; margin: auto !important; }

.woocommerce-order {
    border: 1px solid #ddd; border-radius: 0.5rem; max-width: 768px; margin: auto; text-align: center; padding: 1.25rem;
}
.woocommerce-notice--success { font-size: 2rem; text-transform: uppercase; font-family: 'Impact'; margin-top: 8rem; position: relative; text-align: center; }
.woocommerce-notice--success:after { 
    content: ''; position: absolute; width: 5rem; height: 5rem; background: url(../images/success-icon.svg) no-repeat; background-size: cover; background-position: center; 
    left: 50%; transform: translate(-50%,-6rem);
}
.woocommerce-form-login { display: none; }
.woocommerce-order-details__title { font-size: 2rem; text-transform: uppercase; font-family: 'Impact'; }
.wc-block-checkout__guest-checkout-notice { margin-top: 1rem !important; }

/*** cart ****/
.woocommerce-cart .wp-block-woocommerce-product-new { display: none; }
.woocommerce-cart .wp-block-heading { display: none; }
.woocommerce-cart .wc-block-components-quantity-selector { display: none; }
.wc-block-cart__empty-cart__title, .woocommerce-cart .wp-block-heading.elWithHeaderPadding { display: block !important; }

/*** Responsive style **/
@media all and (max-width: 768px) {
    .f1-ticket-selection__container { padding: 40px 20px 0; }
    .quote-sub-container { flex-wrap: wrap; }
    .quote-container { margin: 2rem 0; } 

    .single-product .container { max-width: 1366px; padding: 0 20px; }

    .woocommerce-notice--success::after { transform: translate(-50%,-12rem);width: 3rem; height: 3rem;  }
    .package-list .right-img, .section--tiles .right-img { flex-direction: column-reverse; }

    /*** prodcut detail page style **/
    .product-tab-nav { background: unset; }
    .product-tab-nav__each { width: 50%; background: #000; }
    .f1-package-price { text-align: left; }
    .cart-count { top: -0.6rem }
    .product-header .arrow-circle { width: 2.375rem; height: 2.375rem; }

    .wc-block-cart-item__image { width: unset; }

    .wc-block-components-product-metadata {
        margin-top: 0.5rem;
        padding-top: 0.5rem;
        font-size: 0.8125rem;
    }
    .wc-block-components-product-details {
        font-size: 0.8125rem !important;
    }
}