:root {
    --auburn-200: #CF716B;
    --auburn-300: #BE5750;
    --auburn-400: #AE3D36;
    --auburn-500: #9E231B;
    --auburn-600: #983C38;
    --linen-100: #FAF7F5;
    --linen-200: #F4F0EB;
    --linen-300: #EFE8E2;
    --linen-400: #E9E1D8;
    --linen-500: #E4D9CE;
    --linen-800: #7D7165;
    --linen-950: #493D30;
    --linen-1000: #382C1F;
    --beige-700: #6D5F58;
    --dun-400: #C6AF97;
    --dun-600: #8B745B;
    --dun-700: #6E573D;
    --dun-900: #412E19;
    --dun-950: #312213;
    --bronze-200: #F4D5C1;
    --bronze-600: #DA7330;
    --bronze-700: #BE5D1E;
    --bronze-800: #A74608;
    --bronze-1000: #652700;
    --marigold-050: #F9E2C2;
    --marigold-150: #F6D5A5;
    --marigold-200: #F5CD95;
    --marigold-300: #F6BF72;
    --marigold-400: #EEAE54;
    --marigold-500: #EB9E34;
    --marigold-700: #B57723;
    --forest-green-000: #C2E4CC;
    --forest-green-300: #638B6F;
    --forest-green-400: #446E50;
    --forest-green-500: #245031;
}

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

*:focus-visible {
    outline: 7px solid var(--marigold-200);
    border-radius: 12px;
}

a,
a:visited,
a:hover,
a:active {
    text-decoration: none;
}

.nav-mobile {
    display: none;
}

button {
    border: none;
    background: none;
}

p {
    color: var(--dun-900);
    /* Global/Desktop/Body */
    font-family: Figtree;
    font-size: 19px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    /* 28.5px */
}

p b, li b {
    /* Global/Desktop/Body bold */
    font-family: Figtree;
    font-style: normal;
    font-weight: 500;
    font-size: 19px;
    line-height: 150%;
}

html {
    overflow-x: hidden;
}

body {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow-x: hidden;
}

ul {
    color: var(--dun-900);
    font-family: Figtree;
    font-size: 19px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    /* 28.5px */
    padding-left: 1em;
}

.nav-desktop {
    width: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    background: var(--linen-500);
    z-index: 2;
}

.top-menu {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    height: 64px;
    padding: 20px 40px;
    justify-content: space-between;
    width: min(1440px, 100%);
    z-index: 2;
}

.navi-link {
    height: 27px;
    color: var(--dun-950);
    font-family: Figtree;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    /* 24px */
    letter-spacing: 0.16px;
    z-index: 2;
}

.navi-link:hover {
    border-bottom: 1px solid var(--bronze-800);
}

.navi-link:focus-visible {
    border-radius: 4px;
    outline: 4px solid var(--marigold-200);
}

.top-menu .selected {
    border-bottom: 1px solid var(--bronze-600);
    z-index: 2;
}

.buttons-left {
    display: flex;
    align-items: center;
    gap: 32px;
    z-index: 2;
}

.buttons-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 32px;
    z-index: 2;
}

.module-1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 64px 40px;
    height: 890px;
    width: min(1440px, 100%);
    gap: 20px;
}

.module-1-background {
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    background: var(--linen-100);
}

.module-1-text-container {
    display: flex;
    max-width: 670px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
}

.module-1-left-img {
    align-self: flex-start;
}

.module-1-right-img {
    align-self: flex-end;
}

h3 {
    color: var(--dun-950);
    /* Global/Desktop/H3 */
    font-family: Gambetta-Variable;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    /* 49.5px */
    letter-spacing: -1.35px;
    max-width: 640px;
}

h3 i {
    font-family: Gambetta-VariableItalic;
    font-style: italic;
    letter-spacing: -0.9px;
}

@media screen and (max-width: 1200px) {
    h3 {
        font-size: 34px;
        line-height: 120%;
        /* 49.5px */
        letter-spacing: -0.68px;
    }
}

.secondary-button-light {
    border-radius: 32px;
    border: 1px solid var(--linen-200);
    display: flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: var(--linen-200);
    /* Global/Desktop/Button label */
    font-family: Figtree;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 28.5px */
}

.secondary-button-light::after {
    content: url('../img/arrow-right-icon-light.svg');
    width: 24px;
    height: 24px;
}

.secondary-button-light:hover {
    border: 1px solid var(--marigold-300);
    background: var(--marigold-300);
    color: var(--dun-900);
}

.secondary-button-light:hover::after {
    content: url('../img/arrow-right-icon-auburn.svg');
    width: 24px;
    height: 24px;
}

.secondary-button-light:focus-visible {
    outline: 4px solid var(--marigold-200);
}

.secondary-button-dark {
    border-radius: 32px;
    border: 1px solid var(--dun-900);
    width: fit-content;
    display: flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: var(--dun-900);
    /* Global/Desktop/Button label */
    font-family: Figtree;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 28.5px */
    background: none;
}

.secondary-button-dark::after {
    content: url('../img/arrow-right-icon-dark.svg');
    width: 24px;
    height: 24px;
}

.secondary-button-dark:hover {
    border: 1px solid var(--marigold-300);
    background: var(--marigold-300);
}

