body {

    margin: 0;

    /* overflow: hidden; */

    background: #fff !important;

}



.mb-4 {

    margin-bottom: 30px;

}



.page-content {

    width: 100%;

    margin: 0 auto;

    display: flex;

    display: -webkit-flex;

    justify-content: center;

    -o-justify-content: center;

    -ms-justify-content: center;

    -moz-justify-content: center;

    -webkit-justify-content: center;

    align-items: center;

    -o-align-items: center;

    -ms-align-items: center;

    -moz-align-items: center;

    -webkit-align-items: center;

    background-image: url(./../images/bannerng.jpg);

    background-blend-mode: multiply;

    background-color: #333;

    background-attachment: fixed;

    height: 100vh;



}



.form-v1-content {

    background: #fff;

    width: 65%;

    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);

    -o-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);

    -ms-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);

    -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);

    -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);

    border-radius: 10px;

    -o-border-radius: 10px;

    -ms-border-radius: 10px;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    margin: 145px 0;

    font-family: 'Open Sans', sans-serif;

    position: relative;

    display: flex;

    display: -webkit-flex;

}



.form-v1-content .wizard-form {

    width: 100%;

    height: 90vh;

}



.form-register .vertical {

    display: block;

    width: 100%;

    overflow: hidden;

    background: #3e4061;

    border-radius: 10px;

    -o-border-radius: 10px;

    -ms-border-radius: 10px;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

}



.form-register .steps {

    float: left;

    width: 280px;

    height: 100%;

    position: absolute;

    background: #3e4061;

    list-style: none;

    padding-left: 0;

    margin: 0;

}



.form-register .steps li,

.form-register .steps li.current {

    outline: none;

    -o-outline: none;

    -ms-outline: none;

    -moz-outline: none;

    -webkit-outline: none;

    position: relative;

}



.form-register .steps li::after {

    width: 280px;

    height: 1px;

    content: "";

    background: rgba(255, 255, 255, 0.08);

    position: absolute;

    top: 100%;

}



.form-register .steps li .current-info {

    display: none;

}



.form-register .steps li a {

    text-decoration: none;

    outline: none;

    -o-outline: none;

    -ms-outline: none;

    -moz-outline: none;

    -webkit-outline: none;

}



.form-register .steps li a {

    display: flex;

    padding: 25px 15px 25px 15px;

    align-items: center;



    word-break: break-all;

}



.form-register .steps li a .number {

    width: 40px;

    height: 40px;

    border-radius: 50%;

    -o-border-radius: 50%;

    -ms-border-radius: 50%;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    background: #ccc;

    position: relative;

    outline: none;

    -o-outline: none;

    -ms-outline: none;

    -moz-outline: none;

    -webkit-outline: none;

    color: #333;

    font-size: 16px;

    margin-right: 15px;

    text-align: center;

    line-height: 40px;

}



.form-register .steps li a .number span {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

}





.form-register .steps li.active a .number {

    background: #3368c6;

    color: #fff;

    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.25);

    -o-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.25);

    -ms-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.25);

    -moz-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.25);

    -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.25);

}



.form-register .steps li a .step-text {

    color: #ccc;

    font-weight: 600;

    font-size: 15px;

    width: calc(100% - 47px);

}



.form-register .steps .current .step-text,

.form-register .steps .done .step-text {

    color: #fff;

}



.form-register .tabContainer {

    /* margin-left: 280px; */

    min-height: 400px;



    float: right;

    width:100%;

    background: #fff;

}



.tabWrapper {

    display: flex;

    flex-flow: column;

}



.inner {

    max-height: 72vh;

    overflow-y: auto;

    overflow-x: hidden;

    padding: 0 15px;

}



.tab {

    display: none;

    padding: 15px 15px 5px 15px;

}



.linktext{    text-align: center;

    margin-bottom: 6px;

}

.linktext a{



    color: #3368c6;

    text-decoration: underline;

}

.tab.active {

    display: block;

}



.btn-container {

    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;

}



