body {
    height: 100vh;
    background-color: #f8f9fa;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'IRANSans', sans-serif;
}

.background-image{
    background-image: url("/assets/img/bg-1.jpg");
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.15; /* شفافیت خیلی کم */
    z-index: -1; /* پشت همه‌چیز قرار بگیره */
    pointer-events: none; /* عکس قابل کلیک نباشه */
}

.card {
    width: 100%;
    max-width: 450px;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    border: none;
    border-radius: 1rem;
}
.emoji-group {
    display: flex;
    justify-content: space-between;
    font-size: 34px;
    cursor: pointer;
}
.emoji{
    transition: transform 0.2s;
}

.emoji-1:hover{
    transform: scale(1.3);
}
.emoji-1:hover i{
    color: #ef4623;
}
.emoji-active-1{
    transform: scale(1.3);
}
.emoji-active-1 i{
    color: #ef4623;
}

.emoji-2:hover{
    transform: scale(1.3);
}
.emoji-2:hover i{
    color: #f68e20;
}
.emoji-active-2{
    transform: scale(1.3);
}
.emoji-active-2 i{
    color: #f68e20;
}

.emoji-3:hover{
    transform: scale(1.3);
}
.emoji-3:hover i{
    color: #fecc08;
}
.emoji-active-3{
    transform: scale(1.3);
}
.emoji-active-3 i{
    color: #fecc08;
}

.emoji-4:hover{
    transform: scale(1.3);
}
.emoji-4:hover i{
    color: #91e53e;
}
.emoji-active-4{
    transform: scale(1.3);
}
.emoji-active-4 i{
    color: #91e53e;
}

.emoji-5:hover{
    transform: scale(1.3);
}
.emoji-5:hover i{
    color: #0ec12f;
}
.emoji-active-5{
    transform: scale(1.3);
}
.emoji-active-5 i{
    color: #0ec12f;
}

.selected {
    transform: scale(1.4);
    border-radius: 50%;
    padding: 5px;
}

.iti--inline-dropdown{
    width: 100%;
}