.bi-container{width:80%;margin:0 auto; margin-top: 10%;}
.bi-row{margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:10px;column-gap:0}
.bi-container .bi-row>.bi-cell{margin:0;padding:0;height:400px;overflow:hidden;width:auto;float:none;flex:0 0 auto}
.bi-cell img,.bi-cell .bi-image{display:block;width:100%;height:100%;object-fit:cover}
.bi-text{display:flex;align-items:flex-start;height:100%}
.bi-text-inner{width:100%;padding:10px;}
.bi-text--dark{background-color:#222!important;color:#fff!important}
.bi-text--white{background-color:#fff!important;color:#111!important}
@media (max-width: 992px){.bi-row{grid-template-columns:1fr}.bi-container .bi-row>.bi-cell{height:auto}.bi-text{min-height:250px;height:auto}}
.bi-actions{width:80%;margin:0 auto;padding:40px 0;display:flex;justify-content:center;gap:24px;flex-wrap:wrap}
@media (max-width: 768px){.bi-actions{width:90%}}
/* Optional card styling in case it's present in the markup */
.bi-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:10px;overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.22), 0 4px 12px rgba(0,0,0,.14)}
@media (max-width: 992px){.bi-card{border-radius:8px}}
/* If a row has only one block and needs to span both columns, add this class to the cell */
.bi-cell--span-2{grid-column:1 / -1}
/* Banner spacing for Become Instructor page */
.page-banner .banner-content .title,
.page-banner .banner-content .subtitle{margin-left:5%}

.bi-actions .button{display:inline-block;padding:20px 34px; margin: 0 70px;}
.bi-text,.bi-cell img{box-shadow:1 10px 48px rgba(0,0,0,.24), 0 3px 8px rgba(0,0,0,.18); border:1px solid rgba(0,0,0,.06)}
.bi-card{margin:20px auto}