.login-poup-overlay{ position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index:10000; background-color:rgba(0,0,0,.63);}
.login-poup{ max-width:600px; width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); margin:0 auto; 
background-color: #4e2098;
      border-radius: 10px;
    border: 0;  
 }

.login-poup:after {
    border: double 5px transparent;
    background-origin: border-box;
    background-clip: content-box, border-box;
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 100%;
    border-radius: 0px 0px 7px 7px;
    background-color: #FFF;
}


.login-poup-inner{ max-width:450px; padding:0px 15px; margin:0 auto; text-align:center;} 
.login-poup .title{ font-size:36px; color:#FFF; font-weight:600; line-height:42px; padding-bottom:25px;
   
}
.login-poup .title span{ display:block;}
.login-poup p{ margin:0; padding:0; color:#000000; font-size:16px; font-weight:700; text-align:center;color: var(--dc-primary);}
.login-poup .sub-title{ color:#4d4d4d; font-size:14px;}
.login-poup .divider{ width:80px; height:2px; background:#e6e6e6; margin:25px auto;}

.login-poup-form{ padding-top:25px; padding-bottom:40px;}
.login-poup .field-group{ margin-bottom:15px; position:relative;}
.login-poup .form-field{ border:1px solid #cccccc; width:100%; height:50px; border-radius:10px; padding:0px 15px; font-size:16px; color:#000;}
.login-poup .form-field:focus{ border-color:#000;}
.login-poup .btn-group{ margin-top:15px;}

/*.login-poup .country-flag{ display:flex; position:absolute; left:0; top:0; align-items:center; height:100%; width:110px; justify-content:center;}
.login-poup .country-flag img{ vertical-align:middle;}
.login-poup .country-flag .country-code{ font-size:14px; color:#000; font-family: 'Roboto'; padding-left:7px;}
.login-poup .country-flag .arrow-btn{ height:0; width:0; border-left:7px solid transparent; border-right:7px solid transparent; border-top:7px solid #000; margin-left:7px; position:relative;}
.login-poup .country-flag .arrow-btn:before{ content:''; position:absolute; height:0; width:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #fff; left:-6px; top:-8px;} */

.login-poup .phone-field{ padding-left:100px;}

.login-poup .btn-submit{ color:#fff; font-size:16px;font-weight:700; padding:12px 40px; border:none;
    background: rgb(247,0,208);
    background: linear-gradient(0deg, rgba(247,0,208,1) 0%, rgba(255,31,47,1) 29%, rgba(242,83,73,1) 48%, rgba(255,169,63,1) 75%, rgba(172,241,183,1) 100%);
    border-radius: 10px;

}


.login-poup .form-field::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:#999999; text-transform:capitalize;}
.login-poup .form-field::-moz-placeholder { /* Firefox 19+ */color:#999999; text-transform:capitalize;}
.login-poup .form-field:-ms-input-placeholder { /* IE 10+ */color:#999999; text-transform:capitalize;}
.login-poup .form-field:-moz-placeholder { /* Firefox 18- */color:#999999; text-transform:capitalize;}
.login-poup .login-poup-close{ padding:15px 15px; text-align:right;}
.login-poup .login-poup-close button{background:none;border:0; color: #fff; font-size:34px; font-weight:600; line-height:30px; align-items:center;}
 
.login-poup .intl-tel-input .selected-flag .iti-arrow{ border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #555;}
.login-poup .field-group .wpcf7-not-valid-tip{ text-align:left; font-size: 12px;}    

.login-poup .intl-tel-input.separate-dial-code .selected-dial-code { padding-left: 10px; font-size: 14px; }

.intl-tel-input.separate-dial-code .selected-flag {
    background-color: transparent;
    border-right: 1px solid #ccc;
}

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
    background-color: transparent;
}

.iti-mobile .intl-tel-input.iti-container{
    z-index: 10000 !important;
}

.login-poup input.wpcf7-form-control.wpcf7-text.wpcf7-phonetext.form-control.onlynumber{
    height: 50px;
    border: 1px solid #ccc;
}


.login-poup .onlynumber{
    border-radius: 10px;
}

.submitBut{
   font-weight: 500;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: #7D2EED;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #FFFFFF;
    border-radius: 10px;
    padding: 10px 30px; 
}

    
/**media css start**/ 
    
@media only screen and (max-width:1599px) {
.login-poup .login-poup-close{ padding:10px 15px;}
.login-poup .title{ font-size:32px; line-height:38px;}
.login-poup .divider{ margin:20px auto;}
.login-poup .divider{ margin-top:10px;}
.login-poup-form{ padding-top:20px; padding-bottom:35px;}
.login-poup .form-field{ height:48px;}
.login-poup .field-group{ margin-bottom:12px;}
.login-poup .btn-submit{ padding:10px 35px;}
}

  
    
@media only screen and (min-width:0px) and (max-width:767px){
    .login-poup .login-poup-close{ padding:10px 15px 5px;}
    .login-poup .divider{ margin:15px auto;}
    .login-poup .form-field{ font-size:14px; height:46px;}
    .login-poup .field-group{ margin-bottom:12px;}
    .login-poup-form{ padding-top:15px; padding-bottom:40px;} 
    .login-poup .btn-group{ margin-top:10px;position: relative;}
    .login-poup .login-poup-close button{ font-size:30px; line-height:20px;}
    .login-poup .sub-title{ font-size:13px;} 

    .login-poup input.wpcf7-form-control.wpcf7-text.wpcf7-phonetext.form-control.onlynumber{
    height: 46px;
}
    
} 
    
    
@media only screen and (min-width:600px) and (max-width:767px){
    .login-poup .title{ font-size:28px; line-height:38px;} 
    .login-poup .btn-submit{ padding:10px 30px; font-size:15px;}
    .login-poup p{ font-size:15px;}
    .login-poup{ max-width:500px;}
}

@media only screen and (min-width:481px) and (max-width:599px){
    .login-poup .title{ font-size:24px; line-height:34px;} 
    .login-poup .btn-submit{ padding:10px 30px; font-size:15px;}
    .login-poup p{ font-size:15px;}
     .login-poup{ max-width:80%;}
}

@media only screen and (min-width:376px) and (max-width:480px){  
    .login-poup-inner{ max-width:100%;}
    .login-poup .btn-submit{ padding:8px 20px; font-size:14px;}
    .login-poup .title{ font-size:22px; line-height:28px;} 
    .login-poup .form-field{height:42px;}
    .login-poup .btn-group{ margin-top:5px;}
    .login-poup p{ font-size:14px;}
    .login-poup{ max-width:80%;}
    .login-poup input.wpcf7-form-control.wpcf7-text.wpcf7-phonetext.form-control.onlynumber{
    height: 42px;
}
  
}
 
    
@media only screen and (min-width:0px) and (max-width:375px){
    .login-poup-inner{ max-width:100%;}
    .login-poup .title{ font-size:20px; line-height:26px;} 
    .login-poup .btn-submit{ padding:8px 20px; font-size:14px;}
    .login-poup .form-field{height:42px;}
    .login-poup .btn-group{ margin-top:5px;}
    .login-poup p{ font-size:14px;}
    .login-poup{ max-width:80%;}
    .login-poup input.wpcf7-form-control.wpcf7-text.wpcf7-phonetext.form-control.onlynumber{
    height: 42px;
}
  
}