.book-live-demo .banner-wrapper {
    max-width: 1016px;
    margin: -140px auto 0;
    padding-top: 68px;
    overflow: hidden;
}
.book-live-demo .banner-wrapper .banner-inner {
    position: relative;
    flex-direction: column;
    height: 136px;
    padding: 20px 20px 20px 80px;
    text-align: center;
    background-image: linear-gradient(to right, #072773, #2C5FBA);
    background-image: url('../img/home-laptop-bg.svg'), linear-gradient(to right, #072773, #2C5FBA);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: contain;
    border-radius: 8px;
    color: var(--color-white);
}
.book-live-demo .banner-inner .laptop-img {
    position: absolute;
    bottom: -2px;
    left: 0;
}
.book-live-demo .banner-inner .laptop-img-mobile {display: none;}
.book-live-demo .banner-inner .laptop-img img {display: block;}
.book-live-demo .banner-inner .banner-title {
    margin-bottom: 22px;
    font-size: var(--font-size-2xl);
    line-height: 30px;
    font-weight: 700;
    color: var(--color-white);
}
.book-live-demo .banner-inner .banner-cta {
    font-weight: 700;
    color: var(--color-white);
}
.book-live-demo .banner-inner .banner-cta:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px;
    width: 10px;
    height: 10px;
    background: url('../img/arrow-right.png') no-repeat center center;
    filter: brightness(0) invert(1);
}
.book-live-demo .banner-wrapper .banner-inner:hover {text-decoration: none;}
.book-live-demo .banner-wrapper .banner-inner:hover .banner-title,
.book-live-demo .banner-wrapper .banner-inner:hover .banner-cta {
    opacity: .8;
}

.scale-up {
    padding: 80px 0;
    background: #efefef;
}
.scale-up .scale__title {margin:0 25% 3%}
.section-icons-grid .splide-mobile-only {
    display: none;
}
body.home .splide__arrow {background: transparent}
body.home .splide__arrow--prev {left: -40px}
body.home .splide__arrow--next {right: -40px}
body.home .splide__pagination {bottom: -40px;}
body.home .splide__pagination__page{background:#c1c1c1;height:10px;margin:10px;width:10px}
body.home .splide__pagination__page.is-active{background:#424346;transform:scale(1.3);}
body.home .scale-up .splide__pagination__page {opacity: 1;}
body.home .scale-up .splide__pagination__page.is-active {opacity: .7;}


/* Home Products Section */
.products-section {
    padding: 80px 0;
    background-color: var(--color-bg-light);
}
.products-section .home-title-wrapper {
    text-align: center;
    margin-bottom: 50px;
}
.products-wrapper {
    gap: 24px;
    margin: 0 auto;
}
.products-wrapper .ti-card {
    width: 580px;
    max-width: 49%;
    padding: 28px 30px 40px;
}
.title-wrapper {
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin: 0 0 24px 0;
}
.product-card:first-child .product-logo {
    width: 37px;
}
.products-wrapper .ti-card .product-content {
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
}
.product-card + .product-card .product-logo {
    width: 39px;
}
.product-card .product-logo img {
    display: block;
    width: 100%;
}
.product-title {
    margin: 0;
    padding: 0;
}
.product-subtitle {
    margin-left: 8px;
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-bold);
    color: var(--color-text-main);
}

.product-description {
    position: relative;
    margin-bottom: 26px;
}
.product-description p {
    line-height: 1.3;
}
.product-features {
    margin-bottom: 75px;
}
.products-section .product-features {
    position: relative;
}
.products-section .feature-item--detailed:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 14px;
    bottom: -22px;
    left: 14px;
    width: 1px;
    background: rgba(146, 146, 146, 0.2);
    z-index: -1;
}
.feature-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 8px;
}
.products-section .feature-item {
    position: relative;
    gap: 14px;
    z-index: 1;
}
.products-section .feature-item:hover {
    background-color: transparent;
    transform: none;
}
.feature-icon {
    margin-right: 15px;
    margin-top: 4px;
    flex-shrink: 0;
}
.products-section .feature-icon {
    margin-right: 0;
    margin-top: 2px;
    width: 24px;
    min-width: 24px;
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
}
.products-section .feature-icon svg {
    display: block;
}
.products-section .feature-text .feature-title {
    font-size: var(--font-size-md);
    margin: 4px 0;
    opacity: 0.8;
}
.products-section .feature-item--detailed .feature-icon {
    width: 28px;
    min-width: 28px;
    height: 28px;
    margin-top: 0;
    position: relative;
    align-items: center;
    justify-content: center;
}
.products-section .feature-item--detailed .feature-icon::before {
    content: "";
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #929292;
    transition: width 0.35s ease, height 0.35s ease, background-color 0.35s ease;
}
.products-section .feature-item--detailed .feature-icon svg {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.65);
    transition: opacity 0.25s ease, transform 0.25s ease;
}
.products-section .feature-item--detailed.is-active .feature-icon {
    width: 28px;
    min-width: 28px;
    height: 28px;
}
.products-section .feature-item--detailed.is-active .feature-icon::before {
    width: 28px;
    height: 28px;
    background: #CFDFFF;
}
.products-section .feature-item--detailed.is-active .feature-icon svg {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}
.feature-description {
    font-size: var(--font-size-base);
}
.products-section .feature-item--detailed .feature-description {
    max-height: 0;
    opacity: 0;
    margin: 0;
    line-height: 1.3;
    overflow: hidden;
    transition: max-height 0.45s ease, opacity 0.35s ease, margin 0.35s ease;
}
.products-section .feature-item--detailed.is-active .feature-description {
    max-height: 160px;
    opacity: 1;
    margin: 0 0 10px 0;
}
.product-ctas {
    display: flex;
    align-items: center;
    gap: 40px;
    flex-wrap: wrap;
    margin-top: auto;
}
.product-ctas .ti-btn {
    min-width: 168px;
    margin-top: 0;
}
.products-section .ti-solid-text-link {
    gap: 10px;
}

