@import url("https://use.typekit.net/okx6xsc.css");
 @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

 /* --------------------- */
 /* GLOBALNE */
 /* --------------------- */

 .site {
    /* margin-top: 100px; */
 }

 :root {
    /* Colors */
    --color-black: #000000;
    --color-white: #ffffff;
    --color-black-hover: #FF9100;
    /* Fonts */
    --font-primary: termina, sans-serif;
    /* główny font np. nagłówki */
    --font-secondary: "Montserrat", sans-serif;
    /* dodatkowy font np. treści */
 }

 * {
    box-sizing: border-box;
 }

 body {
    overflow-x: hidden;
 }

 .swiper-wrapper {
    position: relative;
 }

 .max-width-page {
    max-width: 1445px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
 }

 .padding-glob {
    padding-left: 15px;
    padding-right: 15px;
 }

 .hc-button-wrapper {
    display: flex;
 }

 .ww-content *:first-child {
    margin-top: 0px;
 }

 .ww-content *:last-child {
    margin-bottom: 0px;
 }

 /* Button white */

 .button-white {
    font-family: var(--font-secondary);
    min-height: 60px;
    display: flex;
    align-items: center;
    min-width: 60px;
    border-radius: 31px;
    gap: 15px;
    justify-content: center;
    color: black !important;
    background-color: white;
    padding: 18px 40px;

    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
    border: 1px solid #D6D2CD;

 }

 .button-circle {
    padding: 0px;
 }

 a.button-white {
    text-decoration: none;
 }

 .button-white svg {
    width: 10px;
    height: auto;
    flex: 0 0 10px;
    fill: black;
    transform: rotate(180deg);
 }

 .button-circle svg {
    transform: rotate(135deg);
 }

 .button-white:hover {
    color: black;

 }


 /* Button gradient */

 .button-gradient {
    font-family: var(--font-secondary);
    min-height: 46px;
    display: flex;
    align-items: center;
    min-width: 46px;
    border-radius: 31px;
    gap: 15px;
    justify-content: center;
    color: rgb(255, 255, 255) !important;
    background: transparent linear-gradient(100deg, #FF6200 0%, #FF9100 100%) 0% 0% no-repeat padding-box;
    padding: 14px 30px;

    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    transition: all 0.2s;
    background-size: 100%;
    box-shadow: 0px 10px 15px #00000014;
 }



 a.button-gradient {
    text-decoration: none;
 }

 .button-gradient svg {
    width: 10px;
    height: auto;
    flex: 0 0 10px;
    fill: white;
    transform: rotate(180deg);
 }

 .button-gradient:hover {
    color: white;
    background-size: 300%;

 }



 /* --------------------- */
 /* acf-description-1 */
 /* --------------------- */
 .section-acf-description-1 {
    margin-top: 60px;
    margin-bottom: 60px;

 }

 .acf-description-1-box {
    display: flex;
    gap: 40px;
    padding-left: 65px;
    padding-right: 65px;
 }

 .acf-description-1-box .left-col {
    flex: 0 0 520px;
 }

 .acf-description-1-box .left-col *:first-child {
    margin-top: 0px;
 }

 .acf-description-1-box .left-col *:last-child {
    margin-bottom: 0px;
 }

 .acf-description-1-box .left-col * {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    font-family: var(--font-primary);
 }

 .acf-description-1-box .left-col h1,
 .acf-description-1-box .left-col h2,
 .acf-description-1-box .left-col h3 {
    font-size: 40px;
    line-height: 46px;
    color: var(--color-black);
    font-weight: 500;
    font-family: var(--font-primary);
 }

 .acf-description-1-box .right-col {
    flex: 1;
 }


 .acf-description-1-box .right-col * {
    font-family: var(--font-secondary) !important;
    font-size: 16px;
    line-height: 26px;
    color: var(--color-black);
    font-weight: 400;
 }

 .acf-description-1-box .right-col *:first-child {
    margin-top: 0px;
 }

 .acf-description-1-box .right-col *:last-child {
    margin-bottom: 0px;
 }


 .acf-description-1-box .right-col a {
    text-decoration: underline;
    line-height: 26px;
    font-weight: 600;
    transition: all 0.2s;
 }

 .acf-description-1-box .right-col a:hover {
    color: var(--color-black-hover);
 }

 @media only screen and (max-width: 1250px) {
    .acf-description-1-box .left-col {
       flex: 0 0 350px;
    }

 }

 @media only screen and (max-width: 1150px) {
    .acf-description-1-box {
       padding-left: 0px;
       padding-right: 0px;
    }

 }



 @media only screen and (max-width: 768px) {
    .acf-description-1-box {
       flex-direction: column;
       gap: 10px;
       padding-left: 0px;
       padding-right: 0px;
    }

    .acf-description-1-box .left-col {
       flex: initial;
    }

    .acf-description-1-box .left-col * {
       font-size: 16px;
       line-height: 19px;
       font-weight: 400;
    }

    .acf-description-1-box .left-col h1,
    .acf-description-1-box .left-col h2,
    .acf-description-1-box .left-col h3 {
       font-size: 32px;
       line-height: 40px;
       text-align: center;

    }


    .acf-description-1-box .right-col * {
       font-size: 16px;
       line-height: 19px;
    }





 }


 /* --------------------- */
 /* acf-description-5 */
 /* --------------------- */

 .section-acf-description-5-about-us {
    margin-top: 15px;
    margin-bottom: 90px;
 }

 /* opis */
 .acf-description-5-about-us-box {
    display: flex;
    gap: 40px;
    background-color: #1C1C1A;
    border-radius: 20px;
    padding: 60px 65px;
    ;
 }

 .acf-description-5-about-us-box .description-5-content * {
    font-family: var(--font-secondary)
 }

 .acf-description-5-about-us-box .description-5-content h1,
 .acf-description-5-about-us-box .description-5-content h2,
 .acf-description-5-about-us-box .description-5-content h3 {
    font-family: var(--font-primary);
    font-size: 40px;
    line-height: 46px;
    font-weight: 500;
    color: white;
 }

 .acf-description-5-about-us-box .description-5-content p,
 .acf-description-5-about-us-box .description-5-content a,
 .acf-description-5-about-us-box .description-5-content li {
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: white;
 }

 .acf-description-5-about-us-box .description-5-content a {
    text-decoration: underline;
 }


 /* Ikonki */
 .description-5-icon-loop {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 40px;
    margin-top: 35px;
 }

 .description-5-icon-loop .description-5-icon-loop--single {
    display: flex;
    flex-direction: column;
    gap: 10px;
 }

 .description-5-icon-loop .description-5-icon-loop--single img {
    width: 50px;
    height: 50px;
    object-fit: contain;
 }

 .description-5-icon-loop .description-5-icon-loop--single svg {
    width: 50px;
    height: 50px;
    object-fit: contain;
 }

 .description-5-icon-loop .description-5-icon-loop--single p {
    font-family: var(--font-primary);
    font-weight: 500;
    font-size: 15px;
    line-height: 19px;
    color: white;
    margin: 0px;
 }

 /* Prawa kolumna */

 .acf-description-5-about-us-box .right-col {
    flex: 0 0 537px;
 }

 .acf-description-5-about-us-box .right-col {
    display: flex;
    flex-direction: column;
    gap: 15px;
 }

 .acf-description-5-about-us-box .section-image {
    border-radius: 20px;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 537/501;
 }

 .acf-description-5-about-us-box {}


 /* --- */


 .acf-description-5-about-us-box .tiles-loop-link-single {
    position: relative;
    min-height: 190px;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    gap: 15px;
    text-decoration: none;
    padding: 15px;
    flex: 1;
 }

 .acf-description-5-about-us-box .tiles-loop-link-single .tiles-loop-link-single--background {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.2s;
 }

 .acf-description-5-about-us-box .tiles-loop-link-single:hover .tiles-loop-link-single--background {
    transform: scale(1.1);
 }

 .acf-description-5-about-us-box .tiles-loop-link-single .tiles-loop-link-single--background-overlay {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.4);
 }

 .acf-description-5-about-us-box .tiles-loop-link-single .tiles-loop-link-single--footer {
    position: relative;
    z-index: 3;
    display: flex;

    gap: 3px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
 }

 .acf-description-5-about-us-box .tiles-loop-link-single .tiles-loop-link-single--footer-content {

    display: flex;
    align-items: center;
    gap: 25px;
    display: flex;
    justify-content: space-between;
    flex: 1;
 }

 .acf-description-5-about-us-box .tiles-loop-link-single .tiles-loop-link-single--footer h3 {
    font-size: 26px;
    line-height: 34px;
    color: white;
    font-family: var(--font-primary);
    font-weight: 500;
    margin: 0px;
 }

 .acf-description-5-about-us-box .tiles-loop-link-single.tiles-loop-link-single-with-tags {
    padding-bottom: 30px;
 }

 .acf-description-5-about-us-box .tiles-loop-link-single.tiles-loop-link-single-with-tags .tiles-loop-link-single--footer {
    position: initial !important;
 }


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

    .acf-description-5-about-us-box {
       flex-direction: column;
    }

    .acf-description-5-about-us-box .right-col {
       flex-direction: row;
    }

    .acf-description-5-about-us-box .right-col {
       flex: initial;
    }


    .acf-description-5-about-us-box .section-image {


       flex: 0 0 50%;
       width: 50%;
       aspect-ratio: 16 / 9;

    }
 }

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

    .acf-tiles-loop-link-box {

       grid-template-columns: repeat(1, 1fr);

    }

    .acf-tiles-loop-link-box .tiles-loop-link-single {
       min-height: 211px;
    }

    .acf-description-5-about-us-box .right-col {
       flex-direction: column;
    }

    .acf-description-5-about-us-box .section-image {
       flex: 1;
       width: 100%;
    }

    .acf-description-5-about-us-box {
       padding-left: 35px;
       padding-right: 35px;
    }

    .description-5-icon-loop {
       gap: 30px 15px;
    }

    .description-5-icon-loop .description-5-icon-loop--single p {
       font-size: 12px;
    }

    .description-5-icon-loop .description-5-icon-loop--single img {
       width: 35px;
       height: 35px;
    }

    .description-5-icon-loop .description-5-icon-loop--single svg {
       width: 35px;
       height: 35px;
    }




    .acf-description-5-about-us-box .description-5-content h1,
    .acf-description-5-about-us-box .description-5-content h2,
    .acf-description-5-about-us-box .description-5-content h3 {
       font-size: 32px;
       line-height: 40px;

    }

    .acf-description-5-about-us-box .description-5-content p,
    .acf-description-5-about-us-box .description-5-content a,
    .acf-description-5-about-us-box .description-5-content li {
       font-size: 16px;
       line-height: 19px;

    }

 }

 @media only screen and (max-width: 500px) {
    .description-5-icon-loop {
       display: grid;
       grid-template-columns: repeat(2, 1fr);
    }

 }



 /* --------------------- */
 /* acf-download-loop     */
 /* --------------------- */
 .section-acf-download-loop {
    margin-top: 60px;
    margin-bottom: 60px;
 }

 .acf-download-loop-box {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;

 }

 .acf-download-loop-box .single-download-tile {
    background-color: #F8F6F2;
    border-radius: 20px;
    padding: 15px;
    transition: all 0.2s;
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: space-between;
 }

 .acf-download-loop-box .single-download-tile:hover {

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
 }

 .acf-download-loop-box .single-download-tile .single-download-tile--header {
    display: flex;
    flex-direction: column;
    gap: 15px;
 }

 .acf-download-loop-box .single-download-tile .single-download-tile--title {
    font-size: 24px;
    line-height: 29px;
    font-family: var(--font-secondary);
    margin: 0px;
 }

 .acf-download-loop-box .single-download-tile .single-download-tile--icon {
    width: 46px;
    height: auto;
    margin-bottom: 15px;
 }

 @media only screen and (max-width: 1250px) {
    .acf-download-loop-box {

       grid-template-columns: repeat(2, 1fr);

    }

 }

 @media only screen and (max-width: 768px) {
    .acf-download-loop-box {

       grid-template-columns: repeat(1, 1fr);

    }

 }


 /* --------------------- */
 /* acf-tiles-loop-link   */
 /* --------------------- */


 .section-acf-tiles-loop-link {
    margin-top: 15px;
    margin-bottom: 15px;
 }

 .acf-tiles-loop-link-box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
 }

 .acf-tiles-loop-link-box .tiles-loop-link-single {
    position: relative;
    min-height: 271px;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    gap: 15px;
    text-decoration: none;
    padding: 15px;
 }

 .acf-tiles-loop-link-box .tiles-loop-link-single .tiles-loop-link-single--background {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.2s;
 }

 .acf-tiles-loop-link-box .tiles-loop-link-single:hover .tiles-loop-link-single--background {
    transform: scale(1.1);
 }

 .acf-tiles-loop-link-box .tiles-loop-link-single .tiles-loop-link-single--background-overlay {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.4);
 }

 .acf-tiles-loop-link-box .tiles-loop-link-single .tiles-loop-link-single--footer {
    position: relative;
    z-index: 3;
    display: flex;

    gap: 3px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
 }

 .acf-tiles-loop-link-box .tiles-loop-link-single .tiles-loop-link-single--footer-content {

    display: flex;
    align-items: center;
    gap: 25px;
    display: flex;
    justify-content: space-between;
    flex: 1;
 }

 .acf-tiles-loop-link-box .tiles-loop-link-single .tiles-loop-link-single--footer h3 {
    font-size: 26px;
    line-height: 34px;
    color: white;
    font-family: var(--font-primary);
    font-weight: 500;
    margin: 0px;
 }

 .tiles-loop-link-tags-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
 }

 .tiles-loop-link-tags-wrapper span {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    font-family: var(--font-secondary);
    color: white;
    display: flex;
    align-items: center;
    gap: 7px;
    position: relative;
 }

 .tiles-loop-link-tags-wrapper .tiles-loop-link-single-tag:not(:first-child)::before {
    content: "";
    background-color: white;
    width: 4px;
    height: 4px;
    border-radius: 4px;
 }


 .tiles-loop-link-single-with-tags .hc-button-wrapper {
    position: absolute;
    top: 15px;
    right: 15px;
 }

 .acf-tiles-loop-link-box .tiles-loop-link-single.tiles-loop-link-single-with-tags {
    padding-bottom: 30px;
 }

 .acf-tiles-loop-link-box .tiles-loop-link-single.tiles-loop-link-single-with-tags .tiles-loop-link-single--footer {
    position: initial !important;
 }

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

    .acf-tiles-loop-link-box {

       grid-template-columns: repeat(1, 1fr);

    }

    .acf-tiles-loop-link-box .tiles-loop-link-single {
       min-height: 211px;
    }
 }



 /* --------------------- */
 /* acf-description-4-button-image */
 /* ---------------------- */


 .section-acf-description-4-button-image {
    margin-top: 35px;
    margin-bottom: 35px;
 }

 .acf-description-4-button-image-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: 20px;
    border-radius: 20px;


 }

 .section-acf-description-4-button-image.bg-gradient .acf-description-4-button-image-box {
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #F8F6F2 100%) 0% 0% no-repeat padding-box;
 }


 .section-acf-description-4-button-image.reverse-section .acf-description-4-button-image-box {
    flex-direction: row-reverse;
 }

 .section-acf-description-4-button-image .acf-description-4-button-image-box--content h1,
 .section-acf-description-4-button-image .acf-description-4-button-image-box--content h2,
 .section-acf-description-4-button-image .acf-description-4-button-image-box--content h3 {
    font-family: var(--font-primary);
    font-size: 40px;
    line-height: 46px;
    font-weight: 500;
    color: black;
 }

 .section-acf-description-4-button-image .acf-description-4-button-image-box--content a,
 .section-acf-description-4-button-image .acf-description-4-button-image-box--content p {
    font-family: var(--font-secondary);
    text-decoration: none;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: black;
 }

 .section-acf-description-4-button-image .acf-description-4-button-image-box--content a {
    text-decoration: underline;
    font-weight: 600;
 }

 .section-acf-description-4-button-image .acf-description-4-button-image-box--content *:first-child {
    margin-top: 0px;
 }

 .section-acf-description-4-button-image .acf-description-4-button-image-box--content *:last-child {
    margin-bottom: 0px;
 }

 .acf-description-4-button-image-box .left-col {
    padding-left: 70px;
    padding-top: 70px;
    padding-bottom: 70px;
 }

 .acf-description-4-button-image-box .left-col .hc-button-wrapper {
    margin-top: 25px;
 }

 .acf-description-4-button-image-box .right-col {
    flex: 0 0 calc(50% - 40px);
 }

 .acf-description-4-button-image-box .right-col img {
    border-radius: 20px;
    width: 100%;
    min-height: 420px;
    object-fit: cover;
    aspect-ratio: 16/9;
 }

 .acf-description-4-button-image-box .right-col img.contain {
    object-fit: contain;
 }

 .section-acf-description-4-button-image.reverse-section .right-col {
    padding-left: 70px;
 }

 .section-acf-description-4-button-image.reverse-section .left-col {

    padding-right: 70px;
    padding-left: 40px;
    margin-right: auto;
 }


 @media only screen and (max-width: 1150px) {
    .acf-description-4-button-image-box .left-col {
       padding-left: 0px;
    }

    .section-acf-description-4-button-image.reverse-section .right-col {
       padding-left: 0px;
    }
 }

 @media only screen and (max-width: 768px) {
    .acf-description-4-button-image-box {
       flex-direction: column;
       padding: 15px;
    }

    .acf-description-4-button-image-box .left-col {
       padding-top: 0px;
       padding-bottom: 0px;
    }

    .acf-description-4-button-image-box .right-col {
       flex: initial;
       width: 100%;
    }

    .acf-description-4-button-image-box .right-col img {
       min-height: 290px;
       max-height: 290px;
    }

    .acf-description-4-button-image-box .left-col .hc-button-wrapper {
       justify-content: center;
    }




    .section-acf-description-4-button-image .acf-description-4-button-image-box--content h1,
    .section-acf-description-4-button-image .acf-description-4-button-image-box--content h2,
    .section-acf-description-4-button-image .acf-description-4-button-image-box--content h3 {

       font-size: 32px;
       line-height: 40px;
       text-align: center;
    }

    .section-acf-description-4-button-image .acf-description-4-button-image-box--content a,
    .section-acf-description-4-button-image .acf-description-4-button-image-box--content p {

       font-size: 16px;
       line-height: 19px;

    }


    .section-acf-description-4-button-image.reverse-section .acf-description-4-button-image-box {
       flex-direction: column;
    }

    .section-acf-description-4-button-image.reverse-section .left-col {
       padding-left: 0px;
       padding-right: 0px;
    }

    .section-acf-description-4-button-image.reverse-section .right-col {
       padding-left: 0px;
       padding-right: 0px;
    }
 }





 /* --------------------- */
 /* acf-description-2-video */
 /* ---------------------- */


 .section-acf-description-2 {
    margin-top: 90px;
    margin-bottom: 90px;
 }

 .section-acf-description-2 .padding-glob {
    padding-right: 0px;
 }

 .acf-description-2-box {
    display: flex;
    align-items: center;

 }

 .acf-description-2-box .left-col {
    padding-left: 75px;
    flex: 0 0 542px;
 }

 .acf-description-2-box .left-col .acf-description-2-box--content h1,
 .acf-description-2-box .left-col .acf-description-2-box--content h2,
 .acf-description-2-box .left-col .acf-description-2-box--content h3 {
    font-size: 40px;
    line-height: 46px;
    font-weight: 500;
    color: #000000;
    font-family: var(--font-primary);

 }

 .acf-description-2-box .left-col .acf-description-2-box--content p,
 .acf-description-2-box .left-col .acf-description-2-box--content a,
 .acf-description-2-box .left-col .acf-description-2-box--content li {
    font-family: var(--font-secondary);

    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: black;
 }

 .acf-description-2-box .left-col .acf-description-2-box--content a {
    text-decoration: underline;
 }


 /* stała szerokość slajdu 275px + brak ściskania przez flexbox */

 .acf-description-2-box .right-col {
    min-width: 0px;
    position: relative;

 }

 @media (min-width: 1455px) {
    .acf-description-2-box .right-col::after {
       content: "";
       position: absolute;
       top: 0;
       z-index: 2;
       right: 0;
       width: 15px;
       height: 100%;
       background: linear-gradient(to left, white 0%, transparent 100%);
       pointer-events: none;
       /* żeby pseudo-element nie blokował interakcji */
    }
 }

 .acf-description-2-box .right-col::before {
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    width: 60px;
    height: 100%;
    background: linear-gradient(to right, white 80%, transparent 100%);
    pointer-events: none;
 }




 /* Swiper w flex-kontekście */


 .section-acf-description-2 .swiper-nav-wrapper {
    display: flex;
    margin-top: 25px;
    gap: 10px;
 }

 .section-acf-description-2 .swiper-nav-wrapper .swiper-button {
    display: flex;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    border: 1px solid #D6D2CD;
    background-color: transparent;
    position: initial !important;
    transition: all 0.2s;
    justify-content: center;
    cursor: pointer;
 }

 .section-acf-description-2 .swiper-nav-wrapper .swiper-button.swiper-button-disabled {
    opacity: 0.6;
 }

 .section-acf-description-2 .swiper-nav-wrapper .swiper-button.swiper-button-lock {
    display: none !important;
 }

 .section-acf-description-2 .swiper-nav-wrapper .swiper-button svg {
    width: 15px;
    height: auto;
    fill: black;
 }

 .section-acf-description-2 .swiper-nav-wrapper .swiper-button.hc-swiper-button-next svg {
    transform: rotate(180deg);
 }

 .section-acf-description-2 .swiper {
    width: 100%;
    min-width: 0;
    /* bardzo ważne przy flexbox */
    overflow: hidden;
    /* pewne obcięcie krawędzi slajdów */
    padding-left: 60px;
    padding-right: 15px;
 }

 .section-acf-description-2 .swiper-slide {
    width: 275px !important;
    height: 489px;
    /* Swiper czyta width dla 'auto' */
    flex-shrink: 0;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    background-color: black;
    box-sizing: border-box;


    display: flex;
    align-items: flex-end;
    padding: 15px;
 }

 .section-acf-description-2 .swiper-slide img {
    position: absolute;
    z-index: 2;
    inset: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;

 }

 .video-poster-overlay {
    position: absolute;
    z-index: 3;
    inset: 0px;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.2;
 }

 .acf-description-2-box-single-video-footer {
    position: relative;
    z-index: 4;
 }

 .acf-description-2-box-single-video-footer h3 {
    font-size: 18px;
    line-height: 24px;
    color: white;
    font-weight: 500;
    font-family: var(--font-primary);
    margin: 0px;
 }

 .acf-description-2-box-single-video-footer .hc-button-wrapper {
    margin-top: 15px;
 }

 .acf-description-2-run-video {
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 4px;
    border: 1px solid #FFFFFF;
    border-radius: 31px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    background-color: transparent;
    color: white;
    padding-left: 25px;
    cursor: pointer;
    transition: all 0.2s;
 }

 .acf-description-2-run-video:hover {
    border: 1px solid white;

 }

 .acf-description-2-run-video svg {
    fill: white;
    width: 40px;
    height: 40px;
 }

 /* Overlay / wrapper */
 .section-acf-description-2 .acf-description-2-video-modal {
    position: fixed;
    inset: 0;
    display: none;
    z-index: 1000;
 }

 .section-acf-description-2 .acf-description-2-video-modal.is-open {
    display: block;
 }

 /* Tło */
 .section-acf-description-2 .acf-description-2-video-modal .modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .6);
 }

 /* Dialog */
 .section-acf-description-2 .acf-description-2-video-modal .modal__dialog {
    position: absolute;
    inset: 5% 50% auto 50%;
    transform: translate(-50%, 0);
    width: min(92vw, 1000px);
    background: #000;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .4);
    aspect-ratio: 16 / 9;
 }

 /* Body (miejsce na player) */
 .section-acf-description-2 .acf-description-2-video-modal .modal__body,
 .section-acf-description-2 .acf-description-2-video-modal iframe,
 .section-acf-description-2 .acf-description-2-video-modal video {
    width: 100%;
    height: 100%;
    display: block;
 }

 /* Close */
 .section-acf-description-2 .acf-description-2-video-modal .modal__close {
    position: absolute;
    top: 6px;
    right: 8px;
    z-index: 2;
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 32px;
    line-height: 1;
    cursor: pointer;
 }

 /* Mobile */
 @media (max-width: 640px) {
    .section-acf-description-2 .acf-description-2-video-modal .modal__dialog {
       inset: 10% 50% auto 50%;
       width: 94vw;
       border-radius: 6px;
    }
 }





 @media only screen and (max-width: 1150px) {
    .acf-description-2-box .left-col {
       flex: initial;
    }

    .acf-description-2-box {
       display: block;
    }

    .acf-description-2-box .right-col {
       margin-top: 25px;
       padding-left: 0px;
    }

    .acf-description-2-box .left-col {
       padding-left: 15px;
       padding-right: 15px;
    }

    .section-acf-description-2 .swiper {
       padding-left: 0px;
    }

    .acf-description-2-box .right-col::before {
       display: none;
    }

    .acf-description-2-box .right-col::after {
       display: none;
    }

    .section-acf-description-2 .padding-glob {
       padding-left: 0px;
       padding-right: 0px;
    }

    .section-acf-description-2 .swiper {
       padding-left: 15px;
    }

    .section-acf-description-2 .swiper-nav-wrapper {
       justify-content: center;
    }
 }

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

    .acf-description-2-box .left-col .acf-description-2-box--content h1,
    .acf-description-2-box .left-col .acf-description-2-box--content h2,
    .acf-description-2-box .left-col .acf-description-2-box--content h3 {
       font-size: 32px;
       line-height: 40px;
       text-align: center;
    }

    .acf-description-2-box .left-col .acf-description-2-box--content p,
    .acf-description-2-box .left-col .acf-description-2-box--content a,
    .acf-description-2-box .left-col .acf-description-2-box--content li {
       font-size: 16px;
       line-height: 19px;

    }
 }


 /* ---------------------------- */
 /* acf-description-3--tile-link */
 /* ---------------------------- */

 .section-acf-description-3 {
    margin-top: 90px;
    margin-bottom: 90px;
 }


 .section-acf-description-3 .padding-glob {
    padding-right: 0px;
 }

 .acf-description-3-box {
    display: flex;
    align-items: center;

 }

 .acf-description-3-box .left-col {
    padding-left: 75px;
    flex: 0 0 520px;
 }

 .acf-description-3-box .left-col .acf-description-3-box--content h1,
 .acf-description-3-box .left-col .acf-description-3-box--content h2,
 .acf-description-3-box .left-col .acf-description-3-box--content h3 {
    font-size: 40px;
    line-height: 46px;
    font-weight: 500;
    color: #000000;
    font-family: var(--font-primary);

 }

 .acf-description-3-box .left-col .acf-description-3-box--content p,
 .acf-description-3-box .left-col .acf-description-3-box--content a,
 .acf-description-3-box .left-col .acf-description-3-box--content li {
    font-family: var(--font-secondary);

    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: black;
 }

 .acf-description-3-box .left-col .acf-description-3-box--content a {
    text-decoration: underline;
 }


 .acf-description-3-box .right-col {
    min-width: 0px;
    position: relative;

 }


 .acf-description-3-box .hc-button-wrapper {
    margin-top: 25px;
 }

 @media (min-width: 1455px) {
    .acf-description-3-box .right-col::after {
       content: "";
       position: absolute;
       top: 0;
       z-index: 2;
       right: 0;
       width: 15px;
       height: 100%;
       background: linear-gradient(to left, white 0%, transparent 100%);
       pointer-events: none;
       /* żeby pseudo-element nie blokował interakcji */
    }
 }

 .acf-description-3-box .right-col::before {
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    width: 60px;
    height: 100%;
    background: linear-gradient(to right, white 80%, transparent 100%);
    pointer-events: none;
 }



 .section-acf-description-3 .swiper {
    width: 100%;
    min-width: 0;
    /* bardzo ważne przy flexbox */
    overflow: hidden;
    /* pewne obcięcie krawędzi slajdów */
    padding-left: 60px;
    padding-right: 15px;
 }

 .section-acf-description-3 .swiper-slide {
    width: 305px !important;
    height: 307px;
    /* Swiper czyta width dla 'auto' */
    flex-shrink: 0;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    background-color: black;
    box-sizing: border-box;

    display: flex;
    align-items: flex-end;
    padding: 15px;
    text-decoration: none;
 }

 .section-acf-description-3 .swiper-slide .acf-description-3-box-single-link--background {
    position: absolute;
    z-index: 2;
    inset: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.2s;

 }

 .section-acf-description-3 .swiper-slide:hover .acf-description-3-box-single-link--background {
    transform: scale(1.1);
 }

 .acf-description-3-box-single-link--background-overlay {
    position: absolute;
    z-index: 3;
    inset: 0px;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.2;
 }

 .acf-description-3-box-single-link--footer {
    position: relative;
    z-index: 4;
    display: flex;
    align-items: center;
    gap: 25px;
    display: flex;
    justify-content: space-between;
    flex: 1;
 }

 .acf-description-3-box-single-link--footer h3 {
    font-size: 26px;
    line-height: 34px;
    color: white;
    font-family: var(--font-primary);
    font-weight: 500;
    margin: 0px;
 }

 @media only screen and (max-width: 1150px) {
    .acf-description-3-box .left-col {
       flex: initial;
    }

    .acf-description-3-box {
       display: block;
    }

    .acf-description-3-box .right-col {
       margin-top: 25px;
       padding-left: 0px;
    }

    .acf-description-3-box .left-col {
       padding-left: 15px;
       padding-right: 15px;
    }

    .section-acf-description-3 .swiper {
       padding-left: 0px;
    }

    .acf-description-3-box .right-col::before {
       display: none;
    }

    .acf-description-3-box .right-col::after {
       display: none;
    }

    .section-acf-description-3 .padding-glob {
       padding-left: 0px;
       padding-right: 0px;
    }

    .section-acf-description-3 .swiper {
       padding-left: 15px;
    }


 }

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

    .acf-description-3-box .left-col .acf-description-3-box--content h1,
    .acf-description-3-box .left-col .acf-description-3-box--content h2,
    .acf-description-3-box .left-col .acf-description-3-box--content h3 {
       font-size: 32px;
       line-height: 40px;
       text-align: center;
    }

    .acf-description-3-box .left-col .acf-description-3-box--content p,
    .acf-description-3-box .left-col .acf-description-3-box--content a,
    .acf-description-3-box .left-col .acf-description-3-box--content li {
       font-size: 16px;
       line-height: 19px;

    }
 }

 /* ---------------------------- */
 /*  acf-features-icon-section-1 */
 /* ---------------------------- */





 .acf-features-icon-section-1-box {
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #F8F6F2 100%) 0% 0% no-repeat padding-box;
    display: flex;
    justify-content: space-between;
    border-radius: 20px;
    padding: 20px;
    gap: 20px;

    padding-left: 65px;
    padding-right: 65px;
 }

 .acf-features-icon-section-1-box img {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    object-fit: contain;
    margin-bottom: 10px;
    object-position: bottom;

 }

 .acf-features-icon-section-1-box svg {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    object-fit: contain;
    margin-bottom: 10px;
    object-position: bottom;

 }

 .acf-features-icon-section-1-box p {
    font-family: var(--font-primary);
    font-size: 15px;
    line-height: 19px;
    font-weight: 500;
    max-width: 212px;
    color: black;
    margin: 0px;
 }

 @media only screen and (max-width: 768px) {
    .acf-features-icon-section-1-box {
       display: grid;
       grid-template-columns: repeat(2, 1fr);
       gap: 25px 40px;
       padding: 15px;

    }
 }

 /* ---------------------------- */
 /*  acf-features-icon-section-2 */
 /* ---------------------------- */


 .acf-features-icon-section-2-box {

    display: flex;
    justify-content: space-between;
    border-radius: 20px;
    padding: 20px;
    gap: 20px;
    padding-left: 65px;
    padding-right: 65px;
 }

 .acf-features-icon-section-2-box img {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    object-fit: contain;
    margin-bottom: 10px;
    object-position: bottom;

 }

 .acf-features-icon-section-2-box svg {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    object-fit: contain;
    margin-bottom: 10px;
    object-position: bottom;

 }

 .acf-features-icon-section-2-box p {
    font-family: var(--font-primary);
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    max-width: 280px;
    color: black;
    margin: 0px;
 }


 @media only screen and (max-width: 768px) {
    .acf-features-icon-section-2-box {
       display: grid;
       grid-template-columns: repeat(2, 1fr);
       gap: 25px 40px;
       padding: 15px;

    }
 }


 /* ---------------------------- */
 /*  acf-contact-icon-section */
 /* ---------------------------- */


 .section-acf-contact-icon-section {
    margin-top: 15px;
    margin-bottom: 15px;
 }

 .acf-contact-icon-section-box {
    background-color: #1C1C1A;
    padding: 40px 65px;
    border-radius: 20px;

    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 25px;
 }

 .acf-contact-icon-section--single-el {
    display: flex;
    align-items: center;
    gap: 15px;
    flex: 1;
 }

 .acf-contact-icon-section--single-el p,
 .acf-contact-icon-section--single-el a {
    text-decoration: none;
    font-family: var(--font-primary);
    display: block;
    font-size: 22px;
    line-height: 28px;
    font-weight: 500;
    color: white;
    max-width: 238px;
    transition: all 0.2s;
    margin: 0px;

 }

 .acf-contact-icon-section--single-el a:hover {
    color: white;
    opacity: 0.6;
 }

 .acf-contact-icon-section-box .acf-contact-icon-section--single-el img {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    object-fit: contain;
 }

 .acf-contact-icon-section-box .acf-contact-icon-section--single-el svg {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    object-fit: contain;
    fill: white;
 }

 @media only screen and (max-width: 1250px) {
    .acf-contact-icon-section-box {
       padding-left: 25px;
       padding-right: 25px;
       flex-direction: column;

    }

    .acf-contact-icon-section--single-el {
       max-width: 400px;
       width: 100%;
       flex: initial;
    }
 }

 @media only screen and (max-width: 768px) {
    .acf-contact-icon-section-box .acf-contact-icon-section--single-el img {
       width: 40px;
       height: 40px;
       flex: 0 0 40px;
    }

    .acf-contact-icon-section-box .acf-contact-icon-section--single-el svg {
       width: 40px;
       height: 40px;
       flex: 0 0 40px;
    }

    .acf-contact-icon-section--single-el p,
    .acf-contact-icon-section--single-el a {
       font-size: 18px;
       line-height: 24px;
    }
 }


 /* ---------------------------- */
 /*  section-hcgr-gallery------  */
 /* ---------------------------- */

 .hcgr-chip-label {
    font-family: var(--font-secondary);
 }

 .hcgr-badge {
    font-family: var(--font-primary);
 }

 .hcgr-tag {
    font-family: var(--font-primary);
 }

 .section-hcgr-gallery {
    margin-top: 25px;
    margin-bottom: 60px;
 }

 .hcgr-more {
    font-family: var(--font-secondary);

 }

 /* ---------------------------- */
 /*  hcrev-section       ------  */
 /* ---------------------------- */

 .hcrev-chip {
    font-family: var(--font-primary);
 }

 .hcrev-title {
    font-family: var(--font-primary);
 }

 .hcrev-modal__title {
    font-family: var(--font-primary);
 }

 .hcrev-modal__body p {
    font-family: var(--font-secondary);
 }

 .hcrev-readmore-btn {
    font-family: var(--font-secondary);

 }


 /* ---------------------------- */
 /*  hcfp-slider         ------  */
 /* ---------------------------- */

 .hcfp-card-cta {
    font-family: var(--font-secondary);
 }

 .hcfp-badge-title {
    font-family: var(--font-secondary);
 }

 .hcfp-badge-price {
    font-family: var(--font-secondary);
 }

 .hcfp-slider .padding-glob {
    padding-right: 0px;
 }

 @media (min-width: 1455px) {
    .hcfp-slider {
       /* position: relative; */
    }

    .hcfp-slider .swiper::after {
       content: "";
       position: absolute;
       top: 0;
       z-index: 2;
       right: 0;
       width: 15px;
       height: 100%;
       background: linear-gradient(to left, white 0%, transparent 100%);
       pointer-events: none;
       /* żeby pseudo-element nie blokował interakcji */
    }
 }

 .hcfp-modal * {
    font-family: var(--font-secondary);
 }


 /* ---------------------------- */
 /*  acf-faq             ------  */
 /* ---------------------------- */

 .section-acf-faq {
    margin-top: 100px;
    margin-bottom: 35px;
 }

 .acf-faq-box h2 {
    font-family: var(--font-primary);
    font-size: 40px;
    line-height: 46px;
    font-weight: 500;
    color: black;
    text-align: center;
    margin: 0px;
    margin-bottom: 35px;
 }

 .acf-faq-box {
    padding-left: 90px;
    padding-right: 90px;
    padding-bottom: 60px;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #F8F6F2 100%) 0% 0% no-repeat padding-box;
    border-radius: 20px;
 }

 .faq-box-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
 }

 .faq-box-list--single {
    padding: 40px;
    background-color: #F9F7F3;
    border: 1px solid #D6D2CD;
    border-radius: 20px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
 }

 .faq-box-list--single-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
    cursor: pointer;
    padding-top: 25px;
    padding-left: 40px;
    padding-right: 40px;
 }

 .faq-box-list--single-header h3 {
    font-size: 24px;
    line-height: 28px;
    font-family: var(--font-primary);
    color: black;
    font-weight: 500;
    margin: 0px;
 }


 .faq-box-list--single-content {
    margin-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
    display: none;
 }

 .faq-box-list--single-content * {
    font-family: var(--font-secondary);
 }

 .faq-box-list--single-content p,
 .faq-box-list--single-content li,
 .faq-box-list--single-content a {
    font-size: 16px;
    line-height: 26px;
    color: black;
    font-weight: 400;

 }

 .faq-box-list--single-content a {
    color: black;
    text-decoration: underline;
    font-weight: 600;
 }

 .faq-box-list--single-header-svg-wrapper {
    width: 55px;
    height: 55px;
    flex: 0 0 55px;
    background-color: #E5E1DB;
    border: 1px solid #D6D2CC;
    border-radius: 55px;
    display: flex;
    justify-content: center;
    align-items: center;


 }

 /* Domyślnie w lewo */
 .faq-box-list--single-header-svg-wrapper svg {
    width: 14px;
    height: auto;
    /* Skierowana do góry */
    transform: rotate(90deg);
    transition: all 0.2s;
 }


 .faq-box-list--single.is-open .faq-box-list--single-header-svg-wrapper svg {
    transform: rotate(270deg);
    transition: all 0.2s;
 }

 .faq-box-list--single.is-open {
    padding-bottom: 40px;
 }


 @media only screen and (max-width: 1150px) {
    .acf-faq-box {
       padding-left: 35px;
       padding-right: 35px;
    }
 }

 @media only screen and (max-width: 768px) {
    .faq-box-list--single-header h3 {
       font-size: 16px;
       line-height: 20px;
    }

    .faq-box-list--single-content p,
    .faq-box-list--single-content a,
    .faq-box-list--single-content li {
       font-size: 14px;
       line-height: 24px;
    }

    .faq-box-list--single-content {
       margin-top: 35px;
    }

    .acf-faq-box {
       padding-left: 15px;
       padding-right: 15px;
    }

    .faq-box-list--single-header {
       padding-left: 25px;
       padding-right: 25px;
    }

    .faq-box-list--single-content {
       padding-left: 25px;
       padding-right: 25px;
    }
 }



 /* ---------------------------- */
 /*  HERO   -------------------  */
 /* ---------------------------- */

 .section-hero .hero-box {
    position: relative;
    padding: 60px 65px;
    border-radius: 20px;
    overflow: hidden;

    display: flex;
    align-items: flex-end;

    min-height: 440px;

 }

 .section-hero .hero-box .hero-overlay {
    position: absolute;
    height: 100%;
    inset: 0px;
    width: 100%;
    object-fit: cover;
    z-index: 2;
    background-color: rgba(0, 0, 0, .4);
 }

 .section-hero .hero-box .hero-bg {
    position: absolute;
    height: 100%;
    inset: 0px;
    width: 100%;
    object-fit: cover;
    z-index: 1;
 }

 .section-hero .hero-box .hero-content {
    position: relative;
    z-index: 3;

 }

 .section-hero .hero-box .hero-content .hero-content-inside * {
    color: white;
    font-family: var(--font-primary);
 }

 .section-hero .hero-box .hero-content .hero-content-inside h1,
 .section-hero .hero-box .hero-content .hero-content-inside h2,
 .section-hero .hero-box .hero-content .hero-content-inside h3 {
    font-size: 60px;
    line-height: 70px;
    font-weight: 500;
    margin-bottom: 25px;
 }

 .section-hero .hero-box .hero-content .hero-content-inside p,
 .section-hero .hero-box .hero-content .hero-content-inside li,
 .section-hero .hero-box .hero-content .hero-content-inside a {
    font-size: 22px;
    line-height: 28px;
    font-weight: 500;
 }

 .section-hero .button-list-wrapper {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 35px;
    align-items: center;

 }

 .section-hero .button-white svg {
    transform: rotate(135deg);
 }

 .section-hero .button-as-link {
    color: white !important;
    font-family: var(--font-secondary);
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-decoration: none;
    transition: all 0.2s;
 }

 .section-hero .button-as-link u {
    font-weight: 600;
 }

 /* Nawigacja gdy dzieckiem */
 .hero-nav-back-wrapper {
    display: flex;
    align-items: center;
 }

 .hero-nav-back {
    font-size: 16px;
    line-height: 22px;
    color: white !important;
    display: flex;
    gap: 8px;
    text-decoration: none;
    font-family: var(--font-secondary);
    font-weight: 500;
 }


 .hero-nav-back svg {
    width: 12px;
    height: auto;
    fill: white;
 }

 /* Meta dane przy wpisie */

 .hero-article-meta {
    display: flex;
    gap: 25px 50px;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 20px;
 }

 .hero-article-meta .hero-article-meta--single {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    font-family: var(--font-primary);
    color: white;
 }

 .hero-article-meta .hero-article-meta--single svg {
    width: 18px;
    height: 18px;
    object-fit: contain;
    fill: white;
 }

 /* KLASY DOPISANE DO GŁÓWNEJ SEKCJI HERO*/

 .section-hero.section-hero-large .hero-box {
    min-height: 742px;
 }



 @media only screen and (max-width: 1150px) {
    .section-hero .hero-box {
       padding-left: 35px;
       padding-right: 35px;
    }

 }

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

    .section-hero .hero-box {
       padding-left: 25px;
       padding-right: 25px;
    }

    .section-hero .hero-box .hero-content .hero-content-inside h1,
    .section-hero .hero-box .hero-content .hero-content-inside h2,
    .section-hero .hero-box .hero-content .hero-content-inside h3 {
       font-size: 42px;
       line-height: 50px;
       font-weight: 500;
       margin-bottom: 25px;
    }


    .section-hero .hero-box .hero-content .hero-content-inside p,
    .section-hero .hero-box .hero-content .hero-content-inside li,
    .section-hero .hero-box .hero-content .hero-content-inside a {
       font-size: 16px;
       line-height: 22px;
       font-weight: 500;
    }
 }

 /* ---------------------------- */
 /*  MENU   -------------------  */
 /* ---------------------------- */

 .hc-site-header {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 100;
 }

 .top-bar-overlay {
    background: transparent linear-gradient(91deg, #FF6200 0%, #FF9100 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 15px #00000014;
    width: 100%;

    position: relative;
    z-index: 4;
 }

 .top-bar-overlay-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
 }

 .top-bar-overlay-box .left-col,
 .top-bar-overlay-box .right-col {
    display: flex;
    align-items: center;
    gap: 25px;
 }

 .top-bar-overlay-box a {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    line-height: 16px;
    color: white !important;
    font-weight: 500;
    text-decoration: none;
    padding-top: 6px;
    padding-bottom: 6px;
    font-family: var(--font-secondary);
 }

 .top-bar-overlay-box a svg {
    width: 18px;
    height: 18px;
    fill: white;
    object-fit: contain;
 }

 .top-bar-overlay-box .text-mobile {
    display: none;

    font-family: var(--font-primary);

    font-size: 13px;
    line-height: 15px;
    color: white;
    font-weight: 500;

 }

 @media only screen and (max-width: 768px) {
    .top-bar-overlay-box .left-col a {
       display: none;
    }

    .top-bar-overlay-box .text-mobile {
       display: block;
    }

 }



 /* MENU W ŚRODKU */
 .hc-header-inside {
    background-color: white;
    border-radius: 0 0 20px 20px;
    display: flex;
    align-items: center;
    gap: 60px;
    width: 100%;
    padding: 20px;
 }

 .overlay-box-menu {
    width: 100%;
    height: 15px;
    background-color: white;
    flex: 1;
    position: relative;
    min-width: 60px;

 }

 .overlay-box-menu svg {
    position: absolute;
    width: 20px;
    height: auto;
    top: 100%;

 }


 .overlay-box-menu.left-box svg.internal-corner {
    right: 0;
 }

 .overlay-box-menu.right-box svg.internal-corner {
    left: 0;
 }

 .overlay-box-menu.left-box svg.external-corner {

    left: 0;
 }

 .overlay-box-menu.right-box svg.external-corner {
    right: 0;
 }




 .white-box-outside-padding.white-box-outside-padding-left {
    width: 15px;
    height: 45px;
    background: white;
    position: absolute;
    left: -15px;
    top: 0px;
    border-radius: 0 0 10px 0px;
 }

 .white-box-outside-padding.white-box-outside-padding-right {
    width: 15px;
    height: 45px;
    background: white;
    position: absolute;
    right: -15px;
    top: 0px;
    border-radius: 0 0 0px 10px;
 }



 .hc-header-inside-wrapper {
    display: flex;

 }

 .hc-header-inside .custom-logo-link {
    max-width: 140px;
    width: 100%;
 }


 .main-nav-links-wrapper {
    display: flex;
    flex: 1;
 }

 .main-nav {
    display: flex;
    flex: 1;
 }

 .main-nav ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
 }

 .main-nav>ul {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 20px;
 }

 .main-nav>ul a {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    font-family: var(--font-secondary);
    color: black;
    text-decoration: none;
 }

 .main-nav>ul>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
 }
