body{
    font-family: "Montserrat", sans-serif;
}

*, *::before,*::after {
    box-sizing: border-box;
  }
  
  * {
    margin: 0;
    padding: 0;
    border: 0 solid transparent;
  }
  
  html {
    -webkit-text-size-adjust: 100%;
  }
  
  body {
    min-height: 100vh;
    line-height: 1;
    text-rendering: optimizeSpeed;
    overflow-x: hidden;
  }
  
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    display: block;
  }
  
  input,
  button,
  textarea,
  select {
    font: inherit;
    line-height: inherit;
    color: inherit;
  }
  
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  button, [role="button"] {
    cursor: pointer;
    background-color: transparent;
    -webkit-tap-highlight-color: transparent;
    &:focus {
      outline: 0;
    }
  }
  
  a {
    cursor: pointer;
    color: inherit;
    text-decoration: inherit;
    -webkit-tap-highlight-color: transparent;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  
  ol, ul {
    list-style: none;
  }
  
  [type=date],
  [type=datetime],
  [type=datetime-local],
  [type=email],
  [type=month],
  [type=number],
  [type=password],
  [type=search],
  [type=tel],
  [type=text],
  [type=time],
  [type=url],
  [type=week],
  textarea,
  select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    &:focus {
      outline: 0;
    }
  }
  
  ::-moz-placeholder {
    opacity: 1;
  }
  
  textarea {
    vertical-align: top;
  
    overflow: auto;
  }
  
  [type='checkbox'],
  [type='radio'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    &:focus {
      outline: 0
    }
  }
  
  @media (prefers-reduced-motion: reduce) {
    html:focus-within {
      scroll-behavior: auto;
    }
  
    *,
    *::before,
    *::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
    }
  }

  ::selection {
    color: #fff;
    background-color: #3572ff;
  }

  @supports(-webkit-appearance: none) or (-moz-appearance: none) {
    input[type='checkbox'] {
      --active: #275EFE;
      --active-inner: #fff;
      --focus: 2px rgba(39, 94, 254, .3);
      --border: #BBC1E1;
      --border-hover: #275EFE;
      --background: #fff;
      --disabled: #F6F8FF;
      --disabled-inner: #E1E6F9;
      -webkit-appearance: none;
      -moz-appearance: none;
      height: 16px;
      width: 16px;
      outline: none;
      display: inline-block;
      border-radius: 5px;
      vertical-align: top;
      position: relative;
      margin: 0;
      cursor: pointer;
      border: 1px solid var(--border);
      background: var(--background);
      transition: background .3s, border-color .3s, box-shadow .2s;
    }
    input[type='checkbox']:after {
      content: '';
      display: block;
      left: 0;
      top: 0;
      position: absolute;
      width: 5px;
        height: 10px;
      border: 1.75px solid var(--active-inner);
      border-top: 0;
      border-left: 0;
      left: 5px;
        top: 1px;
      transform: rotate(20deg);
      opacity: 0;
      transition: transform .3s ease, opacity .2s;
    }
    input[type='checkbox']:checked {
      --background: var(--active);
      border-color: var(--active);
    }
    input[type='checkbox']:checked:after {
      opacity: 1;
      transform: rotate(43deg);
    }
    input[type='checkbox']:disabled {
      --background: var(--disabled);
      cursor: not-allowed;
      opacity: .9;
    }
    input[type='checkbox']:disabled:checked {
      --background: var(--disabled-inner);
      border-color: var(--border);
    }
    input[type='checkbox']:disabled + label {
      cursor: not-allowed;
    }
    input[type='checkbox']:hover:not(:checked):not(:disabled) {
      border-color: var(--border-hover);
    }
    input[type='checkbox']:focus {
      box-shadow: 0 0 0 var(--focus);
    }
    input[type='checkbox'] + label {
      font-size: 14px;
      line-height: 14px;
      display: inline-block;
      vertical-align: top;
      cursor: pointer;
      margin-left: 4px;
    }
    }