:root {
    /*--colours--*/
    --primaryBlue: #0109C4;
      --darkBlue:#070965;
      --darkBlue-rgb: 7, 9, 101;
    --grey: #A3A3B0;
    --white: #F2F4FA;
    --cyan: #69D6C4;
    --black: #0F0F0F;

    /*--border-radius--*/
    --br-small: 8px;
    --br-m: 16px;

    /*--spacing--*/
    --block-spacing: 100px;
    --gap-s: 1rem;
    --gap-m: 40px;
    --gap-l: 10%;

    /*--matches elementor default padding--*/
    --default-padding: 2rem;

    @media (max-width: 1024px) {
      --block-spacing: 50px;
      --gap-l: 40px;
      --default-padding: 1.5rem;
    }

    @media (max-width: 767px) {
      --gap-l: 16px;
      --block-spacing: 25px;
      --default-padding: 1rem;
    }
  }

  html {
    font-size: 16px;
  }
 

  body{
    background-color: var(--white);
  }