.form-register .wizard-header {

    text-align: left;

    padding: 10px 0px 13px;

    margin-top: 15px;

}



.form-register #form-total-p-2 .wizard-header {

    text-align: left;

    padding: 37px 0px 30px;

}



.form-register .inner h3 {

    font-size: 18px;

    color: #333;

    font-weight: 700;

    margin: 0;

    padding: 10px;

    background: #3368c617;





}

.form-register .inner h2 {

    font-weight: 700;

}

.form-register .inner p {

    color: #666;

    font-size: 14px;

    font-weight: 600;

    padding: 0 10px;

}



.inner .form-row-total {

    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.15);

    -o-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.15);

    -ms-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.15);

    -moz-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.15);

    -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.15);

    margin-bottom: 40px;

    margin-top: 10px;

}



.inner .form-row {

    display: flex;

    position: relative;

    padding: 10px;





}



.flow-row {

    flex-flow: wrap;

    align-items: center;

}



.customCheckbox {

    position: relative;

}



.customCheckbox {

    text-align: center;

    width: 45%;

    margin: 5px;

}



button:disabled,

button[disabled] {

    opacity: 0.5;

}

.customCheckbox input {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    opacity: 0;

}



.customCheckbox span {

    background: #dfdfdf;

    width: 100%;

    height: 100%;

    word-break: break-all;

    display: inline-block;

    border-radius: 60px;

    text-align: center;

    border: 1px solid #ccc;

    transition: 0.4s all linear;

    padding: 12px 30px;

    cursor: pointer;

    font-size: 14px;

}



.customCheckbox input:checked+span {

    background-color: #3368c6;

    color: #fff;

}



.form-row .form-holder {

    width: 50%;

    padding: 0 10px;

    /* margin-bottom: 17px; */

    position: relative;

}



.form-row .form-holder.form-holder-1 {

    width: 65.3%;

}



.form-row .form-holder.form-holder-2 {

    width: 100%;

    position: relative;

}



.form-row .form-holder.form-holder-3 {

    margin-bottom: 0;

}



.inner .form-row .form-row-inner {

    position: relative;

}



.inner .form-row #radio {

    margin-top: -5px;

    margin-left: 7px;

}



.inner .form-row #checkbox {

    margin: 10px 0 28px 11px;

    font-size: 15px;

    color: #666;

    font-weight: 400;

}



.form-row .form-holder label {

   /* display: block;*/

    float: none;

    margin-top: 8px;

    padding-right: 0px;

    color: #000;

    font-size: 16px;

    font-weight: 500;

}



.form-row .form-holder fieldset {

    border: 2px solid #e5e5e5;

    border-radius: 4px;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    -o-border-radius: 4px;

    -ms-border-radius: 4px;

    padding: 0 20px;

}



.form-row .form-holder legend {

    font-size: 11px;

    font-weight: 600;

    color: #343434;

}



.form-row .form-holder input,

.form-row .form-holder select {

    width: 100%;
height: 42px !important;

    outline: none;

    -moz-outline: none;

    -webkit-outline: none;

    -o-outline: none;

    -ms-outline: none;

    font-family: 'Open Sans', sans-serif;

    font-weight: 400;

    font-size: 14px;

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    border-radius: 4px;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    -o-border-radius: 4px;

    -ms-border-radius: 4px;

}



.form-row .form-holder input[type='radio'] {

    width: auto;

}

.radio-wrapper{margin-top: 20px;}

.radioCheckbox {

    position: relative;
width: auto; margin-right: 10px;font-weight: 400;

}



.radioCheckbox span {

    width: 20px;

    height: 20px;

    border: 2px solid #ccc;

    display: inline-block;

    border-radius: 20px;

    text-align: center;

    float: left;

    margin-right: 10px;

    line-height: 16px;

}


.w-100{width: 100%;}
.radioCheckbox input {

    position: absolute;

    width: 23px !important;

    height: 23px;

    opacity: 0;

    z-index: 9;

    left: 0;

}

