/*Google fonts import*/
/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap');


* {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
}

form>div {
    font-size: .9rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;

}

.form-group>label:first-child {
    font-weight: bold;
}


label>span,
label>input {
    cursor: pointer;
}


#feedback-form-wrapper #floating-icon>button {
    position: fixed;
    right: 0;
    top: 50%;
    transform: rotate(-90deg) translate(50%, -50%);
    transform-origin: right;
    color: #757575;
}

#feedback-form-wrapper .rating-input-wrapper input[type="radio"] {
    display: none;
    color: #757575;

}

#feedback-form-wrapper .rating-input-wrapper input[type="radio"]~span {
    cursor: pointer;
    color: #757575;

}

#feedback-form-wrapper .rating-input-wrapper input[type="radio"]:checked~span {
    background-color: #4261dc;
    color: #fff;
}

#feedback-form-wrapper .rating-labels>label {
    font-size: 0.8rem;
    color: #757575;
    
}

.btn-success {
    width: 50%;
    font-size: 1rem;
}

.text-area {
    font-size: .8rem;
}

hr {
    border-color: #ffffff;
}

/*.card-header {*/
/*    background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(172,172,172,1) 86%);*/
/*}*/

@media (max-width: 768px) {
    #feedback-form-wrapper .rating-input-wrapper label span {
        padding: .5rem;
        /* reduce padding */
        font-size: .8rem;
        /* reduce font size */
    }

    form>div {
        font-size: .8rem;
    }

    .btn-success {
        width: 100%;
    }
}

.loading-container {
    position: absolute;
    top: 10%;
    left: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.7);
    /* semi-transparent white */
    z-index: 1000;
    /* ensure it's on top */
}

.hidden {
    display: none;
}


.custom-header-margin {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.btn-success-reviewgenies{
    background-color: #C46D36;
}

