body {
    margin: 0px;
    padding: 0px;
    font-family: 'Source Sans 3', sans-serif;
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0px;
    padding: 0px;
}

input {
    width: 100%;
}

input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: none;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    text-decoration: none;
    transition: 0.3s ease-in;
}

ul {
    padding: 0px;
    margin: 0px;
}

li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

/* header css start */
header.custom-header-web{
 
    background: #FFF;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
    position: fixed;
    width: 100%;
    z-index: 9999;
    top: 0;
    height: 96px;
}
nav.nav-custom-menu{
    padding: 6px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
ul.menu {
    display: flex;
}
ul.menu  {
    display: flex;
    gap: 30px;
}
ul.menu li{
    position: relative;
  
    z-index: 9;
}
span.main-line,
.usermenu ul li a,
ul.menu li a{
    position: relative;
    padding-bottom: 4px;
}
span.main-line{
    padding-bottom: 0px;
}
.usermenu ul li a::after,
span.main-line::after,
ul.menu li a::after{
    position: absolute;
    width: 0%;
    left: 0;
    height: 1px;
    content: "";
    background-color:#F0843A ;
    bottom: 0px;
    transition: 0.3s ease-in-out;
}
span.main-line::after{
    bottom: -4px;
}
ul.user-sub-menu li:hover span.main-line::after{
    width: 100%;

}
ul.menu li:hover > a::after{
    width: 100%;
}
.usermenu ul li:hover> a::after{
    width: 100%;
}
/* .usermenu ul li a::after{
    display: none;
}  */
/* .usermenu ul li:last-child a::after, */
.usermenu ul li ul.user-sub-menu li a::after{
    display: none;
}
/* ul.menu li:hover > li a::after{
    width: 100%;
} */
ul.userpage li:last-child a::after{
   display: none;
}
ul.menu li.active a::after{
    width: 100%;
}
ul.menu li:last-child a,
ul.menu li a span {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 16px; /* 88.889% */
}
ul.menu li a img {
    padding-left: 4px;
}


ul.menu li:last-child a {
    background: #F0843A;
    padding: 10px 16px;
    color: #FFF;
    /* font-family: Poppins; */
    font-style: normal;
    font-weight: 500;
    transition: 0.3s ease-in;

}
ul.menu li.menu-has-children:last-child:hover a{
    color: #fff;
    background-color: #000;
    border-color: #000;
} 
ul.menu li.menu-has-children:last-child:hover a::after{
    background-color: #000;
}
ul.menu li.menu-has-children:last-child:hover ul.sub-menu li a::after{
    background: #F0843A;

}
ul.menu li.menu-has-children:last-child:hover ul.sub-menu li a{
    background-color: transparent;
}
ul.menu li.menu-has-children ul.sub-menu  .shdaow li:last-child a {
    
    font-size: 18px !important;
    font-weight: 400 !important;
}

ul.menu li:last-child a::after{
    display: none;
} 
li.menu-has-children a::after{
    display: block !important;
}


/* ul.menu li:last-child:hover a::after{
    background-color: #000;
} */



ul.sub-menu{
    display: none;
    z-index: -1;

}
ul.menu li:hover ul.sub-menu{
    display: block;
    position: absolute;
   
    background-color: #fff;
    
  
    animation: down ease-in 0.3s;
    padding-top: 37px;
}
.shdaow{

    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
    
    width: 190px;
     padding: 19px 17px;
     
}
ul.sub-menu li:last-child {
    margin-bottom: 0px;
}
ul.sub-menu li:last-child a {
    padding: 0px;
    background-color: #fff;
}
ul.menu li:last-child ul.sub-menu li a span,
ul.sub-menu li a span{
line-height: 24px; /* 133.333% */
}
ul.sub-menu li{
    margin-bottom: 10px;
}

ul.menu li:last-child ul.sub-menu li a  {
    padding: 0px;
    background-color: #fff;
}
button.tooglemenu{
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    display: none;
}
.logo{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
button.close{
    border: none;
    background-color: transparent;
    outline: none;
    display: none;
}
span.dropdown{
    padding-left: 4px;
    display: inline-block;
}
.topmenu{
    position: relative;
}
/* header css end */


/* custom footer section start */
.blacksection{
    padding-top: 92px;
    padding-bottom: 111px;
    background: #22262A;
}
.footerlinkings{
    max-width: 1081px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    gap: 114px;
}

/* .linking {
    width: 100%;
    max-width: 150px;
} */
.linking ul li a,
.linking h6 {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; /* 88.889% */
    padding-bottom: 17px;
    transition: 0.3s ease-in;
}
.linking ul li a {



font-weight: 400;
line-height: 24px; /* 133.333% */
}
.linking ul li{
    padding-bottom: 10px;
}
.linking.socilalinks ul {
    display: flex;
    align-items: center;
    gap: 14px;
    justify-content: flex-end;
}
.linking ul li a,
.linking.socilalinks ul li {
    padding-bottom: 0px;
}

.footer-logo a img{
    height: 100%;
    width: 100%;
}
.linking ul li.active a ,
.linking ul li a:hover{
    color: #F0843A;
}

.linking.socilalinks {
 
    max-width: 167px;
    width: 100%;
    text-align: right;
}
.linking.socilalinks h6 {
    padding-right: 10px;
}
.greaysection{
    background: #F0F0F0;
}
.greaycontet{
    max-width: 1081px;
    width: 100%;
    margin: 0 auto;
    padding-top: 31px;
    padding-bottom: 35px;
}
.topheader{
    display: flex;
    justify-content: space-between;
    padding-bottom: 26px;
    border-bottom: 1px solid #808080;;
}
span.contactinfo p ,
span.contactinfo a,
.topheader p.copyright{
    color: #22262A;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    max-width: 522px;
    width: 100%; /* 133.333% */
}
span.contactinfo a,
.topheader p.copyright a {
    color: #22262A;

}
span.contactinfo p ,
span.contactinfo a {
text-align: right;
}
.subtitle-footerlast{
    padding-top: 27px;
}
.subtitle-footerlast p {
    color: #22262A;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px; /* 150% */
    padding-bottom: 10px;
}
.subtitle-footerlast p.copyright-text{
padding-bottom: 0px;
}
/* custom footer section end */




/* login process start  */
section.login{
    padding-top: 45px;
   
    min-height: 690px;
}
.login-form{
    max-width: 970px;
    width: 100%;
    margin: 0 auto;
}
.maintitles h1 {
    color: #2D8D45;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 100% */
    padding-bottom: 15.5px;
    max-width: 460px;
    width: 100%;
    display: block;
    border-bottom: 1px solid #4D4D4D;
    margin-bottom: 16.5px;
}
form.login-form label,
.hitlogin a,
section.login p,
.maintitles p {
    color: #22262A;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
}

.subtitle h2 {
    color: #22262A;
    font-size: 50px;
    margin-top: 37px;
    margin-bottom: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 60px; /* 120% */
}
form.login-form{
    padding-top: 34px;
}
form.login-form label{
    font-weight: 600;
    margin-bottom: 4px;
}
.inputfields input{
    border-radius: 3px;
    border: 1px solid #808080;
    background: #FFF;
    padding: 12px 16px;
}
.hitlogin,
.inputfields{
    margin-bottom: 19px;
    max-width: 736px;
    width: 100%;
}
.hitlogin{
    margin-bottom: 0px;
    padding-top: 15px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}
.hitlogin a {
    color: #F0843A;
    text-align: right;
    font-weight: 600;
    margin-bottom: 21px;
    width: fit-content;
    margin-left: auto;

}

.hitlogin  span,
.hitlogin  button {
    max-width: 150px;
    margin-left: auto;
    width: 100%;
    border: none;
    outline: none;

    text-align: center;
    border-radius: 3px;
    color: #A7A8AA;
    font-size: 18px;
    font-weight: 600;
    line-height: 16px; /* 88.889% */
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.3s ease-in;
}
.hitlogin  span{
    background: #D9D9D9;
    color: #A7A8AA ;
}
.hitlogin button.submit.active.unlock,
.hitlogin  button.active{
    background-color: #F0843A;
    color: #FFF;
    border: 1px solid  #F0843A;
}
.hitlogin  button.active:hover{
    color: #FFF;
    background: #22262A;
    border: 1px solid  #22262A;
}
.invest-process{
    padding-top: 39px;
    max-width: 736px;
    width: 100%;
    text-align: center;
}
section.login .invest-process p {
    font-weight: 600;
}

.invest-process p a{
    color: #F0843A;
    text-decoration-line: underline;
}
.captcha{
    border: 2px solid #D3D3D3;
    background-color: #F9F9F9;
    padding:8px 12px;
    border-radius: 3px;
    max-width: 270px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    
}
.inputfields.checkrobot{
    display: none;
}
form.login-form label{
    display: flex;
    gap: 9px;
}
.captcha label{
    cursor: pointer;
}

.inputfields span {
    display: block;
    color: #F0843A;
    font-size: 18px;
    margin-top: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 166.667% */
}



/* login process end  */


/* reset page start */
section.login.reset{
    min-height: 845px;
    padding-top: 120px;
}

section.login.reset h1 {
    margin-bottom: 57px;
    max-width: 330px;
}


section.login.reset .hitlogin{
    /* margin: 0; */
    flex-direction: row;
    gap: 20px;
    align-items: center;
    /* padding-top: 47px; */
}
section.login.reset .hitlogin button{
    margin: 0px;
   
}
section.login.reset .hitlogin a{
    max-width: 150px;
    margin-left: auto;
    width: 100%;
    border: none;
    outline: none;
    padding: 0px 18px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 16px;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.3s ease-in;
    margin-bottom: 0px;
    border-radius: 3px;
    border: 1px solid #22262A;
    background: #FFF;
    color: #22262A;
    line-height: 48px;


}
section.login.reset.sent h1 {
    margin-bottom: 30px;
}
section.login.reset.sent .maintitles {
max-width: 736px;
width: 100%;
margin: 0 auto;
}
section.login.reset.sent .maintitles a {
    margin-top: 30px;
   
    max-width: 188px;
    width: 100%;
    margin-left: auto;
    text-align: center;
}
section.login.reset.sent .maintitles a:hover{
    background: #22262A;
    color: #fff;
}






/* reset page end*/

.container1 {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  /* Hide the browser's default checkbox */
  .container1 input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Create a custom checkbox */
  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    /* background-color: #eee; */
    border: 2px solid #C3C3C3;
    box-shadow: (0px 2px 11px rgba(0, 0, 0, 0.16));
    border-radius: 5px;
}
  
  /* On mouse-over, add a grey background color */
  .container1:hover input ~ .checkmark {
    /* background-color: #ccc; */
  }
  
  /* When the checkbox is checked, add a blue background */
  .container1 input:checked ~ .checkmark {
    /* background-color: #2196F3; */
    background-color: transparent;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .container1 input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .container1 .checkmark:after {
    left: 7px;
    top: 3px;
    width: 7px;
    height: 13px;
    border: solid #000;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  form.login-form label.container1{
    padding: 0px;
    margin: 0px;
    padding-left: 35px;
    padding-top: 2px;
    font-weight: 400;
  }
  form.login-form label.container1 span{
    margin: 0px;
    fill: #F9F9F9;
    stroke-width: 2px;
    stroke: #C3C3C3;
    filter: drop-shadow(0px 2px 11px rgba(0, 0, 0, 0.16));
  }

  section.login.reset.sent h1{
    max-width: 450px;
  }

/* reset email sent */
/* login pricess end */


/* green starip */

section.greenstrip{
    background: #2D8D45;
    height: 154px;
}
.greenstrip .container{
    height: 100%;

}
.greenstrip-line {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1081px;
    width: 100%;
    margin: 0 auto;
}

.greenstrip-line  h2 {
    color: #FFF;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px; /* 150% */
}


/* .greenstrip {
    max-width: 1081px;
    width: 100;
} */
.greenstrip-line a {
    max-width: 207px;
    width: 100%;
    display: block;
    padding: 16px 0px;
    text-align: center;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; /* 88.889% */
    text-transform: uppercase;
    border-radius: 3px;
    border: 1px solid #FFF;
}

span.close-and-cancel{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 80px;
}
section.login.signup .maintitles h1{
    max-width: 331px;
}


section.login.signup .maintitles h6{
    color: #22262A;

    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 120% */
    margin-bottom: 12px;
}

section.login.signup .maintitles h1 {
    margin-bottom: 0px;
}

section.login.signup{
    padding-top: 102px;
    padding-bottom: 46px;
}
section.login.signup  .subtitle h2{
    margin-top: 0px;
    margin-bottom: 25px;
}

section.login.signup form {
    padding-top: 0px;
}

section.login.signup .invest-process{
    padding-top: 49px;
}
section.login.signup .invest-process a{
    padding-left: 9px;
}
span.close-and-cancel span.close{
    cursor: pointer;
}
section.poup{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
}
.poupstart{
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
}
section.login.signup .container{
    height: 100%;
    display: flex;
    align-items: center;
}
.poupstart{
    border-radius: 3px;
    background: #FFF;
}
.poupstart  .topheader{
    padding-bottom: 0px;
    padding:35px 30px ;
    border-bottom: 1px solid #D9D9D9;
}

.poupstart  .topheader span{
    color: #22262A;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 100% */
}

.content-data{
 padding-top: 35px;
 padding-bottom: 71px;
 padding-left: 31px;
 padding-right: 31px;
}
.content-data p {
    color: #22262A;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 150% */
}

section.poup .footer{
    padding-right: 33px;
    padding-bottom: 36px;
}

section.poup .footer{
    display: flex;
    justify-content: flex-end;
    gap: 20px;
}

section.poup .footer a {
    max-width: 150px;
    width: 100%;
    display: block;
    text-align: center;
    border-radius: 3px;
    padding: 16px 0px;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; /* 88.889% */
    text-transform: uppercase;
    color: #22262A;
    border: 1px solid #22262A;
    transition: 0.3s ease-in;


}
section.poup .footer a.exit{

background: #F0843A;
border: 1px solid #F0843A;
color: #FFF;
transition: 0.3s ease-in;
}
section.poup .footer a.exit:hover{
    border: 1px solid #000;
}
section.poup .footer a:hover{
    background-color: #000;
    color: #fff;
}

span.closespan{
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.16);
    z-index: -1;
}

.poupstart .topheader span.closemes{
    cursor: pointer;
}

section.poup{
    display: none;
}
section.poup.active{
    display: block;
    animation: animte-drop-down 0.9s ease-in;
}

section.poup.active .container{
    display: flex;
    align-items: center;
    height: 100%;
}
section.login.signup .inputfields p {
    color: #808080 ;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 200% */
    letter-spacing: -0.42px;
}
section.login.signup .inputfields p  a {
    color: #808080 ;
    text-decoration: underline;
}
 @keyframes animte-drop-down {
    

    0% {
        opacity: 0;
        -webkit-clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%);
        clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%);
    }
    100% {
        opacity: 1;
        -webkit-clip-path: polygon(0 0, 50% 0, 100% 0, 100% 50%, 100% 100%, 50% 100%, 0 100%, 0 50%);
        clip-path: polygon(0 0, 50% 0, 100% 0, 100% 50%, 100% 100%, 50% 100%, 0 100%, 0 50%);
    }
 }

 .eyeinput{
    position: relative;
   
 }

 
 .eyeinput span{
    position: absolute;
    right: 0;
    margin-top: 0px;
  top: 12px;
    right: 17px;
    color: #000;
    cursor: pointer;
 }

 .eyeinput span.eyelash{
    display: none;
 }
 section.login p.verify{
        color: #00B050;
        margin-top: 10px;
        font-size: 14px;
        text-align: right;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; /* 171.429% */
    }

    .get-start{
        max-width: 930px;
        width: 100%;
        margin: 0 auto;
    }


    /* get start css page start */

    section.login.getstart{
        min-height: 845px;
        padding-top: 102px;
    }

    span.getstart {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 7px;
    }
    span.getstart  p {
        color: #22262A;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; /* 120% */
    }
    .get-start p {
        color: #22262A;

        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px; /* 166.667% */
        margin-bottom: 23px;
    }

    .get-start h6 {
        color: #22262A;
        font-size: 35px;
        font-style: normal;
        font-weight: 600;
        line-height: 42px;
        max-width: 686px;
        width: 100%;
        /* 120% */
    }
    .get-start form {
        padding-top: 56px;
    }
    .get-start form   .inputfileds-checked{
        display: flex;
        align-items: flex-start;
    }
    .get-start form   .inputfileds-checked input{
        width: auto;
    }
    .containerradio h6{
        color: #22262A;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; /* 120% */
    }
    .containerradio  p {
        color: #22262A;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px; /* 187.5% */
        margin-bottom: 0px;
    }
    /* custom radio button */


    .containerradio {
        display: block;
        position: relative;
        padding-left: 40px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 22px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        margin-bottom: 0px;
        margin-bottom: 32px;
      }
      
      /* Hide the browser's default radio button */
      .containerradio input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
      }
      
      /* Create a custom radio button */
     .containerradio .checkmark {
        position: absolute;
        top: 15px;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: #fff;
        border-radius: 50%;
      }
      
      /* On mouse-over, add a grey background color */
      .containerradio:hover input ~ .checkmark {
        background-color: #fff;
      }
      
      /* When the radio button is checked, add a blue background */
      .containerradio input:checked ~ .checkmark {
        background-color: #fff;
        border: 1px solid #F0843A;
      }
      
      /* Create the indicator (the dot/circle - hidden when not checked) */
      .containerradio .checkmark:after {
        content: "";
        position: absolute;
        display: none;
      }
      
      /* Show the indicator (dot/circle) when checked */
      .containerradio input:checked ~ .checkmark:after {
        display: block;
      }
      
      /* Style the indicator (dot/circle) */
      .containerradio .checkmark:after {
        top: 7px;
        left: 6px;
          width: 12px;
          height: 12px;
          border-radius: 50%;
          background: #F0843A;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
      }
    
      section.login.signup.main-data{
        padding-top: 95px;
      }

      section.login.autofill .inputfields{
        margin-bottom: 3px;
      }
      section.login.autofill   input#password{
        margin-bottom: 30px
      }
      section.login.autofill{
        padding-bottom: 30px;
      }
      section.login.mainlogin{
        min-height: 845px;
        padding-bottom: 40px;
      }
      .topmenu .sub-menu{
        z-index: 1;
      }
    /* get start css page end */



    /* login update */

    /* button#loginuser{
        background-color: #A7A8AA;
        color: #A7A8AA;
    } */

















    /* BASIC INFORMARMATION CSS Start */
