:root {
    --theme-heading-font: 'Plus Jakarta Sans', sans-serif;
    --theme-secondary-font:'DM Sans', sans-serif;
    --theme-primary-color: #F14D5D;
    --theme-secondary-color:#FFCE4C ;
    --theme-heading-color: #000;
    --theme-text-color: #505050;
    --theme-white-color: #fff;
    --theme-black-color: #000;
    --theme-border-color: #ddd;
    --theme-bg-color: #EAF1FF;
  }
  
  
  body, html {
    width: 100%;
    max-width: 100%;
  }
  
  html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(238, 122, 122, 0);
    overflow-x: hidden;
  }
  
  body {
    font-family: var(--theme-secondary-font);
    font-size: 16px;
    line-height: 30px;
    margin: 0;
    text-align: left;
    background-color: #fff;
    font-weight: 400;
    color: var(--theme-text-color);
  }
  
  p {
    color: var(--theme-text-color);
    font-family: var(--theme-secondary-font);
    line-height: 30px;
    font-size: 16px;
  }
  
  /*--------------------
   TYPOGRAPHY
  -----------------*/
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: var(--theme-heading-font);
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: .5rem;
    color: var(--theme-heading-color);
    margin-bottom: 0px;
    letter-spacing: -.5px;
  }
  
  .h1,
  h1 {
    font-size: 46px;
  }
  
  .h2,
  h2 {
    font-size: 32px;
  }
  
  .h3,
  h3 {
    font-size: 28px;
  }
  
  .h4,
  h4 {
    font-size: 22px;
  }
  
  .h5,
  h5 {
    font-size: 18px;
  }
  
  .h6,
  h6 {
    font-size: 16px;
  }
  
  .text-sm {
    font-size: 14px;
  }
  
  .h1 a,
  .h2 a,
  .h3 a,
  .h4 a,
  .h5 a,
  .h6 a,
  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a {
    color: inherit;
  }
  
  .h1 a:hover,
  .h2 a:hover,
  .h3 a:hover,
  .h4 a:hover,
  .h5 a:hover,
  .h6 a:hover,
  h1 a:hover,
  h2 a:hover,
  h3 a:hover,
  h4 a:hover,
  h5 a:hover,
  h6 a:hover {
    color: var(--theme-primary-color);
  }
  
  a {
    color: #000;
    outline: none;
    transition: all 0.3s ease-in-out;
  }
  
  a:hover {
    color: var(--theme-primary-color);
    outline: none;
    text-decoration: none;
    cursor: pointer;
  }
  
  a:focus {
    text-decoration: none;
  }
  
  a:focus, a:visited {
    outline: none;
    text-decoration: underline;
  }
  
  button:focus, input:focus {
    outline: none;
  }
  
  
  img{
    max-width: 100%;
    height: auto;
  }

  .wp-block-button.is-style-fill .wp-block-button__link{
    background: var(--theme-primary-color);
    color: var(--theme-white-color);
    text-decoration: none;
  }

  .wp-block-button.is-style-fill .wp-block-button__link:hover{
    background: var(--theme-black-color);
    color: var(--theme-white-color);
  }


 .wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background){
    color: var(--theme-primary-color);
    text-decoration: none;
 }

 .wp-block-button.is-style-outline:hover .wp-block-button__link:not(.has-text-color) {
    background: var(--theme-primary-color);
    color: var(--theme-white-color);
  }