*::selection {
    color: var(--color-black);
    background-color: var(--color-orange);
}

.background-orange *::selection {
    background-color: var(--color-black);
    color: var(--color-white);
}

/* Slick fix */
.slick-track {
    display: flex !important;
    z-index: 1;
}

.slick-slide {
    height: inherit !important;
}

.button_arrow {
    border-radius: 3rem 0;
    background-color: var(--color-red);
    color: var(--color-white);
    font-size: var(--font-size-small);
    padding: 1.85rem 9.8rem 1.85rem 5.6rem;
    position: relative;
    transition: background-color .3s ease-out;
    font-weight: var(--font-weight-medium);
}

.button_arrow:after {
    content: url('/wp-content/themes/MRSolutions/files/assets/images/arrow.svg');
    position: absolute;
    right: 4.7rem;
}

/* Main baner */
.baner_wrapper {
    position: relative;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 15.2rem 100%, 0% calc(100% - 15.2rem));
}

.baner_wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.90) 0%, rgba(0, 0, 0, 0.00) 28.56%);
    pointer-events: none;
}

@media screen and (min-width: 992px) {
    .baner_wrapper {
        margin-left: 5.38%;
    }
}

.baner_wrapper img {
    width: 100%;
    height: auto;
}

@media screen and (max-width: 991px) {
    .baner_wrapper img {
        height: 50lvh;
        object-fit: cover;
        object-position: center;
        width: 100%;
    }
}

@media screen and (max-width: 460px) {
    .baner_wrapper img {
        height: 60lvh;
    }
}

.baner__inner {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 32.5%;
    left: 7.32%;
    color: var(--color-white);
    font-size: var(--font-size-48);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: 122.257%;
    max-width: max(697px, 69.7rem);
}

.baner__inner span {
    display: inline-block;
    max-width: max-content;
    padding-left: max(16px, 1.6rem);
    padding-right: max(22px, 2.2rem);
    margin-left: max(-16px, -1.6rem);
    color: var(--color-black);
    background-color: var(--color-orange);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - max(1.8rem, 18px)), calc(100% - max(1.8rem, 18px)) 100%, 0 100%);
}

@media screen and (max-width: 991px) {
    .baner__inner span {
        padding-top: 4px;
        padding-bottom: 6px;
    }
}

.btn {
    display: inline-flex;
    padding: max(14px, 1.4rem) max(43px, 4.3rem) max(14px, 1.4rem) max(20px, 2rem);
    justify-content: center;
    align-items: center;
    max-width: max-content;
    color: var(--color-black);
    background-color: var(--color-orange);
    font-size: var(--font-size-13);
    font-weight: var(--font-weight-semibold);
    line-height: normal;
    position: relative;
    letter-spacing: 1.3px;
    transition: color .3s ease-out, background-color .3s ease-out;
}

.btn:hover {
    color: var(--color-orange);
    background-color: var(--color-black);
}

.btn::after {
    content: '';
    position: absolute;
    top: 50%;
    right: max(20px, 2rem);
    width: max(13px, 1.3rem);
    height: max(13px, 1.3rem);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M6.62744 0.627441L13 6.99999L6.62744 13.3725' stroke='black'/%3E%3Cpath d='M12.7451 7L0 7' stroke='black'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-50%);
    transition: left .3s ease-out, right .3s ease-out, background-image .3s ease-out;
}

.btn:hover::after {
    right: max(15px, 1.5rem);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M6.62744 0.627441L13 6.99999L6.62744 13.3725' stroke='%23FFB800'/%3E%3Cpath d='M12.7451 7L0 7' stroke='%23FFB800'/%3E%3C/svg%3E");
}

.baner__inner .btn {
    margin-top: max(25px, 2.5rem);
    right: unset;
}

