/* banner */
.bannerHeaderSection {
    background: linear-gradient(280.24deg, #A0D6FF 0%, #C2E3FF 36.46%, #DFF0FF 50%, #F5FBFF 77.08%);
    height: fit-content;
    min-height: 480px;
    padding: 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.bannerContent .bannerText {
    max-width: 100%;
}

.bannerContent h2 {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #353535;
    margin: 0;
}

.bannerContent h1 {
    font-weight: 600;
    font-size: 58px;
    line-height: 67px;
    color: #353535;
    padding-bottom: 16px;
    margin: 0;
}

.bannerContent h3 {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #3B3A39;
    margin: 0;
}


.bannerContent .img {
    width: 100%;
    max-height: 480px;
    object-fit: scale-down;
}

.bannerListContent {
    flex-wrap: wrap;
    gap: 20px;
    margin: 38px 0;
    color: #323130;
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
}

.bannerListItem {
    margin-right: 16px;
}

.bannerBtn {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.bannerShare {
    display: flex;
}

.bannerShare a:hover {
    text-decoration: none;
}

.bannerShareItems {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
    margin: 38px 38px 0 0;
}

.bannerShareItemsImg {
    width: 36px;
    height: 36px;
    overflow: hidden;
    margin-right: 16px;
}

.bannerShareItemsImg .logo1 {
    position: relative;
    left: -62px;
}

.bannerShareItemsImg .logo2 {
    position: relative;
    left: 0px;
}


/* 首页 */
/* featuresPivotItems */
.featuresPivotSection {
    margin: 16px 0 68px 0;
    min-height: 672px;
}

.normalSelect {
    outline: transparent;
    position: relative;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    font-weight: 600;
    border: 0px;
    border-radius: 0px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 0px 8px;
    text-decoration: none;
    text-align: center;
    height: 44px;
    color: rgb(50, 49, 48);
    background-color: transparent;
    line-height: 44px;
    margin-right: 8px;
    user-select: none;
}

.normalSelect::before {
    bottom: 0px;
    content: "";
    height: 2px;
    left: 8px;
    position: absolute;
    right: 8px;
    transition: left 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s, right 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s;
}

.normalSelect::after {
    color: transparent;
    content: attr(data-content);
    display: block;
    font-weight: 700;
    height: 1px;
    overflow: hidden;
    visibility: hidden;
}

.tablist .is-selected::before {
    bottom: -4px;
    height: 6px;
    background-color: #9692FF;
}

.tablist .tablistNav {
    width: auto;
    display: inline-block;
    border-bottom: 4px solid #D9D9D9;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    font-weight: 400;
    box-shadow: none;
}

.h1_title {
    display: none;
    color: #201F1E;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
}

.tabpanel {
    display: none;
}

.tabpanel .featuresPivotItems {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.tabpanel .featuresPivotItems p {
    margin: 28px 0 16px 0;
}

.tabpanel .featuresPivotItems img {
    max-width: 800px;
    margin-top: 28px;
    border-radius: 8px;
    box-shadow: 0px 25.6px 57.6px 0px rgba(0, 0, 0, 0.22), 0px 4.8px 14.4px 0px rgba(0, 0, 0, 0.18);
}

/* bannerIntroduceSection */
.bannerIntroduceContainer {
    align-items: center;
}

.bannerIntroduceSection .bannerIntroduceContent {
    width: calc(100% - 20px);
}

.bannerIntroduceSection h2 {
    color: #161514;
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 16px;
}

.bannerIntroduceContent p {
    color: #323130;
    font-size: 16px;
    margin-bottom: 16px;
    line-height: 26px;
}

.bannerIntroduceContent p a {
    font-size: 14px;
}

.bannerIntroduceSection .bannerIntroduceImg {
    margin: 26px auto;
    text-align: center;
}

.bannerIntroduceSection .bannerIntroduceImg img {
    height: 238px;
}

.bannerIntroduceImg_500 {
    max-width: 500px;
    margin: 0 auto;
}

.bannerIntroduceImg_500 img {
    width: 100%;
}

/* integrationsSection*/
.integrationsSection {
    margin: 96px 0;
}

.integrationsSection p {
    width: 56%;
    font-size: 16px;
    color: #323130;
    margin: 0 auto;
}

.integrationsSectionWrapper {
    overflow: hidden;
    position: relative;
    height: 250px;
}

.integrationsSectionWrapper::after,
.integrationsSectionWrapper::before {
    content: "";
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    height: 100%;
    position: absolute;
    width: 200px;
    z-index: 2;
}

.integrationsSectionWrapperBg {
    position: absolute;
    left: 0;
    top: 0;
    height: 132px;
    width: 300%;
    background: url(../images/integrationsLogoInLineV2.png);
    margin: 60px 0;
    background-repeat: repeat-x;
    background-position-y: center;
    animation: autoScroll 50s linear infinite;
    transform: translate3d(0, 0, 0);
}

@keyframes autoScroll {
    0% {
        left: 0;
    }

    100% {
        left: -200%;
    }
}

/* industriesBannerSection */
.industriesBannerSection {
    position: relative;
    overflow: hidden;
}

.industriesBannerTitleContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.industriesBannerSection .industriesBannerTitle {
    color: #161514;
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 16px;
}

.industriesBannerSection .findustriesBannerSubtitle {
    color: #323130;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 32px;
}

.industriesBannerList {
    flex: 1 1 auto;
    max-width: 480px;
    min-width: 340px;
    margin: 0 auto;
}

.industriesBannerList .industriesBannerItem {
    width: 100%;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 4.8px 14.4px 0px rgba(131, 126, 255, 0.30);
    margin-bottom: 24px;
    padding: 0 16px 0 0;
    cursor: pointer;
}

.industriesBannerItem_B {
    width: 100%;
    display: flex;
    align-items: center;
}

.industriesBannerItem_D {
    color: #000000;
    /*line-height: 15px;*/
    padding: 0 0 22px 22px;
    display: none;
    text-align: left;
}

.industriesBannerItem.active .industriesBannerItem_D {
    display: block;
}

.industriesBannerItem.active .industriesBannerItemIcon svg {
    transform: rotate(270deg);
}

.industriesBannerItemFlex {
    flex: 1 1 auto;
    gap: 0;
    cursor: pointer;
}

.industriesBannerItem strong {
    font-size: 16px;
    line-height: 20px;
}

.industriesBannerItem .industriesBannerItemIcon {
    margin-left: auto;
}

.industriesBannerItem .industriesBannerItemIcon svg {
    transform: rotate(90deg);
}

/* carouselSection */
.carouselSection {
    height: 100px;
    margin: 40px 0;
    background: linear-gradient(270deg, #FFF 0%, #F9F9FF 63.75%, #F1F1FF 100.52%);
    overflow: hidden;
    position: relative;
}

.carouselSection::before {
    left: 0;
    top: 0;
}

.carouselSection::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg);
}

.carouselSection::after,
.carouselSection::before {
    content: "";
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    height: 100%;
    position: absolute;
    width: 200px;
    z-index: 2;
}

.carouselSection .carouselContainer {
    background: url(../images/companiesWithClarity.png);
    animation: unset;
    background-repeat: no-repeat;
    width: calc(100% + 100px);
    height: 100px;
    background-position-x: center;
    margin: 0;
    left: -100px;
}

.carouselContainer {
    position: absolute;
    left: 0;
    top: 0;
    height: 132px;
    width: 300%;
    background: url(../images/integrationsLogoInLineV2.png);
    margin: 60px 0;
    background-repeat: repeat-x;
    background-position-y: center;
    animation: homepage_autoScroll__nznYz 50s linear infinite;
    transform: translate3d(0, 0, 0);
}

/* focusSection */
.loadingMessageBg {
    background-image: url(../images/module-wave-L.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

.loadingMessage {
    color: #323130;
    cursor: default;
}

.loadingContent {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.loadingMessage h3 {
    font-size: 36px;
    line-height: 47px;
    font-weight: 600;
    color: inherit;
    margin-bottom: 32px;
}


.loadingMessage p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 17px;
    color: #323130;
}

.messageImg {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    justify-self: center;
    max-width: 800px;
}

.messageContent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-items: flex-start;
    color: #323130;
    flex: 1;
    max-width: 670px
}

.messageImg img {
    width: 100%;
    display: block;
    margin: 0;
    border-radius: 10px;
    filter: drop-shadow(0px 4.8px 14.4px rgba(0, 0, 0, 0.18));
}

.loadingMessage .focusBtnContent {
    margin: 16px 0 12px;
    display: flex;
    gap: 8px;
}


.rightBanner {
    position: absolute;
    border-radius: 522px;
    background: linear-gradient(180deg, #F1F1FF 0%, #F9F0FF 100%);
    z-index: -1;
    right: -261px;
    bottom: 38px;
    width: 522px;
    height: 522px;

}

/* freeFeaturesSection */
.freeFeaturesTitleContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.freeFeaturesTitleContainer .freeFeatureTitle {
    font-size: 36px;
    line-height: 34px;
    font-weight: 600;
    color: inherit;
    text-align: left;
    margin-bottom: 36px;
}

.freeFeaturesTitleContainer .freeFeatureSubtitle {
    font-size: 16px;
    line-height: 26px;
}

.freeFeaturesListContainer {
    max-width: 700px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.freeFeaturesList {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.freeFeaturesList .freeFeaturesItem {
    display: flex;
    align-items: center;
    gap: 12px;
}


/* clarityOffersSection */

.clarityOffersSection h2,
.singleColTextContainer h2 {
    background-image: linear-gradient(90deg, #8F58AB -8.93%, #3D60E0 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: 36px;
    font-weight: 600;
}

.clarityOffersItem {
    max-width: 320px;
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 60px auto;
}

.clarityOffersContainer h3 {
    color: #000000;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
}

.clarityOffersContainer p {
    width: 100%;
    max-width: 320px;
    font-size: 16px;
    line-height: 22px;
    margin: 12px 0px 24px;
}

.clarityOffersContainer img {
    max-width: 100%;
    max-height: 350px;
    min-width: 250px;
    margin-bottom: 36px;
    width: auto;
}

/* singleColSection */
.singleColSection {
    position: relative;
    overflow: hidden;
}

.singleColSection .singleColTextContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 32px;
}

.singleColSection .singleColListContainer {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.faqQuestionswitchItem {
    cursor: pointer;
}

.singleColListContainer .singleColListItem {
    box-shadow: 0px 4.8px 14.4px 0px #837EFF4D;
    border-radius: 8px;
    background: #FFFFFF;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.singleColListContainer .singleColListItem .faqQuestion {
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
}

.singleColListContainer .singleColListItem .faqQuestion h2 {
    font-size: 14px;
    font-weight: 700;
    color: #161514;
    padding-right: 20px;
    margin: 0;
}

/* 默认隐藏答案和减号图标 */
.faqQuestionswitch .glyphicon-minus {
    display: none;
}

/* 展开状态样式 */
.faqQuestionswitchItem.active .faqQuestionswitch .glyphicon-plus {
    display: none;
}

.faqQuestionswitchItem.active .faqQuestionswitch .glyphicon-minus {
    display: inline-block;
}

.faqQuestionswitchItem.active .faqAnswer {
    display: block;
    max-height: 600px;
}

/* 如果需要动画效果 */
.faqAnswer {
    display: none;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}


.singleColListContainer .singleColListItem .faqAnswer {
    font-size: 14px;
    margin: 0;
    color: #000000;
    padding-right: 22px;
    transition: max-height 0.3s ease-out;
    font-weight: 400;
}


@media screen and (max-width: 1000px) {
    .max-tc {
        text-align: center !important;
    }

    .max_1000px {
        display: none;
    }

    .max_center {
        width: 100% !important;
        text-align: center;
        justify-content: center;
    }

    .p-86-56 {
        padding: 30px 0;
    }

    .col-md-6 {
        width: 100%;
    }

    .loadingContent,
    .messageContent {
        justify-content: center;
        align-items: center;
        max-width: 100%;
    }

    .mt-30 {
        margin-top: 30px;
    }

    .tabpanel .featuresPivotItems img {
        max-width: 100%;
    }

    .industriesBannerList {
        min-width: 100%;
    }


    .carouselSection .carouselContainer {
        animation: autoScroll 30s linear infinite;
        background-repeat: repeat-x;
        width: 300%;
        background-position-x: left;
    }

    .tabpanel .featuresPivotItems p {
        margin: 8px 0 16px 0;
    }

    .h1_title,
    .tabpanel {
        display: block !important;
        margin-top: 40px;
    }

    .footerNavLinksContainer {
        row-gap: 24px;
        padding: 26px 54px
    }

    .bannerShare {
        flex-wrap: wrap;
        justify-content: center;
    }

    .integrationsSection {
        margin: 36px 0;
    }

}

@media screen and (max-width: 550px) {
    .layout-header {
        padding: 14px 12px;
    }

    .max_575px {
        display: none;
    }

    .layOutFooterCopy {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        row-gap: 16px;
        padding: 24px;
    }

    .headerLogo {
        flex: auto;
    }

    .headRightAction {
        flex: auto;
    }

    .headRightAction a {
        margin: 0;
    }

    ::-webkit-scrollbar {
        display: none;
        /* Chrome/Safari */
        width: 0;
        height: 0;
    }
}


/* swiper */
.swiperSection  {
    position: relative;
    padding: 50px 0;
}
.swiper-container {
    width: 100%;
    height: auto;
    padding: 20px 0;
    position: static!important;
}

.swiper-wrapper {
    transition-timing-function: linear;
    /* 线性滑动效果 */
}

.list-item-content {
    max-width: 264px;
    min-width: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    /* justify-content: center; */
}

.swiper-button-prev {
    transform: rotate(180deg);
}

.swiper-button-prev svg,
.swiper-button-next svg {
    width: 40px;
    height: 40px;
}

.swiper-button-prev svg path,
.swiper-button-next svg path {
    fill: #A7A5F5;
    transform: scale(2);
    transform-origin: 0 0;
}

.swiper-button-prev,
.swiper-button-next {
    position: relative;
    width: 40px!important;
    height: 40px!important;
}

.swiper-button {
    width: 100%;
    height: 44px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 50%;
    z-index: 10;
}

.swiper-pagination {
    position: absolute!important;
    height: 40px;
    line-height: 40px;
    bottom: 0;
    z-index: 10;
}


.swiper-button-prev::after,
.swiper-button-next::after {
    display: none;
    /* 隐藏默认箭头 */
}

.swiper {
    width: 100%;
    margin-top: 50px;
}

.swiper-slide-list {
    width: 100%;
    min-height: 380px;
    margin: 50px auto;
    display: flex;
    gap: 120px;
}

.swiper-list-item img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 48px;
}

.swiper-list-item h3 {
    color: #605E5C;
    font-size: 16px;
    line-height: 26px;
}

.swiper-list-item p {
    align-self: flex-start;
    margin-top: 24px;
}


/* footerTopSection */
.footerTopSection {
    background: url("data:image/svg+xml,<svg width=\"1440\" height=\"401\" viewBox=\"0 0 1440 401\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1440 228.36H0V60.4003C57.6 55.9003 400.2 49.4043 542.4 52.4043C684.6 55.4043 950.546 27.1758 1070 27.1758C1242.2 27.1758 1340.4 61.4043 1440 48.4043V228.36Z\" fill=\"url%28%23paint0_linear_292_25%29\"/><path d=\"M1440 248.414H0V64.9138C57.6 60.4138 322.8 24.1762 465 27.1762C607.2 30.1762 934.146 59.9138 1053.6 59.9138C1225.8 59.9138 1340.4 61.4132 1440 48.4132V248.414Z\" fill=\"url%28%23paint1_linear_292_25%29\"/><path d=\"M1440 400.176H0V51.1758C57.6 46.6758 397.2 52.6758 539.4 55.6758C681.6 58.6758 935.346 67.1758 1054.8 67.1758C1227 67.1758 1340.4 59.6758 1440 46.6758V400.176Z\" fill=\"url%28%23paint2_linear_292_25%29\"/><defs><linearGradient id=\"paint0_linear_292_25\" x1=\"725.5\" y1=\"58.1763\" x2=\"1805.5\" y2=\"80.1764\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%2397C7FD\"/><stop offset=\"1\" stop-color=\"%23F3FCFF\"/></linearGradient><linearGradient id=\"paint1_linear_292_25\" x1=\"471\" y1=\"35.9043\" x2=\"1547.57\" y2=\"119.715\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%23B8B6FF\"/><stop offset=\"1\" stop-color=\"%2383ADFF\"/></linearGradient><linearGradient id=\"paint2_linear_292_25\" x1=\"720\" y1=\"46.6758\" x2=\"720\" y2=\"260.176\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%235AB2F1\"/><stop offset=\"0.5625\" stop-color=\"%23308ADB\"/><stop offset=\"1\" stop-color=\"%23025EC4\"/></linearGradient></defs></svg>");
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 86px;
    padding-top: 152px;
    color: #ffffff;
}

.footerTopSectionTitle {
    margin-bottom: 24px;
    font-size: 32px;
    line-height: 42px;
    font-weight: 500;
}

.footerTopSectionText {
    font-size: 18px;
    line-height: 24px;
}

.footerBtn {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    border-radius: 2px;
    padding: 0 12px;
    color: black;
    background-color: rgb(255, 255, 255)
}