.zbs-widget-container {
    position: relative;
}
.zbs-widget-container {
    min-height: 600px;
    width: 100%;
    margin: auto;
}

.zbs-widget-container iframe.zbs-iframe-widget {
    min-height: 770px;
    width: 100%;
}

.zbs-widget-container .zbs-close-icon {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 20px;
    font-style: normal;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background:rgba(0,0,0,0.2);
    color: #fff;
    align-items: center;
    justify-content: center;
    display: flex;
    cursor: pointer;
}

/* Widget Loader styles */
.zbs-is-loader-on {
    min-width: 200px;
    width: 100%;
    height: 400px !important;
    padding: 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ccc;
    cursor: pointer;
    transition: 0.3s linear;
    background: rgba(0, 0, 0, 0.8);
    opacity: 1 !important;
}
.zbs-is-loader-on .zbs-loader {
    width: 60px;
    height: 60px;
    display: inline-block;
    position: relative;
}
.zbs-is-loader-on .zbs-loader::before,
.zbs-is-loader-on .zbs-loader::after {
    content: "";
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #FFF;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: zbs-zoom-in 2s linear infinite;
    animation: zbs-zoom-in 2s linear infinite;
    opacity: 0;
}
.zbs-is-loader-on .zbs-loader::after {
    animation-delay: 1s;
}

/* Animation styles */
.zbs-fadeInUp {
    animation: 0.6s zbs-fadeInUp 0.3s cubic-bezier(0.42, 0, 0.7, 1.29) forwards;
}
.zbs-fadeOutDown {
    animation: zbs-fadeOutDown 0.3s cubic-bezier(0.42, 0, 0.7, 1.29) forwards;
}

/* Animation keyframes */
@keyframes zbs-fadeInUp {
    0% {
        opacity: 0;
        visibility: hidden;
        transform: translateY(100px);
    }
    100% {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}

@keyframes zbs-fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0);

    }
    100% {
        opacity: 0;
        transform: translateY(100px);
    }
}

@keyframes zbs-zoom-in {
    0% {
        transform: scale(0.1); opacity: 1;
    }
    100% {
        transform: scale(1); opacity: 0;
    }
}

.zbs-widget-container iframe.zbs-iframe-widget .embed-ticket-modal .by-tkt-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}