html,
body {
    overflow-x: hidden;
}

.zwc-full-width {
    display: block;
    width: 100%;
}

.zwc-sec-title h1,
.zwc-sec-title h2 {
    font-family: var(--zf-primary-medium);
    color: rgb(0, 0, 0);
}

.zwc-sec-title h2 {
    font-size: clamp(34px, 4.17vw, 60px);
    line-height: 1.1;
    letter-spacing: -1.2px;
}

.zwc-sec-title p {
    font-family: var(--zf-primary-medium);
    color: rgb(0, 0, 0);
}

.zwc-banner-wrap {
    background: linear-gradient(rgb(255, 249, 239) 0%, rgb(255, 253, 246) 58.6%, rgb(203, 232, 255) 96.6%);
    border-top-right-radius: 20px;
    padding: clamp(60px, 8.33vw, 120px) 0px clamp(80px, 11.7vw, 130px);
}

.zwc-banner-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: clamp(15px, 4.17vw, 30px);
}

.zwc-banner-wrap .zwc-sec-title {
    flex: 0 1 719px;
    display: flex;
    flex-direction: column;
    gap: clamp(16px, 1.46vw, 21px);
}

.zwc-banner-wrap h1 {
    font-family: var(--zf-primary-semibold);
    color: rgb(0, 0, 0);
    font-size: clamp(40px, 4.86vw, 70px);
    line-height: 1.14;
    letter-spacing: -1.4px;
    margin-bottom: 0px;
}

.zwc-banner-wrap .zwc-sec-title p {
    font-size: clamp(17px, 1.39vw, 20px);
    line-height: 1.5;
    letter-spacing: -0.4px;
    max-width: 574px;
    margin-bottom: 0px;
}

.zwc-banner-wrap .zwc-img-wrap {
    flex: 0 1 auto;
    max-width: 568px;
}

.zwc-banner-wrap .zwc-img-wrap img {
    width: 100%;
    height: auto;
}

.zwc-parnter-cta {
    margin-top: clamp(10px, 1.39vw, 20px);
    padding: clamp(7px, 2vw, 13px) clamp(20px, 2.36vw, 34px);
    max-width: max-content;
    font-family: var(--primaryfont-semibold);
    background: var(--primary-btn-color);
    color: rgb(255, 255, 255);
    font-size: clamp(15px, 3vw, 18px);
}

.zwc-testi-wrap {
    background: rgb(255, 255, 255);
}

.zwc-partner-stories {
    padding: clamp(70px, 10.28vw, 130px) 0px clamp(40px, 4.79vw, 69px);
}

.zwc-partner-stories .zwc-sec-title {
    margin-bottom: clamp(24px, 2.78vw, 40px);
}

.zwc-story-wrap {
    position: relative;
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-end;
    align-items: flex-end;
}

.zwc-story-slider {
    position: relative;
    border-radius: 10px;
    overflow: visible;
    width: 100%;
}

.zc-slider-arrows-outside .zc-slider-prev {
    left: -23px;
}

.zc-slider-arrows-outside .zc-slider-next {
    right: -27px;
}

.zwc-story-slide {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: auto;
    padding: 60px;
}

.zwc-story-slide.zwc-slide-1 {
    background: url("/sites/zweb/images/projects/partners/anand-murali-zodopt.jpg") center center / cover no-repeat;
}

.zwc-story-slide.zwc-slide-2 {
    background: url("/sites/zweb/images/projects/partners/michal-zpartners.jpg") center center / cover no-repeat;
}

.zwc-story-slide .zwc-img-wrap {
    position: absolute;
    inset: 0px;
    display: none;
}

.zwc-story-slide .zwc-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.zc-slider-arrow,
.zc-slider-arrow:hover {
    border-radius: 50px;
    background: #fff9efd4;
    position: relative;
    font-size: 0;
    top: auto;
    transform: translateY(0);
    border: 1px solid rgb(218 216 214);
    width: clamp(30px, 10vw, 54px);
    height: clamp(30px, 10vw, 54px);
    box-shadow: none;
}

/* Same chevron mark as .zwc-suite-arrow (only the arrow mark, default ← → glyph hidden) */
.zc-slider-arrow::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border-top: 1.5px solid rgb(69, 69, 69);
    border-right: 1.5px solid rgb(69, 69, 69);
    top: 50%;
    left: 50%;
}

.zc-slider-prev::before {
    transform: translate(-30%, -50%) rotate(-135deg);
}

