* {
  scroll-behavior:smooth;
  padding:0;
}
/* Top Line Header Styling */
  .top-header {
  background-color:#093572;
  color:white;
  font-size:18px;
  padding:10px 15px;
  text-align:center;
}
/* Banner Section Styling */
  .banner-section {
  background-image:url('../image/bg-bg.webp');
  background-size:cover;
  background-position:center;
  height:auto;
  color:white;
  /* display:flex;
  */
      align-items:center;
}
/* .banner-content {
  max-width:50%;
}
*/
  .banner-content h1 {
  font-size:60px;
  font-weight:bold;
  margin-bottom:15px;
}
.banner-content p {
  font-size:20px;
  margin-bottom:20px;
  line-height:1.6;
}
.subscribe-btn {
  background-color:red;
  color:white;
  font-size:19px;
  padding:10px 20px;
  border:none;
  border-radius:5px;
}
.subscribe-btn:hover {
  background-color:#cc0000;
}
.fa-envelope-open:before {
  margin-left:10px;
}
.banner-image img {
  max-width:100%;
  border-radius:10px;
  margin-bottom:20px;
}
.navbar-brand img {
  height:50px;
}
.navbar-nav .nav-link {
  color:#909090;
  font-size:20px;
  font-weight:400;
}
.navbar-nav .nav-link:hover {
  color:#ff0000;
}
.poll-span,.fa-arrow-right:before {
  font-size:20px;
}
.poll-left-heading {
  font-size:35px;
  color:black;
  font-weight:800;
}
.poll-section {
  padding:20px;
  box-shadow:0px 14px 15px 1px #1c0a500f;
  border-radius:8px;
}
.poll-left span {
  font-size:24px;
  /* margin-right:10px;
  */
}
.subscribe-btn-vote {
  background-color:#093572;
  color:white;
  font-size:19px;
  padding:10px 50px;
  border:none;
  border-radius:5px;
}
#review-section {
  /* margin-top:100px !important;
  */
      background-color:#F9FAFF;
  padding-top:20px;
  position:relative;
  overflow:hidden;
  /* Hide overflow content */
}
.review-section {
  display:flex;
  justify-content:center;
  /* Center reviews horizontally */
      align-items:center;
  /* Center reviews vertically */
      background-color:#F9FAFF;
  overflow:hidden;
  /* Hide content that moves out of bounds */
      position:relative;
  padding:50px 0;
  text-align:center;
  width:100%;
  height:auto;
  /* Adjust height dynamically */
}
.review-card {
  flex-shrink:0;
  /* Prevent the reviews from shrinking */
      width:100%;
  /* Full width */
      max-width:400px;
  /* Optional:Set a max-width */
      margin:0 auto;
  animation:scroll-continuous 25s linear infinite;
  /* Continuous scrolling animation */
      background:white;
  padding:10px;
}
/* Animation delay for sequential scrolling */
.review-card:nth-child(1) {
  animation-delay:0s;
}
.review-card:nth-child(2) {
  animation-delay:0s;
  /* Starts after the first review finishes */
}
.review-card:nth-child(3) {
  animation-delay:0s;
  /* Starts after the second review finishes */
}
.review-card:nth-child(4) {
  animation-delay:0s;
  /* Starts after the third review finishes */
}
.review-card:nth-child(5) {
  animation-delay:0s;
  /* Starts after the fourth review finishes */
}
.review-section-iframe {
  font-size:1.2rem;
  font-weight:bold;
}
.review-card p {
  font-size:20px;
  line-height:1.5;
}
.subscribe-btn-review {
  background-color:red;
  color:white;
  font-size:19px;
  padding:10px 20px;
  border:none;
  text-align:center;
  border-radius:5px;
}
.review-main-section {
  text-align:center;
  background-color:#F9FAFF;
  padding-bottom:50px;
  width:100%;
  overflow:hidden;
}
/* Keyframes to animate reviews left to right without gaps */
  @keyframes scroll-continuous {
  0% {
  transform:translateX(100%);
  /* Start off-screen from the right */
}
50% {
  transform:translateX(0);
  /* Fully in view */
}
100% {
  transform:translateX(-100%);
  /* Move off-screen to the left */
}
}/* Media Queries for Responsiveness */
  
  /* On smaller screens (mobile) */
  @media (max-width:768px) {
  #review-section {
  padding-top:10px;
}
.review-section {
  flex-direction:column;
  /* Stack reviews vertically on mobile */
          gap:20px;
  /* Add space between stacked reviews */
}
.review-card {
  min-width:80%;
  /* Make the reviews take up more width on mobile */
          margin:0 auto;
  /* Center align review cards */
          animation:auto;
}
}/* On medium screens (tablets) */
  @media (max-width:1024px) {
  .review-section {
  /* flex-direction:column;
  */
          gap:20px;
}
.review-card {
  min-width:70%;
  /* Slightly reduce width of review cards */
          margin:0 auto;
  /* Center align review cards */
}
}/* On larger screens (desktops) */
  @media (min-width:1025px) {
  .review-section {
  flex-direction:row;
  gap:20px;
  /* Add space between reviews */
}
.review-card {
  min-width:300px;
  /* Keep the minimum width for desktop */
}
}/*.footer {
  */
  /*    background-color:#ffffff;
  */
  /*    color:#000000;
  */
  /*    padding:12px 0px 0px 0px;
  */
  /*    text-align:center;
  */
  /*    width:100%;
  */
  /*    display:inline-block;
  */
  /*    vertical-align:top;
  */
  /*
}
*/


  /*.bottom-text-f {
  */
  /*    font-weight:600;
  */
  /*    font-size:24px;
  */
  /*    padding:5px 0px 15px 0px;
  */
  /*
}
*/

  /*.copyrightbg {
  */
  /*    background:#ffffff;
  */
  /*
}
*/

  /*.copyright {
  */
  /*    font-size:13px;
  */
  /*    font-weight:600;
  */
  /*    margin:0;
  */
  /*    padding:7px 0;
  */
  /*    color:rgb(186,186,186)!important;
  */
  /*
}
*/

  .footer-terms {
  color:#093572!important;
  text-decoration:none!important;
  /*font-size:larger!important;*/
}
#polls-section {
  width:100%;
  max-width:1320px;
  margin:0 auto;
  display:flex;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
  /* This ensures the cards wrap on smaller screens */
}
.poll-card {
  background-color:white;
  border-radius:10px;
  box-shadow:0px -8px 12px rgba(0,0,0,0.1);
  width:30%;
  display:flex;
  flex-direction:column;
  /* Ensures vertical alignment */
  justify-content:space-between;
  /* Pushes content and image apart */
  align-items:center;
  text-align:left;
  margin-bottom:20px;
  overflow:hidden;
  /* Prevents content or image overflow */
}
.poll-content {
  padding:20px;
}
.poll-title {
  font-size:20px;
  color:#2c3e50;
  margin-bottom:10px;
}
.poll-description {
  font-size:15px;
  color:#7f8c8d;
  margin-bottom:20px;
}
.poll-image {
  width:65%;
  /* Ensures the image stretches to the card's width */
  height:auto;
  object-fit:cover;
  /* Keeps image proportions while filling the width */
}
.poll-instructions {
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  /* Add spacing between elements */
}
/*.poll-icon {
  */
