.uppercase {
     text-transform: uppercase;
     letter-spacing: .05em;
     font-weight: 100;
}
 h2.uppercase {
     font-size: clamp(2rem, 5vw, 2.4rem);
}
 .u-thirstySoftExtraBold {
     text-transform: none;
     letter-spacing: normal;
}
/*-------------Intro Section -------------*/
 #intro .u-gridAutoColumns {
     grid-template-rows: auto auto;
}
 #intro .finAid-callout {
     display: flex;
     align-items:center;
     gap:.5rem;
}
 #intro .finAid-callout h3 {
     margin-block: 0;
     font-size:1.5rem;
     color:var(--gfColors-slateText);
     line-height: 1.2;
}
 #intro .finAid-callout h3 span {
     font-size:2rem;
     font-weight:bold;
     line-height:1;
}
 @media(min-width:992px) {
     #intro .u-gridAutoColumns {
         grid-template-columns: auto auto;
         grid-template-rows: auto;
         align-items:start;
    }
     #intro .finAid-callout {
         max-width:330px;
         margin-top: 1rem;
    }
}
 @media(max-width:330px) {
     #intro .finAid-callout img {
         display:none;
    }
     #intro .finAid-callout h3 {
         font-size: 1.25rem;
    }
}
/* ------------- TABS SECTION ------------- */
 #tabs-section .tabs-header-nav {
     background-color: var(--gfColors-navy);
     background-image: url(/__template/t1/images/navy-on-navy-tiles.jpg);
     color: white;
     padding-top: 2rem;
     align-items: center;
     font-family: var(--gfVars-headerFont);
     font-size: clamp(1.3rem, 4vw, 2rem);
}
 #tabs-section .tabs-header-nav .container {
     display: flex;
     gap: 0rem;
     flex-wrap: wrap;
     justify-content: center;
}
 @media(max-width:498px) {
     #tabs-section .tabs-header-nav .container {
         flex-wrap: wrap !important;
    }
}
 #tab-instruction {
     font-weight: 500;
     margin: 0;
     font-size: clamp(2rem, 8vw, 2.8rem);
     color: var(--gfColors-gold);
}
 #tabs-section .tab-button {
     background: transparent;
     border:none;
     color: var(--gfColors-slate45);
     padding: 0.5rem .48rem;
     cursor: pointer;
     transition: all 0.2s ease;
     font-weight: 100;
}
 #tabs-section .tab-styling-preview {
     position: relative;
     margin-bottom: -1px;
     align-content: center;
}
 #tabs-section .tab-button.active-preview {
     color: var(--gfColors-navy);
     position: relative;
}
/* Sliding tabs animation */
 #tabs-section .tab-styling-preview::before {
     content: "";
     position: absolute;
     top: 4px;
     left: 4px;
     width: 50%;
     height: 100%;
     background-color: var(--gfColors-slate15);
     transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
     z-index: 0;
}
/* If Transfer is active, slide the pill to the right */
 #tabs-section .tab-styling-preview[data-active="transfer"]::before {
     transform: translateX(100%);
}
 #tabs-section .tab-button {
     position: relative;
     z-index: 1;
     background: transparent !important;
     flex: 1;
}
 #tabs-section .tab-button.active-preview {
     color: var(--gfColors-navy);
}
 #tabs-section {
     background-color: var(--gfColors-slate15);
     overflow-x: hidden;
     padding-bottom: 2rem;
     min-height: 3000px;
}
 @media(min-width:360px) {
     #tabs-section .tab-button {
         padding: 0.5rem 1rem;
    }
}
 @media(min-width:426px) {
     #tabs-section .tab-button {
         padding: 0.5rem 1.5rem;
    }
     #tabs-section .tabs-header-nav .container {
         justify-content:left;
         column-gap: 1rem;
    }
}
 @media(min-width:768px) {
     #tabs-section {
         padding-bottom: 4rem;
    }
     #tabs-section .tabs-header-nav {
         padding-top: 3rem;
    }
     #tabs-section .tabs-header-nav .container {
         gap:2rem;
    }
}
/* --- Tabs Content --- */
/* Tab panel holder */
 .tab-content-area {
     position:relative;
}
/* Tab panel hide/show styles and animation. Originally created by Google Gemini. PSC - 03/11/2026 */
/* Hide all tabs by default */
 .tab-panel {
     display: none;
     opacity: 0;
     transform: translateY(20px);
     transition: opacity 0.4s ease-in, transform 0.4s ease-in, display 0.4s allow-discrete;
}
/* Show the active tab */
 .tab-panel.active-panel {
     display: block;
     opacity: 1;
     transform: translateY(0);
    /* Defines the starting point of the animation when display becomes block */
     transition: opacity 0.3s ease-out, transform 0.3s ease-out, display 0.3s allow-discrete;
}
 @starting-style {
     .tab-panel.active-panel {
         opacity: 0;
         transform: translateY(20px);
    }
}
/* Crossfade styles for deeper interaction */
 .tab-panel.tab-panel-crossfade {
     position:absolute;
     top:0;
     left:0;
     width:100%;
}
/* End tab panel section. */
 #tabs-section .u-outlineBox.u-outlineBox--slate {
     background-color: white;
     margin-block: .5rem;
     padding-inline: 1em;
}
 #tabs-section h2.cost-heading {
     font-size: 2.5rem;
     font-style: normal;
     font-weight: 500;
}
 #tabs-section h2.cost-heading span {
     font-size: 1rem;
     font-family: var(--gfVars-bodyFont);
     color: var(--gfColors-slateText);
     text-transform: uppercase;
     letter-spacing: 0.13rem;
     font-weight: bold;
     display: block;
}
 #tabs-section .cost-intro {
     display:grid;
     grid-template-columns: 1fr;
     justify-items: center;
     gap: 2rem;
}
 #tabs-section .net-price {
     max-width: 540px;
}
 #tabs-section .price-math {
     background-color: white;
     padding: 1rem 1rem 1rem 2rem;
}
 #tabs-section .price-math p {
     font-size: clamp(1.4rem, 6vw, 2rem);
     font-style: normal;
     font-weight: 400;
     font-family: var(--gfVars-headerFont);
     color: var(--gfColors-navy);
     margin-block: 0;
}
 #tabs-section .price-math p span {
     font-size: clamp(1.2rem, 6vw, 1.5rem);
     color: var(--gfColors-slateText);
}
 #tabs-section .price-math p.minus {
     border-bottom: solid 2px var(--gfColors-slate45);
     position:relative;
     padding-bottom: .25rem;
}
 #tabs-section .price-math p.minus::before {
     content: "";
     position: absolute;
     left: -1.5rem;
     top: 50%;
     transform: translateY(-50%);
     width: 1rem;
     height: 2px;
     background-color: var(--gfColors-slate80);
     border-radius: 1px;
}
 #tabs-section .price-remember {
     grid-column: 1;
     font-size: .9em;
     margin-top:-1rem;
}
 @media(max-width:330px) {
     #transfer-tab .net-price .badge {
         gap:.5rem;
    }
}
 @media(min-width:400px) {
     #tabs-section .u-outlineBox.u-outlineBox--slate {
         padding-inline:1.5rem;
    }
}
 @media(min-width:768px) {
     #tabs-section h2.cost-heading {
         font-size: 3.5rem;
         margin-top: 5rem;
    }
     #tabs-section h2.cost-heading span {
         font-size: 1.2rem;
    }
     #tabs-section .u-outlineBox.u-outlineBox--slate {
         padding-inline:3rem;
    }
     #tabs-section .cost-intro {
         grid-template-columns: minmax(335px, 1fr) 2px 1fr;
         position:relative;
    }
     #tabs-section .cost-intro::before {
         content: "";
         background-color: var(--gfColors-slate45);
         grid-column: 2;
         grid-row: 1;
         height: 100%;
         width: 2px;
    }
     #tabs-section .price-math {
         background-color: transparent;
         padding: 0;
         width:auto;
    }
     #tabs-section .price-math p.minus {
         border-bottom: solid 2px var(--gfColors-slate80);
    }
     #tabs-section .price-remember {
         grid-column: 3;
    }
}
 @media(max-width:767.98px) {
     #tabs-section .price-remember {
         max-width:300px;
    }
}
 @media(min-width:768px) and (max-width:992px) {
     #tabs-section .price-math p {
         font-size: 1.5rem;
    }
}
 #hsAidPackage {
     scroll-margin-top: 150px;
}
 #transferAidPackage {
     scroll-margin-top: 50px;
}
/* --- Badge --- */
 .badge {
     display: grid;
     gap: 1rem;
     align-items: center;
     grid-template-columns: auto auto;
}
 .badge p {
     margin: 0;
}
 .badge .lead {
     font-size:1rem;
}
 .badge p.h2 {
     overflow: hidden;
     position: relative;
     z-index: 1;
     background-color: var(--gfColors-gold);
     width: 6rem;
     height: 6rem;
     font-size: 1.8rem;
     margin-block: 0;
     flex-shrink: 0;
     display: flex;
     justify-content: center;
     align-items: center;
     -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 196 196'%3E%3Cpath d='M98 0L111.491 12.8218L128.284 4.79646L137.152 21.1596L155.603 18.7163L158.981 37.0191L177.284 40.397L174.84 58.8479L191.204 67.7163L183.178 84.5091L196 98L183.178 111.491L191.204 128.284L174.84 137.152L177.284 155.603L158.981 158.981L155.603 177.284L137.152 174.84L128.284 191.204L111.491 183.178L98 196L84.5091 183.178L67.7163 191.204L58.8479 174.84L40.397 177.284L37.0191 158.981L18.7163 155.603L21.1596 137.152L4.79646 128.284L12.8218 111.491L0 98L12.8218 84.5091L4.79646 67.7163L21.1596 58.8479L18.7163 40.397L37.0191 37.0191L40.397 18.7163L58.8479 21.1596L67.7163 4.79646L84.5091 12.8218L98 0Z'/%3E%3C/svg%3E");
     mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 196 196'%3E%3Cpath d='M98 0L111.491 12.8218L128.284 4.79646L137.152 21.1596L155.603 18.7163L158.981 37.0191L177.284 40.397L174.84 58.8479L191.204 67.7163L183.178 84.5091L196 98L183.178 111.491L191.204 128.284L174.84 137.152L177.284 155.603L158.981 158.981L155.603 177.284L137.152 174.84L128.284 191.204L111.491 183.178L98 196L84.5091 183.178L67.7163 191.204L58.8479 174.84L40.397 177.284L37.0191 158.981L18.7163 155.603L21.1596 137.152L4.79646 128.284L12.8218 111.491L0 98L12.8218 84.5091L4.79646 67.7163L21.1596 58.8479L18.7163 40.397L37.0191 37.0191L40.397 18.7163L58.8479 21.1596L67.7163 4.79646L84.5091 12.8218L98 0Z'/%3E%3C/svg%3E");
     -webkit-mask-size: contain;
     mask-size: contain;
     -webkit-mask-repeat: no-repeat;
     mask-repeat: no-repeat;
     -webkit-mask-position: center;
     mask-position: center;
}
/* The Shine */
 .badge p.h2::after {
     content: "";
     position: absolute;
     top: 0;
     left: -150%;
    /* Start off-screen */
     width: 100%;
     height: 100%;
     background: linear-gradient( to right, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100% );
     transform: skewX(-25deg);
    /* Angled shine */
     transition: none;
}
/* Animation trigger: runs every time the tab becomes active */
 .tab-panel.active-panel .badge p.h2::after {
     animation: badgeShine 1s ease-out 0.5s forwards;
}
 @keyframes badgeShine {
     0% {
         left: -150%;
    }
     100% {
         left: 150%;
    }
}
 @media(min-width:345px) {
     .badge p.h2 {
         width: 8rem;
         height: 8rem;
         font-size:2.4rem;
    }
     .badge-heading .badge p.h2 {
         width: 6rem;
         height: 6rem;
         font-size:1.8rem;
         margin: -1rem -0.5rem -1rem 0;
    }
     .badge-heading .badge {
         background-color: var(--gfColors-slate15);
         padding-left: 1rem;
         width: 100%;
    }
}
 @media(min-width:992px) {
     .badge p.h2 {
         width: 10rem;
         height: 10rem;
         font-size:2.8rem;
    }
     .badge-heading .badge p.h2 {
         width: 8rem;
         height: 8rem;
         font-size:2.4rem;
    }
     .badge .lead {
         font-size:1.2em;
    }
     .badge-heading {
         max-width: 355px;
    }
     .badge-heading .badge {
         background-color: transparent;
    }
}
/* --- Tabs Table blocks --- */
 #tabs-section thead th {
     background-color: var(--gfColors-slate20) !important;
}
 #tabs-section .slate-heading {
     font-size: clamp(1.8rem, 5vw, 2.8rem);
     margin-block:0;
     color: var(--gfColors-slateText);
     font-weight: 500;
     display: flex;
     flex-wrap: wrap;
     gap: .5rem 1rem;
     align-items: anchor-center;
}
 #tabs-section .table-title {
     margin-block: 0 .25em;
}
 #tabs-section .table-title span {
     font-weight: bold;
     text-transform: uppercase;
     letter-spacing: .13em;
     display:block;
}
 @media(min-width:768px) {
     #tabs-section .table-title span {
         display:inline-block;
    }
}
 @media(min-width:992px) and (max-width:1200px) {
     #tabs-section .table-title {
         margin-block: .5rem .25em;
    }
}
 #tabs-section .finAid-heading-container {
     display: grid;
     grid-template-columns: 1fr;
     align-items: center;
     margin-bottom:1rem;
     row-gap:2rem;
}
 #tabs-section .finAid-heading-container .heading-dropdown {
     grid-row: 2;
}
 #tabs-section .finAid-heading-container .badge-heading {
     grid-row: 1;
     justify-self: right;
     width: 100%;
}
 @media(min-width:768px) {
     #tabs-section .finAid-heading-container {
         grid-template-areas: "title badge";
    }
}
 @media(min-width:992px) {
     #tabs-section .finAid-heading-container {
         grid-template-columns: 1fr auto;
         justify-content: space-between;
         margin-bottom:0;
         gap:2rem;
    }
     #tabs-section .finAid-heading-container .heading-dropdown {
         grid-area: title;
    }
     #tabs-section .finAid-heading-container .badge-heading {
         grid-area: badge;
         width:auto;
    }
     .sticker-price .u-outlineBox:last-of-type {
         padding-top:1rem;
    }
}
 @media(min-width:1200px) {
     #tabs-section .finAid-heading-container {
         margin-block: 0rem;
    }
     .sticker-price .u-outlineBox:last-of-type {
         padding-top:2rem;
    }
}
/* --- Tabs Accordion Heading --- */
 #tabs-section .heading-dropdown .inline-select {
     cursor: pointer;
     color: var(--gfColors-slateText);
     font-size: clamp(1.75rem, 4vw, 2rem);
     padding: .1rem 0.2em;
     background-color: white;
     background-color: transparent;
     border: 1px solid rgba(65, 80, 99, 0.3);
     border-radius: 9px;
     width:100%;
}
 @media(min-width:505px) {
     #tabs-section .heading-dropdown .inline-select {
         width:auto;
    }
}
/* --- Financial Aid includes --- */
 @media(min-width:992px) {
     .aid-includes h4 {
         color:var(--gfColors-slateText);
    }
}
 .aid-includes .u-grid2Columns {
     margin-bottom: 2em;
     gap: 2rem;
}
 .aid-includes p.h6 {
     color: var(--gfColors-slateText);
}
 .aid-includes .u-grid2Columns div>:first-child{
     margin-top:0;
}
 .aid-includes .u-grid2Columns div>:last-child{
     margin-block:0;
}
 @media(min-width:992px) {
     .aid-includes .u-grid2Columns div {
         border-left: solid 1px var(--gfColors-gold);
         padding-left: 1rem;
    }
}
/* CALCULATOR */
 .finAidCalculator p.lead {
     font-size: 1.2rem;
     line-height: 1.6;
}
 #finAidCalculator label {
     display: inline-block;
     margin-bottom: .5rem;
     font-size: 1.2rem;
     font-family: var(--gfVars-bodyFont);
}
 #finAidCalculator .button {
     padding: 0.5rem 1.5rem 0.4rem;
}
 .finAidCalculator-stepRow {
     font-family: var(--gfVars-headerFont);
     font-size:1.1rem;
     line-height:1.5;
     margin: 1rem 1rem 1rem 0;
     color:var(--gfColors-navy);
}
 .finAidCalculator-stepRow + .finAidCalculator-stepRow {
     padding-top: 2rem;
     border-top: 1px solid var(--gfColors-slate45);
     margin: 1rem 1rem 1rem 0;
     font-family: var(--gfVars-bodyFont);
}
 .finAidCalculator-stepRow input {
     font-family:arial;
     border-color: var(--gfColors-slate100);
}
 input.form-control {
     border: var(--bs-border-width) solid var(--gfColors-slate100);
}
 .finAidCalculator-stepRow p {
     font-size:1.2rem;
     line-height: 1.6;
     margin-top:0;
}
 .finAidCalculator-stepNumber {
     display: block;
     background-color: var(--gfColors-gold);
     height: 1.9rem;
     width: 1.9rem;
     line-height: 1.9rem;
     text-align: center;
     font-size: 1.35rem;
     color: #fff;
     border-radius: 50%;
     font-family: sans-serif;
     font-weight: normal;
     flex-shrink: 0;
     align-self: start;
     padding-left: 11px;
}
 #calculator_component .form-check-input {
     margin-top: .4rem;
}
 #calculator_component .modal-header {
     padding-bottom: .5rem;
}
 div#finAidCalculatorResults hr {
     margin: 2rem 0;
}
 div#finAidCalculatorResults h3 {
     margin-top: 1rem;
}
 h2.finAidCalculatorResults-upfrontCost {
     font-size: 2rem;
     font-weight: 400;
     letter-spacing: .12rem;
     text-transform: uppercase;
     color: var(--gfColors-slate20);
     position:relative;
     background-color: var(--gfColors-navy);
     padding: 1rem;
     display: flex;
     flex-wrap:wrap;
     align-items: center;
     gap: 1rem;
     background-image: url(/__template/t1/images/navy-on-navy-tiles.jpg);
     background-repeat:no-repeat;
}
 h2.finAidCalculatorResults-upfrontCost span.upfront {
     font-size: 1.5em;
     color: var(--gfColors-gold);
     letter-spacing: 0;
}
 .finAidCalculator-questionDescription {
     font-size:.95rem;
}
 @media(min-width:768px) {
     h2.finAidCalculatorResults-upfrontCost::before {
         content:"";
         background-image: url(/college-admissions/scholarships/_assets-index/images/arrow-down.svg);
         background-repeat:no-repeat;
         width: 2rem;
         height: 5rem;
         position: absolute;
         top: -6rem;
         left: calc(50% - 1rem);
         display: block;
    }
     #finAidCalculatorResults ul {
         border-left: 1px solid var(--gfColors-gold);
         padding-left: 2rem;
    }
}
 @media(min-width:1200px) {
     .finAidCalculator p {
         padding-right: 140px;
    }
}
 @media(max-width:575px){
     #finAidCalculatorResults a.button {
         font-size: .8rem;
         display: block;
    }
}
 @media(max-width:992px) {
     #finAidCalculatorResults a.button {
         margin-bottom: 1rem;
    }
}

