@media (min-width: 250px) and (max-width: 980px) {
    body {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      overflow-x: hidden;
      max-width: 100%;
    }
    .container1 {
      display: flex;
      flex-direction: column;
      justify-content: space-evenly;
      align-items: center;
      align-self: center;
    }
  
    .area h1 {
      font-size: 30px;
      line-height:60px;
    }
  
    .area h3 {
      font-size: 20px;
      margin-top: 5px;
    }
  

  
  
  h4 {
    color:white;
  }
  
  /*                                  questions                 */
  
    .quest {
      width: 80%;
      min-height: 75px;
      margin-left: 10px;
      margin-right: 10px;
    }

      .top span {
    font-size: 15px;
  }

    .answer {
    text-align: start;
    font-size: 12px;
    line-height: 1.5;
    max-height: 0;
    overflow: hidden;
    padding: 0 25px;
    transition: max-height 0.4s ease, padding 0.4s ease;
  }

  .section-title{
  color:#fff;
  font-size:25px;
  font-weight:700;
  text-align:start;
  margin:0 0 24px;
}

  /*                                  questions                 */

  /*                                  Footer                 */

  .contact-footer h3 {
    color: #fff;
    font-size: 25px;
    margin-bottom: 20px;
}

  /*                                  Footer                 */


    /*                               More Reason to Join                 */

  .more-reasonsT h2{
  color:#fff;
  font-size:25px;
  margin-bottom:24px;

  padding-inline:40px;
  text-align:start;
}

.card h3{

  color:#fff;

  font-size:20px;

  font-weight:700;

  margin:0 0 18px;

}

.card p{

  color:rgba(255,255,255,.72);

  font-size:15px;

  line-height:1.6;

  width:90%;
}


.icon{

  position:absolute;

  
    left:24px !important;
    right:auto !important;
  

    bottom: 24px;

    width:62px;
    height:62px;

    opacity:.95;
  
  }

  .reasons-inner{

    width:95%;
    margin:0 auto;

}

.reasons-inner h2{

    transform:none;
    padding-inline:0;
    text-align:right;

}

.cards{

    grid-template-columns:1fr;

    gap:18px;

}

.card{

    min-height:220px;

    padding:24px;

}

.card p{

    width:100%;

}

.main{
    width:95%;
    margin-top:0;
}

   /*                               More Reason to Join                 */

         
       /*                           Trending                 */

  .trending h2{
  color:#fff;
  font-size:25px;
  font-weight:700;
  margin:0 0 25px;
  text-align:start;
}

/* TODO:
   Temporary Android Chrome slider workaround.
   Revisit after website launch.
*/

.track{ 
  direction:ltr; 
  display:flex; 
  gap:12px; 
  overflow-x:auto; 
  overflow-y:hidden; 
  scroll-behavior:smooth; 
  scrollbar-width:none; 
  padding-bottom:15px; 
  flex-wrap:nowrap; 
  min-width:0; 
  contain:layout; 
  max-width:250px;

}
}

  /*                                  questions    
    
}

/*
@media (max-width:480px){
  .poster{
    flex-basis:140px;
    height:210px;
  }
}
*/
     /*                               Trending                 */







/*
html {
    overflow-x:hidden;
    max-width: 100%;
}

body {
    overflow-x:hidden;
    max-width: 100%;
}