.single-team-experience{
    >.container{
        padding-top: 80px;
        padding-bottom: 80px;
        display: grid;
        grid-auto-flow: column;
        grid-template-rows: repeat(2, auto);
        gap: 24px;
        >h3{
            border-left: 2px solid var(--color-primary-2);
            padding-left: 24px;
            color: var(--color-primary-2);
        }
        >ul{
            list-style: initial;
            padding-left: 28px;
            >li{
                color: var(--color-gray-3);
            }
        }
    }
}

@media screen and (width < 1024px) {
    .single-team-experience > .container{
        grid-auto-flow: row;
        grid-template-rows: auto;
        grid-template-columns: repeat(2, auto);
        align-items: start;
    }
}
@media screen and (width < 768px) {
    .single-team-experience > .container{
        >h3{
            padding-left: 12px;
        }
    }
}
@media screen and (width < 576px) {
    .single-team-experience > .container{
        padding-top: 60px;
        padding-bottom: 60px;
        grid-template-columns: auto;
        gap: 16px;
    }
}