/**
 * INDEXIS
 * 0. Besed
 * 1. Цифры о компании
 * 2. Обращение руководителя
 * 3. Наши клиенты
 * 4. Благодарственные письма
 * 5. СМИ о нас 
 * 6. О компании
 * 7. Почему стоит обратиться
 * 8. Фото с мероприятий
 * 9. Миссия компании
 * 10. Наши сертификаты
 * 11. Новости
 * 12. Команда
 * 13. Рейтинг
 * 14. Rating styles
 * 15. Стоимость клининговых услуг
 * 16. Стоимость уборки квартир
 * 17. Гарантии - шапка
 * 18. Гарантии - Что мы гарантируем
 * 19. Гарантии - Как работает гарантия
 * 20. Гарантии - Условия
 */

/**
 * 0. Besed
 */

.block-05-25 {
    margin: 0 auto;
    max-width: 1170px;
    position: relative;
}
.block-05-25 h2 {
  margin: 0 0 50px 0;
  color: #000227;
  font-size: 32px;
  line-height: 123.1%;
  font-family: Eastman, Verdana, sans-serif;
  letter-spacing: 0%;
  text-align: center;
}
.block-05-25 h2 {
    font-size: 32px;
    line-height: 123.1%;
    font-weight: 400 !important;
    font-family: Eastman, Verdana, sans-serif;
}

/**
 * 1. Цифры о компании
 */
.block-05-25.company {
    margin: 40px auto 80px;
}
.block-05-25.company .items {
  font-family: Eastman, Verdana, sans-serif;
    width: 100%;
    height: 250px;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0px 16px 73px 0px #CFD6DF8C;
    display: flex;
    padding: 50px;
}
.block-05-25.company .items .item {
    width: 25%;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: 0%;
}
.block-05-25.company .items .item span {
    font-weight: 700;
}
.block-05-25.company .items .item img {
    max-width: 100%;
    margin: 0 0 15px;
}

@media all and (max-width : 800px) {
  .block-05-25 h2 {
    font-size: 24px;
  }
  .block-05-25.company {
    margin: 0 15px;
  }
  .block-05-25.company .items {
    padding: 20px;
    flex-direction: column;
    height: auto;
  }
  .block-05-25.company .items .item {
    width: 100%;
    text-align: left;
    margin: 0 0 30px 0;
  }
  .block-05-25.company .items .item img {
    max-width: 48px;
    margin: 0 0 15px;
  }
}

/**
 * 2. Обращение руководителя
 */
.block-05-25.owner .content {
    display: flex;
    align-content: flex-end;
    flex-wrap: nowrap;
    align-items: flex-start;
}
.block-05-25.owner .content .photo {
    margin: 0 30px 0 0;
}
.block-05-25.owner .content .photo img {
    max-width: 370px;
}
.block-05-25.owner .item {
    min-height: 310px;
    border-radius: 20px;
    padding: 30px;
    background: #ffffff;
    font-family: Onest;
    font-weight: 400;
    font-size: 16px;
    line-height: 20.8px;
    letter-spacing: 0%;
}
.block-05-25.owner .item .title {
    color: #00BBFC;
    font-weight: 400;
    font-size: 20px;
}
.block-05-25.owner .item .name {
    margin: 20px 0;
    font-weight: 700;
    font-size: 32px;
}
.block-05-25.owner .item .text {
    position: relative;
    color: #00022799;
    white-space: pre-wrap;
    height: 210px;
    overflow: hidden;
}
.block-05-25.owner .item .text::after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    bottom: 0;
    background: #FFF;
    height: 40px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 1) 100%);
}
.block-05-25.owner .item .text.open::after {
    display: none;
}
.block-05-25.owner .item .callback {
    border: 2px solid #25a3e0;
    border-radius: 20px;
    padding: 12px 40px 12px 20px;
    display: inline-block;
    margin: 20px 0 0;
    font-size: 14px;
    font-weight: 500;
    color: #25a3e0;
    position: relative;
}
.block-05-25.owner .item .callback:hover {
    color: #FFF;
    background: #25a3e0;
}
.block-05-25.owner .item .readmore-cnt {
    cursor: pointer;
    border: 2px solid #bfeafa;
    border-radius: 20px;
    padding: 12px 20px 12px 20px;
    display: inline-block;
    margin: 20px 0 0;
    font-size: 14px;
    font-weight: 500;
    color: #25a3e0;
    position: relative;
    float: right;
}
.block-05-25.owner .item .readmore-cnt:hover {
    border: 2px solid #25a3e0;
    color: #FFF;
    background: #25a3e0;
}
.block-05-25.owner .item:has(.open) .readmore-cnt {
    display: none;
}
.block-05-25.owner .item.item .hide-cnt {
    display: none;
}
.block-05-25.owner .item.item:has(.open) .hide-cnt {
    margin: 10px 0 0 0;
    cursor: pointer;
    display: block;
    color: #25a3e0;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 500;
}
.chevron {
    position: relative;
    display: inline-block;
    height: 10px;
    transform: rotate(180deg);
    margin: 0 0 1px 20px;
}
.chevron::before,
.chevron::after {
  position: absolute;
  display: block;
  content: "";
  border: 8px solid transparent; /*adjust size*/
}

