:host,
:root {
    --fa-li-margin: 1.5em;
    --fa-li-width: 2.5em;
    --fa-ul_li-margin-b: 1em;
    --dots-abstract-circles1-height: 760px;
    --cdata-primary: #00A0FF;
    --cdata-orange: #FB9218;
    --light-gray1: #dbdfea;
    --light-gray2: #F8F9FB;
    --light-gray3: #f3f4f7;
    --offset-cardX: 10px;
    --offset-cardY: 8px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-family-main);
}



html {
    scroll-behavior: smooth;
}

.glowTile {
    border-radius: 6px;
    box-shadow: 0 0 40px 0 rgba(100, 116, 139, 0.08), 0 0 14.601px 0 rgba(100, 116, 139, 0.06), 0 0 7.088px 0 rgba(100, 116, 139, 0.04), 0 0 3.475px 0 rgba(100, 116, 139, 0.04), 0 0 1.374px 0 rgba(100, 116, 139, 0.02);
    position: relative;
    height: 100%;
    padding: 1.5em;
}

.glowTile::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #FFF 0%, #FFF 100%) padding-box, radial-gradient(195.63% 140.17% at 99.91% 0%, #00A0FF 0%, rgba(249, 248, 253, 0.00) 52.27%, #9747ff 100%) border-box;
    inset: 0;
    border: 1.5px solid transparent;
    border-radius: 6px;
    z-index: -1;
    opacity: 1;
    transition: all .2s ease-in-out;
}

.accordion-tabs .list-block {
    margin: 32px 0 60px;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 8px 0;
    list-style: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    background: #f5f7f9;
    border-radius: 30px;
    border: 1px solid #dbdfea;
}

.accordion-tabs .list-block .nav-item {

    text-align: center;
    position: relative;
    margin: 0 8px;
}

.accordion-tabs .list-block .nav-item a {
    font-size: 14px;
    color: #333;
    font-weight: 500;
    text-decoration: none;
    line-height: 1.28;
    padding: 10px 18px;
    display: inline-block;
    border-radius: 30px;
    transition: all 0.2s ease-in-out;
}

.accordion-tabs .list-block .nav-item a:hover,
.accordion-tabs .list-block .nav-item a:active,
.accordion-tabs .list-block .nav-item a:focus {
    background-color: #dbdfea;
}

.accordion-tabs .list-block .nav-item.active a {
    color: #FFF;
    background-color: #00A0FF;

}

.accordion-sections .tab-content {
    padding-left: 0;
}

h3.offset {
    margin-left: var(--offset-cardX);
    margin-right: var(--offset-cardX);
    margin-top: 1em;
}

.card-border-left p.lg {
    text-align: center;
    font-size: 19px;
}


.card-border-left p.lg::after {
    content: "\f055";
    font-family: "Font Awesome 6 Pro";
    display: block;
    color: rgb(0 160 255 / 40%);
    line-height: 32px;
    font-size: 18px;
}

@media (max-width: 1200px) {
    .card-border-left p.lg {
        text-align: left;
        font-size: 16px;
        line-height: 1.5;
    }
}

@media (max-width: 991px) {
    .card-border-left.columnQuarters .d-flex {
        flex-direction: column;
        align-items: flex-start;
    }

    .card-border-left.columnQuarters .d-flex>div {
        align-self: stretch;
    }

    .card-border-left.columnQuarters .d-flex>div:nth-child(2) {
        flex: 1;
    }
}

@media (max-width: 767px) {
    .card-border-left.columnQuarters .d-flex {
        flex-direction: row;
        gap: 15px;
    }

}

.overlay {
    background: #fff;
    display: flex;
    flex-direction: column;
    opacity: 0;
    position: absolute;
    padding: 1.5rem;
    /*overflow-y: auto;*/
    margin: 0;
    width: 100%;
    height: calc(100% - 6px);
    transition: all .25s ease-in-out;
    top: 6px;
    left: 0;
    border-radius: 5px;
}

.card-border-left {
    position: relative;
}

.card-border-left:hover .overlay {
    opacity: 1;
}

.cs-block {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 50px auto;
    gap: 15px;
    align-items: end;
    padding: 10px 0;
}

.cs-block img {
    width: auto;
    height: auto;
    max-width: 120px;
    max-height: 50px;
}

@media(min-width:992px) {
    .demoWrapper {
        display: block;
    }
}

p span.collapseSub {
    display: block;
    color: #0B59CE;
    font-weight: 500;
}

.check-accordion ul {
    margin-left: calc(41.8px + 1.5em);
    margin-bottom: 1em;
}

.check-accordion ul li {
    line-height: 24px;
}




.testimonial {
    position: relative;
    padding: 30px 0;
    margin: 60px 0 0;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 15px;
}

.testimonial .logoBubble {
    width: 103px;
    height: 103px;
    background: #FFF;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width:992px) {
    .testimonial {
        grid-template-columns: 103px 1fr;
    }
}

.testimonial span {
    font-size: 24px;
    line-height: 30px;
    display: block;
    margin-bottom: 1rem;
}

.testimonial span.half {
    font-size: 1em;
    line-height: 1.5;
}