.secondary-button-dark:hover::after {
    content: url('../img/arrow-right-icon-auburn.svg');
    width: 24px;
    height: 24px;
}

.secondary-button-dark:focus-visible {
    outline: 4px solid var(--marigold-200);
}

.slider-button-left {
    border-radius: 32px;
    border: 1px solid var(--dun-900);
    height: 50px;
    display: flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: var(--dun-900);
    background: none;
    /* Global/Desktop/Button label */
    font-family: Figtree;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 28.5px */
}

.slider-button-left::before {
    content: url('../img/arrow-left-icon-auburn.svg');
    width: 24px;
    height: 24px;
}

.slider-button-left:hover {
    border: 1px solid var(--marigold-300);
    background: var(--marigold-300);
    cursor: pointer;
}

.slider-button-left:focus-visible {
    outline: 4px solid var(--marigold-200);
}

.slider-button-right {
    border-radius: 32px;
    border: 1px solid var(--dun-900);
    height: 50px;
    display: flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: var(--dun-900);
    background: none;
    /* Global/Desktop/Button label */
    font-family: Figtree;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 28.5px */
}

.slider-button-right::after {
    content: url('../img/arrow-right-icon-auburn.svg');
    width: 24px;
    height: 24px;
}

.slider-button-right:hover {
    border: 1px solid var(--marigold-300);
    background: var(--marigold-300);
    cursor: pointer;
}

.slider-button-right:focus-visible {
    outline: 4px solid var(--marigold-200);
}

h1 {
    color: var(--dun-950);
    /* Global/Desktop/H1 */
    font-family: Gambetta-Variable;
    font-size: 61px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    /* 67.1px */
    letter-spacing: -2.44px;
    margin: 0px;
}

h1 i {
    font-family: Gambetta-VariableItalic;
    font-style: italic;
}

.module-2 {
    display: flex;
    height: 850px;
    padding: 168px 155px 171px 155px;
    justify-content: space-between;
    align-items: flex-start;
    gap: 64px;
    width: min(1440px, 100%);
}

.module-2-background {
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    background: var(--linen-400);
}

.module-2-text-container {
    display: flex;
    width: 630px;
    flex-direction: column;
    align-items: flex-start;
    gap: 64px;
}

.module-2-text-container h1 {
    width: 370px;
}

.module-2-text-container ul {
    align-self: flex-end;
    display: flex;
    gap: 24px;
    flex-direction: column;
    max-width: 430px;
    color: var(--dun-900);
    font-family: Figtree;
    font-size: 19px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    /* 28.5px */
}

.module-2-text-container li {
    display: flex;
    gap: 12px;
    align-items: center;
}

.module-3 {
    display: flex;
    height: 850px;
    padding: 257px 155px 257px min(50vw, 730px);
    justify-content: center;
    align-items: center;
    gap: 135px;
    width: min(1440px, 100%);
}

.module-3-background {
    width: 100%;
    position: relative;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    background: var(--beige-700);
}

