body {
    background: #EFEFEF !important;
}
a{
    text-decoration:none !important;
}
section.sidebar {
    width: 300px;
    text-align: center;
    padding: 30px;
    background: #fff;
    border-radius: 30px;
    position: absolute;
    margin: 50px 0px;
    height: 834px;
    margin-left: 10px;
    border: 1px solid #0000006b;
    box-shadow: 3px 5px 7px #0000003b;
}
/* .nav-menu {
    padding-top: 50px;
} */
.main-card {
    padding: 10px 6px;
    border-bottom: 1px solid #00000012;
    vertical-align: middle;
    margin-bottom: 20px;
     border-left: 5px solid #ffff;
    transition: 2s;
}
.name-card h3 {
    font-size: 15px;
    font-family: poppins;
    margin: 0 !important;
    padding-left: 19px;
    line-height: 2;
}
.main-card:hover {
    background: #ff9f00;
    color: #fff;
    border-left: 5px solid #BB0000;
    border-radius: 10px;
}
.active {
    background: #fe9e00;
    border-radius: 10px;
    border-left: 5px solid #bc0000;
    color: #fff;
}
.aside-footer {
    background: #fe9e00;
    border-radius: 10px;
    padding: 10px;
    margin-top: 90px;
}
.content-card h3 {
    color: #fff;
    font-size: 14px;
    line-height: 21px;
    font-family: poppins;
    padding-top: 60px;
}
.noti-icon {
    position: absolute;
    margin-top: -53px;
    text-align: center;
    left: 100px;
}
.content-card{
    position:relative;
}

section.right-side {
    margin-left: 319px !important;
    background: #fff;
    border-radius: 30px;
    padding: 30px;
    margin: 50px 0px;
    margin-right: 10px;
    border: 1px solid #0000006b;
    box-shadow: 3px 5px 7px #0000003b;
}
.heading-page h3 {
    padding: 30px 0;
    font-family: poppins;
    font-size: 20px;
    color: #000;
    text-transform: uppercase;

}

.box h3 {
    font-size: 24px;
    font-family: poppins;
    font-weight: 600;
}
.b-1 {
    background: #E3F2FF;
    border-radius: 20px;
    padding: 40px 20px;
}

.number h3 {
    color: #0085FF;
    font-size: 48px !important;
    font-weight: 700 !important;
}
.icon-box {
    width: 80%;
}

.b-2 {
    background: #E8EBFE;
    border-radius: 20px;
    padding: 40px 20px;
}

.b-3 {
    background: #FFF1DA;
    border-radius: 20px;
    padding: 40px 20px;
}


.b-2 .number h3 {
    color: #051360;
    font-size: 48px !important;
    font-weight: 700 !important;
}
.b-3 .number h3 {
    color: #FF9F00;
    font-size: 48px !important;
    font-weight: 700 !important;
}

.welcome {
    background: #fff;
    border-radius: 30px;
    padding: 30px;
    border: 1px solid #E1E1E1;
    margin: 30px 0px;
}


.member {
    background: #fff;
    box-shadow: 0px 0px 40px #0000000f;
    border-radius: 20px;
    height: 280px;
}

.head {
    background: linear-gradient(45deg, #c50000, #ff0000);
    padding: 6px 15px;
    color: #fff;
    border-radius: 10px 10px 0px 0px;
}

.main-table-class table {
    width: 100%;
    line-height: 25px;
}
.main-table-class {
    padding: 17px;
}

.main-table-class table tr
 {
    border-bottom: 1px dashed #c5c5c5;
}

.main-table-class table td:nth-child(2) {
    text-align: right;
}

.head span {
    text-align: right;
    width: 100%;
    font-size: 27px;
}
.head h3 {
    font-size: 24px;
    width: 100%;
    color: #fff;
}
.helo img {
    width: 27%;
}


.has-search-right {
    position: relative;
}

.has-search-right .form-control {
    padding-right: 2.375rem;
    border-radius: 30px;
}


.has-search-right .form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    color: #aaa;
}

.right-side-profile a i
 {
    background: #fff;
    padding: 10px 12px;
    box-shadow: -2px -1px 5px #3333332b;
    border-radius: 50px;
    color: #000;
    font-size: 20px;
}

.search {
    width: 90%;
}

.right-side-profile a {
    margin: 0 10px;
}

@media (min-width:769px) and (max-width:1024px){
    .b-1 {
    padding: 11px 20px;
}

.b-2 {
    padding: 11px 20px;
}

.b-3 {
    padding: 11px 20px;
}

 .b-1 p{
    font-size: 14px;
}

.b-2  p{
    font-size: 14px;
}

.b-3  p{
   font-size: 14px;
}
.helo h3 {
    font-size: 18px;
}
.icon-box img {
    width: 40%;
}
.number h3 {
    font-size: 28px !important;
}
.b-2 .number h3 {
    font-size: 28px !important;
}

.b-3 .number h3 {
    font-size: 28px !important;
}
.box h3 {
    font-size: 18px;
    padding-top: 7px;
}

}