.zc-slider-next::before {
    transform: translate(-70%, -50%) rotate(45deg);
}

.zwc-parnter-profile {
    width: 90px;
    height: 90px;
    display: none;
}

.zwc-partner-author {
    display: flex;
    flex-flow: row wrap;
    gap: 20px;
    align-items: center;
    margin-top: 20px;
}

.zwc-slide-1 .zwc-parnter-profile {
    background: url(/sites/zweb/images/projects/partners/anand-murali-mobile.png) center / contain no-repeat;
}

.zwc-slide-2 .zwc-parnter-profile {
    background: url(/sites/zweb/images/projects/partners/michal-mobile.png) center / contain no-repeat;
}

.zwc-story-card {
    position: relative;
    z-index: 2;
    background: rgb(255, 249, 239);
    backdrop-filter: blur(2px);
    border-radius: 10px;
    width: 547px;
    max-width: 100%;
    padding: clamp(30px, 2.99vw, 43px) clamp(28px, 4.38vw, 63px);
}

.zwc-story-body p {
    font-family: var(--zf-primary-medium);
    color: rgb(0, 0, 0);
    font-size: clamp(18px, 1.53vw, 22px);
    line-height: 1.63;
    letter-spacing: -0.44px;
    margin-bottom: clamp(15px, 2.08vw, 20px);
}

.zwc-story-body p.zwc-story-author {
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: -0.32px;
    padding-bottom: clamp(15px, 2.08vw, 20px);
    margin-bottom: clamp(15px, 2.08vw, 20px);
    border-bottom: 1px dashed rgb(0, 0, 0);
    color: rgba(0, 0, 0, 0.64);
    flex: 1 0 auto;
    width: 100%;
}

.zwc-story-author .zwc-full-width {
    font-family: var(--primaryfont-semibold);
    color: rgb(0, 0, 0);
}

.zwc-story-nav {
    position: relative;
    z-index: 9;
    justify-content: center;
    align-items: center;
    gap: 10px;
    right: 423px;
    border: 1px solid rgb(0, 0, 0);
    border-radius: 7px;
    max-width: max-content;
    margin-top: -70px;
    display: none;
}

.zwc-story-nav::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 50%;
    background-color: rgba(0, 0, 0, 0.24);
}

.zwc-story-arrow {
    width: 33px;
    height: 38px;
    background: transparent;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
}

.zwc-story-arrow::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border-top: 1.5px solid rgb(51, 51, 51);
    border-right: 1.5px solid rgb(51, 51, 51);
    top: 50%;
    left: 50%;
}

.zwc-story-arrow.zwc-prev::before {
    transform: translate(-30%, -50%) rotate(-135deg);
}

.zwc-story-arrow.zwc-next::before {
    transform: translate(-70%, -50%) rotate(45deg);
}

.zwc-prod-stats-wrap {
    background: rgb(255, 255, 255);
    padding: clamp(30px, 3.13vw, 45px) 0px clamp(70px, 9.44vw, 136px);
}

.zwc-prod-stats-wrap .zwc-sec-title {
    margin-bottom: clamp(24px, 2.78vw, 40px);
}

.zwc-card-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(14px, 1.46vw, 21px);
}

.zwc-stat-card {
    position: relative;
    height: clamp(360px, 32vw, 461px);
    border-radius: 10px;
    overflow: hidden;
}

.zwc-stat-card-media .zwc-card-bg {
    position: absolute;
    inset: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.zwc-stat-content {
    position: relative;
    z-index: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: clamp(36px, 3.54vw, 51px) 20px 0px;
}

.zwc-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    text-align: center;
}

.zwc-stat-num {
    font-family: var(--zf-primary-medium);
    color: rgb(0, 0, 0);
    font-size: clamp(38px, 3.47vw, 50px);
    line-height: 1.32;
    letter-spacing: -1px;
    margin-bottom: 0px;
}

.zwc-stat-label {
    font-family: var(--zf-primary-medium);
    color: rgb(0, 0, 0);
    font-size: 16px;
    letter-spacing: -0.32px;
    margin-bottom: 0px;
}

.zwc-stat-divider {
    display: block;
    width: 208px;
    max-width: 80%;
    height: 1px;
    background: rgba(0, 0, 0, 0.15);
    margin: 10px 0;
}

