body.wscp-noscroll{
    overflow:hidden !important;
    height:100vh;
}


#wscp-popup{
    display:none;
    position:fixed;
    inset:0;
    background: #000000ab;
    z-index: 9999;
    backdrop-filter: blur(10px);
}

.wscp-box{
    max-width:900px;
    background: linear-gradient(0deg, #cdd4e9 50%, #2633ac 50%);	
    border-radius:16px;
    text-align:center;
    margin:auto;
    position:relative;
    top:50%;
    transform:translateY(-50%);
	border-radius: 5px;
}

.wscp-btns{
    display:flex;
    gap:12px;
    margin-top:20px;
}

.wscp-btns button, .wscp-btns a{
    flex:1;
    padding:12px;
    border-radius:8px;
    text-decoration:none;
    background:#111;
    color:#fff;
    border:none;
    cursor:pointer;
}

.pop-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.popup-top {
	background: #2633ac;
    color: #ffffff;
	padding: 40px;
	border-radius: 5px 5px 0px 0px;
}

img.popup-logo {
    width: 160px;
}

.popup-top .right span img {
    width: 24px;
}

.head.pop-row {
    align-items: center;
    margin-bottom: 12px;
}

.popup-bottom {
	background: #cdd4e9;
    color: #000000;
	padding: 40px;
    border-top-left-radius: 100% 50px;
    border-top-right-radius: 100% 50px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.popup-top .right span {
    display: flex;
    text-align: left;
    gap: 10px;
    align-items: center;
    margin-bottom: 10px;
    font-size: 14px;
}

.popup-top h2 {
    font-size: 33px;
    color: #ffffff;
    line-height: 46px;
    text-align: left;
    margin-bottom: 0px;
}

.profile-row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 20px;
}
.moderator.speaker-col {
    width: 30%;
}

.speaker.speaker-col {
    width: 70%;
}

.wscp-box img {
    display: inline;
}

.regnow {
	color: #ffffff;
    background: #1c1e31;
    padding: 10px 20px;
    border-radius: 34px;
    display: block;
    width: 160px;
    margin-left: auto;
    font-size: 16px;
    border: 2px solid #1c1e31;
}
.regnow:hover {
	color: #1c1e31;
    background: #cdd4e9;
}

.speaker-col {
    text-align: left;
}

.speaker-col h5 {
    color: #1D1B1B;
    font-size: 16px;
    font-weight: 400;
}

.moderator .profile {
    border-right: 1px solid #00000030;
}

.speaker.profile-row {
    gap: 0px;
}

.speaker.profile-row .profile {
    width: 33%;
}

.profile h4 {
    font-size: 18px;
    font-weight: 500;
    color: #1D1B1B;
    margin-bottom: 2px;
}

.profile p {
    color: #1D1B1B90;
    font-size: 14px;
    line-height: 18px;
}

.profile img {
    width: 70px;
    border-radius: 100px;
}

button#wscp-close {
    font-size: 16px;
    padding: 14px 9px;
    line-height: 0px;
    border-radius: 20px;
    border: 1px solid #ffffff50;
    font-weight: 400;
    background: #2633ad;
    color: #ffffff;
    position: absolute;
    top: 5px;
    right: 5px;
}

@media only screen and (max-width: 1024px) and (max-width: 767px) {
	.wscp-box { max-width: 360px; }
    .popup-top h2 { font-size: 24px; line-height: 28px; }
    .popup-top { padding: 20px; }
    .popup-bottom { padding: 20px; border-top-left-radius: 100% 25px; border-top-right-radius: 100% 25px; }
    .head.pop-row { flex-wrap: nowrap; }
    img.popup-logo { width: 100px; }
    .popup-top .right span { margin-bottom: 5px; font-size: 12px; }
    .popup-top .right span img { width: 20px; }
    .profile-row { flex-wrap: wrap; gap: 10px; }
    .moderator.speaker-col { width: 100%; }
    .speaker.speaker-col { width: 100%; }
    .speaker-col h5 { margin-bottom: 7px; }
    .moderator .profile { border-bottom: 1px solid #00000030; border-right: none; padding-bottom: 15px; }
    .profile { display: flex; align-items: center; gap: 10px; }
    .profile img { width: 60px; }
    .profile h4 { margin-bottom: 0px; }
    .profile p { margin-bottom: 0px; font-size: 12px; }
    .speaker.profile-row { flex-wrap: wrap; gap: 10px; }
    .speaker.profile-row .profile { width: 100%; }
    .regnow { width: 150px; font-size: 14px; margin-top: 10px; }
    button#wscp-close { top: -15px; right: 0px; border-radius: 5px; border-color: #2633ad; }
}