.announcement {
        background-color: rgba(0, 0, 0, 1);
      }
      .announcement-wrapper,.announcement-btn {
        color: rgba(255, 255, 255, 1);
      }

 @font-face {
    font-family: 'Poppins';
    src: url("https://assets.mrshopplus.com/446025261795103/Theme-Stockx/1/Asset/font/Poppins-Regular.ttf");
    font-weight: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Poppins';
    src: url("https://assets.mrshopplus.com/446025261795103/Theme-Stockx/1/Asset/font/Poppins-SemiBold.ttf");
    font-weight: bold;
    font-display: swap;
  }
  @font-face {
    font-family: "iconfont";
    src: url("https://assets.mrshopplus.com/446025261795103/Theme-Stockx/1/Asset/font/iconfont.woff2") format('woff2'),
         url("https://assets.mrshopplus.com/446025261795103/Theme-Stockx/1/Asset/font/iconfont.woff") format('woff'),
         url("https://assets.mrshopplus.com/446025261795103/Theme-Stockx/1/Asset/font/iconfont.ttf") format('truetype');
    font-display: swap;
  }

  :root {
      --main-color: #FFFFFF;
      --main-color-second: #FF7259;
      --theme-font-color: #000000;
      --theme-font-color-sub: #8B8B8B;
      --nav-font-color: #000000;
      --theme-border-color: #E8E8E8;
      --theme-color-star: #C5C5C5;
    --bg-img-url:url();
     --max-width: 1490px;
     --section-space: 48px;
     --section-space-bottom: 28px;
     --h-space: 20px;
     --v-space: 20px;
    --border-width: 1px;
    --theme-border-radius: 0px;
      --main-font-family: Poppins;
  }
 
 @media screen and (max-width: 1200px){
    :root{
      --section-space: var(--m-section-space);
      --section-space-bottom: calc(var(--m-section-space) - 10px);
      --h-space: 10px;
      --v-space: 10px;
    }
  }