.zwc-ratings-card {
    background: linear-gradient(144deg, #FAF9F6 13.79%, #D4E7FF 64.56%, #5993E9 94.9%);
    border: 1px solid rgb(244, 242, 237);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: clamp(14px, 1.39vw, 20px);
    padding: clamp(24px, 3.13vw, 45px) clamp(20px, 2.5vw, 36px) clamp(24px, 2.99vw, 43px) clamp(24px, 3.19vw, 46px);
}

.zwc-rating-pill {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid rgb(255, 255, 255);
    border-radius: 10px;
    height: clamp(64px, 5.44vw, 78px);
    padding: 0px clamp(16px, 1.94vw, 28px);
}

.zwc-rating-logo {
    height: auto;
    max-height: 31px;
    width: auto;
    max-width: 143px;
}

.zwc-rating-score {
    display: inline-flex;
    align-items: center;
    gap: clamp(8px, 1.53vw, 22px);
    font-family: var(--zf-primary-medium);
    color: rgb(0, 0, 0);
    font-size: clamp(17px, 1.39vw, 20px);
    letter-spacing: -0.4px;
    white-space: nowrap;
}

.zwc-star {
    display: inline-block;
    width: 22px;
    height: 21px;
    flex-shrink: 0;
    background-image: url("/sites/zweb/images/projects/partners/star.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.zwc-app-store {
    display: flex;
    align-items: center;
    gap: 8px;
}

.zwc-app-store .zwc-rating-logo {
    max-height: 30px;
    max-width: 30px;
}

.zwc-app-store span {
    font-family: var(--zf-primary-medium);
    color: rgb(0, 0, 0);
    font-size: clamp(18px, 1.53vw, 22px);
    letter-spacing: -0.44px;
    line-height: 1;
    white-space: nowrap;
}

.zwc-solution-wrapper {
    background: linear-gradient(345deg, rgb(72, 56, 11) 16.5%, rgb(11, 42, 109) 47%, rgb(11, 42, 109) 84%);
    padding: clamp(70px, 8.33vw, 120px) 0px clamp(70px, 9.44vw, 136px);
}

.zwc-solution-head {
    display: flex;
    align-items: flex-start;
    flex-flow: column wrap;
    gap: 0px;
    margin-bottom: clamp(40px, 4.65vw, 67px);
}

.zwc-solution-head h2 {
    color: rgb(255, 255, 255);
}

.zwc-solution-head .zwc-parnter-cta.act-btn {
    margin: 0px;
}

.zwc-solution-body {
    display: flex;
    gap: clamp(50px, 12vw, 170px);
    align-items: flex-start;
}

.zwc-solution-nav {
    display: flex;
    flex-direction: column;
    gap: 15px;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    padding: 5px 0px 5px 21px;
    flex: 0 0 auto;
    position: relative;
}

.zwc-solution-tab {
    background: none;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    cursor: pointer;
    text-align: left;
    font-family: var(--primaryfont-semibold);
    font-size: 18px;
    letter-spacing: -0.36px;
    color: rgb(255, 255, 255);
    opacity: 0.68;
    padding: 3px 0px;
    position: relative;
}

.zwc-solution-tab.zwc-active {
    color: rgb(235, 165, 39);
    opacity: 1;
}

.zwc-step-head .zwc-step-icon {
    flex: 0 1 62px;
}

.zwc-solution-tab::before {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    left: -22px;
    top: 0;
}

.zwc-solution-tab.zwc-active::before {
    background: currentColor;
}

.zwc-solution-panels {
    flex: 1 1 auto;
}

.zwc-solution-panel {
    display: none;
    grid-template-columns: repeat(2, minmax(0px, 257px));
    gap: clamp(40px, 5.6vw, 85px) clamp(40px, 5.76vw, 90px);
}

.zwc-solution-panel.zwc-active-tab {
    display: grid;
}

.zwc-solution-item h3 {
    font-family: var(--zf-primary-medium);
    color: rgb(255, 255, 255);
    font-size: clamp(26px, 2.22vw, 32px);
    line-height: 1.31;
    letter-spacing: -0.64px;
    margin: clamp(13px, 1.67vw, 18px) 0px 16px;
}

.zwc-solution-item p {
    font-family: var(--zf-primary-medium);
    color: rgb(255, 255, 255);
    font-size: 17px;
    line-height: 1.65;
    letter-spacing: -0.34px;
}

.zwc-solution-icon img {
    width: auto;
    height: clamp(34px, 2.57vw, 37px);
}

.zwc-feature-wrapper {
    background: rgb(255, 255, 255);
}

.zwc-suite {
    padding: clamp(70px, 9.44vw, 136px) 0px clamp(50px, 5.21vw, 75px);
}

.zwc-suite .zwc-sec-title {
    margin-bottom: clamp(30px, 3.61vw, 52px);
}

.zwc-suite-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: clamp(30px, 4.44vw, 64px);
}

.zwc-suite-tabs {
    display: inline-flex;
    gap: clamp(8px, 1.67vw, 24px);
    border: 1px solid rgb(69, 69, 69);
    border-radius: 8px;
    padding: 4px;
    overflow-x: scroll;
}

.zwc-suite-tab {
    background: none;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    cursor: pointer;
    font-family: var(--primaryfont-semibold);
    font-size: 16px;
    letter-spacing: -0.32px;
    color: rgb(0, 0, 0);
    height: 40px;
    padding: 0px clamp(14px, 1.67vw, 24px);
    border-radius: 8px;
    white-space: nowrap;
}

.zwc-suite-tab.zwc-active {
    background: rgb(2, 41, 125);
    color: rgb(255, 255, 255);
}

.zwc-suite-nav {
    display: flex;
    gap: 6px;
    border: 1px solid rgb(0, 0, 0);
    border-radius: 7px;
    position: relative;
    justify-content: center;
    align-items: center;
}

.zwc-suite-nav::after {
    content: "";
    position: absolute;
    background-color: rgb(0, 0, 0);
    width: 1px;
    height: 50%;
}

.zwc-suite-arrow {
    width: 38px;
    height: 41px;
    border-radius: 6px;
    background: rgb(255, 255, 255);
    cursor: pointer;
    position: relative;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
}

.zwc-suite-arrow::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border-top: 1.5px solid rgb(69, 69, 69);
    border-right: 1.5px solid rgb(69, 69, 69);
    top: 50%;
    left: 50%;
}

