* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body #main {
    margin: 0;
}

body {
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.02em;
    letter-spacing: normal;
    color: var(--heidner_dark);
    font-family: var(--Neue_Haas_Grotesk_Display_Pro_Regular);
}

body p {
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.02em;
    margin: 0 0 32px;
    color: var(--heidner_dark);
    font-family: var(--Neue_Haas_Grotesk_Display_Pro_Regular);
}

body p:last-child {
    margin: 0;
}

body strong,
body b {
    font-weight: normal;
    font-family: var(--Neue_Haas_Grotesk_Display_Pro_Bold);
}

body i {
    font-style: italic;
}

body p a,
body a {
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.02em;
    text-decoration: underline;
    transition: all ease 0.5s;
    color: var(--heidner_dark);
    font-family: var(--Neue_Haas_Grotesk_Display_Pro_Regular);
}

body p a:hover,
body a:hover {
    text-decoration: none;
}

body img,
body svg {
    max-width: 100%;
    height: auto;
}

@media (max-width: 991px) {
    body p {
        margin: 0 0 22px;
    }
}

/********** Container Style Start **********/
.container {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
}

@media (min-width: 768px) {
    .container {
        max-width: 760px;
    }

    .container.smallest {
        max-width: 706px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 980px;
    }

    .container.medium {
        max-width: 840px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }

    .container.medium {
        max-width: 1040px;
    }
}

@media (min-width: 1360px) {
    .container {
        max-width: 1320px;
    }
}

@media (min-width: 1440px) {
    .container {
        max-width: 1400px;
    }
}

@media (min-width: 1640px) {
    .container {
        max-width: 1520px;
    }

    .container.big {
        max-width: 1450px;
    }
}

@media (min-width: 1880px) {
    .container.big {
        max-width: 1864px;
    }
}

@media (max-width: 767px) {
    .container {
        padding-right: 16px;
        padding-left: 16px;
    }
}

/********** Container Style End **********/

/********* Heading Style Start *********/
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin: 0 0 24px;
    font-style: normal;
    font-weight: normal;
    padding: 0;
    letter-spacing: 0.01em;
    color: var(--heidner_dark);
    font-family: var(--Neue_Haas_Grotesk_Display_Pro_Regular);
}

h1.reduce_bottom_space,
.h1.reduce_bottom_space,
h2.reduce_bottom_space,
.h2.reduce_bottom_space,
h3.reduce_bottom_space,
.h3.reduce_bottom_space,
h4.reduce_bottom_space,
.h4.reduce_bottom_space,
h5.reduce_bottom_space,
.h5.reduce_bottom_space,
h6.reduce_bottom_space,
.h6.reduce_bottom_space {
    margin: 0 0 12px;
}

h1,
.h1 {
    font-size: 48px;
    line-height: 1.11;
    font-weight: normal;
    letter-spacing: 0.1em;
    font-family: var(--Neue_Haas_Grotesk_Display_Pro_Light);
}

h2,
.h2 {
    font-size: 36px;
    line-height: 1.12;
    font-weight: normal;
    letter-spacing: 0.2em;
    font-family: var(--Neue_Haas_Grotesk_Display_Pro_Regular);
}

h3,
.h3 {
    font-size: 36px;
    line-height: 1.14;
    font-weight: normal;
    letter-spacing: 0.05em;
    font-family: var(--Neue_Haas_Grotesk_Display_Pro_Medium);
}

h4,
.h4 {
    font-size: 24px;
    line-height: 1.33;
    font-weight: normal;
    letter-spacing: 0.01em;
    font-family: var(--Neue_Haas_Grotesk_Display_Pro_Regular);
}

h5,
.h5 {
    font-size: 16px;
    line-height: 2;
    font-weight: normal;
    letter-spacing: 0.02em;
    font-family: var(--Neue_Haas_Grotesk_Display_Pro_Bold);
}

h6,
.h6 {
    font-size: 13px;
    line-height: 1.24;
    font-weight: normal;
    letter-spacing: 0.2em;
    font-family: var(--Neue_Haas_Grotesk_Display_Pro_Bold);
}

@media (max-width: 1359px) {

    h1,
    .h1 {
        font-size: 42px;
    }

    h3,
    .h3 {
        font-size: 30px;
    }
}