@media screen and (max-width: 991px) {
    .baner__inner {
        top: 50%;
        right: 7.32%;
        font-size: var(--font-size-28);
        text-align: right;
        justify-content: end;
    }

    .baner__inner span {
        margin-left: auto;
        padding-left: max(22px, 2.2rem);
        padding-right: max(16px, 1.6rem);
        clip-path: polygon(0 0, 100% 0, 100% 100%, max(1.8rem, 18px) 100%, 0% calc(100% - max(1.8rem, 18px)));
    }

    .baner__inner .btn {
        margin-left: auto;
        clip-path: polygon(0 0, 100% 0, 100% 100%, max(1.8rem, 18px) 100%, 0% calc(100% - max(1.8rem, 18px)));
        padding: max(14px, 1.4rem) max(20px, 2rem) max(14px, 1.4rem) max(43px, 4.3rem);
    }

    .baner__inner .btn::after {
        left: max(20px, 2rem);
        transform: translateY(-50%) rotateY(180deg);
    }

    .baner__inner .btn:hover::after {
        left: max(15px, 1.5rem);
    }
}

h2>span {
    color: var(--color-orange);
}

.advantages_offer__title h2,
.equipment_section__title h2 {
    line-height: 129%;
}

/* zalety naszej oferty */

.advantages_offer {
    padding: 11.3rem 0 4.5rem 0;
}

.advantages_offer__inner {}

.advantages_offer__inner_content {
    grid-template-columns: max(292px, 29rem) 1fr;
    gap: max(140px, 14rem);
    padding: 0 max(70px, 7rem);
    transform: translateY(max(-45px, -4.5rem));
}

.advantages_offer__advantages {
    grid-template-columns: repeat(4, 1fr);
    justify-content: space-between;
}



.advantage_tile {
    gap: max(13px, 1.3rem);
    align-self: start;
}

.advantages_offer__inner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.13;
    background: rgba(0, 0, 0, 0.20);
    pointer-events: none;
}

/* 
.equipment_section__inner:before,
.equipment_section__inner_content:before  */
.equipment_section{
    padding-top: 12.7rem;
}

@media screen and (max-width: 991px) {
    .advantages_offer__inner_content {
        grid-template-columns: 100%;
    }

    .advantages_offer__inner_content {
        gap: max(30px, 3rem);
    }

    .advantage_tile {
        text-align: center;
    }

    .advantages_offer__advantages {
        grid-template-columns: repeat(2, 1fr);
        gap: max(25px, 2.5rem);
    }
}

@media screen and (max-width: 500px) {
    .advantages_offer__advantages {
        grid-template-columns: repeat(2, 1fr);
        gap: max(25px, 2.5rem);
    }

    .advantages_offer__advantages {
        grid-template-columns: 100%;
    }

    .advantages_offer__inner_content {
        padding: 0 max(30px, 3rem);
    }
}





/* wyposażenie */

.equipment_tile__name p {
    line-height: 137%;
}

.equipment_section__inner {
    grid-template-columns: 100%;
}

.equipment_section__equipments {
    grid-template-columns: repeat(4, 1fr);
    gap: max(25px, 2.5rem);
    margin-top: max(55px, 5.5rem);
}

.equipment_section__inner_content {
    padding: 0 max(72px, 7.2rem);
    padding-bottom: max(80px, 8rem);
}

body.mr .equipment_tile {
    z-index: 1;
    flex-direction: column;
    gap: max(25px, 2.5rem);
    align-items: center;
    padding: max(30px, 3rem) max(5px, 0.5rem);
    text-align: center;
    display: flex;
}

.equipment_section__title {
    text-align: center;
    transform: translateY(-50%);
    z-index: 2;
}

.equipment_tile__icon img {
    max-width: max(68px, 6.8rem);
    width: 100%;
    object-fit: contain;
}

.equipment_section__equipments .slick-slide {
    margin: 0 12px;
}

.equipment_section__equipments .slick-list {
    margin: 0 -12px;
}

@media screen and (max-width: 991px) {
    .equipment_section__inner_content {
        padding: 0 max(30px, 3rem);
        padding-bottom: max(30px, 3rem);
        z-index: 2;
    }

    body.mr .house_price_banner {
        margin-top: max(-90px, -9rem);
    }

    body.mr .equipment_section__equipments {
        margin-top: max(5px, 0.5rem);
    }
}

@media screen and (max-width: 450px) {
    body.mr .house_price_banner {
        margin-top: max(25px, 2.5rem);
    }
}

/* dodatkowo oferujemy */

.additional_section__inner {
    justify-content: center;
    padding: max(57px, 5.7rem) 0 max(80px, 8.1rem) 0;
    grid-template-columns: 100%;
}

