:root {
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --breakpoint-xxl: 1440px;
  --breakpoint-xxxl: 1920px;
  --container-width: 100%;
  --container-sm: 540px;
  --container-md: 720px;
  --container-lg: 960px;
  --container-xl: 1140px;
  --container-xxl: 1320px;
  --container-xxxl: 1600px;
  --color-primary: #118e75;
  --color-primary-soft: #2ba3f8;
  --color-secondary: #434248;
  --color-white: #fff;
  --color-black: #000;
  --color-green: #109E59;
  --color-red: #e41720;
  --color-line: rgba(143, 132, 123, 0.5);
  --color-line-soft: #D9D9D9;
  --color-bg-ads: #F6F6F6;
  --color-bg-input: #FAFAFA;
  --color-text: #2d3436;
  --color-text-hover: #051c38;
  --color-title: #111;
  --color-title-post: #1a201f;
  --color-menu: #f3f1e9;
  --color-menu-hover: #ffffff;
  --color-menu-active: #BDAF66;
  --colot-btn-social: #A7A7A7;
  --color-btn: #04152b;
  --font-text: 'Poppins', serif;
  --font-menu: 'Cinzel', serif;
  --font-btn: 'Poppins', serif;
  --font-title: 'Cinzel', serif;
  --border-radius: 3px;
}
.icon.icon-root {
  width: 24px;
  height: 24px;
  display: flex;
}
.icon.icon-shop {
  background: url(../../icons/shop.svg) no-repeat center center;
  background-size: contain;
}
.icon.icon-cloud {
  background: url(../../icons/cloud-1.svg) no-repeat center center;
  background-size: contain;
}