/*  font-size:20px;
  */
  
/*
}
*/

.poll-text {
  font-size:18px;
  color:#7f8c8d;
}
.poll-heading {
  font-size:24px;
  color:#2c3e50;
  margin-top:10px;
}
/* Centering the button */
.subscribe-btn-overview {
  background-color:red;
  /* Red background */
    color:white;
  /* White text */
    font-size:19px;
  /* Font size of the text */
    padding:10px 20px;
  /* Padding:10px top & bottom,20px left & right */
    border:none;
  /* Removes the default border */
    border-radius:5px;
  /* Rounded corners with 5px radius */
    cursor:pointer;
  /* Makes the cursor a pointer when hovering */
    text-align:center;
  /* Centers text inside the button */
    display:inline-flex;
  /* Ensures the button behaves as an inline element */
    align-items:center;
  /* Aligns the content vertically */
    transition:background-color 0.3s ease;
  /* Smooth transition for background color */
    justify-content:center;
  /* Centers the icon horizontally inside the button */
}
/* Hover effect for the button */
.subscribe-btn-overview:hover {
  background-color:#cc0000;
  /* Darker red background on hover */
}
/* Icon styling */
.subscribe-btn-overview i {
  margin-left:8px;
  /* Space between text and the icon */
}
/* To center the button within its container */
.button-container {
  display:flex;
  justify-content:center;
  /* Centers the button horizontally */
}
@media screen and (max-width:768px) {
  #polls-section {
  flex-direction:column;
  /* Stack blocks vertically */
    align-items:center;
  gap:30px;
  /* Add more spacing between cards */
}
.poll-card {
  width:90%;
  /* Use a wider width for smaller screens */
    margin-bottom:30px;
}
.poll-content h1 {
  font-size:30px;
  /* Adjust font sizes for better fit */
}
.poll-content h2 {
  font-size:20px;
}
.poll-content p {
  font-size:14px;
}
.poll-image {
  width:55%;
  /* Ensure images scale properly */
    height:auto;
}
.poll-instructions {
  text-align:center;
  margin-bottom:30px;
  /* Adjust spacing for the top section */
}
.poll-icon {
  font-size:18px;
}
.poll-heading {
  font-size:25px;
  /* Adjust font size for smaller screens */
}
.poll-instructions p {
  font-size:14px;
}
}@media (max-width:1200px) {
  .poll-section {
  display:block!important;
  text-align:center;
}
}@media (max-width:768px) {
  .banner-content h1 {
  font-size:40px;
}
.banner-content p {
  font-size:18px;
}
.subscribe-btn {
  font-size:16px;
}
.banner-image {
  text-align:center;
}
.banner-image img {
  max-width:90%;
  margin:0 auto;
}
}

@media (max-width: 768px) {
    .iframe-subscirbe {
        scrolling: auto !important; /* Allows scrolling on smaller screens */
    }
}