/*About Style*/

.about_container {
    padding: .5em;
}


.about_imgcard {
    display: grid;
    grid-template-areas: "left right";
    grid-template-columns: auto 200px;
    grid-column-gap: 10px;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #10a690;
    /*box-shadow: 0 0 0 2px #c0f862;*/
    margin: .25em;
    padding: .25em;
    background-color: white;
    overflow: hidden;
}

    .about_imgcard > img {
        grid-area: right;
        max-width: 100%;
    }

    .about_imgcard > div {
        grid-area: left;
        padding: .5em;
        text-align: justify;
        margin: auto;
    }

        .about_imgcard > div > * {
            margin: 0;
        }

    .about_imgcard div h5 {
        color: #1166a3;
        padding-bottom: .5em;
        font-weight: bolder;
        text-align: left;
    }

    .about_imgcard div ul {
        list-style-image: linear-gradient(130deg, #c0f862, #10a690, #402b6d);
        text-align: justify;
        padding-left: 20px;
        padding-right: .5em;
    }

        .about_imgcard div ul li {
            padding-top: .25em;
            padding-bottom: .25em;
        }

        .about_imgcard div ul strong {
            color: #1166a3;
            border-bottom: 1px solid #c0f862;
        }


.card_r {
    grid-template-areas: "right left";
    grid-template-columns: 200px auto;
}


@media (max-width: 767.98px) {
    .about_imgcard {
        display: grid;
        grid-template-areas: "right" "left" !important;
        grid-template-columns: 1fr !important;
        padding: 0;
        box-shadow: none !important;
        /*border: 2px solid #c0f862;*/
    }

        .about_imgcard > img {
            max-width: 100%;
            max-height: 200px;
            margin: auto;
        }

        .about_imgcard > div {
            margin-top: .5em;
            /*background: rgba(192, 248, 98, 0.10);*/
            border-top: 2px solid #c0f862;
        }
}