/* firstScreen section */
.firstScreen {
    position: relative;
    padding: 50px 0 120px;
}

.firstScreen .container {
    position: relative;
    z-index: 2;
}

.firstScreen__container {
    display: flex;
    flex-wrap: wrap;
}

.firstScreen__text {
    max-width: 620px;
    flex-shrink: 0;
    flex-basis: 50%;

    padding: 130px 0 0;
}

.firstScreen__title {
    color: #333232;
    font-size: 40px;
    font-weight: 600;
    line-height: normal;

    margin-bottom: 24px;
}

.firstScreen__subtitle {
    color: #333232;
    font-size: 20px;
    line-height: 25px;

    margin-bottom: 40px;
}

.firstScreen__button {
    max-width: 183px;
}

.firstScreen__slider-item {
    flex-basis: 50%;
    cursor: pointer;
}

.firstScreen__slider-slide {
    position: relative;
    transition: all 0.3s ease-in-out;
    opacity: 0 !important;
}

.firstScreen__slider-slide.swiper-slide-active {
    opacity: 1 !important;
}


.firstScreen__slider-slide-image {
    max-width: 100%;
}

.firstScreen__slider-slide-text {
    position: absolute;
    max-width: fit-content;
    color: #634F3E;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.70);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(10px);
    padding: 10px;
}

.firstScreen__slider-slide-text-1 {
    top: 170px;
    left: 70px;
    padding: 28px 57px;
}

.firstScreen__slider-slide-text-2 {
    bottom: 210px;
    right: 0;
    padding: 15px 61px;
}

.firstScreen__slider-slide-text-3 {
    top: 260px;
    right: 90px;
    padding: 28px 57px;
}

.firstScreen__slider-slide-text-4 {
    bottom: 180px;
    left: 50px;
    padding: 15px 45px;
}

.firstScreen__slider-slide-text-5 {
    top: 220px;
    right: 20px;
    padding: 28px 57px;
}

.firstScreen__slider-slide-text-6 {
    bottom: 220px;
    left: 0;
    padding: 15px 45px;
}

.firstScreen__slider-slide-text-7 {
    top: 230px;
    right: 10px;
    padding: 28px 57px;
}

.firstScreen__slider-slide-text-8 {
    bottom: 175px;
    left: 0;
    padding: 28px 45px;
}

.firstScreen__slider-pagination {
    position: relative !important;
    top: unset !important;
    bottom: unset !important;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 12px;
}

.firstScreen__slider-pagination-mob {
    display: none;
}

.firstScreen__slider-pagination .swiper-pagination-bullet {
    width: 8px !important;
    height: 8px !important;
    background: #E5D2C1 !important;
    opacity: 1 !important;

    margin: 0 !important;
}

.firstScreen__slider-pagination .swiper-pagination-bullet-active {
    background: #BF8550 !important;
}

.firstScreen__blur-1 {
    position: absolute;
    border-radius: 50%;
    top: 145px;
    left: -175px;
    width: 494px;
    height: 494px;
    background: #F9DFD9;
    filter: blur(130.75px);
}

.firstScreen__blur-2 {
    position: absolute;
    border-radius: 50%;
    top: 90px;
    left: calc(50% - (494px / 2));
    width: 494px;
    height: 494px;
    background: #F9DFD9;
    filter: blur(130.75px);
}

.firstScreen__blur-3 {
    position: absolute;
    border-radius: 50%;
    bottom: 11px;
    right: -125px;
    width: 494px;
    height: 494px;
    background: #F1D3B1;
    filter: blur(130.75px);
}



/* categorys section */
.categorys {
    padding: 60px 0;
}

.categorys__title {
    color: #333232;
    font-size: 32px;
    font-weight: 600;
    line-height: normal;
    text-align: center;

    margin-bottom: 40px;
}

.categorys__container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 24px;
    row-gap: 24px;
}

.categorys__item {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    row-gap: 32px;
    border-radius: 16px;
    background: var(--white-35, rgba(255, 255, 255, 0.35));
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
    padding: 40px 16px;
}

.categorys__item-image {
    max-height: 200px;
}

.categorys__item-title {
    color: #333232;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    line-height: 120%;
}

/* advantages section */
.advantages {
    position: relative;
    background: url(../images/advantages-lines.svg);
    background-repeat: no-repeat;
    background-position: center center;
    padding: 60px 0 120px;
}

.advantages__circle {
    position: absolute;
    width: 494px;
    height: 494px;
    border-radius: 50%;
    filter: blur(130.75px);
}

.advantages__circle-1 {
    top: -36px;
    left: -177px;
    background: #FBEEE6;
}

