.block-container {
      display: flex;
      flex-wrap: wrap;
      gap: 30px; /* Adjust the space between blocks */
      justify-content: center; /* Center the blocks horizontally */
      margin-bottom: 30px; 
    }

    .block {
      flex: 1 0 calc(50% - 10px); /* Two blocks side by side with a 10px gap on wide screens */
      max-width: 350px; /* Maximum width for each block */
      margin-bottom: 0px; /* Adjust the space below each block */
      box-sizing: border-box;
      
      padding: 2px; /* Adjust the padding inside each block */
      border: 0px solid #ccc; /* Border color for blocks */
    }

    @media (max-width: 700px) {
      .block {
        flex-basis: calc(100% - 20px); /* Single column layout for small screens */
      }
    }
    
    .panel {height: 16px; text-align: center;padding:1px; font-family: arial,sans-serif; font-size: 12px; font-weight:normal; background: #000; color: #fff; overflow: hidden;width: 150px;margin: 0 auto; border:1px solid #ccc;}


    
/* BLOCK 1 - GENERAL */


    #rss-feed1 {
      width: 350px;
      max-height: 70px;
      overflow: hidden;
      border: 1px solid #ccc;
      background: #000;
      
      padding-left: 10px;
      padding-right: 5px;
      border-radius: 5px;
      
      
      
      
    }

    #rss-feed1-content {
      animation: scrollAnimation 60s linear infinite; /* Adjust the duration (150s) for the scrolling speed */
    }

    #rss-feed1:hover #rss-feed1-content {
      animation-play-state: paused; /* Pause the animation on hover */
    }

    @keyframes scrollAnimation {
      0% {
        transform: translateY(0);
      }
      100% {
        transform: translateY(calc(-100% - 10px)); /* Adjust the distance to scroll */
      }
    }
    
    /* content styling */
    
        #rss-feed1-content p {color: #000; 
        
  overflow: hidden;  border-bottom: 1px solid #ccc;
  margin: 0 0 10px 0; /* Reset margin to ensure accurate height calculations */
  
 
}
    
       /* Styles for the external feed content */
    #rss-feed1 {color: #000;
      font-size: 11px; /* Adjust the font size for titles */
     
  overflow: hidden;
  margin: 0; /* Reset margin to ensure accurate height calculations */

      font-family: arial,sans-serif;
      line-height: 1.5;
      
      
    }
    
      /* Styles for the external feed content */
    #rss-feed1-content title {color: #ddd;
      font-size: 12px; /* Adjust the font size for titles */
      margin-bottom: 5px; font-weight:normal;
    }
    
     /* Styles for the external feed content */
    #rss-feed1-content h2 {color: #ddd;
      font-size: 12px; /* Adjust the font size for titles */
      margin-bottom: 5px; font-weight:normal;
    }

    #rss-feed1-content a {
      font-size: 11px; /* Adjust the font size for links */
      color: #6ff; /* Link color */
      text-decoration: underline;
    }
    
     #rss-feed1-content img {width: 0px; height: 0px;
            
    }
    
   


 
 /* BLOCK 2 - GENERAL */


    #rss-feed2 {
      width: 350px;
      max-height: 70px;
      overflow: hidden;
      border: 1px solid #ccc;
      background: #000;
      
      padding-left: 10px;
      padding-right: 5px;
       border-radius: 5px;
    }

    #rss-feed2-content {
      animation: scrollAnimation 60s linear infinite; /* Adjust the duration (150s) for the scrolling speed */
    }

    #rss-feed2:hover #rss-feed2-content {
      animation-play-state: paused; /* Pause the animation on hover */
    }
    
    /* content styling */
    
        #rss-feed2-content p {color: #000;
 
  overflow: hidden; border-bottom: 1px solid #ccc;
  margin: 0 0 10px 0; /* Reset margin to ensure accurate height calculations */
}
    
       /* Styles for the external feed content */
    #rss-feed2 {color: #000;
      font-size: 11px; /* Adjust the font size for titles */
     
  overflow: hidden;
  margin: 0; /* Reset margin to ensure accurate height calculations */

      font-family: arial,sans-serif;
      line-height: 1.5;
    }
    
      /* Styles for the external feed content */
    #rss-feed2-content title {color: #ddd;
      font-size: 12px; /* Adjust the font size for titles */
      margin-bottom: 5px; font-weight:normal;
    }
    
     /* Styles for the external feed content */
    #rss-feed2-content h2 {color: #ddd;
      font-size: 12px; /* Adjust the font size for titles */
      margin-bottom: 5px; font-weight:normal;
    }

    #rss-feed2-content a {
      font-size: 11px; /* Adjust the font size for links */
      color: #6ff; /* Link color */
      text-decoration: underline;
    }
    
     #rss-feed2-content img {width: 0px; height: 0px;
            
    }
   
   
    
  /* BLOCK 3 */   
    

    #rss-feed3 {
      width: 350px;
      max-height: 70px;
      overflow: hidden;
      border: 1px solid #ccc;
      background: #000;
      
      padding-left: 10px;
      padding-right: 5px;
       border-radius: 5px;
    }

    #rss-feed3-content {
      animation: scrollAnimation 60s linear infinite; /* Adjust the duration (150s) for the scrolling speed */
    }

    #rss-feed3:hover #rss-feed3-content {
      animation-play-state: paused; /* Pause the animation on hover */
    }
    
    /* content styling */
    
        #rss-feed3-content p {color: #000;
 
  overflow: hidden; border-bottom: 1px solid #ccc;
  margin: 0 0 10px 0; /* Reset margin to ensure accurate height calculations */
}
    
       /* Styles for the external feed content */
    #rss-feed3 {color: #000;
      font-size: 11px; /* Adjust the font size for titles */
     
  overflow: hidden;
  margin: 0; /* Reset margin to ensure accurate height calculations */

      font-family: arial,sans-serif;
      line-height: 1.5;
    }
    
      /* Styles for the external feed content */
    #rss-feed3-content title {color: #ddd;
      font-size: 12px; /* Adjust the font size for titles */
      margin-bottom: 5px; font-weight:normal;
    }
    
     /* Styles for the external feed content */
    #rss-feed3-content h2 {color: #ddd;
      font-size: 12px; /* Adjust the font size for titles */
      margin-bottom: 5px; font-weight:normal;
    }

    #rss-feed3-content a {
      font-size: 11px; /* Adjust the font size for links */
       color: #6ff; /* Link color */
      text-decoration: underline;
    }
    
     #rss-feed3-content img {width: 0px; height: 0px;
            
    }
  

  /* BLOCK 4 */   
  
  
    #rss-feed4 {
      width: 350px;
      max-height: 70px;
      overflow: hidden;
      border: 1px solid #ccc;
      background: #000;
    
      padding-left: 10px;
      padding-right: 5px;
       border-radius: 5px;
    }

    #rss-feed4-content {
      animation: scrollAnimation 60s linear infinite; /* Adjust the duration (150s) for the scrolling speed */
    }

    #rss-feed4:hover #rss-feed4-content {
      animation-play-state: paused; /* Pause the animation on hover */
    }
    
    /* content styling */
    
        #rss-feed4-content p {color: #000;
 
  overflow: hidden;  border-bottom: 1px solid #ccc;
 margin: 0 0 10px 0; /* Reset margin to ensure accurate height calculations */
}

    
       /* Styles for the external feed content */
    #rss-feed4 {color: #000;
      font-size: 11px; /* Adjust the font size for titles */
      
  overflow: hidden;
  margin: 0; /* Reset margin to ensure accurate height calculations */

      font-family: arial,sans-serif;
      line-height: 1.5;
    }
    
      /* Styles for the external feed content */
    #rss-feed4-content title {color: #ddd;
      font-size: 12px; /* Adjust the font size for titles */
      margin-bottom: 5px; font-weight:normal;
      
    }
    
     /* Styles for the external feed content */
    #rss-feed4-content h2 {color: #ddd;
      font-size: 12px; /* Adjust the font size for titles */
      margin-bottom: 5px; font-weight:normal;
     
    }

    #rss-feed4-content a {
      font-size: 11px; /* Adjust the font size for links */
       color: #6ff; /* Link color */
      text-decoration: underline;
    }
    
     #rss-feed4-content img {width: 0px; height: 0px;
            
    }