/* Replace all text `top` below with left/right/bottom to rotate the chevron */

.chevron::before {
  top: 0;
  border-top-color: #25a3e0; /*Chevron Color*/
}

.chevron::after {
  top: -3px; /*adjust thickness*/
  border-top-color: #fff; /*Match background colour*/
}
.block-05-25.owner .item.item:has(.open) .hide-cnt:hover {
    text-decoration: none;
}
.block-05-25.owner .item .callback::after {
    content: "";
    background: url(/wp-content/themes/cleanon_theme/img/header/tg.svg) center no-repeat;
    display: block;
    color: rgba(0, 0, 0, 0);
    font-size: 0;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 50%;
}
.block-05-25.owner .item .callback:hover::after {
    background: url(/wp-content/themes/cleanon_theme/img/header/tg.svg) center no-repeat #FFF;
}
@media all and (max-width : 800px) {
  .block-05-25.owner .content {
    flex-direction: column;
  }
  .block-05-25.owner .content .photo {
    margin: 0 auto;
    max-width: 100%;
  }
  .block-05-25.owner .content .photo img {
    max-width: 100%;
  }
  .block-05-25.owner .item {
    padding: 15px;
    min-height: auto;
    margin: 20px 0;
  }
  .block-05-25.owner .item .title {
    font-size: 14px;
  }
  .block-05-25.owner .item .name {
    margin: 10px 0;
    font-size: 18px;
  }
  .block-05-25.owner .item .text {
    font-size: 14px;
  }
  .block-05-25.owner .item .readmore-cnt {
    float: unset;
    width: 100%;
  }
  .block-05-25.owner .item .callback {
    width: 100%;
  }
}

/**
 * 3. Наши клиенты
 */

.block-05-25.clients .item {
    border-radius: 12px;
    background: #ffffff;
    padding: 20px;
    margin: 0 10px;
    text-align: center;
    height: 110px;
}
.block-05-25.clients .owl-carousel .owl-item img {
    display: inline-block;
    max-width: 100%;
    width: auto;
    max-height: 70px;
}
.block-05-25 .owl-carousel .owl-nav button.owl-next, .block-05-25 .owl-carousel .owl-nav button.owl-prev {
    width: 46px;
    height: 46px;
    display: block;
    background: #00bbfc;
    border-radius: 50%;
    color: #FFF;
    font-size: 30px;
    line-height: 30px;
    padding: 0;
    text-align: center;
    position: absolute;
    left: -50px;
    top: calc(50% - 23px);
    opacity: .9;
}
.block-05-25 .owl-carousel .owl-nav button.owl-next:hover, .block-05-25 .owl-carousel .owl-nav button.owl-prev:hover {
    opacity: 1;
}
.block-05-25 .owl-carousel .owl-nav button.owl-next {
    left: unset;
    right: -50px;
}

/**
 * 4. Благодарственные письма
 */
