:root {
            --zwc-primary-color: #f3f7fa;
            --zwc-secondary-color: #f9f9f9;
            --zwc-blue-color: #0060B4;
            --zwc-boxshow-color: #8c8c8c2e;
            --zwc-black-color: #000;
            --zwc-white-color: #ffff;
            --zwc-gray-color: #f3f7fa;
            --zwc-border-color: #e7ebf0;
            /* --zwc-h1-text: clamp(28px,round(7vw,1px),56px); */
            --zwc-h1-text: 60px;
            --zwc-h2-text: clamp(26px, round(3.6vw, 1px), 40px);
            --zwc-h3-text: clamp(22px, round(3vw, 1px), 32px);
            --zwc-h4-text: clamp(18px, round(2.6vw, 1px), 24px);
            --zwc-text-xl: clamp(14px, round(1.5vw, 1px), 16px);
            --zwc-p-text: clamp(16px, round(1.8vw, 1px), 18px);
            --zwc-btn-text: clamp(13px, round(3vw, 1px), 14px);
            --zwc-p-banner-txt: clamp(18px, round(1.6vw, 1px), 24px);
            --zwc-prd-txt: clamp(16px, round(2.7vw, 1px), 20px);
            --zwc-prd-textall: clamp(15px, round(3.3vw, 1px), 18px);
            --zwc-padding-main: clamp(30px, 4.5vw, 50px);
        }

        .zwc-banner {
            text-align: center;
            padding-block: clamp(50px, 8vw, 80px) clamp(50px, 8vw, 70px);
            background: var(--bg-blue-color);
            color: var(--zwc-white-color);
        }

        .zwc-banner h1 {
            font-size: var(--zwc-h1-text);
            font-family: var(--primaryfont-regular);
            margin-inline: auto;
            line-height: 1.2;
            letter-spacing: -2.2px;
            position: relative;
            max-width: min(80%, 500px);
            text-wrap-style: balance;
        }



        .zwc-banner h1::after {
            position: absolute;
            content: "";
            width: 40px;
            height: 1.5px;
            background-color: #EDE402;
            left: 50%;
            transform: translateX(-50%);
            bottom: -20px;
        }

        .zwc-content-section .content-wrap {
            background: #FFFFFF 0% 0% no-repeat padding-box;
            box-shadow: 0px 12px 0px #00000005;
            border: 1px solid #E7EBF0;
            border-radius: 10px;
            max-width: 1040px;
            padding: clamp(46px, 6vw, 70px) clamp(30px, 8vw, 134px);
            position: relative;
            z-index: 1;
            width: 90%;
        }

        h2.zwc-subtitle {
            font-size: var(--zwc-h3-text);
            font-family: var(--zf-secondary-medium);
            margin-bottom: clamp(12px, 2vw, 15px);
            letter-spacing: -0.8px;
        }

        .zw-template-inner p {
            font-size: var(--zwc-p-text);
            color: var(--secondary-color);
            letter-spacing: -0.2px;
            line-height: 1.7;
        }

        p:not(:last-child) {
            margin-bottom: clamp(18px, 4vw, 20px);
        }

        .zwc-section-warap p:last-child {
            margin-bottom: 0px;
        }

        .zwc-section-warap:not(:last-child) {
            padding-bottom: var(--zwc-padding-main);
            margin-bottom: var(--zwc-padding-main);
            border-bottom: 1px solid #E7EBF0;
        }

        .zwc-content-section {
            position: relative;
            padding-bottom: clamp(80px, 12vw, 110px);
            color: #010101;
            background: var(--bg-color);
            border-bottom: 1px solid #dde4f3;
        }

        .zwc-content-section:after {
            content: '';
            width: 100%;
            top: 0;
            height: 150px;
            position: absolute;
            background: var(--bg-blue-color);
            z-index: 0;
            isolation: isolate;
        }

        .zw-template-inner h3 {
            font-size: var(--zwc-h4-text);
            font-family: var(--zf-secondary-medium);
            letter-spacing: -0.4px;
        }

        .zwc-list>li {
            position: relative;
            padding-left: 20px;
            margin-top: 5px;
            font-size: var(--zwc-p-text);
            color: var(--secondary-color);
            letter-spacing: -0.2px;
            line-height: 1.7;
        }

        .zw-template-inner h3:has(+.zwc-list) {
            margin-top: clamp(12px, 5vw, 40px);
        }

        .zwc-list>li:not(:last-child) {
            margin-bottom: 16px;
        }
