@font-face {
    font-family: 'Poltawski Nowy';
    src: url('../font/PoltawskiNowy/PoltawskiNowy-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../font/Inter/Inter-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../font/Inter/Inter-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../font/Inter/Inter-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../font/Inter/Inter-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../font/Inter/Inter-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../font/Inter/Inter-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../font/Inter/Inter-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../font/Inter/Inter-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}


body {
    color: #555;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    position: relative;
    background: #f8f8f8;
}

h1.home-page {
    font-size: 5rem;
}

/* Font */
h1 {
    color: #151515;
    font-family: "Poltawski Nowy", sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

h2 {
    color: #151515;
    font-family: "Poltawski Nowy", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

h3 {
    color: #151515;
    font-family: "Poltawski Nowy", sans-serif;
    font-size: 33px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

h4 {
    color: #151515;
    font-family: "Poltawski Nowy", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

h5 {
    color: #151515;
    font-family: "Poltawski Nowy", sans-serif;
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

h6 {
    color: #151515;
    font-family: "Poltawski Nowy", sans-serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.38px;
}

p,
a,
ul,
ol {
    color: rgba(21, 21, 21, 0.75);
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

p.text-size-large {
    color: rgba(21, 21, 21, 0.75);
    font-family: "Inter", sans-serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

p.text-size-medium {
    color: rgba(21, 21, 21, 0.75);
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

p.text-size-regular {
    color: rgba(21, 21, 21, 0.75);
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

p.text-size-small {
    color: rgba(21, 21, 21, 0.75);
    font-family: "Inter", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

p.text-size-tiny {
    color: rgba(21, 21, 21, 0.75);
    font-family: "Inter", sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
    margin: 0;
}

/* End Font */

/* Colors bgc */
.bg-orange {
    background-color: #ff9100;
}

.bg-secondColor {
    background-color: #F8F8F8;
}

.bg-black {
    background-color: #2B241B;
}

.bg-white {
    background-color: #fff;
}

.bg-gray {
    background-color: #E3E3E3;
}

.bg-main {
    border-radius: 2px;
    background: linear-gradient(90deg, #EA4D91 0%, #D33479 58.05%, #AD2B63 100%);
    box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.25);
}

/* End Colors bgc*/

/* Colors Fonts*/
.color-main {
    color: #D4B89D;
}

.color-second {
    color: #151515;
}

.color-third {
    color: #f8f8f8;
}

.color-gray {
    color: #e3e3e3;
}

.color-white {
    color: #fff;
}

.color-gold {
    color: #E3B570;
}


/* End Colors Fonts*/

/* Images */
img {
    width: 100%;
}

/* Margins */
.mt-section-48 {
    margin-top: 48px;
}

.mb-section-48 {
    margin-bottom: 48px;
}

.mt-section-64 {
    margin-top: 64px;
}

.mb-section-64 {
    margin-bottom: 64px;
}

.mt-section-72 {
    margin-top: 72px;
}

.mb-section-72 {
    margin-bottom: 72px;
}

.mt-section-96 {
    margin-top: 96px;
}

.mb-section-96 {
    margin-bottom: 96px;
}

.mt-section-100 {
    margin-top: 100px;
}

.mb-section-100 {
    margin-bottom: 100px;
}

.mt-section-120 {
    margin-top: 120px;
}

.mb-section-120 {
    margin-bottom: 120px;
}

.mt-section-128 {
    margin-top: 128px;
}

.mb-section-128 {
    margin-bottom: 128px;
}

.mt-section-160 {
    margin-top: 160px;
}

.mb-section-160 {
    margin-bottom: 160px;
}

/* End Margins */

/* Padding */
.pt-section-48 {
    padding-top: 48px;
}

.pb-section-48 {
    padding-bottom: 48px;
}

.pt-section-56 {
    padding-top: 56px;
}

.pb-section-56 {
    padding-bottom: 56px;
}

.pt-section-64 {
    padding-top: 64px;
}

.pb-section-64 {
    padding-bottom: 64px;
}

.pt-section-72 {
    padding-top: 72px;
}

.pb-section-72 {
    padding-bottom: 72px;
}

.pt-section-96 {
    padding-top: 96px;
}

.pb-section-96 {
    padding-bottom: 96px;
}

.pt-section-112 {
    padding-top: 112px;
}

.pb-section-112 {
    padding-bottom: 112px;
}

.pt-section-120 {
    padding-top: 120px;
}

.pb-section-120 {
    padding-bottom: 120px;
}

.pt-section-128 {
    padding-top: 128px;
}

.pb-section-128 {
    padding-bottom: 128px;
}

.pt-section-160 {
    padding-top: 160px;
}

.pb-section-160 {
    padding-bottom: 160px;
}

/* End Padding */

.gap-32 {
    gap: 32px;
}

/* Buttons */
.btn-container {
    width: 100%;
}

.btn-global {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #FFF;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    padding: 12px 48px;
    text-decoration: none;
    position: relative !important;
    overflow: hidden;
    z-index: 1;
    border-radius: 16px;
    background: #D5C5A4;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.10);
    transition: all 0.3s ease-in-out;
}

.btn-global:hover {
    background: #BCAE92;
}

/*
.btn-global::before,
.btn-global::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    transition: opacity 0.4s ease-in-out;
}
*/

/* Gradient bazowy (widoczny domyślnie)
.btn-global::before {
    background: linear-gradient(180deg, #D33479 0%, #B22C66 100%)!important;
    opacity: 1!important;
}*/

/* Gradient hover (niewidoczny domyślnie)
.btn-global::after {
    background: linear-gradient(180deg, #DE4C8B 0%, #B44474 100%)!important;
    opacity: 0!important;
}*/

/* Hover efekt – zamiana tła
.btn-global:hover::before {
    opacity: 0.25!important;
}
.btn-global:hover::after {
    opacity: 1!important;
} */

.btn-global.empty {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #FFF;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    padding: 14px 48px;
    text-decoration: none;
    position: relative;
    border: none;
    border-radius: 2px;
    border: 1px solid #E3E3E3;
    background: #FFF;
    overflow: hidden;
    z-index: 1;
    opacity: 1;
}

.btn-global.empty::before,
.btn-global.empty::after {
    content: none;
}

/* End Buttons */

/* Sections Baner  */
.baner-sections {
    background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url("/wp-content/uploads/premium/home/bg_placeholder.webp") !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}

.baner-sections .container-sections {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    min-height: 750px;
    position: relative;
}

/* End Sections Baner  */

/* Shadow */
.box-shadow-sections {
    background: #E6EDF1;
    box-shadow: 0px 0px 40px 0px rgba(51, 133, 178, 0.25) inset;
}

/* End Shadow */

/* Section Produkty */
.baner-produkty-info {
    background-image: url("/wp-content/uploads/premium/oferta/kosmetyki_suplementy.webp") !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.baner-trener {
    background-image: url("/wp-content/uploads/premium/diety/trener_personalny.webp") !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.baner-produkty-info .container-produkty-info .section-produkty-info,
.baner-trener .container-trener .section-trener {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    gap: 24px;
    padding: 8px 0;
}

.baner-trener .container-trener .section-trener .section-title {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.baner-trener .container-trener .section-trener .section-title h3 {
    color: #fff;
    font-family: "Poltawski Nowy", sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.baner-trener .container-trener .section-trener .section-title p {
    color: #fff;
    font-family: "Inter", sans-serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: uppercase;
}

.baner-trener .container-trener .section-trener p {
    color: #fff;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.baner-produkty-info .container-produkty-info .section-produkty-info .title-produkty-info,
.baner-trener .container-trener .section-trener .title-trener {
    color: #FFF;
    font-family: "Poltawski Nowy", sans-serif;
    font-size: 33px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    width: 100%;
}

.baner-produkty-info .container-produkty-info .section-produkty-info .text-produkty-info,
.baner-trener .container-trener .section-trener .text-trener {
    color: #FFF;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
/* End Section Produkty */

/*Wizyta*/
.baner-wizyta-info {
    background-image: url("/wp-content/uploads/premium/home/pierwsza_wizyta.webp") !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.baner-wizyta-info .container-wizyta-info .section-wizyta-info {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    gap: 24px;
    padding: 8px 0;
}

.baner-wizyta-info .container-wizyta-info .section-wizyta-info .title-wizyta-info {
    color: #FFF;
    font-family: "Poltawski Nowy";
    font-size: 33px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    width: 100%;
}

.baner-wizyta-info .container-wizyta-info .section-wizyta-info .text-wizyta-info {
    color: #FFF;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}


/* End Section Wizyta */

/* Accordion */
.section-faq .container-faq-accordion {
    padding-top: 64px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    gap: 16px;
}

.section-faq .container-faq-accordion .accordion-faq {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    width: 100%;
}

.section-faq .container-faq-accordion .accordion-faq .accordion-item {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    width: 100%;
    background-color: #fff;
    border-radius: 32px;
    border: 1px solid #E3E3E3;
}

.section-faq .container-faq-accordion .accordion-faq .accordion-item .accordion-header {
    font-weight: 600;
    width: 100%;
}

.section-faq .container-faq-accordion .accordion-faq .accordion-item .accordion-header .accordion-button {
    justify-content: start;
    flex-direction: row-reverse;
    width: 100%;
    gap: 16px;
    outline: none;
    padding: 16px 32px;
    border-radius: 32px;
    color: #000;
    font-family: 'Poltawski_Nowy', sans-serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.38px;
}

.section-faq .container-faq-accordion .accordion-faq .accordion-item .accordion-header .accordion-button:focus {
    box-shadow: none;
}

.section-faq .container-faq-accordion .accordion-faq .accordion-item .accordion-header .accordion-button::after {
    border-radius: 50px;
    border: 2px solid #FF9100;
    width: 30px;
    height: 30px;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round'><path d='M2 5L8 11L14 5'/></svg>");
    background-size: 18px;
    background-position: center;
    margin: 0;
}

.section-faq .container-faq-accordion .accordion-faq .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    color: #000;
    background-color: transparent;
    box-shadow: none;
}

.section-faq .container-faq-accordion .accordion-faq .accordion-item .accordion-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    width: 100%;
    gap: 8px;
    padding: 0 16px 32px 16px;
}

/* End Accordion */

/* Mapa */
.mapka iframe {
    width: 100%;
    border-radius: 24px;
    border: 1px solid #E3E3E3;
}

/* End Mapa */


/* cta baner */
.section-cta {
    margin-top: -46px;
    background: #f8f8f8;
}

.baner-cta .container-cta {
    width: 930px;
}

.baner-cta .container-cta .box-cta {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 40px;
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 3;
    border-radius: 2px;
    background: linear-gradient(90deg, #EA4D91 0%, #D33479 58.05%, #AD2B63 100%);
    box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.25);
}

.baner-cta .container-cta .box-cta .svg-container {
    display: flex;
    align-items: center;
    justify-content: center;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.baner-cta .container-cta .box-cta .svg-container svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.baner-cta .container-cta .box-cta .svg-container svg path {
    /*fill: url(#gradient-fill-up-pink);*/
    fill: url(#gradient-fill-down-pink);
}

.baner-cta .container-cta .box-cta h2 {
    color: #F8F8F8;
    text-align: center;
    font-family: "Poltawski_Nowy", sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.58px;
    padding-right: 48px;
    z-index: 1;
    width: 60%;
}

.baner-cta .container-cta .box-cta .godziny {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    gap: 48px;
    padding-left: 48px;
    border-left: 1px solid #F8F8F8;
    z-index: 1;
    width: 40%;
}

.baner-cta .container-cta .box-cta .godziny p {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    color: #F8F8F8;
    text-align: center;
    font-family: "Poltawski_Nowy", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.baner-cta .container-cta .box-cta .godziny p span {
    color: #F8F8F8;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

/*polityka*/

.polityka .row .col-12 h1 {
    margin-bottom: 48px;
}

.polityka .row .col-12 h4 {
    margin-top: 36px;
    margin-bottom: 24px;
}

.polityka .row .col-12 h5 {
    margin-top: 24px;
    margin-bottom: 16px;
}

.polityka .row .col-12 p {
    margin-bottom: 16px;
}

.polityka .nazwaFirmy,
.polityka .adresFirmy,
.polityka .nip,
.polityka .regon,
.polityka .mail {
	font-weight: 600;
}

@media only screen and (max-width: 1600px) {
    .baner-sections .container-sections {
        min-height: 650px;
    }
}

@media only screen and (max-width: 992px) {

    /* Sections Baner  */
    .baner-sections {
        background-position: center 65%;
    }

    .baner-sections .container-sections {
        min-height: 600px;
    }
}

/* End Sections Baner  */
@media only screen and (max-width: 992px) {
    body {
        font-size: 16px;
    }

    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 33px;
    }

    h3 {
        font-size: 28px;
    }

    h4 {
        font-size: 24px;
    }

    h5 {
        font-size: 20px;
    }

    h6 {
        font-size: 18px;
    }

    /* Buttons  */
    .btn-global {
        width: 100%;
    }

    /* Sections Baner  */
    .baner-sections {
        background-position: center 55%;
    }

    .baner-sections .container-sections {
        min-height: 550px;
    }

    /* End Sections Baner  */

    /* Baner Produkty */
    .baner-produkty-info .container-produkty-info .produkty-info .group-title p {
        font-size: 12px;
    }

    .baner-produkty-info .container-produkty-info .produkty-info>p {
        width: 100%;
    }

    .baner-produkty-info .container-produkty-info .produkty-info .btn-container {
        width: 100%;
    }

    .baner-produkty-info .container-produkty-info .produkty-info .btn-container .btn-global {
        width: auto !important;
    }

    /* Baner Wizyta */
    .baner-wizyta-info .container-wizyta-info .wizyta-info .group-title p {
        font-size: 12px;
    }

    .baner-wizyta-info .container-wizyta-info .wizyta-info>p {
        width: 100%;
    }

    .baner-wizyta-info .container-wizyta-info .wizyta-info .btn-container {
        width: 100%;
    }

    .baner-wizyta-info .container-wizyta-info .wizyta-info .btn-container .btn-global {
        width: auto !important;
    }

    /* Accordion */
    .section-faq .container-faq-accordion .accordion-faq .accordion-item .accordion-header .accordion-button::after {
        background-size: 16px;
    }

    /* cta baner */
    .section-cta {
        margin-top: -96px;
    }

    .baner-cta .container-cta {
        width: 100%;
    }

    .baner-cta .container-cta .box-cta {
        flex-direction: column;
        padding: 16px 32px;
    }

    .baner-cta .container-cta .box-cta h2 {
        padding-right: 0;
        padding-bottom: 32px;
        width: 100%;
    }

    .baner-cta .container-cta .box-cta .godziny {
        justify-content: center;
        padding-left: 0;
        padding-top: 32px;
        border-left: none;
        border-top: 1px solid #F8F8F8;
        width: 100%;
    }

    .baner-cta .container-cta .box-cta .godziny p {
        display: flex;
        align-items: center;
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .baner-sections {
        background-position: center 60%;
    }

    /* cta baner */
    .section-cta {
        margin-top: -48px;
        background: linear-gradient(180deg, #fff 0%, #fff 47px, #F8F8F8 47px, #F8F8F8 100%);
    }

    .baner-cta .container-cta {
        width: 100%;
    }

}

@media only screen and (max-width: 568px) {
    .baner-sections {
        background-position: 65% center;
    }
}