body {
    background: #eee;
    font-family: poppins,Arial,sans-serif;
}
h1 {
    font-family: poppins,Arial,sans-serif;
    text-align: center;
    font-weight: normal;
}
table {
    margin: 0 auto;
    display: table;
    background: #FFF;
    max-width: 800px;
    width: 100%;
}
input[type="radio"] {
    display: none; /* Hides the default radio button */
}
input[type="radio"]:checked + label img {
    transform: scale(1.2); /* Slightly enlarges the selected emoji */
    border: 4px solid #e0e0e0; /* Highlights selection */
}

label img {
    width: 50px;
    height: 50px;
    cursor: pointer;
    transition: transform 0.2s ease-in-out;
    border: 2px solid transparent; /* Default border */
    border-radius: 50%;
}
#next {
    background-color: #097836 !important;
    text-transform: uppercase !important;
    padding: 15px 49px 15px 49px !important;
    display: inline-block;
    font-size: 14px !important;
    font-weight: 500 !important;
    transition: ease 0.3s !important;
    border-radius: 0 !important; color: #FFF;
    border: 1px solid #097836 !important;
}

#previous {
    background-color: #666 !important;
    text-transform: uppercase !important;
    padding: 15px 49px 15px 49px !important;
    display: inline-block;
    font-size: 14px !important;
    font-weight: 500 !important;
    transition: ease 0.3s !important;
    border-radius: 0 !important; color: #FFF; border:none;
}

button {
    background-color: #097836 !important;
    text-transform: uppercase !important;
    padding: 15px 49px 15px 49px !important;
    display: inline-block;
    font-size: 14px !important;
    font-weight: 500 !important;
    transition: ease 0.3s !important; border:none;
    border-radius: 0 !important; color: #FFF;
    cursor: pointer;
}

.ev-form-fld {
    width: 90%;
    height: 40px; border: solid 1px #DDD;
    font-family: poppins,Arial,sans-serif;
    font-size: 15px;
    padding: 0 10px;
}
.ev-form-fld2 {
    width: 90%;
    height: 140px;
    border: solid 1px #DDD;
    font-family: poppins,Arial,sans-serif; 
    font-size: 15px;
    padding: 0 10px;
    padding-top: 10px
}
.survey-sub-head {
    font-size: 22px;
    font-weight: 400;
}
.survey-table {
    padding: 0;
}
.bg-1 {
    background: #f5f8f5;
    position: relative;
    top: -1px;
}
.bg-2 {
    background: #f5f8f5;
    position: relative;
}
.bg-3 {
    background: #f5f8f5; 
    position: relative;
    top: 1px;
}
#next {
    margin-top: 25px;
}
input:focus, textarea:focus {
  outline: none;
}

.thank-you-box {
    max-width: 800px;
    width: 100%;
    margin: 100px auto 0 auto;
    display: table;
    background: #FFF;
    padding: 70px 29px;
    text-align: center;
}

.thank-you-box h2 {
    font-family: poppins,Arial,sans-serif;
    font-size: 22px;
    font-weight: 600;
}
.thank-you-box p {
    font-family: poppins,Arial,sans-serif;
    font-size: 15px;
}

@media only screen and (max-width: 768px) {
    .survey-table { padding:0; }
    .survey-sub-head { font-size: 17px; }
    label img { width: 40px; height: 40px; }
    .thank-you-box {
        width: 80%;
        padding: 10%;
    }
}