.pre-chat-popup{
 display:block;
 position:absolute;
 
 
 height:100vh;
 bottom:0;
 background-color:var(--prechat-popup-background-color);
 border-radius:var(--prechat-popup-border-radius);
 border:var(--prechat-popup-border);
}

.pre-chat-popup .pre-chat-popup__main{
 padding-top:0 !important;
 
 
 
 
 height:var(--body-height);
 padding:calc(2 * 16px) 16px;
 
 
 text-align:center;
 overflow:auto;
 overflow-x:hidden;
 
 
 
 
 
}
















.theLogo{
 width:var(--prechat-popup-logo-width);
}

.logoPreChat{
 z-index:1;
 position:absolute;
 top:var(--prechat-popup-logo-vertical-position);
 display:flex;
 width:100%;
 align-content:center;
 justify-content:center;
 align-items:center;
}

.sectionA{
 position:relative;
}

.sectionB{
 position:absolute;
 width:var(--prechat-popup-form-holder-width);
 height:15%;
 
 top:var(--prechat-popup-form-holder-vertical-position);
 
 
 
 
 left:var(--prechat-popup-form-holder-horizontal-position);
}








































.preChatFormContainer span{
 border:none;
 background:transparent;
}

.HeadingText{
 color:var(--prechat-popup-form-headertext-color) !important;
 font-size:var(--prechat-popup-form-headertext-size) !important;
}

.divider-separator{
 
}

.preChatContactInput{
 border:1px solid var(--main-color);
 background:white;
 border-radius:var(--prechat-popup-form-input-radius);
 padding:5%;
 margin-top:4%;
 margin-bottom:4%;
 width:100%;
}

.preChatContactInput:focus{
 box-shadow:0 0 10px 0 var(--main-color);
}





















.preChatFormContainer{
 
 
 
 
 
 padding:6%;
 
 position:relative;
 
 
}





















.btnHolder{
 width:100%;
 text-align:center;
 margin-top:var(--prechat-popup-form-btn-vertical-position);
}

.btnHolder button{
 border-radius:10rem !important;
 background:var(--prechat-popup-form-btn-background) !important;
 
 color:var(--prechat-popup-form-btn-text-color) !important;
 font-weight:700 !important;
 width:var(--prechat-popup-form-btn-width);
 padding:var(--prechat-popup-form-btn-padding);
 
}

.btnHolder button:hover{
 background:var(--prechat-popup-form-btn-hover-background) !important;
 color:var(--prechat-popup-form-btn-text-hover-color) !important;
}






.waterMark img{
 width:90%;
 right:0;
 bottom:0;
 position:absolute;
}























.btnHolder button:hover .icon-unlock,
.btnHolder button .icon-lock{
 display:none;
}
.btnHolder button:hover .icon-lock{
 display:inline;
}


.intl-tel-input{
 width:100% !important;
 direction:ltr;
}



#mobile-number{
 border:1px solid var(--main-color);
 background:white;
 border-radius:var(--prechat-popup-form-input-radius);
 height:35px;
}

.mandetoryField{
 text-align:left !important;
 color:var(--main-color) !important;
}