.main-nav>ul>li>a:not(.button-gradient)::after{
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    background-color: #FF6200;;
    left: 0;
    bottom: 2px;
    transition: all 0.2s;
}
.main-nav>ul>li>a:hover:not(.button-gradient)::after{
   width: 100%;
}

 .main-nav-links-wrapper .menu-item-has-children {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
 }
   .main-nav-links-wrapper .menu-item-has-children ul li{
      padding-top: 0px;
      padding-bottom: 0px;
      padding: 0px !important;
   }
  .main-nav-links-wrapper .menu-item-has-children ul li a{
   display: block;
  padding: 15px;
  transition: all 0.2s;
  }
    .main-nav-links-wrapper .menu-item-has-children ul li a:hover{
          background: #F8F6F2;
 
    }
 .main-nav ul[aria-label="submenu"] {
    display: none;
 }

 .main-nav .menu-item-has-children:hover>ul[aria-label="submenu"] {
    display: block;
    position: absolute;
    top: 100%;
    min-width: 200px;
    background-color: white;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    overflow: hidden;
 }

 .main-nav .menu-item-has-children:hover>ul[aria-label="submenu"] li {
    padding: 10px;
 }


 .main-nav #main-right {
    justify-content: flex-end;
 }

 .main-nav #main-right a {
    font-weight: 600;
 }

 .main-nav #main-right .button-gradient a {
    color: white;
    font-weight: 500;
    font-family: var(--font-primary);
    gap: 10px;
    display: flex;
    align-items: center;
 }

 .main-nav #main-right .button-gradient a svg {
    width: 10px;
    height: auto;
    flex: 0 0 10px;
    fill: white;
    transform: rotate(135deg);
 }


 @media only screen and (max-width: 1350px) {
    .hc-header-inside {
       gap: 35px;
    }

 }

 @media only screen and (max-width: 1300px) {
    .main-nav>ul>li>a {
       font-size: 12px;
    }
 }

 @media only screen and (max-width: 1250px) {
    .hc-header-inside {
       gap: 25px;
    }
 }

 @media only screen and (max-width: 1200px) {
    .main-nav-links-wrapper {
       display: none;
    }

    .hc-header-inside {
       justify-content: center;
       width: initial;
    }

    .hc-header-inside .custom-logo-link {
       max-width: 160px;
       max-height: 25px;
    }

 }

 /* .main-nav>ul a */

 /* MENU MOBILNE */

 .hc-site-mobile-menu {
    position: sticky;
    margin-top: 0px;
    bottom: 0px;
    width: 100%;
    background: white;
    z-index: 100;
    border-radius: 35px 35px 0 0;

    display: none;
    justify-content: space-evenly;
    align-items: flex-start;
    gap: 30px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 12px;
    padding-top: 12px;
    box-shadow: 0px -5px 20px #00000014;
 }

 .hc-site-mobile-menu .mobile-menu-single-el {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    background-color: transparent;
    padding: 0px;
    border: 0px;
    text-decoration: none;
    color: #B7B7B7;
    font-family: var(--font-primary);

    font-size: 12px;
    line-height: 13px;
    text-align: center;
    cursor: pointer;

 }

 .hc-site-mobile-menu .mobile-menu-single-el svg {
    fill: #B7B7B7;
    width: 30px;
    height: 30px;
    object-fit: contain;
 }

 @media only screen and (max-width: 1200px) {
    .hc-site-mobile-menu {
       display: flex;
    }
 }



 .menu-mobile-list-wrapper {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.4);
    z-index: 101;
    display: none;
 }

 .menu-mobile-list-wrapper-inside {
    background-color: white;
    height: 100%;
    width: 90vw;
    max-width: 400px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
 }

 .menu-mobile-header {
    padding: 25px;
    font-family: var(--font-primary);
    font-size: 16px;
    line-height: 16px;
    color: black;
    font-weight: 500;
    /* padding-left: 50px; */
    border-bottom: 1px solid #D6D2CD;
    display: flex;
    align-items: center;
    gap: 25px;

 }

 .menu-mobile-list-box {
    padding: 25px;
    max-height: calc(100dvh - 78px);
    overflow: auto;
 }

 .menu-mobile-list-box ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
 }

 .menu-mobile-list-box ul li a {
    font-family: var(--font-secondary);
    color: black;
    text-decoration: none;
    font-weight: 500;
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
 }


 .button-close-menu {
    cursor: pointer;
    padding: 0px;
    background: transparent;
    border: 0px;
    margin: 0px;
 }

 .button-close-menu svg {
    width: 25px;
    height: auto;
    fill: black;
 }

 @media only screen and (min-width: 1200px) {
    .menu-mobile-list-wrapper {
       display: none;
    }

 }

 /* ---------------------------- */
 /*  FOOTER -------------------  */
 /* ---------------------------- */


 .flooren-footer {
    margin: 0px;
    margin-top: 90px;
 }

 .flooren-site-footer {
    padding: 50px;
    padding-bottom: 25px;
    background-color: #1C1B1A;
    border-radius: 20px 20px 0px 0px;
 }


 /* Kolumny */

 .footer-col-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 160px;
    margin-top: 30px;
    transition: all 0.2s;

 }

 .footer-right-col-wrapper {
    flex: 1;
    gap: 35px;
    display: flex;
    justify-content: space-between;

 }

 .footer-single-col {
    flex: 0 0 170px;
 }

 @media only screen and (max-width: 1350px) {
    .footer-col-wrapper {
       gap: 35px;
    }

 }




 /* LOGO STOPKA */
 .footer-logo-wrapper .logo-footer {
    display: block;
    max-width: 200px;
    width: 100%;
 }

 .footer-logo-wrapper .logo-footer img {
    width: 100%;
    height: auto;
 }




 /* KOLUMNA OPISOWA */
 .footer-single-col.footer-desc-col {
    flex: 0 0 470px;

 }

 .footer-single-col.footer-desc-col p {
    margin: 0px;
    font-size: 14px;
    line-height: 24px;
    color: #FFFFFF;
    font-weight: 500;
    font-family: var(--font-secondary);


 }

 @media only screen and (max-width: 1250px) {
    .footer-col-wrapper {
       flex-direction: column;
    }

    .footer-single-col.footer-desc-col {
       flex: initial;
    }
 }

 /* KOLUMNY Z LINKAMI */
 .footer-single-col {
    display: flex;
    flex-direction: column;
 }

 .footer-single-col h3 {
    font-family: var(--font-primary);
    font-size: 16px;
    line-height: 20px;
    margin: 0px;
    margin-bottom: 20px;
    color: white;
    font-weight: 500;
 }

 .footer-link-box-wrapper {
    display: flex;
    flex-direction: column;
    gap: 6px;
 }

 .footer-link-box-wrapper a {
    display: block;
    font-size: 14px;
    line-height: 24px;
    text-decoration: none;
    font-weight: 400;
    color: white !important;
    font-family: var(--font-secondary);
    position: relative;
    transition: all 0.2s;

 }

 .footer-link-box-wrapper a::after {
    content: "";
    width: 0%;
    height: 2px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-color: #FF6200;
    transition: all 0.2s;
 }

 .footer-link-box-wrapper a:hover {
    color: #FF6200 !important;
 }

 .footer-link-box-wrapper a:hover::after {
    width: 100%;
 }


 /* Footer contact column */


 .footer-single-col.footer-contact-col {}

 .footer-single-col.footer-contact-col p {
    margin: 0px;
    display: block;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: white !important;
    font-family: var(--font-secondary);

 }

 .footer-contact-links {
    display: flex;
    flex-direction: column;
    gap: 0px;
    margin-top: 10px;
 }

 .footer-contact-links a {
    display: block;
    font-size: 14px;
    line-height: 24px;
    text-decoration: none;
    font-weight: 400;
    color: white !important;
    font-family: var(--font-secondary);
    position: relative;
    transition: all 0.2s;

 }

 .footer-contact-links a::after {
    content: "";
    width: 0%;
    height: 2px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-color: #FF6200;
    transition: all 0.2s;
 }

 .footer-contact-links a:hover {
    color: #FF6200 !important;
 }

 .footer-contact-links a:hover::after {
    width: 100%;
 }

 /* Social media */
 .footer-social-media {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
 }

 .footer-social-media a {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #484848;
    border-radius: 20px;
    width: 60px;
    height: 60px;
    flex: 0 0 60px;
    text-decoration: none;
    background-color: transparent;
    transition: all 0.2s;

 }




 .footer-social-media a svg {
    fill: white;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    object-fit: contain;
    transition: all 0.2s;

 }

 .footer-social-media a:hover {
    background-color: white;
    border-color: white;
 }

 .footer-social-media a:hover svg {
    fill: #1C1B1A;
 }

 /* Copyright */
 .footer-copyright {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-top: 50px;
 }

 .footer-copyright a,
 .footer-copyright p {
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    color: #E5E4E2 !important;
    font-weight: 500;
    font-family: var(--font-secondary);
    margin: 0px;
    display: block;
 }

 .footer-copyright a {
    transition: all 0.2s;
 }

 .footer-copyright a:hover {
    color: #FF9100 !important;
 }

 @media only screen and (max-width: 768px) {
    .footer-copyright {
       flex-direction: column;
       justify-content: center;
       align-items: center;
    }

    .footer-copyright a,
    .footer-copyright p {
       text-align: center;
    }



    .footer-right-col-wrapper {
       flex-direction: column;
    }

    .footer-single-col {
       flex: initial;
       justify-content: center;
       align-items: center;
    }

    .footer-logo-wrapper .logo-footer {
       margin-left: auto;
       margin-right: auto;
    }

    .footer-social-media {
       justify-content: center;
    }

    .footer-link-box-wrapper a::after {
       display: none;
    }

    .footer-contact-links a::after {
       display: none;
    }

    .footer-link-box-wrapper {
       align-items: center;
    }

    .footer-single-col.footer-contact-col p {
       justify-content: center;
       text-align: center;
    }

    .footer-contact-links a {
       text-align: center;
    }

    .flooren-site-footer {
       padding-left: 15px;
       padding-right: 15px;
    }

    .footer-copyright {
       margin-top: 35px;
    }

    .footer-single-col.footer-desc-col p {
       text-align: center;
    }
 }



 /* ---------------------------- */
 /*  KONTAKT   -------------------  */
 /* ---------------------------- */


 /* Inputs */
 .hcfp-form {
    display: grid;
    gap: 12px;
 }

 .hcfp-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
 }

 @media (max-width: 640px) {
    .hcfp-row {
       grid-template-columns: 1fr;
    }
 }

 .hcfp-input,
 .hcfp-textarea {
    width: 100%;
    padding: 16px 15px !important;
    border: 1px solid #EDEBEB !important;
    border-radius: 10px !important;
    background: #F9F8F5;
    outline: none;
    font-family: var(--font-primary);
    font-size: 15px;
    line-height: 20px;
 }

 .hcfp-textarea {
    min-height: 120px;
    max-height: 400px;
    resize: vertical;
 }

 .hcfp-consent {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 12px;
    color: #333;

    font-size: 11px;
    line-height: 16px;
    font-family: var(--font-secondary);
    color: black;
    font-weight: 400,
 }

 .hcfp-consent a {
    color: black !important;
 }

 .hcfp-check {
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    border-radius: 4px;
    border: 1px solid #EDEBEB;
    display: grid;
    place-items: center;
    cursor: pointer;
    background: #fff;
 }

 .hcfp-check input {
    display: none;
 }

 .hcfp-check .hcfp-tick {
    width: 12px;
    height: 12px;
    display: none;
    background: transparent linear-gradient(100deg, #FF6200 0%, #FF9100 100%) 0% 0% no-repeat padding-box;
 }

 .hcfp-check.is-on .hcfp-tick {
    display: block;
 }

 /* Custom select */
 .hcfp-select {
    position: relative;
 }

 .hcfp-select select {
    display: none;
 }

 .hcfp-select__selected {
    font-family: var(--font-primary);
    border-radius: 10px;
    border: 1px solid #EDEBEB;
 }

 .hcfp-select__selected,
 .hcfp-select__list div {
    font-family: var(--font-primary);
    padding: 16px 15px !important;
    font-size: 15px;
    line-height: 20px;
    cursor: pointer;
    transition: all 0.2s;
    background: #F9F8F5;
 }

 .hcfp-select__list div:hover {

    color: #FF6200 !important;
 }

 .hcfp-select__list {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: #F9F8F5;
    border: 1px solid #EDEBEB;
    border-radius: 12px;
    overflow: hidden;
    display: none;
    z-index: 5;
 }

 .hcfp-select.is-open .hcfp-select__list {
    display: block;
 }

 .hcfp-submit {

    border: 0px;
    cursor: pointer;

    width: 100%;
    border-radius: 10px;
    font-size: 15px;
    line-height: 20px;
    font-family: var(--font-primary);
    font-weight: 500;
 }

 .hcfp-alert {
    font-size: 13px;
 }

 .hcfp-alert--ok {
    color: #0a7a0a;
 }

 .hcfp-alert--err {
    color: #b40000;
 }


 /* --- Feedback banner --- */
 .hcfp-feedback {
    margin: 0 0 14px 0;
    padding: 12px 14px;
    border-radius: 12px;

    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
 }

 .hcfp-feedback--ok {
    background: #e8f6ec;
    color: #1b6e2e;
    border: 1px solid #bfe8cc;
 }

 .hcfp-feedback--err {
    background: #fdeaea;
    color: #9c1c1c;
    border: 1px solid #f5b7b7;
 }

 /* Stary „alert” też niech będzie czytelny i zawsze widoczny w linii */
 .hcfp-alert {
    min-height: 1.2em;
 }

 .hcfp-alert--ok {
    color: #1b6e2e;
 }

 .hcfp-alert--err {
    color: #9c1c1c;
 }




 /* ------------------------------------------------------------- */
 /*  section-acf-description-6-contact-form  -------------------  */
 /* ------------------------------------------------------------- */
 .section-acf-description-6-contact-form {
    margin-top: 15px;
    margin-bottom: 90px;
 }

 .acf-description-6-contact-form-box {
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #F8F6F2 100%) 0% 0% no-repeat padding-box;
    display: flex;
    align-items: center;
    gap: 50px;
    padding: 15px;
    border-radius: 20px;
 }

 .acf-description-6-contact-form-box .left-col {
    flex: 1;
    padding-left: 50px;
 }

 .acf-description-6-contact-form-box .right-col {
    flex: 0 0 615px;
 }

 .acf-description-6-contact-form-box .left-col h1,
 .acf-description-6-contact-form-box .left-col h2,
 .acf-description-6-contact-form-box .left-col h3 {
    font-size: 40px;
    line-height: 46px;
    font-weight: 500;
    color: #000000;
    font-family: var(--font-primary);
 }

 .acf-description-6-contact-form-box .left-col a,
 .acf-description-6-contact-form-box .left-col p,
 .acf-description-6-contact-form-box .left-col li {
    font-family: var(--font-secondary);

    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: black;
 }

 .acf-description-6-contact-form-box .left-col a {
    text-decoration: underline;
 }


 .hc-contact-form-simple .hccf-title {
    font-weight: 500;
    font-family: var(--font-primary);
 }


 @media only screen and (max-width: 1150px) {
    .acf-description-6-contact-form-box .left-col {
       padding-left: 0px;
       width: 100%;
    }

    .acf-description-6-contact-form-box {
       flex-direction: column;
       gap: 30px;
    }
 }

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

    .acf-description-6-contact-form-box .left-col h1,
    .acf-description-6-contact-form-box .left-col h2,
    .acf-description-6-contact-form-box .left-col h3 {
       font-size: 32px;
       line-height: 40px;
       text-align: center;
    }

    .acf-description-6-contact-form-box .left-col a,
    .acf-description-6-contact-form-box .left-col p,
    .acf-description-6-contact-form-box .left-col li {
       font-size: 16px;
       line-height: 19px;
       text-align: center;
    }
 }



 /* -------------------------------------------------- */
 /*  act-title-section-with-desc   -------------------  */
 /* --------------------------------------------------- */

 .section-act-title-section-with-desc {
    margin-top: 90px;
    margin-bottom: 35px;
 }

 .act-title-section-with-desc * {
    text-align: center;
 }

 .act-title-section-with-desc h1,
 .act-title-section-with-desc h2,
 .act-title-section-with-desc h3 {
    font-family: var(--font-primary);
    font-size: 40px;
    line-height: 46px;
    font-weight: 500;
    color: black;
    margin-bottom: 10px;
 }

 .act-title-section-with-desc p,
 .act-title-section-with-desc li,
 .act-title-section-with-desc a {

    font-family: var(--font-secondary);
    text-decoration: none;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: black;

 }

 .act-title-section-with-desc a {
    text-decoration: underline;
    font-weight: 600;
 }

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

    .act-title-section-with-desc h1,
    .act-title-section-with-desc h2,
    .act-title-section-with-desc h3 {
       font-size: 32px;
       line-height: 40px;
       text-align: center;
    }

    .act-title-section-with-desc p,
    .act-title-section-with-desc li,
    .act-title-section-with-desc a {
       font-size: 16px;
       line-height: 19px;
    }


 }



 /* -------------------------------  */
 /*  section-acf-color-pallete-tiles */
 /* -------------------------------- */

 .section-acf-color-pallete-tiles {
    margin-top: 60px;
    margin-bottom: 90px;
 }

 .acf-color-pallete-tiles {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
 }

 .color-pallete-tile--single {
    position: relative;
    overflow: hidden;
    height: 441px;

    /* dopasuj do designu */
    background: #f4f4f4;
    border-radius: 20px;
 }

 .color-pallete-tile--single::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .55) 100%);
    z-index: 2;
 }

 .color-pallete-tile--single img {
    display: none;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;

 }

 .color-pallete-tile--single img.is-visible {
    opacity: 1;
 }

 @media (prefers-reduced-motion: reduce) {
    .color-pallete-tile--single img {
       transition: none;
    }
 }

 .color-pallete-badge {
    position: absolute;
    top: 15px;
    left: 15px;

    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: black;
    background-color: white;
    padding: 8px 20px;
    border-radius: 16px;
    box-shadow: 0px 3px 10px #00000014;
    font-family: var(--font-primary);
 }


 .color-pallete-tag {
    position: absolute;
    left: 12px;
    bottom: 12px;
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    color: white;

    box-shadow: 0px 5px 10px #00000014;
    border-radius: 10px;
    backdrop-filter: blur(3px);

    padding: 15px;
    background: rgba(0, 0, 0, 0.4);
    z-index: 4;
    font-family: var(--font-primary);
 }


 @media (max-width: 1150px) {
    .acf-color-pallete-tiles {
       grid-template-columns: repeat(3, 1fr);
    }
 }

 @media (max-width: 768px) {

    .acf-color-pallete-tiles {
       grid-template-columns: repeat(2, 1fr);
    }


 }

 @media (max-width: 650px) {
    .acf-color-pallete-tiles {
       grid-template-columns: repeat(1, 1fr);
    }

 }



 /* -------------------------------  */
 /*  acf-description-7-image-tiles-loop */
 /* -------------------------------- */


 .acf-description-7-image-tiles-loop {
    margin-top: 90px;
    margin-bottom: 90px;
 }

 .description-7-image-tiles-loop-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
    padding-left: 75px;
    padding-right: 75px;
 }

 .description-7-image-tiles-loop-box .hc-button-wrapper {
    margin-top: 25px;
 }

 .description-7-image-tiles-loop-box .description-7-image-tiles-loop-box--content h1,
 .description-7-image-tiles-loop-box .description-7-image-tiles-loop-box--content h2,
 .description-7-image-tiles-loop-box .description-7-image-tiles-loop-box--content h3 {
    font-size: 40px;
    line-height: 46px;
    font-weight: 500;
    color: #000000;
    font-family: var(--font-primary);
 }

 .description-7-image-tiles-loop-box .description-7-image-tiles-loop-box--content p,
 .description-7-image-tiles-loop-box .description-7-image-tiles-loop-box--content a,
 .description-7-image-tiles-loop-box .description-7-image-tiles-loop-box--content li {
    font-family: var(--font-secondary);

    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: black;
 }

 .description-7-image-tiles-loop-box .description-7-image-tiles-loop-box--content a {
    font-weight: 500;
    text-decoration: underline;
 }



 .description-7-image-tiles-loop-box .right-col.images-tiles-loop {
    display: flex;

    gap: 15px;
 }

 .description-7-image-tiles-loop-box .images-tiles-loop--single {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    min-height: 373px;
    display: flex;
    align-items: flex-end;
    min-width: 261px;
    padding: 20px 14px;
 }
