@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Public+Sans:ital,wght@0,100..900;1,100..900&css2?family=Manrope:wght@200..800&display=swap");

.project-template-cora-case {
    background: #0b0b0b;
}

.ein-2 .project-cora {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    background: #0b0b0b;
    overflow: hidden;
    color: #fff;
    line-height: normal;

    .title-font {
        font-family: "Public Sans", sans-serif;
        font-weight: 700;
        line-height: normal;
    }

    .title-gradient {
        background: var(--Liner, linear-gradient(90deg, #fff 0%, #0a3dc8 100%));
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .bg-light {
        background: #fff;
    }

    .bg-light,
    .bg-light p {
        color: #000;
    }

    section {
        margin: 140px 0;
        background-color: transparent;
    }

    picture {
        width: 100%;
        height: 100%;

        img {
            width: 100%;
            -o-object-position: center;
            object-position: center;
        }
    }

    .icon img {
        -o-object-fit: contain;
        object-fit: contain;
        height: auto;
    }

    img {
        display: block;
        max-width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%;
    }

    .image-wrap {
        width: 100%;
    }

    .container {
        max-width: 1308px;
        position: relative;
        z-index: 2;
    }

    h2 {
        font-size: 60px;
    }

    p {
        color: #dcdcdc;
        font-size: 16px;
        font-weight: 400;
        line-height: normal;
        margin: 0;
    }

    srtong {
        font-weight: 700;
    }

    .btn {
        border-radius: 50px;
        max-width: 182px;
        width: 100%;
        padding: 14px 24px;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-column-gap: 12px;
           -moz-column-gap: 12px;
                column-gap: 12px;
    }

    .btn::before,
    .btn::after {
        content: "";
        position: absolute;
    }

    .btn::before {
        inset: 0;
        border-radius: inherit;
        padding: 2px;
        background: -webkit-gradient(linear, left top, right top, from(#fff), to(#0a3dc8));
        background: -o-linear-gradient(left, #fff 0%, #0a3dc8 100%);
        background: linear-gradient(90deg, #fff 0%, #0a3dc8 100%);
        -webkit-mask:
            -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box,
            -webkit-gradient(linear, left top, left bottom, color-stop(0, #000));
        -webkit-mask:
            linear-gradient(#000 0 0) content-box,
            linear-gradient(#000 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        pointer-events: none;
    }

    .btn::after {
        width: 27px;
        height: 15px;
        -webkit-mask-image: url("/wp-content/themes/ein-des-ein-new/projects-assets/cora/img/arrow.svg");
        right: 24px;
        top: 50%;
        -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
                transform: translate(0, -50%);
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        -webkit-mask-size: cover;
        background-color: #0a3dc8;
    }

    .btn span {
        width: calc(100% - 39px);
        background: -webkit-gradient(linear, left top, right top, color-stop(0.03%, #fff), color-stop(143.11%, #0a3dc8));
        background: -o-linear-gradient(left, #fff 0.03%, #0a3dc8 143.11%);
        background: linear-gradient(90deg, #fff 0.03%, #0a3dc8 143.11%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 20px;
        font-weight: 700;
        line-height: normal;
    }

    .btn:hover {
        background: -webkit-gradient(linear, left top, right top, from(#fff), to(#0a3dc8));
        background: -o-linear-gradient(left, #fff 0%, #0a3dc8 100%);
        background: linear-gradient(90deg, #fff 0%, #0a3dc8 100%);
    }

    .btn:hover span {
        color: #000;
        -webkit-background-clip: unset;
        -webkit-text-fill-color: unset;
        background: transparent;
    }

    .btn:hover::after {
        background-color: #000;
    }

    .shine {
        position: relative;
    }

    .shine::after {
        content: "";
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
        -webkit-filter: blur(300px);
                filter: blur(300px);
        background: url("/wp-content/themes/ein-des-ein-new/projects-assets/cora/img/shine.svg") no-repeat center
            bottom / contain;
        width: 520px;
        height: 613px;
        pointer-events: none;
    }

    .glass {
        background: -webkit-gradient(linear, left top, right top, from(rgb(0 0 0 / 0%)), to(rgb(255 255 255 / 3%)));
        background: -o-linear-gradient(left, rgb(0 0 0 / 0%), rgb(255 255 255 / 3%));
        background: linear-gradient(90deg, rgb(0 0 0 / 0%), rgb(255 255 255 / 3%));
        border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .tab {
        display: block;
    }

    /* SECTIONS */

    section.first-block {
        margin-top: 48px;

        .first-block__wrap {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            row-gap: 60px;
        }

        .first-block__logo {
            max-width: 364px;
        }

        .first-block__logo,
        .first-block__content,
        .first-block__content p {
            margin: 0 auto;
        }

        .first-block__content {
            text-align: center;
            max-width: 734px;
        }

        .first-block__content p {
            max-width: 660px;
        }

        .first-block__title {
            margin-bottom: 28px;
            font-size: 44px;
        }
    }

    section.first-block.shine::after {
        bottom: -223px;
    }

    section.not-just {
        .not-just__tabs {
            -webkit-column-gap: 32px;
               -moz-column-gap: 32px;
                    column-gap: 32px;
            row-gap: 24px;
            -webkit-box-align: end;
                -ms-flex-align: end;
                    align-items: flex-end;
        }

        .not-just__content {
            -webkit-column-gap: 40px;
               -moz-column-gap: 40px;
                    column-gap: 40px;
            -webkit-box-align: end;
                -ms-flex-align: end;
                    align-items: flex-end;
            margin-bottom: 60px;
            row-gap: 16px;
        }

        .title-font {
            width: calc(57.7% - 20px);
            margin-bottom: 0;
        }

        .not-just__content p {
            width: calc(42.3% - 20px);
        }

        .tabs {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            row-gap: 12px;
            width: calc(37.6% - 16px);
        }

        .tabs-content {
            width: calc(62.4% - 16px);
        }

        .tab {
            display: block;
            border-radius: 16px;
            padding: 28px;
            cursor:
                url("/wp-content/themes/ein-des-ein-new/assets/img/cursors/cursor-hover.svg") 6 6,
                auto;

            p {
                display: none;
                margin-top: 12px;
            }
        }

        .tab-title {
            font-family: "Public Sans", sans-serif;
            font-size: 20px;
            font-weight: 600;
            line-height: normal;
        }

        .tab.active {
            background: rgba(255, 255, 255, 0.08);

            p {
                display: block;
            }
        }
    }

    section.want-smart {
        .want-smart__wrap {
            border-radius: 20px;
            padding: 48px;
            -webkit-column-gap: 40px;
               -moz-column-gap: 40px;
                    column-gap: 40px;
            row-gap: 24px;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
        }

        .image-wrap {
            width: calc(46.2% - 20px);
        }

        .want-smart__content {
            width: calc(53.8% - 20px);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            row-gap: 32px;
        }

        .want-smart__title {
            font-size: 44px;
            max-width: 470px;
        }
    }

    section.brand {
        padding: 80px 0;

        .title-wrap {
            -webkit-column-gap: 40px;
               -moz-column-gap: 40px;
                    column-gap: 40px;
            row-gap: 28px;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            -webkit-box-align: end;
                -ms-flex-align: end;
                    align-items: flex-end;
            margin-bottom: 48px;
        }

        .title-wrap__content {
            width: calc(53.5% - 20px);
        }

        .title {
            font-size: 40px;
            margin-bottom: 20px;
        }

        .splide__slide-wrap {
            -webkit-column-gap: 24px;
               -moz-column-gap: 24px;
                    column-gap: 24px;
        }

        .slide {
            width: calc(25% - 18px);
            padding: 24px;
            border-radius: 16px;
            background: #f7f7f7;
        }

        .slide-image {
            margin-bottom: 20px;
            height: auto;
        }

        .slide-image img {
            border-radius: 16px;
            -o-object-fit: contain;
               object-fit: contain;
        }

        .slide p {
            font-size: 20px;
            font-weight: 300;
            font-family: "Public Sans", sans-serif;
        }

        .slider-control {
            width: calc(46.5% - 20px);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
                -ms-flex-pack: end;
                    justify-content: flex-end;
        }

        .splide__arrows {
            -webkit-column-gap: 16px;
               -moz-column-gap: 16px;
                    column-gap: 16px;
            width: 160px;
        }

        .splide__arrow svg {
            display: none;
        }

        .splide__arrow--prev::before,
        .splide__arrow--next::before {
            position: absolute;
            content: "";
            width: 32px;
            height: 17px;
            background: url("/wp-content/themes/ein-des-ein-new/projects-assets/cora/img/sliders/arrow-white.svg")
                center center / contain no-repeat;
        }

        .splide__arrow--prev::before {
            -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                    transform: rotate(180deg);
        }

        .splide__arrow:disabled {
            opacity: 1;
        }

        .splide__arrow.splide__arrow--prev:disabled::before {
            background: url("/wp-content/themes/ein-des-ein-new/projects-assets/cora/img/sliders/arrow-gray.svg")
                center center / contain no-repeat;
            -webkit-transform: none;
                -ms-transform: none;
                    transform: none;
        }

        .splide__arrow.splide__arrow--next:disabled::before {
            background: url("/wp-content/themes/ein-des-ein-new/projects-assets/cora/img/sliders/arrow-gray.svg")
                center center / contain no-repeat;
            -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                    transform: rotate(180deg);
        }

        .splide__arrow {
            width: 72px;
            height: 72px;
            background-color: #000;
            position: relative;
            opacity: 1;
            top: 0;
            -webkit-transform: none;
                -ms-transform: none;
                    transform: none;
            left: 0;
        }

        .splide__arrow:not(:disabled) {
            cursor:
                url("/wp-content/themes/ein-des-ein-new/assets/img/cursors/cursor-hover.svg") 6 6,
                auto;
        }

        .splide__arrow:hover:not(:disabled) {
            opacity: 0.7;
        }
    }

    section.designed {
        .designed__wrap {
            padding: 60px 80px;
            -webkit-column-gap: 86px;
               -moz-column-gap: 86px;
                    column-gap: 86px;
            row-gap: 28px;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            border-radius: 20px;
        }

        .designed__content {
            width: calc(56.4% - 43px);
        }

        .image-wrap {
            width: calc(43.6% - 43px);
        }

        .image-wrap img {
            border-radius: 12px;
        }

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

    section.designed.shine::after {
        bottom: -128px;
    }

    section.banner-ai {
        .banner-ai__wrap {
            border-radius: 20px;
            padding: 60px 80px;
            position: relative;
        }

        .banner-ai__video {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
            max-width: 1280px;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
            border-radius: 20px;
        }

        .banner-ai__logo {
            margin-bottom: 40px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            row-gap: 12px;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
        }

        .banner-ai__logo .logo {
            max-width: 220px;
            width: 100%;
        }

        .banner-ai__logo .rotate-logo {
            width: 68px;
            height: 65px;
        }

        .banner-ai__content {
            max-width: 700px;
            margin: 0 auto;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            row-gap: 40px;
            text-align: center;
        }

        .banner-ai__logo,
        .banner-ai__content {
            position: relative;
            z-index: 2;
        }

        .btn {
            margin: 0 auto;
        }
    }

    section.admin {
        .admin__content {
            max-width: 662px;
            margin: 0 auto;
            text-align: center;
            margin-bottom: 36px;
        }

        .admin__title {
            font-size: 40px;
            margin-bottom: 24px;
        }

        .tabs {
            -webkit-column-gap: 12px;
               -moz-column-gap: 12px;
                    column-gap: 12px;
            row-gap: 8px;
            margin: 0 auto 36px;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
        }

        .tab {
            border-radius: 12px;
            text-align: center;
            font-family: "Public Sans", sans-serif;
            font-size: 20px;
            font-weight: 500;
            line-height: normal;
            padding: 12px;
            min-width: 128px;
            cursor:
                url("/wp-content/themes/ein-des-ein-new/assets/img/cursors/cursor-hover.svg") 6 6,
                auto;
        }

        .tab.active {
            background: -webkit-gradient(linear, left top, right top, from(#fff), to(#0a3dc8));
            background: -o-linear-gradient(left, #fff 0%, #0a3dc8 100%);
            background: linear-gradient(90deg, #fff 0%, #0a3dc8 100%);
            color: #0b0b0b;
        }
    }

    section.powerful {
        .powerful__content .title-font {
            max-width: 886px;
            margin-bottom: 32px;
        }

        .powerful__content p {
            max-width: 484px;
        }

        .slider {
            -webkit-column-gap: 65px;
               -moz-column-gap: 65px;
                    column-gap: 65px;
            row-gap: 24px;
            -webkit-box-align: end;
                -ms-flex-align: end;
                    align-items: flex-end;
        }

        .slider-content {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            width: calc(39.5% - 32.5px);
        }

        .slider-images {
            width: calc(60.5% - 32.5px);
            position: relative;
            min-height: 647px;
        }

        .slide-item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: flex-start;
            gap: 12px;
            position: relative;
        }

        .progress-bar {
            width: 6px;
            background-color: #1b1b1b;
            position: relative;
            -ms-flex-negative: 0;
                flex-shrink: 0;
            overflow: hidden;
            -ms-flex-item-align: stretch;
                -ms-grid-row-align: stretch;
                align-self: stretch;
        }

        .slide-item:first-child .progress-bar {
            border-radius: 20px 20px 0 0;
        }

        .slide-item:last-child .progress-bar {
            border-radius: 0 0 20px 20px;
        }

        .progress-fill {
            width: 100%;
            height: 0%;
            background-color: #0a3bc0;
            border-radius: 20px;
            -webkit-transition: height linear;
            -o-transition: height linear;
            transition: height linear;
            position: absolute;
            top: 0;
            left: 0;
        }

        .text-content {
            padding: 12px 0;
        }

        .text-content .title {
            font-size: 20px;
            color: rgba(255, 255, 255, 0.24);
        }

        .text-content p {
            margin: 0;
            display: none;
            color: #ccc;
        }

        .image-slide {
            position: absolute;
            width: 100%;
            opacity: 0;
            -webkit-transition: opacity 0.5s ease;
            -o-transition: opacity 0.5s ease;
            transition: opacity 0.5s ease;
            border-radius: 120px 0 0 120px;
            background: rgba(0, 0, 0, 0);
            padding: 46px 54px;
            inset: 0;
        }

        .image-slide img {
            border-radius: 32px;
            -o-object-fit: contain;
               object-fit: contain;
        }

        .image-slide.active {
            opacity: 1;
        }

        .slide-item.active .progress-bar {
            background-color: #2c2c2c;
            border-radius: 20px;
        }

        .slide-item.active .progress-fill {
            height: 100%;
        }

        .slide-item.active .text-content p {
            display: block;
            margin-top: 8px;
        }

        .slide-item.active .text-content .title {
            color: #fff;
        }
    }

    section.built {
        padding: 80px 0;

        .built__wrap {
            -webkit-column-gap: 48px;
               -moz-column-gap: 48px;
                    column-gap: 48px;
            row-gap: 24px;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
        }

        .built__title {
            width: calc(51.2% - 24px);
            font-size: 52px;
        }

        .built__tech {
            width: calc(48.8% - 24px);
            gap: 16px;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            -ms-flex-wrap: nowrap !important;
                flex-wrap: nowrap !important;
        }

        .built__tech-icon {
            width: 138px;
        }

        .built__tech p {
            font-size: 18px;
            font-weight: 600;
            line-height: 24px;
            text-align: center;
            color: #000;
            font-family: "Manrope", sans-serif;
        }

        .icon-wrap {
            width: 96px;
            height: 96px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            border-radius: 60px;
            background: #0b0b0b;
            margin: 0 auto 12px;
        }

        .icon-wrap img {
            width: 48px;
            height: 48px;
        }
    }

    section.increased {
        .increased__title {
            font-size: 40px;
            text-align: center;
            max-width: 700px;
            margin: 0 auto 109px;
        }

        .increased__wrap {
            position: relative;
        }

        .increased__wrap::after {
            content: "";
            position: absolute;
            left: 50%;
            -webkit-transform: translate(-50%, 0);
                -ms-transform: translate(-50%, 0);
                    transform: translate(-50%, 0);
            -webkit-filter: blur(200px);
                    filter: blur(200px);
            background: url("/wp-content/themes/ein-des-ein-new/projects-assets/cora/img/shine-blue.svg") no-repeat
                center center / contain;
            width: 265px;
            height: 186px;
            pointer-events: none;
            bottom: 180px;
        }
    }

    section.lets-bring {
        .lets-bring__wrap {
            border-radius: 16px;
            padding: 60px;
            gap: 40px;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
        }

        .image-wrap {
            width: calc(42.5% - 20px);
        }

        .lets-bring__content {
            width: calc(57.5% - 20px);
        }

        .lets-bring__content p {
            margin-bottom: 40px;
            font-size: 14px;
            font-weight: 400;
            line-height: 18px;
            font-family: "Public Sans", sans-serif;
            max-width: 547px;
            letter-spacing: 0.5px;
        }

        .lets-bring__title {
            font-size: 40px;
            margin-bottom: 20px;
            letter-spacing: 1.5px;
            line-height: 52px;
        }
    }

    /*  Media  */
    @media screen and (max-width: 1280px) {
        section.built {
            .built__wrap {
                -webkit-column-gap: 24px;
                   -moz-column-gap: 24px;
                        column-gap: 24px;
            }

            .built__title {
                width: calc(45% - 12px);
            }

            .built__tech {
                width: calc(55% - 12px);
            }

            .built__tech p {
                font-size: 16px;
            }
        }
    }
    /* < 1280 */

    @media screen and (max-width: 1024px) {
        h2 {
            font-size: 46px;
        }

        section.powerful {
            .powerful__content {
                margin-bottom: 32px;
            }
        }

        section.built {
            .built__title,
            .built__tech {
                width: 100%;
            }

            .built__tech {
                max-width: 600px;
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
            }

            .built__title {
                font-size: 46px;
            }
        }
    }
    /* < 1024 */

    @media screen and (max-width: 992px) {
        section.not-just {
            .tabs,
            .tabs-content {
                width: 100%;
            }
        }

        section.want-smart {
            .image-wrap,
            .want-smart__content {
                width: 100%;
            }

            .want-smart__title {
                max-width: 100%;
            }
        }

        section.brand {
            .slide {
                padding: 20px;
                width: calc(25% - 15px);
            }

            .slide-image {
                margin-bottom: 16px;
            }

            .slide p {
                font-size: 18px;
            }

            .splide__slide-wrap {
                gap: 20px;
            }

            .title-wrap__content {
                width: calc(60% - 20px);
            }

            .slider-control {
                width: calc(40% - 20px);
            }
        }

        section.designed {
            .designed__wrap {
                padding: 40px;
            }
        }

        section.powerful {
            .slider-content,
            .slider-images {
                width: 100%;
            }

            .image-slide img {
                margin: 0 auto;
            }
        }

        section.lets-bring {
            .image-wrap,
            .lets-bring__content {
                width: 100%;
            }

            .lets-bring__content p {
                max-width: 100%;
            }
        }
    }
    /* < 992 */

    @media screen and (max-width: 768px) {
        section {
            margin: 60px 0;
        }

        section.not-just {
            .title-font,
            .not-just__content p {
                width: 100%;
            }

            .not-just__content {
                margin-bottom: 32px;
            }
        }

        section.designed {
            .designed__content,
            .image-wrap {
                width: 100%;
            }

            .image-wrap {
                max-width: 375px;
                margin: 0 auto;
            }
        }

        section.brand {
            padding: 60px 0;

            .slide {
                width: calc(50% - 10px);
            }

            .title-wrap {
                -webkit-column-gap: 20px;
                   -moz-column-gap: 20px;
                        column-gap: 20px;
            }

            .title-wrap__content {
                width: calc(65% - 10px);
            }

            .slider-control {
                width: calc(35% - 10px);
            }
        }
    }
    /* < 768 */

    @media screen and (max-width: 660px) {
        section.powerful {
            .image-slide {
                padding: 56px 23px;
            }
        }

        section.increased {
            .increased__title {
                margin: 0 auto 44px;
            }

            .increased__wrap::after {
                bottom: auto;
                top: 114px;
            }
        }

        section.brand {
            .title-wrap__content,
            .slider-control {
                width: 100%;
            }

            .slider-control {
                -webkit-box-pack: start;
                    -ms-flex-pack: start;
                        justify-content: flex-start;
            }
        }
    }
    /* < 660 */

    @media screen and (max-width: 567px) {
        h2 {
            font-size: 32px;
        }

        p {
            font-size: 14px;
        }

        section.first-block {
            margin-top: 12px;

            .first-block__logo {
                max-width: 182px;
            }

            .first-block__wrap {
                row-gap: 32px;
            }

            .first-block__title {
                font-size: 32px;
                max-width: 279px;
                margin: 0 auto 12px;
            }
        }

        section.not-just {
            .tab {
                padding: 20px;

                p {
                    margin-top: 8px;
                }
            }

            .tab-title {
                font-size: 18px;
            }

            h2 {
                font-size: 36px;
            }
        }

        section.want-smart {
            .want-smart__wrap {
                padding: 32px 20px;
            }

            .want-smart__content {
                row-gap: 16px;
            }

            .want-smart__title {
                font-size: 28px;
            }
        }

        section.brand {
            .title-wrap {
                margin-bottom: 32px;
            }

            .title {
                font-size: 28px;
                margin-bottom: 16px;
            }

            .splide__arrow {
                width: 48px;
                height: 48px;
            }

            .splide__arrow--prev::before,
            .splide__arrow--next::before {
                width: 27px;
                height: 15px;
            }

            .splide__arrows {
                width: 108px;
                -webkit-column-gap: 12px;
                   -moz-column-gap: 12px;
                        column-gap: 12px;
            }
        }

        section.designed {
            .designed__wrap {
                padding: 32px 16px;
            }

            .title-font {
                margin-bottom: 16px;
            }
        }

        section.banner-ai {
            .banner-ai__wrap {
                padding: 48px 20px;
            }

            .banner-ai__logo {
                row-gap: 4px;
                margin-bottom: 24px;
            }

            .banner-ai__content {
                row-gap: 24px;
            }

            .banner-ai__logo .rotate-logo {
                width: 62px;
                height: 59px;
            }

            .banner-ai__logo .logo {
                max-width: 199px;
            }
        }

        section.admin {
            .admin__title {
                margin-bottom: 16px;
                font-size: 28px;
            }

            .admin__content {
                margin-bottom: 24px;
            }

            .tabs {
                row-gap: 8px;
                margin-bottom: 24px;
            }

            .tab {
                font-size: 16px;
                min-width: 90px;
                padding: 8px 12px;
            }
        }

        section.powerful {
            .slider-images {
                min-height: 373px;
            }

            .image-slide img {
                border-radius: 16px;
            }

            .text-content .title {
                font-size: 18px;
            }

            .powerful__content .title-font {
                margin-bottom: 20px;
            }
        }

        section.built {
            padding: 32px 0;

            .built__title {
                font-size: 36px;
            }

            .built__tech p {
                line-height: 20px;
            }

            .icon-wrap {
                width: 68px;
                height: 68px;
            }

            .icon-wrap img {
                width: 36px;
                height: 36px;
            }

            .built__tech {
                -ms-flex-wrap: wrap !important;
                    flex-wrap: wrap !important;
            }
        }

        section.increased {
            .increased__title {
                font-size: 32px;
            }
        }

        section.lets-bring {
            .lets-bring__wrap {
                padding: 32px 16px;
            }

            .lets-bring__title {
                margin-bottom: 16px;
            }

            .lets-bring__content p {
                margin-bottom: 24px;
            }

            .lets-bring__title {
                font-size: 32px;
                line-height: 40px;
            }
        }
    }
    /* < 567 */

    @media screen and (max-width: 480px) {
        section.brand {
            .slide {
                width: 100%;
            }
        }
    }
    /* < 480 */

    @media screen and (max-width: 360px) {
        section.not-just {
            h2 {
                font-size: 34px;
            }
        }
    }
    /* < 360 */
}