.multistepform{

    padding: 70px 0px;
    padding-bottom: 60px;
    min-height: 845px;
}

.main-multistep-form{
    display: flex;
    gap: 180px;
}
.main-multistep-form ul {
    display: flex;
    flex-direction: column;
    max-width: 135px;
    width: 100%;
    gap: 15px;
 
}

.main-multistep-form ul li{
    color: #22262A;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 120% */
    text-align: left;
}
.main-multistep-form ul li.active{
    color: #F0843A;
}

.multistep-form{
    max-width: 736px;
    width: 100%;
}
.form-card .basic-information h1{
    color: #22262A;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 16px; /* 120% */
}
.form-card .basic-information p {
    color: #22262A;
    font-size: 18px;
    margin-bottom: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
}
.form-card .basic-information h2{
    color: #22262A;
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: 42px;
    margin-bottom: 30px; /* 120% */
}
.inputfield{
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 19px;
}
.main-input label,
.inputfield label{
    margin: 0px;
    color: #22262A;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 133.333% */
}
.main-input-fileds input,
.main-input-fileds select,
.inputfield select,
.inputfield input{
    border-radius: 3px;
    border: 1px solid #808080;
    background: #FFF;
    height: 48px;
    padding: 0px 12px;
    font-size: 16px;
    font-weight: 400;
    color: #000;
}
.basic-information.middelinfo{
    padding-top: 11px;
}
select{
    appearance: none;
    -webkit-appearance:none ;
    -ms-appearance: none;
    -o-appearance: none;
    -moz-appearance:none;
    background-position: 98% center !important;
    background-repeat: no-repeat !important;
}
.next-step{
    display: flex;
    gap: 20px;
    justify-content: flex-end;
    padding-top: 11px;
}
.next-step input{
    width: fit-content;
}