.zwc-suite-arrow.zwc-prev::before {
    transform: translate(-30%, -50%) rotate(-135deg);
}

.zwc-suite-arrow.zwc-next::before {
    transform: translate(-70%, -50%) rotate(45deg);
}

.zwc-suite-nav.zwc-disabled {
    opacity: 0.35;
    cursor: not-allowed;
    pointer-events: none;
}

button.zwc-suite-arrow[disabled] {
    opacity: 0.35;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    touch-action: pan-y;
    user-select: none;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}

.slick-track {
    position: relative;
    top: 0px;
    left: 0px;
    display: block;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

.slick-initialized .slick-slide {
    display: flex;
}

.zwc-suite-panels {
    position: relative;
}

.zwc-suite-panel {
    display: none;
}

.zwc-suite-panel.zwc-active-tab {
    display: flex;
}

.zwc-suite-panel.zwc-active-tab.slick-initialized {
    display: block;
}

.zwc-suite-panel.slick-slider .slick-list {
    margin: 0px -23.5px;
}

.zwc-suite-panel.slick-slider .slick-track {
    display: flex;
}

.zwc-suite-panel.slick-slider .zwc-suite-item {
    flex: 0 0 auto;
    height: auto;
    margin: 0px 23.5px;
}

.zwc-suite-panel.zwc-suite-scroll {
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    padding-bottom: 6px;
}

.zwc-suite-panel.zwc-suite-scroll::-webkit-scrollbar {
    display: none;
}

.zwc-suite-item {
    position: relative;
    margin-right: 47px;
    display: flex;
    flex-direction: column;
    gap: clamp(11px, 0.9vw, 13px);
}

.slick-track .zwc-suite-item {
    padding: 0px;
}

.zwc-suite-panel:not(.slick-initialized):not(.zwc-suite-scroll) .zwc-suite-item {
    flex: 1 1 0px;
    min-width: 0px;
}

.zwc-suite-panel.zwc-suite-scroll .zwc-suite-item {
    flex: 0 0 clamp(240px, 20.5vw, 285px);
    scroll-snap-align: start;
}

.zwc-suite-item:first-child {
    padding-left: 0px;
}

.zwc-suite-item:not(:first-child)::before {
    content: "";
    position: absolute;
    left: -23.5px;
    top: 0px;
    bottom: 0px;
    width: 1px;
    background: rgb(234, 234, 234);
}

.zwc-suite-item h3 {
    font-family: var(--zf-primary-medium);
    color: rgb(0, 0, 0);
    font-size: clamp(26px, 2.22vw, 32px);
    line-height: 1.31;
    letter-spacing: -0.64px;
    margin-bottom: 5px;
}

.zwc-suite-item p {
    font-family: var(--zf-primary-medium);
    color: rgb(0, 0, 0);
    font-size: 17px;
    line-height: 1.65;
    letter-spacing: -0.34px;
    margin-bottom: 0px;
}

.zwc-discover {
    font-family: var(--primaryfont-semibold);
    color: var(--zwc-link-clr);
    font-size: 16px;
    letter-spacing: -0.32px;
    margin-top: 12px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.zwc-discover::after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1.5px solid currentColor;
    border-right: 1.5px solid currentColor;
    transform: rotate(45deg);
    transition: transform 0.2s ease;
}

.zwc-suite-sublist {
    margin: 4px 0px 0px;
    padding-left: 18px;
    list-style: disc;
}

.zwc-suite-sublist li {
    font-family: var(--zf-primary-medium);
    color: rgb(0, 0, 0);
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.32px;
    margin-bottom: 6px;
}

.zwc-suite-sublist strong {
    font-family: var(--primaryfont-semibold);
}

.zwc-leaders {
    padding: clamp(50px, 5.21vw, 75px) 0px clamp(70px, 6.88vw, 99px);
}

.zwc-leaders .zwc-sec-title {
    margin-bottom: clamp(24px, 2.78vw, 40px);
}

.zwc-leaders-row {
    display: flex;
    gap: clamp(20px, 1.53vw, 22px);
}

.zwc-leader-card {
    flex: 1 1 0px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: clamp(40px, 5.63vw, 81px) clamp(30px, 9.31vw, 134px) clamp(40px, 6.18vw, 89px) clamp(30px, 4.03vw, 58px);
}

.zwc-leader-blue {
    background: linear-gradient(151deg, rgb(215, 232, 255) 17%, rgb(246, 249, 253) 96%);
}

.zwc-leader-gold {
    background: linear-gradient(151deg, rgb(255, 240, 216) 17%, rgb(250, 249, 248) 96%);
}

.zwc-quote img {
    width: clamp(40px, 3.33vw, 48px);
    height: auto;
}

.zwc-leader-quote {
    font-family: var(--zf-primary-medium);
    color: rgb(0, 0, 0);
    font-size: clamp(24px, 2.22vw, 32px);
    line-height: 1.38;
    letter-spacing: -0.64px;
}

.zwc-highlight-blue {
    color: rgb(16, 75, 224);
}

.zwc-leader-author {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: auto;
}

.zwc-leader-author .zwc-img-wrap {
    flex: 0 0 auto;
}

.zwc-leader-author img {
    width: clamp(70px, 6.53vw, 94px);
    height: clamp(70px, 6.53vw, 94px);
    border-radius: 5px;
    object-fit: cover;
}

.zwc-leader-author p {
    font-family: var(--primaryfont-semibold);
    color: rgb(0, 0, 0);
    font-size: 16px;
    line-height: 1.63;
    letter-spacing: -0.32px;
    margin-bottom: 0;
}

.zwc-leader-author p span:last-child {
    color: rgba(0, 0, 0, 0.71);
    font-family: var(--primaryfont-regular);
}

.zwc-leader-author .zwc-full-width {
    font-family: var(--primaryfont-semibold);
}

.zwc-ideal {
    padding: clamp(30px, 3.89vw, 40px) 0px clamp(80px, 13.26vw, 131px);
}

.zwc-ideal .content-wrap {
    max-width: 1170px;
}

.zwc-ideal .zwc-sec-title {
    margin-bottom: clamp(40px, 5vw, 50px);
    max-width: 500px;
}

.zwc-ideal-row {
    display: flex;
    justify-content: space-between;
    gap: clamp(40px, 6vw, 100px);
}

.zwc-ideal-content {
    flex: 1 1 649px;
    display: flex;
    flex-direction: column;
    gap: clamp(30px, 3.47vw, 50px);
}

.zwc-ideal-list {
    display: flex;
    flex-direction: column;
    max-width: 434px;
}

.zwc-ideal-item {
    padding: clamp(16px, 1.88vw, 23px) 0px clamp(16px, 1.88vw, 17px);
    cursor: pointer;
    transition: border-color 0.3s;
    position: relative;
}

.zwc-ideal-item::after {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    background: rgb(229, 229, 229);
}

.middle-animated .zwc-ideal-item.zwc-active::after {
    background: rgb(0, 71, 255);
    animation: slideLoader 5s linear;
}

.zwc-ideal-list.zwc-anim-paused .zwc-ideal-item.zwc-active::after {
    animation-play-state: paused;
}


@keyframes slideLoader {
    from {
        width: 0px
    }

    to {
        width: 100%
    }
}

.zwc-ideal-item:first-child {
    padding-top: 0px;
}

.zwc-ideal-head {
    display: flex;
    align-items: flex-start;
    gap: 22px;
}

span.zwc-ideal-tick {
    margin-top: 6px;
}

.zwc-ideal-tick img {
    width: 29px;
    height: 29px;
    display: block;
}

.zwc-ideal-item h3 {
    font-family: var(--zf-primary-medium);
    color: rgb(0, 0, 0);
    font-size: clamp(24px, 2.22vw, 32px);
    line-height: 1.16;
    letter-spacing: -0.64px;
    width: 100%;
    margin-bottom: 7px;
}

.zwc-ideal-desc-wrap {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.4s;
}

.zwc-ideal-item.zwc-active .zwc-ideal-desc-wrap {
    grid-template-rows: 1fr;
}

.zwc-ideal-desc {
    font-family: var(--zf-primary-medium);
    color: rgb(0, 0, 0);
    font-size: 17px;
    line-height: 1.65;
    letter-spacing: -0.34px;
    padding-left: 47px;
    margin: 0px;
    min-height: 0px;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.4s;
}

.zwc-ideal-item.zwc-active .zwc-ideal-desc {
    opacity: 1;
}

.zwc-ideal-note {
    font-family: var(--zf-primary-medium);
    color: rgba(0, 0, 0, 0.64);
    font-size: 16px;
    line-height: 1.63;
    letter-spacing: -0.32px;
    margin: clamp(20px, 2.08vw, 30px) 0px 0px;
    max-width: 434px;
}

.zwc-ideal-item-img {
    display: none;
}

.zwc-ideal-item-img img {
    width: 100%;
    height: auto;
    border-radius: 4px;
}

.zwc-ideal-img {
    flex: 0 0 519px;
    max-width: 100%;
    position: relative;
}

.zwc-ideal-playpause,
.zwc-story-playpause {
    width: 40px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 50px;
    border: none;
    transition: all .3s;
    cursor: pointer;
    position: absolute;
    bottom: 20px;
    z-index: 999;
    right: 20px;
}

.zwc-ideal-playpause:hover,
.zwc-story-playpause:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.zwc-ideal-playpause::before,
.zwc-story-playpause::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-40%, -50%);
    border-style: solid;
    border-width: 6px 0 6px 11px;
    border-color: transparent transparent transparent #fff;
}

