.lo-about-us {
    width: min(1440px, 100%);
    margin: 15px auto 0;
    color: #3B444D;
    font: 400 16px/1 "Plus Jakarta Sans", serif;
    position: relative;
}

.lo-about-us-header {
    background: #3B444D;
}

.lo-about-us-header__img {
    width: 100%;
}

.lo-about-us-intro {
    background: #3B444D;
    display: flex;
    padding: 35px;
    flex-wrap: nowrap;

    @media (width <=768px) {
        flex-wrap: wrap;
        padding: clamp(1.0625rem, 0.2589rem + 4.0179vw, 2.1875rem);
    }
}

.lo-about-us-intro__logoWrapper {
    flex: 0 1 30%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 35px 35px 35px 0;

    @media (width <=768px) {
        flex: 1 1 100%;
        padding: clamp(0rem, 2.7857rem + -5.8036vw, 1.625rem) 0 35px 0;
    }
}

.lo-about-us-intro__img {
    width: min(240px, 100%);
}

.lo-about-us-intro__body {
    flex: 1 0 70%;
}

.lo-about-us-intro__content {
    font-family: 'League Spartan', sans-serif;
    text-align: justify;
    color: #fff;
    margin-block-end: 20px;
}

.lo-about-us-intro__content:last-child {
    margin-block-end: 0;
}

.lo-about-us-section__title {
    font-size: 55px;
    font-weight: 600;
    margin-block: 0;

    @media (width <=1440px) {
        font-size: clamp(2rem, 0.3526rem + 3.4277vw, 3.4375rem);
    }

    @media (width <=768px) {
        text-align: center;
        font-size: clamp(1.5625rem, 0.625rem + 4.6875vw, 2.875rem);
    }
}

.lo-about-us-contentTitle {
    font-size: 24px;
    line-height: 1;
    font-weight: 600;

    @media (width <=1199px) {
        font-size: clamp(1.125rem, 0.4544rem + 1.3953vw, 1.5rem);
    }

    @media (width <=768px) {
        font-size: clamp(1.125rem, 0.8571rem + 1.3393vw, 1.5rem);
    }
}

.lo-about-us-sectionText {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;

    @media (width <=1199px) {
        font-size: clamp(0.875rem, 0.6515rem + 0.4651vw, 1rem);
    }

    @media (width <=768px) {
        font-size: clamp(0.875rem, 0.7857rem + 0.4464vw, 1rem);
    }
}

.lo-about-us-grid__nav {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.lo-about-us-grid__nav--prev {
    left: 0;
}

.lo-about-us-grid__nav--next {
    right: 0;
}

.lo-about-us-grid__navBtn {
    appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 450ms ease-in
}

.lo-about-us-grid__navBtnnIcon {
    width: 40px;
    height: 40px;
}

.lo-about-us-grid__navBtn:hover {
    opacity: 1;
}

.lo-about-us-grid__grid {
    display: flex;
    justify-content: center;
    align-items: center;
}

.lo-about-us-grid__gridItem {
    flex: 1 1 50%;
    padding: 25px;
    display: flex;
    justify-content: center;
}

.lo-about-us-banner {
    padding: 60px 35px 35px;

    @media (width <=768px) {
        padding-inline: clamp(1.0625rem, 0.2589rem + 4.0179vw, 2.1875rem);
        padding-block-end: 10px;
    }
}

.lo-about-us-banner__title {
    color: #3B444D;
    font-size: 55px;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
    margin-block: 0 45px;
    text-wrap-style: pretty;

    @media (width <=1024px) {
        font-size: clamp(2rem, 0.9732rem + 5.1339vw, 3.4375rem);
    }
}

.lo-about-us-banner__title--highlighted {
    color: #F1952A;
}

.lo-about-us-banner__bannerImg {
    width: 100%;
}

.lo-about-us-banner__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 45px;
    padding-inline: 40px;
    transform: translateY(-35px);

    @media (width <=1229px) {
        gap: clamp(1.875rem, -2.8079rem + 7.3171vw, 2.8125rem);
        padding-inline: clamp(1.5625rem, -3.1204rem + 7.3171vw, 2.5rem);
    }

    @media (width <=768px) {
        grid-template-columns: 1fr;
        gap: 25px;
        padding-inline: clamp(0.375rem, -0.4732rem + 4.2411vw, 1.5625rem);
    }
}

