/* Variables */
:root {
    /* colors */
    --primary-100: #F0F8FF;
    --primary-300: #BCD1E3;
    --primary-500: #2E7BBF;
    --primary-700: #2B5DA7;
    --primary-800: #1A417A;
    --primary-900: #012E72;

    --secondary-100: #F4F4F4;
    --secondary-300: #D4D2D0;
    --secondary-500: #ADA9A6;
    --secondary-700: #6C6967;
    --secondary-900: #3A3836;

    --conversion-500: #EC7309;
    --conversion-600: #CB5F00;

    --text-headline: #3A3836;
    --text-prerex: #3A3836;
    --text-body: #3A3836;


    /* Timeline section */
    --color-body-text: #3A3836;
    --color-body-bg: #ffffff;

    --color-link: #acb7c0;
    --color-header-bg: #303e49;
    --color-header-text: #ffffff;

    --color-timeline-line: var(--primary-300);
    --color-timeline-block-bg: #ffffff;
    --color-timeline-shadow: #012E7226;
    --color-timeline-title: #303e49;

    --color-timeline-readmore-bg: #acb7c0;
    --color-timeline-readmore-bg-hover: #bac4cb;
    --color-timeline-readmore-text: #ffffff;
    --color-timeline-arrow: #ffffff;

    --color-img-border: #ffffff;
    --color-img-shadow1: rgba(0, 0, 0, 0.08);
    --color-img-shadow2: rgba(0, 0, 0, 0.05);

    --color-img-picture: var(--primary-500);
    --color-img-movie: var(--primary-500);
    --color-img-location: var(--primary-500);

    /* global fonts */
    --font-family: 'Inter', sans-serif;
    /*--font-family: 'Poppins', sans-serif;*/

    /* Timeline fonts */
    --font-body: 'Inter', serif;
    --font-headings: 'Inter', sans-serif;
}

/* Import Poppins */
/*@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');*/



h1 {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    color: #3A3836;
    line-height: 64px;
    font-size: 60px;
}
h2 {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    color: #3A3836;
    line-height: 48px;
    font-size: 42px;
}
h3 {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    color: #3A3836;
    line-height: 32px;
    font-size: 28px;
}
h4 {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    color: #3A3836;
    line-height: 24px;
    font-size: 20px;
}
h5 {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    color: #3A3836;
    line-height: 24px;
    font-size: 18px;
}
h6 {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    color: #3A3836;
    line-height: 24px;
    font-size: 16px;
}


/* Headline styles */
.h1 {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 60px;
    line-height: 64px;
}

.h2 {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 42px;
    line-height: 48px;
}

.h3 {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 28px;
    line-height: 32px;
}

.h4 {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.h5 {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
}

.h6 {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}

/* Body text */
.body-l-regular {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
}

.body-l-semibold {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
}

.body-m-regular {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}

.body-m-semibold {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}

.body-s-regular {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}

.body-s-semibold {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
}

.body-xs-regular {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
}

.body-xs-semibold {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
}

/* Link text */
.link-l-regular {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
}

.link-l-semibold {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
}

.link-m-regular {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}

.link-m-semibold {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}

.link-s-regular {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}

.link-s-semibold {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
}

.link-xs-regular {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
}

.link-xs-semibold {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
}

/* Overline */
.overline {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 4px;
    text-transform: uppercase;
}

input {
    padding: 12px 16px 12px 24px !important;
    font-size:16px;
    line-height: 20px;
    color: var(--secondary-500) !important;
    border-radius: 1rem;
}
/*input type checkbox*/
input[type="checkbox"] {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    border: 1px solid var(--secondary-500);
    background-color: var(--secondary-100);
}
.underline {
    border-bottom: 1px solid #FFF;
}