.zwc-ideal-playpause.zwc-paused::before,
.zwc-story-playpause.zwc-paused::before {
    transform: translate(-50%, -50%);
    border: none;
    width: 11px;
    height: 12px;
    background: linear-gradient(to right, #fff 0%, #fff 35%, transparent 35%, transparent 65%, #fff 65%, #fff 100%);
}

.zwc-ideal-slider {
    width: 100%;
}

.zwc-ideal-img .zwc-img-wrap img {
    width: 100%;
    height: auto;
    border-radius: 4px;
}

.zwc-steps-wrapper {
    background: linear-gradient(rgb(250, 249, 246) 0%, rgb(212, 231, 255) 62%, rgb(150, 189, 244) 89%, rgb(89, 147, 233) 100%);
    padding: clamp(70px, 7.99vw, 115px) 0px;
}

.zwc-steps-wrapper .zwc-sec-title {
    text-align: center;
    margin-bottom: clamp(24px, 2.78vw, 40px);
}

.zwc-steps {
    list-style: none;
    max-width: 996px;
    margin: 0px auto;
    position: relative;
    padding: 0px;
}

.zwc-steps::before {
    content: "";
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 1.5px dashed rgb(16, 75, 224);
}

.zwc-steps li {
    display: grid;
    grid-template-columns: 1fr 40px 1fr;
    align-items: center;
    gap: clamp(24px, 3.96vw, 57px);
    padding: clamp(20px, 2.64vw, 38px) 0px;
    position: relative;
}

.zwc-step-head {
    display: flex;
    align-items: flex-start;
    gap: clamp(9px, 1.46vw, 14px);
}

.zwc-step-icon img {
    width: clamp(50px, 4.31vw, 62px);
    height: clamp(50px, 4.31vw, 62px);
    display: block;
}

.zwc-step-head .zwc-step-icon {
    flex: 0 1 62px;
}

.zwc-step-head h3 {
    font-family: var(--zf-primary-medium);
    color: rgb(42, 42, 42);
    font-size: clamp(22px, 1.94vw, 28px);
    line-height: 1.32;
    letter-spacing: -0.56px;
    margin-bottom: 0px;
    flex: 0 0 80%;
}

.zwc-step-num {
    justify-self: center;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--zf-primary-medium);
    color: rgb(16, 75, 224);
    font-size: 16px;
    position: relative;
    z-index: 1;
}

