@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,900&display=swap');
@font-face {
    font-family: 'Just Another Hand';
    src: url('../fonts/JustAnotherHand-Regular.ttf') format('truetype');
}

/* Extra breakpoints */
.g-6, .gx-6 {
    --bs-gutter-x: 4rem;
}
.py-6, .pt-6 {
    padding-top: 4rem;
}
.py-6, .pb-6 {
    padding-bottom: 4rem;
}
.g-7, .gx-7 {
    --bs-gutter-x: 5rem;
}
.py-7, .pt-7 {
    padding-top: 5rem;
}
.py-7, .pb-7 {
    padding-bottom: 5rem;
}

@media (min-width: 1400px) {
    .g-xxl-6, .gx-xxl-6 {
        --bs-gutter-x: 4rem;
    }
    .g-xxl-7, .gx-xxl-7 {
        --bs-gutter-x: 5rem;
    }
    .py-xxl-7, .pt-xxl-7 {
        padding-top: 5rem !important;
    }
    .py-xxl-7, .pb-xxl-7 {
        padding-bottom: 5rem !important;
    }
    .py-xxl-6, .pt-xxl-6 {
        padding-top: 4rem !important;
    }
    .py-xxl-6, .pb-xxl-6 {
        padding-bottom: 4rem !important;
    }
}

@media (min-width: 1200px) {
    .g-xl-6, .gx-xl-6 {
        --bs-gutter-x: 4rem;
    }
    .g-xl-7, .gx-xl-7 {
        --bs-gutter-x: 5rem;
    }
    .py-xl-7, .pt-xl-7 {
        padding-top: 5rem !important;
    }
    .py-xl-7, .pb-xl-7 {
        padding-bottom: 5rem !important;
    }
    .py-xl-6, .pt-xl-6 {
        padding-top: 4rem !important;
    }
    .py-xl-6, .pb-xl-6 {
        padding-bottom: 4rem !important;
    }
}