.login-wwrap{padding: 30px;}


.logoImg{
    z-index: 99;
    position: fixed;
    background: #fff;
    top: 50%;
    width: auto;
    height: auto;
    border-radius: 31px;
    padding: 8px 16px;
    box-sizing: border-box;
    left: 22%;
    transform: translate(-50%, -50%);
    box-shadow:rgb(255 255 255 / 92%);
  
  }
  .logoImg img{padding: 5px; margin-bottom:0; position: relative !important;
    width: 100px;
    margin: 0 auto 10px;
    display: block;
  }

.action-button {
    background: #0AA555;
    padding: 10px 30px;
    font-size:20px;
    border: none;
    position: relative;
    border-radius: 30px;
    margin-top: 30px;
    overflow: hidden;
    display: inline-block;
    transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}

.action-button.small-btn{
    padding: 9px 26px;
}
.action-button i {
    z-index: 9;
    position: relative;
    font-style: normal;
}

.action-button span {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #0AA555;
    border-radius: 0.85rem;
    overflow: hidden;
    transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}

.action-button:hover span {
    transform: scale3d(1.2, 1.2, 1);
}

.action-button span::after,
.action-button span::before {
    content: '';
    position: absolute;
    background: #fff;
}

.action-button span::after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.3s;
}

.action-button span::before {
    width: 110%;
    height: 0;
    padding-bottom: 110%;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
}

.action-button:hover span:after {
    opacity: 1;
    transition-duration: 0.01s;
    transition-delay: 0.3s;
}

.action-button:hover span::before {
    transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
}

.action-button {
    color: #fff !important;
    border: 2px solid #0AA555;
}

.action-button:hover {
    border: 2px solid #0AA555;
}

.action-button:hover i {
    color: #0AA555
}

.radioCheckbox span::before {

    content: "";

    width: 12px;

    height: 12px;

    display: inline-block;

    background: #3368c6;

    border-radius: 10px;

    opacity: 0;



}

.login-wrapper{width: 45%;}

.form-v1-content.login-wrapper .wizard-form{

    width: 100%;

    height: auto;

    padding: 20px 43px 40px;

}

.logo-img h2{

    font-size: 2rem;

    font-weight: 600;

    text-align: center;

    margin-bottom: 20px;

}

.radioCheckbox input:checked+span {

    border: 2px solid #3368c6;

}



.radioCheckbox input:checked+span::before {

    opacity: 1;

}



.form-row .form-holder input {

    color: #333;

}



.form-row .form-holder input#find_bank {

    border: 2px solid #e5e5e5;

    padding: 11px 20px;

}



.form-row .form-holder input.radio {

    display: none;

}



.inner .form-row-total label {

    width: 146.5px;

    height: 130px;

    display: block;

    cursor: pointer;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    float: left;

    text-align: center;

}



.inner .form-row-total label img {

    padding-top: 25px;

}



.inner .form-row-total .label-above {

    border-bottom: 1px solid #e5e5e5;

}



.inner .form-row-total .bank-1-label,

.inner .form-row-total .bank-2-label,

.inner .form-row-total .bank-4-label,

.inner .form-row-total .bank-5-label {

    border-right: 1px solid #e5e5e5;

}



.inner .form-row-total input#bank-1:checked+label,

.inner .form-row-total input#bank-2:checked+label,

.inner .form-row-total input#bank-3:checked+label,

.inner .form-row-total input#bank-4:checked+label,

.inner .form-row-total input#bank-5:checked+label,

.inner .form-row-total input#bank-6:checked+label {

    border: none;

    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.15);

    -o-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.15);

    -ms-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.15);

    -moz-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.15);

    -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.15);

}



.form-row .form-holder .plan-icon {

    background: #999;

    width: 65px;

    height: 65px;

    border-radius: 50%;

    -o-border-radius: 50%;

    -ms-border-radius: 50%;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    position: relative;

    float: left;

    margin-right: 23px;

    margin-top: -4px;

    cursor: pointer;

}