.next-step input.next.action-button{
    border-radius: 3px;
    background: #F0843A;
    padding: 16px 18px;
    border: none;
    outline: none;
    border: 1px solid #F0843A ;
    max-width: 150px;
    width: 100%;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; /* 88.889% */
    text-transform: uppercase;
    transition: 0.3s ease-in;
}
input.previous.action-button-previous,
.next-step a {
    max-width: 150px;
    width: 100%;
    padding: 16px;
    border-radius: 3px;
    border: 1px solid #22262A;
    color: #22262A;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; /* 88.889% */
    text-transform: uppercase;
    transition: 0.3s ease-in;
    background-color: #fff;
}
input.previous.action-button-previous:hover,
.next-step input.next.action-button:hover,
.next-step a:hover{
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
}

.second-details{
    padding-top: 31px;
    padding-bottom: 10px;
}

.contact-info h6{
    color: #22262A;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 120% */
    margin-bottom: 10px;
}
.inputfield p {
    margin: 0px;
    color: #808080;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-top: 8px; /* 150% */
}
.main-input-fileds{
    display: flex;
    gap: 20px;
    margin-bottom: 19px;

}
.main-input{
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 50%;
}
.phonenumber p {
    color: #22262A;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 19px; /* 133.333% */
}

span.closemes-icon{
    cursor: pointer;
}
span.closemes{
    cursor: pointer;
}

