@media screen and (max-width: 1400px) {
    /* Page name | .block-class-name */
}

@media screen and (max-width: 1260px) {
    /* Page name | .block-class-name */
}

@media screen and (max-width: 1024px) {

    /* Homepage | .hero */
    main > section:first-child {
        margin-top: clamp(70px, 18.462vw, 74px);
    }

    .hero {
        padding: clamp(54px, 14.359vw, 58px) 0;
    }


    .hero .text {
        margin-top: clamp(22px, 5.897vw, 24px);
        max-width: 500px;
    }

    .hero .button-container {
        margin-top: clamp(38px, 10.256vw, 42px);
        gap: clamp(11px, 3.077vw, 13px);
    }

    .hero .title .multiple-img {
        margin-top: clamp(-5px, -1.282vw, -6px);
    }


    .multiple-img .img {
        height: clamp(38px, 10.256vw, 42px);
    }

    /* Homepage | partners-section */
    .partners-section {
        padding: clamp(38px, 10.256vw, 42px) 0 clamp(78px, 20.513vw, 82px) 0;
    }

    .partners-section .img {
        height: clamp(38px, 10.256vw, 42px);
        margin-right: clamp(62px, 16.410vw, 66px);
    }

    .partners-section .img img {
        display: block;
        height: 100%;
        width: auto;
    }


    /* Homepage | pinned-section */
    .pinned-section .container {
        padding: clamp(38px, 10.256vw, 42px) 0;
    }

    .pinned-section .container .title {
        margin-top: clamp(15px, 4.103vw, 17px);;
    }

    .pinned-section .pinned-slider__wrapper {
        padding: clamp(19px, 5.128vw, 21px);
    }

    .pinned-slider {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: clamp(38px, 10.256vw, 42px);
    }

    .pinned-slider__card {
        position: relative;
        margin: 0;
        pointer-events: auto;
        overflow: hidden;
        opacity: 1;
        pointer-events: auto;
    }

    .pinned-slider__card.-animated .pinned-slider__card-wrapper {
        pointer-events: auto;
    }

    .pinned-slider__card:not(:first-child) {
        position: relative;
    }

    .pinned-slider__card-wrapper {
        height: auto;
        transform: none;
        max-height: none;
    }

    .section-title .img {
        height: clamp(35px, 9.231vw, 37px);
        margin: 0;
    }

    .section-title .img.-middle {
        height: clamp(30px, 8.205vw, 34px);
        margin: clamp(-3px, -1.026vw, -5px) clamp(-3px, -1vw, -4px) 0 0;
    }

    .section-title .img.-small {

        height: clamp(24px, 6.667vw, 28px);
        margin: clamp(-2px, -0.769vw, -4px) clamp(-1px, -0.513vw, -3px) 0 clamp(0.5px, 0.256vw, 1.5px);
    }

    .section-title .img.-middle-mob {
        height: clamp(30px, 8.205vw, 34px) !important;
    }

    /* Homepage | industries-section */
    .industries-section {
        padding: clamp(118px, 30.769vw, 122px) 0 clamp(38px, 10.256vw, 42px) 0;
    }

    .industries-section .section-title {
        margin-top: clamp(15px, 4.103vw, 17px);
    }

    .industries-section .section-title + .text {
        color: var(--Black-70);
        margin-top: clamp(15px, 4.103vw, 17px);
    }

    .industries-section .carousel-slider {
        margin: clamp(38px, 10.256vw, 42px) auto 0 auto;
        padding: 0;
        max-width: 450px;
    }

    .carousel-slider .swiper-wrapper {
        padding: clamp(23px, 6.154vw, 25px) 0;
    }

    .carousel-slider .swiper-pagination {
        margin-top: clamp(38px, 10.256vw, 42px);
    }

    .carousel-slider .swiper-slide {
        width: 65%;
    }

    .swiper-pagination {
        border-radius: clamp(38px, 10.256vw, 42px);
        padding: clamp(6px, 1.795vw, 8px);
        gap: clamp(5px, 1.538vw, 7px);
    }

    .swiper-pagination .swiper-pagination-bullet {
        width: clamp(5px, 1.538vw, 7px);
        height: clamp(5px, 1.538vw, 7px);
    }


    /* Homepage | expirience-section */
    .expirience-section {
        padding: 20.513vw /*80px*/ 0 clamp(118px, 30.769vw, 122px) 0;
    }

    .expirience-section .section-title {
        margin-top: clamp(12px, 3.333vw, 14px);
    }


    .expirience-section .statistic-list {
        margin: clamp(38px, 10.256vw, 42px) 0;
    }

    .statistic-list {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: clamp(38px, 10.256vw, 42px);
    }

    .statistic-list .col {
        grid-column: span 2;
        gap: clamp(15px, 4.103vw, 17px);
    }

    .expirience-section .button {
        margin-top: clamp(31px, 8.205vw, 33px);
        width: fit-content;
    }


    /* Homepage | sticky-part-section */
    .sticky-part-section {
        padding: clamp(118px, 30.769vw, 122px) /*120px*/ 0;
    }

    .sticky-part-section__wrapper {
        gap: clamp(38px, 10.256vw, 42px)
        /*40px*/;
    }

    .sticky-part-section__fixed {
        top: clamp(146px, 38.462vw, 154px);
    }

    .sticky-part-section__fixed .section-title {
        margin-top: clamp(15px, 4.103vw, 17px);
    }

    .sticky-part-section__fixed .text {
        margin-top: clamp(15px, 4.103vw, 17px);
        max-width: 400px;
    }

    .sticky-part-section__relative {
        width: 50%;
        min-width: 50%;
    }

    .sticky-part-section__relative .benefit-card + .benefit-card {
        margin-top: clamp(38px, 10.256vw, 42px)
        /*40px*/;
    }

    .benefit-card .img {
        width: clamp(54px, 14.359vw, 58px);
    }

    .benefit-card .title {
        margin-top: clamp(23px, 6.154vw, 25px);
    }

    .benefit-card .text {
        margin-top: clamp(11px, 3.077vw, 13px);
        max-width: clamp(280px, 71.795vw, 350px);
    }

    .sticky-part-section .button {
        margin-top: clamp(38px, 10.256vw, 42px);
    }

    /* Homepage | background-video-section */
    .background-video-wrapper {
        border-radius: clamp(15px, 4.103vw, 17px);
        padding: clamp(180px, 51.538vw, 210px) clamp(19px, 5.128vw, 21px);
    }

    .background-video-wrapper .title {
        margin-top: clamp(14px, 3.846vw, 16px);
    }


    /* Homepage | customer-reviews-wrapper */
    .customer-reviews-wrapper {
        padding: clamp(78px, 20.513vw, 82px) clamp(18px, 5.128vw, 22px);
        border-radius: clamp(15px, 4.103vw, 17px);
    }

    .customer-reviews-wrapper .section-title {
        margin-top: clamp(15px, 4.103vw, 17px);
    }

    .reviews-slider {
        margin-top: clamp(38px, 10.256vw, 42px);
    }

    .reviews-slider .swiper-navigation {
        display: none;
    }

    .review-card {
        padding: clamp(15px, 4.103vw, 17px);
        border-radius: clamp(7px, 2.051vw, 9px);
    }

    .reviews-slider .swiper-slide {
        width: 100%;
    }

    .review-card .title {
        padding-top: clamp(39px, 10.513vw, 43px);
        margin-bottom: clamp(38px, 10.256vw, 42px);
    }

    .review-card .title:before {
        width: clamp(22px, 6.154vw, 26px);
        height: clamp(15px, 4.359vw, 19px);
    }

    .review-card .logo {
        height: clamp(38px, 10.256vw, 42px);
    }

    .reviews-slider .swiper-pagination {
        margin: clamp(38px, 10.256vw, 42px) auto 0 auto;
    }


    /* Homepage | news-section */
    .news-section {
        padding: clamp(118px, 30.769vw, 122px) /*120px*/ 0 clamp(62px, 16.410vw, 66px) 0;
        overflow: hidden;
    }

    .news-section__wrapper {
        gap: clamp(15px, 4.359vw, 19px);
        flex-direction: column;
    }

    .news-section__wrapper-left {
        position: relative;
        top: auto;
        width: 100%;
        min-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        text-align: center;
    }

    .news-section__wrapper-left .title {
        margin-top: clamp(15px, 4.359vw, 19px);
    }

    .news-section__wrapper-left .button {
        display: none;
    }

    .news-section__wrapper-right.-pc {
        display: none;;
    }

    .mobile-slider {
        width: 100%;
        margin-top: clamp(38px, 10.256vw, 42px);
        display: block;
        overflow: visible;
    }

    .mobile-slider .swiper-pagination {
        margin: clamp(38px, 10.256vw, 42px) auto 0 auto;
    }

    .news-section__wrapper .button {
        margin-top: clamp(38px, 10.256vw, 42px);
    }


    /* Homepage | upcoming-events */
    .upcoming-events {
        margin: clamp(62px, 16.410vw, 66px) 0 clamp(118px, 30.769vw, 122px) 0;
    }

    .upcoming-events .section-title {
        margin-top: clamp(15px, 4.103vw, 17px);
    }

    .upcoming-events .event-list {
        margin-top: clamp(38px, 10.256vw, 42px);
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: clamp(7px, 2.051vw, 9px);
    }

    .upcoming-events .event-list .event-card {
        width: 100%;
    }

    .upcoming-events .button {
        margin-top: clamp(38px, 10.256vw, 42px);
    }


    /* Homepage | team-section */
    /* Homepage | team-section */
    .team-section {
        padding: clamp(118px, 30.769vw, 122px) 0 clamp(118px, 30.769vw, 122px) /*clamp(15px, 4.103vw, 17px)*/ 0;
        overflow: hidden;
    }

    .team-section .section-title {
        margin-top: clamp(15px, 4.103vw, 17px);
    }

    .team-grid {
        margin-top: clamp(38px, 10.256vw, 42px);
    }

    .team-grid {
        flex-direction: column;
    }

    .team-grid__col {
        grid-template-columns: repeat(5, 1fr);
        width: 100%;
    }

    .team-member.-icon img {
        width: clamp(23px, 6.154vw, 25px);
    }


    .team-grid__col.-pc {
        display: none !important;
    }


    .team-grid__col.-mob {
        display: grid !important;
    }


    .team-grid__col.-second-rounded .team-member:nth-child(2n+1) {
        border-radius: 50%;
    }

    .team-grid__col.-first-rounded .team-member {
        border-radius: 0 !important;
    }

    .team-grid .video {
        position: relative;
        width: 100%;
        aspect-ratio: 390/240;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        display: none;
    }

    .team-grid .video video {
        height: auto;
        object-fit: cover;
        width: 240%;
    }

    .team-grid .video > * {
        position: absolute !important;
        padding: 0 !important;
        width: 100%;
        height: 100%;
    }

    .team-grid .static-img {
        display: block;
        position: relative;
        z-index: -1;
        width: 100%;
        aspect-ratio: 390/240;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    .team-grid .static-img img {
        display: block;
        width: 100%;
    }

    .team-section .text-container {
        max-width: 600px;
        width: 100%;
        margin: clamp(38px, 10.256vw, 42px) auto 0 auto;
        padding: 0 clamp(19px, 5.128vw, 21px);
    }

    .team-section .text-container p + p {
        margin-top: clamp(15px, 4.103vw, 17px);
    }

    .team-section .text-container .text {
        color: var(--black-70, rgba(0, 0, 0, 0.70));
        padding-right: 0;
    }

    .pinned-video {
        margin-top: clamp(118px, 30.769vw, 122px);
        height: auto;
    }

    .pinned-video__inner {
        border-radius: clamp(15px, 4.103vw, 17px);
        clip-path: inset(0 0 0 0 round clamp(15px, 4.103vw, 17px));
        transform: scale(1);
        max-height: none;
    }

    .pinned-video video {
        height: auto;
        max-height: none;
    }

    .play-button {
        border-radius: clamp(78px, 20.513vw, 82px);
        padding: clamp(3px, 1.026vw, 5px) clamp(15px, 4.103vw, 17px) clamp(3px, 1.026vw, 5px) clamp(3px, 1.026vw, 5px);
        gap: clamp(15px, 4.103vw, 17px);
    }

    .play-button .arrow {
        width: clamp(46px, 12.308vw, 50px);
    }

    .video-toolbar {
        bottom: clamp(15px, 4.103vw, 17px);
        border-radius: clamp(78px, 20.513vw, 82px);
        padding: clamp(3px, 1.026vw, 5px);
        gap: clamp(3px, 1.026vw, 5px);
    }

    .video-toolbar > * {
        width: clamp(46px, 12.308vw, 50px);
    }

    .video-toolbar .fullScreen:before,
    .video-toolbar .mute:after,
    .video-toolbar .mute:before,
    .video-toolbar .play:after,
    .video-toolbar .play:before {
        height: clamp(19px, 5.128vw, 21px);
        width: clamp(19px, 5.128vw, 21px);
    }

    .video-toolbar .fullScreen {
        display: flex;
    }


    /* Homepage | code-section */
    .code-section__wrapper {
        border-radius: clamp(15px, 4.103vw, 17px)
        /*16px*/;
        padding: clamp(38px, 10.256vw, 42px) clamp(1px, 5.128vw, 21px);
        gap: clamp(38px, 10.256vw, 42px);
        flex-direction: column-reverse;
    }

    .code-section__wrapper-left {
        width: 100%;
        min-width: 100%;
    }

    .code-section__wrapper-left .button.-mob {
        margin-top: clamp(38px, 10.256vw, 42px);
        display: flex;
    }

    .code-example {
        aspect-ratio: 350/440;
        border-radius: clamp(7px, 2.051vw, 9px);
    }

    .code-section__wrapper-right .title {
        margin-top: clamp(15px, 4.103vw, 17px)
        /*16px*/;
    }

    .code-section__wrapper-right .text {
        margin-top: clamp(15px, 4.103vw, 17px)
        /*16px*/;
    }

    .code-section__wrapper-right .button {
        display: none;
    }

    .code-example__tabs {
        height: 100%;
        max-height: calc(100% - clamp(58px, 15.385vw, 62px));
        overflow: hidden;
    }

    .code-example__item-inner {
        overflow: auto;

    }

    .code-for-copy {
        padding: clamp(15px, 4.103vw, 17px)
        /*16px*/;
        width: fit-content;
    }

    .code-example__menu {
        padding: clamp(15px, 4.103vw, 17px)
        /*16px*/;
        height: clamp(58px, 15.385vw, 62px);
        min-height: clamp(58px, 15.385vw, 62px);
        overflow: auto;
    }

    .code-example__menu-inner {
        gap: clamp(3px, 1.026vw, 5px);
    }

    .code-example__menu-item {
        border-radius: clamp(38px, 10.256vw, 42px);

        height: clamp(27px, 7.179vw, 29px);
        min-width: clamp(78px, 20.513vw, 82px);
        padding: 0 clamp(9px, 2.564vw, 11px) clamp(0.5px, 0.256vw, 1.5px) clamp(9px, 2.564vw, 11px);
    }

    body.-apple .code-example__menu-item .arrow {
        margin-top: -1px;
    }

    body.-apple .code-example__menu-item {
        padding-top: 2px;
        padding-bottom: 0;
    }


    .code-example .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
        top: clamp(7px, 2.051vw, 9px);
        width: clamp(2px, 0.769vw, 4px);
    }

    .code-example .os-theme-dark > .os-scrollbar-horizontal,
    .code-example .os-theme-light > .os-scrollbar-horizontal {
        height: clamp(2px, 0.769vw, 4px);
        left: 0;
    }

    .code-example .os-theme-dark > .os-scrollbar,
    .code-example .os-theme-light > .os-scrollbar {
        padding: 0;
    }

    .code-example__item .copy-button {
        right: clamp(15px, 4.103vw, 17px);
        top: clamp(15px, 4.103vw, 17px);
    }

}

