:root {
  --white: #fff;
  --black: #000;
  --text: #304B65;
  --primary: #05A6DB;
  --yellow: #FFE486;
  --border: rgba(62, 116, 134, 0.15);
  --noto: 'noto serif', Helvetica, Arial, serif;
  --poppins: 'Poppins', Helvetica, Arial, sans-serif;
  --basefontfamily: var(--poppins);
  --fontaccent: var(--noto);
  --basefontsize: 16px;
  --baselineheight: 1.6;
  --regular: 400;
  --medium: 500;
  --semi: 600;
  --bold: 700;
  --extra-bold: 800;
  --radius: 10px;
  --transition: all .3s ease-out;
  --swiper-theme-color: #007aff;
  --swiper-navigation-size: 44px;
}