* {
            box-sizing: border-box;
        }

        body {
            margin: 0;
            font-family: "DM Sans", sans-serif;
            background: #2d354f;
        }

        .cm-section {
            --cm-bg: #2d354f;
            --cm-navy: #17223c;
            --cm-text: #465069;
            --cm-gold: #bd9235;
            --cm-gold-light: #e1c273;

            position: relative;
            overflow: hidden;
            min-height: 100vh;
            padding: 55px 0 65px;
            background: var(--cm-bg);
        }

        .cm-header {
            text-align: center;
            margin-bottom: 30px;
        }

        .cm-top-divider {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 18px;
            margin-bottom: 8px;
        }

        .cm-top-line {
            display: block;
            width: 160px;
            height: 2px;
            background: #e5c875;
        }

        .cm-church-icon {
            position: relative;
            width: 48px;
            height: 42px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #f0ce75;
            font-size: 29px;
        }

        .cm-church-icon::before,
        .cm-church-icon::after {
            content: "";
            position: absolute;
            top: 20px;
            width: 8px;
            height: 1px;
            background: #f0ce75;
        }

        .cm-church-icon::before {
            left: -2px;
            transform: rotate(8deg);
        }

        .cm-church-icon::after {
            right: -2px;
            transform: rotate(-8deg);
        }

        .cm-heading {
            margin: 0 0 7px;
            color: #fff;
            font-size: clamp(2.4rem, 4.1vw, 4rem);
            line-height: 1.05;
            font-weight: 800;
            letter-spacing: -2px;
        }

        .cm-heading span {
            color: #f0ca6d;
        }

        .cm-subtitle {
            margin: 0;
            color: #d1d5df;
            font-size: clamp(.95rem, 1.3vw, 1.17rem);
            font-weight: 400;
        }

        .cm-subtitle span {
            display: inline-block;
            padding: 0 8px;
            color: #dfbd68;
            font-size: .7em;
            vertical-align: 2px;
        }

        .cm-grid {
            --bs-gutter-x: 24px;
            --bs-gutter-y: 24px;
        }

        .cm-card {
            position: relative;
            display: flex;
            flex-direction: column;
            width: 100%;
            height: 100%;
            min-height: 470px;
            background: #fff;
            border: 1px solid rgba(255, 255, 255, .8);
            border-radius: 19px;
            box-shadow: 0 15px 35px rgba(7, 14, 30, .22);
            transition: transform .3s ease, box-shadow .3s ease;
            isolation: isolate;
        }

        .cm-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 22px 42px rgba(7, 14, 30, .3);
        }

        .cm-image-wrap {
            position: relative;
            z-index: 1;
            flex: 0 0 180px;
            height: 180px;
            overflow: hidden;
            border-radius: 18px 18px 0 0;
        }

        .cm-card-image {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform .5s ease;
        }

        .cm-card:hover .cm-card-image {
            transform: scale(1.035);
        }

        .cm-image-wrap::after {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(
                to bottom,
                rgba(11, 17, 30, .01),
                rgba(11, 17, 30, .10)
            );
            pointer-events: none;
        }

        .cm-icon-badge {
            position: absolute;
            z-index: 10;
            top: 142px;
            left: 22px;
            width: 82px;
            height: 82px;
            padding: 8px;
            border-radius: 50%;
            background: #fff;
            box-shadow: 0 7px 20px rgba(22, 29, 46, .16);
        }

        .cm-icon-inner {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(145deg, #d2b05e, #ad8025);
            color: #fff;
            font-size: 29px;
        }

        .cm-icon-inner i {
            display: block;
            line-height: 1;
        }

        .cm-card-body {
            position: relative;
            z-index: 2;
            flex: 1;
            display: flex;
            flex-direction: column;
            overflow: hidden;
            padding: 19px 23px 17px 116px;
            border-radius: 0 0 18px 18px;
            background: #fff;
        }

        .cm-card-body::before {
            content: "";
            position: absolute;
            z-index: -1;
            left: -52px;
            bottom: -49px;
            width: 108px;
            height: 108px;
            border-radius: 50%;
            background: #f1eadf;
            box-shadow: 0 0 0 17px rgba(239, 230, 215, .48);
        }

        .cm-card:nth-child(2) .cm-card-body::after,
        .cm-card:nth-child(3) .cm-card-body::after,
        .cm-card:nth-child(6) .cm-card-body::after {
            content: "";
            position: absolute;
            z-index: -1;
            top: -40px;
            right: -52px;
            width: 100px;
            height: 100px;
            border-radius: 50%;
            background: #f4eee4;
            box-shadow: 0 0 0 13px rgba(241, 232, 216, .48);
        }

        .cm-card-title {
            margin: 0 0 2px;
            color: var(--cm-navy);
            font-size: clamp(1.25rem, 1.65vw, 1.52rem);
            line-height: 1.15;
            font-weight: 800;
            letter-spacing: -.6px;
        }

        .cm-card-subtitle {
            margin: 0 0 9px;
            color: #b3862c;
            font-size: .99rem;
            line-height: 1.3;
            font-weight: 600;
        }

        .cm-feature-list {
            list-style: none;
            padding: 0;
            margin: 0 0 12px;
        }

        .cm-feature-list li {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            margin-bottom: 6px;
            color: var(--cm-text);
            font-size: .92rem;
            line-height: 1.3;
        }

        .cm-check {
            flex: 0 0 17px;
            width: 17px;
            height: 17px;
            margin-top: 1px;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: #d6b76b;
            color: #fff;
            font-size: 8px;
        }

        .cm-readmore {
            align-self: flex-start;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 18px;
            min-width: 143px;
            min-height: 42px;
            margin-top: auto;
            padding: 9px 19px;
            border-radius: 23px;
            background: linear-gradient(90deg, #ad8128, #c69d42);
            color: #fff;
            text-decoration: none;
            font-size: .91rem;
            font-weight: 700;
            box-shadow: 0 7px 16px rgba(174, 130, 41, .16);
            transition: transform .25s ease, box-shadow .25s ease;
        }

        .cm-readmore:hover {
            color: #fff;
            transform: translateX(3px);
            box-shadow: 0 10px 20px rgba(174, 130, 41, .25);
        }

        .cm-readmore i {
            font-size: .75rem;
            transition: transform .25s ease;
        }

        .cm-readmore:hover i {
            transform: translateX(4px);
        }

        @media (max-width: 1199.98px) {
            .cm-card {
                min-height: 455px;
            }

            .cm-image-wrap {
                flex-basis: 170px;
                height: 170px;
            }

            .cm-icon-badge {
                top: 135px;
                left: 18px;
                width: 76px;
                height: 76px;
                padding: 7px;
            }

            .cm-icon-inner {
                font-size: 26px;
            }

            .cm-card-body {
                padding: 18px 17px 17px 103px;
            }

            .cm-card-title {
                font-size: 1.22rem;
            }

            .cm-card-subtitle {
                font-size: .9rem;
            }

            .cm-feature-list li {
                font-size: .84rem;
            }
        }

        @media (max-width: 991.98px) {
            .cm-section {
                padding: 48px 0 55px;
            }

            .cm-card {
                min-height: 465px;
            }

            .cm-image-wrap {
                flex-basis: 185px;
                height: 185px;
            }

            .cm-icon-badge {
                top: 148px;
                width: 80px;
                height: 80px;
            }

            .cm-card-body {
                padding: 20px 20px 18px 108px;
            }

            .cm-card-title {
                font-size: 1.3rem;
            }

            .cm-card-subtitle {
                font-size: .94rem;
            }

            .cm-feature-list li {
                font-size: .88rem;
            }
        }

        @media (max-width: 767.98px) {
            .cm-section {
                padding: 42px 0 48px;
            }

            .cm-header {
                margin-bottom: 26px;
            }

            .cm-top-divider {
                gap: 12px;
            }

            .cm-top-line {
                width: 90px;
                max-width: 24vw;
            }

            .cm-heading {
                letter-spacing: -1px;
            }

            .cm-subtitle {
                line-height: 1.7;
            }

            .cm-subtitle span {
                padding: 0 4px;
            }

            .cm-grid {
                --bs-gutter-y: 21px;
            }

            .cm-card {
                max-width: 540px;
                min-height: 0;
                margin: 0 auto;
            }

            .cm-image-wrap {
                flex-basis: 210px;
                height: 210px;
            }

            .cm-icon-badge {
                top: 171px;
                left: 20px;
            }

            .cm-card-body {
                min-height: 285px;
                padding: 21px 21px 19px 112px;
            }

            .cm-card-title {
                font-size: 1.42rem;
            }

            .cm-card-subtitle {
                font-size: .97rem;
            }

            .cm-feature-list li {
                font-size: .91rem;
            }
        }

        @media (max-width: 479.98px) {
            .cm-section {
                padding: 36px 0 42px;
            }

            .cm-heading {
                font-size: 2.15rem;
            }

            .cm-image-wrap {
                flex-basis: 185px;
                height: 185px;
            }

            .cm-icon-badge {
                top: 149px;
                left: 17px;
                width: 74px;
                height: 74px;
            }

            .cm-icon-inner {
                font-size: 25px;
            }

            .cm-card-body {
                min-height: 0;
                padding: 20px 17px 18px;
            }

            .cm-card-title,
            .cm-card-subtitle {
                padding-left: 86px;
            }

            .cm-card-title {
                min-height: 29px;
                font-size: 1.23rem;
            }

            .cm-card-subtitle {
                min-height: 40px;
                font-size: .89rem;
            }

            .cm-feature-list {
                margin-top: 8px;
            }

            .cm-feature-list li {
                font-size: .88rem;
            }

            .cm-readmore {
                min-width: 137px;
                min-height: 40px;
            }
        }