@media screen and (max-width: 800px) {
    /* E-commerce | hero*/
    .hero-wrapper {
        grid-template-columns: 1fr;
        gap: clamp(54px, 14.359vw, 58px);
    }

    .hero-main {
        text-align: start;
        padding-right: 0;
    }

    .hero-main .button-container {
        margin-top: clamp(38px, 10.256vw, 42px);
    }

}

@media screen and (max-width: 759px) {
    /* Homepage | .hero */
    .hero .button-container {
        flex-direction: column;
        width: 100%;
    }

    .hero .button-container .button {
        width: 100%;
    }


    /* Homepage | expirience-section */
    .statistic-list {
        display: flex;
        flex-direction: column;
    }

    .expirience-section .button {
        width: 100%;
    }


    /* Homepage | sticky-part-section */
    .sticky-part-section__wrapper {
        flex-direction: column;
    }

    .sticky-part-section__fixed {
        position: relative;
        top: auto;
    }

    .sticky-part-section__relative {
        width: 100%;
        min-width: 100%;
    }

    .sticky-part-section .button.-mob {
        display: flex;
        margin-top: 0;
        width: 100%;
    }

    .sticky-part-section .button.-pc {
        display: none;
    }

    /* Homepage | pinned-section */
    .pinned-slider {
        display: flex;
        flex-direction: column;
    }


    /* E-commerce | faq */
    .faq {
        margin-top: clamp(100px, 30.769vw, 140px);
        padding-bottom: clamp(100px, 30.769vw, 140px);
    }

    .faq-wrapper {
        grid-template-columns: 1fr;
        gap: clamp(36px, 10.256vw, 44px) /*40px*/;
    }


    .faq-info {
        position: static;
    }

    .faq-info .title {
        margin-top: clamp(14px, 4.103vw, 18px) /*16px*/;
    }

    .faq-list {
        gap: clamp(10px, 3.077vw, 14px) /*12px*/;
    }

    /* E-commerce | info-section*/
    .info-section {
        margin-top: clamp(100px, 30.769vw, 140px) /*120px*/;
        padding-bottom: 0;
    }

    .info-wrapper {
        display: grid;
        grid-template-columns: 1fr;
        gap: clamp(36px, 10.256vw, 44px) /*40px*/;
    }

    .info-text .title {
        margin-top: clamp(14px, 4.103vw, 18px)  /*16px*/;
    }

    .info-text .section-description {
        max-width: 100%;
        margin-top: clamp(14px, 4.103vw, 18px)  /*16px*/;
    }

    .info-image img {
        border-radius: clamp(6px, 2.051vw, 10px) /*8px*/; ;
    }

    .expirience-section.-e-commerce .statistic-card__text .text{
        margin-top: 13.077vw;
    }

    .expirience-section.-e-commerce .statistic-card__text .text{
        max-width: 100%;
    }
    .expirience-section.-e-commerce .statistic-card__text .info{
        gap: 3.590vw;
    }

}