@font-face {
    font-family: 'GothaPro';
    src: url('https://static.tildacdn.com/tild3534-6434-4533-b533-613933313131/GothaProLig.woff') format('woff');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'GothaPro';
    src: url('https://static.tildacdn.com/tild3233-3038-4063-b464-663736306334/GothaProReg.woff') format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'GothaPro';
    src: url('https://static.tildacdn.com/tild3830-6535-4633-b332-343633373439/GothaProMed.woff') format('woff');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'GothaPro';
    src: url('https://static.tildacdn.com/tild3437-3565-4136-b031-393862653039/GothaProBla.woff') format('woff');
    font-weight: 700;
    font-style: normal
}

/* Баннер */

.pestcontrol__banner {
    background: #9baf39;
    position: relative;
    overflow: hidden;
    margin-bottom: 150px;
}

.banner {
    position: relative;
    overflow: visible;
}

.banner__background {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 10;
}

.banner__background-backdrop {
    position: absolute;
    width: 924px;
    right: -355px;
    top: -88px;
    z-index: 20;
}

.banner__background-backdrop img,
.banner__background-image img {
    max-height: 100%;
    width: auto;
}

.banner__background-image {
    position: absolute;
    width: 763px;
    z-index: 25;
    left: 50%;
    transform: translateX(-46%);
    top: 103px;
}

.pestkontrol__banner-transition {
    position: relative;
    z-index: 50;
}

.pestkontrol__banner-transition svg {
    display: block;
    width: 100%;
    height: 100%;
}

.banner__content {
    padding-top: 111px;
    padding-bottom: 160px;
    position: relative;
    z-index: 25;

}

.banner__title {
    color: #fff;
    font-size: 69px;
    font-family: 'GothaPro', Arial, sans-serif;
    font-weight: 800;
    line-height: 72px;
    max-width: 483px;
}

.banner__text ul {
    list-style: none;
    padding-left: 0;
    color: #fff;
    font-size: 28px;
    font-family: 'GothaPro', Arial, sans-serif;
    font-weight: 500;
    line-height: 41px;
    margin-block-end: 1em;
    margin-block-start: 1em;
}

.banner__partner {
    position: absolute;
    right: 138px;
    top: 265px;
}

.banner__partner-text {
    color: #fff;
    font-size: 20px;
    font-family: 'GothaPro', Arial, sans-serif;
    line-height: 24px;
    font-weight: 400;
    max-width: 180px;
}

.banner__partner-img {
    margin-top: 18px;
}

.banner__partner-img img {
    height: auto;
    max-width: 174px;
}

.banner__title,
.banner__text,
.banner__button {
    margin-left: 0;
}

.banner__button {
    padding: 18px 18px;
    border-radius: 25px;
    background: #fff;
    color: #000;
    font-size: 14px;
    font-family: 'GothaPro', Arial, sans-serif;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 22px;
    text-decoration: none;
    box-shadow: 0 0 20px 0 rgba(164, 176, 16, 1);
    display: inline-flex;
    text-transform: uppercase;
    margin-top: 20px;
}

.banner__button svg {
    width: 19px;
    height: 19px;
    margin-left: 8px;
}

.banner__rating {
    position: absolute;
    right: 294px;
    top: 410px;
    padding: 50px;
    background: #fff;
    border-radius: 25px;
    box-shadow: 0 0 200px 0 rgba(128, 143, 57, 0.3);
    color: #000;
    font-family: 'GothaPro', Arial, sans-serif;
    max-width: 370px;
    width: 100%;
}

.banner__rating-title {
    font-size: 24px;
    line-height: 27px;
    font-weight: 700;
    margin-bottom: 25px;
}

.banner__rating-score {
    display: table;
}

.banner__rating-scores {
    display: grid;
    align-items: center;
    grid-template-columns: auto 1fr;
    gap: 10px 5px
}

.banner__rating-score-name {
    color: #000;
    font-size: 20px;
    font-family: 'GothaPro', Arial, sans-serif;
    font-weight: 700;
    line-height: 31px;
}

.banner__rating-score-value img {
    max-width: 135px;
}

.banner__rating-score-value {
    color: #000;
    font-size: 20px;
    font-family: 'GothaPro', Arial, sans-serif;
    font-weight: 400;
    line-height: 31px;
}

.banner__rating-score-value span {
    font-weight: 700;
}

@media (min-width: 1920px) {
    .banner__rating {
        transform: translateX(165%);
        right: 50%;
    }
}