.block-05-25.review {
    position: relative;
}
.block-05-25.review .content .item {
    background: #FFF;
    border-radius: 15px;
    padding: 15px;
    margin: 5px;
}
.block-05-25.review .content .item .name {
    font-weight: 700;
    font-size: 18px;
    color: #000027;
    margin: 0 0 5px 0;
}
.block-05-25.review .content .item .company {
    font-family: Onest;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0%;
    color: #000027;
    margin: 0 0 5px 0;
}
.block-05-25.review .content .item .text {
    font-family: Onest;
    font-weight: 400;
    font-size: 14px;
    color: #00022799;
}
.block-05-25.review .content .item .icontent {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.block-05-25.review .content.owl-carousel .owl-item img {
    display: block;
    width: 180px;
    cursor: pointer;
}
@media all and (max-width : 800px) {
  .block-05-25.review .content .item .icontent {
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: center;
  }
  .block-05-25.review .content.owl-carousel .owl-item img {
    margin: 0 auto;
  }
}

/**
 * 5. СМИ о нас 
 */
.block-05-25.smi {
    margin: 20px auto 80px;
}
.block-05-25.smi .items {
    display: flex;
/*    flex-wrap: wrap;*/
}
.block-05-25.smi .item {
    border-radius: 12px;
    background: #ffffff;
    padding: 20px;
/*    margin: 10px 1%;*/
    margin: 10px 0;
    text-align: center;
    height: 110px;
/*    width: 23%;*/
}
.block-05-25.smi .item img {
    cursor: pointer;
    display: inline-block;
    max-width: 100%;
    width: auto;
    max-height: 70px;
}
@media all and (max-width : 800px) {
  .block-05-25.smi .items {
    padding: 0 20px;
  }
  .block-05-25.smi .item {
    width: unset;
  }
}

/*
 * 6. О компании
 */

.block-05-25.about {
    color: #000227;
    background: #ffffff;
    background: linear-gradient(181deg, rgba(255, 255, 255, 1) 0%, rgba(250, 250, 251, 1) 50%, rgba(250, 250, 251, 1) 100%);
    padding: 40px;
    border-radius: 20px;
    margin: 40px auto 80px;
}
.block-05-25.about .content {
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    position: relative;
}
.block-05-25.about .content h2 {
    text-align: left;
    margin: 0 0 20px;
    color: #000227;
    font-weight: 700;
    font-size: 32px;
}
.block-05-25.about .content .desc {
    width: 50%;
    font-weight: 400;
    font-size: 14px;
}
.block-05-25.about .content .desc .text {
    padding: 0 30px 0 0;
}
.block-05-25.about .content .photo {
    width: 50%;
    text-align: right;
}
.block-05-25.about .content .photo img {
    max-width: 100%;
}
.block-05-25.about .content .top {
    position: absolute;
    background: #FFF;
    left: 48%;
    width: 210px;
    border-radius: 10px;
    padding: 15px;
    color: #00022799;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
}
.block-05-25.about .content .top p {
    margin: 0;
}
.block-05-25.about .content .top h2 {
    text-align: center;
    font-weight: 700;
    font-size: 20px;
}
.block-05-25.about .content h3 {
    font-weight: 700;
    font-size: 20px;
}
.block-05-25.about .content .column {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    padding: 10px 0 0 0;
    border-top: 1px solid #d9d9df;
    margin: 0 20px 0 0;
}
.block-05-25.about .content .column .item {
    width: 33.3%;
    font-size: 14px;
    color: #00022799;
}
.block-05-25.about .content .column .item span {
    color: #000227;
    font-weight: 700;
    font-size: 20px;
    display: block;
}
.block-05-25.about .content .top .readmore {
    font-weight: 400;
    font-size: 10px;
    color: #01BCFD;
    border-bottom: 1px dashed #01BCFD;
}
.block-05-25.about .content .top .readmore:hover {
    border-bottom: none;
}
@media all and (max-width : 1070px) {
  .block-05-25.about .content .column .item span {
    font-size: 16px;
  }
  .block-05-25.about .content .column .item {
    font-size: 12px;
  }
}
@media all and (max-width : 800px) {
  .block-05-25.about {
    padding: 15px 2%;
    width: 96%;
    margin: 40px 2% 80px;
  }
  .block-05-25.about .content {
    padding: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
  }
  .block-05-25.about .content .text {
    font-size: 12px;
    color: #00022799;
  }
  .block-05-25.about .content .desc {
    width: 100%;
  }
  .block-05-25.about .content .desc h3 {
    margin-top: 230px;
  }
  .block-05-25.about .content .photo {
    display: none;
  }
  .block-05-25.about .content .column {
    flex-direction: column;
  }
  .block-05-25.about .content .column .item {
    width: 100%;
  }
  .block-05-25.about .content .top {
    position: absolute;
    background: #f5f7fa;
    left: 0;
    width: 90%;
    margin: 5%;
    padding: 15px;
    bottom: 170px;
  }
}

/*
 * 7. Почему стоит обратиться
 */
.block-05-25.who {
    margin: 40px auto 80px;
}
.block-05-25.who h2 {
    text-align: left;
    margin: 0 0 20px 0;
}
.block-05-25.who .info {
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 20px 0;
}
.block-05-25.who .items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.block-05-25.who .items .item {
    width: 100%;
    margin: 0 0 20px 0;
    background: #FFF;
    padding: 25px;
    border-radius: 20px;
    line-height: 1.5em;
}
.block-05-25.who .items .item img {
    max-width: 86px;
    margin: 0 0 10px 0;
}
.block-05-25.who .items .item .title {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 15px 0;
}
.block-05-25.who .items .item .desc {
    font-size: 14px;
    font-weight: 400;
}
.block-05-25.who .items .item:nth-child(2) {
    width: 49%;
    margin: 0 1% 20px 0;
}
.block-05-25.who .items .item:nth-child(3) {
    width: 49%;
    margin: 0 0 20px 1%;
}
@media all and (max-width : 800px) {
  .block-05-25.who h2 {
    margin: 0 2% 20px;
  }
  .block-05-25.who .info {
    margin: 0 2% 20px;
    font-size: 14px;
    line-height: 1.5em;
  }
  .block-05-25.who .items .item, .block-05-25.who .items .item:nth-child(2), .block-05-25.who .items .item:nth-child(3) {
    width: 96%;
    margin: 0 2% 20px;
  }
  .block-05-25.who .items .item img {
    max-width: 48px;
  }
  .block-05-25.who .items .item .title {
    font-size: 14px;
    font-weight: 700;
  }
  .block-05-25.who .items .item .desc {
    font-size: 12px;
  }
}

/*
 * 8. Фото с мероприятий
 */
.block-05-25.photos {
    margin: 40px auto 80px;
}
.block-05-25.photos .items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 2%;
}
.block-05-25.photos .items .item {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    margin: 15px 0;
    text-align: center;
    height: 245px;
}
.block-05-25.photos .items .item img {
    width: 100%;
}
.block-05-25.photos .items .item .title, .block-05-25.photos .items .item a {
    opacity: 0; 
    -moz-transition: all 0.4s ease-out;  /* FF4+ */
    -o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 0.4s ease-out;  /* IE10? */
    transition: all 0.4s ease-out; 
    z-index: 20;
}
.block-05-25.photos .items .item:hover a, .block-05-25.photos .items .item:hover .title {
    opacity: 1; 
}
.block-05-25.photos .items .item:hover::after {
    position: absolute;
    top: 0;
    left: 0;
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 10;
    opacity: .4;
}
.block-05-25.photos .items .item .title {
    position: absolute;
    top: 0;
    font-weight: 700;
    color: #FFF;
    margin: 20px;
    font-size: 16px;
}
.block-05-25.photos .items .item a {
    background: #01B3FD;
    color: #FFF;
    padding: 10px 20px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    display: block;
    margin: 0 auto;
    max-width: 180px;
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 20px;
}
.block-05-25.photos .items .item a:hover {
    opacity: .8;
}
.block-05-25.photos .readmore {
    background: #01B3FD;
    color: #FFF;
    padding: 15px 20px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    margin: 20px auto;
    max-width: 160px;
    text-align: center;
}
.block-05-25.photos .readmore:hover {
    opacity: .8;
}
.block-05-25.photos .col-3 {
    width: 23%;
}
.block-05-25.photos .col-6 {
    width: 48%;
}
@media all and (max-width : 800px) {
  .block-05-25.photos .items {
    gap: 0;
    display: block;
    padding: 0 1%;
  }
  .block-05-25.photos .col-3 {
    width: 100%;
  }
  .block-05-25.photos .col-6 {
    width: 100%;
  }
  .block-05-25.photos .owl-item {
  }
  .block-05-25.photos .items .item.col-6 img {
    width: 200%;
  }
}

