.ly-wrapper {
            background-color: #f8f9fa;
            line-height: 1.6;
            padding: 3rem 0;
        }

        .ly-layanan-container {
            max-width: 1140px;
            margin: 0 auto;
            padding: 0 15px;
        }

        .ly-title {
            margin-bottom: 3rem;
            text-align: center;
        }

        .ly-item {
            position: relative;
            margin-top: 2.5rem;
            overflow: hidden;
            display: flex;
            align-items: center;
        }

        .ly-item-left {
            border-radius: 500px 0 0 500px;
            background: linear-gradient(to right, #ffffff, #f8f9fa);
        }

        .ly-item-right {
            border-radius: 0 500px 500px 0;
            background: linear-gradient(to left, #ffffff, #f8f9fa);
            flex-direction: row-reverse;
        }

        .ly-img {
            position: relative;
            display: inline-block;
            flex: 0 0 41.666667%;
            padding: 3rem;
        }

        .ly-img::before {
            position: absolute;
            content: "";
            width: calc(100% - 12rem);
            height: calc(100% - 12rem);
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            border: 3rem solid rgba(3, 164, 237, 0.2);
            border-radius: 300px;
            z-index: 1;
        }

        .ly-img img {
            max-width: 100%;
            height: auto;
            display: block;
            border-radius: 50%;
        }

        .ly-text {
            flex: 0 0 58.333333%;
            padding: 3rem;
        }

        .ly-item-right .ly-text {
            text-align: right;
        }

        .ly-text h3 {
            font-size: 1.75rem;
            margin-bottom: 1rem;
            letter-spacing: 1px;
            color: var(--primary-color);
            text-transform: uppercase;
        }

        .ly-text p {
            font-size: 1rem;
            line-height: 1.8;
            text-align: justify;
            color: rgb(81, 81, 81);
        }

        @media (max-width: 767.98px) {
            .ly-item-left,
            .ly-item-right {
                border-radius: 500px 500px 0 0;
                background: linear-gradient(to bottom, #ffffff, #f8f9fa);
                flex-direction: column;
            }

            .ly-img {
                flex: 0 0 auto;
                padding: 1.5rem;
            }

            .ly-text {
                flex: 0 0 auto;
                text-align: center !important;
                padding: 1.5rem;
            }

            .ly-img::before {
                width: calc(100% - 6rem);
                height: calc(100% - 6rem);
                border-width: 1.5rem;
            }
        }

        @media (max-width: 576px) {
            .ly-text h3 {
                font-size: 1.25rem;
            }

            .ly-text p {
                font-size: 0.9rem;
            }
        }