.form-row .form-holder .plan-icon img {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

}



.form-row .form-holder .plan-total {

    margin-bottom: 55px;

}



.form-row .form-holder .plan-total .plan-title {

    font-size: 18px;

    color: #333;

    font-weight: 700;

}



.form-row .form-holder .plan-total .plan-text {

    font-size: 14px;

    color: #666;

    font-weight: 600;

    margin: 0;

    padding-top: 5px;

}



.form-row .form-holder input#plan-1:checked+label,

.form-row .form-holder input#plan-2:checked+label,

.form-row .form-holder input#plan-3:checked+label {

    background: #3368c6;

}



.form-row .form-holder select {

    font-size: 14px;

    color: #666;

    z-index: 1;

    cursor: pointer;

    position: relative;

     border: 1px solid #ced4da;

    padding: 10.4px 13px;

}



.form-row .form-holder select.date {

    background: #fff url('../images/form-v1-icon.png') no-repeat scroll;

    background-position: right 6px center;

    border: 2px solid #e5e5e5;

}



.form-row .form-holder .input-border {

    border: 2px solid #e5e5e5;

    padding: 11px 20px;

    margin-top: 8px;

}



.inner .form-row.form-row-date .form-holder select {

    float: left;

    width: 20.6%;

    margin-right: 15px;

}



.inner .form-row.form-row-date .form-holder select#year {

    width: 27.28%;

}



/* .form-row .form-holder input::-webkit-input-placeholder {

    /* Chrome/Opera/Safari  */

    /* color: #c1c1c1;

    font-size: 12px;

} */ */


/* 
.form-row .form-holder input::-moz-placeholder {

    /* Firefox 19+ */

    /* color: #919191;

    font-size: 12px;

} */ */


/* 
.form-row .form-holder input:-ms-input-placeholder {

    /* IE 10+ */
/* 
    color: #919191;

    font-size: 12px;

} */ 



/* .form-row .form-holder input:-moz-placeholder { */

    /* Firefox 18-  */

    /* color: #919191;

    font-size: 12px;

} */



.actions {

    float: right;

    width: 540px;

    background: #fff;

}

.radio-inner-wrap{}

.actions ul {

    list-style: none;

    padding: 0 30px;

    margin: 13px 0 35px;

    display: flex;

    display: -webkit-flex;

    justify-content: space-between;

    -o-justify-content: space-between;

    -ms-justify-content: space-between;

    -moz-justify-content: space-between;

    -webkit-justify-content: space-between;

}



/* .actions ul li:first-child {

    opacity: 0; 

} */

.select2-container {

    width: 100% !important

}



.select2-container--default .select2-selection--single {

    border: none !important;

}



legend {

    display: inline-block;

    width: auto;

    max-width: 100%;

    padding: 0 7px;



}



.btn-container button.disabled {

    background-color: #666;

}



.btn-container button {

    padding: 0;

    border: none;

    display: inline-flex;

    justify-content: center;

    -o-justify-content: center;

    -ms-justify-content: center;

    -moz-justify-content: center;

    -webkit-justify-content: center;

    align-items: center;

    -o-align-items: center;

    -ms-align-items: center;

    -moz-align-items: center;

    -webkit-align-items: center;

    background: #3368c6;

    cursor: pointer;

    font-size: 16px;

    border-radius: 12px;

}



.btn-container button:hover {

    background: #2859ae;

}



.btn-container button {

    color: #fff;

    text-decoration: none;

    padding: 10px 25px;

}



.uploader {

    display: block;

    clear: both;

    margin: 0 auto;

    width: 100%;

    /* max-width: 600px; */

}



.dragdrop-uploader {

    position: relative;

    display: flex;
    flex-direction: column;

    justify-content: center;

    align-items: center;

    color: #444;


    cursor: pointer;

    transition: background .2s ease-in-out, border .2s ease-in-out;

}



.dragdrop-uploader:hover,

