@import "../../../styles/varibale.scss";
.signUpMain{
   // background: #FAFAFA;
   :global(.ant-input[disabled]){
      color:#000 !important;
   }
   :global(ant-input-disabled){
      color:#000 !important;
   }
   :global(.ant-form-item){
      margin-bottom: 8px !important;
   }
}
.titleText{

}
.rowMargin{
   padding-right: 10px !important;
}
.messageContainer{
   background: $primaryColor;
   color: #fff;
   padding: 1rem;
 }
.bgImageParent{
   position: relative;
   width: 100%;
   height: 100%;
}
.titleText{
   font-weight: 700;
   font-size: 30px;
   line-height: 1.2;
   color: $primaryColor;
   text-align: center;
   background: #d7d1fb;
   padding: 10px 0;
}
.titleText1{
   font-weight: 700;
   font-size: 22px;
   line-height: 1.2;
   color: $primaryColor;
   padding: 10px 0;
}
.imagesBackGround{
    background-image: url("/images/signUp.svg");
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.formMain{
   align-items: center;
   flex-direction: column;
   display: flex;
   background: #FAFAFA;

}
.formInput{
   width: 100%;
   margin-right: 20px;
}
.inputBusiness{
    width: 100% !important;
   margin-right: 20px;
}
.formMain > div > form > div > div > div > label{
   color: $primaryColor;
}

.formMain > div > form > div > div > div > label::after{
content: "" !important;
}

.m_bgImage{
   display: none;
}


@media (max-width: 1199.98px) {
   .imagesBackGround {
   
     display: none;
   }
   .m_bgImage{
       display: block;
   }
}

@media (max-width: 768.98px) {
   .tabsData{
    margin: 0.75rem 0
   }
   .rowMargin{
    padding-right: 0px !important;
    width: 100% !important;
   }
   .radioButton{
     padding: 0;
   }
 }