#main, #intro, .text, #testimony, #disclaimer, #pop, #button, .instructions, #survey-cta{
    display: flex;
    flex-direction: column;
    align-items: center;
}


.logo-text1{
   color: rgb(59, 116, 199) ;
   font-family: Arial, Helvetica, sans-serif;
   text-align: center;
}
.logo-text2{
   color: rgba(197, 67, 27);
   font-family: Arial, Helvetica, sans-serif;
   text-align: center;
}
 #intro {
    margin-top: -1%;
    padding-bottom: 10px;
    text-align: center;
 }

 .heading{
   font-weight: bold;
   font-family: Arial, Helvetica, sans-serif;
   margin-top: 15px;
 }

 .text {
    text-align: center;
    color: rgb(59, 116, 199); 
    font-size: 16px;
    font-weight: light;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 0;
    margin-top: -1%;
    
 }

 
 h3{
    margin-bottom: -5%;
   }
   
   
   
#survey-cta {
   color: rgb(255, 255, 255);
   font-weight: 600;
   background-color: rgba(197, 67, 27);
   font-size: 17px;
   border: 1px solid rgba(0, 0, 0, 0.2);
   box-shadow: inset 0 3px 0 rgba(53, 4, 6, 0.1);
   border-radius: 3px;
   padding: 10px 15px 10px 15px ;
   font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
   cursor: pointer;
   /* margin-left: 5px; */
   /* width:30%; */
   text-decoration: none;
   text-align: center;
}

#button{
   width:60%;
}

   .security{
      /* margin-left: 3px; */
      font-family:'Helvetica Neue', Helvetica, Arial, sans-serif ;
   }

   p{
         font-family:'Helvetica Neue', Helvetica, Arial, sans-serif ;
   }
   
   .image{
      
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden;
      max-width: 90%;
      
   }
   
   .image2{
      
      width: 250px;
      height: 80%; /* Maintain aspect ratio */
      object-fit: contain; /* Adjust as needed */
      
   }
   
   #testimony{
      margin-top: 20px;
      
      margin-bottom: 5px;
      border: 3px solid rgba(0, 0, 0, 0.7);
      padding: 10px ;
      width: 80%;
      
   }
   
   #disclaimer{
      display: flex;
      text-align: center;
      max-width: 70%;
      align-items: center;
      margin-left: auto;
      margin-right: auto;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 7px;
 }

 #pop {
    background-color:  rgba(197, 67, 27); 
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    margin-bottom: 30px;
    margin-top: 5px;
    width: 100%;
    padding-top:none;
    text-align: center;
    color: white;
   }
   
#pop p{
    margin-top: 0%;
    margin-bottom: 0%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
   }

 .policy{
      font-family: Arial, Helvetica, sans-serif;
      font-size: 10px;
   }
   
.heading2{
      
      margin-top: -10px;
      font-weight: 200;
}

.check-list {
  list-style: none !important;
  padding-left: 0;
  margin-left: 25px;
  
}

.check-list li {
   display: flex;
   align-items: center;
   gap: 10px;
   margin-bottom: 10px;
}

.check-circle {
width: 18px;
  height: 18px;
  min-width: 18px; /* key fix */
  background: rgba(197, 67, 27);
  color: white;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
}

.instructions{
  align-items: center;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

.description{
   font-family: Arial, Helvetica, sans-serif;
   margin-bottom: 10px ;
}





@media screen and (min-width: 768px) {
  #testimony{

   width: 50%;

}
}

/* Styles specifically for Desktops (1025px and up) */
@media screen and (min-width: 1025px) {
  #testimony{

   width: 50%;

}
}