@import "../../../../styles/varibale.scss";


.leftTitle {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2;
  color: $primaryColor;
  margin-bottom: 2rem;
}
.gutterCol{
  position: relative;
}
.starText{
  font-weight: 400;
font-size: 14px;
line-height: 1.2;
color: #F54747;

}
.logo{
  margin: 8px !important;
  margin-left: 0 !important;
}
.starText2{
  position: absolute;
  top: -25px;
  left: 27%;
  color: red;

}
.hidden{
  display: none !important;
}
.formLabel2{
  width: 100%;
}
.starText1{
  position: absolute;
  /* top: -25px; */
  left: -17px;
  color: red;
}
.starText21{
  position: absolute;
  /* top: -25px; */
  left: -17px;
  color: red;
}


.subTitle{
  font-weight: 500;
font-size: 18px;
line-height: 1.2;
color: $primaryColor;
margin-top: 2rem;
}
.spanHeading{
background: #fff;
padding: 0 8px;
}
.sellerTitle{
  position: relative;
}
.sellerTitle::after{
  content:'';
  position: absolute;
  width: 100%;
  height: 1px;
  background: $lighterGray;
  left: 0;
  top: 50%;
  z-index: -1;
}

.rightCardContainer {
  background: $grayBackground;
  border-radius: 6px;
  padding: 1rem;
  border: $lighterGrayBorder;
}
.cardTitleMain {
  display: flex;
  align-items: center;
}
.cardTitle {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
  color: $primaryColor;
  margin-bottom: 0;
  padding-left: 8px;
}
.cardContent {
  font-weight: 300;
  font-size: 10px;
  line-height: 1.2;

  color: #797979;
}
.tssRadioGroup{
  width: 100%;

}
.formMain{

}
.formMain  > form > div > div > div > label{
    color: $primaryColor;
}

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

}

.verifyButton{
  margin-top: 1.35rem;
  background: $fourthColor;
  border: $borderPrime;
}
.inputBusiness{
  display: block;
}
.tssRadioGroup label{
  display: block;
}
@media (max-width: 768px) {
  .cardContainer {
    padding-right: 0;
  }
  .inputBusiness{
    width: 100%;
  }
  
}