section.poup.otp span.closemes{
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.5);
}
.enter-otp{
    position: relative;
    z-index: 999;
}
section.poup.otp .container{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
section.poup.otp .container .enter-otp{
    background-color: #fff;
    position: fixed;
    z-index: 999;
    border-radius: 3px;
    background: #FFF;
    max-width: 900px;
    width: 100%;
}
.header-top-otp{
    display: flex;
    justify-content: space-between;
    padding: 35px 31px;
    border-bottom: 1px solid #D9D9D9;
}
.content-body{
    padding: 35px 31px;
}
.content-body p {
    color: #22262A;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    padding-bottom: 38px;
     /* 150% */
}
.otpsend{
    display: flex;
    gap: 19px;
   


}
.otpsend input{
    width: 54.362px;
    height: 63px;
    border: 1px solid #ABABAB;
    border-radius: 3px;
    outline: none;
    text-align: center;
    padding: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.content-body a {
    color: #F0843A;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 150% */
    text-decoration-line: underline;
    margin-top: 45px;
    display: block;
    outline: none;
    width: fit-content;
}
.footerotp{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0px 31px;
    padding-bottom: 46px;
    align-items: center;
}
.footerotp p {
    color: #ABABAB;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    display: flex;
    align-items: center;
    gap: 4px;
    /* 150% */
}
.hitlogin button.submit,
.submit{
    max-width: 150px;
    width: 100%;
    display: block;
    text-align: center;
    height: 48px;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 3px;
    background: #F0843A;
    cursor: pointer;
    transition: 0.3s ease-in;
    outline: none;
    border: 1px solid #F0843A ;
    line-height: 48px;
    padding: 0px;
    
}

.submit:hover{
    background-color: #000;
    color: #fff;
    border: 1px solid #000 ;
    

}
p.verify{
    margin: 0px;
    margin-top: 7px;
    text-align: right;
    color: #00B050;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; 
    display: none;
    /* 171.429% */
}

.tax-reoorting.contact-info{
    padding-top: 11px;
 
}
.tax-reoorting.contact-info h6 {
margin-bottom: 32px;
}
.tax-reoorting.contact-info p.tax {
    margin-bottom: 17px;
}
.lock{
    background: #F5F4F7;
    padding: 14px;
    display: flex;
    gap: 11px;
    margin-top: 4px;
    margin-bottom: 28px;
}
.lock span{
    color: #22262A;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    padding-bottom: 5px;
    display: block;
    padding-top: 5px;
    /* 131.25% */
}
.lock p {
    color: #22262A;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; /* 131.25% */
}

.funding{
    padding-top: 43px;
}
.form-card .basic-information h3{
    padding-top: 10px;
    color: #22262A;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 120% */
}
.form-card .basic-information p{
    color: #22262A;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 120% */
    margin-top: 15px;
}
.submit.addacount{
    width: fit-content;
    padding: 0px 18px;
    max-width: fit-content;
}
section.poup.otp.bankacount .enter-otp{
    max-width: 577px;
    width: 100%;
}
.header-top-otp h6{
    display: flex;
    align-items: center;
    gap: 26px;
}
.header-top-otp h6{
    color: #22262A;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 100% */
}
section.poup.otp.bankacount .content-body{
    padding-top: 21px;
    padding-bottom: 11px;
    padding-left: 36px;
    padding-right: 79px;
}
span.title{
    color: #22262A;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 112% */
    padding-bottom: 25px;
    display: block;
}
section.poup.otp.bankacount .content-body h3{
    color: #22262A;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 35px; /* 194.444% */
}
section.poup.otp.bankacount .content-body p {
    padding-bottom: 0px;
    color: #808080;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
    padding-bottom: 20px;
}
section.poup.otp.bankacount  .footerotp{
    padding-top: 20px;
    border-top: 1px solid #D9D9D9;
}

section.poup.otp.bankacount .footerotp{
    flex-direction: column;
    justify-content: center;
    padding-bottom: 36px;
}

section.poup.otp.bankacount .footerotp p {
    color: #808080;
    text-align: center;
    font-size: 18px;
    padding-bottom: 7px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
}
section.poup.otp.bankacount .footerotp a{
    color: #22262A;
    text-align: center;
    font-size: 18px;
    margin-bottom: 25px;
    display: block;
    width: fit-content;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 133.333% */
    text-decoration-line: underline;
}
section.poup.otp.bankacount .footerotp  span#sendotp-continue{
    max-width: 237px;
    width: 100%;
}

.account-data{
padding-top: 29px;

}
.account-data h6{
    color: #22262A;
    font-size: 25px;
    margin-bottom: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 120% */
}
.backnumber{
    display: flex;
    padding: 15px;
    border: 1px solid #000;
    background: #FFF;
    max-width: 246px;
    width: 100%;
    justify-content: space-between;
}

.backnumber p.name{
    color: #22262A;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* margin-bottom: 4px; */
    /* 120% */
}
.backnumber p.number{
    color: #808080;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
.account-data a {
    color: #F0843A;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; /* 88.889% */
    text-transform: uppercase;
    margin-top: 40px;
    display: block;
    width: fit-content;
} 
section.multistepform fieldset.temandcondstion .condistions p {
    color: #22262A;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
}
section.multistepform fieldset.temandcondstion .condistions label  input{
    width: auto;
}
section.multistepform fieldset.temandcondstion .condistions label {
    width: auto;
    display: flex;
    align-items: center;
    gap: 10px;
}
.submit.black{
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
}
section.login.reset .hitlogin a.submit.black:hover,
.submit.black:hover{
    background-color: #000;
    color: #fff;
}
.footer-buttons{
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    padding-top: 11px;
}
.step5 .funding{
    padding-top: 0px;
}
.account-data{
    padding-top: 40px;
}
.condistions label{
    display: flex;
    gap: 10px;
    margin-bottom: 76px;
    color: #22262A;
    font-size: 18px;
    font-style: normal;
    margin-top: 6px;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
}
.condistions label input{
    width: auto;
}
.form-card .basic-information  .condistions p {
    color: #22262A;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
}
div#step5 .funding{
    padding-top: 0px !important;
}
div#step5 .footer-buttons{
    padding-top: 27px;
}

