/* Start:/local/templates/asprocloud_v2/components/bitrix/news.list/color_9blocks/style.css?17597454081331*/
.card-wrapper-grid{
    display: grid;
    grid-template-columns: repeat(3, 420px);
    gap: clamp(12px,2vw,24px);
    justify-content: center;
}
.card-feature {
    height: 160px;
    border-radius: 20px
}

.inner-feature{
    display: flex;
    gap: 12px;
    height: 100%;
    justify-content: space-between;
}

.inner-feature-name{
    padding: 24px 0 24px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.inner-feature-name-title{
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    color: #333338
}


.inner-feature-name-badge{
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #969AA5
}

.inner-feature-image img{
    max-width: 204px;
    max-height: 160px;
}

.card-feature:hover {
    background: #F2F6FF !important;
}

@media screen and (max-width: 1350px) {
    .card-wrapper-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 800px) {
    .inner-feature{
        flex-direction: column;
    }
    .card-wrapper-grid{
        display: flex;
        padding: 0 1rem;
        overflow-x: auto;
        margin: 0 calc(-1 * 1rem);
        justify-content: start;
    }
    .card-feature{
        height: 276px;
    }
}



/* End */


/* Start:/local/templates/asprocloud_v2/components/bitrix/news.list/video_review_slider/style.css?17661209103061*/
.reviews-list.reviews-list--3-col:not(.slider) {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(1rem, 4vw, 1.5rem);
}

.reviews-list--3-col .review--video.review__info {
  justify-content: space-between;
}

/* Контейнер */
.reviews-list--3-col.videos{
  overflow: hidden;
}


/* Карточка */
.reviews-list--3-col.videos .review--video{
  gap: clamp(1rem, 4vw, 1.5rem);
  padding: clamp(1rem, 4vw, 2rem);
  max-height: 480px;
  max-width: 309px;
  position: relative;
  background-size: cover;
  aspect-ratio: 309/480;
  border-radius: 20px;
}
/* Автор */

.reviews-list--3-col.videos .review_author{
  position: absolute;
  bottom: 32px;
  left: 32px;
  color: var(--white);
  max-width: 245px;
}
.review_author-name{
  font-weight: 600;
  font-size: clamp(1.125rem, 2vw , 1.25rem);
  line-height: clamp(1.625rem, 2vw , 1.875rem);
}
.review_author-special{
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}

.review_play .icon{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #3761E9;
  position: absolute;
  top: 20px;
  left: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  transition: transform 0.5s ease-out;
}

.review_play .icon svg{
  position: absolute;
  left: 40%;
}

/* .reviews-list--3-col.videos .review--video:hover .icon{
  transform: scale3d(1.1, 1.1, 1.1);
} */

.review-link_text{
  background: rgba(0, 0, 0, 0.32);
  backdrop-filter: blur(4px);
  height: 40px;
  width: 40px;
  position: absolute;
  top: 20px;
  left: 20px;
  border-radius: 50px;
  z-index: 1;
  padding: 12.5px 15px 11px 48px;
  color: rgba(0, 0, 0, 0);
  text-wrap: nowrap;
  opacity: 0;
  transition: all 0.5s ease-out;
  font-size: 13px;
}

.review-link_text.blue{
  background:#3761E9;
}

.reviews-list--3-col.videos .review--video:hover .review-link_text{
  color: var(--white);
  width: 170px;
  opacity: 1;
}
@media (max-width: 1200px){
    .reviews-list--3-col.videos{
      margin-left: calc(-2 * 1rem);
      margin-right: calc(-2 * 1rem);
      padding-left: 1rem;
      padding-right: 1rem;
    }
}

@media (min-width: 1024px) and (max-width: 1200px) {
    .reviews-list--3-col.videos .review--video{
        --max-width: calc(100vw / 3);
        min-width: 304px;
        max-width: var(--max-width);
        max-height: 460px;
    }
}

@media (max-width: 1023px) {
    .reviews-list--3-col.videos .review--video{
        --max-width: calc(100vw / 4);
        min-width: 228px;
        max-width: var(--max-width);
        max-height: 340px;
    }
    .reviews-list--3-col.videos .review_author{
      max-width: 180px;
      left: 26px;
      bottom: 26px;
    }
}

@media (max-width: 991px) {
  .reviews-list--3-col.videos{
      margin-left: calc(-1 * 1rem);
      margin-right: calc(-1 * 1rem);
  }
}

@media (max-width: 625px) {
  .reviews-list .slider__pagination.swiper-pagination-bullets.swiper-pagination-horizontal{
    left: calc((100vw / 2) - 50px);
  }

  .reviews-list .slider__arrow{
    display: none !important;
  }
  
}
/* End */


/* Start:/local/templates/asprocloud_v2/components/bitrix/news.list/decor_static_list/style.css?1759488686976*/
.info-decor__text p,
.info-decor__text ul{margin: 20px 0;}

.size-50 .info-decor__box{flex: 0 0 50%;}
.size-50 .info-decor__info{max-width: 586px; padding-left: 0; padding-right: 36px;}
.info-decor__row--reverse.size-50 .info-decor__info{padding-left: 36px; padding-right: 0;}
.info-decor__row--reverse.size-50 .info-decor__image{justify-content: flex-start;}
.info-decor__info .h3{font-size: clamp(24px, 2vw, 28px);}
.info-decor__info .info-decor__text{
  font-weight: 400;
  font-size: clamp(15px, 2vw, 16px);
  line-height: clamp(24px, 3vw, 26px);
}

.info-decor__text ul li {
  padding-left: 1rem;
  font-size: 1rem;
  line-height: var(--p-blog-lh);
  position: relative;
  margin-bottom: 0.5rem;
}

.info-decor__text ul li:before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--heading-color);
  display: block;
  position: absolute;
  top: 12px;
  left: 0;
}

