@charset "UTF-8";.single-hero {
    padding-bottom: 75px;
    overflow-x: clip
}

.single-hero__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    gap: 24px
}

@media screen and (max-width: 640px) {
    .single-hero {
        padding-bottom:50px
    }

    .single-hero__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-row: 30;
        grid-row: 30;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.single-hero__bg-gradient--green {
    top: -19%;
    left: -17%
}

@media screen and (max-width: 1024px) {
    .single-hero__bg-gradient--green {
        top:-38%;
        left: -25%
    }
}

@media screen and (max-width: 768px) {
    .single-hero__bg-gradient--green {
        top:-23%;
        left: -22%;
        width: 600px;
        height: 600px
    }
}

@media screen and (max-width: 567px) {
    .single-hero__bg-gradient--green {
        top:-23%;
        left: -43%
    }
}

.single-hero__bg-gradient--blue {
    top: 2%;
    left: 7%
}

@media screen and (max-width: 1024px) {
    .single-hero__bg-gradient--blue {
        top:-2%;
        left: 1%
    }
}

@media screen and (max-width: 768px) {
    .single-hero__bg-gradient--blue {
        top:-2%;
        left: 6%;
        opacity: .85;
        width: 600px;
        height: 600px
    }
}

@media screen and (max-width: 567px) {
    .single-hero__bg-gradient--blue {
        top:11%;
        left: 12%;
        width: 400px;
        height: 400px
    }
}

.single-hero__image-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-grid-column: 2;
    grid-column: 2;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
    width: clamp(13.438rem,-2.436rem + 33.07vw,26.5rem);
    height: clamp(9.5rem,-1.741rem + 23.42vw,18.75rem)
}

@media screen and (max-width: 1199px) {
    .single-hero__image-wrap {
        -ms-grid-row:2;
        grid-row: 2
    }
}

@media screen and (max-width: 640px) {
    .single-hero__image-wrap {
        -ms-grid-column:1;
        grid-column: 1;
        -ms-grid-column-align: center;
        justify-self: center
    }
}

.single-hero__image-wrap img {
    -webkit-transition: bos-shadow .2s,-webkit-filter .3s ease-in-out;
    transition: filter .3s ease-in-out,bos-shadow .2s,-webkit-filter .3s ease-in-out;
    border-radius: 16px
}

.single-hero__image-wrap:hover img {
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow)
}

.single-hero__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 1;
    grid-column: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
	justify-content: center;
    gap: 60px;
    z-index: 1;
    margin: 0
}

.single-hero__title {
    width: auto;
    color: var(--color-deep-grey);
    font-weight: 600;
    font-size: clamp(2.625rem,.954rem + 3.48vw,4rem);
    line-height: 130%
}

@media screen and (max-width: 1199px) {
    .single-hero__content {
        -ms-grid-column:1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
        justify-self: flex-start
    }

    .single-hero__title {
        text-align: left
    }
}

@media screen and (max-width: 640px) {
    .single-hero__content {
        -ms-grid-column-align:center;
        justify-self: center
    }

    .single-hero__title {
        text-align: center
    }
}

@media (max-width: 767px) {
    .single-hero__title {
        font-size:clamp(1.5rem,.507rem + 4.41vw,2.625rem)
    }
}

.single-hero__tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    z-index: 1;
    list-style: none
}

@media screen and (max-width: 1199px) {
    .single-hero__tags {
        -ms-flex-item-align:center;
        -ms-grid-row-align: center;
        align-self: center
    }
}

@media screen and (max-width: 640px) {
    .single-hero__tags {
        -ms-grid-row:3;
        grid-row: 3;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-grid-column-align: center;
        justify-self: center
    }
}

.single-hero__tag {
    border-radius: 30px;
    background: var(--color-light-blue);
    padding: 16px;
    color: var(--color-deep-grey);
    font-weight: 400;
    font-size: clamp(.875rem,.714rem + .71vw,1rem);
    line-height: 130%
}

.about-project {
    position: relative;
    z-index: 1;
    padding: clamp(1.875rem,.901rem + 4.33vw,4.688rem) 0 clamp(1.875rem,1.659rem + .96vw,2.5rem)
}

.about-project__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: clamp(1rem,.392rem + 1.27vw,1.5rem)
}

.about-project .sidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: sticky;
    top: var(--scroll-padding-top);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    -webkit-box-shadow: 0 4px 25px 0 rgba(1,8,3,.08);
    box-shadow: 0 4px 25px 0 rgba(1,8,3,.08);
    border-radius: 16px;
    background: var(--color-white);
    padding: 16px;
    min-width: 158px
}

.about-project .sidebar__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.about-project .sidebar__name {
    padding: 4px;
    color: var(--color-deep-grey);
    font-weight: 600;
    font-size: 16px;
    line-height: 130%
}

