:root {
    --c1: #ffcd52;
    --c2: #ff6464;
    --c3: #6bc4aa;
}

@font-face {
    font-family: MontserratArabic;
    src: url("../fonts/Montserrat-Arabic-Medium.ttf");
}

body,h1,h2,h3,h4,h5,h6,p,select,input, label,textarea, a, span, button  {
    font-family: "MontserratArabic", sans-serif !important;
}

.rating-card {
    margin-bottom: 30px;
}

.rating-card .rating-content {
    display: grid;
    align-items: center;
    justify-content: center;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    text-align: center;
    gap: 20px 0;
}

.rating-card label {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    cursor: pointer;
    line-height: 45px;
    transition: 0.4s ease-in-out;
    color: #39405a;
    margin: auto;
}

.rating-card label:hover {
    background: var(--chover) !important;
    color: #fff;
}

.rating-card input:checked + label {
    background: var(--chover) !important;
    color: #fff;
    border-color: var(--chover);
}

.rating-card input[type="radio"] {
    display: none;
}

.rating-card .your-rating {
    background: #1E4256;
    color: #fff;
    text-align: center;
    padding: 10px;
    margin-top: 20px;
}

.d-none {
    display: none !important;
}

.toggle-choice {
    background: #39405a;
    color: #fff;
    border-radius: 30px;
    overflow: hidden;
    width: 300px;
    margin-bottom: 20px;
}

.toggle-choice label {
    padding: 10px;
    display: block;
    text-align: center;
    cursor: pointer;
    margin: 0;
    display: inline-block;
    width: calc(98% / 2);
}

.toggle-choice input:checked + label {
    background: #028d99;
}

.toggle-choice input {
    display: none;
}