.content ul li:not(:last-of-type) {
  margin-bottom: 0.5rem;
}


/* End */


/* Start:/local/templates/asprocloud_v2/components/bitrix/news.list/tariffs_table_main/style.css?17707084052131*/
@media(max-width: 767px){
    .tabs__header_tabs.tabs__triggers{
        flex-wrap: wrap;
        justify-content: center;
    }
    ._tariffs_tabs .tabs__header{
        grid-template-rows: auto auto auto;
        gap: 0;
    }
}
@media (min-width: 1025px) {
    ._tariffs_tabs .tabs__header{
        grid-template-columns: 1fr 50% 1fr;
    }
}

.mainscreen .tariffs__item .tariffs__save {
    margin-bottom: 0;
    min-height: unset;
}

.block:not(.block--light) .tariffs__item:not(.tariffs__item--hit){
    border: 1px solid #E6E9F2;
}

.block:not(.block--light) .tabs__trigger{
    background: #F5F7FC;
}


.tariffs__name-h5{
    font-weight: 600 !important;
    font-size: clamp(18px, 2vw ,20px) !important;
    line-height: clamp(28px, 2vw, 30px) !important;
    color: #333338 !important;
}

.tariffs__desc{
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #767682;
    margin-bottom: 1rem;
}

.lil-min-height{
    min-height: 20px !important;
}

.tariffs__save.lil-min-height{
    margin-bottom: 0;
}

.grey-slider-tabs .tabs__trigger.tabs__trigger--active{
    color: var(--brand-blue) !important;
    background-color: var(--grey-btn-on-white) !important;
}

.grey-slider-tabs .tabs__trigger:not(.tabs__trigger--active):hover{
    color: #333338 !important;
    background-color: #F0F2F8 !important;
}

.tabs__content.overflow-x .tabs__trigger{
    font-size: 14px !important;
    line-height: 22px !important;
}

.tabs__content.overflow-x .tabs__tariffs{
    gap: clamp(0.75rem, 2vw, 1.5rem);
}
@media (max-width: 1350px) {

    .tabs__content.overflow-x .tabs__tariffs{
        display: grid;
        grid-template-columns: repeat(5, 242px) !important;
        overflow-x: auto;
        margin: 0 calc(-1 * 1rem);
        padding: 0 1rem;
        padding-top: 20px;
        .m--mobile-top{
            margin-top: 0;
        }
    }
}
@media (max-width: 991px) {
    .tabs__content.overflow-x .tabs__tariffs{
        grid-template-columns: repeat(5, 228px) !important;
        overflow-x: auto;
        margin: 0 calc(-1 * 1rem);
        padding: 0 1rem;
        padding-top: 20px;
    }
}