/** main checkbox


/* The container */
.maincheckbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  /* Hide the browser's default checkbox */
  .maincheckbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Create a custom checkbox */
 .maincheckbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
  }
  
  /* On mouse-over, add a grey background color */
  .maincheckbox:hover input ~ .checkmark {
    background-color: #ccc;
  }
  
  /* When the checkbox is checked, add a blue background */
  .maincheckbox input:checked ~ .checkmark {
    background-color: #2196F3;
    border: 1px solid #2196F3 ;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .maincheckbox input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .maincheckbox .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }


  
/* BASIC INFORMARMATION CSS END */








/* user page css start */
.usermenu{
    display: flex;
    gap: 53px;
    align-items: center;
}
.usermenu ul {
    display: flex;
    gap: 30px;
}
.usermenu ul  li a {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 88.889% */
}
.usermenu ul.userpage li span.sort{
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 88.889% */
    background-color: #F0843A;
    width: 42px;
    height: 42px;
    display: block;
    text-align: center;
    line-height: 45px;
    border-radius: 50%;

}
section.user{
    min-height: 845px;
    padding-top: 55px;
    background: #FFF6E6;
}
.maincontainer-invest h1 {
    text-align: center;
    color: #2D8D45;
    text-align: center;
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 60px; /* 120% */
}
.topheader-content-user{
    display: flex;
    max-width: 1026px;
    width: 100%;
    margin-left: auto;
    justify-content: space-between;
}
.indivusual{
    max-width: 175px;
    width: 100%;
    text-align: right;
}
.indivusual p,
.indivusual span {
    color: #22262A;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 24px;
}
.indivusual p{
font-weight: 400;
}
.container-body-user h6{
    color: #22262A;
    text-align: center;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 10px; /* 33.333% */
    max-width: 146px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 10px;
    line-height: 30px;
    border-bottom: 1px solid #41246E;
    margin-top: 35px;
}
.invest-chart{
    padding-top: 80px;
    display: flex;
    gap: 15px;
    justify-content: center;
}
.maininvest-chart{
    max-width: 240px;
    width: 100%;
}
.maininvest-chart a {
    display: block;
    margin: 0 auto;
    width: fit-content;
    color: #22262A;
    font-size: 20px;
    text-decoration: underline;
    font-style: normal;
    margin-top: 33px;
    font-weight: 600;
    line-height: 26px; /* 130% */
    text-decoration-line: underline;
}
.invest-content span.title{
    padding-bottom: 26px;
    color: #22262A;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px; /* 130% */

}
.maininvest-content  {
width: 343px;
}
.maininvest-content ul li {
    display: flex;

    gap: 17px;
}
.maininvest-content ul li  span.title-m{
    max-width: 115px;
    width: 100%;
    display: block;
    color: #22262A;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 10px;
    padding-bottom: 30px; /* 55.556% */
    border-right: 1px solid #808080;;
}
.maininvest-content ul li b{
    color: #22262A;
    text-align: right;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 10px; /* 50% */
}
.time{
    padding-top: 30px;
    padding-left: 40px;
}
.time ul {
    display: flex;
    gap: 7.86px;
    padding-bottom: 5px;
}
span.albet{
    width: 25px;
    height: 25px;
    display: flex;
    text-align: center;
    line-height: 25px;
    justify-content: center;
}
.time ul li span{

    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 130% */
}
.time ul.time-abc li span{
    color: #22262A;
}
.time ul.time-number li span{
    color: #808080;
}
.content-main-left{
    padding-left: 60px;
}
.submit.invest{
    margin-top: 150px;
}
.usermenu ul li {
    position: relative;
}
.usermenu ul li ul.user-sub-menu{
    position: absolute;
    width: 236px;
    background-color: #fff;
    right: 0;
    padding-top: 25px;
    display: none;
}
.mainlist{
    background: #FFF;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
    width: 100%;
    padding-top: 35px;
}
.usermenu ul.userpage li  .username span.sort{
    width: 64px;
    height: 64px;
    line-height: 64px;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-weight: 500;

}
.username{
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 0px 17px;
    padding-bottom: 25px;
    border-bottom: 1px solid #D9D9D9;
}
.username span.name{
    color: #22262A;
    font-size: 25px;
    line-height: 16px; /* 64% */
}
.usermenu ul li ul.user-sub-menu li a  span{
    color: #22262A;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 88.889% */
}
.usermenu ul li ul.user-sub-menu li a{
 
    padding: 16px 20px;
    border-bottom: 1px solid #D9D9D9;

    display: flex;
    gap: 11.6px;
    align-items: center;
 
}

.usermenu ul li ul.user-sub-menu li:last-child a{
    border-bottom: none;
}




.usermenu ul li:hover ul.user-sub-menu{
 display: block;
 animation: down ease-in 0.3s;
}

@keyframes down {
    0%{
        clip-path: polygon(100% 0, 100% 0, 0 0, 0 0);

    }
    100%{
        clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0);
    }
}
/* user page css end */




