@media (max-width: 426px) {
    .first-section {
        height: 70vh !important;
        min-height:70vh !important;
    }
}
body {
    background-color: #F6F6FA !important;
}

.refresh-pop-up-container {
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1000000;
    position: absolute;
    left: 0;
    top: 0;
    width: 500%;
    height: 500%;
    display: none;
    overflow-y: scroll;
}

.middle {
    position: absolute;
    top: 30%;
    left: 50%;
    overflow-y: scroll;
}

.invalid {
    border-color: red !important;
}

.rate-btn >
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
    width: 0;
    height: 0;
    visibility: hidden;
}

.rate-btn {
    align-items: center;
    position: static;
    color: #62708B;
    /* White */
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
    /* Inside Auto Layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    padding: 10px 20px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
}

    .rate-btn.like-btn.active {
        background: #0BD3A3;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
        color: #fff !important;
    }

    .rate-btn.normal-btn.active {
        background: #35BEE9;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
        color: #fff !important;
    }

    .rate-btn.dis-btn.active {
        background: #D75E5E;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
        color: #fff !important;
    }

input {
    background: #fff !important;
}

textarea {
    background: #fff !important;
}

.container h6 {
    margin-bottom: 0px;
    margin-top: 1rem;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.8;
    color: #2D333F;
    margin-top: 1rem;
}

.container p {
    margin-bottom: 0px;
    margin-top: 1rem;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
    color: #2D333F;
    margin-top: 1rem;
}