/* End */


/* Start:/local/templates/asprocloud_v2/components/bitrix/news.list/project-small-list/style.css?17592136031271*/
.project-wrapper-flex {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    gap: 12px;
}

.card-project {
    display: flex;
    gap: 1rem;
    padding: 16px 24px;
    border-radius: 16px;
    background: var(--white);
    align-items: center;
    /* width: max-content; */
}

.card-project-name {
    font-weight: 600;
    font-size: clamp(15px, 2vw,16px);
    line-height: clamp(24px, 2vw,26px);
    color: #333338;
}

.card-project:hover{
    box-shadow: 0px 4px 28px 0px rgba(49, 56, 79, 0.06);
    
}
.card-project:hover .card-project-name{
    color: var(--brand-blue);
}


.card-project-link{
    padding: 16px 32px !important;
    font-weight: 600 !important;
    font-size: clamp(15px, 2vw,16px) !important;
    line-height: clamp(24px, 2vw,26px) !important;
    border-radius: 16px !important;
}

@media (max-width: 768px) {
     .project-wrapper-overflow {
        display: grid;
        overflow-x: auto;
        margin: 0 calc(-1 * 1rem);
        padding: 0 1rem;
    }
    .project-wrapper-flex{
        min-width: 1620px;
    }
    .card-project-name{
        white-space: nowrap;
    }
    .card-project-link{
        justify-content: start;
        width: max-content;
    }
}
/* End */


/* Start:/local/templates/asprocloud_v2/components/bitrix/news.list/cases_slider/style.css?17661313931196*/
.cases-wrapper__title .medium-text {
  max-width: 975px;
  margin-right: 1rem;
}

.cases__link {
  white-space: nowrap;
}

.cases-slider__wrapper {
  .case-tags {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    width: 100%;
    gap: 6px;
    margin-top: clamp(12px, 2vw ,16px);
  }

  .case-tag {
    border-radius: 48px;
    opacity: 1;
    padding: 5px 12px;

    text-decoration: none;
    color: rgba(51, 51, 56, 1);
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;

    a {
      text-decoration: none;
      color: rgba(51, 51, 56, 1);
    }
  }

  .case-tag-bisnes {
    background: var(--Grey, rgba(237, 240, 247, 1));
  }

  .case-tag-tasks {
    box-shadow: inset 0 0 0 1px rgba(150, 154, 165, 0.24);
  }

  .case-tag-bisnes:hover {
    background: var(--Stroke, rgba(230, 233, 242, 1));
  }

  .case-tag-tasks:hover {
    background: var(--Light_grey_hover, rgba(240, 242, 248, 1));
  }
}

@media (max-width: 625px) {
  .cases-slider .slider__pagination.swiper-pagination-bullets.swiper-pagination-horizontal{
    left: calc((100vw / 2) - 55px);
  }

  .cases-slider .slider__arrow{
    display: none !important;
  }
  
}
/* End */


