html, body {
    font-size: 17px;
}
.wrapper {
    display: grid;
    grid-template-columns: 1;
    grid-template-rows: 1;
    place-items: center;
    /* max-width: 100%; */
}
.wrapper-bg-img {
    grid-column: 1;
    grid-row: 1;
    max-width: 100%;
    width: 100%;
    z-index: -1;
    opacity: 5.9;
}
.wrapper-bg-img-gradient {
    grid-column: 1;
    grid-row: 1;
    position: relative;
    z-index: -1;
}
.gradient-ltr {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #0063BE;
    /* background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(0, 99, 190, 1) 100%); */
    background: linear-gradient(90deg, rgba(0,0,0, 0) 0%, rgba(0,0,0, 0) 45%, rgba(0,0,0, 0.05) 50%, rgba(0,0,0, 0.4) 65%, rgba(0,0,0, 0.5) 70%, rgba(0,0,0, 1) 100%);
}
.gradient-rtl {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #0063BE;
    /* background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.9) 15%, rgba(0, 0, 0, 0.7) 30%, rgba(0, 0, 0, 0.2) 45%, rgba(0, 0, 0, 0) 50%, rgba(0, 99, 190, 0) 100%); */
    /* background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%); */
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
}
.wrapper-bg-img-gradient img {
    width: 100%;
    max-width: 100%;
}
.wrapper:first-of-type .container {
    padding-top: 90px;
}
.wrapper .container {
    grid-column: 1;
    grid-row: 1;
}
.container {
    box-sizing: border-box;
    max-width: 1159px;
    margin: 0 auto;
    width: 100%;
}
.grid-box {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 30px;
    padding: 0 15px;
}

@media (max-width: 1400px) {
    .container {
        max-width: 1159px;
    }
}
@media (max-width: 1024px) {
    .grid-box {
        column-gap: 15px;
    }
}
@media (max-width: 512px) {
    .grid-box {
        grid-template-columns: repeat(8, 1fr);
    }
}





/* || Column Classes */
.col5-i1 {
    grid-column: 2 / 7;
}
.col4-i8 {
    grid-column: 8 / 12
}

/* Section Blocks */
/* || Content Center */
.content-center {
    grid-column: 1 / -1;
    padding: 70px 0;
}

/* || Content Left */
.content-left {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: subgrid;
    padding: 100px 0;
    grid-template-rows: 1fr;
}
.content-left .contents {
    grid-column: 1 / 6;
}
.content-left .opposing-img-wrapper {
    grid-column: 7 / -1;
}

/* || Content Right */
.content-right {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: subgrid;
    padding: 100px 0;
    grid-template-rows: 1fr;
}
.content-right .paragraph-l {
    margin-top: 1em;
}
.content-right .opposing-img-wrapper {
    grid-column: 1 / 7;
    grid-row: 1;
}
.content-right .contents {
    grid-column: 8 / -1;
    grid-row: 1;
}


.opposing-img-wrapper img {max-width: 100%;}