@import url("https://fonts.googleapis.com/css2?family=Inria+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap");
:root {
  --primary-color: #142a3c;
  --secondary-color: #066131;
  --paragraph-color: #4c5b53;
  --heading-font-weight: 600;
  --subheading-font-weight: 500;
  --font-heading: "Inria Sans", sans-serif;
}

body {
  font-family: "Inria Sans", sans-serif;
}
h1,
h2,
h3,
h4 {
  color: var(--primary-color);
}
h1 {
  font-style: normal;
  font-weight: 700;

  @media (min-width: 1200px) {
    font-size: 48px;
    line-height: 57.6px;
  }
  @media (max-width: 1199px) and (min-width: 768px) {
    font-size: 43px;
    line-height: 52px;
  }
  @media (max-width: 766px) {
    font-size: 38px;
    line-height: 47px;
  }
}

h2 {
  font-style: normal;
  font-weight: 400;

  @media (min-width: 1200px) {
    font-size: 48px;
    line-height: 57.6px;
  }
  @media (max-width: 1199px) and (min-width: 768px) {
    font-size: 43px;
    line-height: 52px;
  }
  @media (max-width: 766px) {
    font-size: 38px;
    line-height: 47px;
  }
}

h3 {
  font-style: normal;
  font-weight: 700;

  @media (min-width: 1200px) {
    font-size: 33px;
    line-height: 46.2px; /* 140% */
  }
  @media (max-width: 1199px) and (min-width: 768px) {
    font-size: 28px;
    line-height: 41px;
  }
  @media (max-width: 766px) {
    font-size: 23px;
    line-height: 36px;
  }
}

/* h2:not(.lg),
h3:not(.lg) {
  color: var(--secondary-color);
}

h2:has(.lg),
h3:has(.lg) {
  color: var(--primary-color);
} */

p,
li,
label {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}

.btn-global {
  color: #000;
  border-radius: 10px;
  background: #ffd41c;
  padding: 14.5px 25px;
  font-family: var(--font-heading);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
  transition: 0.3s ease;
}

.btn-global:hover {
  background: #cba815;
}


/** Reusable Yellow Button **/
a {
    &.standard-button {
        text-decoration: none;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        color: #000;
        background: rgba(255, 212, 28, 1);
        padding: 7px 25px;
        border-radius: 10px;
        font-size: 16px;
        height: 45px;
        transition: 0.5s ease;

        &:hover {
            filter: brightness(.5);
        }
    }
}
/** Reusable Yellow Button - End **/

@media (min-width: 1200px) {
  section {
    padding: 100px 0;
  }

  .wrapper {
    max-width: 1356px;
    margin: auto;
    padding: 0 30px;
  }
}

@media (max-width: 1199px) {
  section {
    padding: 70px 30px;
  }
}

@media (min-width: 992px) {
}

@media (max-width: 991px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
  section {
    padding: 50px 8px;
  }
}

@media (min-width: 576px) {
}

@media (max-width: 575px) {
}

.single .wrapper h2{
    margin-top:25px!important;
}