.zwc-step-num::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(16, 75, 224);
    transform: rotate(45deg);
    border-radius: 6px;
    z-index: -1;
}

.zwc-steps li p {
    font-family: var(--zf-primary-medium);
    color: rgb(42, 42, 42);
    font-size: 17px;
    line-height: 1.65;
    letter-spacing: -0.34px;
    margin-bottom: 0px;
}

.zwc-steps li a {
    color: var(--zwc-link-clr);
    text-decoration: underline;
}

.zwc-faq-wrap {
    background: rgb(255, 255, 255);
    padding: clamp(70px, 9.24vw, 133px) 0px clamp(70px, 8.89vw, 128px);
}

.zwc-faq-wrap .zwc-sec-title {
    text-align: center;
    margin-bottom: clamp(28px, 2.92vw, 42px);
}

.zwc-faq-nav {
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: clamp(30px, 3.61vw, 52px);
}

.zwc-faq-tab {
    height: 40px;
    padding: 0px clamp(16px, 1.67vw, 24px);
    border-radius: 8px;
    border: 1px solid rgb(244, 242, 237);
    background: rgb(250, 249, 246);
    font-family: var(--primaryfont-semibold);
    font-size: 16px;
    letter-spacing: -0.32px;
    color: rgb(2, 2, 2);
    cursor: pointer;
}