.description-7-image-tiles-loop-box .images-tiles-loop--single::after{
   content:"";
   background-color: rgba(0,0,0,0.3);
   z-index: 1;
    position: absolute;
    object-fit: cover;
    inset: 0;
    width: 100%;
    height: 100%;
}
 .description-7-image-tiles-loop-box .images-tiles-loop--single img {
    position: absolute;
    object-fit: cover;
    inset: 0;
    width: 100%;
    height: 100%;
 }

 .description-7-image-tiles-loop-box .images-tiles-loop--single h3 {
    position: relative;
    z-index: 2;
    color: white;
    font-family: var(--font-primary);
    font-size: 26px;
    line-height: 30px;
    font-weight: 500;
    margin: 0px;
 }

 @media (max-width: 1350px) {
    .description-7-image-tiles-loop-box {
       gap: 35px;
    }

 }


 @media (max-width: 1250px) {
    .description-7-image-tiles-loop-box {

       flex-direction: column;
    }

 }

 @media (max-width: 1150px) {

    .description-7-image-tiles-loop-box {
       padding-left: 20px;
       padding-right: 20px;
    }
   .description-7-image-tiles-loop-box .images-tiles-loop--single {
       min-width: initial;
       width: 100%;
    }

    .description-7-image-tiles-loop-box .right-col.images-tiles-loop {
       width: 100%;
    }
 }

 @media (max-width: 900px) {
 
 }

 @media (max-width: 768px) {

    .description-7-image-tiles-loop-box .right-col.images-tiles-loop {
       flex-direction: column;
    }


    .description-7-image-tiles-loop-box .description-7-image-tiles-loop-box--content h1,
    .description-7-image-tiles-loop-box .description-7-image-tiles-loop-box--content h2,
    .description-7-image-tiles-loop-box .description-7-image-tiles-loop-box--content h3 {
       font-size: 32px;
       line-height: 40px;
       text-align: center;
    }

    .description-7-image-tiles-loop-box .description-7-image-tiles-loop-box--content p,
    .description-7-image-tiles-loop-box .description-7-image-tiles-loop-box--content a,
    .description-7-image-tiles-loop-box .description-7-image-tiles-loop-box--content li {
       font-size: 16px;
       line-height: 19px;
    }



 }