.dragdrop-uploader.drag-active {

    background: #eee;

    border-color: #111;

}



.dragdrop-uploader:hover .drop-title,

.dragdrop-uploader.drag-active .drop-title {

    color: #222;

}



.dragdrop-uploader input[type=file] {

    width: 100% !important;

    max-width: 100%;

    color: #444 !important;

    padding: 5px !important;

    background: #fff;
 border-radius: 4px;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    -o-border-radius: 4px;

    -ms-border-radius: 4px;

    border: 1px solid #ced4da !important;height: 52px !important;

}



input[type=file]::file-selector-button {

    margin-right: 20px;

    border: none;

    background: #3368c6;

    padding: 10px 20px;

    border-radius: 10px;

    color: #fff;

    cursor: pointer;

    transition: background .2s ease-in-out;

}



input[type=file]::file-selector-button:hover {

    background: #2859ae;

}



.drop-title {

    color: #444;

    font-size: 20px;

    font-weight: bold;

    text-align: center;

    transition: color .2s ease-in-out;

}



.msg-body {

    position: fixed;

    z-index: 99;

    background: #00000059;

    height: 100%;

    width: 100%;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

}



.msg-body .alert {

    width: 500px;

}



.preview-wrap img,

.preview-wrap video {

    width: 100%

}



.preview-img {

    display: inline;

    margin: 0 auto 0.5rem auto;

    width: 230px;

    height: auto;

    max-width: 230px;

    object-fit: cover;

    /* border-radius: 100%; */

    border: 1px solid #ccc;

}

.razorpay-payment-button{

    background: #3368c6;

    cursor: pointer;

    font-size: 16px;

    border-radius: 12px;

    color: #fff;

    text-decoration: none;

    padding: 10px 25px;

}


/* new home ppage design  */

::placeholder {
    color: #5e5e5e;
  }
  
  /* Internet Explorer 10-11 */
  :-ms-input-placeholder {
    color: #5e5e5e;
  }
  
  /* Microsoft Edge */
  ::-ms-input-placeholder {
    color: #5e5e5e;
  }
  
  /* Mozilla Firefox 19+ */
  :-moz-placeholder {
    color: #5e5e5e;
    opacity: 1; /* Firefox #5e5e5euces opacity by default */
  }
  
  /* Mozilla Firefox 4-18 */
  ::-moz-placeholder {
    color: #5e5e5e;
    opacity: 1; /* Firefox #000uces opacity by default */
  }
  
  /* Safari and Chrome */
  ::-webkit-input-placeholder {
    color: #5e5e5e;
  }
.Registration-form1{position: relative;}
.Registration-form1::after{
  background-image: url(/images/0/new-bg.jpg);content: "";
  position: fixed;

  height: 100%;
  width: calc(100% - 54%);
  background-size: cover;
  background-repeat: no-repeat;
}
.right-sec{
  width: 54%;
  float: right;
  padding: 40px 90px;
}
.logoImg{
  z-index: 99;
  position: fixed;
  background: #fff;
  top: 50%;
  width: auto;
  height: auto;
  border-radius: 31px;
  padding: 8px 16px;
  box-sizing: border-box;
  left: 22%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 17px 5px #00000030;

}
.logoImg img{padding: 5px; margin-bottom:0}
.right-sec header{
  font-size: 28px;
    font-weight: 600;margin-bottom: 20px;
    position: relative;
}
.right-sec header::after{
  content: "";
  position: absolute;
  bottom: -9px;
  width: 72px;
  height: 4px;
  background: #0aa655;
  left: 0;

}
.right-sec .form :where(.form-holder input, .select-box){
  border-radius: 5px;
  border: 1px solid rgb(0 0 0 / 14%);
  padding-left: 10px;
}

.text-danger {

    color: #dc3545 !important;

    font-weight: 600 !important;

    font-size: 14px;

    margin: 0;

}



.downArrow {

    display: none;

}

.btn-container button{margin-left: 10px;}