video {
    object-fit: cover;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.module-3-text-container {
    position: relative;
    width: 555px;
    height: 336px;
    display: flex;
    text-align: left;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: 48px;
    flex-shrink: 0;
}

.module-3-text-container h1 {
    color: var(--linen-100);
}

.module-3-text-container p {
    color: var(--linen-200);
    width: 420px;
}

.module-4 {
    display: flex;
    height: 850px;
    padding: 125px 125px 120px 155px;
    align-items: center;
    width: min(1440px, 100%);
}

.module-4-background {
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    background: var(--linen-100);
}

.module-4-background-onas {
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    background: var(--linen-400);
}

.module-4-text-container {
    display: flex;
    width: 1014px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 24px;
}

.eyebrow-header {
    color: var(--auburn-300);
    /* Global/Desktop/Eyebrow Header */
    font-family: Figtree;
    font-size: 19px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
    /* 22.8px */
    letter-spacing: 3.42px;
    text-transform: uppercase;
}

.module-4-text-container p {
    width: 669px;
    margin-top: 24px;
    align-self: flex-end;
    color: var(--dun-900);
}

.module-5 {
    align-self: flex-start;
    display: grid;
    grid-template-columns: repeat(20, 1fr);
    grid-template-rows: 1fr;
    height: 850px;
    align-items: start;
    justify-items: start;
    width: min(1440px, 100%);
    gap: 4px;
    width: 100%
}

.module-5-img-container {
    grid-column: 1 / 8;
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    height: 850px;
    min-width: 0;
    max-width: 100%;
}

.module-5-background {
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    background: var(--auburn-600);
}

.module-5-text-container {
    grid-column: 9 / 19;
    display: flex;
    margin-top: 174px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 24px;
}

.module-5-text-container h2 {
    max-width: 620px;
}

.module-5-text-container .eyebrow-header {
    color: var(--marigold-300);
}

.module-5-text-with-button {
    width: 555px;
    margin-top: 24px;
    align-self: flex-end;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
}

.module-5-text-with-button p {
    color: var(--linen-200);
}

h2 {
    color: var(--linen-100);
    /* Global/Desktop/H2 */
    font-family: Gambetta-Variable;
    font-size: 52px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    /* 57.2px */
    letter-spacing: -1.56px;
}

h2 i {
    font-family: Gambetta-VariableItalic;
    font-style: italic;
}

.module-6 {
    display: flex;
    min-height: 850px;
    padding: 64px 40px;
    align-items: flex-start;
    justify-content: space-between;
    width: min(1440px, 100%);
}

.module-6-background {
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    background: var(--linen-100);
}

.module-6-text-container {
    display: flex;
    width: 670px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 24px;
}

.module-6-text-with-button {
    width: 440px;
    margin-top: 83px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.module-6-text-with-button .secondary-button-dark {
    margin-top: 24px;
}

.module-6-image-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-end;
    width: min(528px, 100%);
}

.module-6-image-container img {
    width: 308px;
}

.module-6-image-container img:last-child {
    align-self: flex-start;
    width: 220px;
}

.module-6-image-container-mobile {
    display: none
}

h4 {
    color: var(--dun-950);
    /* Global/Desktop/H4 */
    font-family: Gambetta-Variable;
    font-size: 39px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 46.8px */
    letter-spacing: -0.78px;
}

h4 i {
    font-family: Gambetta-VariableItalic;
    font-style: italic;
}

.body-small {
    color: var(--dun-900);
    /* Global/Desktop/Body small */
    font-family: Figtree;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    /* 24px */
    letter-spacing: 0.16px;
}

.module-7 {
    display: flex;
    height: 715px;
    padding: 96px min(270px, 15vw) 96px 155px;
    align-items: flex-start;
    flex-direction: column;
    width: min(1440px, 100%);
    gap: 72px;
}

.module-7 .eyebrow-header {
    color: var(--marigold-400);
}

.module-7-background {
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    background: var(--forest-green-500);
}

.module-7-text-container {
    align-self: flex-end;
    display: flex;
    width: min(840px, 70vw);
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 64px;
}

.module-7-innumbers {
    display: flex;
    width: 600px;
    align-items: center;
    justify-content: flex-start;
    gap: 32px;
}

.module-7-bulletpoint {
    display: flex;
    gap: 12px;
    align-items: center;
}

.module-7-innumbers:nth-of-type(even) {
    align-self: flex-start;
}

.module-7-innumbers p {
    color: var(--linen-200);
    /* Global/Desktop/H6 */
    font-family: Figtree;
    font-size: 22px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
    /* 30.8px */
    letter-spacing: -0.22px;
}

.big-number {
    color: var(--linen-100);
    /* Global/Desktop/Display-1 */
    font-family: Gambetta-Variable;
    font-size: 128px;
    font-style: normal;
    font-weight: 300;
    line-height: 100px;
    /* 78.125% */
    letter-spacing: -7.68px;
}

.module-8 {
    display: flex;
    height: 1101px;
    padding: 96px 0px 176px min(155px, 13vw);
    align-items: flex-start;
    flex-direction: column;
    width: min(1440px, 100%);
    gap: 24px;
}

.module-8-background {
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    background: var(--linen-400);
}

.module-8-testimony-container {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.testimony-track {
    width: 1705px;
}

.testimony-track:hover {
    cursor: grab;
}

.testimony-track:active {
    cursor: grabbing;
}

.module-8-testimony {
    opacity: .4;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    padding: 40px;
    width: 555px;
    gap: 24px;
    border-radius: 12px;
    background: var(--linen-100);
}

.module-8-testimony[class*="active"] {
    opacity: 1;
}

.module-8-testimony p {
    color: var(--dun-900);
    /* Global/Desktop/Body small */
    font-family: Figtree;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    /* 24px */
    letter-spacing: 0.16px;
}

.mh {
    background-color: var(--bronze-200);
}

.gh {
    background-color: var(--forest-green-000);
}

.module-8-under-track {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.module-8-buttons {
    margin-right: 40px;
    align-self: flex-end;
    display: flex;
    gap: 12px;
}


.module-9 {
    display: flex;
    padding: 96px 155px;
    align-items: flex-start;
    flex-direction: column;
    width: min(1440px, 100%);
    gap: 32px;
}

.module-9-background {
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    background: var(--linen-100);
}

.module-9 p {
    margin-top: 16px;
    margin-left: 115px;
    width: 670px;
}

.module-9 .smaller-width {
    width: 605px;
}

.module-9-enlarged p {
    margin-top: 16px;
    margin-left: 115px;
    width: 617px;
}

.team-photo {
    margin-top: 40px;
}

.team-photo img {
    width: 100%;
}

.module-9 .secondary-button-dark {
    align-self: flex-end;
}

.module-10 {
    width: 100%;
    display: flex;
    min-height: 714px;
    align-items: flex-start;
    align-self: flex-start;
    padding-right: 40px;
    gap: min(169px, 10vw);
}

.module-10-background {
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    background: var(--marigold-300);
}

.module-10-img-container {
    display: flex;
    overflow: hidden;
    align-items: stretch;
    justify-content: center;
    height: 100%;
    min-width: 0;
}

.module-10-img-container img {
    height: 100%;
}

.module-10-text-container {
    display: flex;
    margin-top: 96px;
    width: 670px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 24px;
}

@media screen and (max-width: 1250px) {
    .module-10 {
        gap: 64px;
    }

    .module-10-text-container {
        margin-top: 40px;
    }
}

.module-10-text-container h2 {
    color: var(--dun-950);
    letter-spacing: -1.04px;
}

.module-10-text-container .eyebrow-header {
    color: var(--auburn-500);
}

.module-10-text-with-button {
    width: 100%;
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
}

.module-10-text-with-button p {
    color: var(--dun-900);
}

.module-10-newsletter-form {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
}

.ml-subscribe-form {
    width: 100%;
}

.ml-form-fieldRow {
    width: 100%;
}

.module-10-thanks {
    display: none;
    flex-direction: column;
    max-width: 555px;
    gap: 12px;
}

.module-10-thanks p {
    display: flex;
    align-items: center;
    gap: 12px;
}

.bullet::before {
    content: url("../img/arrow-right-icon-auburn.svg");
}

.bullet-ball {
    display: flex;
    align-items: center;
    gap: 12px;
}

.bullet-ball::before {
    content: url(../img/orange-dot-icon.svg);
    padding-top: 10px;
}

input[type=text],
input[type=email],
input[type=text]:active,
input[type=email]:active {
    color: var(--dun-700);
    font-family: Figtree;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 22.4px */
    display: flex;
    border-style: none;
    width: 100%;
    height: 64px;
    padding: 18px 16px;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    border-radius: 12px;
    background: var(--marigold-050);
    outline: none;
}

input[type=text]:hover,
input[type=email]:hover {
    outline: 1px solid var(--marigold-700);
}

input[type=text]:focus-visible,
input[type=email]:focus-visible {
    outline: 7px solid var(--marigold-400);
    border-radius: 12px;
}

input[type=text]:user-invalid,
input[type=email]:user-invalid {
    outline: 1px solid #F00;
    border-radius: 12px
}

.primary-button-auburn {
    display: flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-style: none;
    border-radius: 60px;
    background: var(--auburn-400);
    color: var(--linen-200);
    /* Global/Desktop/Button label */
    font-family: Figtree;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 28.5px */
    width: fit-content;
}

.primary-button-auburn::after {
    content: url('../img/arrow-right-icon-light.svg');
    width: 24px;
    height: 24px;
}

.primary-button-auburn:hover {
    background: var(--auburn-500);
    cursor: pointer;
}

.primary-button-auburn:focus-visible {
    outline: 4px solid var(--marigold-200);
}

.primary-button-forest-green {
    display: flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-style: none;
    border-radius: 60px;
    background: var(--forest-green-500);
    color: var(--linen-200);
    /* Global/Desktop/Button label */
    font-family: Figtree;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 28.5px */
}

.primary-button-forest-green::after {
    content: url('../img/arrow-right-icon-light.svg');
    width: 24px;
    height: 24px;
}

.primary-button-forest-green:hover {
    background: var(--forest-green-400);
    cursor: pointer;
}

.primary-button-forest-green:focus-visible {
    outline: 4px solid var(--marigold-200);
}

.module-10-text-inputs-container {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

.super-small {
    color: var(--dun-900);
    /* Global/Desktop/Caption */
    font-family: Figtree;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    /* 21px */
    letter-spacing: 0.14px;
}

.super-small a:visited {
    color: inherit;
}

.super-small a {
    color: inherit;
    border-bottom: 1px solid var(--Bronze-Bronze-800, #A74608);
}

.thank-you-background {
    display: flex;
    width: 100%;
    align-items: center;
    flex-direction: column;
    background: var(--marigold-300);
}

.thank-you-background-linen {
    display: flex;
    width: 100%;
    align-items: center;
    flex-direction: column;
    background: var(--linen-100);
}

.thank-you {
    display: flex;
    min-height: 850px;
    padding: 144px 40px 64px 40px;
    width: min(1440px, 100%);
    justify-content: space-between;
    flex-wrap: wrap;
}

.thank-you-text-heading {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 690px;
    gap: 24px
}

.thank-you-heading {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.thank-you-heading h2 {
    color: var(--dun-950);
    letter-spacing: -1.04px;
}

.thank-you-heading .eyebrow-header {
    color: var(--auburn-500);
}

.thank-you-text {
    display: flex;
    flex-direction: column;
    gap: 32px;
    max-width: 555px;
}

.thank-you-text-linen {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 690px;
}

.thank-you-text-linen h5{
    color: var(--dun-900);
    /* Global/Desktop/H5 */
    font-family: Gambetta-Variable;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 28.8px */
    letter-spacing: -0.68px;
    margin-bottom: 28px;
}

.thank-you-text a::before {
    content: url("../img/arrow-right-icon-auburn.svg");
}

.thank-you-text a:visited {
    color: inherit;
}

.thank-you-text a:hover {
    text-decoration: underline;
}

.thank-you-text p:nth-of-type(2) {
    margin-top: -20px;
}

.thank-you-text p:nth-of-type(3) {
    margin-top: -20px;
}

.thank-you-text a,
.thank-you-text a:visited {
    color: var(--auburn-600);
    font-family: Figtree;
    font-size: 19px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    /* 28.5px */
    display: flex;
    align-items: center;
    gap: 8px;
}

.thank-you-text h5 {
    color: var(--dun-900);
    /* Global/Desktop/H5 */
    font-family: Gambetta-Variable;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 28.8px */
    letter-spacing: -0.68px;
}

.thank-you-image {
    align-self: flex-end;
    display: flex;
    justify-content: flex-end;
    padding-top: 20px;
}

.thank-you-image img {
    width: 440px;
}

.footer-background {
    background: var(--linen-1000);
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
}

footer {
    display: flex;
    min-height: 529px;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    width: min(1440px, 100%);
    padding: 120px 40px 59px 40px;
    gap: 48px;
}

.footer-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    gap: 64px 12px;
    flex-wrap: wrap;
}

.footer-logo {
    width: 150px;
}

.footer-links-contact {
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.footer-links {
    width: min(220px, 19vw);
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.tertiary-link {
    width: fit-content;
    background: var(--linen-1000);
    border-radius: 60px;
    padding: 12px 24px;
    color: var(--linen-200);
    /* Global/Desktop/Button label */
    font-family: Figtree;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 28.5px */
}

.tertiary-link:hover {
    background: var(--linen-800);
}

.tertiary-link:focus-visible {
    outline: 4px solid var(--marigold-200);
}

.darker {
    color: var(--dun-400);
}

.footer-contact {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 54px;
    width: min(555px, 40vw);
}

.footer-contact-top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.email-link {
    color: var(--linen-100);
    font-family: Gambetta-Variable;
    font-size: 39px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 46.8px */
    letter-spacing: -0.39px;
    border-bottom: 2px solid var(--marigold-400);
}

.email-link:hover {
    color: var(--marigold-400)
}

.email-link:focus-visible {
    border-radius: 12px;
    outline: 4px solid var(--marigold-200);
}

.tel-link {
    color: var(--linen-100);
    font-family: Gambetta-Variable;
    font-size: 39px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 46.8px */
    letter-spacing: -0.39px;
}

.tel-link:hover {
    color: var(--marigold-400)
}

.tel-link:focus-visible {
    border-radius: 12px;
    outline: 4px solid var(--marigold-200);
}

.footer-contact-bottom {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.footer-contact-bottom p {
    color: var(--linen-200);
    /* Global/Desktop/Body */
    font-family: Figtree;
    font-size: 19px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    /* 28.5px */
}

.footer-social-media-icons {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.copyright-notice {
    color: var(--dun-400);
    /* Global/Desktop/Button label */
    font-family: Figtree;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 28.5px */
    align-self: center;
}

.footer-caption-links {
    display: flex;
    width: 579px;
    align-items: center;
    justify-content: space-between;
    align-self: flex-end;
}

#one-message-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    height: 90vh;
    width: 100%;
}

.green-background {
    background: var(--forest-green-500);
}

.auburn-background {
    background: var(--auburn-600);
}

.brown-background {
    background: var(--linen-950);
}

#one-message-section h4 {
    margin-top: 8px;
    color: var(--linen-100);
}

#one-message-section h1 {
    color: var(--linen-100);
}

#one-message-section .eyebrow-header {
    color: var(--marigold-400);
}

#one-message-section .secondary-button-light {
    margin-top: 40px;
}

.o-nas-member-background {
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    background: var(--linen-100);
}

.o-nas-member-background-green {
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    background: var(--forest-green-500);
}

.o-nas-member {
    width: min(100%, 1440px);
    display: flex;
    min-height: 791px;
    align-items: flex-start;
    padding: 40px 64px;
    gap: 135px;
}

.o-nas-member-background-green .o-nas-member {
    align-items: center;
}

.o-nas-member img {
    width: 440px;
}

.reverted {
    justify-content: flex-end;
}

.reverted picture {
    order: 2;
}

.o-nas-text {
    width: 555px;
    margin-top: 181px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.o-nas-member-background-green .o-nas-text {
    margin-top: 0px;
}

.reverted .o-nas-text {
    margin-top: 161px;
}

.o-nas-text h2 {
    color: var(--dun-950);
    margin-bottom: 28px;
}

.o-nas-member-background-green p,
.o-nas-member-background-green h2 {
    color: var(--linen-100);
}

.module-4-background-onas-green {
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    background: var(--forest-green-500);
}

.module-4-background-onas-green .eyebrow-header,
.o-nas-member-background-green .eyebrow-header {
    color: var(--marigold-300);
}

.module-4-background-onas-green h1 {
    color: var(--linen-100);
}

.module-4-background-onas-green p {
    color: var(--linen-200);
}

.onas-wartosci-background {
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    background: var(--linen-100);
}

.onas-wartosci {
    display: flex;
    flex-direction: column;
    gap: 48px;
    height: 850px;
    padding: 120px 93px 112px 155px;
    width: min(1440px, 100%);
}

.onas-wartosci-content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 96px 192px;
    height: 550px;
}

.onas-wartosci-text-container {
    display: flex;
    width: 500px;
    flex-direction: column;
    gap: 12px;
}

.onas-wartosci-content img {
    width: 458px;
}

.onas-wartosci-content picture {
    justify-self: flex-end;
}

.kontakt-background {
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    background: var(--linen-100);
}

.kontakt {
    display: flex;
    flex-wrap: wrap;
    gap: min(135px, 10vw) min(120px, 8vw);
    ;
    padding: min(96px, 7vw) min(155px, 10vw);
    width: min(1440px, 100%);
}

.kontakt img {
    width: 440px;
}

@media screen and (max-width: 1380px) {
    .kontakt img {
        width: 350px;
    }
}

@media screen and (max-width: 1260px) {
    .kontakt img {
        width: 300px;
    }
}

.kontakt-header-and-text {
    display: flex;
    gap: min(135px, 12vw);
    width: 100%;
}

.kontakt-header-and-text h1 {
    width: 440px;
}

.kontakt-text {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 440px;
}

.kontakt-form {
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: 325px;
    width: 555px;
}

@media screen and (max-width: 1190px) {
    .kontakt-form {
        width: 450px;
    }
}

@media screen and (max-width: 1050px) {
    .kontakt-form {
        width: 380px;
    }
}


.kontakt-text-name-email {
    display: flex;
    gap: 24px;
    width: 100%;
}

textarea,
textarea:active {
    color: var(--dun-700);
    font-family: Figtree;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 22.4px */
    border-style: none;
    height: 100%;
    width: 100%;
    padding: 18px 16px;
    border-radius: 12px;
    background: var(--marigold-050);
    outline: none;
    resize: none;
}

textarea:hover {
    outline: 1px solid var(--marigold-700);
}

textarea:focus-visible {
    outline: 7px solid var(--marigold-400);
    border-radius: 12px;
}

textarea:user-invalid {
    outline: 1px solid #F00;
    border-radius: 12px
}

.thank-you-message {
    display: none;
    flex-direction: column;
    width: 440px;
    gap: 24px;
}

@media screen and (max-width: 1050px) {
    .thank-you-message {
        width: 380px;
    }
}

h5 {
    color: var(--bronze-700);
    /* Global/Desktop/H5 */
    font-family: Gambetta-Variable;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 28.8px */
    letter-spacing: -0.48px;
}

.thanks-text {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.thanks-text a,
.thanks-text a:visited {
    color: var(--auburn-600);
}

.big-text-section-background {
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    background: var(--linen-100);
}

.big-text-section {
    display: flex;
    flex-direction: column;
    gap: 48px;
    padding: 192px 155px 96px 155px;
    width: min(1440px, 100%);
}

.big-text-section h1 {
    margin-bottom: 48px;
}

.text-container {
    width: min(900px, 100%);
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.text-container li::before {
    color: var(--dun-950);
}

.text-container li {
    color: var(--dun-900);
    /* Global/Desktop/Body */
    font-family: Figtree;
    font-size: 19px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    /* 28.5px */
}

.text-container ul {
    padding-left: 1em;
}

.text-container a {
    color: var(--auburn-400);
    /* Global/Desktop/Body */
    font-family: Figtree;
    font-size: 19px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    text-decoration-line: underline;
}

.header-text-container {
    width: min(900px, 100%);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.question {
    color: var(--dun-950);
    /* Global/Desktop/Body bold */
    font-family: Figtree;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    /* 28.5px */
}

.opinie {
    display: flex;
    padding: 96px 155px;
    align-items: flex-start;
    flex-direction: column;
    width: min(1440px, 100%);
    gap: 24px;
}

.opinie-background {
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    background: var(--linen-400);
}

.opinie-testimony-container {
    margin-top: 40px;
    width: min(1015px, 100%);
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.opinie-track {
    width: min(1015px, 100%);
}

.opinie-testimony {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    padding: 40px;
    width: 100%;
    gap: 20px;
    border-radius: 12px;
    background: var(--linen-100);
}

.opinie-testimony h4 {
    margin-bottom: 12px;
}

.opinie-testimony p {
    color: var(--dun-900);
    /* Global/Desktop/Body small */
    font-family: Figtree;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    /* 24px */
    letter-spacing: 0.16px;
}

.opinie-buttons {
    display: flex;
    justify-content: space-between;
    width: min(1015px, 100%);
}

.all-blog-posts-background {
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    background: var(--linen-300);
}

.all-blog-posts {
    display: flex;
    padding: 96px 96px;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    gap: 64px 64px;
}

.blog-post-card {
    display: flex;
    width: 533px;
    padding: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    border-radius: 24px;
    border: 2px solid var(--forest-green-400);
    background: var(--linen-100);
}

.blog-post-card:nth-of-type(2) {
    border-color: var(--marigold-500);
}

.blog-post-card:nth-of-type(3) {
    border-color: var(--marigold-700);
}

.blog-post-card:nth-of-type(4) {
    border-color: var(--bronze-1000);
}

.blog-post-card:nth-of-type(5) {
    border-color: var(--auburn-300);
}

.blog-post-card:nth-of-type(6) {
    border-color: var(--forest-green-300);
}

.blog-post-card:nth-of-type(7) {
    border-color: var(--marigold-400);
}

.blog-post-card:nth-of-type(8) {
    border-color: var(--dun-600);
}

.blog-post-card:nth-of-type(9) {
    border-color: var(--bronze-700);
}

.blog-post-card:nth-of-type(10) {
    border-color: var(--bronze-1000);
}

.blog-post-card:nth-of-type(11) {
    border-color: var(--auburn-200);
}

.blog-post-card:nth-of-type(12) {
    border-color: var(--forest-green-400);
}

.blog-post-card:nth-of-type(13) {
    border-color: var(--dun-900);
}

.blog-post-card:nth-of-type(14) {
    border-color: var(--bronze-800);
}

.blog-post-card img {
    width: 100%;
}

.blog-post-card>p {
    align-self: stretch;
    margin-bottom: 8px;
}

.card-author-heading {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.card-date-author {
    display: flex;
    align-items: center;
    gap: 12px;
}

.card-date-author p {
    display: flex;
    align-items: center;
}

.card-date-author p:nth-child(1)::after {
    content: url(../img/icon-small-dot.svg);
    width: 16px;
    height: 16px;
    padding-left: 12px;
    padding-bottom: 4px;
}

.header-date-image {
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-bottom: 44px;
}

.header-date-image img {
    width: 100%;
}

.header-date-image iframe {
    width: 100%;
    height: 43vw;
    max-height: 516px;
}

.header-date-image h1 {
    margin-bottom: 0px;
}

.article-text {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.article-text h4 {
    margin-top: 28px;
    margin-bottom: -8px;
}

.suggested-articles-background {
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    background: var(--linen-300);
}

.suggested-articles {
    display: flex;
    padding: 96px 155px;
    align-items: flex-start;
    flex-direction: column;
    width: min(1440px, 100%);
    gap: 64px;
}

.card-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: 64px;
}

.n-rows {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 12px;
    margin-bottom: 16px;
}

.row {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.article-text tr {
    padding: 10px;
}

.article-text tr:nth-child(even) {
    background: var(--linen-200);
}

.article-text td {
    padding: 10px;
}

#cookiePopup {
    background-color: var(--linen-400);
    position: fixed;
    width: 400px;
    max-width: 42.85em;
    box-shadow: 0 0 2em rgba(5, 0, 31, 0.15);
    font-family: Figtree;
    padding: 32px;
    border-radius: 12px;
    transition: all 0.5s ease-in;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    z-index: 10;
}

#cookiePopup img {
    display: block;
    width: 3.75em;
    transform: translateZ(0);
    position: relative;
    margin: auto;
}

#cookiePopup p {
    align-self: flex-start;
}

#cookiePopup a {
    color: inherit;
    text-decoration: underline;
}

#cookiePopup a:visited {
    color: inherit;
}

.hide {
    visibility: hidden;
    bottom: 0;
    right: 2em;
}

.show {
    visibility: visible;
    bottom: 2em;
    right: 2em;
}

.materialy-background {
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    background: var(--linen-100);
}

.materialy {
    display: flex;
    padding: 96px 155px;
    align-items: flex-start;
    flex-direction: column;
    width: min(1440px, 100%);
    gap: 96px;
}

.material-container {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
    width: 100%;
}

.material-container img {
    width: 440px;
}

@media screen and (max-width: 1150px) {
    .material-container img {
        width: 400px;
    }
}

@media screen and (max-width: 1100px) {
    .material-container img {
        width: 350px;
    }
}

@media screen and (max-width: 1050px) {
    .material-container img {
        width: 300px;
    }
}

.bigger-margin-top {
    margin-top: 104px;
}

.margin-top-126 {
    margin-top: 126px;
}

.material-container:nth-of-type(even) .material-text-button {
    order: -1;
}

.material-text-button {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 555px;
}

.lekcje-form-1-background,
.lekcje-opisy-background {
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    background: var(--linen-100);
}

.lekcje-form-1, .bezplatne-krytyk {
    display: flex;
    padding: 96px 155px;
    align-items: flex-start;
    flex-direction: column;
    width: min(1440px, 100%);
    gap: 24px;
}

.lekcje-form-1 h2 {
    color: var(--dun-950);
    max-width: 785px;
    margin-bottom: 8px;
}

.lekcje-form-1 p {
    margin-bottom: 24px;
    max-width: 555px;
}

.lekcje-form-1 .ml-block-form,
.lekcje-form-2 .ml-block-form {
    max-width: 555px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-bottom: 8px;
}

.lekcje-form-1 .ml-form-formContent,
.lekcje-form-2 .ml-form-formContent {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 12px;
}

.lekcje-opisy {
    display: flex;
    padding: 0px 64px 96px 64px;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: center;
    width: min(100%, 1700px);
    gap: 64px 96px;
}

.lekcja-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 517px;
}

.lekcja-card img {
    width: 100%;
    margin-bottom: 20px;
}

.lekcja-card h5 {
    margin-bottom: 12px;
    color: var(--dun-950);
    /* Global/Desktop/H5 */
    font-family: Gambetta-Variable;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 28.8px */
    letter-spacing: -0.68px;
}

.lekcje-form-2-background {
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    background: var(--dun-400);
}

.lekcje-form-2 {
    display: flex;
    padding: 96px 110px 96px 155px;
    align-items: flex-start;
    flex-direction: column;
    width: min(1440px, 100%);
    gap: 24px;
}

.lekcje-form-2 h1 {
    max-width: 780px;
}

.lekcje-form-2 p {
    margin-bottom: 24px;
    max-width: 555px;
}

.test-content {
    display: flex;
    flex-direction: column;
    padding: 96px 155px;
    gap: 20px;
    width: min(100%, 1440px);
}

.test-content .eyebrow-header {
    margin-bottom: 4px;
}

.test-content h4,
.test-content p {
    max-width: 555px;
}

.test-content h2 {
    max-width: 900px;
    color: var(--dun-950);
    margin-bottom: 12px;
}

.add-margin-bottom {
    margin-bottom: 12px;
}

.test-content .bullet-ball {
    margin-top: -20px;
}

#testForm {
    background-color: var(--linen-200);
    padding: 20px;
    margin-top: 44px;
    max-width: 800px;
    min-width: 300px;
}

.tab {
    padding-top: 20px;
    display: none;
    flex-direction: column;
    gap: 12px;
}

.step {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: var(--auburn-400);
    border: none;
    border-radius: 50%;
    display: inline-block;
    opacity: 0.5;
}

/* Mark the active step: */
.step.active {
    opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
    background-color: var(--forest-green-500);
}

.test-response {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 48px;
    padding-left: 48px;
}

@media screen and (max-width: 1050px) {
    .test-response {
        flex-direction: column;
        align-items: flex-start;
    }
}

output {
    color: var(--dun-900);
    /* Global/Desktop/Body */
    font-family: Figtree;
    font-size: 19px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    /* 28.5px */
}

#testResult {
    display: none;
    flex-direction: column;
    gap: 20px;
    max-width: 900px;
}

#testResult h3 {
    margin-bottom: 28px;
    margin-top: 48px;
}

#testResult p {
    max-width: 555px;
}