/*
 * 9. Миссия компании
 */
.block-05-25.mission {
    background: #FFF;
    border-radius: 20px;
    padding: 40px;
    margin: 40px auto 80px;
}
.block-05-25.mission .content {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    align-items: center;
    gap: 30px;
    margin: 0;
}
.block-05-25.mission .content .desc {
    width: 50%;
    font-size: 14px;
}
.block-05-25.mission .content .desc h2 {
    margin: 0 0 20px 0;
    text-align: left;
}
.block-05-25.mission .content .desc h3 {
    font-size: 20px;
}
.block-05-25.mission .content .desc .text {

}
.block-05-25.mission .content ul li:before {
    content: '➤';
    color: #01b3fd;
    width: 0;
    height: 0;
    top: 0;
}
.block-05-25.mission .content .desc .list {
/*    list-style-type: "";*/
    font-size: 14px;
    list-style: none;
}
.block-05-25.mission .content .desc .list li {
    padding-left: 20px;
}
.block-05-25.mission .content .photo {
    width: 50%;
}
.block-05-25.mission .content .photo img {
    width: 100%;
    border-radius: 20px;
}
@media all and (max-width : 800px) {
  .block-05-25.mission {
    margin: 0 2% 20px;
    padding: 20px 0px;
  }
  .block-05-25.mission .content {
    flex-direction: column-reverse;
  }
  .block-05-25.mission .content .photo {
    width: 100%;
  }
  .block-05-25.mission .content .desc {
    width: 100%;
  }
}

/*
 * 10. Наши сертификаты
 */

