.content {
    max-width: 1200px;
    margin-inline: auto;
    padding: .5rem 1.5rem 4rem 1.5rem;
    position: relative;
    overflow-y: clip;
}

img{
    object-fit: cover;
    border-radius: 20px;
}
#regulatory-page p,
#regulatory-page li {
    font-size: 1.2rem;
}
#regulatory-page ul {
    list-style-type: none;
}


.box {
    border-radius: 20px;
    padding: 1.5rem;
    display: flex;
    gap: 2rem;
    align-items: center;
}
.box img{
    height: 250px;
}
#intro-p {
    margin-inline: auto;
    margin-bottom: 2rem;
    max-width: 60rem;
    text-align: center;
}
#comliance-img {
    max-height: 300px;
    max-width: 100%;
    aspect-ratio: 5 / 2;
    object-position: 100% 35%;
}
@media (max-width: 850px) {
    .box img{
        display: none;
    }
}

#split-display {
    margin-bottom: 3rem;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 1.5rem;
}
#split-display p{
    max-width: 50rem;
}
@media (max-width: 1110px){
    #split-display{
        flex-direction: column-reverse;
    }
}

img.green {
    border: 5px solid var(--green);
}
.box.orange {
    border: 5px solid var(--orange);
}