.zwc-faq-tab.zwc-active {
    background: rgb(2, 41, 125);
    color: rgb(228, 228, 228);
    border-color: rgb(2, 41, 125);
}

.zwc-faq-panels {
    max-width: 760px;
    margin: 0px auto;
}

.zwc-faq-panel.zwc-hidden-tab {
    display: none;
}

.zwc-footer-wrapper {
    background: rgb(255, 255, 255);
}

.zwc-footer-inner {
    background: linear-gradient(353deg, rgb(72, 56, 11) 16.5%, rgb(11, 42, 109) 47%, rgb(11, 42, 109) 84%);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: clamp(60px, 7.43vw, 107px) clamp(30px, 9.24vw, 133px);
}

.zwc-footer-inner .zwc-sec-title {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    gap: clamp(30px, 12.15vw, 100px);
    flex-wrap: wrap;
}

.zwc-footer-inner h2 {
    color: rgb(255, 255, 255);
    max-width: 461px;
    margin-bottom: 0px;
}

.zwc-footer-inner .zwc-parnter-cta {
    margin-top: 0px;
}

.zwc-accordion-item {
    border: none;
    border-bottom: 1px solid #DFDFDF;
}

.zwc-accordion-item button {
    padding: 16px;
    color: #000;
}

@media (max-width: 1200px) {
    .zwc-story-card {
        width: 440px;
    }

    .zwc-rating-logo {
        max-width: 100px;
    }

    .zwc-app-store .zwc-rating-logo {
        max-width: 25px;
        max-height: 25px;
    }

    .zwc-app-store span {
        font-size: 16px;
    }

    .zwc-star {
        width: 18px;
        height: 18px;
    }
}

@media (max-width: 1024px) {
    .zwc-banner-wrap .zwc-sec-title {
        flex: 0 1 55%;
    }

    .zwc-banner-wrap .zwc-img-wrap {
        flex: 0 1 45%;
        max-width: 45%;
    }

    .zwc-card-container {
        grid-template-columns: repeat(3, 1fr);
    }

    .zwc-solution-body {
        flex-direction: column;
        gap: 40px;
    }

    .zwc-solution-nav {
        flex-direction: row;
        border-left-width: medium;
        border-left-style: none;
        border-left-color: currentcolor;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        padding: 0px 0px 15px;
        gap: 24px;
    }

    .zwc-suite-panel.zwc-active-tab {
        flex-wrap: wrap;
    }

    .zwc-suite-item {
        flex: 1 1 45%;
        padding-left: 0px;
    }

    .zwc-suite-item:not(:first-child)::before {
        display: none;
    }

    .zwc-leaders-row {
        flex-direction: column;
    }

    .zwc-ideal-content {
        flex: 0 0 45%;
    }

    .zwc-ideal-img {
        flex: 0 0 50%;
    }

    .zwc-steps {
        max-width: 796px;
    }

    .zwc-footer-inner .zwc-sec-title {
        gap: 0px;
        justify-content: space-between;
    }

    .zwc-solution-tab::before {
        content: unset;
    }
}

