
body.theme-1.feedback-form {
    position: relative;
}
.dash-content {
    padding: 50px 0;
}
.fedeback-logo{
    max-width: 750px;
    width: 100%;
    margin: auto;
    /* background-color: #fff; */
    border-radius: 10px 10px 0 0;
    border-bottom: 1px solid var(--bs-border-color);
}
.feedback-content{
    max-width: 750px;
    width: 100%;
    background-color: #fff;
    border-radius: 0 0 10px 10px;
    padding: 20px;
    box-shadow: 0 6px 30px rgba(182, 186, 203, 0.3);
}
.feedback-bg-image{
    position: absolute;
    left: 8%;
    top: 15%;
}
.rate{
    float: left;
    margin-bottom: 16px;
}
.rate:not(:checked)>input {
    position: absolute;
    top: -9999px;
}
.rate:not(:checked)>label {
    float: right;
    width: 1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 26px;
    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;
}
.thank-content-feedback{
    padding: 60px 0 40px 0 !important;
}
.bg-gitl-img{
    position: absolute;
    bottom: 0;
    left: 18%;
}
.bg-boy-img{
    position: absolute;
    bottom: 0;
    right: 15%;
}
.bg-thump-img {
    position: absolute;
    top: 7%;
    left: 21%;
    transform: rotate(-20deg);
}
.bg-smile-img{
    position: absolute;
    top: 9%;
    right: 8%;
}
.bg-star-img {
    position: absolute;
    top: 36%;
    left: 10%;
    transform: rotate(30deg);
}
.feedback-form .btn.btn-primary{
    position: relative;
    z-index:1;
}
.feedback-form .dash-footer{
    position: fixed;
    top: auto;
    margin-bottom: 0;
    right: 0;
    bottom: 0;

}

@media only screen and (max-width: 1700px) {
    .plan_card {
        width: 33.33%;
        float: left;
    }
}

@media only screen and (max-width: 1440px) {
    .plan_card {
        width: 33.33%;
        float: left;
    }
    .bg-gitl-img{
        left: 7%;
    }
    .bg-boy-img{
        right: 0;
    }
}

@media only screen and (max-width: 1366px) {
    .plan_card {
        width: 50%;
        float: left;
    }
}

@media only screen and (max-width: 1199px) {
    .plan_card {
        width: 50%;
        float: left;
    }
    .bg-gitl-img{
        left: 0;
    }
    .bg-boy-img{
        right: 0;
    }
    .bg-star-img{
        left:0;
    }
}



@media only screen and (max-width: 991px) {
    .plan_card {
        width: 100%;
        float: left;
    }

    .bg-gitl-img svg{
        width:180px;
        height:auto;
    }

    .bg-boy-img svg{
        width:180px;
        height:auto;
    }
    .bg-star-img{
        display:none;
    }
}
@media only screen and (max-width: 575px) {
    .bg-gitl-img{
        display:none;
    }
    .bg-boy-img{
        display:none;
    }
    .bg-thump-img {
        top: 15px;
        left: 16px;
    }
    .bg-smile-img {
        top: auto;
        right: 15px;
        bottom: 30px;
    }
}