.advantages__circle-2 {
    bottom: 75px;
    right: -168px;
    background: #F4DCC1;
}

.advantages .container {
    position: relative;
    z-index: 2;
}

.advantages__title {
    color: #333232;
    font-size: 32px;
    font-weight: 600;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;

    margin-bottom: 16px;
}

.advantages__subtitle {
    max-width: 1016px;
    color: #333232;
    font-size: 20px;
    line-height: 25px;
    text-align: center;

    margin: 0 auto 24px;
}

.advantages__subtitle b {
    font-weight: 600;
}

.advantages__container {
    max-width: 968px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 32px;
    row-gap: 24px;

    margin: 0 auto;
}

.advantages__item {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 0px 14.5px 0px rgba(202, 152, 106, 0.14);
    padding: 16px 16px 45px;
}

.advantages__item-icon {
    width: 48px;
    height: 48px;
    object-fit: contain;
    filter: invert(68%) sepia(53%) saturate(257%) hue-rotate(347deg) brightness(87%) contrast(86%);
}

.advantages__item:nth-child(4) .advantages__item-icon {
    filter: unset;
}

.advantages__item-title {
    color: #333232;
    font-size: 24px;
    font-weight: 600;
    line-height: 120%;
}

.advantages__item-description {
    color: #333232;
    font-size: 16px;
    line-height: 140%;
}

