.asa-container { max-width: 1100px; padding: 0rem; margin-left: auto; margin-right: auto;  }
.asa-spacer { width: 100%; height: 0vh; }
.asa-arch { display: flex; gap: 60px; justify-content: space-between; max-width: 1100px; margin-inline: auto; }
.asa-arch__left { display: flex; flex-direction: column; min-width: 300px; }
.asa-arch__left .asa-arch__info { max-width: 356px; height: 100vh; display: grid; place-items: center; }
.asa-arch__left .asa-arch__info h3.header { font-size: 42px; line-height: 1.1; font-weight: 800; letter-spacing: -0.84px; color: #121212; padding-bottom: 10px }
.asa-arch__left .asa-arch__info p.desc { color: rgba(18, 18, 18, 0.8); font-size: 18px; letter-spacing: -0.54px; margin-block: 6px 28px; line-height: normal; padding-bottom: 10px}
.asa-arch__left .asa-arch__info .desc { padding-bottom: 10px; }
.asa-arch__left .asa-arch__info a.link { text-decoration: none; padding: 12px 18px; color: #FFFFFF; border-radius: 12px; display: flex; gap: 4px; width: fit-content; align-items: center; background-color: #131D34; }
.asa-arch__right { flex-shrink: 1; height: 100vh; width: 100%; max-width: 650px; position: relative; display: flex; flex-direction: column; }
.asa-arch__right .img-wrapper { position: absolute; top: 50%; left: 0; transform: translateY(-50%); height: 480px; width: 100%; border-radius: 20px; overflow: hidden; }
.asa-arch__right .img-wrapper img { width: 100% !important; height: 100%; object-fit: cover; object-position: center; }

@media (max-width: 900px) { .asa-arch { gap: 30px; } }
@media (max-width: 768px) {
    .asa-arch { flex-direction: column; gap: 20px; }
    .asa-arch__left, .asa-arch__right { display: contents; }
    .asa-arch__right { height: auto; max-width: 100%; }
    .asa-arch__right .img-wrapper { position: static; transform: none; height: 360px; width: 100%; margin-bottom: 20px; }
    .asa-arch__left .asa-arch__info { height: auto; padding: 20px 0; }
}
@media (max-width: 560px) {
    .asa-container { padding: 10px; }
    .asa-arch { gap: 12px; }
    .asa-arch__right .img-wrapper { border-radius: 10px; height: 280px; }
}