.top-modal {
/*    min-height: 200px;*/
    width: 100%;
/*    background: linear-gradient( -90deg,#99c940,#54a360 40%,#017686);*/
    /*background: #0b45a8;*/
    position: fixed;
    top: unset;
    bottom: 0;
    left: 0;
    z-index: 999999;
    margin-top: 0px;
    transition: all 0.6s;
    transform: translateY(100%);
    display: flex;
    align-items: center;
    box-shadow: 0 1px 5px 0 rgb(0 0 0 / 10%);
/*    padding-top: 20px;*/
/*    padding-bottom: 20px;*/
}
.top-modal.apa-webinar {
    background: url("../images/webinar-registration/webinar-popup-bg-1.png");
    position: fixed;
}
.top-modal.show {
    transform: translateY(0%);
}
.wr-btn-big {
    font-size: 18px;
    padding: 8px 18px;

}
.wr-top-modal-head1 {
    font-size: 30px;
    margin-bottom: 16px;
}
.wr-top-modal-head2 {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.8;
}
@media (max-width: 1366px) {
    .wr-top-modal-head2 {
        font-size: 28px;
    }
}
@media (max-width: 375px) {
    .wr-top-modal-head2 {
        font-size: 22px;
    }
    .wr-top-modal-head1 {
        font-size: 18px;
    }
}

.webinar-close {
    height: 22px;
    width: 22px;
    background-color: #ffffff;
    border-radius: 50%;
    color: #000000;
    position: absolute;
    right: 15px;
    top: 10px;
    text-align: center;
    line-height: 1;
    border: none;
    font-size: 12px;
}
.webinar-close:focus {
    outline: none;
}
.remove-hidden {
    overflow: auto !important;
}
.webinar-overlay {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    position: fixed;
    z-index: 99999;
    background-color: rgb(0 0 0 / 20%);
    display: none;
}

.font-20 {
    font-size: 20px;
}
.font-30 {
    font-size: 30px;
}
.top-modal .custom-button:hover {
    color: #333333;
    -webkit-box-shadow: 0px 14px 30px 0px rgb(0 0 0 / 30%);
    box-shadow: 0px 14px 30px 0px rgb(0 0 0 / 30%);
}
.gitex-modal {
    background: linear-gradient( 45deg,#66174f,#c10728,#eb4d20,#f06d11 75%,#fbb30b);
}
.gitex-modal-col-1,
.gitex-modal-col-2 {
    border-right: 1px solid #ffffff;
}
.gitex-modal-left,
.gitex-modal-center,
.gitex-modal-right {
    max-width: 320px;
    margin: 0 auto;
    padding: 16px;
}
.gitex-modal-left img,
.gitex-modal-center img,
.gitex-modal-right img {
    width: 100%;
}
.web-webinar {
    display: block;
}
.mobile-webinar {
    display: none;
}
@media (max-width: 767px) {
    .gitex-modal {
        background: linear-gradient( 45deg,#66174f -10%,#c10728,#eb4d20,#f06d11 75%,#fbb30b);
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .gitex-modal-left,
    .gitex-modal-center,
    .gitex-modal-right {
        max-width: 160px;
    }
    .gitex-modal-col-1,
    .gitex-modal-col-2 {
        border-right: 0px;
    }
    .gitex-modal-left, .gitex-modal-center, .gitex-modal-right {
        padding: 2px 0;
    }
    .web-webinar {
        display: none;
    }
    .mobile-webinar {
        display: block;
    }
}