.feedback {
        display: none;
    }

    .feedback.active {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .ui-feedback-bg {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .ui-feedback-bg .bad h2 {
        margin: 10px auto 20px;
    }

    .ui-feedback-bg h2 {
        margin: 0px 0px 20px;
    }

    .ui-feedback-bg p {
        margin: 0px 0px 20px;
    }

    .ui-form {
        padding: 25px 35px 30px;
        background: #fff;
        width: 500px;
        max-width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 10px;
        box-shadow: 0px 4px 24px #313F4D1A;
    }

    form#feedback-form {
        background: #fff;
        padding: 40px;
        max-width: 100%;
        border-radius: 20px;
        box-shadow: 0px 4px 24px #313F4D1A;
    }

    inputgroup.inputgrp {
        margin-bottom: 5px;
        display: block;
    }

    inputgroup.inputgrp textarea {
        width: 96%;
        min-width: 80px;
        border-radius: 5px;
        margin: 10px 0px;
        resize: none;
        border: solid #2a79bb 1px;
        padding: 5px 10px;
        max-height: 70px;
        font: 400 14px / 24px 'ZohoPuvi', sans-serif;
        max-width: 80% !important;
        margin: 6px auto 10px;
    }

    inputgroup.inputgrp textarea:focus-visible {
        border: solid #2a79bb 1px;
    }

    input[type="submit"] {
        background: #d8152a !important;
        color: #fff !important;
        font-weight: 500;
        border: none !important;
        font-size: 16px;
        max-width: 100px;
        border-radius: 5px;
        margin: 0px;
        cursor: pointer;
        padding: 8px 24px;
    }

    .rating {
        display: flex;
        align-items: center;
        justify-content: left;
        width: 100%;
        grid-gap: 40px;
        padding: 0px;
        margin: 0px 0px 15px;
    }

    div#btmBar.menuheader,
    footer#meCommonFooterNew,
    .heading-menu {
        display: none;
    }

    body {
        background-color: #F6F8FC;
    }


    div#scroll {
        padding: 60px 0px 0px;
    }

    .ui-feedback-bg img {
        max-height: 55px;
    }

    section#customers,
    section#allFea .sec-pTB.mbH {
        display: none;
    }

    .form {
        /* width: max-content; */
        width: 90%;
        margin: auto;
    }

    .rate {
        height: 35px;
        padding: 5px 10px 0px 0px;
        display: block;
        width: 150px;
    }

    .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: 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;
    }

    .rate1 {
        height: 35px;
        padding: 5px 10px 0px 0px;
        display: block;
        width: 150px;
    }

    .rate1:not(:checked)>input {
        position: absolute;
        top: -9999px;
    }

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

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

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

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

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

    .ui-form.thank-you {
        flex-direction: column;
        text-align: center;
        border-radius: 10px;
        padding: 60px;
    }

    .ui-form.thank-you h2 {
        font-size: 17px;
        margin: 0px 0px 10px;
        font-weight: 500;
    }

    .ui-form.thank-you img {
        max-height: 60px;
        margin: 0px 0px 20px;
    }

    .ui-form.thank-you p {
        font-weight: 300;
        margin: 0px 0px 20px;
    }

    .ui-form.thank-you button.closeButton {
        padding: 8px 25px;
        border: none;
        font-size: 16px;
        border-radius: 5px;
        cursor: pointer;
    }

    div#scroll {
        padding: 0px;
        height: 70vh;
        width: 100vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }