.main-screen:has(.col_banner) {
    padding: 0px;
    @media (max-width: 500px) {
        padding: 0px !important;
    }
}
.col_banner {
    width: 100%;
    background-color: var(--clr-accent);
    .collection_container {
        max-width: 1180px;
        width: unset;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        padding: 60px 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 70px;
        @media (width < 768px) {
           flex-wrap: wrap;
           flex-direction: column;
        }
        .col_banner_img {
            aspect-ratio: 1 / 1;
            width: 25%;
            @media (width < 992px) {
                width: 35%;
            }
            @media (width < 768px) {
                width: 100%;
                max-width: 320px;
            }
        }
        .col_banner_left {
            color: var(--fc-light);
            width: calc(75% - 70px);
            @media (width < 992px) {
                width: calc(65% - 70px);
            }
            @media (width < 768px) {
                width: 100%
            }
            .col_banner_title {
                font-size: var(--fs-700);
                margin-bottom: 20px;
            }
            .col_banner_text {
                font-size: var(--fs-500);
                &::before {
                    content: "";
                    width: 80px;
                    height: 1px;
                    background-color: var(--clr-primary-light);
                    display: block;
                    margin-bottom: 20px;
                }
            }
        }
    }
}