.community-law-clinic .panel-heading h4#headingTwo.panel-title.blue-page {
    background-color: #BFD72F !important;
    border: 3px solid #BFD72F;
}

.community-law-clinic .dark-blue-page .icon-accordion:before {
    content: "\f068" !important;
    background-color: #BFD72F;
    font-size: 27px;
    position: absolute;
    padding: 15px;
    top: -16px;
    left: -27px;
    font-weight: 800;
    color: #fff;
}

/* doodles */

img.img-fluid.dooble_img_to {
    position: absolute;
    right: -2%;
    top: 84%;
    width: 8%;
}

/*
img.img-fluid.dooble_img_to {
    position: absolute;
    right: -1%;
    top: 75%;
    width: 8%;
}
*/
/* end of doodles */

.community-law-clinic h4.dark-blue-page:has(.collapsed) {
    background-color: #ffffff !important;
    border: 3px solid #BFD72F;
}

.community-law-clinic h4.dark-blue-page a {
    color: #fff;
    font-weight: 700;
}

.community-law-clinic h4.dark-blue-page:has(.collapsed) a {
    color: #BFD72F;
    font-weight: 700;
}

.community-law-clinic h4.dark-blue-page {
    background: #BFD72F;
    min-height: 60px;
}

.community-law-clinic .dark-blue-page .collapsed .icon-accordion:before {
    content: "\f067" !important;
    background-color: #BFD72F;
    font-size: 22px;
    position: absolute;
    padding: 18px;
    top: -18px;
    left: -25px;
    color: #fff;
    font-weight: 800;
}

.community-law-clinic #myAccordion .panel-body {
    padding: 10px;
    color: #333;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    background-color: #ffffff !important;
}

@media (max-width: 768px) {

    .community-law-clinic h4#headingTwo {
        background: #bfd730;
        min-height: 49px;
        padding: 1px !important;
    }

        .community-law-clinic h4#headingTwo a {
            position: relative;
            display: block;
            padding: 16px 17px 0px 8px !important;
            box-shadow: none !important;
            min-height: 55px !important;
            font-size: 16px;
        }

    .community-law-clinic h4.dark-blue-page a {
        color: #fff !important;
        font-weight: 700;
    }

    .community-law-clinic h4.dark-blue-page:has(.collapsed) {
        background-color: #ffffff !important;
        border: 3px solid #BFD72F;
    }

        .community-law-clinic h4.dark-blue-page:has(.collapsed) a {
            color: #BFD72F !important;
            font-weight: 700;
        }

    img.img-fluid.dooble_img {
        position: absolute;
        width: 12%;
        bottom: -30%;
        left: 9%;
        top: 90%;
    }

    img.img-fluid.dooble_img_to {
        position: absolute;
        right: -2%;
        top: 54%;
        width: 12%;
    }

    .row_two_ .content_ h4 {
        margin-top: 8%
    }
}

@media (max-width: 767px) {



    img.img-fluid.dooble_img {
        position: absolute;
        width: 12%;
        bottom: 52%;
        left: 9%;
        top: 94%;
    }

    img.img-fluid.dooble_img_to {
        position: absolute;
        right: -1%;
        top: 45%;
        width: 12%;
    }

    .community-law-clinic .dark-blue-page .icon-accordion:before {
        content: "\f068" !important;
        background-color: #BFD72F;
        font-size: 20px !important;
        position: absolute;
        padding: 19px;
        top: -16px;
        left: -28px;
        color: #fff;
    }

    .community-law-clinic h4.dark-blue-page:has(.collapsed) a {
        color: #BFD72F !important;
        font-weight: 700;
    }

    .community-law-clinic h4.dark-blue-page:has(.collapsed) {
        background-color: #ffffff !important;
        border: 3px solid #BFD72F;
    }

    .community-law-clinic h4#headingTwo a {
        position: relative;
        display: block;
        padding: 16px 18px 1px 7px !important;
        color: #fff;
        box-shadow: none !important;
        min-height: 56px !important;
        font-size: 15px;
        font-weight: 700;
    }

    .community-law-clinic h4#headingTwo {
        background: #bfd730;
        height: auto !important;
        padding: 17px;
    }

    .community-law-clinic h4.dark-blue-page a {
        color: #fff;
        font-weight: 700;
    }

    .community-law-clinic h4#headingTwo {
        padding: 0 !important;
    }

    .community-law-clinic .dark-blue-page .collapsed .icon-accordion:before {
        content: "\f067" !important;
        background-color: #BFD72F;
        font-size: 22px;
        position: absolute;
        top: -18px !important;
        left: -25px;
        color: #fff;
        font-weight: 800;
    }

    .row.clinic_header {
        margin-top: -53px;
    }
}


@media (max-width: 500px) {

    img.img-fluid.dooble_img {
        position: absolute;
        width: 17%;
        bottom: 50%;
        left: 7%;
    }

    img.img-fluid.dooble_img {
        position: absolute;
        width: 17%;
        bottom: 55%;
        left: 7%;
        top: 88%;
    }

    img.img-fluid.dooble_img_to {
        position: absolute;
        right: -1%;
        top: 35%;
        width: 12%;
    }
}

@media (max-width: 375px) {

    img.img-fluid.dooble_img_to {
        position: absolute;
        right: -1%;
        top: 32%;
        width: 12%;
    }

    img.img-fluid.dooble_img {
        position: absolute;
        width: 17%;
        bottom: 68%;
        left: 7%;
    }
}

.dooble_img {
    position: absolute;
    top: 82%;
    left: 10%;
    width: 21%;
}

/*
.dooble_img {
    position: absolute;
    top: 63%;
    left: 10%;
    width: 30%;
}
*/

/* Make sure the container can hold the absolutely positioned image */
.after_icon_ {
    position: relative;
}

/* Optional: Adjust for responsiveness */
@media (max-width: 768px) {
    .dooble_img {
        top: 5%;
        left: 5%;
        max-width: 90%;
    }
}

@media (max-width: 576px) {
    .dooble_img {
        top: 0;
        left: 0;
        max-width: 100%;
    }
}