@media (max-width: 1199px) {
    .banner__content {
        padding-top: 90px;
        padding-bottom: 40px;
    }

    .banner__background-image {
        transform: none;
        left: 280px;
    }

    .banner__title {
        font-size: 61px;
        max-width: 440px;
        line-height: 64px;
    }

    .banner__text {
        margin-top: 130px;
    }

    .banner__text ul {
        font-size: 27px;
        line-height: 39px;
    }

    .banner__partner {
        margin-left: 55px;
        top: 320px;
        right: unset;
    }

    .banner__partner-text {
        max-width: 290px;
        line-height: 24px;
    }

    .banner__partner-img {
        margin-top: 10px;
    }

    .banner__rating {
        right: 120px;
        top: 360px;
        padding: 30px 40px;
        max-width: 336px;
    }

    .banner__rating-title {
        margin-bottom: 20px;
    }

    .banner__rating-scores {
        gap: 10px;
    }

    .banner__button {
        margin-top: 110px;
        padding: 12px 50px;
        font-size: 22px;
        line-height: 25px;
        max-width: 368px;
        align-items: center;
    }

    .banner__button svg {
        width: 40px;
        height: 40px;
        flex: 1 0 40px;
        margin-left: 35px;
    }

    .banner__background-backdrop {
        right: -355px;
        top: -110px;
    }
}