.block-05-25.cert {
    margin: 20px auto 80px;
}
.block-05-25.cert h2 {
    margin: 0 0 20px 0;
}
.block-05-25.cert .info {
    text-align: center;
    margin: 0 0 20px 0;
}
.block-05-25.cert .item {
    cursor: pointer;
}
.block-05-25.cert .item img {
    border-radius: 20px;
}

/*
 * 11. Новости
 */
.block-05-25.news {
    margin: 20px auto 80px;
}
.block-05-25.news h2 {
    text-align: left;
    margin: 0 0 30px 0;
}
.block-05-25.news .content {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: flex-start;
}
.block-05-25.news .content .social {
    width: 33%;
}
.block-05-25.news .content .social .items {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
}
.block-05-25.news .content .social .items .item {
    background: #FFF;
    border-radius: 10px;
    padding: 16px;
    width: 100%;
    margin: 0 0 20px;
}
.block-05-25.news .content .social .items .item a.icon {
    float: left;
    margin: 0 10px 0 0
}
.block-05-25.news .content .social .items .item a.icon img {
    border-radius: 10px;
}
.block-05-25.news .content .social .items .item .title {
    margin: 10px 0 0;
    font-size: 16px;
    font-weight: 700;
}
.block-05-25.news .content .social .items .item a.go {
    color: #00bbfc;
    display: inline-block;
    border-bottom: 1px dashed #00bbfc;
    font-size: 14px;
}
.block-05-25.news .content .social .items .item a.go:hover {
    border-bottom: 0;
}
.block-05-25.news .content .desc {
    width: 64%;
    margin-right: 3%;
}
.block-05-25.news .content .desc .items {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    /*gap: 3%;*/
}
.block-05-25.news .content .desc .items .item {
    background: #FFF;
    border-radius: 20px;
    padding-bottom: 20px;
    min-height: 340px;
    /*width: 47%;*/
}
.block-05-25.news .content .desc .items .item img {
    width: 100%;
    border-radius: 20px;
}
.block-05-25.news .content .desc .items .item .meta {
    margin: 10px 20px;
    color: #00022799;
    font-size: 14px;
}
.block-05-25.news .content .desc .items .item .meta a {
    color: #00022799;
    font-size: 14px;
    text-decoration: underline;
}
.block-05-25.news .content .desc .items .item .meta a:hover {
    text-decoration: none;
}
.block-05-25.news .content .desc .items .item .meta .date {
    display: inline-block;
}
.block-05-25.news .content .desc .items .item .meta .category {
    display: inline-block;
}
.block-05-25.news .content .desc .items .item .title {
    display: inline-block;    
    color: #000227;
    font-size: 16px;
    font-weight: 700;
    margin: 0 20px;
}
.block-05-25.news .content .desc .items .item a.image {
    display: block;
    height: 231px;
    overflow: hidden;
}
.block-05-25.news .owl-carousel .owl-nav button.owl-prev {
    left: -25px;
}
.block-05-25.news .owl-carousel .owl-nav button.owl-next {
    right: -25px;
}
@media all and (max-width : 800px) {
  .block-05-25.news .content {
    flex-direction: column;
  }
  .block-05-25.news .content .desc {
    width: 100%;
    margin-right: 0;
  }
  .block-05-25.news .content .social {
    width: 100%;
    margin: 20px 0;
  }
}

/*
 * 12. Команда
 */
.block-05-25.teams {
    margin: 20px auto 80px;
}
.block-05-25.teams h2 {
    margin: 0 0 20px 0;
}
.block-05-25.teams .info {
    text-align: center;
    margin: 0 10px 20px;
}
.block-05-25.teams .items {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
}
.block-05-25.teams .items .item {
    background: #e9edf2;
    margin: 0 10px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    height: 264px;
}
.block-05-25.teams .items .item .stage {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #ff8100;
    color: #FFF;
    padding: 5px 10px;
    border-radius: 5px;
}
.block-05-25.teams .items .item .meta {
    position: absolute;
    bottom: 10px;
    text-align: center;
    background: #FFF;
    border-radius: 10px;
    width: 94%;
    margin: 0 3%;
    padding: 10px;
}
.block-05-25.teams .items .item .meta .name {
    font-weight: 700;
    margin: 0 0 5px 0;
}
@media all and (max-width : 800px) {
  .block-05-25.teams .info {
    color: #00022799;
  }
}

/*
 * 13. Рейтинг
 */
