:root {
    --secGap: clamp(60px,7vw,140px);
    --h1: clamp(30px,3.7vw,64px);
    --h2: clamp(25px,3.3vw,56px);
    --h3: clamp(23px,2.5vw,42px);
    --h5: clamp(18px,1.4vw,24px);
    --h6: clamp(18px,1.3vw,22px);
    --p: clamp(16px,1.3vw,18px);
}

.zwc-main {
    text-wrap: pretty;
}

.middle-animated .zwc-sprite {
    --sprite: url(/sites/zweb/images/social/solution-home/sprite.svg);
}

.zwc-main section {
    padding-block:var(--secGap,clamp(40px,7vw,100px));color: var(--secColor,#000);
    background: var(--secBg,transparent);
}
.zw-product-header  {
    background: #D6FDF6;
}
.zwc-bnr p {
    max-width: 620px;
    margin-inline:auto;
}

.zwc-main .act-btn {
    padding: 13px 30px;
    font-size: 17px;
    width: fit-content;
}

.zwc-flx {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--gap,5%);
}

.zwc-main h1 {
    margin-bottom: clamp(15px,1.2vw,20px);
    font-family: var(--primaryfont-bold);
    font-size: var(--h1);
    line-height: calc(var(--h1) + 10px);
}

.zwc-main h2 {
    font-family: var(--fFamily,var(--primaryfont-semibold));
    font-size: var(--font,var(--h2));
    line-height: calc(var(--font, var(--h2)) + 8px);
    margin-bottom: var(--mb,20px);
}

.zwc-main p {
    font-size: var(--font,var(--p));
    line-height: calc(var(--font, var(--p)) + 10px);
    font-family: var(--family,var(--zf-secondary-regular));
    letter-spacing: -0.4px;
    margin-bottom: var(--mb,20px);
}

.zwc-subImg {
    position: absolute;
}

.zwc-mb0 {
    margin-bottom: 0;
}