@media (max-width: 959px) {
    .pestcontrol__banner {
        margin-bottom: 60px;
    }

    .banner__title {
        line-height: 77px;
        font-size: 77px;
        margin-top: 10px;
        max-width: 500px;
    }

    .banner__background-backdrop {
        top: 372px;
        left: 201px;
        width: 849px;
    }

    .banner__text {
        margin-top: 0;
    }

    .banner__text ul li {
        display: inline-block;
        background: #9baf39;
        border-radius: 3px;
        font-size: 41px;
        line-height: 51px;
        padding-left: 5px;
    }

    .banner__text ul {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .banner__background-image {
        top: unset;
        bottom: -70px;
        width: 707px;
        left: 191px;
    }

    .banner__content {
        padding-bottom: 290px;
    }

    .banner__partner {
        position: unset;
        display: flex;
        flex-direction: column-reverse;
        margin-left: 40px;
        margin-top: 60px;
    }

    .banner__partner-text {
        color: #000;
        font-size: 23px;
        line-height: 28px;
    }

    .banner__partner-img {
        margin-bottom: 10px;
    }

    .banner__partner-img img {
        max-width: 215px;
    }

    .banner__rating {
        transform: none;
        position: unset;
        padding: 0;
        margin-top: 30px;
        margin-left: 40px;
        background: none;
        box-shadow: none;
    }

    .banner__rating-score-value img {
        max-width: 116px;
    }

    .banner__rating-scores {
        gap: 5px;
    }

    .banner__button {
        position: absolute;
        bottom: 0;
        width: 620px;
        max-width: unset;
        margin-left: 0;
        line-height: 40px;
        font-size: 33px;
        letter-spacing: 0.5px;
        padding: 30px;
    }
}

@media (max-width: 639px) {
    .banner__title,
    .banner__text,
    .banner__button,
    .banner__partner,
    .banner__rating {
        margin-left: 20px;
    }

    .banner__title {
        line-height: 61px;
        font-size: 61px;
        margin-top: 30px;
    }

    .banner__background-backdrop {
        display: none;
    }

    .banner__text ul li {
        font-size: 25px;
        line-height: 31px;
        padding-left: 0;
    }

    .banner__background-image {
        left: 90px;
    }

    .banner__background-image img {
        width: 608px;
    }

    .banner__partner-img img {
        max-width: 175px;
    }

    .banner__partner-text {
        line-height: 18px;
        font-size: 15px;
    }

    .banner__rating {
        margin-top: 10px;
    }

    .banner__rating-title {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .banner__rating-score-name,
    .banner__rating-score-value {
        line-height: 25px;
        font-size: 16px;
    }

    .banner__rating-scores {
        gap: 5px 15px;
    }

    .banner__button {
        width: 378px;
        padding: 10px 30px;
        font-size: 25px;
        line-height: 33px;
        bottom: 20px;
    }

    .banner__button svg {
        width: 50px;
        height: 50px;
        flex: 1 0 50px;
    }

    .banner__content {
        padding-bottom: 250px;
    }
}

@media (max-width: 459px) {
    .banner__title {
        line-height: 50px;
        font-size: 48px;
    }

    .banner__text {
        margin-top: 15px;
    }

    .banner__text ul {
        margin: 0;
    }

    .banner__text ul li {
        font-size: 16px;
        line-height: 26px;
    }

    .banner__background-image {
        left: 59px;
    }

    .banner__background-image img {
        width: 475px;
    }

    .banner__partner {
        margin-top: 20px;
    }

    .banner__partner-img img {
        max-width: 145px;
    }

    .banner__partner-text {
        line-height: 13px;
        font-size: 11px;
    }

    .banner__rating-title {
        line-height: 18px;
        font-size: 16px;
    }

    .banner__rating-score-value,
    .banner__rating-score-name {
        line-height: 25px;
        font-size: 16px;
    }

    .banner__rating-score-value img {
        max-width: 73px;
    }

    .banner__rating-scores {
        gap: 0 10px;
    }

    .banner__title, .banner__text, .banner__button, .banner__partner, .banner__rating {
        margin-left: 30px;
    }

    .banner__button {
        width: 280px;
        line-height: 22px;
        font-size: 18px;
    }

    .banner__button svg {
        width: 28px;
        height: 28px;
        flex: 1 0 28px;
        text-align: center;
    }
}

/* /баннер */

.pestkontrol__title {
    color: #000;
    font-family: 'GothaPro', Arial, sans-serif;
    font-weight: 700;
    font-size: 56px;
    line-height: 56px;
}

@media (max-width: 959px) {
    .pestkontrol__title {
        font-size: 28px;
        line-height: 28px;
    }
}

/* Лицензии */

.certificates {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px 110px;
}

.certificates__title {
    color: #000;
    font-size: 80px;
    font-family: 'GothaPro', Arial, sans-serif;
    font-weight: 700;
    line-height: 80px;
}

.certificates__sub {
    color: #000;
    font-size: 24px;
    font-family: 'GothaPro', Arial, sans-serif;
    font-weight: 400;
    line-height: 35px;
    display: flex;
    align-items: end;
    max-width: 365px;
}

.certificates__img {
    display: flex;
}

.certificates__img img {
    width: 100%;
    height: auto;
    max-width: 315px;
    position: relative;
}

.certificates__img img:first-of-type {
    z-index: 51;
}

.certificates__img img:last-of-type {
    margin-left: -55px;
    z-index: 50;
}

.certificates__list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.certificates__list ul li::before {
    flex: 0 1 3%;
    content: ' ';
    background: url('/public/tilda-files/images/tild3031-3464-4533-b031-666630343833__ellipse_6d.svg') no-repeat;
    width: 10px;
    height: 10px;
    display: block;
    margin-right: 30px;
}

.certificates__list ul li {
    display: flex;
    align-items: baseline;
    color: #000;
    font-size: 16px;
    font-family: 'GothaPro', Arial, sans-serif;
    font-weight: 700;
    line-height: 23px;
    margin-bottom: 20px;
}

@media (max-width: 1199px) {
    .certificates {
        grid-template-columns: 1fr;
        padding: 0 120px;
        gap: 30px;
    }

    .certificates__img img:last-of-type {
        margin-left: 0;
    }

    .certificates__img {
        justify-content: space-between;
    }

    .certificates__img img {
        max-width: 315px;
    }

    .certificates__title,
    .certificates__sub,
    .certificates__list {
        margin-left: 25px;
    }

    .certificates__sub {
        max-width: unset;
    }

    .certificates__list ul li::before {
        margin-right: 20px;
    }
}

@media (max-width: 959px) {
    .certificates {
        padding: 0 60px;
    }

    .certificates__title,
    .certificates__sub,
    .certificates__list {
        margin-left: 0;
    }

    .certificates__title {
        line-height: 70px;
        font-size: 70px;
    }

    .certificates__sub {
        line-height: 29px;
        font-size: 20px;
    }

    .certificates__img img:last-of-type {
        margin-left: -33px;
    }

    .certificates__img {
        max-width: 264px;
    }

    .certificates__list ul li::before {
        margin-right: 30px;
    }
}

@media (max-width: 639px) {
    .certificates {
        padding: 0 30px;
    }

    .certificates__title {
        font-size: 56px;
        line-height: 56px;
    }

    .certificates__sub {
        line-height: 23px;
        font-size: 16px;
    }

    .certificates__img img {
        width: 207px;
    }

    .certificates__img img:last-of-type {
        margin-left: -25px;
    }

    .certificates__list ul li::before {
        margin-right: 15px;
    }

    .certificates__list ul li {
        font-size: 14px;
        line-height: 20px;
    }
}

@media (max-width: 459px) {
    .certificates__title,
    .certificates__sub,
    .certificates__list {
        margin-left: 10px;
    }

    .certificates {
        gap: 20px;
    }

    .certificates__title {
        line-height: 41px;
        font-size: 41px;
    }

    .certificates__img img {
        width: 197px;
    }

    .certificates__img img:last-of-type {
        margin-left: -75px;
    }

    .certificates__list ul li::before {
        flex: 0 0 auto;
        margin-right: 10px;
    }
}

/* /лицензии */

/* Репутация */

.reputation {
    margin-top: 200px;
    position: relative;
    padding-bottom: 55px;
}

.reputation__container {
    position: relative;
    display: flex;
    gap: 0 45px;
    flex-wrap: wrap;
    z-index: 51;
}

.reputation__title {
    color: #000;
    font-size: 80px;
    font-family: 'GothaPro', Arial, sans-serif;
    font-weight: 700;
    line-height: 80px;
    flex: 0 1 585px;
}

.reputation__block {
    border-radius: 25px;
    background-color: #fff;
    box-shadow: 0 0 200px 0 rgba(146, 146, 146, 0.3);
    padding: 75px 0 65px 0;
    flex: 1 0 0;
}

.reputation__rating-title {
    line-height: 27px;
    color: #000;
    font-size: 24px;
    font-family: 'GothaPro', Arial, sans-serif;
    font-weight: 700;
    padding: 0 60px 0 70px;
}

.reputation__rating-ratings {
    display: grid;
    gap: 10px 100px;
    grid-template-columns: auto 1fr;
    padding: 40px 60px 40px 70px;
}

.reputation__rating-name {
    font-weight: 700;
    line-height: 31px;
    color: #000;
    font-size: 20px;
    font-family: 'GothaPro', Arial, sans-serif;
}

.reputation__rating-score {
    color: #000;
    font-family: 'GothaPro', Arial, sans-serif;
    line-height: 31px;
    font-size: 20px;
    font-weight: 400;
}

.reputation__rating-score span {
    font-weight: 700;
}

.reputation__rating-score img {
    max-width: 135px;
}

.reputation__rating-video {
    padding: 40px 60px 40px 70px;
    border-top: 1px #e6e6e6 solid;
}

.reputation__rating-video:hover {
    cursor: pointer;
}

.reputation__rating-video-container {
    height: 200px;
    border-radius: 25px;
    overflow: hidden;
    display: block;
    position: relative;
}

.reputation__rating-video-container:hover .reputation__rating-video-button {
    filter: brightness(0.9);
}

.reputation__rating-video .reputation__rating-video-preview {
    height: 100%;
    object-fit: cover;
    display: block;
}

.reputation__rating-video .reputation__rating-video-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.reputation__rating-button-wrapper {
    padding: 0 60px 0 70px;
}

.reputation__rating-button {
    display: flex;
    padding: 30px 0;
    background: linear-gradient(164deg, rgba(155, 175, 57, 1) 0%, rgba(166, 200, 0, 1) 100%);
    color: #000;
    line-height: 25px;
    font-size: 16px;
    font-family: 'GothaPro', Arial, sans-serif;
    font-weight: 700;
    letter-spacing: 0.5px;
    flex-direction: row;
    border-radius: 25px;
    align-items: center;
    text-decoration: none;
    text-transform: uppercase;
    justify-content: center;
}

.reputation__rating-button:hover {
    color: #000;
    filter: brightness(0.9);
}

.reputation__rating-button svg {
    margin-left: 20px;
    width: 30px;
    height: 30px;
}

.reputation__slider {
    max-width: 430px;
    margin: -210px 0 0 0;
}

.reputation__slider-container {
    box-shadow: 0 0 200px 0 rgba(146, 146, 146, 0.2);
    border-radius: 16px;
    max-height: 540px;
}

.reputation__slider-controls-wrapper {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 10px;
}

.reputation__slider-prev,
.reputation__slider-next {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 1px solid #9BAF39;
    background: rgb(255, 255, 255);
    z-index: 51;
}

.reputation__slider-prev svg,
.reputation__slider-next svg {
    width: 100%;
    height: 100%;
}

.reputation__slider-prev svg path,
.reputation__slider-next svg path {
    stroke-width: 1px;
    stroke: rgb(155, 175, 57);
}

.reputation__slider-prev:hover,
.reputation__slider-next:hover {
    background: rgb(155, 175, 57);
    border: 1px solid #fff;
    cursor: pointer;
}

.reputation__slider-prev:hover svg path,
.reputation__slider-next:hover svg path {
    stroke: rgb(255, 255, 255);
}


.reputation__slider-prev {
    transform: rotate(180deg);
}

.reputation__background {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%;
    max-width: 1300px;
    left: 50%;
    transform: translate(-50%);
    background-image: url('/public/tilda-files/images/tild3961-3039-4636-b138-306264383835__unionsd.svg');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 50px;
}

@media (max-width: 1199px) {
    .reputation {
        margin-top: 100px;
        padding-bottom: 0;
    }

    .reputation__background {
        display: none;
    }

    .reputation__container {
        flex-direction: column;
    }

    .reputation__block > div {
        flex: 0 1 400px;
    }

    .reputation__title {
        flex: 0 1 auto;
        margin-bottom: 50px;
        max-width: 908px;
    }

    .reputation__block {
    }

    .reputation__slider {
        margin: 75px 0 0;
    }

    .reputation__slider-controls-wrapper {
        justify-content: center;
    }

    .reputation__block {
        padding: 50px;
        display: flex;
        justify-content: space-between;
        flex: 0 1 auto;
    }

    .reputation__rating-ratings {
        gap: 10px;
    }

    .reputation__rating-title,
    .reputation__rating-ratings {
        padding: 0;
    }

    .reputation__rating-video {
        padding: 0;
        border-top: none;
    }

    .reputation__rating-title {
        margin-bottom: 40px;
    }

    .reputation__rating-button-wrapper {
        margin-top: 20px;
        padding: 0;
    }
}

@media (max-width: 959px) {
    .reputation__title {
        line-height: 70px;
        font-size: 70px;
    }

    .reputation__block {
        padding: 50px 0;
        flex-direction: column;
    }

    .reputation__block > div {
        /*padding: 0 50px;*/
        flex: auto;
    }

    .reputation__rating {
        padding: 0 50px 50px
    }

    .reputation__rating-video {
        padding: 30px 50px 0;
        border-top: 1px #e6e6e6 solid;
    }

    .reputation__rating-video-container {
        height: 255px;
    }

    .reputation__rating-button-wrapper {
        margin-top: 35px;
        padding: 0 50px;
    }

    .reputation__rating-button {
        max-width: 400px;
    }

    .reputation__slider {
        max-width: 300px;
    }

    .reputation__slider-controls-wrapper {
        justify-content: flex-end;
    }
}

@media (max-width: 639px) {
    .reputation__title {
        font-size: 56px;
        line-height: 56px;
    }

    .reputation__block {
        padding: 40px 0;
    }

    .reputation__rating-title {
        line-height: 20px;
        font-size: 18px;
        margin-bottom: 20px;
    }

    .reputation__rating-name,
    .reputation__rating-score {
        line-height: 25px;
        font-size: 16px;
    }

    .reputation__rating-ratings {
        gap: 10px 50px;
    }

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

    .reputation__rating-video {
        padding: 30px 40px 0 20px;
    }

    .reputation__rating-button-wrapper {
        padding: 0 40px 0 20px;
        margin-top: 20px;
    }

    .reputation__slider {
        margin: 75px auto 0;
    }
}

@media (max-width: 459px) {
    .reputation__title {
        line-height: 44px;
        font-size: 44px;
        margin-left: 25px;
    }

    .reputation__rating-ratings {
        gap: 5px 25px;
    }

    .reputation__rating-video {
        border-top: none;
        padding: 20px 25px 0;
    }

    .reputation__rating-button-wrapper {
        padding: 0 25px 0;
        margin-top: 30px;
    }

    .reputation__rating-button {
        line-height: 22px;
        font-size: 14px;
        padding: 22px 0;
    }

    .reputation__slider-controls-wrapper {
        justify-content: center;
    }

    .reputation__slider-container {
        max-height: 370px;
    }

}

/* /Репутация */

/* Что такое Пест-контроль */

.about {
    margin-top: 170px;
    position: relative;
}

.about__container {
    display: flex;
    flex-direction: row;
    gap: 55px;
}

.about__content-title {
    padding-bottom: 28px;
    font-size: 36px;
    line-height: 1.23;
    font-family: 'GothaPro', Arial, sans-serif;
    font-weight: 600;
    color: #000;
}

.about__content-text {
    line-height: 30px;
    padding-bottom: 10px;
    font-size: 20px;
    font-family: 'GothaPro', Arial, sans-serif;
    font-weight: 300;
    color: #000;
}

.about__content-text ul {
    padding-left: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.about__controls-prev,
.about__controls-next {
    width: 50px;
    height: 50px;
    background-color: rgb(232, 232, 232);
    border-radius: 100px;
}

.about__controls-prev:hover,
.about__controls-next:hover {
    cursor: pointer;
}

.about__controls-prev svg,
.about__controls-next svg {
    max-width: 11px;
    height: 100%;
    margin: auto;
}

.about__controls-prev svg {
    transform: rotate(180deg);
}

.about__controls {
    position: absolute;
    left: 2%;
    right: 2%;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
}

.about__slider {
    max-width: 560px;
    flex: 1 0 100%;
}

.swiper-pagination-bullet {
    background-color: #9baf39;
    opacity: 1;
}

.swiper-pagination-bullet:hover {
    cursor: pointer;
    background-color: #222;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #222;
}

.about__nav {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

.about__nav .swiper-pagination {
    position: static;
}

@media (max-width: 1199px) {

    .about__container {
        gap: 25px;
    }

    .about__slider {
        max-width: 460px;
        max-height: 460px;
    }

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

    .about__content-title {
        font-size: 32px;
        line-height: 1.23;
        padding-bottom: 28px;
    }

    .about__content-text {
        font-size: 18px;
    }
}

@media (max-width: 959px) {
    .about__slider {
        max-width: 550px;
        max-height: 550px;
    }

    .about__container {
        flex-wrap: wrap;
    }

    .about__content {
        padding: 0 35px;
    }
}

@media (max-width: 639px) {
    .about__controls-prev,
    .about__controls-next {
        width: 24px;
        height: 24px;
    }

    .about__controls-prev svg,
    .about__controls-next svg {
        width: 6px;
    }

    .about__controls {
        left: 1%;
        right: 1%;
    }

    .about .pestcontrol-wrapper {
        max-width: 550px;
    }

    .about__content {
        margin-left: 0;
    }

    .about__content-text {
        font-size: 16px;
    }

    .about__content-title {
        font-size: 28px;
    }
}

@media (max-width: 459px) {
    .about .pestcontrol-wrapper {
        max-width: 370px;
    }
}

/* /Что такое Пест-контроль */

/* Гарантии */

.guarantees {
    padding-top: 200px;
    background: url('/public/tilda-files/images/tild6332-3534-4231-b763-373061326332__shutterstock_2163127.jpg') no-repeat top;
    background-size: cover;
    padding-bottom: 65px;
}

.guarantees__container {
    display: flex;
    justify-content: space-between;
    margin-top: 70px;
    gap: 145px;
}

.guarantees__title {
    line-height: 80px;
    color: #000;
    font-weight: 700;
    font-family: 'GothaPro', Arial, sans-serif;
    font-size: 80px;
}

.guarantees__block {
    border-radius: 25px;
    backdrop-filter: blur(39px);
    -webkit-backdrop-filter: blur(39px);
    border: 1px #0000001A solid;
    padding: 60px 80px 60px 75px;
}

.guarantees__text {
    flex: 1 0 458px;
}

.guarantees__text p {
    color: #000;
    font-size: 24px;
    font-family: 'GothaPro', Arial, sans-serif;
    line-height: 35px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 50px;
}

.guarantees__block-title {
    font-weight: 700;
    line-height: 35px;
    color: #000;
    font-size: 24px;
    font-family: 'GothaPro', Arial, sans-serif;
    margin-bottom: 40px;
}

.guarantees__block-text p {
    line-height: 23px;
    color: #000;
    font-size: 16px;
    font-family: 'GothaPro', Arial, sans-serif;
    font-weight: 400;
    margin-bottom: 30px;
    margin-top: 0;
}

.guarantees__block-button {
    padding: 30px 0;
    background: linear-gradient(164deg, rgba(155, 175, 57, 1) 0%, rgba(166, 200, 0, 1) 100%);
    border-radius: 25px;
    box-shadow: 0 0 100px 0 rgba(255, 255, 255, 0.7);
    display: flex;
    justify-content: center;
    text-decoration: none;
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'GothaPro', Arial, sans-serif;
    line-height: 25px;
    font-weight: 700;
    letter-spacing: 0.5px;
    align-items: center;
}

.guarantees__block-button svg {
    width: 30px;
    height: 30px;
    margin-left: 30px;
}

.guarantees__block-button:hover {
    color: #000;
    filter: brightness(0.9);
}

@media (max-width: 1199px) {
    .guarantees__container {
        flex-wrap: wrap;
        margin-top: 50px;
        gap: 65px;
    }

    .guarantees__text {
        flex: 0 1 auto;
        max-width: unset;
    }

    .guarantees__block {
        flex: 0 1 560px;
    }

    .guarantees__text p {
        margin-bottom: 30px;
    }
}

@media (max-width: 959px) {
    .guarantees__title {
        line-height: 70px;
        font-size: 70px;
    }

    .guarantees__text p {
        line-height: 29px;
        font-size: 20px;
        margin-bottom: 29px;
    }

    .guarantees__block {
        flex: 0 1 100%;
    }

    .guarantees__text,
    .guarantees__title {
        margin-left: 65px;
    }

    .guarantees__container {
        gap: 30px;
    }

    .guarantees__block {
        padding: 50px 40px 50px 65px;
    }

    .guarantees__block-title {
        margin-bottom: 20px;
    }

    .guarantees__block-button {
        max-width: 410px;
        margin: 0 auto;
    }
}

@media (max-width: 639px) {
    .guarantees__title {
        font-size: 56px;
        line-height: 56px;
    }

    .guarantees__block-title {
        line-height: 29px;
        font-size: 20px;
    }

    .guarantees__text p {
        line-height: 26px;
        font-size: 18px;
        margin-bottom: 26px;
    }

    .guarantees__block-text p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }

    .guarantees__block {
        padding: 35px;
    }

    .guarantees__container {
        gap: 0;
    }
}

@media (max-width: 459px) {
    .guarantees__title {
        line-height: 44px;
        font-size: 44px;
    }

    .guarantees__text p {
        line-height: 23px;
        font-size: 16px;
        margin-bottom: 23px;
    }

    .guarantees__block {
        max-width: 320px;
        margin: 0 auto;
    }

    .guarantees__block-button {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: -120px;
        line-height: 22px;
        font-size: 14px;
        padding: 25px 0;
    }

    .guarantees__block-button svg {
        width: 26px;
        height: 26px;
        margin-left: 20px;
    }
}

/* /Гарантии */

/* Текстовый блок */
.pestkontrol__content-block {
    margin: 140px 0 0;
}

.pestkontrol__content-block ul,
.pestkontrol__content-block p {
    line-height: 30px;
    font-size: 20px;
    font-family: 'GothaPro', Arial, sans-serif;
    font-weight: 300;
    color: #000;
}

.pestkontrol__content-block p {
    margin: 20px 0;
}

.pestkontrol__content-block h2 {
    font-family: 'GothaPro', Arial, sans-serif;
    color: #000;
    line-height: 80px;
    font-weight: 700;
    font-size: 80px;
}

@media (max-width: 1199px){
    .pestkontrol__content-block ul,
    .pestkontrol__content-block p {
        font-size: 18px;
        line-height: 24px;
    }
}

@media (max-width: 959px) {
    .pestkontrol__content-block {
        margin: 60px 0 0;
    }

    .pestkontrol__content-block h2 {
        line-height: 70px;
        font-size: 70px;
    }
}

@media (max-width: 639px) {
    .pestkontrol__content-block h2 {
        font-size: 56px;
        line-height: 56px;
    }

    .pestkontrol__content-block ul,
    .pestkontrol__content-block p {
        line-height: 20px;
        font-size: 16px;
    }
}

@media (max-width: 459px) {
    .pestkontrol__content-block h2 {
        line-height: 44px;
        font-size: 44px;
    }

    .pestkontrol__content-block ul,
    .pestkontrol__content-block p {
        line-height: 14px;
        font-size: 14px;
    }
}
/* /Текстовый блок */

.pestcontrol__content {
    position: relative;
    z-index: 51;
}

.pestcontrol * {
    box-sizing: border-box;
}

.pestcontrol-wrapper {
    max-width: 1155px;
    margin: 0 auto;
}

@media (max-width: 1199px) {
    .pestcontrol-wrapper {
        max-width: 940px;
    }
}

@media (max-width: 959px) {
    .pestcontrol-wrapper {
        max-width: 620px;
        /*margin: 60px auto;*/
    }
}

@media (max-width: 639px) {
    .pestcontrol-wrapper {
        max-width: 460px;
    }
}

@media (max-width: 459px) {
    .pestcontrol-wrapper {
        max-width: 370px;
    }
}

.jsplash-inner.yt-splash {
    max-width: 700px;
}

.jsplash-inner.yt-splash iframe {
    width: 700px;
    height: 450px;
}

@media (max-width: 959px) {
    .jsplash-inner.yt-splash {
        max-width: 500px;
    }

    .jsplash-inner.yt-splash iframe {
        width: 500px;
        height: 275px;
    }
}

@media (max-width: 600px) {
    .jsplash-inner.yt-splash {
        max-width: none;
    }

    .jsplash-inner.yt-splash iframe {
        width: 375px;
        height: 250px;
    }
}

.service-list {
    max-width: 1155px;
    margin: 0 auto 75px;
    position: relative;
    z-index: 40;
    filter: drop-shadow(0px 0px 176px rgba(0, 0, 0, 0.1));
    /* safari fix */
    transform: translateZ(0);
}

.service-list,
.service-list__wrapper,
.categories-list,
.categories-list__items {
    background-color: transparent;
}

.categories-list__items {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(5,1fr);
}

.categories-list__item {
    background-color: #FFF;
    border-radius: 20px;
}

.categories-list__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 0 25px;
    text-decoration: none;
}

.categories-list__link img {
    margin-bottom: 31px;
    width: 50px;
    height: 50px;
}

.categories-list__item-name {
    text-align: center;
    text-transform: uppercase;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}

.categories-list__link:hover .categories-list__item-name {
    color: #9baf39;
}

.categories-list,
.service-banner {
    margin-bottom: 40px;
}

.service-banner__wrapper {
    position: relative;
    background: #9cb330;
    border-radius: 20px;
    display: block;
    text-decoration: none;
    padding: 35px 60px 35px 20px;
}

.service-banner__wrapper > picture {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
}

.service-banner__wrapper > picture img {
    border-radius: 20px;
    height: 100%;
}

.service-banner__content {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 2;
}

.service-banner__content-text {
    margin-left: 75px;
}

.service-banner__content-icon {
    display: flex;
    align-items: center;
}

.service-banner__content-icon .service-banner__content-title {
    margin: 15px 0 15px 25px;
    font-weight: 700;
    font-size: 24px;
    line-height: 20px;
    color: #FFF;
}

.service-banner__content .service-banner__content-text ul {
    padding-left: 18px;
    margin-bottom: 15px;
}

.service-banner__content-text ul li {
    font-size: 14px;
    line-height: 20px;
    color: #FFF;
}

.service-banner__content-text ul li::marker {
    font-size: 18px;
    color: #F9B519;
}

.service-banner__content .service-banner__content-text p {
    font-weight: 900;
    font-size: 14px;
    line-height: 20px;
    color: #FFF;
}

.offers-list__items {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(3,1fr);
    gap: 11px;
}

.offers-list__item {
    background: #FFF;
    border-radius: 20px;
    padding: 27px 23px 36px 21px;
}

.offers-list__item-icon img{
    width: 50px;
    height: 50px;
}

.offers-list__item-icon {
    margin-bottom: 34px;
}

.offers-list__item-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    text-decoration: none;
    margin-bottom: 25px;
}

.offers-list__item-title:hover {
    color: #9baf39;
}

.offers-list__item-list ul {
    padding-left: 0;
    list-style: none;
}

.offers-list__item-list ul li {
    display: flex;
    font-weight: 700;
    font-size: 14px;
    line-height: 25px;
    color: #000;
}

.offers-list__item-list ul li a {
    color: #000;
}

.offers-list__item-list ul li a:hover {
    color: #9baf39;
}

.offers-list__item-list ul li::before {
    display: block;
    content: ' ';
    background-image: url("/modules/ServiceList/public/front/img/marker.png");
    margin-right: 14px;
    width: 10px;
    height: 10px;
    margin-top: 7px;
}

@media (max-width: 1199px) {
    .service-list {
        max-width: 940px;
    }
}

@media (max-width: 959px) {
    .service-list {
        max-width: 620px;
        margin: 0 auto 60px;
    }

    .categories-list__items {
        grid-template-columns: 1fr;
    }

    .categories-list__link {
        flex-direction: row;
        padding: 17px 44px 17px 14px;
        align-items: normal;
        justify-content: flex-start;
    }

    .categories-list__link img {
        margin-bottom: 0;
        margin-right: 15px;
    }

    .categories-list__item-name {
        font-size: 17px;
        text-align: left;
        display: flex;
        align-items: center;
    }

    .service-banner__content-text {
        margin-top: 18px;
        margin-left: 0;
    }

    .service-banner__wrapper {
        padding: 17px 0 0 0;
    }

    .service-banner__wrapper > picture {
        position: relative;
        display: block;
    }

    .service-banner__wrapper > picture img {
        width: 100%;
        display: block;
    }

    .service-banner__content {
        margin-left: 17px;
        margin-right: 26px;
    }

    .offers-list__items {
        grid-template-columns: 1fr;
    }

    .offers-list__item {
        padding: 27px 26px 36px 21px;
    }
}

@media (max-width:639px) {
    .service-list {
        max-width: 460px;
    }
}

@media (max-width: 459px) {
    .service-list {
        max-width: 370px;
    }
}

div.offer-style-banner {
    background: #F3F5F8;
    padding: 26px 30px 26px 37px;
    margin: 60px 0;
    display: flex;
    justify-content: space-between;
}

.offer-style-banner .offer__content {
    display: flex;
}

.offer__content-icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.offer__content-icon img {
    width: 74px;
    height: auto;
}

.offer__content-container {
    margin-left: 37px;
    margin-right: 75px;
    color: #000;
}

.offer__button {
    display: flex;
    align-items: center;
}

.offer__button a {
    padding: 16px 40px;
    background: #4BB933;
    color: #FFF;
    font-size: 18px;
    line-height: 30px;
    text-decoration: none;
}

.offer__button a:hover {
    background: #4fda2f;
}

.offer__content-title {
    font-weight: 600;
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 4px;
}

.offer__content-text p {
    font-size: 18px;
    line-height: 30px;
    color: #000;
    margin: 0 0 10px;
}

.offer__content-text .license-info {
    font-size: 14px;
    line-height: 18px;
    color: #6E7C87;
}

@media (max-width: 1024px) {
    .offer__content-container {
        margin-right: 35px;
    }

    .offer__content-text p {
        font-size: 14px;
        line-height: 16px;
    }

    .offer__content-title {
        font-size: 20px;
        line-height: 23px;
        margin-bottom: 9px;
    }

    .offer__button a {
        padding: 8px 20px;
    }
}

@media (max-width: 900px) {
    .offer-style-banner {
        flex-direction: column;
        padding: 21px 14px 25px;
    }

    .offer__content-container {
        margin-left: 18px;
        margin-right: 0;
    }

    .offer__content-icon {
        align-items: flex-start;
    }

    .offer__content-icon img {
        width: 68px;
    }

    .offer__button {
        display: block;
        margin-top: 25px;
    }

    .offer__button a {
        display: block;
        text-align: center;
        padding-top: 16px;
        padding-bottom: 16px;
        padding-left: unset;
        padding-right: unset;
    }
}

@media (max-width: 600px) {
    .offer-style-banner {
        margin: 0 15px;
    }

    .page-content ul li {
        line-height: 30px;
        font-size: 16px;
    }
}

.spacer {
    padding-top: 80px;
    padding-bottom: 80px;
}

@media (max-width: 959px) {
    .spacer {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}