.signup-banner {
    background-image: url(../img/banner.jpg);
/*    min-height: 100%;*/
position: relative;
    background-repeat: no-repeat;
/*    width: 100%;*/
    min-height: 100vh;
    background-size: cover;
    background-position: center;
    /* border-radius: 0px 14px 14px 0px; */
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #009D85;
}
.login_area_bg{
background-image: url(../img/Mask_login.svg);
position: relative;
bottom: 0;
right: 0;
    z-index: 9;
}

.ForgotPassword_lbl a{
        font-size: 12px;
    color: #333;
}
/* img.img-fluid.ft-logo {
    position: absolute;
    bottom: 30px;
    left: 30px;
} */
img.img-fluid.ft-logo2 {
    position: absolute;
    top: 30px;
    left: 30px;
    width: 100px;
}
.login_area .label-float svg{
    position: absolute;
    top: 24px;
    left: 15px;
}
.login_area .label-float img{
    position: absolute;
    top: 24px;
    left: 15px;
}
.label-float {
    position: relative;
    padding-top: 10px;
}
body{
	background-color: #ffffff;
}
.sign_in-title{
font-weight: 300;
font-size: 25px;
color: #0d466c;
}
.sign_in-title span{
    font-weight: 700;
}
form.register-form {
    width: 100%;
    margin-bottom: 60px;
}
.Account_details{
display: flex;
justify-content: space-between;
border: 1px solid rgba(102, 102, 102, 0.35);
border-radius: 12px;
background: #fff;
height: 47px;
align-items: center;
padding: 10px;
font-weight: 300;
font-size: 15px;
color: #333;
margin-bottom: 5px;
}
.Account_details:hover{
  color: #6bba29;
  border: 0.50px solid rgba(107, 186, 41, 0.6);
  background: #f1f8ea;
}
.Account_details.active svg path{
    stroke: #6BBA29;
    /* fill: #6BBA29;   */
}
.Account_details:hover svg path{
    stroke: #6BBA29;
    /* fill: #6BBA29;   */
}
.btn-Sign-In:hover{
        color: #e7e7e7;
}


/* .middle_info{
    display: none;
} */
.item.highlight {
   /* background-color: #d1e7dd;  */
   /* border: 2px solid #0f5132;
   border-radius: 5px; */
   color: #72b62b;
}
.item.highlight svg path{
stroke: #72b62b;
}

form#Upemultistepsform {
    width: 100%;
}
.Account_details.active {
    color: #6bba29;
    border: 0.50px solid rgba(107, 186, 41, 0.6);
    background: #f1f8ea;
    box-shadow: 0 0 7px #6bba2954;
}
.Account_details div {
  pointer-events: none; 
}

.upe-mutistep-form .step{
    display: none;
}
.upe-mutistep-form .step-header .steplevel {
    position: relative;
    flex: 1;
    padding-bottom: 30px;
}
.upe-mutistep-form .step-header .steplevel.active {
    font-weight: 600;
}
.upe-mutistep-form .step-header .steplevel.finish {
    font-weight: 600;
    color: #009688;
}
.upe-mutistep-form .step-header .steplevel::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    z-index: 9;
    width: 20px;
    height: 20px;
    background-color: #d5efed;
    border-radius: 50%;
    border: 3px solid #ecf5f4;
}
.upe-mutistep-form .step-header .steplevel.active::before {
    background-color: #3fbdb4;
    border: 3px solid #d5f9f6;
}
.upe-mutistep-form .step-header .steplevel.finish::before {
    background-color: #3fbdb4;
    border: 3px solid #3fbdb4;
}
.upe-mutistep-form .step-header .steplevel::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 8px;
    width: 100%;
    height: 3px;
    background-color: #f3f3f3;
}
.upe-mutistep-form .step-header .steplevel.active::after {
    background-color: #a7ede8;
}
.upe-mutistep-form .step-header .steplevel.finish::after {
    background-color: #009688;
}
.upe-mutistep-form .step-header .steplevel:last-child:after {
    display: none;
}

