#discountPopup .modal-dialog.modal-xl {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    ::placeholder {
        
    }

    #discountPopup {
        overflow: hidden;
        position: fixed;
    }

    .Coupon-Code-Box {
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    #coupon_text {
        
        font-size: var(--text-title);
        font-weight: 600;
        color: var(--teal);
        padding: 1rem 0rem;
    }

    #newHere {
        padding-top: 1rem;
        padding-bottom: .5rem;
    }


    @media screen and (max-width:768px) {
        #discountPopup .modal-content {
            z-index: 1090 !important;
        }

        #discountPopup {
            z-index: 1090 !important;

        }

        .Coupon-Code-Box {
            margin-top: 0rem;
            margin-bottom: 3rem;
        }

        #guestSignupBlock {
            margin-top: 1rem;
            margin-bottom: 2rem;
        }

        .logo-img-discount {
            width: 100px !important;
        }

        #coupon_text {
            font-size: var(--text-title-sm);
        }

        .btn-sm-block {
            width: 100%;
        }

        .girl-img {
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
            height: auto;
        }
    }