.about-exp {

    .about-exp__content {

        .about-exp__content-card {

            ul {
                padding: 16px 0 0;
                list-style: none;

                li {
                    position: relative;
                    padding-left: 32px;
                }

                li::before {
                    content: "";
                    position: absolute;
                    left: 0;
                    top: 4px;
                    width: 20px;
                    height: 20px;
                    background-image: url(../../../images/check-circle.png);
                    background-size: contain;
                    background-repeat: no-repeat;
                }
            }

        }
    }
}

@media only screen and (max-width: 900px) {
    .about-exp {
        padding: 64px 0 !important;

        .about-exp__content {
            flex-direction: column;
            gap: 24px;

            .about-exp__content-card {
                padding: 24px !important;

                h1 {
                    display: flex;
                    align-items: center;
                    gap: 12px;
                    padding-bottom: 16px;
                }

            }
        }
    }
    
}

@media only screen and (min-width: 768px) and (max-width: 1200px){
    .about-exp {
        .about-exp__content {
            gap: 32px !important;

            .about-exp__content-card {
                padding: 32px !important;
            }

        }
    }
}


@media only screen and (min-width: 1200px) {
    .about-exp {
        .about-exp__content {
            align-items: stretch;

            .about-exp__content-img {
                width: 34vw;
                 
                img {
                    width: 100% !important;
                    height: 100% !important;
                }
            }

            .about-exp__content-card {
                width: 52vw;
                
                h1 {
                    display: flex;
                    align-items: center;
                    gap: 16px;
                }

                p, ul {
                    padding-left: 32px;
                }

                ul {
                    padding-top: 24px;
                    padding-right: 20%;

                    li {
                        padding-bottom: 16px;
                    }
                }
            }
        }
    }
}

@media only screen and (min-width: 1800px) {
    .about-exp {
        .about-exp__content {
            .about-exp__content-card {

                p {
                    padding-bottom: 16px;
                }

                ul {
                    padding-right: 30%;

                    li {
                        padding-bottom: 32px;
                    }
                }


                p,li {
                    font-size: 20px;
                }
            }
        }
    }
}