.item p{
padding: 0;
margin: 0;
}
        .MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#ccc; }
.MultiCarousel {
  position: relative;
  display: flex;
  align-items: center;
}

.MultiCarousel-inner-wrapper {
  overflow: hidden;
  width: 100%;
}

.MultiCarousel-inner {
  display: flex;
  transition: transform 0.5s ease;
  will-change: transform;
}
.owl-item .item .d-flex{
gap: 5px;
}
.owl-nav {
    position: relative;
      top: -42px;
}
button.owl-prev span {  
    font-size: 33px;
    background-color: #fff;
}
button.owl-prev {
    position: absolute;
    left: -20px;
    background-color: #fff;
}
button.owl-next {
    position: absolute;
    right: -20px;
    background-color: #fff;
}
button.owl-next span{
 font-size: 33px;
}
.item {
  flex: 0 0 auto;
  /* width: 200px; */
  /* margin: 0 5px; */
  text-align: center;
  padding: 5px 0;
  background-color: #f8f9fa;
  /* border-radius: 8px; */
  cursor: pointer;
  font-weight: 400;
font-size: 12px;
color: #666;
}
.item svg{
    width: 16px;
    height: 16px;
}
.Account_details p{
    margin: 0;
    padding: 0;
}
.Account_details .d-flex{
 gap: 5px;
 align-items: center;
}
.tag_line{
	font-weight: 400;
font-size: 12px;
color: #333;
}
.form-control{
background: #f8f7f7;
border-radius: 12px;
padding: 10px 20px 10px 50px;
height: 50px;
border: none;
font-weight: 400;
font-size: 15px;
color: rgba(102, 102, 102, 0.8);
}
.login_area {
    height: 100%;
    padding: 15px;
    max-width: 400px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.register_area {
    height: 100%;
    padding: 15px;
    max-width: 700px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.forgot-password {
 font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-size: 12px;
    text-decoration-skip-ink: none;
    text-align: right;
    color: #666666CC;
    position: absolute;
    right: 5px;
    bottom: 17px;
}
.btn-register {
    border-radius: 0px;
    background: #6bba29;
    font-weight: 500;
    font-size: 20px;
    height: 50px;
    text-align: center;
    color: #fff;
        display: flex;
    align-items: center;
    justify-content: center;
}
.btn-Sign-In{
border-radius: 0px;
    background: #0d466c;
    font-weight: 500;
    font-size: 20px;
    height: 50px;
    text-align: center;
    color: #fff;
     display: flex;
    align-items: center;
    justify-content: center;
}
.powered_logo{
       display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 4px;
}
.powered_logo img{
    width: 35px;
}
.powered_logo p {
     font-size: 11px;
    color: #333;
    margin: 0;
    padding: 0;
}
.powered_logo p a{
        color: #0D0E0E;
}
.password{
 padding: 10px 120px 10px 50px;
}
.btn-primary{
	background: #0d466c;
	border-radius: 12px;
height: 50px;
font-weight: 500;
font-size: 20px;
text-align: center;
color: #fff;
}
.btn-primary:hover {
    color: #fff;
    background-color: #0d466c;
    border-color: #0d466c;
}
i#togglePassword{
    font-size: 12px;
}
.ruda_logo {
    text-align: center;
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translate(-50%);
}

.ruda_logo img{
width: 150px;
margin: 20px auto 0px; 
}
.form-check-label2 {
    font-size: 12px;
    color: #333;
    font-weight: 600;
}
.form-check-label {
    font-size: 14px;
    color: #000C14;
    font-weight: 600;
}
.dont-have-account {
    color: #0D0E0E;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.info-account {
font-weight: 400;
font-size: 12px;
line-height: 167%;
text-align: center;
color: #333;
}
.otp-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* height: 100vh; */
}
@media (max-width: 780px) {
	.signup-banner{
		display: none !important;
	}
    .ruda_logo {
        text-align: center;
        position: relative;
        bottom: 0;
        left: 50%;
        transform: translate(-50%);
    }
}