.about-project .sidebar__item {
    padding: 4px;
    color: var(--color-grey);
    font-weight: 600;
    font-size: 16px;
    line-height: 130%
}

.about-project .sidebar__item.sidebar__item--active,.about-project .sidebar__item:active,.about-project .sidebar__item:hover {
    color: var(--color-green)
}

.about-project__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 100px;
    padding-right: clamp(0,-3.038rem + 6.33vw,2.5rem);
    color: var(--color-deep-grey);
    font-weight: 400;
    font-size: 16px;
    line-height: 130%
}

.about-project__title {
    margin-bottom: clamp(2.5rem,.981rem + 3.16vw,3.75rem);
    color: var(--color-deep-grey);
    font-weight: 600;
    font-size: clamp(1.5rem,.285rem + 2.53vw,2.5rem)
}

.about-project .text-block {
    color: var(--color-deep-grey);
    font-weight: 400;
    font-size: clamp(.875rem,.723rem + .32vw,1rem);
    line-height: 130%
}

.about-project .text-block figure {
    border: 1px solid var(--color-light-blue);
    border-radius: 30px;
    background: var(--color-white);
    width: 99px;
    height: 53px
}

.about-project .text-block .about-project__title,.about-project .text-block h2 {
    color: var(--color-deep-grey);
    font-weight: 600;
    font-size: 40px
}

.about-project .text-block h3 {
    margin-top: clamp(1.5rem,.285rem + 2.53vw,2.5rem);
    margin-bottom: 16px;
    color: var(--color-grey);
    font-weight: 600;
    font-size: 18px;
    line-height: 130%
}

.about-project .text-block ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1em;
    list-style: none
}

.about-project .text-block ul>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(.5rem,-.108rem + 1.27vw,1rem);
    font-weight: 400;
    font-size: clamp(.875rem,.723rem + .32vw,1rem);
    line-height: 130%
}

.about-project .text-block ul>li::before {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: -2px;
    border-radius: 10px;
    background-color: var(--color-green);
    width: 8px;
    height: 8px;
    content: ""
}

.about-project .text-block p {
    margin-bottom: 1em
}

.about-project__technology {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(clamp(7.188rem,4.074rem + 6.49vw,9.75rem),1fr));
    gap: clamp(.875rem,.116rem + 1.58vw,1.5rem)
}

.about-project__results {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
    counter-reset: item;
    list-style: none
}

.about-project__results .result-item__title {
    position: relative;
    z-index: 1;
    font-weight: 600;
    font-size: clamp(1rem,.848rem + .32vw,1.125rem)
}

.about-project__results .result-item:nth-child(1) {
    background: var(--color-blue);
    color: var(--color-white)
}

.about-project__results .result-item:nth-child(1)::after {
    color: var(--color-white-30)
}

.about-project__results .result-item:nth-child(2) {
    background: var(--color-light-blue)
}

.about-project__results .result-item:nth-child(2) .result-item__title {
    color: var(--color-grey)
}

.about-project__results .result-item:nth-child(2)::after {
    color: var(--color-white)
}

.about-project__results .result-item:nth-child(3) .result-item__title {
    color: var(--color-grey)
}

.about-project__results .result-item:nth-child(3)::after {
    color: var(--color-white-30)
}

.about-project__results .result-item::before {
    content: none!important
}

.about-project__results .result-item::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 0;
    counter-increment: item;
    content: counter(item,decimal-leading-zero);
    font-weight: 600;
    font-size: clamp(9.063rem,-1.191rem + 21.36vw,17.5rem)
}

.about-project__results .result-item>ul {
    position: relative;
    gap: 3px!important;
    z-index: 1;
    list-style: disc!important
}

.about-project__results .result-item>ul>li {
    gap: 5px
}

.about-project__results .result-item>ul>li::before {
    margin: 0;
    background-color: currentColor;
    width: 4px;
    height: 4px
}

.about-project__results .result-item__list:not(:has(>li:nth-child(4))) li {
    padding-right: 80px
}

.about-project__results .result-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important;
    gap: 16px!important;
    -webkit-transition: .35s cubic-bezier(.2,.9,.4,1.1);
    transition: .35s cubic-bezier(.2,.9,.4,1.1);
    -webkit-box-shadow: 0 4px 25px 0 rgba(1,8,3,.08);
    box-shadow: 0 4px 25px 0 rgba(1,8,3,.08);
    border-radius: 30px;
    padding: clamp(1.5rem,-.171rem + 3.48vw,2.875rem) clamp(4.688rem,-.629rem + 11.08vw,9.063rem) clamp(1.5rem,-.171rem + 3.48vw,2.875rem) clamp(1.5rem,.285rem + 2.53vw,2.5rem);
    min-height: clamp(12.25rem,7.389rem + 10.13vw,16.25rem);
    position: sticky;
    top: 40px;
    z-index: auto;
    margin-bottom: 0
}