.testimonial img {
    width: 103px;
    display: block;
    max-width: 100%;
}

.testimonial .logoBubble img {
    width: 80%;
}

.testimonial::before,
.testimonial::after {
    content: '';
    position: absolute;
    width: 108px;
    height: 95px;
    z-index: -1;
}

.testimonial::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="108" height="95" viewBox="0 0 108 95" fill="none"><path d="M108 1.52588e-05L108 19.6281C104.192 19.9771 100.471 21.4601 96.8365 24.0771C93.2019 26.8687 90.2596 30.4454 88.0096 34.8072C85.5865 39.3434 84.375 44.1414 84.375 49.2011L108 49.2011L108 95L59.7115 95L59.7115 54.697C59.7115 43.1818 61.9615 33.4114 66.4615 25.3857C70.9615 17.5344 76.9327 11.5152 84.375 7.32783C91.6442 3.14051 99.5192 0.697905 108 1.52588e-05ZM48.2885 4.81849e-06L48.2885 19.6281C44.4808 19.977 40.7596 21.4601 37.125 24.0771C33.4904 26.8687 30.5481 30.4454 28.2981 34.8072C25.875 39.3434 24.6635 44.1414 24.6635 49.2011L48.2885 49.2011L48.2884 95L-1.52588e-05 95L-8.21199e-06 54.697C-6.19861e-06 43.1818 2.25 33.4114 6.75 25.3857C11.25 17.5344 17.2212 11.5151 24.6635 7.32782C31.9327 3.1405 39.8077 0.697895 48.2885 4.81849e-06Z" fill="url(%23paint0_linear_2038_2674)" fill-opacity="0.08"/><defs><linearGradient id="paint0_linear_2038_2674" x1="1.24425e-06" y1="5.71849e-06" x2="153.504" y2="178.071" gradientUnits="userSpaceOnUse"><stop stop-color="%2300A0FF"/><stop offset="1" stop-color="%239747FF"/></linearGradient></defs></svg>');
    top: 0;
    left: 60px;
}

.testimonial::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="108" height="95" viewBox="0 0 108 95" fill="none"><path d="M-1.66103e-05 95L-1.31784e-05 75.3719C3.80768 75.0229 7.52883 73.5399 11.1635 70.9229C14.7981 68.1313 17.7404 64.5546 19.9904 60.1928C22.4135 55.6566 23.625 50.8586 23.625 45.7989L-8.00773e-06 45.7989L0 0L48.2885 8.44302e-06L48.2885 40.303C48.2885 51.8182 46.0385 61.5886 41.5385 69.6143C37.0385 77.4656 31.0673 83.4848 23.625 87.6722C16.3558 91.8595 8.48075 94.3021 -1.66103e-05 95ZM59.7115 95L59.7115 75.3719C63.5192 75.023 67.2404 73.5399 70.875 70.9229C74.5096 68.1313 77.4519 64.5546 79.7019 60.1928C82.125 55.6566 83.3365 50.8586 83.3365 45.7989L59.7115 45.7989L59.7116 1.04403e-05L108 1.88833e-05L108 40.303C108 51.8182 105.75 61.5886 101.25 69.6143C96.75 77.4656 90.7788 83.4849 83.3365 87.6722C76.0673 91.8595 68.1923 94.3021 59.7115 95Z" fill="url(%23paint0_linear_2038_2675)" fill-opacity="0.08"/><defs><linearGradient id="paint0_linear_2038_2675" x1="108" y1="95" x2="-45.5036" y2="-83.0709" gradientUnits="userSpaceOnUse"><stop stop-color="%2300A0FF"/><stop offset="1" stop-color="%239747FF"/></linearGradient></defs></svg>');
    bottom: 0;
    right: 0;
}

img#video-poster {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    max-width: 100%;
}

.social-proof-wrapper {
    border-radius: 50px;
    display: inline-block;
    padding: .65rem 2rem;
}

.social-proof-wrapper>div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.social-proof-wrapper img {
    width: 55px;
    height: auto;
}

.social-proof-wrapper img.singleIcon {
    width: 25px;
    height: auto;
}

a .social-proof-wrapper .star-note {
    text-align: center;
    display: block;
    font-size: 15px;
    line-height: normal;
    color: #000
}

.logo-stars {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: center;
}

:root {
    --star-size: 15px;
    --star-color: #DBDFEA;
    --star-background: #fb9218
}

.stars-rating {
    --percent: calc(var(--rating) / 5 * 100%);
    display: inline-block;
    font-size: var(--star-size);
    font-family: "Font Awesome 6 Pro";
    line-height: 1
}

.stars-rating::before {
    content: "\f005\f005\f005\f005\f005";
    letter-spacing: 1px;
    background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}



.demoWrapper {
    display: none;
    z-index: 1;
}

.embedContainer {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    margin: 3rem auto 80px;
    border: 1px solid #dbdfea;
    border-radius: 5px;
}

.embedContainer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

@media(min-width:992px) {
    .demoWrapper {
        display: block;
    }
}

.connect-tiles {
    background: #0B59CE url(../../ai/_img/connect-tiles-bg.svg) no-repeat 50% / cover;
    padding: 60px 0;

}