#counselorFinderDisplay h3 {
    margin-top: 1rem;
}


/* ----- National Rankings -----*/
 .nationalRankings-holder {
     display:grid;
     padding: 2rem 0 3rem;
     gap:3rem;
     text-align:center;
}
 .nationalRankings-holder h2 {
     display:grid;
     grid-template-columns:1fr auto 1fr;
     gap:2rem;
     margin:0;
}
 .nationalRankings-holder .container {
     gap:0 !important;
}
 .nationalRankings-holder .container div {
     display:grid;
     gap:1rem;
     align-items:center;
     justify-items:center;
}
 .nationalRankings-holder .container div + div {
     border-left:2px solid var(--gfColors-slate45);
}
 .nationalRankings-holder .container div::before {
     content:"";
     width:2em;
     height:2em;
     background-image:url(/__template/t1/images/award-solid-gold.svg);
     background-position:center;
     background-repeat:no-repeat;
}
 .nationalRankings-holder .container div > * {
     margin:0;
}
 .nationalRankings-rankTitle {
     font-size:1.5em;
     font-family:var(--gfVars-headerFont);
     text-transform:uppercase;
     letter-spacing:0.01em;
     line-height:1.3;
}
 @media(max-width:768.98px) {
     .nationalRankings-holder .container div + div {
         margin:1rem 0 0 0;
         padding:1rem 0 0 0;
         border-left:none;
         border-top:2px solid var(--gfColors-slate45);
    }
     .nationalRankings-holder .u-lineHeaderBoth::after {
         display:none;
    }
}
/* Dollars and Sense */
 #dollars-sense {
     background-color:var(--gfColors-navyAccent);
}
 #dollars-sense .u-gridAutoColumns {
     align-items:center;
     position: relative;
     grid-template-columns: 1fr;
     grid-template-rows: auto auto;
     justify-items: center;
     align-items: center;
     text-align: center;
     gap: 1rem;
     margin-bottom: 2rem;
}
 #dollars-sense hr {
     border-top: 2px solid;
     margin: 0;
}
 #dollars-sense h2.uppercase {
     grid-row: 1;
     margin: 0;
}
 #dollars-sense h2.uppercase span.u-thirstySoftExtraBold {
     font-size: 1.2em;
}
 .stats hr {
     color: transparent;
}
 .stats p {
     margin-block: .5rem !important;
}
 #dollars-sense .stats p span {
     display:block;
     color:var(--gfColors-gold);
     font-size:3rem;
     font-weight: 500;
     letter-spacing: .02em;
     font-family: var(--gfVars-headerFont);
     margin-bottom: -.5rem;
}
 #dollars-sense .percent-container {
     display: grid;
     grid-template-columns: 1fr;
     justify-items: center;
     text-align: center;
     gap: 0.5rem;
}
 #dollars-sense .financial-aid {
     display: contents;
}
 #dollars-sense .financial-aid--number {
     font-size: 4.5rem;
     color: var(--gfColors-gold);
     font-weight: 500;
     margin-block: 0;
}
 #dollars-sense .financial-aid--text {
     margin-top: 0.25rem;
     font-size: 1rem;
     font-family: var(--gfVars-bodyFont);
     color: var(--gfColors-slate30);
     font-weight: 400;
}
 @media (min-width: 768px) {
     #dollars-sense .percent-container {
         grid-template-columns: 92px 1fr;
         grid-template-rows: auto auto;
         column-gap: .5rem;
         row-gap: 0;
         text-align: left;
         justify-items: start;
    }
     #dollars-sense .stats hr {
         color: inherit;
         margin: 1rem 0 .5rem;
    }
     #dollars-sense .stats .u-grid2Columns {
         column-gap: 2rem;
    }
     #dollars-sense .financial-aid--number {
         grid-column: 2;
         grid-row: 1;
    }
     #dollars-sense .financial-aid--text {
         grid-column: 2;
         grid-row: 2;
    }
}
 @media (min-width: 992px) {
     #dollars-sense .u-gridAutoColumns {
         grid-template-columns: auto 4rem 1fr;
         grid-template-rows: auto;
         justify-items: start;
         text-align: left;
         gap: 2rem;
    }
     #dollars-sense .u-gridAutoColumns::after {
         content:"";
         background-color: var(--gfColors-gold);
         height: 2px;
    }
     #dollars-sense h2.uppercase {
         grid-column: 1;
         grid-row: 1;
    }
     #dollars-sense .u-gridAutoColumns::after {
         grid-column: 2;
         grid-row: 1;
         width: 100%;
    }
     #dollars-sense .percent-container {
         grid-column: 3;
         grid-row: 1;
         flex-direction: row;
         align-items: center;
    }
}
 @media(max-width:1199.98px) {
     #dollars-sense .percent-container {
         display: grid;
         grid-template-columns: 92px auto;
         grid-template-areas: "icon number" "info info";
         column-gap: .5rem;
         row-gap: 0.5rem;
         justify-items: start;
         align-items: center;
         text-align: left;
    }
     #dollars-sense .percent-container img {
         grid-area: icon;
    }
     #dollars-sense .financial-aid--number {
         grid-area: number;
         margin: 0;
    }
     #dollars-sense .financial-aid--text {
         grid-area: info;
         margin: 0;
    }
}
 @media (min-width: 1200px) {
     #dollars-sense .percent-container {
         grid-template-columns: 108px auto 1fr;
         grid-template-rows: 1fr;
         align-items: center;
    }
     #dollars-sense .percent-container img {
         grid-column: 1;
         grid-row: 1;
    }
     #dollars-sense .financial-aid--number {
         grid-column: 2;
         grid-row: 1;
    }
     #dollars-sense .financial-aid--text {
         grid-column: 3;
         grid-row: 1;
    }
}