.modal-backdrop.show {
	z-index: 0;
	opacity: 0.7;
}
.modal-open .modal,
.modal-open {
	padding-right: 0 !important;
}
.modal-header {
	position: relative;
	
	.close {
		width: 30px;
	    height: 30px;
	    border: 2px solid var(--brand-col1);
	    box-sizing: border-box;
	    border-radius: var(--border-r50per);
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    padding: 0;
	    position: absolute;
	    right: 35px;
        top: 35px;
        cursor: pointer;
        z-index: 1;
        
        span {
        	display: flex;
		    align-items: center;
		    justify-content: center;
            color: var(--brand-col1);
            
            i {
            	font-size: var(--font20);
            	color: var(--brand-col1);
			}
        }
	}
}
.modal-header.no-border {
    min-height: 5vh;
    padding: var(--p15) var(--p15) 0;
}
.w_35vw {
	max-width: 35vw;
}
.w_40vw {
	max-width: 40vw;
}
.w_45vw {
	max-width: 45vw;
}
.w_50vw {
	max-width: 50vw;
}
.w_60vw {
	max-width: 60vw;
}


.modal-dialog {
	max-width: 100%;
	overflow: hidden;
    justify-content: center;
}
.modal-content {
	width: 100%;
	max-height: 80vh;
	overflow: hidden;
	border-radius: var(--border-r26);
}
.modal-body {
	height: auto;
    overflow: hidden;
    overflow-y: auto;
	padding: var(--p15);
}


.modal-body {
	.statusImg {
		width: 62px;
		height: 62px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: auto;
		margin-bottom: var(--p30);
		border-radius: var(--border-r50per);
	
		i {
            width: 32px;
            height: 32px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: var(--border-r50per);
		}
	}
	.successStatImg {
		background: var(--brand-col2-rgba1);
		
		i {
			font-size: var(--font36);
			color: var(--brand-col2);
		}
	}
	.failStatImg {
		background: var(--col8-rgba2);
		
		i {
			font-size: var(--font16);
			color: var(--col11);
			background: var(--col8);
		}
	}
	.msg {
		font-weight: 600;
		color: var(--col21);
		font-size: var(--font24);
		padding-bottom: var(--p10);
        display: inline-block;
	}
	.msg:after {
		content: '';
		height: 3px;
		width: 50%;
		display: inline-block;
		background:var(--brand-col1);
		border-radius: var(--border-r2);
	}
	.detail {
		font-weight: normal;
		font-size: var(--font16);
		color: var(--col20);
		line-height: normal;
	}
	.error-case {
		padding: var(--p20) var(--p30) 0;
		
		li {
			list-style: auto;
			color: var(--col20);
			padding-top: var(--p5);
			font-weight: normal;
			font-size: var(--font16);
			
			strong {
				color: inherit;
			}
		}
	}
}







#signInModal,
#SignUpModal {
	.modal-content {
		padding: 0 var(--p15);
	}
	.modal-header.no-border {
		padding: 0;
	}
	.modal-body {
		height: 75vh;
		padding-top: 0;
		
		.logoBox {
            margin-bottom: var(--p24);
           	display: flex;
		    align-items: center;
		    justify-content: center;
		    gap: var(--p5);
		    
			.img {
				width: 46px;
			}
			.logoText {
				font-weight: 600;
            	font-size: var(--fs18);
				color: var(--brand-col1);
			}
		}
	}
   .j-s-before,
   .j-s-after {
		z-index: 0;
		display: block;
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
		background-size: contain;
	}
    .j-s-before {
		height: 90px;
		width: 90px;
		left: -25px;
		top: -35px;
		background-image: url(/BlitzMobiSiteImages/images/wt/contact/dot.png);
   }
	.j-s-after {
		height: 90px;
        width: 90px;
        right: 10px;
        bottom: -55px;
		background-image: url(/BlitzMobiSiteImages/images/wt/contact/dot.png);
     }
}
@media only screen and (max-width: 768px) {
    .modal-content {
    	height: fit-content;
        max-width: 100vw !important;
        max-height: 75vh;
	}
}

#CongModal .logoBox {
      margin-bottom: var(--p24);
      display: flex;
      align-items: center;
      justify-content: center;
      gap: var(--p5);
    }

#CongModal .msg::after {
	display:none;	
}

#CongModal .modal_inner{
	margin-bottom:20px;
}

#CongModal .modal_inner .action-cta .rbtn{
	min-width:100px;
}