.product-card.visible {
    opacity: 1;
    transform: translateY(0);
}
.product-card:not(.visible) {
    opacity: 0.7;
    transform: translateY(10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}



@media only screen and (max-width: 1299px) {
    .hero-banner__wrapper .hero-banner__left {padding-left: 25px}
    body.home .splide__arrow--prev {left: -10px}
    body.home .splide__arrow--next {right: -10px}
    .products-section .section-container {
        max-width: 1212px;
    }
}

@media only screen and (max-width: 1199px) {
    .book-live-demo .banner-wrapper {
        max-width: 960px !important;
    }
}

@media only screen and (max-width: 1023px) {
    .products-section {
        padding: 60px 0;
    }
    .products-wrapper {
        flex-direction: column;
        gap: 30px;
    }
    .products-wrapper .ti-card {
        width: 100%;
        max-width: 100%;
    }

    .book-live-demo .banner-wrapper .banner-inner {
        height: 120px;
        margin: 0 20px;
        padding-left: 110px;
    }
    .book-live-demo .banner-inner .banner-title {
        position: relative;
    }
    .book-live-demo .banner-inner .laptop-img {
        bottom: 0;
        left: 1px;
    }
    .book-live-demo .banner-inner .laptop-img img {
        max-width: 230px;
    }
}

@media only screen and (max-width: 767px) {
    .products-wrapper {gap: 20px;}
    .products-wrapper .ti-eyebrow {
        padding: 4px 8px;
        letter-spacing: -0.5px;
    }
    .products-section .home-title-wrapper {
        margin-bottom: 30px;
    }
    .products-section .home-section-title {
        margin-left: -10px;
        margin-right: -10px;
    }
    .products-wrapper .ti-card {
        padding: 24px 20px 30px;
    }
    .product-features {
        margin-bottom: 50px;
    }
    .product-ctas {gap: 20px}
    .product-ctas .ti-btn {min-width: 150px;}
    .book-live-demo .banner-wrapper {
        padding-top: 0;
        content-visibility: auto;
        contain-intrinsic-size: 335px 367px;
    }
    .book-live-demo .banner-wrapper .banner-inner {
        justify-content: flex-start;
        width: 335px;
        height: 367px;
        margin: 0 auto;
        padding: 40px 20px;
        background: none;
    }
    .book-live-demo .banner-inner .laptop-img {display: none}
    .book-live-demo .banner-inner .laptop-img-mobile {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 335px;
    }
    .book-live-demo .banner-inner .banner-cta {position: relative}

    .scale-up {padding: 50px 0}
    .scale-up .scale__title {
        margin: 0 10% 10%;
        font-size: var(--font-size-4xl);
    }
}