.btn-container .payment {

    margin-left: 10px;

}
.meal-card {
    width: 100%;
    border: none;
    height: auto;
    box-shadow: 0px 5px 20px 0px #d2dae3;
    z-index: 1;
    display: flex;
    margin-bottom: 23px;
border: 3px solid #fff;

cursor:pointer;
    justify-content: flex-start;
    padding: 10px 20px;justify-content: space-between;
    flex-flow: row;border-radius: 12px;
}
.meal-card input[type="radio"]{
opacity:0; visibility:hidden; height:0; display:none}
.selected-card{
    border: 3px solid #0aa655;
}
.meal-card:hover{ border: 3px solid #0aa655;
}
.package-detail{width:calc(100%  - 100px)}
.package-detail ul{padding:0; margin:0}
.package-detail h4{font-size:18px}
.package-detail ul li{list-style:none}
.meal-card p{
    font-size: 20px;
color:0aa655;
    font-weight: bold;}
.meal-card p strong{
    font-size: 16px;
    font-weight: normal;}
.skip{margin-left: 20px;
    text-decoration: underline;
    color: #0aa655;}
/* Responsive */

@media screen and (max-width: 1199px) {

    .form-v1-content {

        margin: 10px 20px;

    }

}



@media screen and (max-width: 991px) {
.right-sec{
    padding: 40px 30px;
}
    .form-v1-content{width: 90%;}

    .inner {
        max-height: 78vh;
    }



    .form-register .vertical {

        background: #fff;

    }



    .form-register .steps {

        float: none;

        width: 100%;

        position: relative;

        height: 96px;

        overflow: hidden;

    }



    .customCheckbox {

        width: 100%;

    }



    .form-register .steps li {

        display: none;

    }



    .form-register .steps li.active {

        display: block;

    }



    .downArrow {

        position: absolute;

        top: 30px;

        z-index: 9;

        right: 30px;

        display: block;

    }



    .form-register .steps.openSteps {

        height: auto;

        overflow: auto;

    }



    .form-register .steps.openSteps li {

        display: block;

    }



    .downArrow img {

        width: 20px;

    }



    .form-register .tabContainer {

        width: 100%;

        margin-left: 0;

    }



    .form-register .content,

    .inner .form-row-total {

        box-shadow: none;

        -o-box-shadow: none;

        -ms-box-shadow: none;

        -moz-box-shadow: none;

        -webkit-box-shadow: none;

    }



    .form-register .steps li a .title {

        justify-content: space-between;

        -o-justify-content: space-between;

        -ms-justify-content: space-between;

        -moz-justify-content: space-between;

        -webkit-justify-content: space-between;

    }



    .form-register .steps li::after {

        width: 100%;

    }



    .form-row .form-holder.form-holder-3 {

        margin-bottom: 20px;

    }



    .inner .form-row-total label {

        margin-right: 20px;

        border: 1px solid #e5e5e5;

    }

}



@media screen and (max-width: 767px) and (min-width: 576px) {

    .inner .form-row-total label {

        width: 120px;

    }

}



@media screen and (max-width: 767px) {
.right-sec{
width:100%;
        z-index: 9999;
        position: relative;
        padding: 40px 20px;
        -webkit-backdrop-filter: blur(2px);
        backdrop-filter: blur(2px);
          background-color: rgb(255 255 255 / 92%)
}
.logoImg {
    z-index: 99;
    position: relative;    top: 0;
    width: auto;
    height: auto;
    border-radius: 0;
    padding: 8px 0px;
    box-sizing: border-box;
    left: 0;
    transform: unset;
    box-shadow: 0 0 17px 5px #00000030;
        -webkit-backdrop-filter: blur(2px);
        backdrop-filter: blur(2px);
       background-color: rgb(255 255 255 / 92%)
}
.logoImg img{
width: 68px;
}
.Registration-form1 {
    position: relative;
    display: inline-block;
    width: calc(100% - 60px);
    margin: 20px 30px;
}
.Registration-form1::after{
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    top: 0;
left:0
}
    .btn-container{
        margin-right: 0;
    }
    .btn-container button, .linktext{
        text-align: left;
margin-left: 8px;
        justify-content: start;
    }
    .inner .form-row .form-holder:nth-of-type(2){
        margin-top: 20px;
    }
    .form-register .inner h3{
        font-size: 16px;
    }
    .form-register .tabContainer, .form-v1-content .wizard-form, .page-content, .inner{height: auto;max-height: auto !important;}
    .form-row .form-holder{width: 100%;}

    .inner .form-row.form-row-date .form-holder select {
      width: 17.5%;
        margin-right: 20px;

    }



    .form-register .tabContainer {

        height: auto;

        overflow: auto;

    }

}



@media screen and (max-width: 575px) {
    .radioCheckbox{width: 100%; font-weight: 400;}

    .customCheckbox span{

        padding: 12px 15px;

    }

    .form-v1-content{width: 100%; margin:0}

    .form-register .content .inner {

        padding: 0 30px;

    }



    .form-register .content .wizard-header,

    .form-register .content #form-total-p-2 .wizard-header {

        padding: 37px 0px 13px;

    }



    .inner .form-row {

        flex-direction: row;

        -o-flex-direction: row;

        -ms-flex-direction: row;

        -moz-flex-direction: row;

        -webkit-flex-direction: row;

        margin: 0;

        justify-content: start;

    }



    .form-row .form-holder {

        width: 100%;

    }



    .form-row .form-holder.form-holder-1 {

        width: 100%;

    }



    .form-row .form-holder {

        padding: 0;

    }



    /* .customCheckbox {

        flex-basis: 46%;

    } */

    .form-register .steps li a{

        padding: 8px 14px 8px 15px;

    }

    /* .form-register .tabContainer{height: 82vh;} */

    /* .inner {

        max-height: 65vh;

    } */

    .downArrow {

        position: absolute;

        top: 16px;

    }

    .inner{padding:0}

    .btn-container{ display: flex;
        ;}

   

    .form-register .steps{

        height: 58px;

        overflow: hidden;

        margin-bottom: 15px;

    }

    .inner {

        min-height: auto;

    }



    /* .btn-container{margin-top: 20px;} */

    .form-register .wizard-header {

        padding: 0;

    }



    .form-register .inner h3 {

        margin-bottom: 20px !important;
        font-size: 15px;

    }
    .form-register .inner h2{
        font-size: 22px;
    }



    .customCheckbox span {

        width: 100%;

    }



    .inner .form-row.form-row-date .form-holder select#year,

    .inner .form-row.form-row-date .form-holder select {

        width: 100%;

        margin-bottom: 20px;

    }





    .form-row .form-holder .plan-icon {

        margin-top: 4px;

    }



    .form-row .form-holder .plan-total {

        margin-left: 90px;

    }



    .inner .form-row-total label {

        margin-bottom: 20px;

    }



    .form-row .form-holder.form-holder-3 {

        margin-bottom: 0;

    }

}
table.test > tbody > tr > td > input {
    /*width: 20px;*/
    float:left;
    margin-left: 4px;
    margin-right: 5px;
    /*margin-left: 10px;
            margin-right: 10px;
            float: right;*/
}

@media (max-width: 1199px) {
    table.test > tbody > tr > td > input {
        width: 20px;
        margin-left: 0px;
        margin-right: 0px;
        /*margin-left: 10px;
                margin-right: 10px;
                float: right;*/
    }
}

table.test > tbody > tr > td > label {
    /*margin-left: 20px;*/
    /*float: left;*/
}

table.mrg-left > tbody > tr > td > label {
    /*margin-left: 20px;*/
}
.text-primary {
    color: #ff7f00 !important;
}
.form-row .form-holder input[type=checkbox] {
    width: 16px;
    float: left;
    margin-right: 10px;
    height: 42px !important;
}
.btn-container svg {
    width: 30px;
    height: 30px;
}