.course-page-california-climate-regulation {
    --california-ink: #14365f;
    --california-red: #952c38;
}

.course-page-california-climate-regulation :is(
    #course-outline,
    [id="сourse-outline"],
    #about-author,
    #course-audience,
    #benefits,
    #fees
) {
    scroll-margin-top: 140px;
}

.course-page-california-climate-regulation .section-unlock-hero.main-mentor-block.esrs {
    position: relative !important;
}

.course-page-california-climate-regulation .section-unlock-hero.main-mentor-block.esrs .hero {
    position: relative !important;
}

.course-page-california-climate-regulation .section-unlock-hero.main-mentor-block.esrs .main-list .regulatory-note {
    background: #fff6f7 !important;
    border-left: 3px solid var(--california-red) !important;
    border-radius: 0 6px 6px 0 !important;
    box-shadow: 0 14px 34px rgba(13, 48, 104, 0.18) !important;
    color: var(--california-ink) !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    margin: 16px 0 0 !important;
    max-width: 610px !important;
    padding: 12px 16px !important;
}

.course-page-california-climate-regulation .section-unlock-hero.main-mentor-block.esrs .main-list .regulatory-note,
.course-page-california-climate-regulation .section-unlock-hero.main-mentor-block.esrs .main-list .regulatory-note * {
    color: var(--california-ink) !important;
}

.course-page-california-climate-regulation .section-unlock-hero.main-mentor-block.esrs .main-list .regulatory-note strong {
    color: var(--california-red) !important;
}

@media (width >= 1180px) {
    .course-page-california-climate-regulation .section-unlock-hero.main-mentor-block.esrs .main-list .regulatory-note {
        bottom: 16px !important;
        left: 175px !important;
        margin: 0 !important;
        max-width: 540px !important;
        position: absolute !important;
        width: 540px !important;
        z-index: 6 !important;
    }
}

@media (width <= 1024px) {
    .course-page-california-climate-regulation :is(
        #course-outline,
        [id="сourse-outline"],
        #about-author,
        #course-audience,
        #benefits,
        #fees
    ) {
        scroll-margin-top: 80px;
    }
}