.block-05-25.rates {
    margin: 20px auto 80px;
}
.block-05-25.rates .items {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 3%;
}
.block-05-25.rates .items .item {
    width: 33.3%;
    background: #FFF;
    border-radius: 20px;
    padding: 40px;
    text-align: center;
}
.block-05-25.rates .items .item img {
    width: 126px;
    border-radius: 50%;
}
.block-05-25.rates .items .item .rate {
    font-size: 16px;
    color: #00022799;
    margin: 40px 0 0;
}
.block-05-25.rates .items .item .name {
    font-size: 24px;
    color: #000227;
    font-weight: 700;
    margin: 10px 0 0;
}
.block-05-25.rates .items .item .readmore {
    opacity: .8;
    margin: 20px 0 0;
    display: block;
    border: 2px solid #00bbfc;
    border-radius: 20px;
    padding: 15px 20px;
    color: #00bbfc;
    font-weight: 700;
    font-size: 14px;
}
.block-05-25.rates .items .item .readmore:hover {
    opacity: 1;
}
readmore

/*  
 * 14. Rating styles
 */
.rating {
    width: 100%;
    margin: 20px auto 0;
    font-size: 45px;
    overflow:hidden;
}
.rating input {
    float: right;
    opacity: 0;
    position: absolute;
}
.rating a, .rating label, .rating a.half::after {
    position: relative;
    display: inline-block;
    float: right;
    color: #aaa;
    text-decoration: none;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s;
}
.rating a.half::after {
    display: flex;
    content: "★";
    color: #fecb00;
    position: absolute;
    left: -19px;
    top: 0;
    z-index: 10;
    width: 19px;
    overflow: hidden;
    text-align: right;
    transform: translate3d(19px, 0px, 0px);
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    align-items: center;
}
/*.rating label:hover ~ label,
.rating input:focus ~ label,
.rating label:hover,
.rating a:hover,
.rating a:hover ~ a,
.rating a:focus,
.rating a:focus ~ a, */.rating a.active {
    color: #fecb00;
    cursor: pointer;
}
.rating2 {
    direction: rtl;
}
.rating2 a {
    float:none;
    z-index: 0;
}
@media all and (max-width : 800px) {
  .block-05-25.rates .items {
    flex-direction: column;
  }
  .block-05-25.rates .items .item {
    width: 96%;
    margin: 0 2% 20px;
    padding: 20px;
  }
  .block-05-25.rates .items .item img {
    width: 86px;
  }
}

/**
 15. Стоимость клининговых услуг
 */
@media (max-width: 1300px) {
  .content:has(.block-05-25.services) {
      padding: 0 15px;
  }
}
.block-05-25.services h2.title {
    text-align: left;
    margin: 20px 0 20px 0;
    font-weight: 700;
}
.block-05-25.services .desc {
    font-size: 16px;
}
.block-05-25.services ul.category {
    margin: 30px 0 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}
.block-05-25.services ul.category li {
    border: 1px solid #555555;
    background: #FFF;
    padding: 10px 15px;
    color: #555555;
    border-radius: 20px;
    font-weight: 400;
    font-size: 16px;
    font-family: Onest;
    margin: 0;
}
.block-05-25.services ul.category li::before {
    display: none !important;
}
.block-05-25.services ul.category li.active, .block-05-25.services ul.category li:hover {
    cursor: pointer;
    border: 1px solid #00BBFC;
    background: #00BBFC;
    color: #FFF;
}