#testResult .wynik-row:last-of-type {
    margin-bottom: 28px;
}

.test-buttons-row {
    display: flex;
    justify-content: flex-end;
}

.test-buttons {
    display: flex;
    gap: 10px;
    align-items: center;
}

input[type=range] {
    width: 220px;
    margin: 7.85px 0;
    background-color: transparent;
    -webkit-appearance: none;
}

input[type=range]:focus {
    outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
    background: #c2e4cc;
    border: 0;
    border-radius: 20px;
    width: 100%;
    height: 8.3px;
    cursor: pointer;
}

input[type=range]::-webkit-slider-thumb {
    margin-top: -7.85px;
    width: 24px;
    height: 24px;
    background: #638b6f;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 24px;
    cursor: pointer;
    -webkit-appearance: none;
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: #cde9d5;
}

input[type=range]::-moz-range-track {
    background: #c2e4cc;
    border: 0;
    border-radius: 20px;
    width: 100%;
    height: 8.3px;
    cursor: pointer;
}

input[type=range]::-moz-range-thumb {
    width: 24px;
    height: 24px;
    background: #638b6f;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 24px;
    cursor: pointer;
}

input[type=range]::-ms-track {
    background: transparent;
    border-color: transparent;
    border-width: 7.85px 0;
    color: transparent;
    width: 100%;
    height: 8.3px;
    cursor: pointer;
}