.about-project__results .result-item:first-child {
    z-index: 1
}

.about-project__results .result-item:nth-child(2) {
    top: 140px;
    z-index: 2
}

.about-project__results .result-item:nth-child(3) {
    background: linear-gradient(317deg,#d3e7fe 0,#d5eee1 100%);
    top: 280px;
    z-index: 3
}

.about-project__results .result-item:nth-child(4) {
    top: 420px;
    z-index: 4
}

.about-project__results .result-item:nth-child(5) {
    z-index: 5
}

.result-slider {
    --min-height-slide: clamp(12.375rem, 0.831rem + 24.05vw, 21.875rem);
    position: relative;
    z-index: 1;
    padding-bottom: clamp(1.875rem,.901rem + 4.33vw,4.688rem)
}

.result-slider__inner {
    position: relative
}

.result-slider .cases__nav-btn--next,.result-slider .cases__nav-btn--prev {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2
}

@media (max-width: 1279px) {
    .result-slider .cases__nav-btn--next,.result-slider .cases__nav-btn--prev {
        display:none
    }
}

.result-slider .cases__nav-btn--prev {
    left: 8px
}

.result-slider .cases__nav-btn--next {
    right: 8px
}

.result-slider .project-result__swiper {
    max-width: var(--max-width-content);
    min-height: var(--min-height-slide)
}

.result-slider .project-result__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 4px 25px 0 rgba(1,8,3,.08);
    box-shadow: 0 4px 25px 0 rgba(1,8,3,.08);
    border-radius: 30px;
    background: linear-gradient(317deg,#d3e7fe 0,#d5eee1 100%);
    min-height: var(--min-height-slide);
    overflow: hidden
}

.result-slider .project-result__item img,.result-slider .project-result__item picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

@media (min-width: 1280px) {
    .result-slider .project-result-pagination {
        display:none
    }
}

.cases,.faq,.related {
    position: relative;
    z-index: 0;
    padding: clamp(1.875rem,.901rem + 4.33vw,4.688rem) 0
}

.mobile-accordion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    width: 100%
}

.accordion-item {
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.05);
    box-shadow: 0 2px 8px rgba(0,0,0,.05);
    border-radius: 16px;
    background: var(--color-white,#fff);
    overflow: hidden
}

.accordion-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer;
    border-bottom: 1px solid var(--color-ivory);
    background: var(--color-white,#fff);
    padding: 0 10px 4px;
    font-weight: 600;
    font-size: 16px
}

.accordion-item--open {
    overflow: initial
}

.accordion-item--open .accordion-header {
    color: var(--color-green,#34ae6b)
}

.accordion-header__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.accordion-item--open .accordion-header__icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.accordion-content {
    -webkit-transition: .3s;
    transition: .3s;
    background: var(--color-white,#fff);
    padding: 0
}

.accordion-content>* {
    position: relative;
    margin: 0;
    padding-block:40px;font-size: clamp(.875rem,.723rem + .32vw,1rem)
}

.accordion-content h2 {
    margin-top: 0;
    padding-top: 0
}

.accordion-content h2:first-child {
    margin-top: 0
}

.accordion-content figure {
    position: absolute;
    top: 30px;
    right: 0;
    border: 1px solid var(--color-light-blue);
    border-radius: 30px;
    background: var(--color-white);
    width: 99px;
    height: 53px
}

.accordion-content h3 {
    margin-top: 20px;
    margin-bottom: 8px
}

.accordion-content ol,.accordion-content ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1em;
    list-style: none
}

.accordion-content ol>li,.accordion-content ul>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(.5rem,-.108rem + 1.27vw,1rem);
    font-weight: 400;
    font-size: clamp(.875rem,.723rem + .32vw,1rem);
    line-height: 130%
}

.accordion-content ol>li::before,.accordion-content ul>li::before {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: -2px;
    border-radius: 10px;
    background-color: var(--color-green);
    width: 8px;
    height: 8px;
    content: ""
}

.accordion-content p {
    margin-bottom: 1em
}

.accordion-content .about-project__technology {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(clamp(7.188rem,4.074rem + 6.49vw,9.75rem),1fr));
    gap: clamp(.875rem,.116rem + 1.58vw,1.5rem)
}

.accordion-content .result-item {
    margin-bottom: 24px
}

.accordion-content .result-item:last-child {
    margin-bottom: 0
}

@media (min-width: 769px) {
    .mobile-accordion {
        display:none
    }
}

@media (max-width: 768px) {
    .about-project__inner {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .sidebar {
        display: none!important
    }

    .text-block {
        display: none
    }

    .mobile-accordion {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .accordion-header__title {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}