@media (max-width: 991px) {
    .zwc-footer-inner .zwc-sec-title {
        gap: 24px;
        justify-content: center;
        text-align: center;
        flex-flow: column wrap;
        align-items: center;
    }

    .zwc-card-container {
        grid-template-columns: repeat(1, 350px);
        justify-content: center;
    }

    .zwc-sec-title h2 {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .zwc-banner-row {
        flex-direction: column;
        text-align: center;
        align-items: center;
        gap: 60px;
    }

    .zwc-banner-wrap .zwc-sec-title {
        flex: 0 1 auto;
        align-items: center;
    }

    .zwc-banner-wrap .zwc-img-wrap {
        flex: 0 1 auto;
        max-width: 568px;
        width: 100%;
    }

    .zwc-story-slide {
        justify-content: center;
        padding: 20px;
    }

    .zwc-story-slide .zwc-img-wrap {
        display: none;
    }

    .zwc-story-slide {
        flex-flow: column wrap;
        min-height: max-content;
    }

    .zwc-sec-title h2 {
        text-align: center;
    }

    .zwc-story-nav {
        position: relative;
        inset: 0px;
        margin: 0px auto;
        max-width: max-content;
        display: none;
    }

    .zwc-story-card {
        padding-bottom: clamp(30px, 2.99vw, 43px);
    }

    .zwc-story-card {
        width: 100%;
    }

    .zwc-card-container {
        grid-template-columns: 1fr;
        max-width: 400px;
        margin: 0px auto;
    }

    .zwc-solution-panel {
        grid-template-columns: 1fr;
    }

    .zwc-solution-nav {
        flex-wrap: wrap;
    }

    .zwc-suite-item {
        flex: 1 1 100%;
    }

    .zwc-ideal-row {
        flex-direction: column;
        align-items: stretch;
    }

    .zwc-ideal-img {
        display: none;
    }

    .zwc-ideal-item.zwc-active .zwc-ideal-item-img {
        display: block;
        margin-top: 20px;
        order: 4;
    }

    .zwc-steps::before {
        left: 20px;
        border-width: 1px;
    }

    .zwc-steps li {
        grid-template-columns: 40px 1fr;
        grid-template-areas: "num head" "num desc";
        gap: 12px 20px;
        align-items: start;
    }

    .zwc-step-head {
        grid-area: head;
        justify-content: flex-start;
        align-items: stretch;
        margin-top: -6px;
        flex-flow: column wrap;
        gap: 0px;
    }

    .zwc-step-head .zwc-full-width {
        display: inline-block;
        width: auto;
    }

    .zwc-step-num {
        grid-area: num;
        justify-self: start;
    }

    .zwc-steps li p {
        grid-area: desc;
    }

    .zwc-ideal-content {
        flex: 0 0 100%;
    }

    .zwc-ideal-list {
        max-width: 90%;
        margin: 0px auto;
    }

    .zwc-ideal .zwc-sec-title {
        text-align: center;
        margin: 0px auto 50px;
    }

    .zwc-story-slide.zwc-slide-1,
    .zwc-story-slide.zwc-slide-2 {
        background: none;
        padding: 0;
    }

    .zc-slider-arrow,
    .zc-slider-arrow:hover {
        width: 30px;
        height: 30px;
    }

    .zc-slider-arrow::before {
        width: 9px;
        height: 9px;
    }

    .zc-slider-arrows-outside .zc-slider-next {
        right: -13px;
    }

    .zc-slider-arrows-outside .zc-slider-prev {
        left: -12px;
    }

    .zwc-parnter-profile {
        display: inline-block;
    }

    .zwc-story-body p.zwc-story-author {
        margin-bottom: 0;
    }

    .zwc-story-playpause {
        position: relative;
        bottom: 0;
        right: 0;
        margin: 0 20px 20px 0;
    }

    .zwc-story-wrap {
        background: rgb(255, 249, 239);
    }

    .middle-animated .zwc-ideal-item.zwc-active::after {
        animation: none;
    }

    .zwc-ideal-item {
        display: flex;
        flex-flow: column wrap;
    }

    .zwc-ideal-item::after {
        order: 3;
        position: static;
        margin-top: 10px;
    }
}