/* invest page css start */
section.invest{
    min-height: 845px;
}
.mainimage{
    max-width: 1285px;
    width: 100%;
}
.investdata{
    padding-top: 70px;
    padding-bottom: 50px;
    max-width: 635px;
    width: 100%;
    padding-right: 160px;
  
}
.maindiv-invest{
    display: flex;
    min-height: 845px;
}
.mainimage img{
    height: 100%;
}
.mainform h1 {
    color: #2D8D45;
    text-align: center;
   
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 60px; /* 120% */
}
.invest-amount-data{
    padding-top: 38px;
}
.mainform h2{
    color: #22262A;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px; /* 130% */
    margin-bottom: 22px;
}
.amount p {
    color: #22262A;
    text-align: center;
    font-size: 59px;
    font-style: normal;
    font-weight: 600;
    line-height: 60px; /* 101.695% */
    position: relative;
    width: fit-content;
    margin: 0 auto;
    padding-bottom: 54px;
}
.amount p span.sign{
   
   top: -10px;
    position: absolute;
    left: -25px;
    font-size: 35px;
}
.investamount ul {
    display: flex;
    gap: 16px;
    justify-content: center;
}
.investamount ul li span,
.investamount ul li {
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 130% */
}
.investamount ul li {
    max-width: 114px;
    width: 100%;
    padding: 7px 0px;
}
.investamount ul li{
    cursor: pointer;
    border-radius: 100px;
    border: 1px solid #808080;
    background: #FFF;
}
.investamount ul li.active{
    border: 1px solid #B31166;
    background: #F0843A;
}
/* .investamount ul li  {
    padding: 7px 25px;
} */
.investamount ul li span,
.investamount ul li{
    color: #22262A;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 130% */
}
.investamount ul li.active span,
.investamount ul li.active{
    color: #fff;
}
.main-content{
    max-width: 475px;
    width: 100%;
    padding-left: 70px;
}
.mainform h6{
    color: #22262A;
    padding-top: 54px;
    margin-bottom: 17px;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px; /* 130% */
}
ul.onoff {
    display: flex;
    padding: 3.5px 2px;
    gap: 2.11px;
    width: 180px;
    border-radius: 4px;
    background: #D9D9D9;
}
ul.onoff li {
    width: 86.446px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border-radius: 3px;
    color: #808080;
    background: #A6A6A6;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
   
    letter-spacing: -0.08px;
    cursor: pointer;

}
ul.onoff li.active{
    border-radius: 3px;
    background: #F0843A;
    color: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
}
.bottom{
    display: flex;
    justify-content: center;
    gap: 20px;
}
.main-content{
    height: 100%;
   
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.range{
    padding-top: 5px;
    max-width: 180px;
    width: 100%;

}
.range-data label{
    color: #22262A;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 162.5% */

}
.range input{
    cursor: pointer;
}
.precntage{
    display: flex;
    justify-content: space-between;
}
.precntage p{
    color: #22262A;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 185.714% */
}

/* custom range */
input[type="range"] {
  /* removing default appearance */
  -webkit-appearance: none;
  appearance: none; 
  /* creating a custom design */
  width: 100%;
  cursor: pointer;
  outline: none;
  border-radius: 15px;
  /*  overflow: hidden;  remove this line*/
  
  /* New additions */
  height: 6px;
  background: #ccc;
}

/* Thumb: webkit */
input[type="range"]::-webkit-slider-thumb {
  /* removing default appearance */
  -webkit-appearance: none;
  appearance: none; 
  /* creating a custom design */
  height: 15px;
  width: 15px;
  background-color: #f50;
  border-radius: 50%;
  border: none;

  /* box-shadow: -407px 0 0 400px #f50; emove this line */
  transition: .2s ease-in-out;
}

/* Thumb: Firefox */
input[type="range"]::-moz-range-thumb {
  height: 15px;
  width: 15px;
  background-color: #f50;
  border-radius: 50%;
  border: none;
  
  /* box-shadow: -407px 0 0 400px #f50; emove this line */
  transition: .2s ease-in-out;
}

/* Hover, active & focus Thumb: Webkit */
input[type="range"] {
    /* removing default appearance */
    -webkit-appearance: none;
    appearance: none; 
    /* creating a custom design */
    width: 100%;
    cursor: pointer;
    outline: none;
    border-radius: 15px;
    /*  overflow: hidden;  remove this line*/
    
    /* New additions */
    height: 6px;
    background: #ccc;
  }
  
  /* Thumb: webkit */
  input[type="range"]::-webkit-slider-thumb {
    /* removing default appearance */
    -webkit-appearance: none;
    appearance: none; 
    /* creating a custom design */
    height: 15px;
    width: 15px;
    background-color: #f50;
    border-radius: 50%;
    border: none;
  
    /* box-shadow: -407px 0 0 400px #f50; emove this line */
    transition: .2s ease-in-out;
  }
  
  /* Thumb: Firefox */
  input[type="range"]::-moz-range-thumb {
    height: 15px;
    width: 15px;
    background-color: #f50;
    border-radius: 50%;
    border: none;
    
    /* box-shadow: -407px 0 0 400px #f50; emove this line */
    transition: .2s ease-in-out;
  }
  
  /* Hover, active & focus Thumb: Webkit */
  
  input[type="range"]::-webkit-slider-thumb:hover {
    box-shadow: 0 0 0 10px rgba(255,85,0, .1)
  }
  input[type="range"]:active::-webkit-slider-thumb {
    box-shadow: 0 0 0 13px rgba(255,85,0, .2)
  }
  input[type="range"]:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 13px rgba(255,85,0, .2)
  }
  
  /* Hover, active & focus Thumb: Firfox */
  
  input[type="range"]::-moz-range-thumb:hover {
    box-shadow: 0 0 0 10px rgba(255,85,0, .1)
  }
  input[type="range"]:active::-moz-range-thumb {
    box-shadow: 0 0 0 13px rgba(255,85,0, .2)
  }
  input[type="range"]:focus::-moz-range-thumb {
    box-shadow: 0 0 0 13px rgba(255,85,0, .2)    
  }
  
  /*=============
  Aesthetics 
  =========================*/
  

  
  .wrapper {
   
    justify-content: center;
    align-items: center;
    margin: 0 auto;
  }
  
  
  

  
  
  

  .range-data{
    padding-top: 23px;
    max-width: 180px;
    width: 100%;
  }

  .mainfild{
    display: flex;
    justify-content: space-between;
    color: #22262A;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 185.714% */
    padding-top: 8px;
  }

  .mainform .step3,
  .main-content .step2 {
    padding-top: 60px;
  }
  .step-content ul.amount li,
  .main-content .step2 .step-content ul.amount li {
    display: flex;
    justify-content: space-between;
  }
  .step-content ul.amount li span,
  .main-content .step2 .step-content ul.amount li  span {
    color: #22262A;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 130% */
    padding-bottom: 7px;
    display: block;
}
.step-content ul.amount li span p,
.main-content .step2 .step-content ul.amount li  p {
    padding-bottom: 0px;
     color: #22262A;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 162.5% */
    margin: 0 ;
    text-align: left;
}
.step-content ul.amount li b,
.main-content .step2 .step-content ul.amount li  b{
    color: #22262A;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px; /* 130% */
}
.step-content ul.amount li.total,
.main-content .step2 .step-content ul.amount li.total{

    padding: 12px 0px;
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;
    margin-top: 7px;
} 
.backcount h6,
.main-content .step2 .step-content ul.amount .backcount h6{
    padding-top: 0px;
    color: #22262A;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px; /* 130% */
}
.step-content .backcount h6{
    color: #22262A;
   
    margin-bottom: 25px 0px;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 120% */
    margin-top: 28px;
    margin-bottom: 28px;
}
.backcount{
    width: 100%;
    border-bottom: 1px solid #808080;
    padding-bottom: 20px;
}
.main-content .step2 .step-content ul.amount .backcount  .backnumber{
    max-width: 230px;
    width: 100%;
    height: 73px;
    padding: 15px 9px;
    border-radius: 5px;
    border: 1px solid #808080;
}
.main-content .step2 .step-content ul.amount .backcount .backnumber img {
    max-width: 62px;
}
.main-content .step2 .step-content ul.amount li p.name{
    color: #22262A;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 120% */
}
.main-content .step2 .step-content ul.amount li p.number{
    color: #808080;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
.amountbypay h6{
    padding-top: 0px;
    margin-top: 15px;
    margin-bottom: 25px;
}
.amountbypay{
    width: 100%;
    border-bottom: 1px solid #808080;
}
.amountbypay .containerradio h6 span,
.amountbypay .containerradio h6{
    margin: 0px;
    color: rgba(0, 0, 0, 0.80);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px; /* 115% */
    letter-spacing: -0.02px;
}

.amountbypay .containerradio h6 span{
    padding-bottom: 0px !important;
}
.amountbypay   .containerradio .checkmark{
top: 0px;
}
.amountbypay .containerradio h6{
    display: flex;
    align-items: center;
}
.amountbypay label.containerradio{
    margin-bottom: 30px;
}
.cardnumber .cradfileds{

    margin-bottom: 15px;
    position: relative;
}
.cardnumber .cradfileds input{
    border-radius: 5px;
    border: 1px solid #757575;
    background: #FFF;
    color: #4D4D4D;
    font-size: 16px;
    padding: 15px;
    outline: none;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: -0.304px;
    height: 50px;
}
.cardnumber .cradfileds span {
    position: absolute;
    right: 15px;
    padding-bottom: 0px !important;
    top: 50%;
    transform: translateY(-50%);
}

.amount .save p{
    padding-bottom: 0px;
    color: #1E1E1E;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 23px; /* 143.75% */
    letter-spacing: -0.176px;
    margin: 0px;
}
.backcount .cardnumber .save{
display: flex;
justify-content: space-between;
align-items: center;

}


/* on off buttn */

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
   margin-top: 5px;
  }
  
  .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 45px;
    background-color: #b4b2b5;
    -webkit-transition: .4s;
    transition: .4s;
    height: 20px;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 30px;
    width: 30px;
    left: -10px;
    bottom: 4px;
    top: -7px;
    background-color: #FFFBFF;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .slider {
    background-color: #F0843A;
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px #F0843A;
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(35px);
    -ms-transform: translateX(35px);
    transform: translateX(35px);
  }
  
  /* Rounded sliders */
  .slider.round {
    border-radius: 34px;
    padding-bottom: 0px !important;
    height: 15px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }
/* .containerradio input:checked ~ .checkmark{

} */
/* inves page css end */




/* user invested page css start  */

.greeninvest{
    height: 17px;
    width: 5%;
    border-radius: 3px;
    background: #2D8D45;
}

.orangeinvest{
    height: 17px;

    border-radius: 3px;
    background: #F0843A;
}

.maininvest{

    width: 140px;
}
.time  ul.time-number.red li span 
{
    color: #FF3A44 ;
}

.autowidthrowal{
    max-width: 665px;
    width: 100%;
    margin: 0 auto;
}

.autowidthrowal ul li {
   display: flex;
   justify-content: space-between;
   align-items: center;

}
.autowidthrowal ul{
    padding: 15px 30px;
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;
    margin-top: 20px;
}
.autowidthrowal ul li.off{

padding-bottom: 20px;
}
.autowidthrowal ul li span{
    color: #22262A;

    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 111.111% */
}
.autowidthrowal ul li span.offme{
    color: #808080;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    width: 38px;
    display: block;
    height: 22px;
    text-align: center;
    line-height: 22px;
    border-radius: 3px;
    background: #FFF;
    cursor: pointer;
    letter-spacing: -0.08px;
}
.autowidthrowal ul li span.onme{
    color: #FFF;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    width: 38px;
    display: block;
    height: 22px;
    line-height: 22px;
    cursor: pointer;
    text-align: center;
    letter-spacing: -0.08px;
    border-radius: 3px;
    background: #F0843A;
}