/* leader section */
.leader {
    position: relative;
    z-index: 2;
    background: url(../images/leader-background.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 65% 50%;
    padding: 115px 0 15px;
}

.leader .container {
    max-width: 1200px;
}

.leader__container {
    max-width: 563px;
    display: flex;
    flex-direction: column;
    row-gap: 32px;

    margin: 0 0 0 auto;
}

.leader__title {
    color: #FFF;
    font-size: 32px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.leader__description {
    color: #E5E5E5;
    font-size: 20px;
    line-height: 140%;
}

.leader__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.leader__button {
    max-width: 183px;
}

.leader__sign {
    max-width: 140px;
    width: 100%;

    margin: 20px 20px 0 0;
}

/* certificates section */
.certificates {
    position: relative;
    padding: 120px 0 36px;
}

.certificates__blur {
    position: absolute;
    top: -157px;
    right: 36%;
    width: 305px;
    height: 305px;
    border-radius: 50%;
    background: rgba(242, 196, 170, 0.60);
    filter: blur(130.75px);
}

.certificates .container {
    position: relative;
    z-index: 2;
}

.certificates__title {
    color: #333232;
    font-size: 32px;
    font-weight: 600;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;

    margin-bottom: 16px;
}

.certificates__subtitle {
    max-width: 897px;
    color: #333232;
    text-align: center;
    font-size: 20px;
    line-height: 25px;

    margin: 0 auto 24px;
}

.certificates__container {
    overflow: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 24px;
    padding: 24px 0;
}

.certificates__item {
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
    padding: 16px;
}

/* reviews section */
.reviews {
    background: linear-gradient(0deg, #FFF7F0 0%, rgba(255, 247, 240, 0.00) 100%);
    padding: 60px 0;

    margin-bottom: 60px;
}

.reviews__title {
    color: #333232;
    font-size: 32px;
    font-weight: 600;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;

    margin-bottom: 16px;
}

.reviews__subtitle {
    color: #333232;
    text-align: center;
    font-size: 20px;
    line-height: 25px;

    margin-bottom: 24px;
}

.reviews__slider {
    max-width: 1150px;
    width: 100%;

    margin: 0 auto;
}

.reviews__slider-wrapper {
    padding: 24px 0 30px;
}

.reviews__slider-slide {
    width: 260px !important;
    background: #FFF;
    box-shadow: 0px 5.434px 27.171px 0px rgba(0, 0, 0, 0.10);
    padding: 24px;
}

.reviews__slider-image {
    width: 100%;
    height: 370px;
    object-fit: cover;
}

.reviews__slider-pagination {
    position: relative !important;
    top: unset !important;
    bottom: unset !important;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 12px;
}

.reviews__slider-pagination .swiper-pagination-bullet {
    width: 8px !important;
    height: 8px !important;
    background: #E5D2C1 !important;
    opacity: 1 !important;

    margin: 0 !important;
}

.reviews__slider-pagination .swiper-pagination-bullet-active {
    background: #BF8550 !important;
}

@media (max-width: 1320px) {
    .container {
        padding: 0 16px;
    }

    .certificates__container {
        justify-content: flex-start;
    }
}

@media (max-width: 1200px) {
    .firstScreen {
        padding: 45px 0;
    }

    .firstScreen__container {
        flex-direction: column;
    }

    .firstScreen__text {
        order: 3;
        max-width: 100%;
        padding: 0;
    }

    .firstScreen__title {
        text-align: center;
    }

    .firstScreen__subtitle {
        text-align: center;
    }

    .firstScreen__button {
        margin: 0 auto;
    }

    .firstScreen__slider-pagination {
        margin: 32px 0;
    }

    .firstScreen__slider-item {
        max-width: 600px;
        width: 100%;

        margin: 0 auto;
    }

    .categorys {
        padding: 45px 0;
    }

    .categorys__container {
        grid-template-columns: repeat(2, 1fr);
    }

    .advantages {
        padding: 45px 0 80px;
    }

    .leader {
        padding: 80px 0 16px;
    }

    .certificates {
        padding: 80px 0 45px;
    }

    .certificates .container {
        padding: 0;
    }

    .certificates__title {
        padding: 0 16px;
    }

    .certificates__subtitle {
        padding: 0 16px;
    }

    .reviews {
        padding: 45px 0;

        margin-bottom: 45px;
    }

    .reviews .container {
        padding: 0;
    }

    .reviews__title {
        padding: 0 16px;
    }

    .reviews__subtitle {
        padding: 0 16px;
    }

    .reviews__slider {
        padding: 0 16px !important;
    }
}

@media (max-width: 600px) {
    .firstScreen {
        padding: 28px 0 20px;
    }

    .firstScreen__slider-slide-text-1,
    .firstScreen__slider-slide-text-3,
    .firstScreen__slider-slide-text-5,
    .firstScreen__slider-slide-text-7 {
        top: 40px;
        bottom: unset;
        left: 0;
        right: unset;
        padding: 12px 23px;
    }

    .firstScreen__slider-slide-text-2,
    .firstScreen__slider-slide-text-4,
    .firstScreen__slider-slide-text-6,
    .firstScreen__slider-slide-text-8 {
        bottom: 25px;
        top: unset;
        right: 17px;
        left: unset;
        padding: 8px 32px;
    }

    .firstScreen__slider-slide-text {
        font-size: 12px;
    }

    .firstScreen__slider-pagination {
        margin: 32px 0 23px;
    }

    .firstScreen__title {
        font-size: 24px;
        text-align: center;

        margin-bottom: 16px;
    }

    .firstScreen__subtitle {
        font-size: 16px;
        text-align: center;

        margin-bottom: 24px;
    }

    .firstScreen__button {
        margin: 0 auto;
    }

    .firstScreen__blur-1 {
        top: unset;
        bottom: 26px;
        left: -109px;
        width: 280px;
        height: 280px;
    }

    .firstScreen__blur-2 {
        display: none;
    }

    .firstScreen__blur-3 {
        bottom: unset;
        top: 80px;
        right: -72px;
        width: 244px;
        height: 244px;
    }

    .categorys {
        padding: 24px 0 20px;
    }

    .categorys__title {
        font-size: 24px;

        margin-bottom: 24px;
    }

    .categorys__container {
        column-gap: 8px;
        row-gap: 8px;
    }

    .categorys__item {
        padding: 16px;
    }

    .categorys__item-title {
        font-size: 16px;
    }

    .advantages {
        background: #FFF;
        padding: 20px 0 32px;
    }

    .advantages__circle-1 {
        top: 220px;
        left: 35px;
    }

    .advantages__circle-2 {
        width: 748px;
        height: 748px;
        bottom: 25%;
        right: 58px;
    }

    .advantages__title {
        font-size: 24px;
    }

    .advantages__subtitle {
        font-size: 14px;
    }

    .advantages__container {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 18px;
    }

    .advantages__item {
        padding: 16px;
    }

    .advantages__item-title {
        font-size: 20px;
    }

    .leader {
        background: url(../images/leader-background-mob.svg);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 32px 0 22px;
    }

    .leader__container {
        row-gap: unset;
    }

    .leader__title {
        font-size: 32px;

        margin-bottom: 32px;
    }

    .leader__description {
        margin-bottom: 20px;
    }

    .leader__wrapper {
        align-items: center;
    }

    .leader__sign {
        max-width: 100px;
        margin: 0;
    }

    .certificates {
        padding: 40px 0 20px;
    }

    .certificates__blur {
        display: none;
    }

    .certificates__title {
        font-size: 24px;
    }

    .certificates__subtitle {
        font-size: 16px;

        margin-bottom: 0;
    }

    .certificates__container {
        padding: 16px;
    }

    .reviews {
        padding: 20px 0 40px;

        margin-bottom: 40px;
    }

    .reviews__title {
        font-size: 24px;
    }

    .reviews__subtitle {
        font-size: 16px;

        margin-bottom: 0;
    }
}