/*Styling emergency news*/
    /*Alert News Strip*/
    .horizontal_scroll {
      scrollbar-width: none;
      -ms-overflow-style: none;
    }

    .horizontal_scroll::-webkit-scrollbar {
      display: none;
    }

    /*Styling Alert News Strip*/
    .alert_news {
      margin-inline: 30px;
    }

    .alert_news .iconify {
      font-size: 40px;
    }

    /*Styling emergency box*/
    .alert_box {
      background-color: rgb(42, 155, 255);
      padding: 10px;
      width: 260px;
    }

    /*Styling alert image display*/
    .alert_news_image {
      max-width: 240px;
      height: 400px;
      object-fit: cover;
      border-radius: 10px;
    }

    /*Styling alert title link*/
    .alert_news_link {
      color: maroon;
      font-size: 20px;
      text-decoration: none;
      background-color: rgba(255, 255, 255, 0.9);
      border-radius: 10px;
      font-weight: bold;
      margin-bottom: 20px;
      margin-inline: 10px;
    }

    .alert_news_link:hover {
      color: white;
      background-color: maroon;
    }

    /*Main topics headlines display*/
    /*styling headlines topic news*/
    .button_headline_topic {
      font-size: 20px;
      padding-inline: 30px;
      text-transform: uppercase;
      font-weight: bold;
      margin-bottom: 20px;
      border-radius: 10px;
      border: none;
    }

    .button_headline_topic:hover {
      color: maroon;
    }

    /*Styling main news card*/
    .card {
      width: auto;
      margin-bottom: 60px;
    }

    /*Styling main news card title*/
    .main_news_title {
      background-color: rgba(110, 255, 81, 0.9);
      border-radius: 10px;
      font-weight: bold;
      font-size: 26px;
      margin-inline: 20px;
    }

    /*Styling main news card image*/
    .main_news_article_image {
      max-width: 320px;
      height: 600px;
      object-fit: cover;
      border-radius: 10px;
    }

    /*Styling main news card margin*/
    .position-relative {
      margin-top: 20px;
    }

    /*Styling main news card custom details*/
    .main_news_details_custom {
      color: black;
      font-weight: bold;
      font-size: 18px;
    }

    /*Styling main news card description*/
    .main_news_article_description {
      font-size: 20px;
    }

    /*Styling main news card content*/
    .main_news_article_content {
      font-size: 20px;
    }

    /*removing bullets for description content*/
    ul {
      list-style-type: none;
    }

    /*stylefirst root version*/
    /*Styling Interaction Buttons*/
    .news_selectors {
      font-size: 20px;
      margin-bottom: 20px;
    }

    .news_selector_search {
      margin-inline: 20px;
      margin: 0 auto;
      width: 200px;
      border: none;
      background-color: rgb(222, 255, 206);
      font-size: 20px;
      border-radius: 10px;
    }

    .news_selector_search_button {
      border-radius: 10px;
      padding-inline: 10px;
      background-color: rgb(222, 255, 206);
      border: none;
    }

    .news_selector_search_button:hover {
      background-color: aliceblue;
    }

    .news_selector_options {
      margin-inline: 20px;
      background-color: rgb(222, 255, 206);
      padding-inline: 20px;
      border-radius: 10px;
      margin-bottom: 20px;
      border: none;

    }

    .news_selector_option_list {
      font-size: 20px;

    }

    .news_selector_date_label {
      margin-inline: 10px;
      font-weight: bold;
    }

    .news_selector_date_button {
      margin-inline: 10px;
      background-color: rgb(222, 255, 206);
      padding-inline: 20px;
      border-radius: 10px;
      margin-bottom: 20px;
      border: none;
    }

    .news_selector_date_button:hover {
      background-color: aliceblue;
    }


    /*Styling requested news search display*/
    /*Styling Loader Element*/
    .loader_element .iconify {
      font-size: 120px;
      color: rgb(114, 255, 6);
    }

    /*styling headlines*/

    .headlines_h1 {
      font-size: 40px;
      font-weight: bold;
      text-transform: uppercase;
      margin-bottom: 20px;
    }

    .headlines_h2 {
      font-size: 40px;
      font-weight: bold;
      text-transform: uppercase;
      margin-bottom: 20px;
    }

    .what_about_h3 {
      font-size: 40px;
      font-weight: bold;
      text-transform: uppercase;
    }

    /* Styling retrieved news displayed on requested news search display */
    .news_article {
      border: none;
      padding: 20px;
      margin-bottom: 15px;
      border-radius: 10px;
      display: flex;
      flex-direction: row;
      gap: 15px;
    }

    /* Image */
    .news_article_image {
      max-width: 400px;
      max-height: 400px;
      object-fit: cover;
      border-radius: 10px;
    }

    /* Title */
    .news_article_title {
      margin-bottom: 10px;
      font-size: 30px;
      font-weight: bold;
    }

    /* Meta */
    .news_article_meta {
      margin-bottom: 10px;
      font-size: 20px;
    }

    /* Description */
    .news_article_description {
      margin-bottom: 10px;
      font-size: 24px;
    }

    /* Content paragraph */
    .news_article_content {
      margin-bottom: 10px;
      font-size: 24px;
      list-style: none;
    }

    /* styling read me */
    .news_article_link {
      color: #0066cc;
    }

    .news_article_link:hover {
      cursor: pointer;
      color: darkblue;
      text-decoration: none;
    }

    /*styling content separator*/
    .content_separator {
      border: 2px solid maroon;
    }

    /*styling advertisement places*/
    /* Ad space styling */
    .ad-space {
      background-color: #f5f5f5;
      border: 1px dashed #ccc;
      min-height: 90px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 16px 0;
    }

    /* scroller text */
    .text_running_wrapper {
      display: flex;
    }

    .text_running,
    .separator {
      font-size: 26px;
      white-space: nowrap;
      margin-top: 50px;

    }

    .text_running .iconify {
      font-size: 60px;
    }


    .separator{
      padding-inline: 40px;
    }
    

    .text_scroll {
      overflow: hidden;
      background-color: black;
      color: white;
    }