.lo-about-us-banner__gridItem {
    border: none;
    border-radius: 16px;
    padding: 25px;
    background: #F8F7F6;
    box-shadow: 4px 4px 12px 0px #0000001A;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;

    @media (width <=768px) {
        gap: 10px;
        padding-inline: clamp(0.625rem, -0.0446rem + 3.3482vw, 1.5625rem);
    }
}

.lo-about-us-banner__gridImg {
    width: auto;
    height: 100%;
    max-height: 80px;

    @media (width <=1024px) {
        max-height: clamp(3.25rem, -2rem + 10.9375vw, 5rem);
    }
}

.lo-about-us-banner__gridContent {
    color: #3B444D;
}

.lo-about-us-protect {
    padding: 35px;

    @media (width <=768px) {
        padding-inline: clamp(1.0625rem, 0.2589rem + 4.0179vw, 2.1875rem);
        padding-block-end: 10px;
    }
}

.lo-about-us-protect__grid {
    border: none;
    border-radius: 41px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 1fr;

    @media (width <=768px) {
        grid-template-columns: 1fr;
    }
}

.lo-about-us-protect__wrapper {
    background: url("/img/cms/aboutus/au-protect.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    @media (width <=768px) {
        display: grid;
        grid-template-columns: 1fr;
        background: none;
    }
}

.lo-about-us-protect__picture {
    display: none;

    @media (width <=768px) {
        display: block;
        grid-column: 1 / -1;
        grid-row: 1 / -1;
        z-index: 1;
    }
}

.lo-about-us-protect__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lo-about-us-protect__imgBody {
    height: 100%;
    padding: 0 10px 35px 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 20px;

    @media (width <=768px) {
        grid-column: 1 / -1;
        grid-row: 1 / -1;
        z-index: 2;
        align-items: center;
        padding: 0 10px 35px 10px;
    }
}

.lo-about-us-protect__logo {
    width: 100%;
    max-width: 307px;

    @media (width <=768px) {
        max-width: 340px;
        padding-inline: 20px;
    }
}

.lo-about-us-protect__title {
    line-height: 1.2;
    color: #fff;
}

.lo-about-us-protect__body {
    background: #D4D4D4;
    padding: 25px 25px 25px 20px;
}

.lo-about-us-protect__content {
    font-family: 'League Spartan', sans-serif;
    text-align: justify;
    color: #3B444D;
    margin-block: 0 20px;
}

.lo-about-us-protect__content:last-of-type {
    margin-block-end: 35px;
}

#lo-aboutus .lo-about-us-protect__list {
    list-style: none;
    padding: 0;
    width: min(38ch, 100%);
    margin-block-end: 35px;
}

.lo-about-us-protect__listItem {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 13px;
    padding: 8px;
    background: #EEEEEE;
    backdrop-filter: blur(23.700000762939453px);
    border: none;
    border-radius: 39px;
    margin-block-end: 20px;
}

.lo-about-us-protect__itemNumber {
    flex: 0 0 40px;
    height: 40px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    line-height: 1;
    background: #3B444D;
    border-radius: 50%;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lo-about-us-protect__itemText {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 600;
}

.lo-about-us-protect__btnWrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;

    @media (width <=768px) {
        justify-content: center;
    }
}

.lo-about-us-protect__link {
    cursor: pointer;
}

.lo-about-us-protect__btn {
    font-family: "Plus Jakarta Sans", serif;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    color: #fff;
    border: 1px solid #F1952A;
    border-radius: 24px;
    background: #F1952A;
    padding: 10px 45px;
    cursor: pointer;
    transition: color 450ms ease-in, background 450ms ease-in;
}

.lo-about-us-protect__link:hover .lo-about-us-protect__btn {
    color: #F1952A;
    background: #fff;
}

.lo-about-us-experts {
    padding: 35px;
    background: #F1EBE5;

    @media (width <=768px) {
        padding-inline: clamp(1.0625rem, 0.2589rem + 4.0179vw, 2.1875rem);
        padding-block-end: 10px;
    }
}

.lo-about-us-experts__intro {
    display: flex;
    gap: 65px;
    align-items: center;
    margin-block-end: 35px;

    @media (width <=1199px) {
        gap: clamp(1.875rem, -2.0371rem + 8.1395vw, 4.0625rem);
    }

    @media (width <=768px) {
        flex-direction: column;
        gap: 28px;
        align-items: center;
    }
}

.lo-about-us-experts__introTitle {
    line-height: 1.3;
}

