.heading {

    .service-cta {
        margin-bottom: var(--section-padding-y);
    }

    aside {
        display: grid;
        grid-template-columns: 1fr 1fr;
        border-radius: var(--card-radius);
        padding: calc(var(--card-padding)*0.5);
        background-color: var(--light-bg);
        margin-bottom: var(--section-padding-y);

    }

    /*tablet styles */
    @media (min-width: 800px) {
        
        img {
            max-height: 20rem;
            width: 100%;
            object-fit: cover;
        }

        p.service-subtitle {
            padding-bottom: var(--section-padding-y);
        }

        aside {
            padding: calc(var(--card-padding)*1.5);
            gap: 3rem;
        }
    }

    
    /*desktop  styles */
    @media (min-width: 1000px) {
        aside {
            grid-template-columns: 1fr 1fr 1fr 1fr;
            p {
                margin-bottom: 0;
            }
        }
        img {
            max-height: 30rem;

        }
    }

}

section.about-service {
    background-color: var(--light-bg);
    text-align: left;

    h2,
    p {
        margin-left: 0;

    }

    img {
        margin-bottom: var(--section-padding-y)
    }

    /*tablet styles */
    @media (min-width: 800px) {
        
        img {
            max-height: 20rem;
            width: 100%;
            object-fit: cover;
        }
    }
    /*desktop  styles */
    @media (min-width: 1000px) {
        .section-inner {
            display: flex;
            align-items: center;
            gap: 4rem;

            img {
                max-width: 25rem;
            }
        }
    }

}

section.service-detail,
section.who-service-for {
    text-align: left;

    ul {
        padding-left: var(--section-padding-x);
        margin-bottom: var(--section-padding-y);

        li {
            text-align: left;
            font-weight: 300;
        }
    }

    h2 {
        margin: 1rem 0;
        max-width: 100%;
    }

    ol {
        margin-bottom: var(--section-padding-y);
        list-style-type: none;
        /* Hide default numbers and periods */
        counter-reset: my-list-counter;
        /* Initialize counter */
        padding-left: 0px;

        ::before {
            color: var(--callout-icon);
            content: counter(my-list-counter, decimal-leading-zero) " ";
            font-size: 2rem;
            font-weight: 600;

        }

        li {
            counter-increment: my-list-counter;
            /* Increase counter for each item */
            display: flex;
            align-items: top;
            gap: 20px;

            ::before {
                content: "" "";
            }

            h3 {
                margin-bottom: 0;
            }

            p {
                font-size: 0.9rem;
                font-weight: 300;
            }

            div {

                p.secondary::first-line {
                    line-height: 0;
                }
            }
        }
    }

    /*tablet styles */
    @media (min-width: 800px) {
        img {
            max-height: 20rem;
            width: 100%;
            object-fit: cover;
        }
        .lists-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 2rem;
        }
        ol {
            margin-bottom: 0;
        }
    }

    
    /*desktop  styles */
    @media (min-width: 1000px) {
        img {
            max-height: 30rem;
        }
        .lists-container {
            font-size: 1.4rem;
            margin-bottom: var(--section-padding-y)
        }
    }
}

section.service-detail {
    ol {
        li {
            align-items: center;
        }
    }
}

section.who-service-for {
    background-color: var(--light-bg);

}