.zwc-text-green  h3{
    color: #03813e;
}

.zwc-text-red .zwc-list>li:before {
    background-color:#f60014;
    
}
.zwc-text-red  h3{
    color: #f60014;
}
        .zwc-list>li:before {
            content: "";
            position: absolute;
            left: 0;
            top: 12px;
            background: #03813e;
            width: 6px;
            height: 6px;
            border-radius: 100%
        }

        .zwc-sub-list {
            border-left: 1px solid #f60014;
        }

        .zwc-sub-list li {
            position: relative;
            padding-left: 20px;
            margin: 5px 0 0px;
            font-size: 16px;
            color: var(--secondary-color);
            letter-spacing: 0px;
            line-height: 1.6;
        }
.zwc-list>li:has(.zwc-sub-list) {
    margin-bottom: 30px;
}

        .zwc-note {
            background: #F4FDFA 0% 0% no-repeat padding-box;
            border: 1px dashed #CCE6DE;
            padding: clamp(16px, 4vw, 30px) clamp(18px, 4.4vw, 46px);
            margin-top: 10px;
        }

        .zwc-content-section a {
            color: #056cb8;
        }

        .zcw-text-strong {
            font-family: var(--zf-primary-medium);
        }





        @media only screen and (max-width: 1440px) {
            .zwc-banner h1 {
                letter-spacing: -2px;
                --zwc-h1-text: 54px;
            }
        }
        @media only screen and (max-width: 1200px) {
            .zwc-banner h1 {
                letter-spacing: -2px;
                --zwc-h1-text: 54px;
            }
            :root{
                --zwc-h3-text:32px;
                --zwc-h4-text: 24px;
            }
        }
                @media only screen and (max-width: 1024px) {
            .zwc-banner h1 {
                letter-spacing: -1.7px;
                --zwc-h1-text: 50px;
            }
        }
                @media only screen and (max-width: 992px) {
            .zwc-banner h1 {
                /* letter-spacing: -1.7px; */
                --zwc-h1-text: 50px;
            }
            :root{
                --zwc-h3-text:32px;
                --zwc-h4-text: 24px;
            }
                    .zwc-banner{
                        padding-block:70px 60px;
                    }
                            p:not(:last-child) {
            margin-bottom: 14px;
        }
                    .zwc-list>li:has(.zwc-sub-list){
                        margin-block-end:26px;
                    }
                    .zwc-content-section{
                        padding-block-end:100px
                    }
        }
                @media only screen and (max-width: 767px) {
            .zwc-banner h1 {
                letter-spacing: -1.5px;
                --zwc-h1-text: 44px;
            }
                    .zw-template-inner p, .zwc-list>li{
                        font-size:16px;
                        letter-spacing:0px;
                    }
                    .zw-template-inner h3:has(+.zwc-list){
                        margin-block-start:30px;
                    }
                    .zwc-list>li:not(:last-child){
                        margin-bottom:12px;
                    }
                    .zwc-list>li:before{
                        width:5px;
                        height:5px;
                    }
                    .zwc-content-section .content-wrap{
                        padding: 60px 60px 80px;
                    }
                    .zwc-sub-list li{
                        font-size:15px;
                    }

        }
                @media only screen and (max-width: 480px) {
            .zwc-banner h1 {
                letter-spacing: -1px;
                --zwc-h1-text: 40px;
            }
                    .zwc-banner{
                        padding-block:60px 50px;
                    }
                    h2.zwc-subtitle{
                        font-size:24px;
                        letter-spacing: -0.4px;
                    }
                    .zw-template-inner h3{
                        font-size:20px;
                        letter-spacing: -0.2px;
                    }
                                                            .zwc-content-section{
                        padding-block-end:80px
                    }
                    .zwc-content-section .content-wrap {

    padding: clamp(46px, 6vw, 70px) clamp(30px, 8vw, 134px);

}
                    .zw-template-inner p, .zwc-list>li{
                        /* line-height:1.6; */
                    }
        }
                @media only screen and (max-width: 380px) {
            .zwc-banner h1 {
                letter-spacing: -0.8px;
                --zwc-h1-text: 34px;
            }

        }
.zwc-inline-text {
   display:block; 
}