*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box; 
    scroll-behavior: smooth;
}


/* TEKST TEKST TEKST */

.paragraph {
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    color: #0d1213;
}

.paragraph-check {
    display: flex;
    flex-direction: row;
    align-items: start;
    align-content: start;
}

.paragraph-check-svg {
    max-width: 20px;
    margin-bottom: -3px;
    margin-right: 8px;
}

.paragraph-link {
    font-family: "Manrope", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 140%;
    color: #0d1213 !important;
    text-decoration: none !important;
}

.paragraph-white {
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    line-height: 140%;
    font-weight: 400;
    color: #FFF;
}

.paragraph-bold-white {
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    line-height: 140%;
    font-weight: 500;
    color: #FFF;
    padding-left: 16px;
}

.paragraph-information {
    font-family: "Manrope", sans-serif;
    font-size: 12px;
    line-height: 140%;
    font-weight: 500;
    color: #FFF;
    text-align: center;
    margin-top: 32px
}

.paragraph-with-circle {
    font-family: "Manrope", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 140%;
    color: #0d1213;
    position: relative;
    background-color: #f3f7f4;
    width: 100%;
    display: inline;
    padding: 4px 8px;
    border-radius: 8px;
}

.heading-one {
    font-family: "Manrope", sans-serif;
    font-size: 34px;
    letter-spacing: -1px;
    font-weight: 500;
    line-height: 140%;
    color: #0d1213;
}

.heading-one-white {
    color: #fff !important
}

.heading-two {
    font-family: "Manrope", sans-serif;
    font-size: 24px;
    letter-spacing: -1px;
    font-weight: 500;
    line-height: 120%;
    color: #0d1213;
}

.heading-three {
    font-family: "Manrope", sans-serif;
    font-size: 22px;
    letter-spacing: -1px;
    font-weight: 500;
    line-height: 140%;
    color: #fff;
}

.heading-four {
    font-family: "Manrope", sans-serif;
    font-size: 18px;
    letter-spacing: -1px;
    font-weight: 600;
    line-height: 140%;
    color: #0d1213;
}

.heading-five {
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    letter-spacing: -1px;
    font-weight: 500;
    line-height: 140%;
    color: #0d1213;
}

/* PRZYCISKI PRZYCISKI PRZYCISKI */

.greenButton {
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    line-height: 140%;
    font-weight: 400;
    color: #FFF;
    background-color: #084242;
    border: none;
    border-radius: 8px;
    padding: 12px 24px
}

.greyButton {
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    line-height: 140%;
    font-weight: 400;
    background-color: #f3f7f4;
    border: none;
    border-radius: 8px;
    padding: 12px 24px
}

.buttonLink {
    font-family: "Manrope", sans-serif;
    font-size: 15px;
    line-height: 140%;
    font-weight: 400;
    color: #FFF;
    text-decoration: none;
}

.buttonLink-grey {
    font-family: "Manrope", sans-serif;
    font-size: 15px;
    line-height: 140%;
    font-weight: 400;
    color: #084242;
    text-decoration: none;
}

.box-double-button {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

/* POZOSTAŁE POZOSTAŁE POZOSTAŁE */

.font-size-12 {
    font-size: 12px !important;
}

.margin-top-5 {
    margin-top: 5px
}

.margin-top-10 {
    margin-top: 10px
}

.margin-top-15 {
    margin-top: 15px
}

.margin-top-20 {
    margin-top: 20px
}

.margin-top-25 {
    margin-top: 25px
}

.margin-top-30 {
    margin-top: 30px
}

.margin-top-5-only-mobile {
    margin-top: 5px
}

.margin-top-10-only-mobile {
    margin-top: 10px
}

.margin-top-15-only-mobile {
    margin-top: 15px
}

.margin-top-20-only-mobile {
    margin-top: 20px
}

.margin-top-25-only-mobile {
    margin-top: 25px
}

.margin-top-30-only-mobile {
    margin-top: 30px
}

.full-width-container {
    width: 100vw ;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}


.green-button-new {
    padding: 8px 8px 8px 16px;
    border-radius: 8px;
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    background-color: #154442;
    color: #fff;
    border: none;
    position: relative;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    text-decoration: none;
    cursor: pointer;
    transition: 0.3s;
}

.green-button-new:hover {
    background-color: #0d8c4e;
    transition: 0.3s;
}

.green-button-new-svg {
    width: 25px;
    margin-left: 8px;
}

.green-button-new-link {
    text-decoration: none !important;
}

.white-button-new {
    padding: 8px 8px 8px 16px;
    border-radius: 8px;
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    background-color: #fff;
    color: #000;
    border: none;
    position: relative;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    text-decoration: none;
    cursor: pointer;
    transition: 0.3s;
}

.white-button-new:hover {
    background-color: #0d8c4e;
    transition: 0.3s;
}

.white-button-new-svg {
    width: 25px;
    margin-left: 8px;
}

.white-button-new-link {
    text-decoration: none !important;
}

@media screen and (max-width: 769px) {
    .display-none-mobile {
        display: none;
    }
}

@media screen and (min-width: 769px) {
    .paragraph,
    .paragraph-bold-white {
        font-size: 15px;
    }

    .paragraph-check {
        font-size: 14px;
    }

    .paragraph-link {
        font-size: 14px;
    }

    .paragraph-header {
        margin-top: 20px
    }

    .heading-one {
        font-size: 48px;
    }

    .heading-one-white {
        color: #fff !important
    }

    .heading-one-center {
        text-align: center;
    }

    .heading-two {
        font-size: 34px;
    }

    .paragraph-form {
        margin-top: 20px
    }

    .box-double-button {
        display: flex;
        flex-direction: row;
        gap: 20px
    }
    
    .margin-top-5-only-mobile {
        margin-top: 0px
    }

    .margin-top-10-only-mobile {
        margin-top: 0px
    }

    .margin-top-15-only-mobile {
        margin-top: 0px
    }

    .margin-top-20-only-mobile {
        margin-top: 0px
    }

    .margin-top-25-only-mobile {
        margin-top: 0px
    }

    .margin-top-30-only-mobile {
        margin-top: 0px
    }

    .margin-top-5-only-pc {
        margin-top: 5px
    }

    .margin-top-10-only-pc {
        margin-top: 10px
    }

    .margin-top-15-only-pc {
        margin-top: 15px
    }

    .margin-top-20-only-pc {
        margin-top: 20px
    }

    .margin-top-25-only-pc {
        margin-top: 25px
    }

    .margin-top-30-only-pc {
        margin-top: 30px
    }

    .margin-top-20-pc {
        margin-top: 20px !important
    }

    .paragraph-information {
        margin-top: 5px;
    }

    .full-width-container {
        width: 100vw;
        max-width: 1560px;
        padding: 0px 60px
    }

    .display-none-pc {
        display: none;
    }
}