/* =========================================================
   COURSE CONTENT WRAPPER
========================================================= */

.hcg-course-content {

    position: relative;

    padding:
        10px 42px 20px 0;
}


/* =========================================================
   RIGHT SIDE OUTER LINE
========================================================= */

.hcg-course-content::after {

    content: '';

    position: absolute;

    top: 0;
    right: 0;

    width: 2px;
    height: 100%;

    border-radius: 999px;

    background:
        linear-gradient(
            180deg,
            rgba(37,99,235,.28) 0%,
            rgba(37,99,235,.12) 35%,
            rgba(37,99,235,.06) 100%
        );

    box-shadow:
        0 0 18px
        rgba(37,99,235,.06);
}


/* =========================================================
   SUBTLE ENGINEERING BACKGROUND GRAPHICS
========================================================= */

.hcg-course-content::before {

    content: '';

    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: .03;

    background-image:

        linear-gradient(
            rgba(15,23,42,.06) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(15,23,42,.06) 1px,
            transparent 1px
        ),

        radial-gradient(
            circle at top right,
            rgba(37,99,235,.08),
            transparent 30%
        );

    background-size:
        38px 38px,
        38px 38px,
        auto;

    z-index: 0;
}


/* =========================================================
   CONTENT SECTION
========================================================= */

.hcg-content-section {

    position: relative;
    z-index: 1;

    padding: 0 0 42px;
    margin: 0 0 42px;

    border-bottom:
        1px solid
        rgba(15,23,42,.08);
}

.hcg-content-section:last-child {

    border-bottom: none;

    margin-bottom: 0;
    padding-bottom: 0;
}


/* =========================================================
   SECTION TITLE
========================================================= */

.hcg-content-section h2 {

    position: relative;

    margin: 0 0 22px;

    font-size: 34px;
    font-weight: 750;
    line-height: 1.15;

    letter-spacing: -.03em;

    color: #0f172a;
}





/* =========================================================
   CONTENT BODY
========================================================= */

.hcg-content-body {

    color: #475569;

    font-size: 19px;
    line-height: 2;
}

.hcg-content-body p {

    margin:
        0 0 20px;
}

.hcg-content-body p:last-child {

    margin-bottom: 0;
}

.hcg-content-body ul,
.hcg-content-body ol {

    margin:
        0 0 20px 26px;

    padding: 0;
}

.hcg-content-body li {

    margin-bottom: 10px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .hcg-course-content {

        padding-right: 28px;
    }

    .hcg-content-section h2 {

        font-size: 28px;
    }

    .hcg-content-body {

        font-size: 17px;
        line-height: 1.9;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 768px) {

    .hcg-course-content {

        padding-right: 18px;
    }

    .hcg-course-content::after {

        width: 1px;
    }

    .hcg-content-section {

        padding-bottom: 32px;
        margin-bottom: 32px;
    }

    .hcg-content-section h2 {

        font-size: 24px;

        margin-bottom: 18px;
    }

    .hcg-content-section h2::before {

        left: -12px;
    }

    .hcg-content-body {

        font-size: 16px;
        line-height: 1.85;
    }
}