*{
            box-sizing:border-box;
        }

        body{
            margin:0;
            font-family:'Google Sans',Arial,sans-serif;
            background:#fff;
        }

        .ngo-slogan-section{
            padding:42px 12px;
            background:#fff;
            overflow:hidden;
        }

        .ngo-slogan-wrap{
            position:relative;
            margin:auto;
            border:3px dotted #6bb187;
            border-radius:22px;
            padding:7px;
            background:#fff;
        }

        .ngo-slogan-wrap:before{
            content:"";
            position:absolute;
            inset:4px;
            border:1px dotted rgba(49,94,123,.50);
            border-radius:16px;
            pointer-events:none;
            z-index:5;
        }

        .ngo-slogan-inner{
            position:relative;
            overflow:hidden;
            border-radius:14px;
        }

        .ngo-slogan-inner .row{
            min-height:315px;
        }

        .ngo-left,
        .ngo-right{
            min-height:315px;
            position:relative;
            display:flex;
            align-items:center;
        }

        .ngo-left{
            padding:28px;
            background:
                radial-gradient(circle at 14% 20%,rgba(107,177,135,.18) 0 7px,transparent 8px),
                radial-gradient(circle at 85% 75%,rgba(211,166,91,.14) 0 11px,transparent 12px),
                linear-gradient(135deg,#fff9ea 0%,#f8efd8 100%);
            overflow:hidden;
        }

        .ngo-left:before{
            content:"";
            position:absolute;
            width:200px;
            height:200px;
            border:30px solid rgba(107,177,135,.09);
            border-radius:50%;
            left:-95px;
            top:-90px;
        }

        .ngo-left:after{
            content:"";
            position:absolute;
            width:180px;
            height:90px;
            border:2px dashed rgba(165,125,69,.18);
            border-radius:50%;
            right:-60px;
            bottom:-38px;
            transform:rotate(-16deg);
        }

        .ngo-photo-frame{
            width:100%;
            position:relative;
            z-index:2;
            padding:8px;
            border:1px solid rgba(94,135,106,.25);
            border-radius:18px;
            background:rgba(255,255,255,.68);
            box-shadow:0 16px 40px rgba(67,85,70,.13);
        }

        .ngo-photo-frame img{
            width:100%;
            height:245px;
            object-fit:cover;
            display:block;
            border-radius:10px;
        }

        .ngo-photo-accent{
            position:absolute;
            right:17px;
            top:17px;
            width:42px;
            height:42px;
            display:flex;
            align-items:center;
            justify-content:center;
            border-radius:50%;
            background:#6bb187;
            color:#fff;
            border:4px solid #fff;
            box-shadow:0 8px 20px rgba(63,123,87,.25);
            font-size:15px;
        }

        .ngo-right{
            padding:30px 38px;
            background:
                radial-gradient(circle at 92% 16%,rgba(255,255,255,.70) 0 6px,transparent 7px),
                radial-gradient(circle at 84% 70%,rgba(107,177,135,.12) 0 55px,transparent 56px),
                linear-gradient(135deg,#eaf7fb 0%,#dff1f5 48%,#e7f6ef 100%);
            overflow:hidden;
        }

        .ngo-right:before{
            content:"";
            position:absolute;
            width:370px;
            height:145px;
            right:-110px;
            top:-60px;
            background:rgba(107,177,135,.15);
            border-radius:50%;
            transform:rotate(-8deg);
        }

        .ngo-right:after{
            content:"";
            position:absolute;
            width:440px;
            height:180px;
            left:18%;
            bottom:-145px;
            background:rgba(69,143,165,.10);
            border-radius:50% 50% 0 0;
        }

        .ngo-content{
            width:100%;
            position:relative;
            z-index:2;
        }

        .ngo-mini-mark{
            display:flex;
            align-items:center;
            gap:9px;
            margin-bottom:11px;
            color:#43785a;
            font-size:12px;
            font-weight:700;
            letter-spacing:1.3px;
            text-transform:uppercase;
        }

        .ngo-mini-mark span{
            width:34px;
            height:2px;
            background:#6bb187;
            border-radius:10px;
        }

        .ngo-verse-box{
            position:relative;
            overflow:hidden;
            padding:21px 27px 22px 31px;
            background:#6bb187;
            border-radius:10px;
            border:1px solid rgba(255,255,255,.58);
            box-shadow:0 14px 32px rgba(64,127,89,.18);
        }

        .ngo-verse-box:before{
            content:"";
            position:absolute;
            width:340px;
            height:125px;
            right:-95px;
            top:-75px;
            background:rgba(255,255,255,.13);
            border-radius:50%;
            transform:rotate(-8deg);
        }

        .ngo-verse-box:after{
            content:"";
            position:absolute;
            width:390px;
            height:135px;
            left:-130px;
            bottom:-110px;
            background:rgba(40,111,80,.18);
            border-radius:50%;
        }

        .ngo-quote-line{
            position:absolute;
            left:11px;
            top:14px;
            bottom:14px;
            width:5px;
            border-radius:10px;
            background:linear-gradient(to bottom,#fff,#dff3e7);
        }

        .ngo-slogan{
            position:relative;
            z-index:2;
            margin:0;
            max-width:850px;
            color:#fff;
            font-size:clamp(20px,2vw,28px);
            line-height:1.35;
            font-weight:600;
            letter-spacing:-.3px;
        }

        .ngo-slogan i{
            font-size:15px;
            margin-right:8px;
            vertical-align:6px;
            opacity:.72;
        }

        .ngo-explanation{
            position:relative;
            margin-top:15px;
            padding:15px 17px;
            background:rgba(255,255,255,.96);
            border-radius:10px;
            border-left:4px solid #6bb187;
            box-shadow:0 9px 24px rgba(71,103,116,.09);
        }

        .ngo-explanation:before{
            content:"";
            position:absolute;
            width:45px;
            height:45px;
            right:12px;
            top:-12px;
            border-top:2px solid rgba(107,177,135,.30);
            border-right:2px solid rgba(107,177,135,.30);
            border-radius:0 10px 0 0;
        }

        .ngo-explanation p{
            margin:0;
            color:#51646b;
            font-size:14px;
            line-height:1.7;
            font-weight:400;
            max-width:880px;
        }

        .ngo-small-row{
            display:flex;
            align-items:center;
            gap:16px;
            margin-top:13px;
            font-size:12px;
            color:#51746a;
            font-weight:600;
        }

        .ngo-small-row span{
            display:flex;
            align-items:center;
            gap:7px;
        }

        .ngo-small-row i{
            width:26px;
            height:26px;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            background:#fff;
            border:1px solid rgba(107,177,135,.28);
            color:#6bb187;
            border-radius:50%;
        }

        @media(max-width:991.98px){
            .ngo-slogan-inner .row,
            .ngo-left,
            .ngo-right{
                min-height:auto;
            }

            .ngo-left{
                padding:22px;
            }

            .ngo-photo-frame img{
                height:320px;
            }

            .ngo-right{
                padding:27px;
            }
        }

        @media(max-width:575.98px){
            .ngo-slogan-section{
                padding:25px 10px;
            }

            .ngo-slogan-wrap{
                border-width:2px;
                padding:6px;
                border-radius:17px;
            }

            .ngo-photo-frame img{
                height:225px;
            }

            .ngo-right{
                padding:22px 17px;
            }

            .ngo-verse-box{
                padding:19px 18px 20px 26px;
            }

            .ngo-slogan{
                font-size:19px;
            }

            .ngo-explanation p{
                font-size:13px;
            }

            .ngo-small-row{
                flex-wrap:wrap;
                gap:9px 14px;
            }
        }