*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.rate{
    margin-top: -10px;
}

.rate:not(:checked)>input {
    position: absolute;
    display: none;
}

.rate:not(:checked)>label {
  float: right;
    width: 1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 32px;
    color:#d2cece;
}

.rated:not(:checked)>label {
    float: right;
    width: 1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 30px;
    color: #ccc;
}

.rate:not(:checked)>label:before {
    content: '★ ';
}

.rate>input:checked~label {
    color: #ffc700;
}

.rate:not(:checked)>label:hover,
.rate:not(:checked)>label:hover~label {
    color: #deb217;
}

.rate>input:checked+label:hover,
.rate>input:checked+label:hover~label,
.rate>input:checked~label:hover,
.rate>input:checked~label:hover~label,
.rate>label:hover~input:checked~label {
    color: #c59b08;
}

.star-rating-complete {
    color: #c59b08;
}

.rating-container .form-control:hover,
.rating-container .form-control:focus {
    background: #fff;
    border: 1px solid #ced4da;
}

.rating-container textarea:focus,
.rating-container input:focus {
    color: #000;
}

.rated {
    float: left;
    height: 46px;
    padding: 0 10px;
}

.rated:not(:checked)>input {
    position: absolute;
    display: none;
}

.rated:not(:checked)>label {
    float: right;
    width: 1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 30px;
    color: #ffc700;
}

.rated:not(:checked)>label:before {
    content: '★ ';
}

.rated>input:checked~label {
    color: #ffc700;
}

.rated:not(:checked)>label:hover,
.rated:not(:checked)>label:hover~label {
    color: #ffc800;
}

.rated>input:checked+label:hover,
.rated>input:checked+label:hover~label,
.rated>input:checked~label:hover,
.rated>input:checked~label:hover~label,
.rated>label:hover~input:checked~label {
    color: #f7ca27;
}
.review_header{
    border-bottom: 1px solid var(--primary-color);
}
.ratings-area .review_img{
    max-width: 140px;
}
.ratings-area .review_img img{
    width: 100%;
    height: auto;
    object-fit: cover;
}

.ratings-area .reviewing_item_img h3{
    font-family: var(--albersans-family);
    font-weight: 800;
}
.reviewing_item_img::after{
    content: '';
    background-color: var(--primary-color);
    width: 1px;
    height: 100%;
    position: absolute;
    right: -6%;
}
.reviewing_item_info h3{
    font-family: var(--albersans-family);
    font-weight: 700;
    margin: 0;
}
.reviewing_item_info h6{
    font-family: var(--albersans-family);
    font-weight: 600;
    text-decoration: underline;
    letter-spacing: .5px;
}
.reviewing_item_info p{
    font-family: var(--popins-family);
    font-weight: 400;
    font-size: 15px;
    letter-spacing: .5px;
}
.form_review h3{
    font-family: var(--albersans-family);
    font-weight: 700;
    font-size: 30px;
}
.form_review form label{
    font-family: var(--popins-family);
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 4px;
}
.form_review form :is(input[type=text], input[type=email],input[type=number]){
    font-family: var(--popins-family);
    font-weight: 400;
    background-color: var(--four-color) !important;
    border: none;
    border-radius: 4px;
    height: 42px;
}
.form_review form :is(input[type=text], input[type=email],input[type=number]):focus{
    box-shadow: none;
    background-color: var(--four-color);
}
.form_review input[type=number]::-webkit-outer-spin-button,
.form_review input[type=number]::-webkit-inner-spin-button{
    appearance: none;
}
.form_review form textarea{
    background-color: var(--four-color);
    border: none ;
    border-radius: 4px;
    font-family: var(--popins-family);
    font-weight: 400;
}
.form_review form textarea::placeholder{
    font-family: var(--popins-family);
    font-weight: 400;
    font-size: 15px;
}
.form_review form textarea:focus{
    box-shadow: none;
    background-color: var(--four-color);
}
.form_review #charCountVal1{
    font-family: var(--popins-family);
    font-weight: 400;
    font-size: 14px;
}
.form_review form select{
    background-color: var(--four-color) !important;
    border: none;
    border-radius: 4px;
    font-family: var(--popins-family);
    font-weight: 400;
    font-size: 14px;
}
.form_review form select:focus{
    box-shadow: none;
}
.form_review form button[type=submit]{
    background-color: var(--primary-color);
    font-family: var(--albersans-family);
    font-weight: 500;
    border: none;
    font-size: 18px;
    border-radius: 4px;
    letter-spacing: .5px;
    /* padding-block: 10px; */
    transition: all .3s linear;
}
.form_review form button[type=submit]:hover{
    background-color: var(--secondary-color);
    color: white;
}

.side_review_card h3{
    font-family: var(--albersans-family);
    font-weight: 700;
    text-decoration: underline;
}
.side_review_card .card{
    padding: 10px;
    border: none;
    box-shadow: rgb(30 117 187 / 44%) 0px 1px 4px;
}
.side_review_card .card-header{
    padding: 0;
    background-color: transparent;
    border: none;
}
.side_review_card .card-header .user_icon i{
    background-color: var(--four-color);
    padding: 14px;
    border-radius: 30px;
    font-size: 20px;
    color: rgb(201, 201, 201);
}
.side_review_card .card-header h4{
    font-family: var(--albersans-family);
    font-weight: 600;
    font-size: 20px;
}
.side_review_card .card-body{
    padding: 0;
}
.side_review_card .card-body .card-title{
    font-family: var(--albersans-family);
    font-weight: 700;
    text-transform: capitalize;
    margin-top: 6px;
}
.side_review_card .card-body .user_review{
    font-family: var(--popins-family);
    font-weight: 400;
    font-size: 14px;
}
.side_review_card  .date{
    font-family: var(--popins-family);
    font-weight: 500;
    font-size: 14px;
    color: #2b2f32af;
}

.service_cost{
    font-family: var(--popins-family);
    font-weight: 400;
    font-size: 14px;
}
.service_cost strong{
    font-family: var(--albersans-family);
    font-weight: 800;
}
.move_from{
    font-family: var(--popins-family);
    font-weight: 400;
    text-transform: capitalize;
    font-size: 15px;
}
.move_from strong{
    font-family: var(--albersans-family);
    font-weight: 700;
}

.custom-file-upload1 {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 50px 12px;
    cursor: pointer;
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 760px) {
    .reviewing_item_img::after{
        content: '';
        width: 0px;
        height: 0px;
    }
}
@media screen and (max-width:370px) {
    .service_info{
        margin-top: 10px;
    }
}