@media (max-width: 1199px) {

    h1,
    .h1 {
        font-size: 36px;
    }

    h2,
    .h2 {
        font-size: 32px;
    }

    h3,
    .h3 {
        font-size: 26px;
    }

    h4,
    .h4 {
        font-size: 22px;
    }
}

@media (max-width: 991px) {

    h1,
    .h1 {
        font-size: 30px;
    }

    h2,
    .h2 {
        font-size: 28px;
    }

    h3,
    .h3 {
        font-size: 22px;
    }

    h4,
    .h4 {
        font-size: 20px;
    }
}

@media (max-width: 767px) {

    h1,
    .h1,
    h2,
    .h2,
    h3,
    .h3,
    h4,
    .h4,
    h5,
    .h5,
    h6,
    .h6 {
        margin: 0 0 20px;
    }

    h1.reduce_bottom_space,
    .h1.reduce_bottom_space,
    h2.reduce_bottom_space,
    .h2.reduce_bottom_space,
    h3.reduce_bottom_space,
    .h3.reduce_bottom_space,
    h4.reduce_bottom_space,
    .h4.reduce_bottom_space,
    h5.reduce_bottom_space,
    .h5.reduce_bottom_space,
    h6.reduce_bottom_space,
    .h6.reduce_bottom_space {
        margin: 0 0 10px;
    }

    h1,
    .h1 {
        font-size: 24px;
    }

    h2,
    .h2 {
        font-size: 24px;
    }

    h3,
    .h3 {
        font-size: 18px;
    }

    h4,
    .h4 {
        font-size: 18px;
    }
}

/********* Heading Style End *********/


.site-content ul {
    margin: 24px 0;
    padding: 0 0 0 24px;
    list-style: none;
}

.site-content ul li {
    position: relative;
    padding-left: 16px;
    margin: 0;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.02em;
    color: var(--heidner_dark);
    font-family: var(--Neue_Haas_Grotesk_Display_Pro_Regular);
}

.site-content ul li:last-child {
    margin: 0;
}

.site-content ul li a {
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.02em;
    text-decoration: underline;
    color: var(--heidner_dark);
    font-family: var(--Neue_Haas_Grotesk_Display_Pro_Regular);
}

.site-content ul li a:hover {
    text-decoration: none;
}

.site-content ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: var(--heidner_primary_blue);
}

.site-content ul li ul {
    margin: 0;
    padding: 0 0 0 24px;
}

.site-content ol {
    margin: 24px 0;
    padding: 0 0 0 24px;
    list-style: none;
    counter-reset: item;
}

.site-content ol li {
    counter-increment: item;
    position: relative;
    padding-left: 23px;
    margin: 0;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.02em;
    color: var(--heidner_dark);
    font-family: var(--Neue_Haas_Grotesk_Display_Pro_Regular);
}

.site-content ol li:last-child {
    margin: 0;
}

.site-content ol li a {
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.02em;
    text-decoration: underline;
    color: var(--heidner_dark);
    font-family: var(--Neue_Haas_Grotesk_Display_Pro_Regular);
}

.site-content ol li a:hover {
    text-decoration: none;
}

.site-content ol li:before {
    content: counter(item) ".";
    display: inline-block;
    min-width: 13px;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 15px;
    font-weight: normal;
    line-height: 2.1;
    letter-spacing: 0.02em;
    color: var(--heidner_primary_blue);
    font-family: var(--Neue_Haas_Grotesk_Display_Pro_Medium);
}

.site-content ol li ol {
    margin: 0;
    padding: 0 0 0 24px;
}

@media (max-width: 991px) {

    .site-content ul,
    .site-content ol {
        padding: 0 0 0 20px;
    }
}

@media (max-width: 767px) {

    .site-content ul,
    .site-content ol {
        padding: 0 0 0 15px;
    }
}

blockquote {
    margin: 24px 0;
    padding: 64px 48px 48px;
    background-color: var(--heidner_primary_blue);
    position: relative;
}

blockquote:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-image: url('../../images/quote_icon_image.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 103px;
    height: 70px;
}

blockquote,
blockquote p,
blockquote a,
blockquote p a {
    color: var(--white);
    font-family: var(--Neue_Haas_Grotesk_Display_Pro_Regular);
    font-size: 24px;
    line-height: 1.58;
    letter-spacing: 0.01em;
}

