@font-face {
    font-family: 'Poppins';
    src: url("https://assets.mrshopplus.com/420639466900501/Theme-Wrap/38/Asset/font/Poppins-Regular.ttf");
    font-weight: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Poppins';
    src: url("https://assets.mrshopplus.com/420639466900501/Theme-Wrap/38/Asset/font/Poppins-SemiBold.ttf");
    font-weight: bold;
    font-display: swap;
  }
  @font-face {
    font-family: "iconfont";
    src: url("https://assets.mrshopplus.com/420639466900501/Theme-Wrap/38/Asset/font/iconfont.woff2") format('woff2'),
         url("https://assets.mrshopplus.com/420639466900501/Theme-Wrap/38/Asset/font/iconfont.woff") format('woff'),
         url("https://assets.mrshopplus.com/420639466900501/Theme-Wrap/38/Asset/font/iconfont.ttf") format('truetype');
    font-display: swap;
  }
  :root {
      --main-bg-color: rgba(237, 116, 32, 1);
      --main-bg-color-dark: rgba(228, 105, 20, 1);
      --theme-color-font: rgba(0, 0, 0, 1);
      --theme-color-font-secondary: rgba(208, 2, 27, 1);
      --theme-color-font-link: rgba(237, 116, 32, 1);
      --theme-border-color: rgba(234, 233, 233, 1);
      --theme-nav-color: #fff;
      --theme-color-star: rgba(237, 116, 32, 1);
    
    
     --max-width: 1450px;
     --section-space: 24px;
     --section-space-half: px;
     --section-space-bottom: 8px;
     --h-space: 16px;
     --v-space: 16px;
    --border-width: 1px;
    --theme-border-radius: 0px;
      --main-font-family: Poppins;
    --theme-nav-font-size: 20px;
    --theme-nav-column-gap: 40px;
  }

  html, 
  body,
  input,
  select,
  textarea,
  button {
    font-family: var(--main-font-family), sans-serif;
  }
   @media screen and (max-width: 768px){
    :root{
      --section-space: 12px;
      --section-space-bottom: 4px;
      --h-space: 8px;
      --v-space: 8px;
    }
    
  }