.question-section {
    margin-top: 30px;
}
.question {
    margin: 20px 0;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #f5f5f5;
}
.question h2 {
    margin: 0;
}
.vote-buttons {
    display: flex;
    justify-content: space-around;
    margin-top: 10px;
}
.vote-buttons button {
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    background-color: #007bff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}
.vote-buttons button:hover {
    background-color: #0056b3;
}
.results {
margin-top: 20px;
text-align: center;
}

.chart-container {
width: 100%;
height: 500px; /* Increased height for desktop */
margin: 5px auto; /* Further reduced margin for desktop */
text-align: center;
}

/* Styles for screens wider than 768px (typically tablets and desktops) */
@media (min-width: 768px) {
.chart-container {
    width: 90%; /* Even wider chart on larger screens */
    height: 600px; /* Increased height for desktop */
    margin-top: 15px; /* Adjusted top margin */
}
}

/* Styles for screens narrower than 768px (typically smartphones) */
@media (max-width: 767px) {
.chart-container {
    width: 100%;
    height: 250px; /* Increased height for mobile */
    margin-top: 10px; /* Adjusted top margin for mobile */
}
}
.cta-box {
    margin-top: 30px;
    padding: 15px;
    border: 2px solid #007bff;
    border-radius: 8px;
    background: #e7f0ff;
    text-align: center;
}
.cta-box a {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    color: #007bff;
    text-decoration: none;
    border: 2px solid #007bff;
    border-radius: 5px;
    transition: background-color 0.3s, color 0.3s;
}
.cta-box a:hover {
    background-color: #007bff;
    color: #fff;
}
#comments {
    margin-top: 40px;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #f5f5f5;
}

#externallinks {
           margin-top: 40px;
           padding: 20px;
           border: 1px solid #ddd;
           border-radius: 8px;
           background: #f5f5f5;
       }
       .externallinks {
           display: flex;
           flex-wrap: wrap;
           gap: 20px; /* Space between columns */
       }
       .column {
     width: 100% !important; /* Full width on mobile */
     max-width: 100% !important; /* Prevent columns from causing issues */
 }

 /* For larger screens (optional) */
 @media (min-width: 768px) {
     .column {
         width: 50% !important; /* Two columns on larger screens */
     }
 }
       .column h3 {
           font-size: 18px;
           color: #333;
           margin-top: 0;
       }
       .column a {
           color: #007bff;
           text-decoration: none;
           display: block;
           margin-bottom: 10px;
           transition: color 0.3s, text-decoration 0.3s;
       }
       .column a:hover {
           color: #0056b3;
           text-decoration: underline;
       }

#disclaimer {
    margin-top: 40px;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #f5f5f5;
}


.comment-form {
    margin-bottom: 20px;
}
.comment-form input, .comment-form textarea {
    width: 100%;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.comment-form button {
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    background-color: #007bff;
    color: #fff;
    cursor: pointer;
}
.comment-form button:hover {
    background-color: #0056b3;
}
.comment-list {
    margin-top: 20px;
}
.comment {
    padding: 10px;
    border-bottom: 1px solid #ddd;
}
.comment p {
    margin: 0;
}
.comment small {
    color: #888;
}


.social-icons {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin: 20px 0;
}

.social-icon {
    width: 24px;
    height: 24px;
    fill: #333; /* Default color */
    transition: fill 0.3s;
}

.social-icon:hover {
    fill: #0073e6; /* Change color on hover */
}

.share-section {
    text-align: center;
}

.share-section h2 {
    font-size: 18px;
    margin-bottom: 10px;
}