blockquote p {
    margin-bottom: 10px;
}

blockquote a:hover,
blockquote p a:hover {
    color: var(--heidner_grey_op5);
}

blockquote h1,
blockquote .h1,
blockquote h2,
blockquote .h2,
blockquote h3,
blockquote .h3,
blockquote h4,
blockquote .h4,
blockquote h5,
blockquote .h5,
blockquote h6,
blockquote .h6 {
    color: var(--white);
    margin: 0;
}

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

@media (max-width: 1199px) {

    blockquote,
    blockquote p,
    blockquote a,
    blockquote p a {
        font-size: 22px;
    }

    blockquote {
        padding: 64px 40px 40px;
    }
}

@media (max-width: 991px) {

    blockquote,
    blockquote p,
    blockquote a,
    blockquote p a {
        font-size: 20px;
    }

    blockquote {
        padding: 64px 30px 30px;
    }
}

@media (max-width: 767px) {

    blockquote,
    blockquote p,
    blockquote a,
    blockquote p a {
        font-size: 18px;
    }
}

@media (max-width: 575px) {
    blockquote {
        padding: 64px 20px 20px;
    }
}


.btn {
    border-radius: 0;
    padding: 13px 30px 10px;
    font-family: var(--Neue_Haas_Grotesk_Display_Pro_Bold);
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.2em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    box-shadow: none;
    border: 1px solid var(--heidner_dark);
    background-color: var(--heidner_dark);
    color: var(--heidner_primary_cream);
    transition: all ease 0.5s;
    background-image: none !important;
}

.btn:hover {
    border: 1px solid var(--heidner_dark);
    background-color: var(--heidner_primary_cream);
    color: var(--heidner_dark);
}

.btn.bg_primary_cream_text_heidner_dark {
    border: 1px solid var(--heidner_primary_cream);
    background-color: var(--heidner_primary_cream);
    color: var(--heidner_dark);
}

.btn.bg_primary_cream_text_heidner_dark:hover {
    border: 1px solid var(--heidner_primary_cream);
    background-color: var(--heidner_dark);
    color: var(--heidner_primary_cream);
}

.btn.bg_transperant_text_primary_cream_border_primary_cream {
    border: 1px solid var(--heidner_primary_cream);
    background-color: transparent;
    color: var(--heidner_primary_cream);
}

.btn.bg_transperant_text_primary_cream_border_primary_cream:hover {
    border: 1px solid var(--heidner_primary_cream);
    background-color: var(--heidner_primary_cream);
    color: var(--heidner_dark);
}

.btn.text_transform_uppercase {
    text-transform: uppercase;
}

.text_link {
    font-family: var(--Neue_Haas_Grotesk_Display_Pro_Bold);
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.2em;
    color: var(--heidner_dark);
    text-decoration: none;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    transition: all ease .5s;
    padding-right: 25px;
    position: relative;
}

.text_link svg {
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -5px;
    transition: all ease .5s;
}

.text_link:hover svg {
    right: 0;
}

.text_link.text_link_clr_primary_cream {
    color: var(--heidner_primary_cream);
}

.text_link.text_link_clr_white {
    color: var(--white);
}

.text_link.text_transform_uppercase {
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .btn {
        padding: 13px 21px 10px;
    }
}

.section_heading .heading_text.has_small_border_under_heading {
    position: relative;
    padding-bottom: 20px;
}

.section_heading .heading_text.has_small_border_under_heading:after {
    content: "";
    position: absolute;
    width: 96px;
    height: 2px;
    background: var(--heidner_accent_blue);
    left: 0;
    bottom: 0;
}

.section_heading.heading_in_center {
    text-align: center;
}

.section_heading.heading_in_center .heading_text.has_small_border_under_heading:after {
    left: 50%;
    transform: translateX(-50%);
}

.letter_spacing_percent_5 {
    letter-spacing: 0.05em;
}

.letter_spacing_percent_10 {
    letter-spacing: 0.1em;
}

.letter_spacing_percent_20 {
    letter-spacing: 0.2em;
}

@media screen and (max-width: 600px) {
    #wpadminbar {
        position: fixed;
    }
}