.idea-survey {max-width:600px;margin:30px auto;background:#fff;border-radius:16px;padding:25px;direction:rtl;}
.btn-idea {background: #0070F2 !important; color:#fff !important;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;}
.progress {height:6px;background:#eee;margin-bottom:20px;border-radius:4px;overflow:hidden;}
.progress .bar {height:14px;background:#43a047;width:0%;transition:width 0.3s;}
.option-card {background:#f7f7f7;padding:12px 18px;border-radius:12px;margin-bottom:10px;cursor:pointer;border:2px solid transparent;transition:all .2s;}
.option-card:hover {border-color:#1e88e5;}
.option-card.selected {background:#e3f2fd;border-color:#1e88e5;}
.hidden {display:none;}
.idea-survey textarea
{
    width:100%;
    height: 100px;
    border-radius: 10px;
    border:1px solid #ccc;
    resize: none;
    outline: none;
}
.idea-survey textarea:focus
{
    border:1px solid #ccc;
    outline: none !important;
}
.idea-survey input[type=number]
{
    width: 150px;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #b3b3b3;
}