* {
margin: 0;
padding: 0
}
html {
height: 100%
}
/*#grad1 {
background-color: : #9C27B0;
background-image: linear-gradient(120deg, #FF4081, #81D4FA)
}*/
#msform {
text-align: center;
position: relative;
margin-top: 60px
}
.card-box{
box-shadow: 1px 1px 12px 0px rgb(0 0 0 / 18%);
padding: 74px 55px;
border-radius: 12px;
margin-bottom: 40px;
}
#msform fieldset .form-card {
background: white;
/* border: 0 none;
border-radius: 0px;
box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
padding: 20px 40px 30px 40px;
box-sizing: border-box;
width: 94%;
margin: 0 3% 20px 3%;*/
position: relative
}
#msform fieldset {
background: white;
border: 0 none;
border-radius: 0.5rem;
box-sizing: border-box;
width: 100%;
margin: 0;
padding-bottom: 20px;
position: relative
}
#msform fieldset:not(:first-of-type) {
display: none
}
#msform fieldset .form-card {
text-align: left;
color: #9E9E9E
}
#msform .cust_check {
padding: 0px 8px 4px 8px;
border: none;
border-bottom: 1px solid #ccc;
border-radius: 0px;
/* margin-bottom: 25px; */
margin-top: -5px;
width: 100%;
box-sizing: border-box;
font-family: montserrat;
color: #2C3E50;
font-size: 16px;
letter-spacing: 1px;
width: 19%;
margin-right: 0px;
margin-left: 12px;
}
/*#msform input:focus,
#msform textarea:focus {
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: none;
font-weight: bold;
border-bottom: 2px solid skyblue;
outline-width: 0
}*/
#msform .action-button {
width: 24%;
background: #ee793c;
font-weight: bold;
color: white;
border: 0 none;
border-radius: 10px;
cursor: pointer;
padding: 10px 5px;
margin: 10px 5px;
}
#msform .action-button:hover,
#msform .action-button:focus {
box-shadow: 0 0 0 2px white, 0 0 0 3px skyblue
}
#msform .action-button-previous {
width: 24%;
background: #616161;
font-weight: bold;
color: white;
border: 0 none;
border-radius: 10px;
cursor: pointer;
padding: 10px 5px;
margin: 10px 5px
}
#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
box-shadow: 0 0 0 2px white, 0 0 0 3px #616161
}
select.list-dt {
border: none;
outline: 0;
border-bottom: 1px solid #ccc;
padding: 2px 5px 3px 5px;
margin: 2px
}
select.list-dt:focus {
border-bottom: 2px solid skyblue
}
.card {
z-index: 0;
border: none;
border-radius: 0.5rem;
position: relative
}
.fs-title {
font-size: 25px;
color: #707070;
margin-bottom: 10px;
/* font-weight: bold; */
text-align: left;
padding-left: 0px;
margin-bottom: 25px;
}
.cust_check{
height: 39px;
}
.df{
display: flex;
}
#progressbar {
margin-bottom: 30px;
overflow: hidden;
color: lightgrey;
padding: 12px 35px;
position: relative;
left: 51px;
}
#progressbar .active {
color: #000000
}
#progressbar li {
list-style-type: none;
font-size: 12px;
width: 21%;
float: left;
position: relative
}
#progressbar #get_started:before {
font-family: FontAwesome;
margin-bottom:7px;
color: #d5d9de;
content: "0"
}
#progressbar #account:before {
font-family: FontAwesome;
margin-bottom:7px;
color: #d5d9de;
content: "1"
}
#progressbar #contact:before {
font-family: FontAwesome;
margin-bottom:7px;
color: #d5d9de;
content: "2"
}
#progressbar #ownership:before {
font-family: FontAwesome;
margin-bottom:7px;
color: #d5d9de;
content: "3"
}
#progressbar #business_details:before {
font-family: FontAwesome;
margin-bottom:7px;
color: #d5d9de;
content: "3"
}
#progressbar #bank_info:before {
font-family: FontAwesome;
margin-bottom:7px;
color: #d5d9de;
content: "5"
}
#progressbar #verify_cart:before {
font-family: FontAwesome;
margin-bottom:7px;
color: #d5d9de;
content: "6"
}
#progressbar #confirm:before {
font-family: FontAwesome;
margin-bottom:7px;
color: #d5d9de;
content: "4"
}
#progressbar li:before {
width: 50px;
height: 50px;
line-height: 45px;
display: block;
font-size: 18px;
color: #ffffff;
background: #fff;
box-shadow: 0px 0px 12px 1px rgb(0 0 0 / 18%);
border-radius: 50%;
/*margin: 0 auto 10px auto;*/
padding: 2px
}
#progressbar li:after {
content: '';
width: 100%;
height: 2px;
background: lightgray;
position: absolute;
left: 0;
top: 25px;
z-index: -1
}
#progressbar li.active:before,
#progressbar li.active:after {
background: #ee793c;
}
.radio-group {
position: relative;
margin-bottom: 25px
}
.radio {
display: inline-block;
width: 204;
height: 104;
border-radius: 0;
background: lightblue;
box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
box-sizing: border-box;
cursor: pointer;
margin: 8px 2px
}
.radio:hover {
box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3)
}
.radio.selected {
box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1)
}
.fit-image {
width: 100%;
object-fit: cover
}
b, strong {
font-weight: bolder;
text-align: center;
float: left;
margin-left: -18px;
width: 86px;
}
/*floting*/
.floating {
margin-bottom: 12px;
background-color: var(--field__background);
transition: background-color 0.2s ease;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.floating:hover,
.floating:focus-within {
background-color: var(--field__background--hover);
}
.floating__input {
height: 46px;
font-size: 16px;
/* border-bottom: 0.1rem solid var(--input__border); */
transition: border-color 0.2s ease;
caret-color: var(--color__accent);
}
.floating:hover .floating__input {
border-color: var(--input__border--hover);
}
.floating__input::placeholder {
color: rgba(0, 0, 0, 0);
}
.floating__label {
display: block;
position: relative;
max-height: 0;
pointer-events: none;
}
.floating__label::before {
content: attr(data-content);
display: inline-block;
filter: blur(0);
color: #000;
backface-visibility: hidden;
transform-origin: left top;
transition: transform 0.2s ease;
left: 1rem;
font-weight: 300;
position: relative;
}
.floating__label::after {
bottom: 1rem;
content: "";
height: 0.1rem;
position: absolute;
transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1),
opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease;
opacity: 0;
left: 0;
top: 100%;
margin-top: -0.1rem;
transform: scale3d(0, 1, 1);
width: 100%;
background-color: var(--color__accent);
}
.floating__input:focus + .floating__label::after {
transform: scale3d(1, 1, 1);
opacity: 1;
}
.floating__input:placeholder-shown + .floating__label::before {
transform: translate3d(0, -2.5rem, 0) scale3d(1, 1, 1);
}
.floating__input:placeholder-shown + .floating__label::before {
transform: translate3d(0, -56.6px, 0) scale3d(0.82, 0.82, 1) !important;
}
.floating__label::before,
.floating__input:focus + .floating__label::before {
transform: translate3d(0, -56.6px, 0) scale3d(0.82, 0.82, 1);
font-size: 14px;
background: #fff;
padding: 0px 5px;
}
.avg_sale_price::before{
background: none;
}
.floating__input:focus + .floating__label::before {
color: var(--color__accent);
}
.control-label{
color: #707070;
font-size: 11px;
opacity: 0.6;
}
label,p,body{
/* font-family: Poppins;
*/}
#confirm:after {
content: '';
width: 100%;
height: 2px;
background: #fff !important;
position: absolute;
left: 0;
top: 25px;
z-index: -1;
}
.lable_text{
font-size: 12px;
}
.dec_text{
font-size: 13px;
}
.m-l{
margin-left: 19px;
}
select{
font-size: 13px !important;
color: #ccc !important;
}
.error{
display: none;
}
.cal-icon{
float: right;
position: relative;
top: -38px;
right: 15px;
}
.select2-container--default .select2-selection--single {
background-color: #fff !important;
border: 1px solid #aaa !important;
border-radius: 4px !important;
height: 44px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444 !important;
line-height: 26px !important;
padding: 6px 13px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px !important;
position: absolute !important;
top: 9px !important;
right: 1px !important;
width: 20px !important;
}
.cust_date::before {
transform: translate3d(0, -37.6px, 0) scale3d(0.82, 0.82, 1) !important;
font-size: 16px !important;
}
.checkbox_style{
padding-bottom: 1%;
}
@media only screen and (max-width: 600px) {
.checkbox_style{
margin-left:4%;
}
#progressbar {
margin-bottom: 3px !important;
overflow: hidden;
color: lightgrey;
padding: 9px 6px !important;
/*padding-left: 2%!important;*/
position: relative;
left: 8px !important;
}
#progressbar li {
list-style-type: none;
font-size: 12px !important;
width: 21% !important;
float: left;
position: relative;
}
#progressbar li:before {
width: 30px !important;
height: 30px !important;
line-height: 26px !important;
display: block;
font-size: 18px;
color: #ffffff;
background: #fff;
box-shadow: 0px 0px 12px 1px rgb(0 0 0 / 18%);
border-radius: 50%;
/* margin: 0 auto 10px auto; */
padding: 2px !important;
}
#progressbar li:after {
content: '' !important;
width: 100% !important;
height: 2px !important;
background: lightgray;
position: absolute;
left: 0;
top: 14px !important;
z-index: -1;
}
#progressbar {
margin-bottom: 3px !important;
overflow: hidden;
color: lightgrey;
padding: 9px 6px !important;
/*padding-left: 2%!important;*/
position: relative;
left: 8px;
}
.card-box {
box-shadow: 1px 1px 12px 0px rgb(0 0 0 / 18%);
padding: 24px 20px 10px 19px!important;
border-radius: 12px;
margin: 15px !important;
}
#msform {
text-align: center;
position: relative;
margin-top: 26px !important;
}
.fs-title {
font-size: 14px !important;
color: #707070;
margin-bottom: 10px;
/* font-weight: bold; */
text-align: left;
padding-left: 20px !important;
margin-bottom: 25px !important;
padding-right: 32px !important;
margin-top: 28px !important;
}
#msform .action-button {
width: 90% !important;
}
.dis_block{
display:block !important;
}
#progressbar li strong{
display:none;}
.show-xs{
dispaly:block !important;
font-size: 20px;
text-align: center;
color: #707070;
}
#msform .action-button-previous {
width: 90% !important;
}
.custom_lable {
font-size: 13px !important;
padding-top: 3px !important;
text-align: right !important;
width: 82% !important;
}
#msform .cust_check{
width: 9% !important;
margin-right: 11px !important;
margin-left: 12px !important;
}
.custom_lable {
font-size: 13px !important;
padding-top: 3px !important;
text-align: right !important;
width: 82% !important;
}
#msform .cust_check{
width: 9% !important;
margin-right: 11px !important;
margin-left: 12px !important;
}
.mb-m{
margin-bottom: 20px !important;
}
.small_font{
font-size: 10px !important;
padding: 14px !important;
}
}
@media only screen and (min-width: 601px) {
.hidden-md{
display:none;
}
.small_font{
font-size: 11px !important;
}
}
.feature-sections-tabs{top: 0px !important;}
.select2 {
width:100% !important;
}
.select2-container--default .select2-selection--single{
border-radius: 4px !important;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #000 !important;
}
select:invalid { color: gray; }
.floating__input{
font-size: 15px !important;
color: #000 !important;
font-weight: 300 !important;
border-radius: 5px;
}
.datepicker {
padding: 16px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #000 !important;
line-height: 26px !important;
padding: 6px 13px !important;
font-size: 14px !important;
font-weight: 300 !important;
}
.error_class{
display:none;
}
.error_class{
font-size: 13px;
color: red;
}
.invalid{
border: 2px solid red;}
.valid{
border: 2px solid green;}