.lo-about-us-experts__introContent {
    text-align: justify;
    letter-spacing: -0.02em;
    margin-block: 0 20px;
}

.lo-about-us-experts__introContent:last-of-type {
    margin-block-end: 0;
}

.lo-about-us-experts__item {
    border: none;
    border-radius: 24px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0px 4px 12px 0px #00000026;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    margin-block-end: 35px;

    @media (width <=768px) {
        flex-direction: column;
    }
}

.lo-about-us-experts__item--reverse {
    flex-direction: row-reverse;

    @media (width <=768px) {
        flex-direction: column;
    }
}

.lo-about-us-experts__imgWrapper {
    flex: 0 1 25%;

    @media (width <=768px) {
        flex: 1 1 100%;
    }
}

.lo-about-us-experts__imgWrapper--exp1 {
    background: url("/img/cms/aboutus/p_gonczarko.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.lo-about-us-experts__imgWrapper--exp2 {
    background: url("/img/cms/aboutus/m_lepucka.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.lo-about-us-experts__imgWrapper--exp3 {
    background: url("/img/cms/aboutus/a_matuszczak.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.lo-about-us-experts__imgWrapper--exp4 {
    background: url("/img/cms/aboutus/r_calderaro.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.lo-about-us-exxperts__picture {
    display: none;

    @media (width <=768px) {
        display: block;
    }
}

.lo-about-us-experts__img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.lo-about-us-experts__body {
    flex: 1 2 75%;
    padding: 18px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    gap: 15px;

    @media (width <=768px) {
        flex: 1 1 100%;
    }
}

.lo-about-us-experts__title {
    margin-block: 0;
}

.lo-about-us-experts__title--span {
    font-weight: 250;
}

.lo-about-us-experts__titleLink {
    color: #3B444D;
    text-decoration: none;
    transition: color 450ms ease-in;
}

.lo-about-us-experts__titleLink:hover {
    color: #F1952A
}

.lo-about-us-experts__subTitle {
    font-weight: 600;
    line-height: 1;
    margin-block: 0 15px;
}

.lo-about-us-experts__content {
    line-height: 1.5;
    text-align: justify;
    margin-block: 0 10px;
}

.lo-about-us-experts__social {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
    margin-block-start: auto;

    @media (width <=769px) {
        justify-content: center;
    }
}

.lo-about-us-experts__link:hover .lo-about-us-experts__icon {
    opacity: 0.8;
}

.lo-about-us-experts__navBtn--prev,
.lo-about-us-experts__navBtn--next {
    @media (769px <=width) {
        display: none;

    }
}

.lo-about-us-awards {
    padding: 35px;

    @media (width <=768px) {
        padding-inline: clamp(1.0625rem, 0.2589rem + 4.0179vw, 2.1875rem);
        padding-block-end: 10px;
    }

}

.lo-about-us-awards__title {
    text-align: center;
    margin-block-end: 35px;
}

.lo-about-us-awards__subTitle {
    text-align: center;
    margin-block: 0 25px;
    font-size: 16px;
    line-height: 1.5;

    @media (width <=1199px) {
        font-size: clamp(0.875rem, 0.6515rem + 0.4651vw, 1rem);
    }

    @media (width <=768px) {
        font-size: clamp(0.875rem, 0.7857rem + 0.4464vw, 1rem);
    }
}

.lo-about-us-awards__gridWrapper {
    gap: 10px;
}

.lo-about-us-awards__gridItem {
    opacity: 0.55;
    cursor: pointer;
    align-items: center;
    transition: opacity 450ms ease-in;
}

.lo-about-us-awards__gridItem:hover {
    opacity: 1;
}

.swiper-aboutAwards .swiper-wrapper {
    align-items: center;
}

.swiper-aboutAwards .lo-about-us-awards__gridItemImg {
    width: 100%;
}


.lo-about-us-awards__descGridWrapper {
    grid-template-columns: 1fr;

}

.lo-about-us-awards__descGrid {
    padding: 40px;
}

.lo-about-us-awards__itemTitle {
    margin-block-end: 35px;
    text-align: center;
}

.lo-about-us-awards__gridText {
    text-align: justify;
    margin: 0;
}

.lo-about-us-awards__textLink {
    color: #3B444D;
    text-decoration: underline;
    transition: color 450ms ease-in;
}

.lo-about-us-awards__textLink:hover {
    color: #F1952A;
}

.lo-about-us-sharing {
    padding: 35px;
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    grid-template-areas:
        "til int"
        "img dsc";
    column-gap: 15px;

    @media (width <=768px) {
        padding-inline: clamp(1.0625rem, 0.2589rem + 4.0179vw, 2.1875rem);
        padding-block-end: 10px;
        grid-template-columns: 1fr;
        grid-template-areas:
            "til"
            "int"
            "img"
            "dsc";
    }
}

.lo-about-us-sharing__title {
    grid-area: til;
    text-align: left;
    line-height: 1.3;
    margin-block-end: 25px;

    @media (width <=768px) {
        text-align: center;
    }
}

.lo-about-us-sharing__introWrapper {
    grid-area: int;
    align-self: center;
}

.lo-about-us-sharing__intro {
    line-height: 1.6;
    text-align: justify;
    margin-block: 0 35px;
}

.lo-about-us-sharing__reelsWrapper {
    grid-area: img;
    justify-self: center;

    @media (width <=768px) {
        margin-block-end: 20px;
    }

}

.lo-about-us-sharing__reels {
    width: 100%;
}

.lo-about-us-sharing__body {
    grid-area: dsc;
}

.lo-about-us-sharing__bodyTitle {
    line-height: 1.2;
    margin-block: 0 35px;
}

.lo-about-us-sharing__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.lo-about-us-sharing__listItem {
    margin-block-end: 25px;
}

.lo-about-us-sharing__itemContent {
    font-weight: 600;
    margin: 0;
}

.lo-about-us-sharing__itemContent--desc {
    font-weight: 400;
}

.lo-about-us-comments {
    padding: 35px;
    background: #F1EBE5;
    margin-block-end: 35px;

    @media (width <=768px) {
        padding-inline: clamp(1.0625rem, 0.2589rem + 4.0179vw, 2.1875rem);
        padding-block-end: 10px;
    }
}

.lo-about-us-comments__title {
    text-align: center;
    margin-block-end: 45px;
}

.lo-about-us-comments__gridItem {
    @media (width <=425px) {
        padding: 10px;
    }
}

.lo-about-us-comments__gridItemBody {
    width: min(494px, 100%);
}

.lo-about-us-comments__gridItemHeader {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    margin-block-end: 25px;
}

.lo-about-us-comments__gridItemImg {
    width: min(87px, 100%);

    @media (width <=1199px) {
        width: clamp(2.6875rem, 1.6864rem + 5.0057vw, 5.4375rem);
    }
}

.lo-about-us-comments__gridItemName {
    margin: 0;
}

.lo-about-us-comments__gridItemContent {
    line-height: 1.6;
    text-align: justify;
    margin: 0;
}

.lo-about-us-accounts {
    padding: 35px;
    display: flex;
    justify-content: center;

    @media (width <=768px) {
        padding-inline: clamp(1.0625rem, 0.2589rem + 4.0179vw, 2.1875rem);
        padding-block-end: 10px;
    }
}

.lo-about-us-accounts__body {
    width: min(1097px, 100%);
    background: #3B444D;
    border: none;
    border-radius: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-block: 35px;
    /* padding: 35px 45px; */
    gap: 55px;

    @media (width <=768px) {
        flex-direction: column;
        padding-inline: 25px;
        gap: 25px;
    }

}

.lo-about-us-accounts__content {
    display: block;
    margin: 0;
    color: #fff;
}

.lo-about-us-accounts__iconWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.lo-about-us-accounts__link {
    transition: opacity 450ms ease-in;
}

.lo-about-us-accounts__link:hover {
    opacity: 0.8;
}

.lo-about-us-accounts__ico {
    width: 100%;
}

.swiperBtnLock {
    display: block !important;
}

#lo-aboutus .swiper {
    width: 100%;
    padding-inline: 45px;
}

.swiper-aboutAwards .swiper-slide-active .lo-about-us-awards__gridItem {
    opacity: 1;
}

#lo-aboutus .swiper.swiper-awardsText {
    @media (width <=498px) {
        padding-inline: 10px;
    }
}

#lo-aboutus .swiper.swiper-aboutComments,
#lo-aboutus .swiper.swiper-experts {
    @media (width <=768px) {
        padding-inline: 0;
    }
}

.lo-about-us-slider-nav__commemts {
    @media (width <=768px) {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 45px;
    }
}

.lo-about-us-comments__nav {
    @media (width <=768px) {
        position: relative;
        top: unset;
        transform: none;
    }
}