/* Custom styles for the combined authentication form */

.hide {display: none;}
.cua-tabcontent .elementor-field-group{margin-bottom: 12px;}

.cua-tabcontent input[type="text"],
.cua-tabcontent input[type="email"],
.cua-tabcontent input[type="password"],
.cua-tabcontent input[type="url"]{
    background-color: #ffffff;
    border-radius: 100px 100px 100px 100px;
    font-family: "Heebo", Sans-serif;
    font-size: 16px;
    min-height: 47px;
    padding: 6px 16px;
}

.auth_btn{
    font-family: "Heebo", Sans-serif !important;
    font-size: 1vw !important;
    font-weight: 500 !important;
    background-color: #6f8d7d !important;
    border-radius: 100px 100px 100px 100px !important;
    cursor: pointer;
    width: 100% !important; 
}
.modal {padding: 30px 10px;}
.user-login{
    color: #7a7a7a;
    font-family: "Heebo", Sans-serif;
    text-align: center;
}

.error {border-color: #b90707 !important;}

.success {color: green;}

label.error {color: #b90707;}
.captch-error{border: 1px solid;border-radius: 5px;}

.cua_loading {
  width: 20px;
  height: 20px;
  border: 3px dotted #FFF;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  animation: rotation 2s linear infinite;
}
.toggle_link {padding: 0 !important;}
.elementor-col-48 {width: 49%;}
.d-flex{display: flex;align-items: center;justify-content: space-between;}



/* for mobile */

@media screen and (max-width: 767px) {
    .elementor-col-48 {width: 100%;}
    .d-flex{display: block;}
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}