@media only screen and (max-width: 768px) {
  .b-1 {
    padding: 11px 20px;
}

.b-2 {
    padding: 11px 20px;
}

.b-3 {
    padding: 11px 20px;
}

 .b-1 p{
    font-size: 14px;
}

.b-2  p{
    font-size: 14px;
}

.b-3  p{
   font-size: 14px;
}
.helo h3 {
        font-size: 15px;
        width: 210px;
    }

.b-2 .number h3 {
    font-size: 28px !important;
    padding-top: 0 !important;
}

.b-3 .number h3 {
    font-size: 28px !important;
    padding-top: 0px !important;
}
    .box h3 {
        font-size: 12px;
        padding-top: 7px;
        font-weight: bold;
    }

section.right-side {
    margin-left: 307px;
    padding: 6px;
}
.head h3 {
    font-size: 17px;
}
.main-table-class {
    padding: 1px;
    height: 178px;
    font-size: 14px;
}
.main-table-class table {
    width: 100%;
    line-height: 22px;
}
section.sidebar {
    width: 276px;
}
.noti-icon {
    margin-top: -53px;
    left: 88px;
}
    .number h3 {
        font-size: 28px !important;
        padding-top: 0 !important;
    }
        section.right-side {
        margin-left: 307px;
        padding: 6px;
        border-radius: 20px;
    }

    ul.footer-widget{
        padding-left: 0px !important;
    }
.listing-card {
    display: flow !important;
}

button.clear-btn1{
margin-left:0px !important;
}
.like {
    display: none;
}
}
   


@media only screen and (max-width: 600px) {
 section.sidebar {
        width: 100%;
        padding: 0 20px;
        position: inherit !important;
        margin-bottom: 30px;
        padding-bottom: 30px;
	margin-left: 0;
padding-top: 20px;
    }
.box {
    margin-bottom: 20px;
}
.member {
    margin-bottom: 20px;
}
.helo h3 {
    width: 100%;
}

section.right-side {
    margin-left: 0 !important;
    background: #fff;
    border-radius: 30px;
    padding: 10px;
    margin-right: 0;
}
.listing-card {
    display: flow !important;
}
    .noti-icon {
        left: 158px;
    }
.form-outer {
    display: flow !important;
}
button.clear-btn1{
margin-left:0px !important;
}

}
@media (max-width: 425px)
{
      .noti-icon {
        left: 109px;
    }
}

@media (max-width: 375px) {
    .noti-icon {
        left: 138px;
    }
}

@media (max-width: 320px)
{
      .noti-icon {
        left: 105px;
    }
       
}

.right-side-profile{
    text-align: right;
}

/* -------------------------09-06-2025-------------------------------- */

       
#regForm {
  background-color: #ffffff;
  font-family: Raleway;
}

/* Mark input boxes that gets an error on validation: */
input.invalid {
  background-color: #ffdddd;
}

/* Hide all steps by default: */
.tab {
  display: none;
}

button#nextBtn {
    background-color: #BC0000;
    color: #ffffff;
    border: none;
    padding: 10px 40px;
    font-size: 17px;
    font-family: Raleway;
    cursor: pointer;
    border-radius: 50px;
    text-transform: uppercase;
    font-weight: 600;
}

button:hover {
  opacity: 0.8;
}

#prevBtn {
  background-color: #bbbbbb;
}

/* Make circles that indicate the steps of the form: */
.step {
    height: 5px;
    width: 110px;
    margin: 0 2px;
    background-color: #bc0000;
    border: none;
    border-radius: 10px;
    display: inline-block;
    opacity: 0.5;
}

.step.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
  background-color: #04AA6D;
}
.user_details{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.user_details .input_box{
    width: calc(100% / 2 - 20px);
    margin: 0 0 12px 0;
}

.input_box label{
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
}

.input_box label::after{
    content: " *";
    color: red;
}

.input_box input{
        width: 100%;
    height: 45px;
    outline: none;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    transition: all 120ms ease-out 0s;
    border-bottom: 1px solid #cdcdcd !important;
    border: none;
    border-radius: 0;
}


.input_box input:focus,
.input_box input:valid{
    box-shadow: none;
}



/*----------------------------------------------*/

.card-box ul li {
    float: left;
    padding-right: 22px;
    list-style: none;
}

.listing-card {
    background: #fff;
    border-radius: 30px;
    padding: 30px;
    margin-bottom: 20px;
}


i.fa.fa-heart {
    border: 1px solid #a3a3a3;
    padding: 10px;
    border-radius: 100px;
}

.header-filter {
    display: flex;
    margin-bottom: 20px;
}
.form-outer select {
    border-radius: 50px;
    padding: 10px;
    color: #8d8787;
    width: 100%;
}

form#search-form input.form-control {
    width: 100%;
    padding: 10px;
    border-radius: 50px;
}

button.clear-btn1 {
    background: #00000042;
    text-transform: capitalize;
    margin-left: 12px;
    width: 100%;
    padding: 12px;
    border-radius: 50px;
}

.search-btn1 {
    background: #bc0000;
    text-transform: capitalize;
     width: 100%;
    padding: 12px;
    border-radius: 50px;
}

.listing-card {
    display: flex;
}
.form-outer {
    display: flex;
}
.budget h3 {
    font-size: 21px;
}