/* General */
body {
    font: 400 24px/1.5 Poppins, Arial, sans-serif;
    background: linear-gradient(to bottom, #074BCC 0%, #074BCC 172px, #FFFFFF 172px, #FFFFFF 100%);
}

h1, .h1 {
    margin: 0 0 0.15em 0;
    font: 400 5em/1 "Just Another Hand", Arial, sans-serif;
    color: #4171CC;
    letter-spacing: 0.05em;
}

h2, .h2 {
    margin: 0 0 0.15em 0;
    font: 400 4.85em/1 "Just Another Hand", Arial, sans-serif;
    color: #4171CC;
}

h3, .h3 {
    margin: 0 0 0.15em 0;
    font: 400 3.65em/1 "Just Another Hand", Arial, sans-serif;
    color: #4171CC;
}

h3.subtitle {
    margin: 0 0 1.15em 0;
    font: 400 2em/1.375 Poppins, Arial, sans-serif;
    color: #084BCC;
}

a, button, a:focus, button:focus {
    outline: none;
}

a {
    text-decoration: none;
}

main {
    padding-top: 172px;
}
main > section:first-of-type {
    min-height: 47.25vw;
}

@media (min-width: 1921px) {
    main > section:first-of-type {
        min-height: 900px;
    }
}

.text-medium {
    font-weight: 500 !important;
}
.text-semibold {
    font-weight: 600 !important;
}
.text-bigger {
    font-size: 1.33em;
    line-height: 1.25;
}

.bg-blue2 {
    background-color: #074BCC;
}

.btn {
    padding: 0.5em 2.75em;
    font-size: 1em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    border-radius: 0.5em;
    border-style: none;
}
.btn-green, .btn-green:active {
    background-color: #7ACB34;
    color: #ffffff;
}
.btn-green:hover {
    background-color: #6AB524;
    color: #ffffff;
}
.btn.btn-green.disabled, .btn.btn-green:disabled {
    background-color: rgba(122, 203, 52, 0.8) !important;
    color: transparent;
    background-image: url('../img/loading.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.2em 1.2em;
}
.btn.btn-green.btn-pdf {
    padding: 0.5em 4em 0.5em 4em;
    text-transform: none;
    letter-spacing: 0.05em;
}
.btn.btn-green.btn-pdf img {
    top: 50%;
    right: 0.75em;
    width: 1.5em;
    transform: translateY(-50%);
}

.text-yellow {
    color: #FFEE00 !important;
}
.text-green {
    color: #7ACB34 !important;
}
.text-blue {
    color: #4171CC !important;
}
.text-blue2 {
    color: #074BCC !important;
}
.text-blue3 {
    color: #084BCC !important;
}
.text-lightblue {
    color: #70EEFF !important;
}
.text-violet {
    color: #FF60E0 !important;
}
.text-black-hover-green {
    color: #000000;
    transition: color 0.25s ease-in-out;
}
.text-black-hover-green:hover {
    color: #7ACB34;
}

.border-blue2 {
    border-color: #074BCC !important;
}

.z-index-0 {
    z-index: 0;
}
.z-index-1 {
    z-index: 1;
}
.z-index-2 {
    z-index: 2;
}

.form-control::placeholder {
    color: #bbbbbb;
}

@media (max-width: 1899px) {
    body {
        font-size: 22px;
    }
}

@media (max-width: 1599px) {
    body {
        font-size: 20px;
    }
}

@media (max-width: 1399.97px) {
    body {
        font-size: 18px;
    }

    h2, .h2 {
        font-size: 4.5em;
        line-height: 1;
    }
    h3.subtitle {
        margin-bottom: 1em;
        font-size: 1.85em;
        line-height: 1.35;
    }
}

@media (max-width: 1199.97px) {
    h1, .h1 {
        font-size: 4.5em;
        line-height: 1;
    }
    h2, .h2 {
        font-size: 4.25em;
        line-height: 1;
    }
    h3.subtitle {
        margin-bottom: 1em;
        font-size: 1.75em;
        line-height: 1.35;
    }
}

@media (max-width: 991.97px) {
    body {
        font-size: 18px;
    }

    h1, .h1 {
        font-size: 4.25em;
        line-height: 1;
    }
    h2, .h2 {
        font-size: 4em;
        line-height: 1;
    }
}

@media (max-width: 767.97px) {
    body {
        font-size: 18px;
    }

    h1, .h1 {
        font-size: 4em;
        line-height: 1;
    }
    h2, .h2 {
        font-size: 3.5em;
        line-height: 1;
    }
    h3, .h3 {
        font-size: 3.5em;
        line-height: 1;
    }
    h3.subtitle {
        margin-bottom: 0.85em;
        font-size: 1.65em;
        line-height: 1.35;
    }

    .text-bigger {
        font-size: 1.2em;
    }
}

@media (max-width: 575.97px) {
    h1, .h1 {
        font-size: 3.85em;
        line-height: 1;
    }
    h2, .h2 {
        font-size: 3.35em;
        line-height: 1;
    }
    h3, .h3 {
        font-size: 3.35em;
        line-height: 1;
    }
    h3.subtitle {
        margin-bottom: 0.8em;
        font-size: 1.5em;
        line-height: 1.35;
    }
}

@media (max-width: 420px) {
    h1, .h1 {
        font-size: 3.75em;
        line-height: 1;
    }
    h2, .h2 {
        font-size: 3em;
        line-height: 1;
    }
    h3, .h3 {
        font-size: 3.25em;
        line-height: 1;
    }
    h3.subtitle {
        margin-bottom: 0.75em;
        font-size: 1.45em;
        line-height: 1.35;
    }

    .btn {
        padding: 0.5em 2em;
    }
}

@media (max-width: 359px) {
    body {
        font-size: 16px;
    }
}

.mw-1920 {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}



/* Top menu */
.navbar-top {
    padding: calc(1rem + 3px) 0;
    font-size: 26px;
    line-height: 1.35;
    background-color: #074BCC;
    transition: padding 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.navbar-brand {
    margin: 5px 0;
    width: 148px;
    transition: margin 0.2s ease-in-out, transform 0.2s ease-in-out;
    transform-origin: left;
}

.navbar-menu {
    padding: 0;
    transform: translateY(calc(0.5rem + 1px));
}
.navbar-logo, .nav-link {
    transition: transform 0.2s ease-in-out;
}
.page-motto {
    width: 7em;
    margin-left: 1.5em;
    color: #7ACB34;
    font-size: 0.85em;
    line-height: 1.125;
    transition: transform 0.2s ease-in-out;
}
.page-motto a {
    color: #7ACB34;
    transition: color 0.25s ease-in-out;
}
.page-motto a:hover {
    color: #6AB524;
}
.navbar-top.sticky-menu {
    padding: 0.25rem 0;
    background-color: rgba(7, 76, 204, .9);
    box-shadow: 0 2px 4px rgba(255, 255, 255, .25);
}
.navbar-top.sticky-menu .navbar-logo {
    transform-origin: left;
    transform: scale(0.75);
}
.navbar-top.sticky-menu .navbar-brand {
    margin: -25% 0;
    transform: scale(0.95);
}
.navbar-top.sticky-menu .nav-link {
    transform: scale(0.9);
}

.navbar-top .nav-link {
    color: #ffffff;
    box-shadow: none;
}
.navbar-top .nav-link:hover {
    color: #7ACB34;
}
.navbar-top .nav-link.active {
    color: #ffffff !important;
    font-weight: 600;
}

.social-icons {
    font-size: 0;
}
.social-icons svg {
    width: 1.5rem;
}
.social-icons svg + svg {
    margin-left: 1rem;
}
.social-icons svg path {
    transition: stroke 0.15s ease-in-out;
}
.social-icons svg:hover path {
    stroke: #7ACB34;
}

.navbar-toggler {
    box-shadow: none !important;
}
.navbar-toggler-icon {
    width: 40px;
    height: 29px;
    background-image: none;
    transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
}
.navbar-toggler-icon-line {
    display: block;
    width: 100%;
    height: 3px;
    background-color: #ffffff;
    transition: transform 0.25s ease-in-out;
}
.navbar-toggler-icon-line + .navbar-toggler-icon-line {
    margin-top: 10px;
}
.navbar-toggler-icon-line:nth-child(1),
.navbar-toggler-icon-line:nth-child(3) {
    transform-origin: 92% 50%;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon-line:nth-child(1) {
    transform: translateX(-8.5%) scale(1.1) rotate(-45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon-line:nth-child(2) {
    transform: scale(0);
    opacity: 0;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon-line:nth-child(3) {
    transform: translateX(-8.5%) scale(1.1) rotate(45deg);
}

.navbar-top.sticky-menu .navbar-toggler-icon {
    transform-origin: right;
    transform: scale(0.75);
}

.navbar-nav .dropdown-menu {
    padding: 0.55em 0;
    margin-top: -1px !important;
    border-left: solid 1px #ffffff;
    background-color: #073999;
    font-size: 0.95em;
    text-transform: none;
}
.dropdown-item {
    padding: 0.25em 2em 0.25em 1em;
    transition: background-color 0.2s ease-in-out;
}
.dropdown-item:focus, .dropdown-item:hover {
    background-color: #074BCC;
}


@media (min-width: 768px) {
    .navbar-top.sticky-menu .navbar-brand {
        transform: scale(0.825);
    }
    .navbar-top.sticky-menu .page-motto {
        transform: translateX(-22%);
    }
}

@media (min-width: 1200px) {
    .navbar-menu-desktop {
        flex-grow: 1;
    }
    .navbar-menu-desktop .navbar-collapse {
        justify-content: space-between;
    }
    .navbar-menu-desktop .navbar-nav {
        flex-grow: 1;
        justify-content: center;
        margin-top: 0.1em;
    }
}

@media (max-width: 1899px) {
    .navbar-top {
        font-size: 24px;
    }
}

@media (max-width: 1799px) {
    .navbar-top {
        font-size: 22px;
    }
}

@media (max-width: 1699px) {
    .navbar-top {
        font-size: 21px;
    }
}

@media (max-width: 1599px) {
    .navbar-top {
        font-size: 20px;
    }
    .navbar-top .navbar-brand {
        padding: 0;
    }
    .navbar-top .navbar-brand img {
        width: 135px;
    }

    body {
        background: linear-gradient(to bottom, #074BCC 0%, #074BCC 140px, #FFFFFF 140px, #FFFFFF 100%);
    }
    main {
        padding-top: 140px;
    }
}

@media (min-width: 1400px) and (max-width: 1599px) {
    .navbar-top {
        padding: 3px 0;
    }
    .navbar-top .nav-item {
        margin-left: -0.5rem;
        margin-right: -0.5rem;
    }
}

@media (max-width: 1399.97px) {
    .navbar-top {
        padding: calc(0.5rem + 1px) 0;
        font-size: 20px;
    }
    .navbar-top .nav-item {
        margin-left: -0.5rem;
        margin-right: -0.5rem;
    }
    .navbar-brand {
        margin: 0;
        width: 110px;
    }
    .page-motto {
        margin-left: 1.25em;
        font-size: 0.75em;
    }

    body {
        background: linear-gradient(to bottom, #074BCC 0%, #074BCC 110px, #FFFFFF 110px, #FFFFFF 100%);
    }
    .navbar-top:not(.sticky-menu) {
        height: auto;
    }
    main {
        padding-top: 110px;
    }
}

@media (max-width: 1199.97px) {
    .navbar-menu .navbar-collapse {
        padding: 0.45rem 0 0.75rem 0;
    }
    .dropdown-item {
        padding: 0.25em 1em;
    }
}

@media (max-width: 767px) {
    .navbar-brand {
        width: 90px;
    }
    .page-motto {
        margin-left: 1.25em;
        font-size: 0.65em;
    }

    body {
        background: linear-gradient(to bottom, #074BCC 0%, #074BCC 88px, #FFFFFF 88px, #FFFFFF 100%);
    }
    .navbar-top:not(.sticky-menu) {
        height: auto;
    }
    main {
        padding-top: 88px;
    }
}

@media (max-width: 575px) {
    .navbar-brand {
        width: 80px;
    }
    .page-motto {
        margin-left: 1.25em;
        font-size: 0.6em;
    }

    body {
        background: linear-gradient(to bottom, #074BCC 0%, #074BCC 80px, #FFFFFF 80px, #FFFFFF 100%);
    }
    .navbar-top:not(.sticky-menu) {
        height: auto;
    }
    main {
        padding-top: 80px;
    }
}

@media (max-width: 420px) {
    .navbar-logo {
        transform: translateX(-0.25rem);
    }
    .navbar-menu-mobile {
        transform: translateX(0.25rem);
    }
}

@media (max-width: 359px) {
    .navbar-logo {
        transform: translateX(-0.5rem);
    }
    .navbar-menu-mobile {
        transform: translateX(0.5rem);
    }
}




/* Footer */
footer a {
    color: #ffffff;
    transition: color .3s ease-in-out;
}
footer a:hover {
    color: #7ACB34;
}

.footer-bg {
    margin-top: -20%;
}
.footer-bg-img {
    width: 100%;
}
.footer-bg::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10.5%;
    background: linear-gradient(to bottom, rgba(8, 75, 204, .5), rgba(8, 75, 204, .75));
    z-index: 1;
    content: '';
}
.footer-container {
    background-color: #074BCC;
    background-image: linear-gradient(180deg, rgba(8, 75, 204, 0) 25.06%, #4171CC 73.12%);
}
.footer-content {
    max-width: 1800px;
}
.footer-logo {
    width: 470px;
    padding-bottom: 1.25em;
}
.footer-motto {
    font-size: 1.85em;
}
.footer-row {
    font-size: 1.35em;
    line-height: 1.2;
}
.footer-row div + div {
    border-left: solid 1px #7ACB34;
}
.footer-links .row > div + div {
    position: relative;
}
.footer-links .row > div + div::before {
    position: absolute;
    top: 0.15em;
    bottom: 0.2em;
    left: -1px;
    width: 2px;
    background-color: #ffffff;
    content: '';
}

.footer-social-icons {
    position: absolute;
    bottom: 0.1em;
    right: 5.5em;
}
.footer-social-icons svg {
    width: 1.5em;
}
.footer-social-icons svg path {
    transition: stroke 0.25s ease-in-out;
}
.footer-social-icons svg:hover path {
    stroke: #7ACB34;
}

.footer-extra {
    position: absolute;
    top: 16vw;
    right: 10%;
    width: 40%;
    max-width: 32em;
}
.footer-extra-header {
    font-size: 2em;
    line-height: 1.25;
}
.footer-extra-header + p {
    font-size: 1.5em;
    line-height: 1.25;
}
.footer-extra a {
    transition: text-decoration 0.2s ease-in-out;
}
.footer-extra a:hover {
    text-decoration: underline;
}

@media (max-width: 1599px) {
    .footer-logo {
        width: 420px;
    }
    .footer-motto {
        font-size: 1.75em;
    }
}

@media (max-width: 1399px) {
    .footer-logo {
        width: 370px;
    }
    .footer-motto {
        font-size: 1.5em;
    }
}

@media (max-width: 1199px) {
    footer {
        font-size: 0.9em;
    }
    .footer-logo {
        width: 320px;
    }
    .footer-motto {
        font-size: 1.5em;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .footer-row > div:first-child {
        width: 40%;
    }
    .footer-row > div:not(:first-child) {
        width: 30%;
    }

    .footer-social-icons {
        right: 2.5em;
    }
}

@media (max-width: 991.97px) {
    .footer-extra {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        padding: 80px 50px 0 50px;
        margin: 0 auto;
    }

    .footer-bg {
        height: 122vw;
        margin-top: calc(70px - 40%);
    }
    .footer-bg::before {
        height: 12%;
        background: linear-gradient(to bottom, rgba(8, 75, 204, .005), rgba(8, 75, 204, .95));
    }
    .footer-bg-img {
        width: 170%;
        margin-left: 0;
    }
    .footer-logo {
        width: 290px;
    }
    .footer-row div + div {
        position: relative;
        margin-top: 1.2em;
        border-left: none;
    }
    .footer-row div + div::before {
        position: absolute;
        top: -0.7em;
        left: 50%;
        width: 6em;
        height: 1px;
        background-color: #7ACB34;
        transform: translateX(-50%);
        content: '';
    }
    .footer-social-icons {
        position: static;
        padding: 1.5em 0 0.75em 0;
    }
}

@media (max-width: 767.97px) {
    .footer-extra {
        padding: 60px 30px 0 30px;
    }
    .footer-bg {
        height: 121vw;
        margin-top: calc(50px - 40%);
    }
    .footer-logo {
        width: 250px;
    }
}

@media (max-width: 575.97px) {
    .footer-extra {
        padding: 40px 20px 0 20px;
    }
    .footer-extra-header {
        font-size: 1.5em;
        line-height: 1.25;
    }
    .footer-extra-header + p {
        font-size: 1.25em;
        line-height: 1.25;
    }

    .footer-bg {
        height: 190vw;
        margin-top: calc(40px - 60%);
    }
    .footer-bg-img {
        width: 270%;
        margin-left: -28.75%;
    }
    .footer-logo {
        width: 200px;
    }
    .footer-links .row > div + div::before {
        display: none;
    }
}

@media (max-width: 359px) {
    .footer-extra {
        padding: 40px 15px 0 15px;
    }
}



/* carousel (slider) */
.swiper-button-prev, .swiper-button-next {
    width: 2.75em;
    height: 2.75em;
    border-radius: 50%;
    background-color: #7ACB34;
    transition: background-color 0.25s ease-in-out;
}
.swiper-button-prev:hover, .swiper-button-next:hover {
    background-color: #6AB524;
}
.swiper-button-prev svg, .swiper-button-next svg {
    display: block;
    width: 1.5em;
    transition: fill 0.25s ease-in-out;
}
.swiper-button-prev svg {
    transform: translateX(-0.05em);
}
.swiper-button-next svg {
    transform: translateX(0.1em);
}
.swiper-button-prev::after, .swiper-button-next::after {
    display: none;
}
.swiper-button-prev.button-down {
    transform: rotate(-90deg);
}
.swiper-button-prev.button-up {
    transform: rotate(90deg);
}

.topHpSwiper {
    background: linear-gradient(262.65deg, #084BCC 6.98%, #4171CC 71.71%), #4171CC;
}
.topHpSwiper .swiper-button-prev, .topHpSwiper .swiper-button-next {
    top: auto;
    bottom: 23%;
    right: auto;
    transform: translateY(50%);
}
.topHpSwiper .swiper-button-prev {
    left: 8%;
}
.topHpSwiper .swiper-button-next {
    left: 16%;
}

@media (max-width: 1899px) {
    .swiper-button-prev svg, .swiper-button-next svg {
        width: 1.35em;
    }
}

@media (max-width: 1599.97px) {
    .swiper-button-prev svg, .swiper-button-next svg {
        width: 1.25em;
    }
}

@media (min-width: 768px) and (max-width: 991.97px) {
    .topHpSwiper .swiper-slide img {
        min-width: 110%;
        margin-left: -2%;
    }
    .topHpSwiper .swiper-button-prev, .topHpSwiper .swiper-button-next {
        bottom: 21%;
        width: 2.25em;
        height: 2.25em;
    }
    .topHpSwiper .swiper-button-prev svg, .topHpSwiper .swiper-button-next svg {
        width: 1em;
    }
}

@media (max-width: 767.97px) {
    .topHpSwiper .swiper-button-prev, .topHpSwiper .swiper-button-next {
        bottom: 13.25%;
    }
    .topHpSwiper .swiper-button-next {
        left: 21%;
    }
}

@media (min-width: 640px) and (max-width: 767.97px) {
    .topHpSwiper .swiper-button-prev, .topHpSwiper .swiper-button-next {
        width: 2.75em;
        height: 2.75em;
    }
    .topHpSwiper .swiper-button-prev svg, .topHpSwiper .swiper-button-next svg {
        width: 1.25em;
    }
}

@media (max-width: 575.97px) {
    .topHpSwiper .swiper-button-prev, .topHpSwiper .swiper-button-next {
        bottom: 12.85%;
    }
    .topHpSwiper .swiper-button-next {
        left: calc(8% + 3.75em);
    }
}

@media (max-width: 420px) {
    .topHpSwiper {
        padding-bottom: 0.4em;
    }
    .topHpSwiper .swiper-button-prev, .topHpSwiper .swiper-button-next {
        bottom: 14.5%;
    }
    .topHpSwiper .swiper-button-prev {
        left: 7.5%;
    }
    .topHpSwiper .swiper-button-next {
        left: calc(8% + 3.65em);
    }
}



@media (max-width: 767.97px) {
    .swiper-button-prev, .swiper-button-next {
        width: 2.25em;
        height: 2.25em;
    }
    .swiper-button-prev svg, .swiper-button-next svg {
        width: 1em;
    }
}


.bg-milk-hp-2 {
    width: 100%;
    height: 37.9vw;
}
.bg-milk-hp-2-bottom img {
    transform: rotate(180deg);
}

.hp-history {
    position: relative;
    margin-top: -9.2%;
    padding-top: 9.2%;
    padding-bottom: 12.5%;
    background-image: linear-gradient(to right, #f8f8f8, #f8f8f8), linear-gradient(to right, #4171CC, #084BCC);
    background-repeat: no-repeat;
    background-position: center, bottom;
    background-size: 100% 40%, 100% 20%;
    z-index: 1;
}
.hp-history-container {
    position: relative;
    z-index: 1;
}
.hp-history-content {
    max-width: 1780px;
    padding: 0 60px;
}
.hp-history-products {
    position: absolute;
    top: -6.5%;
    right: 0;
    width: auto;
    height: 115%;
    transform: translateX(44%);
}
.hp-history-products img {
    width: auto;
    height: 100%;
}

@media (min-width: 1200px) and (max-width: 1499px) {
    .hp-history-content-txt {
        margin-left: -12%;
    }
}

@media (max-width: 1199.97px) {
    .hp-history {
        background-size: 100% 80%, 100% 20%;
    }
    .hp-history-content-colimg > div {
        max-width: 550px;
        margin: 0 auto;
        margin-right: 20%;
    }
}

@media (max-width: 991.97px) {
    .hp-history-content {
        padding: 0 50px;
    }
    .hp-history-content-colimg > div {
        max-width: 750px;
        margin-right: 0;
    }
}

@media (max-width: 767.97px) {
    .hp-history-content {
        padding: 0 40px;
    }
}

@media (max-width: 575.97px) {
    .hp-history {
        background-size: 100% 90%, 100% 20%;
    }
    .hp-history-content {
        padding: 0 30px;
    }
}

@media (max-width: 420px) {
    .hp-history-content {
        padding: 0 20px;
    }
}



.hp-products {
    margin-top: -1px;
    background-image: linear-gradient(to right, #4171CC, #084BCC);
}
.hp-products-container {
    position: relative;
    z-index: 1;
}
.bg-heart-mobile img {
    left: 50%;
    transform: translateX(-50%);
}
.swiper.hpProductsSwiper {
    position: static;
    padding-top: 16%;
}
.hp-products .swiper-button-prev, .hp-products .swiper-button-next {
    position: static;
}
.hp-products .swiper-button-next {
    margin-left: 2.5em;
}

.hp-product-img-link img {
    transition: box-shadow 0.25s ease-in-out;
}
.hp-product-img-link:hover img {
    box-shadow: inset 0 0 3px 2px rgba(122, 203, 52, 1);
}
.hp-product-img-link:hover + .button-play {
    background-color: #6AB524;
}
.hp-product-name {
    font-size: 1.5em;
    line-height: 1.2;
}
.hp-product-name a {
    color: #FFFFFF;
    transition: color 0.25s ease-in-out;
}
.hp-product-name a:hover {
    color: rgb(122, 203, 52);
}
.hpProductsSwiper img {
    max-width: 300px;
    margin: 0 auto;
}

.button-play {
    width: 2.25em;
    height: 2.25em;
    padding: 0.35em 0 0 0.2em;
    background-color: #7ACB34;
    transition: background-color 0.25s ease-in-out;
}
button.button-play {
    padding-top: 0;
}
.button-play:hover {
    background-color: #6AB524;
}
.button-play svg {
    width: 1.2em;
    height: 1.275em;
}

.hpProductsSwiper .button-play {
    transform: translateY(50%);
}

@media (min-width: 1921px) {
    .hp-products-container {
        margin-top: calc(15vw - 288px);
    }
}

@media (min-width: 1600px) {
    .col-hpProductsSwiper {
        max-width: 74%;
        padding-right: 2%;
    }
}

@media (min-width: 1600px) and (max-width: 1699px) {
    .hp-products-bg-heart {
        width: 110%;
    }
}

@media (min-width: 1400px) and (max-width: 1599.97px) {
    .hp-products-bg-heart {
        width: 105%;
        transform: translateY(3.5rem);
    }
    .hp-products-swiper-buttons {
        margin-top: -0.5rem;
    }
}

@media (min-width: 1200px) and (max-width: 1399.97px) {
    .hp-products-bg-heart {
        width: 102%;
        transform: translateY(4.5rem);
    }
}

@media (max-width: 1199.97px) {
    .swiper.hpProductsSwiper {
        padding-top: 100px;
    }
}

@media (max-width: 767.97px) {
    .bg-heart-mobile {
        width: 160%;
        margin-left: -30%;
    }
    .bg-heart-mobile img {
        width: 100%;
    }

    .swiper.hpProductsSwiper {
        padding-top: 80px;
    }
    .hpProductsSwiper img {
        max-width: 280px;
    }
}

@media (max-width: 575.97px) {
    .bg-heart-mobile {
        width: 200%;
        margin-left: -50%;
    }
}

@media (max-width: 420px) {
    .bg-heart-mobile {
        width: 205%;
        margin-left: -50%;
    }

    .hpProductsSwiper img {
        max-width: 250px;
    }
}



/* Produkty prebiotyczne - extra */
.prebiotic-circles {
    margin-left: 20em;
}
.prebiotic-circles-inner {
    max-width: 38em;
    height: 25em;
    margin: 0 auto;
}
.prebiotic-circles-title {
    top: 1em;
    left: 1.75em;
    max-width: 6.65em;
    text-align: right;
    font-size: 1.33em;
    font-weight: 500;
    line-height: 1.15;
    transform: translateX(-100%);
}
.prebiotic-circle {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 15em;
    height: 15em;
    padding: 1em 2.5em;
    border-radius: 50%;
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.prebiotic-circle-01 {
    top: 0;
    left: 0;
    background-image: url('../img/products/prebiotic-circle-bg.png');
}
.prebiotic-circle-02 {
    top: 10em;
    left: 11em;
    background-image: url('../img/products/prebiotic-circle-bg.png');
}
.prebiotic-circle-03 {
    top: 0.5em;
    left: 23em;
    background-image: url('../img/products/prebiotic-circle-bg2.png');
}
.prebiotic-circle-num {
    margin: 0 0 -0.1em 0;
    color: #E00000;
    font: 400 6em/0.9 "Just Another Hand", Arial, sans-serif;
}
.prebiotic-circle-txt {
    margin: 0 0 0.5em 0;
    line-height: 1.15;
}
.prebiotic-circle-nutrient {
    color: #4171CC;
    font-size: 2em;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
}

.prebiotic-desc {
    max-width: 17.9em;
    margin-top: -4.25em;
    font-size: 1.33em;
}
.prebiotic-desc strong {
    color: #4171CC;
    font-size: 1.45em;
    line-height: 1;
}
.prebiotic-logos {
    margin: 1.25em 0 0.75em 0;
}
.prebiotic-logo-01 img {
    max-width: 11.833em;
}
.prebiotic-logo-02 img {
    max-width: 13.166em;
}

@media (max-width: 1199.97px) {
    .prebiotic-circles {
        margin-left: 5em;
        margin-right: 5em;
    }
    .prebiotic-desc {
        margin-top: 1.75em;
    }
}

@media (max-width: 991.97px) {
    .prebiotic-circles {
        margin-left: 0;
        margin-right: 0;
    }
    .prebiotic-circle-01 {
        background-image: url('../img/products/prebiotic-circle-bg3.png');
    }
    .prebiotic-circles-title {
        left: 9.65em;
        text-align: left;
        transform: none;
    }
    .prebiotic-desc {
        margin-top: 1.75em;
    }
}

@media (max-width: 767.97px) {
    .prebiotic-circles-inner {
        max-width: 25.5em;
        height: 37em;
    }
    .prebiotic-circle-02 {
        top: 10.5em;
        left: 10.5em;
    }
    .prebiotic-circle-03 {
        top: 21em;
        left: 0;
        background-image: url('../img/products/prebiotic-circle-bg3.png');
    }
}

@media (max-width: 575.97px) {
    .prebiotic-circles-inner {
        max-width: 17.5em;
        height: 37em;
    }
    .prebiotic-circles-title {
        top: -1.05em;
        left: 7.25em;
        margin-right: -1em;
    }
    .prebiotic-circle {
        width: 12.5em;
        height: 12.5em;
    }
    .prebiotic-circle-02 {
        top: 12em;
        left: 4.75em;
    }
    .prebiotic-circle-03 {
        top: 24.5em;
    }
    .prebiotic-circle-num {
        font-size: 4.5em;
    }
    .prebiotic-circle-nutrient {
        padding-bottom: 0.2em;
        font-size: 1.65em;
    }
    .prebiotic-desc strong {
        font-size: 1.25em;
    }
}

@media (max-width: 359px) {
    .prebiotic-circles {
        font-size: 0.95em;
    }
}

.prebiotic-tile {
    height: 100%;
    padding: 2.25em 2.5em 2em 2.5em;
}
.prebiotic-tile::before, .prebiotic-tile::after {
    position: absolute;
    border: solid 3px #4171CC;
    z-index: 0;
    content: '';
}
.prebiotic-tile::before {
    top: 0;
    bottom: 0;
    left: 4.25em;
    right: 0;
    border-radius: 0 1em 1em 0;
    border-left-style: none;
}
.prebiotic-tile::after {
    top: 5em;
    bottom: 0;
    left: 0;
    width: 4.75em;
    border-radius: 0 0 0 1em;
    border-top-style: none;
    border-right-style: none;
}

.prebiotic-tile img {
    top: 2.5em;
    left: 2em;
    width: 80px;
    transform: translate(-50%, -50%);
}
.prebiotic-tile h5 {
    margin: 0 0 1em 2em;
    font-size: 1.33em;
    font-weight: 700;
    color: #4171CC;
}
.prebiotic-tile h5.header-smaller-margin {
    margin-bottom: 0.4em;
}

@media (max-width: 767.97px) {
    .prebiotic-tile {
        max-width: 500px;
        margin: 0 auto;
    }
}

@media (max-width: 575.97px) {
    .prebiotic-tile img {
        top: calc(2.5em - 15px);
        left: calc(2em - 15px);
        width: 50px;
    }
    .prebiotic-tile::before {
        left: 3em;
    }
    .prebiotic-tile::after {
        top: 3.75em;
        width: 3.5em;
    }
    .prebiotic-tile {
        padding: 1.75em 2em 1.5em 2em;
    }
    .prebiotic-tile h5 {
        margin: 0 0 0.75em 2em;
        font-size: 1.25em;
    }
}

@media (max-width: 420px) {
    .prebiotic-tile {
        padding: 1.5em 1.5em 1.25em 1.5em;
    }
}




.hp-opinions-content {
    margin: 0 -10%;
}
.hp-opinion {
    padding: 2em 1.75em 1.5em 1.75em;
}
.hp-opinion::before, .hp-opinion::after {
    position: absolute;
    border: solid 3px #ffffff;
    z-index: 0;
    content: '';
}
.hp-opinion::before {
    top: 0;
    bottom: 0;
    left: 4.75em;
    right: 0;
    border-radius: 0 1em 1em 0;
    border-left-style: none;
}
.hp-opinion::after {
    top: 4.75em;
    bottom: 0;
    left: 0;
    width: 4.75em;
    border-radius: 0 0 0 1em;
    border-top-style: none;
    border-right-style: none;
}

.hp-opinion-icon-user {
    width: 3.9em;
    height: 3.9em;
}
.hp-opinion-icon-smile {
    width: 2.4em;
    height: 2.4em;
    transform: translate(-1.85em, 1.85em);
}

.hp-opinion-inner {
    z-index: 1;
}
.hp-opinion-username {
    min-height: 3.75em;
    padding: 0 3.25em;
    font-weight: 700;
}
.hp-products .hp-opinions .swiper-button-next {
    margin-left: 3em;
}

@media (max-width: 991.97px) {
    .hp-opinions-content {
        margin: 0 50px;
    }
}

@media (max-width: 767.97px) {
    .hp-opinions-content {
        margin: 0 30px;
    }
}

@media (max-width: 575.97px) {
    .hp-opinions-content {
        margin: 0 20px;
    }
    .hp-opinion-icon-smile {
        width: 2em;
        height: 2em;
        transform: translate(-1em, 1em);
    }
    .hp-opinion-username {
        min-height: 4em;
        padding: 0 1.5em 0 3em;
    }
}



.hp-quality {
    padding-bottom: 6.75%;
    background-color: #558BF1;
}
.hp-quality-content > .row {
    padding-top: 1rem;
}
.hp-quality-content-txt {
    padding-left: 1rem;
}

.hp-quality-portrait {
    position: absolute;
    top: 0;
    left: -4.25%;
    padding-top: 6.75%;
    width: 64%;
    max-width: 1240px;
}

.hp-quality-features {
    padding-top: 1em;
}
.hp-quality-feature + .hp-quality-feature {
    padding-top: 1em;
}
.hp-quality-feature img {
    width: 3em;
    height: 3em;
    padding-top: 0.15em;
    transform-origin: 50% 20%;
}
.hp-quality-feature:nth-child(2) img {
    transform: scale(0.9);
}
.hp-quality-feature:nth-child(3) img {
    transform: scale(0.82);
}
.hp-quality-feature p {
    padding-left: 0.8em;
}

.hp-quality-badge-1 {
    width: 45%;
    max-width: 225px;
}
.hp-quality-badge-2 {
    width: 52.4%;
    max-width: 262px;
    margin-left: 2rem;
}

.hp-quality-bottom {
    width: 100%;
}

@media (min-width: 1921px) {
    .hp-quality-portrait {
        padding-top: calc(340px - 10.25vw);
        transform: translateX(calc(40vw - 768px));
    }
}

@media (max-width: 1879px) {
    .hp-quality {
        margin-top: -1.5rem;
        padding-bottom: 100px;
    }
    .hp-quality-content > .row {
        padding-top: 0;
    }
    .hp-quality-content-txt {
        padding-left: 0;
    }
}

@media (min-width: 1600px) and (max-width: 1799px) {
    .hp-quality {
        padding-bottom: 80px;
    }
    .hp-quality-portrait {
        top: auto;
        bottom: 15.5%;
        padding-top: 2%;
    }
    .hp-quality-badges {
        max-width: 400px;
        justify-content: center;
        margin-top: -1.25rem;
    }
}

@media (min-width: 1400px) and (max-width: 1599.97px) {
    .hp-quality {
        padding-bottom: 60px;
    }
    .hp-quality-portrait {
        top: auto;
        bottom: 15%;
        padding-top: 2%;
        left: -6.25%;
        width: 68%;
        max-width: 1000px;
    }
    .hp-quality-content {
        margin-right: -2rem;
    }
    .hp-quality-badges {
        max-width: 320px;
        justify-content: center;
        margin-top: -1.25rem;
        margin-left: 2.5rem;
    }
}

@media (min-width: 1200px) and (max-width: 1399.97px) {
    .hp-quality {
        padding-bottom: 60px;
    }
    .hp-quality-portrait {
        top: auto;
        bottom: 12.5%;
        left: -6.25%;
        width: 70%;
        max-width: 900px;
    }
    .hp-quality-content {
        margin-left: -2rem;
        margin-right: -2rem;
    }
    .hp-quality-badges {
        max-width: 280px;
        justify-content: center;
        margin-top: -1.25rem;
        margin-left: 2.5rem;
    }
}

@media (max-width: 1199.97px) {
    .hp-quality {
        padding-bottom: 14.5%;
    }
    .hp-quality-portrait {
        position: static;
        width: 850px;
        max-width: 100%;
        margin: 0 auto;
        padding-top: 50px;
    }
    .hp-quality-content {
        max-width: 26em;
        margin: 0 auto;
        padding: 0 20px;
    }
    .hp-quality-bottom {
        width: 150%;
    }
    .hp-quality-badges {
        position: absolute;
        bottom: calc(-4vw - 9em);
        left: 50%;
        width: 80%;
        max-width: 24em;
        transform: translateX(-50%);
        z-index: 5;
    }
    .hp-know-what {
        padding-top: calc(4vw + 9em + 50px);
    }
}

@media (max-width: 767.97px) {
    .hp-quality-portrait {
        margin: 0 -2% 0 -5%;
        max-width: 107%;
    }
    .hp-quality-badges {
        max-width: 22em;
    }
}


.hp-know-what {
    background-image: url('../img/hp-know-what-bg.png');
    background-size: 100% auto;
}
.hp-know-what-bar {
    max-width: 1800px;
    background-color: #7ACB34;
    border-radius: 1.5rem;
}
.hp-know-what-bar .row > div:nth-child(odd) {
    width: 30%;
}
.hp-know-what-bar .row > div:nth-child(even) {
    width: 40%;
}
.hp-know-what-bar p.hp-know-what-bar-bigger {
    font-size: 2.4em;
    line-height: 1;
}

.hp-know-what-content {
    max-width: 1720px;
}
.hp-know-what-milk {
    position: absolute;
    top: 50%;
    right: -2.75%;
    width: 57%;
    transform: translateY(-53.75%);
}
.hp-know-what-cold {
    position: absolute;
    top: 0;
    right: 0;
    width: 22%;
    max-width: 350px;
    transform: translateX(5%);
}

.hp-know-what-feature {
    max-width: 30em;
}
.hp-know-what-feature + .hp-know-what-feature {
    padding-top: 1.5em;
}
.hp-know-what-feature img {
    width: 3.5em;
    height: 3.5em;
}
.hp-know-what-feature p {
    padding-left: 1.5em;
    font-size: 1.25em;
    line-height: 1.25;
}
.hp-know-what-btn {
    position: absolute;
    bottom: 5px;
    right: 0;
    width: 50%;
}

@media (min-width: 1400px) and (max-width: 1599.97px) {
    .hp-know-what > div {
        margin: 0 -2rem;
    }
    .hp-know-what-bar > .row > div > p {
        margin: 0 -0.5rem;
    }
    .hp-know-what-features {
        margin-top: -2rem;
    }
}

@media (min-width: 1200px) and (max-width: 1399.97px) {
    .hp-know-what-bar .row > div:nth-child(odd) {
        width: 29%;
    }
    .hp-know-what-bar .row > div:nth-child(even) {
        width: 42%;
    }
}

@media (max-width: 1199.97px) {
    .hp-know-what {
        background-size: 150% auto;
    }
    .hp-know-what-container {
        max-width: 980px;
    }
    .hp-know-what-bar .row > div {
        width: 100% !important;
    }
    .hp-know-what-bar .row > div:nth-child(2) {
        max-width: 30em;
    }
    .hp-know-what-bar .row > div:nth-child(3) {
        max-width: 21em;
    }
    .hp-know-what-imgs {
        position: relative;
        max-width: 800px;
        margin: 50px auto 0 auto;
    }
    .hp-know-what-milk {
        position: static;
        width: 100%;
        transform: none;
    }
    .hp-know-what-cold {
        top: 0;
        right: 0;
        width: 38%;
        max-width: 350px;
        transform: translate(-28%, 2%);
    }
    .hp-know-what-feature {
        margin: 0 auto;
    }
    .hp-know-what-btn {
        position: static;
        width: 100%;
    }
}

@media (max-width: 575.97px) {
    .hp-know-what-feature p {
        padding-left: 1.25em;
        font-size: 1.1em;
    }
}

@media (max-width: 420px) {
    .hp-know-what-feature img {
        width: 2.5em;
        height: 2.5em;
    }
    .hp-know-what-feature p {
        padding-left: 1em;
        font-size: 1em;
    }
}



.hp-movie {
    margin-top: -10%;
    padding-bottom: 5%;
}
.hp-movie-bg {
    bottom: -1vw;
    right: 0;
    width: 100%;
    height: auto;
}
.hp-movie-content {
    max-width: 1850px;
}
.hp-movie-content p {
    max-width: 40em;
}

.hp-video, .hp-video iframe {
    border-radius: 1em;
}
.hp-video {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.hp-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 991.97px) {
    .hp-movie-bg {
        width: 150%;
    }
}



.recipes-swiper-buttons .swiper-button-prev, .recipes-swiper-buttons .swiper-button-next {
    position: static;
}
.recipes-swiper-buttons .swiper-button-next {
    margin-left: 2.5em;
}

.hp-recipes-bg {
    bottom: 55%;
    right: 0;
    width: 100%;
    height: auto;
}
.recipe-img-link img {
    transition: border-color 0.25s ease-in-out;
    cursor: pointer;
}
.recipe-img-link:hover img {
    border-color: #4171CC;
}
.recipe-title {
    min-height: 4em;
    line-height: 1.25;
}
.recipe-title > * {
    color: #000000;
    transition: color 0.25s ease-in-out;
    cursor: pointer;
}
.recipe-title > *:hover {
    color: #4171CC;
}

@media (max-width: 1199.97px) {
    .hp-recipes-bg {
        bottom: 45%;
    }
}

@media (max-width: 991.97px) {
    .hp-recipes-bg {
        width: 150%;
    }
}



/* About us */
.about-us-top {
    background: #4171CC linear-gradient(262.65deg, #084BCC 6.98%, #4171CC 71.71%);
}
.about-us-top h1 {
    position: absolute;
    top: 49%;
    left: 22%;
    max-width: 3.65em;
    margin: 0;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.about-us-top-img {
    width: 46.875%;
    margin: 0 10.5% 0 auto;
}
.about-us-top-line {
    width: 100%;
    top: 1.65%;
    right: 0;
}

@media (max-width: 991.97px) {
    .about-us-top h1 {
        position: static;
        max-width: none;
        transform: none;
    }
    .about-us-top-img {
        width: 90%;
        max-width: 450px;
        margin: 0 auto;
    }
    .about-us-top-line {
        width: 130%;
        top: 3.5%;
    }
}

@media (max-width: 767.97px) {
    .about-us-top-img {
        max-width: 380px;
    }
    .about-us-top-line {
        width: 150%;
        right: -10%;
    }
}

@media (max-width: 575.97px) {
    .about-us-top-img {
        width: 94%;
    }
    .about-us-top-line {
        width: 170%;
        right: -20%;
    }
}

@media (max-width: 479.97px) {
    .about-us-top-line {
        width: 200%;
        right: -35%;
    }
}

.about-us-prizes-header {
    padding-left: 10%;
    padding-right: 10%;
    background: rgba(28, 86, 194, 1);
}
.about-us-prizes-header h3 {
    padding-bottom: 0.75em;
}

.aboutUsPrizesSwiper-outer::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 45vw;
    background: linear-gradient(to bottom, rgba(28, 86, 194, 1), rgba(28, 86, 194, 0));
    content: '';
}

.aboutUsPrizesSwiper {
    margin: 0 10%;
}
.aboutUsPrizesSwiper .swiper-slide {
    height: auto !important;
}
.aboutUsPrizesSwiper-outer .swiper-button-prev, .aboutUsPrizesSwiper-outer .swiper-button-next {
    transform: translateY(-50%);
}
.aboutUsPrizesSwiper-outer .swiper-button-prev {
    left: 40px;
}
.aboutUsPrizesSwiper-outer .swiper-button-next {
    right: 40px;
}

@media (max-width: 1399.97px) {
    .aboutUsPrizesSwiper-outer .swiper-button-prev {
        left: 35px;
    }
    .aboutUsPrizesSwiper-outer .swiper-button-next {
        right: 35px;
    }
}

@media (max-width: 1199.97px) {
    .about-us-prizes-header h3 {
        padding-bottom: 0.5em;
    }
    
    .aboutUsPrizesSwiper {
        margin: 0 100px;
    }
    .about-us-prizes-header {
        padding-left: 60px;
        padding-right: 60px;
    }
    .aboutUsPrizesSwiper-outer .swiper-button-prev {
        left: 25px;
    }
    .aboutUsPrizesSwiper-outer .swiper-button-next {
        right: 25px;
    }
}



.about-us-history-line {
    padding-left: 10%;
}
.about-us-history {
    padding: 0 10%;
    background: url('../img/about-us-history-line-vertical.png') 10% 0 repeat-y;
}
.about-us-history-scroll {
    height: 2.75em;
    margin-top: -0.85em;
    margin-bottom: 2.25em;
}
.about-us-history-scroll .swiper-button-prev.button-down {
    top: 0;
    left: 5px;
    transform: translate(-50%, 32%) rotate(-90deg);
}
.about-us-history-scroll a + a {
    display: inline-block;
    margin-top: 0.8em;
    margin-left: 3em;
    color: #ffffff;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    transition: color 0.25s ease-in-out;
}
.about-us-history-scroll a + a:hover {
    color: #6AB524;
}

.about-us-history-item {
    position: relative;
    padding-left: 3em;
    padding-bottom: 3em;
}
.about-us-history-item-toggle {
    position: absolute;
    top: -0.25em;
    left: 4px;
    transform: translateX(-50%);
    width: 1.75em;
    height: 1.75em;
    border: none;
    border-radius: 50%;
    background-color: #ffffff;
    transition: background-color 0.2s ease-in-out;
}
.about-us-history-item-toggle:hover {
    background-color: #7ACB34;
}
.about-us-history-item-header {
    margin: 0;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1;
    color: #FFEE00;
}
.about-us-history-item-header > span {
    cursor: pointer;
}
.about-us-history-item-header > span .swiper-button-prev.button-down {
    position: static;
    display: inline-block;
    width: 0.9em;
    height: 0.9em;
    margin-left: 0.4em;
    transform: translateY(0.15em) rotate(-90deg);
}
.about-us-history-item-header > span .swiper-button-prev.button-down svg {
    width: 0.4em;
    transform: translate(0.075em, 0.0em) rotate(180deg);
    transition: transform 0.3s ease-in-out;
}
.about-us-history-item-header > span.collapsed .swiper-button-prev.button-down svg {
    transform: translate(0.05em, 0.0em);
}
.about-us-history-item-content {
    max-width: 1140px;
    margin-top: 1.25em;
    font-size: 0.75em;
    line-height: 1.35;
}

@media (min-width: 1600px) and (max-width: 1799.97px) {
    .about-us-history-line {
        width: 1900px;
    }
}

@media (max-width: 1599.97px) {
    .about-us-history {
        background-size: 8px 24px;
    }
    .about-us-history-item-header > span .swiper-button-prev.button-down {
        transform: translateY(0.25em) rotate(-90deg);
    }
    .about-us-history-item-header > span .swiper-button-prev.button-down svg {
        transform: translate(0.075em, -0.065em) rotate(180deg);
    }
    .about-us-history-item-header > span.collapsed .swiper-button-prev.button-down svg {
        transform: translate(0.05em, -0.065em);
    }
}

@media (max-width: 1399.97px) {
    .about-us-history-item-header > span .swiper-button-prev.button-down {
        transform: translateY(0.35em) rotate(-90deg);
    }
    .about-us-history-item-header > span .swiper-button-prev.button-down svg {
        transform: translate(0.05em, -0.125em) rotate(180deg);
    }
    .about-us-history-item-header > span.collapsed .swiper-button-prev.button-down svg {
        transform: translate(0.025em, -0.125em);
    }
}

@media (max-width: 420px) {
    .about-us-history-item-header > span .swiper-button-prev.button-down {
        transform: translateY(0.6em) rotate(-90deg);
    }
    .about-us-history-item-header > span .swiper-button-prev.button-down svg {
        transform: translate(0.025em, -0.25em) rotate(180deg);
    }
    .about-us-history-item-header > span.collapsed .swiper-button-prev.button-down svg {
        transform: translate(0.0em, -0.25em);
    }
}

@media (max-width: 359.97px) {
    .about-us-history-item-header > span .swiper-button-prev.button-down svg {
        transform: translate(0.025em, -0.25em) rotate(180deg);
    }
    .about-us-history-item-header > span.collapsed .swiper-button-prev.button-down svg {
        transform: translate(0.0em, -0.25em);
    }
}

@media (min-width: 992px) and (max-width: 1599.97px) {
    .about-us-history-line {
        width: 1550px;
    }
}

@media (max-width: 1199.97px) {
    .about-us-history {
        padding: 0 60px;
        background-position: 60px 0;
    }
    .about-us-history-line {
        padding-left: 60px;
    }
}

@media (max-width: 991.97px) {
    .about-us-history {
        padding: 0 50px;
        background: none;
    }
    .about-us-history-line {
        padding-left: 0;
        margin-left: -4.5%;
        width: 199.5%;
    }
    .about-us-history-scroll {
        margin-bottom: 2em;
    }
    .about-us-history-scroll a + a {
        margin-left: 2.55em;
    }
    .about-us-history-item {
        padding-left: 2.5em;
        padding-bottom: 2.5em;
    }
}

@media (max-width: 767.97px) {
    .about-us-history {
        padding: 0 40px;
    }
    .about-us-history-scroll {
        height: 2.25em;
    }
    .about-us-history-scroll a + a {
        margin-left: 2em;
        margin-top: 0;
        transform: translateY(-10%);
    }
    .about-us-history-item {
        padding-left: 2em;
        padding-bottom: 2.25em;
    }
}

@media (max-width: 575.97px) {
    .about-us-history {
        padding: 0 30px;
    }
}

@media (max-width: 420px) {
    .about-us-history {
        padding: 0 25px;
    }
    .about-us-history-item-header {
        font-size: 1.25em;
        line-height: 1.25;
    }
    .about-us-history-item-header > span .swiper-button-prev.button-down {
        margin-left: 0.25em;
    }
}



.about-us-team {
    padding-bottom: 10vw;
    background-color: #558BF1;
}
.about-us-team-container {
    max-width: 1800px;
    padding: 0 80px;
    margin-left: auto;
    margin-right: auto;
}
.about-us-team h4 {
    margin: 0 0 1.5em 0;
    font-size: 1.5em;
    font-weight: 700;
}
.about-us-team-line-1 {
    right: 0;
    width: 100%;
    transform: translateY(-55%);
}
.about-us-team-container.about-us-team-container-management {
    padding-top: 9.5vw;
}

.about-us-team-photo img {
    transition: transform 0.25s ease-in-out;
}
.about-us-team-photo:hover img {
    transform: translateY(-10px);
}

@media (max-width: 1399.97px) {
    .about-us-team-container {
        padding: 0 60px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.97px) {
    .about-us-team-container .col-xxl-2 {
        width: 20% !important;
    }
}

@media (max-width: 1199.97px) {
    .about-us-team-line-1 {
        width: 160%;
    }
    .about-us-team-container.about-us-team-container-management {
        padding-top: 14vw;
    }
    .about-us-team-container img {
        max-width: 300px;
        margin: 0 auto;
    }
    .about-us-team h4 {
        margin: 2.25em 0 1.25em 0;
    }
}

@media (max-width: 991.97px) {
    .about-us-team-container {
        padding: 0 50px;
    }
}

@media (max-width: 767.97px) {
    .about-us-team-container img {
        max-width: 280px;
    }
    .about-us-team-container {
        padding: 0 40px;
    }
}

@media (max-width: 575.97px) {
    .about-us-team-container {
        padding: 0 20px;
    }
    .about-us-team-tiles > .row > div {
        max-width: 50%;
    }
}

@media (max-width: 420px) {
    .about-us-team-container {
        padding: 0 20px;
    }
    .about-us-team h4 {
        font-size: 1.25em;
    }
    .about-us-team-tiles > .row > div {
        max-width: 100%;
    }
    .about-us-team-tiles > .row > div + div {
        margin-top: 1.75em;
    }
}



.about-us-join {
    padding-top: 25vw;
    background: linear-gradient(#558BF1 0%, #558BF1 400px, #ffffff 400px, #ffffff 100%);
}
.bg-milk-white-bottom {
    top: 8vw;
    width: 100%;
    height: 39.95vw;
}
.about-us-join-container {
    max-width: 2000px;
    margin: 0 auto;
    padding: 0 180px;
}
.about-us-cow {
    position: absolute;
    top: -24vw;
    right: 150px;
    width: 32%;
}
.about-us-join-bottom {
    color: #7ACB34;
}
.about-us-join-bottom .btn.btn-green.btn-pdf {
    width: 16em;
    padding: 0.5em 3em 0.5em 1em;
}

.about-us-join-tile {
    height: 100%;
    padding: 3em 2.25em 2em 2.25em;
}
.about-us-join-tile::before, .about-us-join-tile::after {
    position: absolute;
    border: solid 3px #4171CC;
    z-index: 0;
    content: '';
}
.about-us-join-tile::before {
    top: 0;
    bottom: 0;
    left: 4.25em;
    right: 0;
    border-radius: 0 1em 1em 0;
    border-left-style: none;
}
.about-us-join-tile::after {
    top: 5em;
    bottom: 0;
    left: 0;
    width: 4.75em;
    border-radius: 0 0 0 1em;
    border-top-style: none;
    border-right-style: none;
}

.about-us-join-tile img {
    top: 2.75em;
    left: 2.75em;
    width: 3.5em;
    transform: translate(-50%, -50%);
}
.about-us-join-tile h5 {
    font-size: 1.33em;
    font-weight: 700;
    margin: 0 0 1.25em 2.5em;
    color: #4171CC;
}

@media (min-width: 1921px) {
    .about-us-join {
        padding-top: 480px;
    }
    .bg-milk-white-bottom {
        top: 155px;
        height: 762px;
    }
    .about-us-cow {
        top: -460px;
    }
}

@media (min-width: 992px) {
    .o-nas .footer-bg {
        margin-top: -12%;
    }
}

@media (max-width: 1799.97px) {
    .about-us-join-container {
        padding: 0 140px;
    }
}

@media (max-width: 1599.97px) {
    .about-us-join-container {
        padding: 0 100px;
    }
}

@media (max-width: 1399.97px) {
    .about-us-join-container {
        padding: 0 60px;
    }
    .about-us-cow {
        right: 80px;
    }
}

@media (max-width: 1199.97px) {
    .about-us-join-bottom .btn.btn-green.btn-pdf {
        width: 15em;
    }
}

@media (max-width: 991.97px) {
    .about-us-join {
        padding-top: 50px;
        background: linear-gradient(#558BF1 0%, #558BF1 100px, #ffffff 100px, #ffffff 100%);
    }
    .about-us-join-container {
        padding: 0 50px;
    }
    .bg-milk-white-bottom {
        top: 0;
    }
    .about-us-cow {
        position: static !important;
        width: 60%;
        max-width: 350px;
        margin: 0 auto;
    }

    .about-us-education-line {
        width: 125%;
    }
}

@media (max-width: 767.97px) {
    .about-us-join-container {
        padding: 0 40px;
    }
    .about-us-join-bottom {
        margin-top: -0.5em;
        margin-bottom: -0.5em;
    }
    .about-us-join-bottom > div {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }

    .about-us-cow {
        width: 70%;
        max-width: 300px;
    }
    .about-us-education-line {
        width: 145%;
        margin-left: -5%;
    }
}

@media (max-width: 575.97px) {
    .about-us-join-container {
        padding: 0 30px;
    }
    .about-us-join-tile {
        padding: 2.25em 1.4em 1.5em 1.4em;
    }
    .about-us-join-tile::before {
        left: 3.75em;
    }
    .about-us-join-tile::after {
        top: 4.5em;
    }
    .about-us-join-tile img {
        top: 2.25em;
        left: 2.25em;
        width: 3em;
        transform: translate(-50%, -50%);
    }
    .about-us-join-tile h5 {
        font-size: 1.25em;
        margin: 0 0 1em 2.5em;
    }
}

@media (max-width: 420px) {
    .about-us-join-container {
        padding: 0 20px;
    }
}



.aboutUsEducationSwiper-outer {
    max-width: 1840px;
}
.aboutUsEducationSwiper {
    margin: 0 10%;
}
.aboutUsEducationSwiper .swiper-slide {
    display: flex;
    align-items: center;
    height: auto;
}
.aboutUsEducationSwiper-outer .swiper-button-prev {
    left: 40px;
}
.aboutUsEducationSwiper-outer .swiper-button-next {
    right: 40px;
}

@media (max-width: 1199.97px) {
    .aboutUsEducationSwiper {
        margin: 0 90px;
    }
    .aboutUsEducationSwiper-outer .swiper-button-prev {
        left: 20px;
    }
    .aboutUsEducationSwiper-outer .swiper-button-next {
        right: 20px;
    }
}

@media (max-width: 575.97px) {
    .aboutUsEducationSwiper {
        margin: 0 70px;
    }
    .aboutUsEducationSwiper-outer .swiper-button-prev {
        left: 15px;
    }
    .aboutUsEducationSwiper-outer .swiper-button-next {
        right: 15px;
    }
}


/* Recipes */
.recipes-top {
    /* background: linear-gradient(262.65deg, #084BCC 6.98%, #4171CC 71.71%), #4171CC; */
    background-image: linear-gradient(to right, #4171CC, #084BCC);
}
.recipes-line-top {
    top: 16.5%;
    left: 0;
    width: 47.85%;
    transform: translateY(-50%);
}
.recipes-bg-heart {
    top: 24.4%;
    left: 34.65%;
    width: 20.5%;
    transform: translate(-50%, -50%);
}
.recipes-top-header {
    position: absolute;
    top: 35%;
    right: 67.5%;
}
.recipes-top-header h1 {
    width: 3.1em;
    font-size: 6em;
    line-height: 0.9;
}
.recipes-top-header h1 small {
    display: inline-block;
    font-size: 0.5em;
    transform: translateY(-0.5em);
}
.recipes-top-img {
    width: 56%;
    padding-right: 1.5%;
}
.recipes-list {
    position: relative;
    margin-top: -9%;
    padding-top: 16%;
    z-index: 1;
}
.recipes-top-products {
    top: 0;
    right: 0;
    width: 63%;
    transform: translateY(-54%);
}

@media (min-width: 1921px) {
    .recipes-top-img {
        padding-right: calc(56vw - 1075px + 1.5%);
    }
    .recipes-top-products {
        top: calc(20vw - 384px);
        width: 59%;
        padding-right: calc(56vw - 1075px);
    }
}

@media (max-width: 1399.97px) {
    .recipes-line-top {
        left: -4.785%;
        width: 52.635%;
    }
    .recipes-bg-heart {
        top: 25%;
        left: 33%;
        width: 22.55%;
    }
}

@media (max-width: 1199.97px) {
    .recipes-top-header {
        right: 66%;
    }
    .recipes-top-header h1 {
        font-size: 5em;
    }
}

@media (max-width: 991.97px) {
    .recipes-top-header-and-heart {
        position: relative;
        max-width: 700px;
        margin: 0 auto;
        padding: 0 50px;
    }
    .recipes-top-header {
        position: static;
    }
    .recipes-top-header h1 {
        padding-top: 1em;
        font-size: 5em;
    }
    .recipes-bg-heart {
        top: 1.5em;
        left: 75%;
        width: 14.5em;
        transform: translateX(-50%);
    }
    .recipes-line-top {
        top: 1.2em;
        left: auto;
        right: 42.25%;
        width: 30em;
        transform: none;
    }
    .recipes-top-img {
        margin: 0 auto;
        padding-right: 0;
        padding-bottom: 16%;
    }
    .recipes-top-products {
        left: 0;
        margin: 0 auto;
        transform: translate(-5%, -75%);
    }
    .recipes-top-img, .recipes-top-products {
        width: 100%;
        max-width: 500px;
    }
}

@media (max-width: 767.97px) {
    .recipes-top-header-and-heart {
        max-width: 540px;
        padding: 0 40px;
    }
    .recipes-top-header h1 {
        padding-top: 1em;
        font-size: 4em;
    }
    .recipes-bg-heart {
        width: 12em;
    }
    .recipes-line-top {
        right: 42.25%;
        width: 26em;
    }
    .recipes-top-img, .recipes-top-products {
        max-width: 400px;
    }
}

@media (max-width: 575.97px) {
    .recipes-top-header-and-heart {
        max-width: 420px;
        padding: 0 30px;
    }
    .recipes-top-header h1 {
        padding-top: 1em;
        font-size: 3em;
    }
    .recipes-bg-heart {
        top: 1em;
        left: 74%;
        width: 9.5em;
    }
    .recipes-line-top {
        top: 0.95em;
        right: 42.25%;
        width: 26em;
    }
    .recipes-top-img, .recipes-top-products {
        max-width: 380px;
    }
}

@media (max-width: 420px) {
    .recipes-top-header-and-heart {
        max-width: 360px;
        padding: 0 20px;
    }
    .recipes-bg-heart {
        top: 0.75em;
        left: 76%;
        width: 8em;
    }
    .recipes-line-top {
        top: 0.85em;
        right: 40%;
        width: 20em;
    }
    .recipes-top-products {
        transform: translate(-4%, -75%);
    }
    .recipes-top-img, .recipes-top-products {
        padding-left: 4%;
    }
}



.recipes-list .btn-green.btn-green-reverted {
    width: 11em;
    padding: 0.5em 3em 0.5em 1em;
    border: solid 1px #7ACB34;
}
.recipes-list .btn-green.btn-green-reverted img {
    top: 50%;
    right: 0.75em;
    width: 1.75em;
    transform: translateY(-50%);
    filter: brightness(0) invert(1);
}
.recipes-list .btn-green.btn-green-reverted:not(.btn-active) {
    background-color: #ffffff;
    color: #7ACB34;
}
.recipes-list .btn-green.btn-green-reverted:not(.btn-active) img {
    filter: none;
}
.recipes-list .btn-green.btn-green-reverted:not(.btn-active):hover {
    color: #ffffff;
    background-color: #6AB524;
    border-color: #6AB524;
}
.recipes-list .btn-green.btn-green-reverted:not(.btn-active):hover img {
    filter: brightness(0) invert(1);
}

.recipesSwiper {
    margin: 0 120px;
}
.recipesSwiper-img-box {
    max-width: 296px;
}
.recipesSwiper-img-box img {
    padding: 8px;
    border: 2px solid transparent;
    transition: border-color 0.2s ease-in-out;
}
.recipesSwiper-img-box.recipe-active img {
    border-color: #4171CC;
}
.recipesSwiper-outer .swiper-button-prev, .recipesSwiper-outer .swiper-button-next {
    margin-top: -3.75em;
}
.recipesSwiper-outer .swiper-button-prev {
    left: 40px;
}
.recipesSwiper-outer .swiper-button-next {
    right: 40px;
}
.recipesSwiper .recipe-img {
    padding: 10px;
    border: solid 1px #ffffff;
}
.recipesSwiper .swiper-slide p {
    max-width: 12.25em;
    margin-left: auto;
    margin-right: auto;
}
.recipesSwiper .button-play {
    cursor: pointer;
    transform: translate(-50%, -50%);
}

#przepis {
    position: relative;
    top: -100px;
}

@media (max-width: 1799px) {
    .recipesSwiper-outer .swiper-button-prev {
        left: 25px;
    }
    .recipesSwiper-outer .swiper-button-next {
        right: 25px;
    }
}

@media (max-width: 1399px) {
    .recipesSwiper {
        margin: 0 85px;
    }
    .recipesSwiper-outer .swiper-button-prev {
        left: 20px;
    }
    .recipesSwiper-outer .swiper-button-next {
        right: 20px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .recipes-top-header {
        left: calc(60px + 12.5vw - 150px);
        right: auto;
    }
}




/* Recipe - expanded */
.recipe-container {
    max-width: 1760px;
    padding: 0 80px;
    margin: 6em 8% 6em 8%;
}
.recipe {
    min-height: 60vw;
    padding: 4.5em 4em 4.25em 4em;
}
.recipe ul, .recipe ol {
    text-align: left !important;
}
.recipe-border-1 {
    top: 0;
    bottom: 1.2em;
    left: 0;
    width: 100%;
    border-left: 3px solid #4171CC;
    border-right: 3px solid #4171CC;
    border-top: 3px solid #4171CC;
    border-radius: 1.2em 1.2em 0 0;
}
.recipe-border-2 {
    bottom: 0;
    right: 0;
    width: 3em;
    height: 1.2em;
    border-right: 3px solid #4171CC;
    border-bottom: 3px solid #4171CC;
    border-radius: 0 0 1.2em 0;
}
.recipe-border-3 {
    bottom: 0;
    left: 0;
    right: 19em;
    height: 1.2em;
    border-left: 3px solid #4171CC;
    border-bottom: 3px solid #4171CC;
    border-radius: 0 0 0 1.2em;
}
.recipe-meal-img-desktop {
    top: 0;
    right: 0;
    width: 34%;
    transform: translate(15%, -20%);
}
.recipe-meal-img img {
    padding: 10px;
    border: 2px solid #4171CC;
}
.recipe-close {
    top: 1.75em;
    left: 1.75em;
}
.recipe-close [data-bs-toggle] {
    font-size: 1.75em;
    line-height: 0.75;
    font-weight: 900;
    color: #7ACB34;
    cursor: pointer;
    transition: color 0.2s ease-in-out;
}
.recipe-close [data-bs-toggle]:hover {
    color: #6AB524;
}
.recipe-content {
    padding-left: 4em;
    padding-right: calc(50% - 4em);
}
.recipe-content h5 {
    font-size: 2em;
    line-height: 1.05;
}
.recipe-content > div > img.position-sm-absolute {
    left: -4.5em;
    width: 3.45em;
}
.recipe-info > img.position-sm-absolute {
    top: -0.05em;
    padding: 0 0.2em;
}
.recipe-ingredients > img.position-sm-absolute {
    top: -0.8em;
    padding: 0 0.25em;
}
.recipe-prepare > img.position-sm-absolute {
    top: -0.1em;
}
.recipe-ingredients-img {
    position: absolute;
    top: 500px;
    right: -1em;
    width: 30%;
}
.recipe-bottom-notice {
    bottom: 0;
    right: 3em;
    width: 16em;
    text-align: center;
    transform: translateY(45%);
}
.recipe-bottom-notice span {
    font-family: 'Just Another Hand';
    font-size: 5em;
    line-height: 0.92;
}
.recipe-content ul {
    margin-bottom: 0;
}

@media (min-width: 576px) {
    .recipe-content > div > img.position-sm-absolute {
        position: absolute;
    }
}

@media (min-width: 992px) {
    .przepisy .footer-bg {
        margin-top: -14%;
    }
}

@media (min-width: 1921px) {
    .recipe {
        min-height: 1160px;
    }
}

@media (max-width: 1799.97px) {
    .przepisy .footer-extra {
        right: 8%;
        width: 44%;
    }
}

@media (max-width: 1599.97px) {
    .recipe-container {
        margin: 5em 0 6.5em 0;
    }
    .recipe-ingredients-img {
        top: 450px;
        width: 38%;
    }
}

@media (max-width: 1399.97px) {
    .recipe-container {
        padding: 0 60px;
        margin: 4em 0 7em 0;
    }
    .recipe {
        padding: 4em 3em 4em 2.5em;
    }
    .recipe-ingredients-img {
        top: 400px;
        width: 38%;
    }
    .recipe-content {
        padding-right: calc(44% - 3em);
    }
}

@media (min-width: 1200px) and (max-width: 1399.97px) {
    .recipe-ingredients-img.recipe-ingredients-img-vertical {
        max-width: 400px;
        padding: 0 25px;
        margin-top: -80px;
    }
}
@media (min-width: 1400px) and (max-width: 1899.97px) {
    .recipe-ingredients-img.recipe-ingredients-img-vertical {
        max-width: 400px;
        padding: 0 10px;
        margin-top: -80px;
    }
}
@media (min-width: 1920px) {
    .recipe-ingredients-img.recipe-ingredients-img-vertical {
        margin-top: -40px;
    }
}

@media (max-width: 1199.97px) {
    .recipe-container {
        margin: 0 0 6em 0;
    }
    .recipe {
        padding: 3.5em 3em 5.5em 2.5em;
    }
    .recipe-border-2 {
        width: calc(50% - 8em);
    }
    .recipe-border-3 {
        right: auto;
        width: calc(50% - 8em);
    }
    .recipe-close {
        top: 1.5em;
        left: auto;
        right: 1.5em;
    }
    .recipe-content {
        padding-right: 0;
    }
    .recipe-meal-img-mobile {
        width: 100%;
        max-width: 450px;
        margin: 0 auto;
    }
    .recipe-ingredients-img {
        position: static;
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
    }
    .recipe-bottom-notice {
        right: calc(50% - 8em);
        transform: translateY(45%);
    }
    .recipe-bottom-notice span {
        font-size: 4em;
    }
    .recipe-meal-img-mobile,
    .recipe-ingredients-img,
    .recipe-content h5 {
        padding-right: 3.5rem;
    }
    .recipe-content h5 {
        margin: 0 -1.5rem;
    }
}

@media (max-width: 991.97px) {
    .recipe-container {
        padding: 0 50px;
        margin: 0 0 2.25em 0;
    }
    .recipe {
        padding: 3.5em 2em 5.5em 2em;
    }
    .recipe-meal-img-mobile {
        max-width: 380px;
    }
    .recipe-ingredients-img {
        max-width: 350px;
    }
}

@media (max-width: 767.97px) {
    .recipe-container {
        padding: 0 40px;
        margin: 0 0 2em 0;
    }
    .recipe {
        padding: 3em 1.5em 5em 1.5em;
    }
    .recipe-close {
        top: 1.25em;
        right: 1.25em;
    }
    .recipe-content h5 {
        font-size: 1.75em;
    }
    .recipe-meal-img-mobile {
        max-width: 380px;
    }
    .recipe-ingredients-img {
        max-width: 350px;
    }
    .recipe-ingredients > .row > div + div {
        padding-top: 2rem;
    }
    .recipe-bottom-notice span {
        font-size: 3.25em;
    }
}

@media (max-width: 575.97px) {
    .recipes-list .btn-green.btn-green-reverted {
        width: 9.75em;
    }
    .recipe-container {
        padding: 0 30px;
    }
    .recipe {
        padding: 2.5em 1.25em 4.5em 1.25em;
    }
    .recipe-border-2 {
        width: calc(50% - 6em);
    }
    .recipe-border-3 {
        width: calc(50% - 6em);
    }
    .recipe-close {
        top: 1.15em;
        right: 1.15em;
    }
    .recipe-content {
        padding-left: 0;
    }
    .recipe-content h5 {
        font-size: 1.6em;
    }
    .recipe-content > div > img.position-sm-absolute {
        width: 2.5em;
        margin: 0 auto 0.35em auto;
        padding: 0 !important;
    }

    .recipe-meal-img-mobile {
        width: 90%;
        max-width: 255px;
    }
    .recipe-ingredients-img {
        width: 85%;
        max-width: 240px;
    }
    .recipe-meal-img-mobile,
    .recipe-ingredients-img,
    .recipe-content h5 {
        padding-right: 0;
    }
    .recipe-content h5 {
        margin: 0;
    }

    .recipe-bottom-notice span {
        font-size: 2.75em;
    }
}

@media (max-width: 420px) {
    .recipes-list .btn-green.btn-green-reverted {
        width: 9em;
        font-size: 0.875em;
    }
    .recipesSwiper {
        margin: 0 78px;
    }

    .recipe-container {
        padding: 0 20px;
    }
}

@media (max-width: 359.97px) {
    .recipe-container {
        padding: 0 15px;
    }
}



@media (max-width: 1399.97px) {
    .przepisy .footer-extra {
        top: 11vw;
        right: 5%;
        width: 50%;
    }
}

@media (min-width: 992px) and (max-width: 1399px) {
    .przepisy .footer-bg {
        margin-top: -10%;
    }
}


/* Contact */
.contact-top {
    background: linear-gradient(180deg, rgba(206, 210, 212, 0) 42.07%, #CFD3D5 60.61%), linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
}
.contact-top-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.contact-top-line {
    top: 1.5em;
    left: 0;
    width: 100%;
}
.contact-content {
    position: relative;
    max-width: 2000px;
    margin: 0 auto;
    padding: 300px 90px 0 90px;
}
.contact-content-inner {
    width: 92%;
}
.contact-content h1 + div {
    margin-top: -2em;
}
.contact-content h5 {
    margin-top: 3em;
    font-size: 1.2em;
    font-weight: 600;
    letter-spacing: 0.05em;
    color: #4171CC;
}
.contact-content h5.margin-top-smaller {
    margin-top: 1.6em;
}
.contact-content p,
.contact-coordinator-col-data p {
    position: relative;
    margin: 0.75em 0 0 0;
    padding-left: 2.75em;
}
.contact-content a {
    color: #000000;
    transition: color 0.2s ease-in-out;
}
.contact-content a:hover {
    color: rgb(var(--bs-link-hover-color-rgb));
}
.site-contact .contact-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
}
.site-contact .contact-icon.contact-icon-phone {
    transform: scale(0.9);
}
.site-contact .contact-icon.contact-icon-email {
    transform: translateY(0.2em);
}



.contact-coordinators-section {
    background-color: #4171CC;
}
.contact-coordinators-container {
    max-width: 2000px;
    padding: 0 90px;
}
.contact-coordinators-col-title {
    width: 15em;
}
.contact-coordinators-col-content {
    width: calc(100% - 15em);
}
.contact-coordinator-box + .contact-coordinator-box {
    border-top: solid 1px #ffffff;
}
.contact-coordinator-box:last-child {
    margin-bottom: -2rem;
}
.contact-coordinator-col-img img {
    display: block;
    width: 170px;
    border-radius: 50%;
}
.contact-coordinator-box a {
    color: #ffffff;
    transition: color 0.2s ease-in-out;
}
.contact-coordinator-box a:hover {
    color: #7ACB34;
}
.contact-coordinator-col-data {
    width: 19em;
}
.contact-coordinator-col-data,
.contact-coordinator-col-regions {
    padding-top: 0.55em;
}
.contact-coordinator-col-regions-inner {
    font-size: 0.7em;
    line-height: 1.55;
}
.contact-coordinator-col-regions-col {
    width: 12.5em;
}

@media (max-width: 1899px) {
    .contact-coordinator-col-data,
    .contact-coordinator-col-regions {
        padding-top: 0.85em;
    }
}

@media (max-width: 1599px) {
    .contact-coordinators-container {
        padding: 0 80px;
    }
    .contact-coordinator-col-img img {
        width: 8em;
    }
}

@media (max-width: 1399px) {
    .contact-coordinators-container {
        padding: 0 60px;
    }
    .contact-coordinators-col-title {
        width: 14em;
    }
    .contact-coordinators-col-content {
        width: calc(100% - 14em);
    }
}

@media (max-width: 1199px) {
    .contact-coordinators-container {
        padding: 0 50px;
    }
    .contact-coordinators-col-title,
    .contact-coordinators-col-content {
        width: 100%;
    }
}

@media (max-width: 1023px) {
    .contact-coordinators-container {
        padding: 0 40px;
    }
    .contact-coordinator-col-regions {
        margin-left: calc(8em + 1.5rem);
        margin-top: -0.5em;
        padding-bottom: 0.8em;
    }
}

@media (max-width: 767px) {
    .contact-coordinators-container {
        padding: 0 30px;
    }
}

@media (max-width: 575px) {
    .contact-coordinators-container h3 {
        text-align: center;
    }
    .contact-coordinator-box > .row {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .contact-coordinator-box + .contact-coordinator-box .contact-coordinator-col-img img {
        padding-top: 1em;
    }
    .contact-coordinator-col-data {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .contact-coordinator-col-regions-inner > p:first-child {
        padding: 1.25em 0 0.75em 0;
        text-align: center;
    }
    .contact-coordinator-col-regions {
        margin-left: 0;
        margin-top: 0;
    }
    .contact-coordinator-col-regions-col-single {
        text-align: center;
    }
}

@media (max-width: 420px) {
    .contact-coordinators-container {
        padding: 0 20px;
    }
}



.contact-form-section {
    background: linear-gradient(to bottom, #4171CC 0%, #4171CC 50%, #ffffff 50%, #ffffff 100%);
}
.contact-form-content {
    max-width: 1900px;
    margin: 0 auto;
    padding: 15% 90px 0 90px;
}
.contact-form-content .row {
    margin: -0.75em;
}
.contact-form-content .row > div {
    padding: 0.75em;
}

.contact-form .form-control {
    padding: 0.65em 1.15em;
    border: solid 1px #4171CC;
    border-radius: 0;
    font-size: 1em;
}
.contact-form .form-control + .form-control {
    margin-top: 1.5em;
}
.contact-message {
    height: 11.65em;
}
.contact-disclaimers-content {
    font-size: 0.525em;
    line-height: 1.3;
}

.contact-map iframe {
    width: 100%;
    max-height: 100vh;
}

.contact .footer-extra {
    top: 18vw;
    right: 12%;
    width: 32%;
}

@media (min-width: 1921px) {
    .contact-content {
        padding: calc(300px + 10vw - 192px) 90px 0 90px;
    }
}

@media (min-width: 992px) {
    .contact .footer-bg {
        margin-top: -12%;
    }
}

@media (max-width: 1899px) {
    .contact-map iframe {
        height: 42vw;
    }
}

@media (max-width: 1799px) {
    .contact-form textarea.form-control {
        height: 100%;
    }
}

@media (max-width: 1599px) {
    .contact-content {
        padding: 250px 80px 0 80px;
    }
    .contact-form-content {
        padding: 15% 80px 0 80px;
    }
}

@media (max-width: 1399.97px) {
    .contact-content {
        padding: 220px 60px 0 60px;
    }
    .contact-form-content {
        padding: 15% 60px 0 60px;
    }
}

@media (max-width: 1199.97px) {
    .contact-top {
        background: linear-gradient(180deg, rgba(206, 210, 212, 0) 42.07vw, #CFD3D5 60.61vw), linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    }
    .contact-content {
        padding: 230px 50px 0 50px;
    }
    .contact-form-content {
        padding: 15% 50px 0 50px;
    }
    .contact-content-inner {
        width: 100%;
    }
    .contact-content p {
        padding-left: 2.4em;
    }
    .contact-disclaimers {
        order: 1;
    }
}

@media (min-width: 768px) and (max-width: 1199.97px) {
    .contact-top-bg, .contact-top-line {
        width: 103%;
    }
    .contact-content h1 {
        padding-top: 0.25em;
        padding-bottom: 0.5em;
    }
}

@media (max-width: 991.97px) {
    .contact-form-section {
        background: linear-gradient(to bottom, #4171CC 0%, #4171CC 100px, #ffffff 100px, #ffffff 100%);
    }
    .contact-content {
        padding: 230px 40px 0 40px;
    }
    .contact-form-content {
        max-width: 800px;
        padding: 15% 40px 0 40px;
    }
    .contact-form textarea.form-control {
        height: 10em;
    }
}

@media (max-width: 767.97px) {
    .contact-content {
        padding: 180px 30px 0 30px;
    }
    .contact h2.h1 {
        padding-top: 0.25em;
        font-size: 3.65em;
    }
    .contact-content h5 {
        padding-top: 0.25em;
        margin-top: 1.5em;
    }
    .contact-content p {
        margin: 0.65em 0 0 0;
    }
    .contact-content p+p {
        margin: 0.5em 0 0 0;
    }

    .contact-form-content {
        padding: 15% 30px 0 30px;
    }
    .contact-form-content .row {
        margin: -0.5em;
    }
    .contact-form-content .row > div {
        padding: 0.5em;
    }
    .contact-form .form-control + .form-control {
        margin-top: 1em;
    }

    .contact-map iframe {
        height: 70vw;
    }
}

@media (min-width: 576px) and (max-width: 767.97px) {
    .contact-top-bg, .contact-top-line {
        left: -17%;
        width: 120%;
    }
}

@media (max-width: 575.97px) {
    .contact-top-bg {
        position: relative;
        left: auto;
        width: 201%;
        margin-left: -101%;
        padding-top: calc(12.5vw + 2em);
    }
    .contact-top-line {
        top: -9vw;
        left: 14%;
        width: 200%;
    }
    .contact-content {
        position: static;
        padding: 0 30px;
        margin-top: -35%;
    }
    .contact h1 {
        position: absolute;
        top: calc(18vw - 0.1em);
    }
    .contact h1 + .row {
        position: relative;
    }
    .contact h1 + .row > div:nth-child(even) {
        order: 1;
    }
    .contact-content h5 {
        padding-top: 0;
        margin-top: 1.25em;
    }

    .contact h2.h1 {
        font-size: 3.4em;
    }

    .contact-map iframe {
        height: 85vw;
    }
}

@media (max-width: 420px) {
    .contact-top-bg {
        padding-top: calc(15vw + 2em);
    }
    .contact-content {
        padding: 0 20px;
    }
    .contact h1 {
        top: calc(11vw + 0.3em);
    }

    .contact-form-content {
        padding: 15% 20px 0 20px;
    }
}


/* Contact form - fix after Contatc Form 7 plugin */
#wpcf7-f9-o1 .wpcf7-form-control-wrap ~ .wpcf7-form-control-wrap {
    padding-top: 1.85em;
}
#wpcf7-f9-o1 .form-control {
    padding: 0.75em 1em;
    font-size: 0.875em;
}
#wpcf7-f9-o1 p {
    margin-bottom: 0;
}
#wpcf7-f9-o1 p br {
    display: none;
}
#wpcf7-f9-o1 .wpcf7-form-control-wrap {
    display: block;
}
#wpcf7-f9-o1 .wpcf7-not-valid-tip {
    padding-top: 0.2em;
    font-size: 0.7em;
}

.wpcf7#wpcf7-f9-o1 form .wpcf7-response-output {
    margin: 0;
    padding: 1.25em 0 0.75em 0;
    border: none !important;
    color: #4171CC;
    font-size: 0.875em;
    text-align: center;
}
.wpcf7#wpcf7-f9-o1 form.sent .wpcf7-response-output {
    color: #6AB524;
}
.wpcf7#wpcf7-f9-o1 form.invalid .wpcf7-response-output, 
.wpcf7#wpcf7-f9-o1 form.unaccepted .wpcf7-response-output, 
.wpcf7#wpcf7-f9-o1 form.payment-required .wpcf7-response-output,
.wpcf7#wpcf7-f9-o1 form.failed .wpcf7-response-output,
.wpcf7#wpcf7-f9-o1 form.aborted .wpcf7-response-output {
	color: #E00000;
}

@media (max-width: 991.97px) {
    #wpcf7-f9-o1 .wpcf7-form-control-wrap ~ .wpcf7-form-control-wrap {
        padding-top: 1.5em;
    }
}

@media (max-width: 767.97px) {
    #wpcf7-f9-o1 .wpcf7-form-control-wrap ~ .wpcf7-form-control-wrap {
        padding-top: 1em;
    }
    #wpcf7-f9-o1 textarea.form-control {
        height: 7.75em;
    }
}


/* Aktualności */
.news-top {
    padding-bottom: 54.323%;
}
.news-top-bg {
    width: 100%;
}
.news-top-line {
    top: 1em;
    left: 0;
    width: 100%;
}
.news-top-content {
    position: absolute;
    top: 44%;
    left: 80px;
    width: 25.5em;
    transform: translateY(-50%);
    z-index: 1;
}
.news-top-content h1 {
    margin: 0 auto 0.1em auto;
    text-align: center;
}
.news-top-content .news-top-logo {
    width: 13.25em;
    transform: translateX(2.25em);
}

.news-top-milk {
    width: 100%;
    top: 0;
    left: 0;
}

.news-list-content {
    padding-top: 4vw;
}
.news-tile {
    background: linear-gradient(262.65deg, #084BCC 6.98%, #4171CC 71.71%), #D9D9D9;
}
.news-tile-inner {
    max-width: 900px;
    margin: 0 auto;
    padding: 80px;
}
.news-tile-title {
    margin: 1em 0 0 0;
    font-size: 1.5em;
    line-height: 1.25;
}
.news-tile-lead {
    margin: 1.5em 0 0 0;
}
.news-tile-inner .btn {
    width: 17em;
    margin-top: 2.25em;
}

.news-description-container {
    max-width: 1880px;
    padding-left: 80px;
    padding-right: 80px;
}
.news-description-top {
    max-width: 940px;
}
.news-description-top h2 {
    font-size: 1.5em;
    line-height: 1.25;
    font-weight: 600;
}

.news-hide .swiper-button-prev.button-up {
    position: static;
}
.news-hide a + a {
    font-size: 1.25em;
    color: #000000;
    transition: color 0.2s ease-in-out;
}
.news-hide a + a:hover {
    color: #7ACB34;
}

.news-description-label {
    transform: translateY(-100px);
}

.news-pagination .btn {
    min-width: 1.85em;
    padding: 0.15em 0.15em 0.05em 0.15em;
    border: solid 2px #7ACB34;
    border-radius: 1em;
    text-align: center;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.news-pagination .btn:hover {
    border-color: #6AB524;
}
.news-pagination .btn.btn-green.btn-green-reverted {
    background-color: #ffffff;
    color: #7ACB34;
    cursor: default;
}

@media (min-width: 1200px) {
    .news-top-content h1 {
        font-size: 6em;
    }
}

@media (min-width: 992px) {
    .aktualnosci .footer-bg {
        margin-top: -10%;
    }
    .news.has-paging .footer-bg {
        margin-top: -10%;
    }
}

@media (min-width: 1400px) and (max-width: 1599px) {
    .news-description-container {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (max-width: 1399.97px) {
    .news-tile-inner {
        padding: 60px;
    }
    .news-description-container {
        padding-left: 60px;
        padding-right: 60px;
    }
}

@media (max-width: 1199.97px) {
    .news-top-content {
        width: 20em;
    }
    .news-description-container {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media (max-width: 991.97px) {
    .col-news-thumb {
        order: 1;
    }
    .news-tile-inner {
        max-width: 680px;
        padding: 3rem 40px 3rem 40px;
    }
    .col-news-content1 {
        margin-top: 0;
    }
}

@media (min-width: 768px) and (max-width: 991.97px) {
    .news-top, .news-top-milk {
        width: 108%;
    }
    .news-top {
        padding-bottom: 58.67%;
    }
    .news-top-content {
        top: 48%;
        width: 18em;
        transform: translate(-5%, -50%);
    }
    .news-top-content .news-top-logo {
        width: 12em;
    }
}

@media (max-width: 767.97px) {
    .news-top {
        padding-bottom: calc(97% + 8em);
    }
    .news-top-mobile-bg {
        bottom: 0;
    }
    .news-top-content {
        position: static;
        width: auto;
    }
    .news-top-content h1 {
        position: absolute;
        top: 1.5em;
        left: 50%;
        width: 5em;
        transform: translate(-58%, -50%);
    }
    .news-top-content .news-top-logo {
        position: absolute;
        top: calc(52vw + 8em);
        left: 50%;
        width: 35%;
        transform: translate(-50%, -50%);
    }
    .news-top-content .news-top-logo img {
        width: 100%;
    }

    .news-tile-inner {
        padding: 3rem 30px 3rem 30px;
    }
    .news-description-container {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 575.97px) {
    .news-top {
        padding-bottom: calc(97% + 8.75em);
    }
    .news-top-content .news-top-logo {
        top: calc(52vw + 8.5em);
    }
    .news-top-mobile-bg {
        left: -4%;
        width: 111%;
    }
    .news-top-content h1 {
        top: 1.33em;
    }
    .news-top-content .news-top-logo {
        top: calc(52vw + 8em);
        left: 51.5%;
        width: 40%;
    }

    .news-tile-inner {
        padding: 2.25rem 20px 2.25rem 20px;
    }
    .news-description-container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .news-tile-inner .btn {
        margin-top: 1.75em;
    }
    .news-hide a + a {
        display: inline-block;
        font-size: 1em;
        transform: translateY(-0.5rem) !important;
    }
    .news-photos-row {
        margin-top: 0;
    }
}



/* Dla zdrowia */
.dla-zdrowia .btn {
    padding: 0.5em 3em;
}
.btn.health-article-btn:not(.collapsed) {
    display: none !important;
}
.btn.health-article-btn:not(.btn-green-reverted) {
    width: 15em;
    padding: 0.5em 1em;
    text-align: center;
}
.health-top-bg {
    width: 100%;
}
.health-top-content {
    top: 28%;
    left: 18.75%;
    transform: translate(-50%, -50%);
}
.health-top-content h1 {
    max-width: 5em;
    font-size: 3.75em;
    line-height: 1.1;
}
.health-top-content h1 .h1-bigger {
    font-size: 1.75em;
}
.health-top-milk {
    top: 0;
    width: 100%;
}
.health-container {
    padding: 0 80px;
}
.health-container-01 {
    background: radial-gradient(79.38% 41% at 73.86% 41%, #FFFFFF 0%, rgba(217, 217, 217, 0) 100%);
    background-blend-mode: screen;
}
.health-container-inner {
    max-width: 1700px;
}
.health-container-02 {
    position: relative;
}
.health-diet h3 {
    margin-right: -1em;
}
.health-ekg {
    margin-right: -80px;
}

.health-form {
    background: linear-gradient(183.81deg, #E9F1FE 67.69%, rgba(233, 242, 254, 0) 96.4%), linear-gradient(to top, rgba(233, 242, 254, 0) 0%, rgba(233, 242, 254, 0) 14rem, #f0f5fe 14rem, rgba(233, 242, 254, 0) 23rem);
}
.health-form-jogging {
    position: absolute;
    width: 55%;
    max-width: 1124px;
}
.health-form-radial-gradient {
    top: 33vw;
    left: 0;
    width: 200%;
    height: 30vw;
    background: radial-gradient(56.65% 56.65% at 50.75% 43.35%, #FFFFFF 26.14%, rgba(255, 255, 255, 0) 72.78%);
}
.health-form-line {
    top: calc(40.5vw - 6rem);
    left: 0;
    width: 100%;
    transform: translateY(-50%);
}
.health-form-products {
    position: absolute;
    top: calc(53.25vw - 6rem);
    right: 30%;
    width: 35%;
    max-width: 700px;
    transform: translate(50%, -50%);
}
.health-form-intro {
    height: calc(34vw - 6rem);
    max-height: 560px;
}
.health-form-logo + p {
    font-size: 2em;
    line-height: 1.35;
    color: #084BCC;
}

.health-article-scroll a:first-child {
    color: #000000;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    transition: color 0.25s ease-in-out;
}
.health-article-scroll a:first-child:hover {
    color: #7ACB34;
}
.health-article-scroll .swiper-button-prev.button-up {
    position: static;
    transform: translateY(0.45em) rotate(90deg);
    transition: background-color 0.25s ease-in-out !important;
}

.health-article-label {
    transform: translateY(-80px);
}
.health-article-label.health-article-label-higher {
    transform: translateY(-200px);
}

@media (min-width: 1860px) {
    .health-ekg {
        margin-right: calc(0.5rem + 850px - 50vw - 15px);
    }
}

@media (max-width: 1599px) {
    .health-diet h3 {
        margin-right: 0;
    }
    .health-ekg {
        padding-top: 1.75em;
        margin-left: -2rem;
    }
}

@media (min-width: 1600px) and (max-width: 1799px) {
    .health-diet-btn {
        margin-top: -3rem;
        transform: translateY(1rem);
    }
    .health-container {
        margin-top: -2rem;
    }
    .health-form-intro h2 {
        margin-top: -1.5rem;
        white-space: nowrap;
        transform: translateY(1rem);
    }
}

@media (min-width: 1400px) and (max-width: 1599.97px) {
    .health-diet-btn {
        margin-top: -4rem;
        transform: translateY(1rem);
    }
    .health-container {
        margin-top: -2rem;
    }
    .health-form-intro h2 {
        margin-top: -2.5rem;
        white-space: nowrap;
        transform: translateY(1rem);
    }
    .health-form-logo {
        max-width: 200px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.97px) {
    .health-container {
        padding: 0 60px;
    }
    .health-ekg {
        margin-right: -60px;
    }

    .health-diet-btn {
        margin-top: -4rem;
    }
    .health-container {
        margin-top: -1rem;
    }
    .health-form {
        background: linear-gradient(183.81deg, #E9F1FE 67.69%, rgba(233, 242, 254, 0) 96.4%), linear-gradient(to top, rgba(233, 242, 254, 0) 0%, rgba(233, 242, 254, 0) 12rem, #f0f5fe 12rem, rgba(233, 242, 254, 0) 20rem);
    }
    .health-form-intro h2 {
        margin-top: -2.5rem;
        white-space: nowrap;
        transform: translateY(1rem);
    }
    .health-form-logo {
        max-width: 180px;
    }
    .health-form-logo + p {
        font-size: 1.75em;
    }
}

@media (min-width: 992px) and (max-width: 1199.97px) {
    .health-top-bg {
        width: 106%;
    }
    .health-top-content {
        left: 21%;
    }
    .health-top-content h1 {
        font-size: 3.25em;
    }
    .health-container {
        padding: 0 50px;
    }
    .health-form {
        background: linear-gradient(183.81deg, #E9F1FE 67.69%, rgba(233, 242, 254, 0) 96.4%), linear-gradient(to top, rgba(233, 242, 254, 0) 0%, rgba(233, 242, 254, 0) 7rem, #f0f5fe 12em, rgba(233, 242, 254, 0) 22rem);
    }
    .health-form-jogging {
        max-width: 500px;
    }
    .health-form-intro {
        height: calc(40vw - 4rem);
        max-height: 350px;
    }
    .health-form-intro h2 {
        margin-top: -1.5rem;
        white-space: nowrap;
        transform: translateY(0.5rem);
    }
    .health-form-radial-gradient {
        top: calc(0.5vw + 18rem);
    }
    .health-form-line {
        top: calc(10.5vw + 18rem);
    }
    .health-form-products {
        top: calc(20.25vw + 18rem);
    }
    .health-form-logo {
        max-width: 160px;
    }
    .health-form-logo + p {
        font-size: 1.5em;
    }
}

@media (max-width: 991.97px) {
    .health-top-content {
        top: 24.5%;
        left: 31.5%;
    }
    .health-top-milk {
        left: -6%;
        width: 154%;
    }
    .health-top-mobile-circles {
        width: 80%;
        max-width: 500px;
        margin-bottom: -26.5vw;
        transform: translateY(-26.5vw);
    }
    .health-container {
        padding: 0 40px;
    }
    .health-ekg {
        margin-right: -30px;
        margin-left: -25px;
    }
    .health-container-01 h2 {
        padding: 0.9em 0 0.25em 0;
    }
    .col-health-ekg {
        order: 1;
    }
    .health-form {
        background: linear-gradient(183.81deg, #E9F1FE 67.69%, rgba(233, 242, 254, 0) 96.4%), linear-gradient(to top, rgba(233, 242, 254, 0) 0%, rgba(233, 242, 254, 0) 7rem, #f0f5fe 10em, rgba(233, 242, 254, 0) 22rem);
    }
    .health-form-jogging {
        position: static;
    }
    .health-form-intro {
        height: auto;
        max-height: none;
    }
    .health-form-line-and-products {
        position: relative;
        margin: 0 -40px;
    }
    .health-form-line {
        top: 40%;
        left: 0;
        width: 150%;
        transform: translateY(-50%);
    }
    .health-form-products {
        position: relative;
        top: auto;
        right: auto;
        width: 60%;
        max-width: 450px;
        padding-right: 8%;
        margin-left: auto;
        transform: none;
    }
    .health-form-logo {
        max-width: 160px;
        margin-top: -210px;
        transform: translateX(calc(15vw - 50%));
    }
    .health-form-logo + p {
        font-size: 1.5em;
    }
}

@media (min-width: 576px) and (max-width: 991.97px) {
    .health-container-02 {
        position: static;
    }
    .health-container-02 h2 {
        position: absolute;
        top: 16vw;
        left: auto;
        max-width: 5em;
        transform: translate(-50%, -50%);
    }
}

@media (max-width: 767.97px) {
    .health-top-content {
        top: 25%;
        left: 37%;
    }
    .health-top-content h1 .h1-bigger {
        font-size: 1.45em;
    }
    .health-container {
        padding: 0 30px;
    }
    .health-ekg {
        margin-right: -30px;
        margin-left: -25px;
    }
    .health-form-line-and-products {
        margin: 0 -30px;
    }
    .health-form-logo {
        max-width: 140px;
        margin-top: -190px;
        transform: translateX(calc(15vw - 50%));
    }
    .health-form-logo + p {
        font-size: 1.35em;
    }
}

@media (max-width: 575.97px) {
    .health-top-content h1 .h1-bigger {
        font-size: 1.35em;
    }
    .health-top-mobile-circles {
        width: 90%;
    }
    .health-container {
        padding: 0 20px;
    }
    .health-ekg {
        margin-right: -20px;
        margin-left: -15px;
    }
    .health-form-jogging {
        width: 100%;
        max-width: 350px;
    }
    .health-form-radial-gradient {
        top: 200px;
        left: -150%;
        width: 400%;
        height: 250px;
    }
    .health-form-line-and-products {
        margin: 0 -20px;
    }

    .health-form-line {
        top: 55%;
        left: 0;
        width: 200%;
        transform: translateY(-50%);
    }
    .health-form-products {
        width: 80%;
        max-width: 400px;
        padding-right: 0;
        margin-right: auto;
    }
    .health-form-logo {
        max-width: 100px;
        margin-top: 0;
        transform: none;
    }
    .health-form-logo + p {
        font-size: 1.25em;
    }
}

@media (max-width: 420px) {
    .health-top-content {
        top: 26%;
        left: 39%;
    }
    .health-top-content h1 {
        max-width: 6em;
        font-size: 3.15em;
    }
    .health-top-bg {
        width: 118%;
    }
    .health-ekg {
        margin-left: calc(-3% - 15px);
        margin-right: calc(-8.75% - 20px);
    }
}

@media (max-width: 359px) {
    .health-form-radial-gradient {
        top: 55vw;
        height: 60vw;
    }
}

@media (min-width: 1921px) {
    .health-form-radial-gradient {
        top: 630px;
    }
    .health-form-line {
        top: 635px;
    }
    .health-form-products {
        top: 935px;
    }
}

@media (min-width: 1400px) and (max-width: 1599px) {
    .health-form-btn a {
        transform: translateY(calc(0.175 * (100vw - 1600px)));
    }
}

.health-care-tile {
    height: 100%;
    padding: 2.25em 2.5em 2em 2.5em;
}
.health-care-tile::before, .health-care-tile::after {
    position: absolute;
    border: solid 3px #4171CC;
    z-index: 0;
    content: '';
}
.health-care-tile::before {
    top: 0;
    bottom: 0;
    left: 4.25em;
    right: 0;
    border-radius: 0 1em 1em 0;
    border-left-style: none;
}
.health-care-tile::after {
    top: 5em;
    bottom: 0;
    left: 0;
    width: 4.75em;
    border-radius: 0 0 0 1em;
    border-top-style: none;
    border-right-style: none;
}

.health-care-tile img {
    top: 2.5em;
    left: 2em;
    width: 80px;
    transform: translate(-50%, -50%);
}
.health-care-tile h5 {
    margin: 0 0 1em 2em;
    font-size: 1.33em;
    font-weight: 700;
    color: #4171CC;
}
.health-care-tile h5.header-smaller-margin {
    margin-bottom: 0.4em;
}

.health-article-simple-02 h3 {
    padding-top: 1.5em;
}

.health-nature {
    padding-top: 6vw;
}
.health-container-bg-green {
    background-color: #82CC42;
    background-image: linear-gradient(to top, #ffffff 0%, rgba(255,255,255,0) 350px), linear-gradient(253.38deg, #B2FF70 30%, #529C12 65%);
}
.health-nature-milk {
    width: 100%;
    top: -16rem;
}
.health-nature-intro {
    width: 50%;
    padding-top: 13rem;
    padding-left: 7rem;
}
.health-nature-girl {
    margin-top: -4rem;
    width: 43.5%;
}
.health-nature-girl-inner {
    max-width: 820px;
    margin-right: -2rem;
}
.health-nature-product-img {
    width: 45%;
}
.health-nature-product-img-inner {
    margin: 0 -1.5rem 0 -4rem;
}
.health-nature-product-txt {
    width: 55%;
}
.health-nature-product-motto {
    margin: 1.75rem -1.5rem 0 0;
    padding: 1.5rem 2rem 1.5rem 4rem;
}
.health-nature-product-motto::before, .health-nature-product-motto::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0 0.75em 0.75em 0;
    border-left: none;
    content: '';
}
.health-nature-product-motto::before {
    border-top: solid 3px #B2FF70;
    border-right: solid 3px #B2FF70;
    border-bottom: solid 3px #B2FF70;
}
.health-nature-product-motto p {
    font-size: 2em;
    line-height: 1.25;
}
.health-nature-product-motto .btn.btn-green.btn-green.btn-green-reverted {
    position: absolute;
    display: block;
    bottom: -2.5rem;
    left: 4rem;
    right: 0;
    text-align: center;
    background-color: #ffffff;
    color: #7ACB34;
    transform: translateY(100%);
    transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, box-shadow .25s ease-in-out;
}
.health-nature-product-motto .btn.btn-green.btn-green.btn-green-reverted:hover {
    color: #6AB524;
    box-shadow: 0 0 3px 4px rgba(255, 255, 255, .35);
}

.health-nature-bottom {
    height: 18vw;
    max-height: 300px;
    margin-bottom: 13vw;
}
.health-nature-loupe {
    position: absolute;
    top: -1.5vw;
    left: 45%;
    width: 54%;
    max-width: 945px;
    transform: translateX(-27%);
}
.health-nature-circle {
    top: -3vw;
    left: 68%;
    width: 22%;
    max-width: 383px;
    transform: translateX(-27%);
}

@media (min-width: 1921px) {
    .health-nature-bottom {
        margin-bottom: 250px;
    }
}

@media (max-width: 1799.97px) {
    .health-nature {
        padding-top: 7.5vw;
    }
    .health-nature-intro {
        padding-top: 7vw;
    }
    [data-bs-target="#article-02"] {
        transform: translateY(-1rem);
    }
    .health-nature-product-row {
        margin-top: -3rem;
    }
    .health-nature-product-motto {
        margin: 1.5rem -2.5rem 0 0;
        padding: 1.25rem 2rem 1.25rem 3rem;
    }
    .health-nature-product-txt {
        max-width: 17em;
    }
}

@media (max-width: 1599.97px) {
    .health-nature-milk {
        top: -15rem;
    }
    [data-bs-target="#article-02"] {
        transform: translateY(-2.5rem);
    }
    .health-nature-product-motto {
        padding: 1.5rem 1.5rem 1.5rem 4rem;
    }
    .health-nature-product-motto p {
        font-size: 1.8em;
    }
    .health-nature-product-motto .btn.btn-green.btn-green.btn-green-reverted {
        bottom: -2rem;
    }
}

@media (max-width: 1399.97px) {
    .health-nature-milk {
        top: -12rem;
    }
    [data-bs-target="#article-02"] {
        transform: translateY(-1.25rem);
    }
    .health-nature-product-row {
        margin-top: 0;
    }
    .health-nature-product-img-inner {
        margin: 0 -1.5rem 0 -3rem;
        padding-bottom: 1rem;
    }
    .health-nature-product-motto {
        margin: 1.25rem -2.5rem 0 0;
        padding: 1.25rem 1.75rem 1.25rem 3rem;
    }
    .health-nature-product-motto .btn.btn-green.btn-green.btn-green-reverted {
        left: 2.75em;
    }
}

@media (max-width: 1199.97px) {
    .health-nature {
        padding-top: 0;
    }
    .health-nature-milk {
        top: -10.5rem;
    }
    [data-bs-target="#article-02"] {
        transform: none;
    }
    .health-form {
        padding-bottom: 3em;
    }
    .health-nature-girl {
        margin-top: -2rem;
        width: 43.5%;
    }
    .health-nature-intro {
        padding-top: 12vw;
        padding-left: 0;
    }

    .health-nature-product-row {
        margin-top: 0;
        margin-left: 0.5rem;
        margin-right: -3.5rem;
    }
    .health-nature-product-img-inner {
        margin: 0 -1.5rem 0 -3rem;
        padding-bottom: 1rem;
    }
    .health-nature-product-motto {
        margin: 1.25rem -1.5rem 0 0;
        padding: 1.25rem 1.5rem 1.25rem 3rem;
    }
    .health-nature-product-motto p {
        font-size: 1.65em;
    }
    .health-nature-product-motto .btn.btn-green.btn-green.btn-green-reverted {
        bottom: -1.5rem;
        left: 3rem;
    }
}

@media (max-width: 991.97px) {
    .health-nature-milk {
        width: 960px;
        top: -10.5rem;
    }
    .health-nature-intro {
        width: 100%;
        padding-top: 3em;
    }
    .health-nature-girl {
        margin-top: -1rem;
        width: 80%;
        max-width: 450px;
    }
    .health-nature-product-row-outer {
        max-width: 520px;
    }
    .health-nature-product-row {
        margin-top: 0.5em;
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 767.97px) {
    .health-nature-milk {
        width: 960px;
        margin-left: calc(40% - 384px);
    }
    .health-care-tile {
        max-width: 500px;
        margin: 0 auto;
    }
}

@media (max-width: 575.97px) {
    .health-care-tile img {
        top: calc(2.5em - 15px);
        left: calc(2em - 15px);
        width: 50px;
    }
    .health-care-tile::before {
        left: 3em;
    }
    .health-care-tile::after {
        top: 3.75em;
        width: 3.5em;
    }
    .health-care-tile {
        padding: 1.75em 2em 1.5em 2em;
    }
    .health-care-tile h5 {
        margin: 0 0 0.75em 2em;
        font-size: 1.25em;
    }
}

@media (max-width: 420px) {
    .health-care-tile {
        padding: 1.5em 1.5em 1.25em 1.5em;
    }
}



.health-articles-line {
    padding-left: 80px;
    z-index: 0;
}
.health-articles {
    padding: 0 80px;
}
.health-articles-inner {
    max-width: 1640px;
    padding: 60px 0 80px 0;
    background: url('../img/health-articles-line-vertical.png') 0 0 repeat-y;
}
.health-articles-item {
    position: relative;
    padding: 0 80px 80px 80px;
}
.health-articles-item-toggle.swiper-button-prev.button-down {
    position: absolute;
    top: 0.4em;
    left: calc(4px - 1.375em);
    border: none;
    background-color: #4171CC;
}
.health-articles-item-toggle.swiper-button-prev.button-down:hover {
    background-color: #074BCC;
}
.health-articles-item-toggle.swiper-button-prev.button-down[aria-expanded="true"] {
    transform: rotate(90deg);
}
.health-articles-item h5 {
    margin: 0 0 1em 0;
    font-size: 1.5em;
    line-height: 1;
    cursor: pointer;
    transition: color 0.25s ease-in-out;
}
.health-articles-item h5:hover {
    color: #074BCC;
}

@media (min-width: 1921px) {
    .health-form {
        background: linear-gradient(183.81deg, #E9F1FE 67.69%, rgba(233, 242, 254, 0) 96.4%), linear-gradient(to top, rgba(233, 242, 254, 0) 0%, rgba(233, 242, 254, 0) calc(15rem + 20vw - 384px), #f0f5fe calc(15rem + 20vw - 384px), rgba(233, 242, 254, 0) calc(23rem + 20vw - 384px));
    }
    .health-nature-milk {
        top: calc(-10em + 384px - 20vw);
    }
}

@media (min-width: 1800px) {
    .health-nature-girl-inner {
        margin-right: calc(820px - 50vw + 3.25rem);
    }
    .health-nature-loupe {
        top: -60px;
    }
    .health-nature-circle {
        top: -90px;
    }
    .health-nature-product-img-inner {
        margin-left: -6rem;
    }
    .health-articles-line {
        padding-left: calc(50% - 820px + 0.2rem);
    }
    .health-articles-inner {
        padding: 70px 0 90px 0;
    }
}

@media (min-width: 1800px) and (max-width: 1899px) {
    .health-nature-product-img-inner {
        margin-left: -4rem;
    }
}

@media (max-width: 1699px) {
    .health-articles-inner {
        background-size: 7px 26px;
    }
}

@media (max-width: 1499px) {
    .health-articles-inner {
        background-size: 6px 22px;
    }
    .health-articles-item-toggle.swiper-button-prev.button-down {
        left: calc(3px - 1.375em);
    }
}

@media (max-width: 1399.97px) {
    .health-articles {
        padding: 0 60px;
    }
    .health-articles-line {
        padding-left: 60px;
    }
    .health-articles-item {
        padding: 0 60px 70px 60px;
    }
    .health-articles-item-toggle.swiper-button-prev.button-down {
        top: 0.5em;
    }
}

@media (max-width: 1199.97px) {
    .health-articles {
        padding: 0 40px;
    }
    .health-articles-line {
        padding-left: 40px;
    }
    .health-articles-item {
        padding: 0 0 60px 50px;
    }
}

@media (min-width: 992px) and (max-width: 1199.97px) {
    .health-nature-bottom {
        height: 14vw;
    }
    .health-articles-line {
        width: 130%;
    }
}

@media (max-width: 991.97px) {
    .health-nature-bottom {
        height: auto;
        max-height: none;
        width: 90%;
        max-width: 450px;
        margin: 0 auto;
    }
    .health-nature-loupe {
        position: static;
        width: 100%;
        transform: translateX(0%);
    }
    .health-nature-circle {
        top: -3vw;
        left: 70%;
        width: 44%;
        transform: translateX(-27%);
    }
    .health-articles {
        padding: 0 30px;
    }
    .health-articles-inner {
        padding-bottom: 0;
        background-image: none;
    }
    .health-articles-line {
        width: 150%;
        margin-left: -25%;
        padding-left: 0;
    }
    .health-articles-item-toggle.swiper-button-prev.button-down {
        left: -15px;
    }
    .health-nature-product-row-outer {
        max-width: 465px;
    }
}

@media (max-width: 767.97px) {
    .health-articles-item-toggle.swiper-button-prev.button-down {
        top: 0.8em;
    }
    .health-articles-item {
        padding: 0 0 60px 40px;
    }
}

@media (max-width: 575.97px) {
    .health-nature-girl {
        margin-top: -1.5rem;
        width: 90%;
    }
    .health-nature-product-img-inner {
        margin: 0;
        padding-bottom: 0;
    }
    .health-nature-product-img {
        width: 60%;
        transform: translateX(-5%);
    }
    .health-nature-product-txt {
        width: 100%;
        max-width: 20em;
    }
    .health-nature-product-motto {
        margin: -2em 0 7rem 0;
        padding: 2.25rem 2rem 2rem 2rem;
        border-radius: 0.75em;
        border-bottom: solid 3px #B2FF70;
    }
    .health-nature-product-motto::before, .health-nature-product-motto::after {
        width: 22.5%;
        border-bottom: none;
        border-top: solid 3px #B2FF70;
    }
    .health-nature-product-motto::before {
        border-radius: 0.75em 0 0 0.75em;
        border-left: solid 3px #B2FF70;
        border-right: none;
    }
    .health-nature-product-motto::after {
        left: auto;
        right: 0;
        border-radius: 0 0.75em 0.75em 0;
        border-right: solid 3px #B2FF70;
    }
    .health-nature-product-motto .btn.btn-green.btn-green.btn-green-reverted {
        display: inline-block;
        bottom: -2rem;
        left: 0;
        right: 0;
        max-width: 14em;
    }
    .health-nature-bottom {
        width: 100%;
        max-width: 500px;
        padding-top: 20%;
    }
    .health-nature-loupe {
        width: 125%;
        padding-left: 1%;
    }
    .health-nature-circle {
        top: 0;
        left: 50%;
        width: 55%;
        transform: none;
    }

    .health-articles {
        padding: 0 20px;
    }
    .health-articles-line {
        width: 180%;
        margin-left: -40%;
        margin-top: -6%;
        z-index: 1;
    }
    .health-articles-item {
        padding: 0 0 50px 0;
    }
    .health-articles-item-toggle.swiper-button-prev.button-down {
        left: 0;
    }
    .health-articles-item h5 {
        padding: 0.075em 0 0 2.25em;
        margin: 0 0 0.75em 0;
        font-size: 1.33em;
    }
}

@media (max-width: 420px) {
    .health-nature-product-motto {
        padding: 2.25rem 1.25rem 1.5rem 1.25rem;
    }
    .health-nature-product-motto p {
        font-size: 1.5em;
    }
}

@media (min-width: 992px) {
    .dla-zdrowia .footer-bg {
        margin-top: -20.5%;
    }
}



.dla-zdrowia .footer-extra {
    max-width: 28em;
}
.dla-zdrowia .footer-extra-header {
    font-size: 4em;
    line-height: 1.05;
}
.dla-zdrowia .footer-extra-header-bigger {
    font-size: 1.5em;
    line-height: 0.75;
}




/* Produkty */
.products-top {
    background: linear-gradient(262.65deg, #084BCC 6.98%, #4171CC 71.71%), #4171CC;
}
.products-top-bg {
    width: 100%;
}
.products-top-bg-milk {
    top: 0;
    left: 0;
    height: 108%;
    background: url('../img/products-top-milk-black.webp') no-repeat center;
    background-size: cover;
    mix-blend-mode: screen;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    transform: translateY(-3.75%);
}
.products-top-banner-content {
    position: absolute;
    bottom: 12.75%;
    left: 0;
    width: 26%;
    padding-left: 50px;
}
.products-top .h1 {
    margin-bottom: 0.1em;
    line-height: 1.2;
}
.products-top .h1-bigger {
    font-size: 1.35em;
    line-height: 1;
}
.products-top .h1 + a {
    position: static;
    margin-left: 3.5em;
    transform: rotate(-90deg) translateX(-50%);
}

.product-categories {
    max-width: 1860px;
    padding: 3rem 80px 15vw 80px;
}
.product-cat {
    position: relative;
    width: 100%;
    padding: 0.6em 0.25em;
    border-radius: 0.85em;
    border: 3px solid #FFFFFF;
    color: #ffffff;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1;
}
.product-cat.product-cat-new {
    color: #FFEE00;
}
.product-cat.product-cat-light {
    color: #70EEFF;
}
.product-cat.product-cat-lactose-free {
    color: #FF60E0;
}
.product-cat.product-cat-with-icon {
    position: relative;
    padding: calc(0.6em + 3px) 0.25em;
    border-radius: 0.45em 0.85em 0.85em 0.85em;
    border: none;
}
.product-cat.product-cat-with-icon::before, .product-cat.product-cat-with-icon::after {
    position: absolute;
    content: '';
}
.product-cat.product-cat-with-icon::before {
    top: 0;
    bottom: 0;
    left: 1.4em;
    right: 0;
    border-radius: 0 0.85em 0.85em 0;
    border: 3px solid #FFFFFF;
    border-left: none;
}
.product-cat.product-cat-with-icon::after {
    top: 1.4em;
    bottom: 0;
    left: 0;
    right: 1.4em;
    border-radius: 0 0 0 0.85em;
    border-left: 3px solid #FFFFFF;
    border-bottom: 3px solid #FFFFFF;
}
.product-cat-icon {
    position: absolute;
    top: -0.15em;
    left: -0.15em;
    width: 1.5em;
    height: 1.5em;
}
.product-cat.product-cat-link {
    transition: background-color 0.25s ease-in-out;
}
.product-cat-link:hover {
    background-color: #6DA0FF;
}
.product-cat-active {
    background-color: #6DA0FF;
    cursor: default;
}
.product-cat > * {
    position: relative;
    z-index: 1;
}

.products-list-milk {
    top: -10vw;
    width: 100%;
}
.products-list-milk .position-relative::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(to top, #FFFFFF, rgba(255,255,255,0));
    content: '';
}
.products-list-container {
    max-width: 1800px;
    padding: 0 80px 5vw 80px;
}
.products-list-top-scroll a:first-child {
    color: #000000;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    transition: color 0.25s ease-in-out;
}
.products-list-top-scroll a:first-child:hover {
    color: #7ACB34;
}
.products-list-top-scroll .swiper-button-prev.button-up {
    position: static;
    transform: translateY(0.45em) rotate(90deg);
    transition: background-color 0.25s ease-in-out !important;
}
.products-list h1 {
    margin-bottom: 0.75em;
}

.products-item + .products-item {
    padding-top: 100px;
}
.products-item h4 {
    margin: 0 0 1em 0;
    font-size: 1.5em;
    font-weight: 700;
    color: #4171CC;
}
.products-item table {
    font-size: 14px;
    line-height: 1.3;
    font-weight: 500;
}
.products-item table .h4 {
    margin-bottom: 0.9em;
    font-size: 1.3em;
    line-height: 1.3;
    font-weight: 600;
}

.products-item .disclaimer {
    font-weight: 500;
    font-size: 12px;
    line-height: 1.5;
    color: #838383;
}
.products-item-col-1 > img {
    max-width: 100%;
}
.products-item-col-1 table {
    max-width: 27em;
}
.products-item-col-1 table + .disclaimer {
    max-width: 26em;
}
.products-item-features {
    color: #084BCC;
    font-weight: 500;
}
.products-item-col-3 .products-item-features {
    max-width: 19em;
    padding-left: 1.25em;
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
}
.row.products-item-feature {
    flex-wrap: nowrap;
}
.products-item-feature-icon img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.products-item-col-1 .products-item-feature {
    padding: 0.75em 0.25em 0.75em 0.5em;
}
.products-item-col-1 .products-item-features {
    max-width: 16em;
}
.products-item-col-1 .products-item-feature-icon {
    width: 7.5em;
}
.products-item-col-1 .products-item-feature-txt {
    width: calc(100% - 7.5em);
    margin-left: 0.5em;
}
.products-item-col-2 .products-item-feature,
.products-item-col-3 .products-item-feature {
    padding: 1.25em 0.25em 1.25em 0.5em;
}
.products-item-col-2 .products-item-feature-icon,
.products-item-col-3 .products-item-feature-icon {
    width: 4em;
}
.products-item-col-2 .products-item-feature-txt,
.products-item-col-3 .products-item-feature-txt {
    width: calc(100% - 4em);
    min-height: 2em;
    margin-left: 0.875em;
}
.products-item-feature-txt p + p {
    margin-top: 0.85em;
}
.products-item-feature-icon .icon-light-bigger {
    transform-origin: top;
    transform: scale(1.25);
}
.products-item-feature-icon .icon-light-bigger.transform-origin-center {
    transform-origin: center;
}

.products-bottom-line {
    top: 4vw;
    left: 0;
    width: 100%;
}
body.produkty .footer-extra {
    top: 14vw;
}

#horeca .products-item-img {
    margin-top: -7.5vw;
}

@media (min-width: 992px) {
    .produkty .footer-bg {
        margin-top: -2%;
    }
}

@media (min-width: 1200px) {
    .products-item-col-1 {
        width: 32%;
    }
    .products-item-col-2 {
        width: 36%;
    }
    .products-item-col-2:last-child {
        width: 68%;
        max-width: 900px;
    }
    .products-item-col-3 {
        width: 32%;
    }
}

@media (min-width: 1921px) {
    .product-categories {
        max-width: 2100px;
        padding: 3rem 100px 15vw 100px;
    }
    .products-top-banner-content {
        padding-left: calc(40% - 650px);
    }
}

@media (min-width: 1800px) {
    .products-top-banner-content {
        padding-left: calc(40% - 650px);
    }

    #horeca .products-item-img {
        margin-top: -150px;
    }
}

@media (min-width: 1800px) and (max-width: 1899px) {
    .products-top-bg {
        width: 110%;
        margin-right: -10%;
    }
    .products-top-banner-content {
        padding-left: calc(50% - 750px);
    }
}

@media (min-width: 2100px) {
    .products-top-banner-content {
        left: -50px;
    }
}

@media (min-width: 1600px) and (max-width: 1799px) {
    .products-top-bg {
        width: 115%;
        margin-right: -15%;
    }
    .products-top-banner-content {
        padding-left: calc(25% - 280px);
    }
    .product-cat {
        width: calc(100% + 20px);
        margin: -3px -10px 0 -10px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.97px) {
    .products-top-bg {
        width: 115%;
        margin-right: -15%;
    }
    .products-top-banner-content {
        padding-left: calc(30% - 300px);
    }
    .product-cat {
        width: calc(100% + 20px);
        margin: -5px -10px 0 -10px;
        font-size: 1.35em;
    }
}

@media (min-width: 1200px) and (max-width: 1399.97px) {
    .products-list-container {
        padding: 0 60px 5vw 60px;
    }
    .products-top-bg {
        width: 115%;
        margin-right: -15%;
    }
    .products-top-banner-content {
        padding-left: calc(30% - 300px);
    }
    .product-categories {
        padding: 3rem 60px 14vw 60px;
    }
    .product-cat {
        font-size: 1.35em;
    }
    .products-list h1 {
        margin-bottom: 0.5em;
    }
    #horeca .products-item-img {
        margin-top: -6vw;
    }
}

@media (min-width: 992px) and (max-width: 1199.97px) {
    .products-list-container {
        padding: 5vw 50px 5vw 50px;
    }
    .products-top-bg {
        width: 115%;
        margin-right: -15%;
    }
    .products-top-banner-content {
        bottom: 8%;
        padding-left: calc(30% - 220px);
    }
    .product-categories {
        padding: 3rem 60px 14vw 60px;
    }
    .product-cat {
        font-size: 1.35em;
    }
    .products-list h1 {
        margin-bottom: 0.5em;
    }
    .products-item + .products-item {
        padding-top: 80px;
    }
    #horeca .products-item-img {
        margin-top: -5vw;
    }
}

@media (min-width: 768px) and (max-width: 991.97px) {
    .products-top-bg {
        width: 115%;
        margin-right: -15%;
    }
    .products-top-banner-content {
        bottom: 39%;
        left: 15.5%;
        width: 22%;
        padding-left: 0;
        transform: translate(-50%, 50%);
    }
    .products-top .h1 {
        margin-bottom: 0;
        font-size: 4em;
        line-height: 1.2;
    }
    .product-categories {
        padding: 3rem 30px 14vw 30px;
    }
    .product-cat {
        font-size: 1.2em;
    }
}

@media (max-width: 991.97px) {
    .products-list-container {
        padding: 10px 40px 50px 40px;
    }
    .products-list h1 {
        margin-bottom: 0;
    }
    .products-item-col-1, .products-item-col-3 {
        order: 1;
    }
    .products-item + .products-item {
        padding-top: 20px;
    }
    .products-item-col-1 {
        padding-top: 1.5em;
    }
    .products-item-col-1 > img {
        width: 80%;
        max-width: 350px;
    }
    .products-item-col-2 .products-item-features {
        max-width: 20em;
    }
    .products-item-col-3 .products-item-features {
        padding-left: 0;
        border-left: none;
        border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
        padding-top: 0.85em;
        margin-top: 0.25em;
    }
    .products-item-col-2 .products-item-feature {
        padding: 1.25em 0;
    }
    .products-item-col-3 .products-item-feature {
        padding: 0.65em 0;
    }
    .products-list-top-scroll .swiper-button-prev.button-up {
        transform: translateY(0.75em) rotate(90deg);
    }

    #horeca .products-item-img {
        width: 80%;
        max-width: 550px;
        margin-top: 0;
    }
}

@media (max-width: 767.97px) {
    .products-top-bg {
        top: 15em;
        width: 156%;
        margin-left: -46%;
        margin-right: -10%;
    }
    .products-top-bg-milk {
        height: calc(108% + 4.5em);
        margin-top: -4.5em;
        padding-top: 4.5em;
        transform: translateY(calc(-3.75% + 2em));
    }
    .products-top-banner-content {
        display: flex;
        align-items: flex-end;
        justify-content: center;
        top: 0;
        bottom: auto;
        left: 0;
        width: 100%;
        padding-top: 2em;
        padding-left: 20px;
        padding-right: 20px;
        transform: none;
    }
    .products-top .h1 {
        padding-right: 0.3em;
        margin-bottom: 0;
        font-size: 3.75em;
        line-height: 1.2;
    }
    .products-top .h1 + a {
        margin-top: 0;
        margin-bottom: 0.55em;
        margin-left: 0;
        transform: rotate(-90deg) translateX(50%);
    }
    .product-categories {
        padding: 3rem 30px 14vw 30px;
        margin-top: 14em;
    }
    .product-cat {
        font-size: 1.2em;
    }
    .products-list-container {
        padding: 10px 30px 50px 30px;
    }
}

@media (max-width: 575.97px) {
    .products-top-bg {
        width: 170%;
        margin-left: -55%;
        margin-right: -15%;
    }
    .product-categories {
        padding: 3rem 20px 6rem 20px;
        margin-top: 12.5em;
    }
    .product-categories-txt,
    .product-categories-row-outer {
        max-width: 350px;
        margin: 0 auto;
    }
    .product-categories-row-outer {
        border-radius: 0.85em;
        border: 3px solid #FFFFFF;
        overflow: hidden;
    }
    .product-cat, .product-cat.product-cat-with-icon {
        padding: 0.5em 1.25em;
        font-size: 1.25rem;
        font-weight: 400;
    }
    .product-cat,
    .product-cat.product-cat-with-icon::before,
    .product-cat.product-cat-with-icon::after {
        border-radius: 0 !important;
        border: none !important;
    }
    .product-cat-active {
        background-color: transparent;
        font-weight: 700;
    }
    .product-categories.expanded .row.strip-even > div:nth-child(even),
    .product-categories.expanded .row.strip-odd > div:nth-child(odd) {
        background-color: #608AD9;
        transition: background-color 0.2s ease-in-out;
    }
    .swiper-button-prev.product-categories-btn {
        position: static !important;
        width: 1.75em;
        height: 1.75em;
        transform: translateY(0.375em) rotate(-90deg);
        transition: transform 0.25s ease-in-out;
    }
    .product-categories.expanded .swiper-button-prev.product-categories-btn {
        transform: translateY(0.375em) rotate(90deg);
    }
    .swiper-button-prev.product-categories-btn svg {
        width: 0.75em;
        transform: translateX(0.1em);
        transition: transform 0.25s ease-in-out;
    }
    .product-categories.expanded .swiper-button-prev.product-categories-btn svg {
        transform: translateX(0.15em);
    }
    .products-list-container {
        padding: 10px 20px 40px 20px;
    }
    .products-list-top-scroll .swiper-button-prev.button-up {
        transform: translateY(0.85em) rotate(90deg);
    }
    .products-list-top-scroll a:first-child {
        font-size: 0.9em;
    }
    .products-item-col-2 .products-item-feature-txt, .products-item-col-3 .products-item-feature-txt {
        margin-left: 0;
    }

    #horeca .products-item-img {
        width: 90%;
    }
}

@media (max-width: 420px) {
    .products-top .h1 {
        font-size: 3em;
    }
    .products-top .h1 + a {
        margin-bottom: -0.025em;
    }
    .products-top-bg {
        top: 13em;
        width: 199%;
        margin-left: -73%;
        margin-right: -26%;
    }
    .product-categories {
        padding: 3rem 25px 5rem 25px;
        margin-top: 11em;
    }

    #horeca .products-item-img {
        width: 100%;
    }
}



/* Prosta strona tekstowa */
.simple-site-section {
    background: url('../img/simple-site-bg.jpg') top no-repeat;
    background-size: 100% 110vw;
}
.simple-site-line {
    left: 0;
    width: 100.25%;
    padding-top: 5%;
}
.simple-site-container {
    max-width: 1540px;
    padding: 0 80px;
}
.do-pobrania h1,
.template-page h1,
.template-simple-site h1 {
    margin: 0.6em 0 0.3em 0;
}
.simple-site-lead {
    margin: 0 0 1.5em 0;
    font-size: 2em;
    line-height: 1.35;
}

@media (max-width: 1399.97px) {
    .simple-site-container {
        padding: 0 60px;
    }
    .simple-site-lead {
        font-size: 1.75em;
    }
}

@media (max-width: 1199.97px) {
    .simple-site-lead {
        font-size: 1.5em;
    }
}

@media (max-width: 991.97px) {
    .simple-site-container {
        padding: 0 40px;
    }
    .simple-site-line {
        width: 106%;
        padding-top: 5%;
    }
}

@media (max-width: 767.97px) {
    .simple-site-container {
        padding: 0 30px;
    }
    .simple-site-line {
        left: 16.5%;
        width: 180%;
        padding-top: 7%;
        transform: translateY(-1%);
    }
}

@media (max-width: 575.97px) {
    .simple-site-container {
        padding: 0 25px;
    }
    .simple-site-line {
        left: 11%;
        width: 200%;
        padding-top: 7%;
        transform: translateY(-3%);
    }
    .simple-site-lead {
        font-size: 1.35em;
    }
}

@media (max-width: 420px) {
    .simple-site-container {
        padding: 0 20px;
    }
    .simple-site-line {
        left: 1.25%;
        width: 254%;
        padding-top: 7%;
        transform: translateY(-3%);
    }
    .simple-site-lead {
        font-size: 1.25em;
    }
}

@media (min-width: 992px) {
    .do-pobrania .footer-bg,
    .template-page .footer-bg,
    .template-simple-site .footer-bg {
        margin-top: -10%;
    }
}



/* Do pobrania */
.do-pobrania .simple-site-lead {
    margin-bottom: 1em;
}
.do-pobrania .simple-site-lead ~ .simple-site-lead {
    padding-top: 2em;
}

@media (min-width: 1200px) {
    .col-xl-3.col-wider {
        width: 25.5%;
        max-width: 25.5%;
    }
}

@media (min-width: 992px) {
    .col-lg-3.col-wider {
        width: 25.5%;
        max-width: 25.5%;
    }
}



/* NextGEN Gallery */
.ngg-galleryoverview {
    width: calc(100% + 10px) !important;
    margin-bottom: 0 !important;
    margin-left: -5px !important;
    margin-right: -5px !important;
}
.ngg-galleryoverview.default-view .ngg-gallery-thumbnail a {
    margin: 5px !important;
}
.ngg-galleryoverview.default-view .ngg-gallery-thumbnail img {
    cursor: zoom-in !important;
}

@media (max-width: 575.97px) {
    .ngg-galleryoverview.default-view .ngg-gallery-thumbnail-box {
        width: 50% !important;
    }
}

.sl-overlay {
    opacity: 0.9 !important;
}
body .sl-wrapper .sl-close {
    font-family: Poppins, Arial, sans-serif;
    font-weight: 600;
    color: #7ACB34;
    transition: color 2.5s ease-in-out;
    transform-origin: top right;
    transform: scale(1.2);
}
body .sl-wrapper .sl-close:hover {
    color: #6AB524;
    opacity: 1 !important;
}
body .sl-wrapper .sl-navigation button {
    width: 44px;
    height: 44px;
    line-height: 0.85;
    border-radius: 50px;
    font-weight: 600;
    text-align: center;
    background-color: #7ACB34;
    background-repeat: no-repeat;
    background-size: 48%;
    color: transparent !important;
    transform: scale(1.2);
    transition: background-color 2.5s ease-in-out;
}
body .sl-wrapper .sl-navigation button:hover {
    background-color: #6AB524;
    opacity: 1 !important;
}
body .sl-wrapper .sl-navigation button.sl-prev {
    background-image: url('../img/prev.svg');
    background-position: 46% 50%;
}
body .sl-wrapper .sl-navigation button.sl-next {
    background-image: url('../img/next.svg');
    background-position: 54% 50%;
}
body .sl-wrapper .sl-image img {
    width: calc(100% + 15px);
    margin-top: -5px;
}

@media (max-width: 575.97px) {
    body .sl-wrapper .sl-navigation button {
        transform: none;
    }
}