.autowidthrowal ul p {
    color: #22262A;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 153.846% */
}
a.submit.investmore{
    margin: 0 auto;
    margin-top: 28px;
}



button.submit.unlock{
    margin-top: 40px;
    background: #D9D9D9;
    border: 1px solid  #D9D9D9;
    color: #A7A8AA;
}
section.user{
    position: relative;
    overflow: hidden;
    z-index: 0;
}
/* ring css start */

/* ring css end */

/* user invested page css end  */

/* profile page css start with tab */

section.user img.mainimg{
    position: absolute;
    left: 0;
    top: 660px;
    z-index: -1;
}
.profile-data{
    max-width: 875px;
    width: 100%;
    margin: 0 auto;
}

.profile-data .mainame{

    text-align: center;
    line-height: 185px;
    display: block;
    margin: 0 auto;
   
}

.profile-data .mainame span {
    color: #FFF;
    text-align: center;
    font-size: 55px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 29.091% */
    width: 185px;
    height: 185px;
    display: block;
    background-color: #F0843A;
    margin: 0 auto;
    line-height: 185px;
    border-radius: 50%;
}
.profile-data h1 {
    color: #2D8D45;
    text-align: center;
    padding-top: 32px;
    margin-bottom: 11px;
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 60px; /* 120% */
}
.profile-data span {
    text-align: center;
}
.profile-data span p,
.profile-data span b {
    color: #22262A;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    text-align: center;
    line-height: 24px;
}
.profile-data span p{
    font-weight: 400;
}
.profile-data span b{
    width: 100%;
    display: block;
}
.profile-data  .miantab{
    padding-top: 60px;
}
.profile-data  .miantab ul {
    display: flex;
    justify-content: center;
    gap: 33px;
    align-items: center;
}

.profile-data  .miantab ul li {
    cursor: pointer;
    color: #22262A;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 120% */
    padding-bottom: 9px;
    position: relative;
}

.profile-data  .miantab ul li::after{
    position: absolute;
    content: "";
    background-color:#F0843A ;
    width: 0%;
    height: 1px;
    bottom: 0px;
    left: 0;
    transition: 0.3s ease-in;
}
.profile-data  .miantab ul li:hover::after{
width: 100%;
}
.profile-data  .miantab ul li.active::after{
    width: 100%;
}
.curenttab.active{
    display: block;
}
.curenttab{
    display: none;
}

.curenttab.active{
    margin-top: 30px;
    padding-top: 40px;
    background-color: #fff;
}
.curenttab h6.title {
    color: #22262A;
    text-align: center;
    max-width: 350px;
    width: 100%;
    text-align: center;
    padding-bottom: 12px;
    border-bottom: 1px solid #4D4D4D;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 100% */
    margin: 0 auto;
    }
    .curenttab ul {
        padding-top: 55px;
    }
    .curenttab ul li {
        border-bottom: 1px solid #D9D9D9;
        padding: 25px 70px;
    }
    .curenttab ul li:first-child{
        padding-top: 0px;
    } 
    .curenttab ul li:last-child{
        border-bottom: none;
    }
 .editposen{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
 }
 .editposen span.edit{
    color: #F0843A;
    text-align: right;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; /* 88.889% */
    text-decoration-line: underline;
    text-transform: uppercase;
    cursor: pointer;
 }
 .editposen  span{
    color: #22262A;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 120% */
 }
 
 .main-data p {
    color: #22262A;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
 }
 .main-data h6{
    color: #22262A;
    font-size: 18px;
    margin-bottom: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 133.333% */
 }
 section.user.profile{
    padding-bottom: 90px;
 }
 .persnal-information.identification{
    padding-bottom: 45px;
    padding-left: 70px;
    padding-right: 70px;

 }
 .identi-form{
    padding-top: 55px;
 }
 .inpufileds label {
    color: #22262A;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 133.333% */
    margin-bottom: 4px;
 }
 .mainfileds select,
 .inpufileds select,
 .inpufileds input{
    height: 48px;
    padding: 0px 15px;
    border-radius: 3px;
    border: 1px solid #808080;
    background: #FFF;
}
.inpufileds select{
    width: 100%;
}
.identi-form .lock {

    margin-top: 23px;
    margin-bottom: 28px;
}
.identi-form .lock .lock-content span {
    text-align: left;
}
.submit-data{
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    margin-top: 30px;
}

.identi-form .inpufileds  p {
    color: #22262A;
    margin-bottom: 26px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; /* 131.25% */
}
span.mainfiledsshiled{
    position: relative;
}
span.mainfiledsshiled span.logo-auth{
    position: absolute;
    right: 20px;
    width: 30px;
    top: 38px;
}

.identi-form .bootom{
    padding-top: 18px;
}
.identi-form .bootom p {
    color: #22262A;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; /* 131.25% */
}

.identi-form .bootom a {
    color: #F0843A;
    display: block;
    margin-top: 18px;
    width: fit-content;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px; /* 131.25% */
}

.persnal-information.identification.email-adres  .submit-data{
    margin-top: 88px;
}

.persnal-information.identification.email-adres  .inpufileds p {
margin-bottom: 37px;
}

