.for-about {
    display: flex;
    flex-direction: column;
    width: 49.344%;
    width: 100vw;
    width: 96rem;

    justify-content: center;
    align-items: center;
    padding: 50px 0px 50px 0px;
}

.infocard-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-content: center;
}

    .infocard-about {
        width:750px;
        width: clamp(21.875rem, 48.8281svw, 46.875rem);
    }
        .to-the-left {
            margin-right: clamp(20px, 35.8203vw, 34.3875rem);
            margin-left: clamp(20px, 15.3516vw, 14.7375rem);
        }

        .to-the-right {
            margin-right: clamp(20px, 15.3516vw, 14.7375rem);
            margin-left: clamp(20px, 35.8203vw, 34.3875rem);
        }

        .infocard-title {
            margin: 30px 0px 20px 30px;
        }
            
            .infocard-title p {
                font-family: 'Montserrat', sans-serif;
                font-size: 20px;
                font-size: clamp(1.125rem, 1.3021vw, 1.25rem);
                font-weight: 600;
                text-decoration: none;
                color: var(--ahpapp-navbar-text-color);
            }

        .infocard-content {
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            background: #0f2401;
            border: 0.5px solid #173602;
            /* width: 800px; */
            padding: 20px 20px 20px 20px;
            margin-bottom: 20px;
            box-shadow: 10px 10px 5px 5px rgba(13, 13, 13, 0.3);

        }

            .infocard-content-explanation {
                width: 100%;
                align-items: center;
                justify-content: center;
            }

                .infocard-content-explanation ul li,
                .infocard-content-explanation p {
                    font-family: 'Montserrat', sans-serif;
                    font-size: 16px;
                    font-size: clamp(0.75rem, 1.0417vw, 1rem);
                    line-height: 20px;
                    line-height: clamp(0.9375rem, 1.3021vw, 1.25rem);
                    letter-spacing: 1px;
                    text-align: justify;
                    color: #ffffff;
                    color: #e1f7ce;
                    margin: 20px 20px 10px 2px;
                }

                .infocard-content-explanation ul li:hover,
                .infocard-content-explanation p:hover {
                    color: #c1f594;
                }

                .infocard-content-explanation ul {
                    padding-left: 100px;
                    padding-left: clamp(3.125rem, 6.5104vw, 6.25rem);
                }
                .infocard-content-explanation ul {
                    list-style-type: "\2606    ";
                    /* list-style-image: url(""); */
                }

                #figure2 {
                    display: flex;
                    width: 200px;
                    height: 240px;
                    border: none;
                    float: right;
                    margin: 7px;
                    justify-content: center;
                }

                    figcaption {
                        border: 3px dotted #27ae60;
                        border: 3px dotted #fff;
                        color: #e1f7ce;
                        text-align: center;
                    }

@media (max-width: 1000px) {

    .to-the-left {
        margin-right: 20px;
        margin-left: 20px;
    }

    .to-the-right {
        margin-right: 20px;
        margin-left: 20px;
    }


}