.OnCampusBanner_section{background-color:var(--bg-light);padding:0 0 4rem}.OnCampusBanner_container{background-color:var(--primary);border-radius:5rem;justify-content:space-between;align-items:center;padding:2.25rem;display:flex;position:relative;overflow:visible;box-shadow:0 10px 25px #ea782633}.OnCampusBanner_imageWrapper{pointer-events:none;align-items:flex-end;width:auto;height:100%;display:flex;position:absolute;bottom:0;left:4rem}.OnCampusBanner_image{object-fit:contain;width:auto;height:100%}.GuidanceBanner_Space{width:30%}.OnCampusBanner_content{justify-content:end;align-items:center;gap:clamp(1rem,2vw,1.5rem);width:70%;display:flex}.OnCampusBanner_title{font-size:clamp(var(--font-size-xl),4vh,var(--font-size-3xl));color:var(--white);vertical-align:middle;margin:0;font-weight:700;line-height:1}.OnCampusBanner_button{background-color:var(--white);color:var(--primary);font-weight:600;font-size:var(--font-size-md);cursor:pointer;white-space:nowrap;border:none;border-radius:2rem;align-items:center;gap:.5rem;padding:.8rem 1rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.OnCampusBanner_button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}@media (max-width:992px){.OnCampusBanner_container{text-align:center;border-radius:2rem;flex-direction:column;gap:2rem;padding:2rem}.OnCampusBanner_imageWrapper{display:none}.OnCampusBanner_content{flex-direction:column;gap:1.5rem;padding-left:0}.OnCampusBanner_title{font-size:1.5rem}}@media (max-width:576px){.OnCampusBanner_section{padding-bottom:2rem}.OnCampusBanner_container{padding:1.5rem}.OnCampusBanner_title{font-size:1.25rem}}