.persnal-information.identification.adress .inpufileds{
margin-bottom: 20px;
}
.persnal-information.identification.adress .inpufileds span.lite{
    color: #808080;
    margin-top: 10px;
    display: block;
    text-align: left;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
.inpufileds input{
    color: #22262A;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
}
.mainfileds{
    display: flex;
    gap: 20px;

}
.mainfileds select{
    width: 100%;

}
.persnal-information.identification.adress .mainfileds .inpufileds{
    width: 50%;
}
.profile-ino-data.accout{
    padding-bottom: 35px;
}
.persnal-information.data .notifcation{
padding-bottom: 30px ;
padding-left: 70px;
padding-right: 70px;
padding-top: 55px;
}
.authentication h6 ,
.persnal-information.data .notifcation h6{
    color: #22262A;
    margin-bottom: 16px;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 120% */
}
.persnal-information.data .notifcation  p {
    color: #22262A;
    font-size: 18px;
    margin-bottom: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 133.333% */
}
.authentication h6 {
    margin-bottom: 20px;
}
.persnal-information.data .notifcation ul.toogle{
    padding: 0px;
}
.persnal-information.data .notifcation ul.toogle li {
    padding: 0px;
    border: none;
}
.persnal-information.data .notifcation ul.toogle li  {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 8px;
}
.persnal-information.data .notifcation ul.toogle li:last-child{
    padding-bottom: 0px;
}
.persnal-information.data .notifcation ul.toogle li span {
    color: #22262A;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px; /* 200% */
}
.persnal-information.data .notifcation ul.toogle li label.switch{
    margin-top: 0px;
}

.authentication p {
    color: #22262A;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
}
.authentication span.toogle{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.authentication span.toogle .switch{
    margin-top: 0px;
}
.authentication span.toogle p {
    
    margin: 0px;
}
.authentication p a{
    color: #F0843A;
    text-decoration-line: underline;
    margin-bottom: 0px;
}
.authentication p{
    margin: 0px !important;
}
.authentication span.toogle{
    padding-top: 25px;
}
li.phonenumber .top-head span.top{
    color: #22262A;
  
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 120% */
}
li.phonenumber .top-head span.top  span.green{
    font-size: 20px;
}
li.phonenumber .top-head span.top span.green{
    color: #2D8D45;
}
.main-data .actions p span.green{
    font-size: 18px;
}
.main-data .actions h6{
    color: #22262A;
    margin-bottom: 11px;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 133.333% */
}
.main-data .actions p {
    color: #22262A;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
    margin-bottom: 0px;
    padding-bottom: 10px;
}
.main-data .actions p span.green {
    color: #2D8D45;
    font-weight: 600;
}
.main-data{
    display: flex;
 

}
.main-data .actions{
    padding-right: 18px;
    border-right: 1px solid #D9D9D9;
    padding-top: 3px;
    padding-left: 18px;
    max-width: 220px;
    width: 100%;
}
.main-data .actions:last-child{
    border-right: none;
    border-right: 0px;
}

.main-data .actions:first-child{
  
  padding-left: 0px;
}
/* .top-head{
    display: flex;
    justify-content: space-between;
    align-items: center;
} */
a.edit,
.top-head span.edit{
    color: #F0843A;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px; /* 116.667% */
    text-decoration-line: underline;
    text-transform: uppercase;
    cursor: pointer;
}
.inpufileds.main-info p {
    margin-bottom: 17px;
}
.inpufileds.main-info p a{
    color: #F0843A;
    text-decoration-line: underline;

}
.persnal-information.main-setting ul li  .editposen,
.persnal-information.main-setting ul li {
    padding-bottom: 0px;
}
.persnal-information.main-setting {
    padding-bottom: 45px ;
}

.mainfiledsshiled a {
    position: absolute;
    right: 18px;


    color: #F0843A;
    text-align: right;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; /* 88.889% */
    text-decoration-line: underline;
    text-transform: uppercase;
    top: 45px;
}

ul.profile-ino-data.accout li .main-off-on{
    padding-top: 6px;
}

ul.profile-ino-data.accout li .main-off-on .autowidthrowal{
    max-width: 100%;
    width: 100%;
    padding-top: 30px;
}

ul.profile-ino-data.accout li .main-off-on .autowidthrowal ul {
margin-top: 0px;
padding: 0px;
padding: 16px 0px;
}
ul.profile-ino-data.accout li .main-off-on .autowidthrowal ul li {
    padding: 0px;
    border: none;
    padding-bottom: 20px;
}
ul.profile-ino-data.accout li .main-off-on .autowidthrowal ul li.on{
    padding-bottom: 0px;
}

.persnal-information.main-setting .editposen{
    padding-bottom: 0px;
    padding: 0px 70px;
    padding-top: 55px;
}
.persnal-information.main-setting .main-info{
    padding-left: 70px;
    padding-right: 70px;
}
.persnal-information.main-setting .main-info p {
    padding-top: 22px;
    color: #22262A;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; /* 131.25% */
}

.persnal-information.main-setting .top-head ul.onoff{
    display: flex;
    padding: 3.5px 2px;
    margin-top: 27px;
}
.persnal-information.main-setting .top-head ul.onoff li {
    display: block;
    padding: 0px;
}

.persnal-information.data .notifcation.mainfunding p{
    color: #22262A;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; /* 131.25% */
    padding-bottom: 25px;
    padding-bottom: 0px;
}
.account-data.funding{
    padding-top: 0px;
}
.account-data.funding h6 {
    margin-bottom: 22px !important;
}
.account-data.funding .backnumber{
    max-width: 250px;
}
.account-data.funding .backnumber span p.name{
    color: #22262A;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 120% */
    margin-bottom: 0px;
}
.account-data.funding .backnumber span p.number{
    margin-bottom: 0px;
    text-align: left;
    color: #808080;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
.account-data.funding a {
    margin-bottom: 18px;
}
ul.profile-ino-data.advnace{
    padding-top: 0px;
}
ul.profile-ino-data.advnace li {
    padding-left: 0px;
    padding-right: 0px;
}
/* ul.profile-ino-data.advnace li .editposen{
    padding-bottom: 0px;
    padding-bottom: 16px;
} */

ul.profile-ino-data.advnace li {
    padding-left: 70px;
    padding-right: 70px;
}
ul.profile-ino-data.advnace li  h6{
    color: #22262A;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 133.333% */
    padding-bottom: 16px;
}
ul.profile-ino-data.advnace li  p {
    color: #22262A;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
    padding-bottom: 25px;
}
ul.profile-ino-data.advnace li label.containerradio p{
    padding-bottom: 0px;
}
ul.profile-ino-data.advnace li label.containerradio {
    margin-bottom: 16px;
}

ul.profile-ino-data.advnace li label.containerradio .checkmark{
    top: 0px;
}
.top-head.main-check{
    padding-bottom: 30px;
}
.content-data-main span.submit.black{
    width: auto;
    max-width: 284px;
    margin-bottom: 25px;
}
.content-data-main.border-top{
    padding-top: 25px;
    border-top: 1px solid#D9D9D9;
    padding-bottom: 5px;
}
.submit-data.mb-more{
    padding-bottom: 140px;
}
.percentage{
    display: flex;
    justify-content: space-between;
    justify-content: space-between;
}
.percentage span{
    color: #808080;
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
}
.inpufileds{
    margin-bottom: 20px;
}
.inpufileds span{
    color: #808080;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
.mainfileds  .inpufileds{
    width: 50%;
}
.inpufileds label{
    width: 100%;
}

.submit-data.pad{
    padding-bottom: 15px;
}
.profile-data {
    max-width: 100%;
}

    .profile-data .parenttab{
    max-width: 875px;
    width: 100%;
    margin: 0 auto;
}
.miantab ul{
    position: relative;
}

a.personal-info{
    position: absolute;
    top: 0;
    right: 0px;
    color: #F0843A;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 120% */
}
div#beneficiaries{
    position: relative;
}
div#beneficiaries a.backme{
    color: #F0843A;
    text-align: right;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; /* 88.889% */
    text-decoration-line: underline;
    text-transform: uppercase;
    position: absolute;
    top: -16.5%;
}

/* css end main use page */

/* bug solve start */
section.login.signup .maintitles p {
   
    padding-bottom: 12px;
}
.margittop{
    margin-top: 96px;
}
.linking.socilalinks ul {
    padding-right: 12px;
}
.dropdown1mobole{
    display: none;
}
section.user{
    position: relative;
    padding-bottom: 45px;
}
img.line{
    position: absolute;
    bottom: 0;
    left: 0;
}

.usermenu ul li.active a::after{
   width: 100%;
} 
/* bug end */


/* main review page of data */


.step1.checkalldata h5 {
    color: #22262A;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    padding-bottom: 30px;
    line-height: 30px; /* 120% */
}
.step1.checkalldata .funding .account-data h6.inf.mb-0,
.step1.checkalldata h6.info {
    color: #22262A;
    padding-bottom: 16px;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 150% */
}
.step1.checkalldata h6.info.addres{
    padding-top: 11px;
}
.step1.checkalldata .funding .account-data h6.info.addres{
    padding: 0px;
    margin-bottom: 22px;
}
.step1.checkalldata .funding {
    padding-top: 0px;
}
.step1.checkalldata .funding .account-data{
    padding-top: 20px;
}

.step1.checkalldata .funding .account-data h6.inf.mb-0{
padding-top: 0px;
padding-bottom: 0px;
}