.block-05-25.services .items {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: row;
    margin: 30px 0;
    gap: 2%;
    justify-content: space-around;
}
.block-05-25.services .items .item {
    display: none;
    width: 23%;
    padding: 20px;
    background: #FFF;
    border-radius: 20px;
    margin: 15px 0;
}
.block-05-25.services .items .item.active {
    display: block;
}
.block-05-25.services .items .item .num {
    color: #00BBFC;
    font-weight: 700;
    font-size: 24px;
}  
.block-05-25.services .items .item .category {
    margin: 15px 0 0 0;
    color: #000;
    font-weight: 400;
    font-size: 14px;
}  
.block-05-25.services .items .item .name {
    margin: 0;
    color: #000;
    font-weight: 500;
    font-size: 20px;
}  
.block-05-25.services .items .item .prices {
    margin: 10px 0 0 0;
    color: #555555;
    font-weight:300;
    font-size: 12px;
    line-height: 1.5;
}
.block-05-25.services .items .item .exclusive {
    margin: 10px 0 0 0;
    color: #555555;
    font-weight:300;
    font-size: 12px;
    line-height: 1.7;
}
.block-05-25.services .items .item .exclusive a {
    color: #00BBFC;
    display: block;
}
.block-05-25.services .items .item .prices .price {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.block-05-25.services .items .item .prices .price span {
    display: block;
}
.block-05-25.services .items .item .prices .price span:nth-child(2) {
    border-bottom: 1px solid #eee;
    width: 30%;
    height: 15px;
}
.block-05-25.services .items .item .prices .price span:nth-child(3) {
    text-align: right;
}
.block-05-25.services .readmore {
    display: block;
    width: 100%;
    background: linear-gradient(85.82deg, #01b3fd 11.28%, #00bcfc 85.26%);
    text-align: center;
    color: #FFF;
    padding: 18px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    box-shadow: 0px 12px 6px 3px #00bbfc1f;
}
.block-05-25.services .readmore:hover {
    filter: brightness(110%);
}

@media (max-width: 900px) {
  .block-05-25.services .items .item {
    width: 31%;
  }
}
@media (max-width: 800px) {
  .block-05-25.services .items .item .name {
    font-size: 16px;
  }
}
@media (max-width: 600px) {
  .block-05-25.services .items .item .name {
    font-size: 20px;
  }
  .block-05-25.services .items .item {
    width: 48%;
  }
}
@media (max-width: 540px) {
  .block-05-25.services .items .item .name {
    font-size: 16px;
  }
}
@media (max-width: 380px) {
  .block-05-25.services .items .item {
    width: 100%;
  }
}

/**
 16. Стоимость уборки квартир
 */
.block-05-25.cleaning {
    margin-top: 60px;
}
.block-05-25.cleaning h2.title {
    text-align: left;
    margin: 20px 0 20px 0;
    font-weight: 700;
}
.block-05-25.cleaning .desc {
    font-size: 16px;
}
.block-05-25.cleaning .items {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: row;
    margin: 20px 0;
    gap: 2%;
    justify-content: space-around;
}
.block-05-25.cleaning .items .item {
    display: none;
    width: 31.3%;
    padding: 15px;
    background: #FFF;
    border-radius: 20px;
    margin: 15px 0;
}
.block-05-25.cleaning .items .item.active {
    display: block;
}
.block-05-25.cleaning .items .item .name {
    color: #00BBFC;
}
.block-05-25.cleaning .items .item .prices {
    margin: 5px 0 0 0;
    font-weight: 700;
    font-size: 16px;
    color: #000227;
}
.block-05-25.cleaning .items .item .prices sup {
    font-size: 12px;
}
@media (max-width: 800px) {
  .block-05-25.cleaning .items .item {
    width: 48%;
  }
}
@media (max-width: 460px) {
  .block-05-25.cleaning .items .item {
    width: 100%;
  }
}

/**
 17. Гарантии - шапка
 */
.block-05-25.guarantee_header h2.title {
    text-align: center;
    font-size: 32px;
    line-height: 123.1%;
    font-weight: 400;
    font-family: Eastman, Verdana, sans-serif;
}
.block-05-25.guarantee_header .desc {
    font-size: 16px;
    text-align: center;
    padding: 10px 0;
    margin: 20px auto 30px;
    max-width: 600px;
    line-height: 1.4;
}
.block-05-25.guarantee_header .readmore {
    display: block;
    width: 100%;
    max-width: 230px;
    background: linear-gradient(85.82deg, #01b3fd 11.28%, #00bcfc 85.26%);
    text-align: center;
    color: #FFF;
    padding: 18px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    box-shadow: 0px 12px 6px 3px #00bbfc1f;
    margin: 0 auto;
}
.block-05-25.guarantee_header .readmore:hover {
    filter: brightness(110%);
}

/**
 18. Гарантии - Что мы гарантируем
 */
.block-05-25.guarantee_list {
    margin: 80px auto 0;
}
.block-05-25.guarantee_list h2.title {
    text-align: center;
    /*margin: 20px 0 60px 0;
    font-weight: 700;*/
    font-size: 32px;
    line-height: 123.1%;
    font-weight: 400;
    font-family: Eastman, Verdana, sans-serif;
}
.block-05-25.guarantee_list .items {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: row;
    margin: 20px 0;
    gap: 2%;
    justify-content: space-around;
}
.block-05-25.guarantee_list .items .item {
    width: 48%;
    padding: 15px 15px 0 105px;
    border-radius: 20px;
    margin: 15px 0;
    min-height: 150px;
}
.block-05-25.guarantee_list .items .item .name {
    font-size: 20px;
    font-weight: 700px;
    color: #000227;
    margin: 0 0 15px 0;
}
.block-05-25.guarantee_list .items .item .desc {
    font-size: 16px;
    font-weight: 400px;
    color: #555555;
    line-height: 1.5;
}
.block-05-25.guarantee_list .items .item.tmpl2 {
    background-size: cover;
    padding: 15px 130px 0px 15px;
}
.block-05-25.guarantee_list .items .item.tmpl2 .name {
    font-size: 20px;
    font-weight: 600px;
    color: #FFF;
}
.block-05-25.guarantee_list .items .item.tmpl2 .desc {
    font-size: 16px;
    font-weight: 400;
    color: #FFF;
}
@media (max-width: 860px) {
  .block-05-25.guarantee_list .items .item {
    width: 100%;
    padding-bottom: 15px;
  }
  .block-05-25.guarantee_list .items .item.tmpl2 {
    padding-bottom: 15px;
  }
}

/**
 19. Гарантии - Как работает гарантия
 */
.block-05-25.guarantee_work {
    margin: 150px auto 150px;
}
.block-05-25.guarantee_work h2.title {
    /*margin: 20px 0 60px 0;
    font-weight: 700;*/
    font-size: 32px;
    line-height: 123.1%;
    font-weight: 400;
    font-family: Eastman, Verdana, sans-serif;
}
.block-05-25.guarantee_work .items {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: row;
    margin: 20px 0;
    gap: 2%;
    justify-content: space-between;
}
.block-05-25.guarantee_work .items .item {
    text-align: center;
    width: 31.3%;
    border-radius: 20px;
    margin: 15px 0;
}
.block-05-25.guarantee_work .items .item .name {
    margin: 0 0 15px 0;
    color: #000227;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
}
.block-05-25.guarantee_work .items .item .desc {
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    color: #555555;
    line-height: 1.5;
}
.block-05-25.guarantee_work .items .item .icon {
    background: #ebeef1;
    padding: 20px;
    border-radius: 50%;
    margin: 0 auto 20px 0;
}
.block-05-25.guarantee_work .items .vector:nth-child(2) {
    position: absolute;
    background: url(images/Vector1.png) 0 0 no-repeat;
    width: 246px;
    height: 35px;
    top: 40px;
    left: 20%;
}
.block-05-25.guarantee_work .items .vector:nth-child(4) {
    position: absolute;
    background: url(images/Vector2.png) 0 0 no-repeat;
    width: 252px;
    height: 43px;
    top: 40px;
    right: 21.5%;
}
@media (max-width: 1040px) {
  .block-05-25.guarantee_work .items .vector:nth-child(4) {
    right: 20%;
  }
}
@media (max-width: 960px) {
  .block-05-25.guarantee_work .items .vector:nth-child(2) {
    width: 200px;
    background-size: contain;
    left: 23%;
  }
  .block-05-25.guarantee_work .items .vector:nth-child(4) {
    width: 200px;
    background-size: contain;
    right: 23%;
  }
}
@media (max-width: 860px) {
  .block-05-25.guarantee_work .items .vector:nth-child(2) {
    width: 150px;
    background-size: contain;
    left: 23%;
  }
  .block-05-25.guarantee_work .items .vector:nth-child(4) {
    width: 150px;
    background-size: contain;
    right: 23%;
  }
}
@media (max-width: 700px) {
  .block-05-25.guarantee_work .items .vector {
    display: none;
  }
  .block-05-25.guarantee_work .items .item {
    width: 100%;
  }
}

/**
 20. Гарантии - Условия
 */
.block-05-25.guarantee_terms {
    margin: 0 auto 150px;
}
.block-05-25.guarantee_terms h2.title {
    /*margin: 20px 0 60px 0;
    font-weight: 700;*/
    font-size: 32px;
    line-height: 123.1%;
    font-weight: 400;
    font-family: Eastman, Verdana, sans-serif;
}
.block-05-25.guarantee_terms .items {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: row;
    margin: 20px 0;
    gap: 2%;
    justify-content: space-between;
}
.block-05-25.guarantee_terms .items .item {
    width: 31.3%;
    border-radius: 20px;
    margin: 15px 0;
    background: #f1f2f3; /*#F5F7FA*/
    padding: 20px;
    min-height: 250px;
}
.block-05-25.guarantee_terms .items .item .name {
    margin: 0 0 15px 0;
    color: #000227;
    font-weight: 700;
    font-size: 20px;
}
.block-05-25.guarantee_terms .items .item ul li {
    margin: 10px 0;
    color: #555555;
    font-size: 16px;
    padding: 0 0 0 25px;
    position: relative;
}
.block-05-25.guarantee_terms .items .item ul li:before {
     display: none;
}
.block-05-25.guarantee_terms .items .item ul li::after {
    position: absolute;
    content: " ";
    display: block;
    width: 15px;
    height: 1px;
    background: #00bcfc;
    left: 0;
    top: 10px;
}
@media (max-width: 700px) {
  .block-05-25.guarantee_terms .items .item {
    width: 100%;
    min-height: auto;
  }
}