.additional_section__inner h2 {
    text-align: center;
}

/* .additional_tiles {
    margin-top: max(57px, 5.7rem);
    gap: max(22px, 2.2rem);
    text-align: center;
} */

.additional_tiles__slider {
    grid-template-columns: repeat(3, 1fr);
    gap: max(25px, 2.5rem);
    justify-content: center;
    margin-top: max(57px, 5.7rem);
    text-align: center;
}

.additional_tile {
    padding: max(50px, 5rem) max(70px, 7rem);
    flex-direction: column;
    justify-content: space-between;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 7.6rem 100%, 0% calc(100% - 7.6rem));
    gap: max(22px, 2.2rem);
}

@media screen and (min-width: 1346px) {
    .additional_tiles__slider {
        padding: 0 max(72px, 7.2rem);
    }
}

@media screen and (max-width: 992px) {
    .additional_tiles__slider {
        grid-template-columns: 100%;
    }

    .additional_tile {
        max-width: 400px;
        width: 100%;
        box-sizing: border-box;
    }

    .additional_tiles__slider {
        justify-items: center;
    }
}

.additional_tile p {
    line-height: 137%;
}

.house_price_banner {
    margin-top: max(-184px, -18.4rem);
}

.equipment_section__inner_background {
    /* opacity: 0.13;
    background: rgba(0, 0, 0, 0.20); */
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #F8F8F8;
    z-index: 1;
}

/* Section with image and content */
.description_section {
    width: 96%;
}

@media screen and (min-width: 992px) {
    .description_section {
        width: 86.75%;
        grid-template-columns: 46.69% 48.63%;
        column-gap: 4.68%;
    }

    .description__wrapper {
        margin-bottom: 4.6rem;
    }
}

@media screen and (max-width: 991px) {
    .description_section {
        margin-left: auto;
        margin-right: auto;
    }

    .description__img_wrapper {
        height: 200px;
    }
}

.description__img_wrapper {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 11.4rem), calc(100% - 11.4rem) 100%, 0 100%);
}

.description__img_wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.description__title {
    margin-top: max(18px, 1.8rem);
    margin-bottom: max(27px, 2.7rem);
}

.description>p {
    color: var(--color-gray);
    font-size: var(--font-size-15);
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    margin: 0;
}

.description>ul,
.description>ol {
    list-style: none;
    margin: 4.1rem 0 3.8rem 0;
    padding: 0;
}

.description>ul>li,
.description>ol>li {
    position: relative;
    padding-left: max(42px, 4.2rem);
    padding-bottom: max(19px, 1.9rem);
    border-bottom: 1px solid var(--color-light-gray);
    color: var(--color-black);
    font-size: var(--font-size-18);
    font-weight: var(--font-weight-bold);
    line-height: 137.5%;
}

.description>ul>li::after,
.description>ol>li::after {
    content: '';
    position: absolute;
    top: 0.7em;
    left: 0;
    width: max(28px, 2.8rem);
    height: max(28px, 2.8rem);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Ccircle cx='14' cy='14' r='13.25' stroke='%23FFB800' stroke-width='1.5'/%3E%3Cpath d='M9.00043 14.5L12.0004 17.5L19.5004 10' stroke='%23FFB800' stroke-width='1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100%;
    transform: translateY(-50%);
    pointer-events: none;
}

.description>ul>li+li,
.description>ol>li+li {
    margin-top: max(22px, 2.2rem);
}

/* Banner with price */
.house_price_banner {
    position: relative;
}

.banner_img {
    position: relative;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 15.2rem 100%, 0% calc(100% - 15.2rem));
}

.banner_img>img {
    height: 48rem;
    width: 100%;
    object-fit: cover;
}

.banner_img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000080;
    pointer-events: none;
}

.banner_content .content_title {
    line-height: 128.75%;
}

.banner_content {
    position: absolute;
    bottom: 7.6rem;
    left: 50%;
    transform: translateX(-50%);
}

@media screen and (max-width: 991px) {
    .banner_content {
        width: 100%;
        max-width: 96%;
        top: 50%;
        bottom: unset;
        transform: translate(-50%, -50%);
    }
}