.b2b-btn{
  width: 100%;
  padding: 15px;
  background: var(--btnbg-color);
  color: var(--white-color);
  border: none;
  border-radius: var(--border-radius);
  font-size: 16px;
  cursor: pointer;
  transition: var(--transition);
  margin-top: 10px;
  font-weight: 600;
}
.b2b-btn:hover{
  opacity: 0.8;
}

/***signup style**/

.b2b-wrapper{
 min-height: 100vh;
}
.b2b-wrapper-left{
  width: 50%;
  position: relative;
  background-size: cover;
  min-height: 400px;
}
.b2b-wrapper-left p{
  margin-top: 10px;
  font-size: 20px;
}

.b2b-wrapper-content{
  position: absolute;
  padding: 50px;
  top: 0;
  left: 0;
}
.mt-0{
  margin-top: 0 !important;
}
.b2b-wrapper-right{
  width: 50%;
  padding: 50px;
  display: flex;
}
.b2b-wrapper-inner{
  width: 100%;
}
.b2b-wrapper-right h2{
  margin-top: 40px;
}
.b2b-form-box{
  margin-top: 40px;
}

.b2b-form-btn p{
  text-align: center;
  margin-top: 30px;
}
.b2b-form-btn p a{
  font-weight: bold;
  color: var(--black-color);
  text-decoration: none;
}
.b2b-form-btn p a:hover{
  text-decoration: underline;
}
.b2b-forgot a{
  font-size: 14px;
  text-decoration: none;
  color: var(--black-color);
}
.b2b-forgot a:hover{
  text-decoration: underline;
}
.page-template-signup-page {
    height: 100%;
}

.page-template-signup-page .b2b-wrapper {
    height: 100%;
}

.page-template-signup-page .b2b-wrapper .b2b-wrapper-right {
    overflow-y: auto;
    height: 100%;
}
/***Responsive style**/
@media screen and (max-width: 1199px) {
  h1{
    font-size: 40px;
  }
  h2{
   font-size: 22px;
 }
 .b2b-wrapper-right, .b2b-wrapper-content{
  padding: 30px;
}
}

@media screen and (max-width: 767px) {
  h1{
    font-size: 32px;
  }
  h2{
   font-size: 20px;
 }
 .b2b-wrapper-right, .b2b-wrapper-content{
  padding: 15px;
  width: 100%;
}
.b2b-wrapper-left{
  width: 100%;
}
.page-template-signup-page .b2b-wrapper .b2b-wrapper-right{
  height: auto;
}
}