.zwc-sprite::before {
    content: "";
    background: var(--sprite) no-repeat;
    position: absolute;
    width: 87px;
    aspect-ratio: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.zwc-bnr {
    --secGap: 50px clamp(40px,7vw,100px);
    text-align: center;
    position: relative;
}

.zwc-bnr h1 {
    max-width: clamp(300px,60vw,970px);
    margin-inline:auto;
}

.zwc-title {
    text-align: center;
    max-width: var(--titleWidth,800px);
    margin: 0 auto 50px;
}

.zwc-indList {
    flex-wrap: wrap;
    justify-content: space-around;
    gap: clamp(40px,7vw,100px) 3%;
}

.zwc-bnr::before {
    content: "";
    background: linear-gradient(180deg,#D6FDF6 48.08%,#FFF 100%);
    position: absolute;
    inset: 0 0 auto 0;
    width: 100%;
    height: 190%;
    z-index: -1;
}

.zwc-industry {
    --secBg: #fff;
    margin-inline:auto;z-index: 1;
    position: relative;
    margin-bottom: clamp(40px,7vw,100px);
}

.zwc-indImg {
    max-width: 380px;
    aspect-ratio: 1.55;
    background: var(--indBg,#f5fbff);
    border: 1px solid var(--indBor,#cfecfe);
    border-radius: 10px;
    box-shadow: 4px 4px 6px 0 rgba(0,0,0,0.06);
    position: relative;
    overflow: hidden;
}

.zwc-ind2 .zwc-indImg {
    --indBor: #ffdc77;
    --indBg: #fff9ec;
}

.zwc-ind3 .zwc-indImg {
    --indBor: #cedbff;
    --indBg: #f4f7ff;
}

.zwc-ind4 .zwc-indImg {
    --indBor: #ffdc77;
    --indBg: #fff9ec;
}

.zwc-ind5 .zwc-indImg {
    --indBor: #bfdafd;
    --indBg: #f2f6ff;
}

.zwc-ind6 .zwc-indImg {
    --indBor: #c5cbff;
    --indBg: #c5cbff;
}

.zwc-ind img {
    width: 80%;
    inset: auto 0 0;
    margin-inline:auto;max-width: 100%;
}

.zwc-ind1 img {
    inset: auto 13px 0 auto;
}

.zwc-ind2 img {
    max-width: 300px;
    inset: auto 0 0;
    margin-inline:auto;
}

.zwc-ind3 img {
    width: 54%;
}

.zwc-ind4 img {
    max-width: 300px;
    margin-inline:auto;
}

.zwc-ind5 img {
    max-width: 245px;
}

.zwc-ind6 img {
    max-width: 290px;
}

.zwc-ind h3 {
    font-size: var(--h5);
    margin-block:40px 20px;
}

.zwc-raarow {
    color: #0047ff;
    position: relative;
    padding-right: 28px;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
}

.zwc-raarow::before {
    content: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='17.214'%20height='9.583'%20viewBox='0%200%2017.214%209.583'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;stroke:%230047ff;stroke-linecap:round;stroke-width:1.5px;%7D%3C/style%3E%3C/defs%3E%3Cg%20transform='translate(-908.75%20-2158.506)'%3E%3Cline%20class='a'%20x2='14'%20transform='translate(909.5%202163.5)'/%3E%3Cpath%20class='a'%20d='M-5163.357,2997.037l4.261,4.261-4.261,4.261'%20transform='translate(6084%20-838)'/%3E%3C/g%3E%3C/svg%3E");
    top: -2px;
    position: absolute;
    transition: all .5s ease-in-out;
    right: 7px;
    width: 16px;
    height: 21px;
}

.zwc-raarow:hover::before {
    right: 0;
}

.zwc-sizeWrap .zwc-title {
    --titleWidth: 690px;
}

.zwc-size h3 {
    font-size: var(--h5);
    margin-block:20px 10px;
}

.zwc-size>span {
    width: 240px;
    height: 226px;
    border-radius: 10px;
    border: 1px solid #e4e9f1;
    background-color: #FFF;
    box-shadow: 4px 4px 6px 0 rgba(0,0,0,0.06);
    display: block;
    position: relative;
}

.zwc-sizeList {
    max-width: 1000px;
    margin-inline:auto;flex-wrap: wrap;
    gap: 50px;
}

.zwc-size {
    text-align: center;
}
/*
.zwc-pricinglist {
    background: #37009f;
    color: #fff;
    padding: 50px;
    border-radius: 8px;
}

.zwc-price .z-price-text-common {
    font-size: clamp(30px,4.6vw,80px);
    line-height: calc(clamp(30px,4.6vw,80px) - 10px);
}

.zwc-price .zpricegroup-common {
    align-items: flex-start;
    gap: 0;
    width: fit-content;
    margin-inline:auto;line-height: normal;
    letter-spacing: -1.6px;
}

.zwc-price {
    text-align: center;
    position: relative;
    width: 100%;
}

.zwc-price .zcurrency-symbol-common {
    font-size: clamp(18px,2.1vw,36px);
}

.zwc-price .zwc-priTit {
    font-family: var(--zf-secondary-semibold);
    font-size: var(--h6);
    margin-top: 20px;
    display: inline-block;
    line-height: normal;
}

.zwc-pFree .zwc-priTit {
    font-size: var(--h3);
}
*/
.zwc-editionWrap {
    --secGap: 0;
}

.sprite2::before {
    background-position: -99px 0;
}

.sprite3::before {
    background-position: -197px .5px;
    width: 89px;
}

.zwc-price:not(:last-child)::before {
    content: "";
    width: 1px;
    height: 150px;
    background: rgba(255,255,255,0.3);
    position: absolute;
    left: 112%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.zwc-ind {
    min-width: 230px;
}

@media(max-width: 1199px) {
    .zwc-main {
        text-wrap:balance;
    }

    .zwc-sizeList {
        justify-content: center;
    }

    .zwc-price .zwc-priTit {
        margin-top: 10px;
    }
}

@media(max-width: 767px) {
   /* .zwc-pricinglist {
        flex-wrap:wrap;
        gap: 100px;
        max-width: 420px;
        margin-inline:auto;
    }

    .zwc-price:not(:last-child)::before {
        width: 100%;
        height: 1px;
        top: auto;
        bottom: -80%;
        left: 50%;
    }
*/
    .zwc-indList {
        text-align: center;
    }

    .zwc-ind h3 {
        margin-block:15px 5px;
    }
}

@media(min-width: 1200px) {
    .zwc-main .fadein,.zwc-main .fadeT,.zwc-main .fadeL,.zwc-main .fadeR,.zwc-main .fadeD,.zwc-main .zoom {
        opacity:0;
        transition: all 1000ms cubic-bezier(0.11,0.16,0.43,0.86);
    }

    .zwc-main .fadeT {
        transform: translateY(30px);
    }

    .zwc-main .fadeD {
        transform: translateY(-30px);
    }

    .zwc-main .fadeL {
        transform: translateX(-30px);
    }

    .zwc-main .fadeR {
        transform: translateX(30px);
    }

    .zwc-main .zoom {
        transform: scale(0.9);
        opacity: 0;
    }

    .zwc-main .middle-animated .fadein {
        opacity: 1;
    }

    .zwc-main .middle-animated [class*="fade"],.zwc-main .screen-active [class*="fade"],.zwc-main .middle-animated .zoom,.zwc-main .screen-active .zoom {
        opacity: 1;
        transform: scale(1) translate(0);
    }

    .zwc-main .d1 {
        transition-delay: 200ms;
    }

    .zwc-main .d2 {
        transition-delay: 400ms;
    }

    .zwc-main .d3 {
        transition-delay: 600ms;
    }

    .zwc-main .d4 {
        transition-delay: 800ms;
    }

    .zwc-main .d5 {
        transition-delay: 1000ms;
    }

    .zwc-main h1 {
        letter-spacing: -2px;
    }

    .zwc-ind {
        flex: 0 0 30%;
    }

    .zwc-industry {
        border: 1px solid #dcdcdc;
    }

    .zwc-price {
        flex: 1;
    }

    .zwc-industry {
        max-width: 80%;
        border-radius: 20px;
    }

    /* .zwc-pricinglist {
        align-items: stretch;
    } */
}