.ai-platform {
    padding: 80px 60px;
    background: #191919 no-repeat 0 100% / cover;
}

.ai-platform.connect-tiles-claude {
    background-image: url(../../ai/_img/connect-tiles-bg_claude.svg);
}

.ai-platform.connect-tiles-chatgpt {
    background-image: url(../../ai/_img/connect-tiles-bg_chatgpt.svg);
}

.ai-platform.connect-tiles-n8n {
    background-image: url(../../ai/_img/connect-tiles-bg_n8n.svg);
}

.ai-platform.connect-tiles-databricks {
    background-image: url(../../ai/_img/connect-tiles-bg_databricks.svg);
}

.ai-platform.connect-tiles-copilot {
    background-image: url(../../ai/_img/connect-tiles-bg_copilot.svg);
}
.ai-platform.connect-tiles-google {
    background-image: url(../../ai/_img/connect-tiles-bg_google.svg);
}

@media (max-width:767px) {
    .ai-platform {
        padding: 60px 30px;
        background-position: 30% 0;
    }
}

.glass-card {
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 10%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    border: 1px solid rgb(255 255 255 / 25%);

    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 35px 25px;
    display: flex;
    gap: 20px;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.glass-card.justify-content-start {
    justify-content: flex-start;
}

.glass-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg,
            transparent,
            rgb(255 255 255 / 80%),
            transparent);
}

.glass-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(180deg,
            rgb(255 255 255 / 60%),
            transparent,
            rgb(255 255 255 / 15%));
}

.glass-card p {
    color: #FFF;
    margin: 0;
}

.badge-txt.bi,
.badge-txt.sheets,
.badge-txt.ai {
    color: #FFF;
}

.badge-txt.bi {
    background: #0B59CE;
}

.badge-txt.sheets {
    background: #40C6A7;
}

.badge-txt.ai {
    background: #FF8270;
}

.iconWrapper {
    display: grid;
    grid: 60px / auto-flow 60px;
    gap: 30px;
}

.iconWrapper>div {
    background: #FFF;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #EEE;
    display: flex;
    align-items: center;
    justify-items: center;
}

.iconWrapper>div img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: auto;
}

@media (max-width:767px) {
    .iconWrapper {
        grid: 45px / auto-flow 45px;
        gap: 15px;
    }

    .iconWrapper>div {
        padding: 6px;
    }
}

.ai_cta_light {
    background: #FFF url(../../ai/_img/cta_light.svg) no-repeat 50% / cover;
    padding: 60px 30px;
    border-radius: 10px;
    border: 1px solid #DBDFEA
}

.ctaGrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    gap: 15px;
    grid-template-rows: 55px;
}

.ctaGrid>div {
    border: 1px solid #dbdfea;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 5px;
}

.leaderLogo img {

    margin: auto;
    display: block;
}

@media (min-width:576px) {
    .leaderLogo img {
        max-width: 125px;
        max-height: 60px;
        width: auto;
        height: auto;

    }
}

.video {

    position: relative;
    display: block;
    margin-bottom: 1rem;
}

.video i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 5em;
    transition: all 0.2s ease-in-out;
    opacity: .8;
    color: #e6e7e8;
}

.video img {
    border-radius: 5px;
}

.video:hover i {
    color: #f7d447;

}

#animation_div {
    width: 88%;
    margin: auto;
}

#animation_div svg {
    border-radius: 10px;
}

@media (min-width:992px) {
    #animation_div {
        min-height: 350px;
    }
}

.comparison-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border-top: 1px solid var(--light-gray1);
    border-right: 1px solid var(--light-gray1);
    border-radius: 5px;
    background-color: #FFF;
}

.comparison-grid>div {
    border-left: 1px solid var(--light-gray1);
    border-bottom: 1px solid var(--light-gray1);
    padding: 1.5em;
    display: flex;
    gap: 10px;
}

.comparison-grid>div:nth-child(1) {
    border-radius: 5px 0 0 0;
}

.comparison-grid>div:nth-child(2) {
    border-radius: 0 5px 0 0;
}

.comparison-grid>div.bottom-left {
    border-radius: 0 0 0 5px;
}

.comparison-grid>div.value {
    line-height: 1.3;
}

.comparison-grid>div.value.native>div {
    opacity: 0.75;
}

.comparison-grid>.table-hdr {
    align-items: center;
    background: var(--light-gray2);
    border-bottom-width: 4px;
    justify-content: center;
    font-size: 18px;
    text-align: center;
}

div.value i {
    font-size: 22px;
    line-height: 1.3;
}

div.value .fa-circle-check {
    color: #00a0ff;
}

div.value .fa-circle-xmark {
    color: #cfcfcf;
}

@media (max-width:575px) {
    .comparison-grid>div {
        padding: 1em;
        font-size: 15px;
        gap: 7px;
    }

    div.value i {
        font-size: 15px;
    }

    .comparison-grid>.table-hdr {
        font-size: 16px;
    }
}

.fa-rectangle-terminal::before {
    content: "\e236";
}

.fa-rectangle-code::before {
    content: "\e322";
}