input[type=range]::-ms-fill-lower {
    background: #b7dfc3;
    border: 0;
    border-radius: 40px;
}

input[type=range]::-ms-fill-upper {
    background: #c2e4cc;
    border: 0;
    border-radius: 40px;
}

input[type=range]::-ms-thumb {
    width: 24px;
    height: 24px;
    background: #638b6f;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 24px;
    cursor: pointer;
    margin-top: 0px;
    /*Needed to keep the Edge thumb centred*/
}

input[type=range]:focus::-ms-fill-lower {
    background: #c2e4cc;
}

input[type=range]:focus::-ms-fill-upper {
    background: #cde9d5;
}

/* Use one of the selectors from https://stackoverflow.com/a/20541859/7077589 and figure out
  how to remove the virtical space around the range input in IE*/
@supports (-ms-ime-align:auto) {

    /* Pre-Chromium Edge only styles, selector taken from hhttps://stackoverflow.com/a/32202953/7077589 */
    input[type=range] {
        margin: 0;
        /*Edge starts the margin from the thumb, not the track as other browsers do*/
    }
}

.progress-bar {
    height: 20px;
    width: 200px;
    border: 1px solid var(--bronze-1000);
    border-radius: 20px;
    background: none;
}

.progress-bar-fill {
    height: 100%;
    min-width: 10%;
    display: block;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 60px;
    background: var(--auburn-500);
}

.wynik-row {
    display: flex;
    gap: 12px;
    align-items: center;
}

.top-part {
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.top-part .eyebrow-header {
    margin-bottom: 4px;
}

.top-part h2 {
    margin-bottom: 12px;
    color: var(--dun-950);
    max-width: 690px;
}

.top-part p {
    max-width: 555px;
}

.bottom-part {
    display: flex;
    justify-content: space-between;
    gap: 32px;
    width: 100%;
}

.bottom-part .ml-form-formContent {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    width: 100%;
}

.bottom-part .text-and-form {
    max-width: 555px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.bottom-part .img-container {
    max-width: 440px;
}

.bottom-part img {
    width: 100%;
}

.bottom-part .ml-subscribe-form {
    margin-top: 28px;
}

.bottom-part .ml-form-embedSubmit {
    margin-top: 12px;
    margin-bottom: 32px;
}

.bottom-part .super-small {
    margin-top: 36px;
}