/* Start:/local/templates/asprocloud_v2/components/bitrix/news.list/integrations/style.css?17669849064806*/
    .integration__flex {
        display: flex;
        gap: 64px;
        flex-direction: row;
    }

    .integration__desc {
        font-weight: 400;
        font-size: clamp(15px, 2vw ,16px);
        line-height: clamp(24px, 3vw ,26px);
        color: var(--text-color);
    }

    .integration__list {
        display: flex;
        flex-direction: column;
        gap: 12px;
        width: 100%;
    }

    .integration__main {
        max-width: 602px;
        width: 100%;
    }

    .intergration-sticky {
        position: sticky;
        top: 180px;
    }

    .integration__item {
        border: 1px solid #E6E9F2;
        padding: 2rem;
        border-radius: 20px;
        display: flex;
        gap: clamp(24px, 3vw, 40px);
        flex-direction: column;
        background: var(--white);
    }


    .integration__title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .integration__title .title_name {
        font-weight: 600;
        font-size: clamp(16px, 2vw ,18px);
        line-height: clamp(26px, 3vw,28px);
        color: #333338;
    }

    .inter__items {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 8px;
        align-items: center;
    }


    .inter__item {
        border-radius: 1rem;
        padding: 20px;
        background: #F5F7FC;
        min-height: 75px;
        min-width: 75px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .inter__item.hidden {
        display: none;
    }

    .inter__item:hover {
        background: #F0F2F8;
    }

    .inter__item-count {
        font-weight: 600;
        font-size: 16px;
        line-height: 26px;
        color: #969AA5;
    }

    a.integration__title:hover {
        .title_name {
            color: var(--brand-blue);
        }
    }

    a.integration__title:hover svg path {
        stroke: var(--brand-blue);
        opacity: 1;
    }


    @media (min-width: 768px) and (max-width: 1200px) {
        .inter__items {
            grid-template-columns: repeat(5, 1fr);
        }
    }

    @media (min-width: 763px) and (max-width: 768px) {
        .integration__flex {
            display: flex;
            gap: 40px;
            flex-direction: column !important;
        }

        .inter__items {

            grid-template-columns: repeat(4, 1fr);
        }

        .inter__item{
            min-height: 73px;
            min-width: 73px;
        }

        .integration__item{
            padding: 1.5rem;
            max-width: 362px;
            justify-content: space-between;
        }

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

    @media (min-width: 621px) and (max-width: 763px) {
        .integration__flex {
            display: flex;
            gap: 40px;
            flex-direction: column;
        }

        .inter__items {
            grid-template-columns: repeat(3, 1fr);
        }

        .inter__item{
            min-height: 75px;
            min-width: 75px;
        }


        .integration__item{
            padding: 1.5rem;
            max-width: 362px;
            justify-content: space-between;
        }

        .integration__list{
            display: grid;
            grid-template-columns: repeat(2, 1fr);
        }
    }
    @media (min-width: 392px) and (max-width: 621px){
        .integration__flex {
            display: flex;
            gap: 40px;
            flex-direction: column;
        }

        .inter__items {
            grid-template-columns: repeat(4, 1fr);
        }

        .inter__item{
            min-height: 73px;
            min-width: 73px;
        }

        .integration__item{
            padding: 1.5rem;
            max-width: 100%;
            justify-content: start;
        }

        .integration__list{
            display: flex;
            flex-direction: column;
        }
    }

     @media (max-width: 396px){
        .integration__flex {
            display: flex;
            gap: 40px;
            flex-direction: column;
        }

        .inter__items {
            grid-template-columns: repeat(3, 1fr);
        }

        .inter__item{
            min-height: 75px;
            min-width: 75px;
        }

        .integration__item{
            padding: 1.5rem;
            max-width: 100%;
            justify-content: space-between;
        }

        .integration__list{
            display: flex;
            flex-direction: column;
        }
     }
/* End */


/* Start:/local/templates/asprocloud_v2/components/bitrix/news.list/faq_list/style.css?169408880339*/
.accordion__item.noborder{border:none;}
/* End */
/* /local/templates/asprocloud_v2/components/bitrix/news.list/color_9blocks/style.css?17597454081331 */
/* /local/templates/asprocloud_v2/components/bitrix/news.list/video_review_slider/style.css?17661209103061 */
/* /local/templates/asprocloud_v2/components/bitrix/news.list/decor_static_list/style.css?1759488686976 */
/* /local/templates/asprocloud_v2/components/bitrix/news.list/tariffs_table_main/style.css?17707084052131 */
/* /local/templates/asprocloud_v2/components/bitrix/news.list/project-small-list/style.css?17592136031271 */
/* /local/templates/asprocloud_v2/components/bitrix/news.list/cases_slider/style.css?17661313931196 */
/* /local/templates/asprocloud_v2/components/bitrix/news.list/integrations/style.css?17669849064806 */
/* /local/templates/asprocloud_v2/components/bitrix/news.list/faq_list/style.css?169408880339 */