#be-known-video_component h2
{
    text-align:center;
}

/* Homepage content section styles */

.homepage-content-section {
    padding-top:4rem;
    padding-bottom: 4rem;
    margin:0;
}

.homepage-content-section h2, .homepage-content-section h3
{
    margin-top:0;
    text-transform:uppercase;
    text-align:center;
}
#apply-now_component.outlineBox.outlineBox--slateBorder, #startYourApplication.outlineBox.outlineBox--slateBorder {
    border: none !important;
}

#apply-now_component {
    margin-top:2em;
}
#apply-now_component .outlineBox-content h2 {
    position: relative;
    font-family: var(--gfVars-bodyFont);
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: bold;
    font-size: 1.5rem;
    margin-top: -1rem;
    text-align: center;
}
#apply-now_component .outlineBox-content h2.add-line-height {
    line-height:1.6;
}
#apply-now_component .outlineBox-content h2 span {
    font-size: 2.3em;
    font-family: var(--gfVars-thirstyFont);
    text-transform: capitalize;
    letter-spacing: 0;
    display: block;
    font-weight: normal;
    position: relative;
    top: 8px;
}
#apply-now_component h2::after {
    content: "";
    display: block;
    background-color: var(--gfColors-gold);
    width: 3ch;
    height: 3px;
    margin-bottom: 1rem;
    margin-top: 1.75rem;
    margin-left: auto;
    margin-right: auto;
}
#apply-now_component h2.add-line-height::after {
    margin-top:.75rem;
}
#apply-now_component .stepList ul.lead {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
}

@media (max-width: 575.98px) {
.outlineBox {
    margin-left: 0;
    margin-right: 0;
}
}
@media(min-width:1200px) {
    #apply-now_component .constrained, #connectWithGFU .constrained {
        max-width: 900px;
        margin-left: auto;
        margin-right: auto;
    }
}

#gf-digital .btn {
    text-transform: uppercase;
    letter-spacing: .1rem;
    border-radius: 0;
    background-color: #17304c;
    padding: .5rem 1.5rem;
}

#connect-virtually
{
    background: var(--gfColors-navy);
    color:white;
    padding-bottom:0;
}

#connect-virtually .homepage-content-section
{
    padding-bottom:0;
}

#connect-virtually a
{
    display: block;
    padding: 10px;
    color:white;
    text-decoration: none;
}


#connect-virtually h2, #know-us h2
{
    text-transform: none;
    text-align:center;
    margin-left: 1em;
    color: var(--gfColors-bodyText);
    font-family:var(--gfVars-thirstyFont);
    line-height:1.2;
}

#connect-virtually h2 span, #know-us h2 span
{
    color:var(--gfColors-slate100);
    display: block;
    position:relative;
    font-size: 2em;
    margin-left: 1em;
    font-family:var(--gfVars-headerFont);
    text-transform:uppercase;
    letter-spacing:0.05em;
}

#connect-virtually h2 span:after, #know-us h2 span:after
{
    height:2px;
    width:50%;
    content:"";
    position:absolute;
    bottom:0.7em;
    left:-3em;
    background-color:var(--gfColors-gold);
}

#connect-virtually h2
{
    color:white;
    margin-bottom:0;
}

#connect-virtually h2 span em
{
    margin-right: .5rem;
    font-size: 3.25rem;
    text-transform:none;
    letter-spacing: .02em;
}

#connect-virtually .intro-section
{
    padding-top: 2rem;
    padding-bottom: 2rem;
}

#connect-virtually .intro-section p:last-of-type
{
    margin-bottom:0;
}

#connect-virtually .secondary-color
{
    background: background: var(--gfColors-navyAccent);
    padding-bottom:2rem;
}

#connect-virtually .cta-icons
{
    margin:8rem 0 4rem 0;
}

@media (min-width:1200px) {
    #connect-virtually .cta-icons {
        margin:10rem 0 4rem 0;
    }
}

#connect-virtually .cta-icon a, #connect-virtually .cta-icon a:hover
{
    box-shadow:none;
}

#connect-virtually .cta-icon .cta-icon-text
{
    text-transform:uppercase;
    font-weight:bold;
    display:block;
    letter-spacing: .1rem;
    font-size:.9rem;
}
#connect-virtually .cta-icon .cta-icon-text small {
    margin-top: 15px;
    display: block;
    font-size: .6rem;
    line-height: 1rem;    
}


#connect-virtually .cta-icon .cta-icon-holder
{
    position:relative;
    display:block;
    margin:-50% auto 2rem auto;
    max-width:270px;
}

#connect-virtually .cta-icon .cta-icon-holder img
{
    display:inline-block;
    max-width:100%;
    height:auto;
    border-radius:50%;
}

#connect-virtually .cta-icon .cta-icon-holder:before
{
    background-color: var(--gfColors-linkBlue);
    display:block;
    position:absolute;
    top:0;
    left:0;
    content:"";
    width:100%;
    height:100%;
    opacity:0.6;
    border-radius:50%;
}

#connect-virtually .cta-icon .cta-icon-holder:after
{
    display:block;
    position:absolute;
    top:35%;
    left:35%;
    content:"";
    width:30%;
    height:30%;
    background-position:center center;
    background-repeat:no-repeat;
    transition:width 0.8s, height 0.8s, top 0.8s, left 0.8s;
}

#connect-virtually .cta-icon a:hover .cta-icon-holder:after
{
    top:25%;
    left:25%;
    width:50%;
    height:50%;
    transition:width 0.8s, height 0.8s, top 0.8s, left 0.8s;
}

#connect-virtually .chat-bubble .cta-icon-holder:after
{
    background-image:url("/college-admissions/_assets-index/images/chat-bubble.svg");
}

#connect-virtually .pin-pointer .cta-icon-holder:after
{
    background-image:url("/college-admissions/_assets-index/images/pin-pointer.svg");
}

#connect-virtually .hash-tag .cta-icon-holder:after
{
    background-image:url("/college-admissions/_assets-index/images/laptop.svg");
}

#connect-virtually .social-list a
{
    display:block;
    width:100%;
}

#connect-virtually .social-list a:hover
{
    opacity:0.8;
}

#connect-virtually .social-list svg
{
    fill:#e2b621;
    width:100%;
    height:auto;
}

#social-block
{
    background-color:#ECF0F4;
}

#social-block #socialBlock
{
    margin:0;
}

#social-block h3
{
    display:none;
}

#know-us, #student-types, #fun-days
{
    background:var(--gfColors-slate15);
}
#know-us .homepage-content-section {
    padding-bottom:2rem;
}

#know-us h2
{
    margin-bottom:0px;
}

#know-us h3
{
    text-transform:none;
}

#know-us .intro-section, #looking-value .intro-section
{
    padding-top:3rem;
    /*padding-bottom:5rem;*/
}
#looking-value .intro-section {
    padding-top: 1rem;
}
#know-us .intro-section p, #looking-value .intro-section p
{
    font-size: 1rem;
    line-height:1.75rem;
}

#know-us .intro-section p:last-of-type, #looking-value .intro-section p:last-of-type
{
    margin-bottom:0;
}

#know-us .embed-responsive
{
    border:20px solid #e2b621;
}

.watson-messages
{
    margin-top:4rem;
    text-transform:uppercase;
    font-weight:bold;
    letter-spacing:0.1rem;
}

.watson-messages em
{
    text-transform:none;
    font-size:0.85rem;
    line-height:1.5em;
    display:block;
    letter-spacing:0;
    font-weight:normal;
}

#know-us .round-image
{
    position: relative;
}

#know-us .round-image::before {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	background-color: #10203F;
	opacity: 0.5;
	border-radius:50%;
}

#know-us .round-image img
{
    max-width:100%;
    height:auto;
    border-radius:50%;
}

#know-us .round-image h3
{
    color:white;
    font-size:2.5rem;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    text-transform:none;
    font-family:var(--gfVars-thirstyFont);
    position:absolute;
    top:0;
    left:0;
    letter-spacing: 0;
}
#looking-value.component {
    margin-bottom:4rem;
}
#looking-value .homepage-content-section {
    margin-top: 0;
    padding-top: 0;
}
#looking-value h2
{
    text-align:center;
    font-family:var(--gfVars-thirstyFont);
    color:var(--gfColors-slateText);
    text-transform:none;
    line-height:1.2;
}

#looking-value h2 span
{
    display:block;
    font-family:var(--gfVars-headerFont);
    color:var(--gfColors-navy);
    font-size:2em;
    text-transform:uppercase;
    letter-spacing:0.05em;
}

#looking-value .icon-holder
{
    height:90px;
}

#looking-value .icon-holder svg
{
    fill: var(--gfColors-gold);
    height:100%;
    width:auto;
}

#transfer-to-fox
{
    background:#ECF0F4;
    padding-bottom: 3rem;
    padding-top: 1rem;
}

#transfer-to-fox h2
{
    font-size: 2rem;
    font-family:var(--gfVars-bodyFont);
    text-transform:uppercase;
    letter-spacing:0.05em;
    line-height: 1.3;
}

#transfer-to-fox h2 span
{
    font-size: 4rem;
    margin-right: .25rem;
    color:var(--gfColors-red);
    font-family:var(--gfVars-thirstyFont);
    text-transform:none;
    letter-spacing:0;
}

#transfer-to-fox h3
{
    color:#6c96ce;
    margin-bottom:2em;
}

#apply-now
{
    text-align:center;
}

#apply-now h2
{
    color:#10203F;
    font-size: 5rem;
    line-height:5rem;
    text-transform: uppercase;
    margin-bottom:0.25em;
}

.image-sidebar-section
{
	padding-right: calc((100% - 690px) / 2);
	padding-left: calc(((100% - 690px) / 2) + (690px / 3));
	background-position: center left;
	background-repeat: no-repeat;
	background-size: calc(((100% - 690px) / 2) + (690px / 3)) auto;
	padding-top:5rem;
	padding-bottom:5rem;
}

#whats-your-major .image-sidebar-section > *
{
    margin-left:2rem;
}

#bruin-bound-summer .image-sidebar-section > *
{
    margin-right:2rem;
}

#whats-your-major
{
    background-color:#10203F;
    padding:0;
}

#whats-your-major .image-sidebar-section
{
    background-image:url(/college-admissions/_assets-index/images/major-background.jpg);
    color:white;
    text-align:left;
}

#whats-your-major h3
{
    color:white;
    font-size: 3.75rem;
    line-height:4rem;
    text-transform:capitalize;
    text-align:left;
}
#bruin-bound-summer .image-sidebar-section img {
    width: 150px;
}

#bruin-bound-summer
{
    padding:0;
}

#bruin-bound-summer .image-sidebar-section
{
    background-image:url(/college-admissions/_assets-index/images/bruin-bound-summer-bg.jpg);
    text-align:right;
	padding-left: calc((100% - 690px) / 2);
	padding-right: calc(((100% - 690px) / 2) + (690px / 3));
	background-position: top right;
}

#fun-days
{
    padding-top:1rem;
    padding-top:var(--gfVars-componentSpacing);
    padding-bottom:1rem;
    padding-bottom:var(--gfVars-componentSpacing);
}

#fun-days h2, #life-at-fox h2, #gf-digital h2
{
    color:#a91130;
    font-size: 3.75rem;
    line-height:4rem;
    text-transform:capitalize;
    text-align:left;
    margin-top: 4rem;
}
#fun-days h2
{
    margin-top:0;
}
#life-at-fox h2, #gf-digital h2
{
    color:#10203F;
}

#gf-digital h2
{
    text-align: right;
}

a.letter-spacing {

    letter-spacing: .1rem;
    font-size: 16px;
    border-radius: 0px;

}
#socialBlock {
    margin: 4rem 0 0;
}
#socialBlock h2 {
    margin-bottom:2rem;
}


/* Responsive styles */

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    .image-sidebar-section
    {
    	padding-right: calc((100% - 1100px) / 2);
    	padding-left: calc(((100% - 1100px) / 2) + (1100px / 3));
    	background-size: calc(((100% - 1100px) / 2) + (1100px / 3)) auto;
    }
    #bruin-bound-summer .image-sidebar-section
    {
    	padding-left: calc((100% - 1100px) / 2);
    	padding-right: calc(((100% - 1100px) / 2) + (1100px / 3));
    }
}

@media (min-width: 992px) {
    .homepage-content-section {
        padding-top: 6rem;
    }
    #looking-value .homepage-content-section {
        margin-top:6rem;
    }
    #majors_component.sideBySide {
        margin-top:7rem;
        margin-bottom:7rem;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .image-sidebar-section
    {
    	padding-right: calc((100% - 930px) / 2);
    	padding-left: calc(((100% - 930px) / 2) + (930px / 3));
    	background-size: calc(((100% - 930px) / 2) + (930px / 3)) auto;
    }
    #bruin-bound-summer .image-sidebar-section
    {
    	padding-left: calc((100% - 930px) / 2);
    	padding-right: calc(((100% - 930px) / 2) + (930px / 3));
    }
}


/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    #know-us .round-image
    {
        max-width:200px;
        margin-left:auto;
        margin-right:auto;
    }
    
    #connect-virtually h2, #know-us h2
    {
        text-align: center;
        margin-left: 0px;
        font-size: 2.25rem;
    }
    
    #connect-virtually h2 span, #know-us h2 span
    {
        margin-left:0;
    }
    
    #connect-virtually h2 span:after, #know-us h2 span:after
    {
        content:none;
    }
    
    #connect-virtually .cta-icons
    {
        margin-top:0;
        padding-top:2rem;
    }
    #connect-virtually .secondary-color {
        padding-bottom:1rem;
    }
    #connect-virtually .cta-icon a
    {
        display:flex;
        align-items:center;
        padding:0;
        box-shadow:none;
    }
    
    #connect-virtually .cta-icon .cta-icon-holder
    {
        margin-top:0;
        max-width:50%;
    }
    
    #connect-virtually .cta-icon .cta-icon-text
    {
        padding:0 15px;
    }
    
    #connect-virtually .pin-pointer .cta-icon-holder
    {
        order:2;
    }
    
    #connect-virtually .pin-pointer .cta-icon-text
    {
        order:1;
    }
    
    #transfer-to-fox
    {
        text-align:center;
    }
    #socialBlock h2 {
        margin-bottom: 1rem;
    }
    #transfer-to-fox h2 span
    {
        display:block;
    }

    #whats-your-major, #bruin-bound-summer
    {
        padding:15px;
    }
    
    #bruin-bound-summer
    {
        background-color:#a91130;
    }
    
    #bruin-bound-summer .image-sidebar-section img {
        width: 220px;
        margin-right: -40px;
        filter: invert(1) grayscale(1) brightness(3);
    }    
    
    #bruin-bound-summer .btn-outline-primary
    {
        border-color:white;
        color:white;
    }
    
    #whats-your-major .image-sidebar-section, #bruin-bound-summer .image-sidebar-section
    {
        background-size: cover;
        padding-left:0;
        padding-right:0;
        text-align:center;
        color:white;
    }
    
    #whats-your-major .image-sidebar-section
    {
        background-image:linear-gradient(rgba(16, 32, 63, 0.45), rgba(16, 32, 63, 0.45)), url(/college-admissions/_assets-index/images/major-background.jpg);
    }
    
    #bruin-bound-summer .image-sidebar-section
    {
        background-image:linear-gradient(rgba(16, 32, 63, 0.45), rgba(16, 32, 63, 0.45)), url(/college-admissions/_assets-index/images/bruin-bound-summer-bg.jpg);
        background-size: cover;
        
    }
    
    #whats-your-major h3
    {
        color:white;
        text-align:center;
    }
    
    #whats-your-major .image-sidebar-section > *, #bruin-bound-summer .image-sidebar-section > *
    {
        margin-left:0;
        margin-right:0;
        padding: 0 2rem;        
    }
    
    #fun-days h2, #life-at-fox h2, #gf-digital h2
    {
        text-align:center;
    }
    
    .videoRotator-content p {
        font-size: 2rem;
        line-height: 1.2;
        padding: 0px 40px;
    }
    
}
@media (max-width: 576.98px){
    #connect-virtually h2, #know-us h2
    {
        font-size:2rem;
    }
    #know-us .homepage-content-section {
        padding-bottom: 1rem;
    }
    #fun-days h2 {
        margin-top: 1.5rem;
    }
}

/* applications now open, start your application, applicatons due from main CSS */
 .deadline h2 {
     position: relative;
     font-family: var(--gfVars-bodyFont);
     text-transform: uppercase;
     letter-spacing: .1em;
     font-weight: bold;
     font-size: 1.5rem;
     margin-bottom: .5rem;
     text-wrap: pretty;
}
 .deadline h2 span {
     font-size:2.3em;
     font-family: var(--gfVars-thirstyFont);
     text-transform: capitalize;
     letter-spacing: 0;
     font-weight: normal;
     position: relative;
     color: var(--gfColors-slate80);
}
 .deadline p {
     text-transform: uppercase;
     letter-spacing: .1em;
     font-weight: bold;
     font-size: 1.5rem;
     line-height:1.3;
     text-wrap: pretty;
}
 #applicationsOpen h2 {
     line-height: 1.3;
}
 @media (max-width:991.98px) {
     .deadline p, .deadline h2 {
         font-size:1.1rem;
         line-height: 1.4;
         margin-top: 1.5em;
    }
     #startYourApplication h2 {
         line-height:1.6;
         margin-bottom:0;
    }
     #startYourApplication h2 span {
         display: block;
    }
     .deadline .u-grid2Columns {
         text-align: center;
         gap: 2rem;
    }
}
 @media(min-width:768px) and (max-width:992px) {
     .deadline .u-grid2Columns {
         grid-template-columns: 64% 34%;
    }
}
 @media(max-width:767.98px) {
     .deadline h2 span{
         font-size: 2em;
         display: block;
         line-height: normal;
    }
     #startYourApplication h2 span {
         line-height:1.8;
    }
}
 @media(max-width:575.98px) {
     #applicationsOpen p span, #startYourApplication p span {
         display:block;
    }
    /*.deadline.wysiwyg--navyTiles>.container {
        */
        /* background-color: rgba(0, 0, 0, 0);
        */
        /*
    }
    */
     #startYourApplication.wysiwyg--navyTiles>.container {
         padding-top:1rem;
    }
     #applicationDeadline p {
         display: flex;
         flex-direction: column;
    }
}
 @media(min-width:768px) {
     #applicationsOpen .u-grid2Columns, #startYourApplication .u-grid2Column {
         grid-template-columns: auto auto;
    }
}
 @media(min-width:992px){
     .deadline .button--xl {
         padding: 1rem 3.4rem 1rem;
    }
}
 @media(min-width:992px) and (max-width:1200px) {
     #applicationDeadline p, #applicationDeadline h2{
         font-size: 1.15rem;
    }
}
 @media(min-width:1200px) {
     .deadline .u-grid2Columns {
         grid-template-columns: 62% 1fr;
    }
}
/* Adjusting deadline button color for different screens */
 @media(max-width:991.98px) {
     .deadline a.button.button--gold{
         border: 1.5px solid var(--gfColors-gold);
         background-color:var(--gfColors-gold);
         color: var(--gfColors-navy);
    }
     .deadline a.button.button--gold:hover {
         background-color: rgba(0,0,0,0);
         color: var(--gfColors-gold);
         border: 1.5px solid var(--gfColors-gold);
    }
}
 @media(min-width:992px) {
     .deadline h2 span {
         color: var(--gfColors-gold);
         line-height: normal;
    }
     .deadline p {
         margin-top: -.2rem;
    }
     .deadline .u-goldSparks::before{
         rotate: 107deg;
         right: -1.75rem;
         left: auto;
    }
}

/* applications now open */
#applicationsOpen h2 {
    position: relative;
    font-family: var(--gfVars-bodyFont);
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: bold;
    font-size: 1.5rem;
    margin-top: -1rem;
}
#applicationsOpen .u-gold-after--centerAlign.u-gold-after::after {
        margin: 0.75rem auto 1.25rem auto;
}
#applicationsOpen p {
     text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: bold;
    font-size: 1.5rem;
    line-height:1.3;
}
#applicationsOpen p span {
    color: var(--gfColors-slate100);
}
@media(max-width:767.98px) {
    #applicationsOpen p {
        font-size:1.1rem;
    }
    #applicationsOpen h2 {
        font-size:1.2rem;
    }
}



/*   -----  /////   Updates 10. 2023   /////  -----   */

#hearStories a.button.sparkle {
    padding: 0.75rem 2.5rem;
    position: relative;
}
#hearStories a.button.sparkle::after {
    content: "";
    background-image: url(/__template/t1/images/doodle-illustrations/gold-stars.svg);
    background-repeat: no-repeat;
    width: 4rem;
    height: 4rem;
    position: absolute;
    bottom: 1rem;
    left: -2rem;
    display: block;
}
#challengeWorld {
    position:relative;
    background-image:url('/college-admissions/_assets-index/images/bg-slate-texture.jpg');
    background-repeat:no-repeat;
    background-size: cover;
    background-position: bottom center;
    padding: 2rem 0 4rem;
}

#challengeWorld .u-grid2Columns {
    align-items:baseline;
}
#challengeWorld .h1 {
    font-size:1.5em;
}
#challengeWorld h2 span.u-gfColors-slate15 {
    color:#fff;
}
#challengeWorld .u-gfColors-slateText {
    color:#6a859d;
}
#challengeWorld a {
    box-shadow: inset 0px -1px 0px var(--gfColors-slate15);
}
#challengeWorld a:hover {
    color: var(--gfColors-navy);
    box-shadow: inset 0px -1px 0px var(--gfColors-gold);
}
.add-slate-sparkle {
    position:relative;
}
.add-slate-sparkle::before {
    content: "";
    background-image: url(/__template/t1/images/doodle-illustrations/doodle-sparks.png);
    background-repeat: no-repeat;
    background-size:contain;
    width: 6rem;
    height: 6rem;
    position: absolute;
    bottom: 0;
    right: -4rem;
    display: block;
}
@media (min-width:768px) and (max-width:991.98px) {
    .add-slate-sparkle::before {
        bottom:3rem
    }
}
@media (max-width:767.98px) {
    .add-slate-sparkle::before {
        bottom: -1rem;
        right: -6rem;
    }
}
@media (max-width:575.98px) {
    .add-slate-sparkle::before {
        bottom: 0rem;
        right: 0rem;
    }
}


#ourStories a.button.sparkle {
    position:relative;
}
#ourStories a.button.sparkle::after {
    content: "";
    background-image: url(/__template/t1/images/doodle-illustrations/gold-stars.svg);
    background-repeat: no-repeat;
    width: 4rem;
    height: 4rem;
    position: absolute;
    bottom: 1rem;
    left: -2rem;
    display: block;
}

/* side by side modifications */

@media (min-width: 992px) {
    #yourMajor.sideBySide--navyFullWidth.sideBySide--rightAlign {
        grid-template-columns: 3fr 4fr;
    }
    #yourMajor.sideBySide--navyFullWidth.sideBySide--rightAlign .sideBySide-content {
        grid-area: 1/1;
        margin-left: 0;
        margin-right: 0;
        padding-left: 9rem;
        padding-bottom:6rem;
    }
}
@media (min-width: 1960px) {
    #yourMajor.sideBySide--navyFullWidth.sideBySide--rightAlign {
        grid-template-columns: 1fr 840px 1020px 1fr;
    }
    #yourMajor.sideBySide--navyFullWidth.sideBySide--rightAlign .sideBySide-image {
        grid-area: 1/3/1/5;
        max-width:1080px;
        width:100%;
    }
    #yourMajor.sideBySide--navyFullWidth.sideBySide--rightAlign .sideBySide-content {
        grid-area: 1/2/1/3;
    }
}

h2.u-bgCircle-textured {
    margin-top: -8rem;
    margin-bottom: 6rem;
    position: relative;
    font-size: 3.5rem;
}
h2.u-bgCircle-textured::before {
    content: "";
    height: 20rem;
    width: 20rem;
    display: block;
    background-color: var(--gfColors-slate80);
    background-image: url(/college-admissions/_assets-index/images/slate-texture.jpg);
    background-repeat: no-repeat;
    background-size:contain;
    border-radius: 50%;
    position: absolute;
    top: -9rem;
    left: -1.5rem;
    z-index: -1;
}

#value .u-gfColors-bg-slate15 {
    z-index: -10;
}
#value .icon {
    position:relative;
}
#value .icon::before {
    content:"";
    background-color:var(--gfColors-navyAccent);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: -8px;
    left: calc(50% - 26px);
    z-index: -1;
}
#value .add-margin-top {
    margin-top:5px;
}

/* ------    Value-Recognition   -------  */

#recognition .u-grid2Columns {
    grid-template-columns: 1.5fr 7fr;
}
@media (max-width: 991.98px) {
    #recognition .u-grid2Columns {
        grid-template-columns: 1fr;
    }
}
#recognition .u-stepList>li {
    padding-left:2rem;
}


/* ------    Scholarships   -------  */

#scholarships .u-stepList>li {
    padding-left: 2rem;
    display:grid;
    padding-top: 0;
}
#scholarships .u-stepList>li p:nth-child(2) {
    align-self:end;
}
#scholarships a.button {
    height: 4rem;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}

#scholarships .u-grid--largeGap {
    gap:2rem ! important;
    padding-top: 1.2rem;
}
@media (max-width: 991.98px) {
    #scholarships .u-grid3Columns {
        grid-template-columns: 1fr;
    }
    #scholarships a.button {
        height: 3rem;
    }
}


/*  ------ bg tiles  ----  */
#bgTiles .container {
    position:relative;
}

#bgTiles ul li::before {
    display:none;
}

@media (min-width:992px) {
    #bgTiles .container {
        padding-bottom: 4rem;
    }

    .bg-tiles {
        position: absolute;
        top: 0;
        right: 0%;
        width: 45%;
        height: 70px;
    }
    .bg-tiles-bottom {
       position: absolute;
       bottom:1%;
       left:0%;
       width: 45%;
       height: 150px;
        left: -20%;
    }
    .bg-tiles-bottom li {
        position: absolute;
        list-style: none;
        display: block;
        width: 60px;
        height: 60px;
        background-repeat: no-repeat;
        background-size: 60px 60px;
        bottom: -60px;
    }
    .bg-tiles li {
        position: absolute;
        list-style: none;
        display: block;
        width: 60px;
        height: 60px;
        background-image:url(/_assets-index/images/tile-gear.svg);
        background-repeat:no-repeat;
        background-size:60px 60px;
        bottom: -60px;
    }
    .bg-tiles li:nth-child(1) {
        left: 0;
    }
    .bg-tiles li:nth-child(2) {
        background-image:url(/_assets-index/images/tile-pennington.svg);
        left: 120px;
        -webkit-animation: fade-out-in 6s ease 6s infinite;
        animation: fade-out-in 6s ease 6s infinite;
    }
    .bg-tiles li:nth-child(3) {
        background-image:url(/_assets-index/images/tile-mountain.svg);
        left: 180px;
    }
    .bg-tiles li:nth-child(4), .bg-tiles-bottom li:nth-child(1) {
        background-image:url(/_assets-index/images/tile-trees.svg);
        left: 240px;
    }
    .bg-tiles li:nth-child(5), .bg-tiles-bottom li:nth-child(2) {
        background-image:url(/_assets-index/images/tile-oregon.svg);
        left: 360px;
    }
    .bg-tiles li:nth-child(6), .bg-tiles-bottom li:nth-child(3) {
        background-image:url(/_assets-index/images/tile-bible.svg);
        left: 420px;
        -webkit-animation: fade-out-in 5s ease infinite;
        animation: fade-out-in 5s ease infinite;
    }
    .bg-tiles li:nth-child(7), .bg-tiles-bottom li:nth-child(4) {
        background-image:url(/_assets-index/images/tile-stethoscope.svg);
        left: 480px;
        -webkit-animation: fade-out-in 6s ease 7s 4;
        animation: fade-out-in 6s ease 7s 4;
    }
    .bg-tiles li:nth-child(8) {
        background-image:url(/_assets-index/images/tile-pens.svg);
        left: 60px;
        bottom:0;
    }
    .bg-tiles li:nth-child(9) {
        background-image:url(/_assets-index/images/tile-bible.svg);
        left: 120px;
        bottom:0;
        -webkit-animation: fade-out-in 6s ease 1s infinite;
        animation: fade-out-in 6s ease 1s infinite;
    }
    .bg-tiles li:nth-child(10), .bg-tiles-bottom li:nth-child(5) {
        background-image:url(/_assets-index/images/tile-stethoscope.svg);
        left: 240px;
        bottom:0;
        -webkit-animation: fade-out-in 6s ease 3s infinite;
        animation: fade-out-in 6s ease 3s infinite;
    }
    .bg-tiles li:nth-child(11), .bg-tiles-bottom li:nth-child(8){
        background-image:url(/_assets-index/images/tile-woodmar.svg);
        left: 300px;
        bottom:0;
    }
    .bg-tiles li:nth-child(12), .bg-tiles-bottom li:nth-child(9) {
        background-image:url(/_assets-index/images/tile-pens.svg);
        left: 420px;
        bottom:0;
        -webkit-animation: fade-out-in 8s ease 5s infinite;
        animation: fade-out-in 8s ease 5s infinite;
    }
    .bg-tiles li:nth-child(13){
        background-image:url(/_assets-index/images/tile-drink.svg);
        left: 480px;
        bottom:0;
        opacity:0;
        -webkit-animation: fade-in-left 8s ease 3s infinite;
        animation: fade-in-left 8s ease 3s infinite;
    }
    .bg-tiles li:nth-child(14) {
        background-image:url(/_assets-index/images/tile-gear.svg);
        left: 180px;
        bottom:60px;
        opacity:0;
        -webkit-animation: fade-in-down 11s ease 3s infinite;
        animation: fade-in-down 11s ease 3s infinite;
    }
    .bg-tiles li:nth-child(15), .bg-tiles-bottom li:nth-child(6) {
        background-image:url(/_assets-index/images/tile-forest.svg);
        left: 300px;
        bottom:60px;
        -webkit-animation: fade-out-in 6s ease 2s 8;
        animation: fade-out-in 6s ease 2s 8;
    }
    .bg-tiles li:nth-child(16), .bg-tiles-bottom li:nth-child(7) {
        background-image:url(/_assets-index/images/tile-gf.svg);
        left: 360px;
        bottom:60px;
        -webkit-animation: fade-out-in 6s ease 4s infinite;
        animation: fade-out-in 6s ease 4s infinite;
    }
    .bg-tiles li:nth-child(17) {
        background-image:url(/_assets-index/images/tile-circuit-board.svg);
        left: 480px;
        bottom:60px;
    }
    .bg-tiles li:nth-child(18) {
        background-image:url(/_assets-index/images/tile-circuit-board.svg);
        left: 120px;
        bottom:60px;
        opacity:0;
        -webkit-animation: fade-in-out 7s ease 2s infinite;
        animation: fade-in-out 7s ease 2s infinite;
    }
}    



    
    @-webkit-keyframes fade-out-in {
      0% {
        opacity:1;
      }
      50% {
        opacity:0;
      }
      100% {
        opacity:1;
      }
    }
    @keyframes fade-out-in {
      0% {
        opacity:1;
      }
      50% {
        opacity:0;
      }
      100% {
        opacity:1;
      }
    }

    
    @-webkit-keyframes fade-in-out {
      0% {
        opacity:0;
      }
      50% {
        opacity:1;
      }
      100% {
        opacity:0;
      }
    }
    @keyframes fade-in-out {
      0% {
        opacity:0;
      }
      50% {
        opacity:1;
      }
      100% {
        opacity:0;
      }
    }

    @-webkit-keyframes fade-in-down {
      0% {
        opacity:0;
        bottom:60px;
      }
      15% {
        opacity:1;
        bottom:60px;
      }
      40% {
        opacity:1;
        bottom:60px;
      }
      60% {
        opacity:1;
        bottom:0;
      }
      80% {
        opacity:0;
        bottom:0;
      }
      100% {
        opacity:0;
        bottom:60px;
      }
    }
    @keyframes fade-in-down {
      0% {
        opacity:0;
        bottom:60px;
      }
      15% {
        opacity:1;
        bottom:60px;
      }
      40% {
        opacity:1;
        bottom:60px;
      }
      60% {
        opacity:1;
        bottom:0;
      }
      80% {
        opacity:0;
        bottom:0;
      }
      100% {
        opacity:0;
        bottom:60px;
      }
    }


    @-webkit-keyframes fade-in-left {
      0% {
        opacity:0;
        left:480px;
      }
      40% {
        opacity:1;
        left:480px;
      }
      60% {
        opacity:1;
        left:420px;
      }
      80% {
        opacity:0;
        left:420px;
      }
      100% {
        opacity:0;
        left:480px;
      }
    }
    @keyframes fade-in-left {
      0% {
        opacity:0;
        left:480px;
      }
      40% {
        opacity:1;
        left:480px;
      }
      60% {
        opacity:1;
        left:420px;
      }
      80% {
        opacity:0;
        left:420px;
      }
      100% {
        opacity:0;
        left:480px;
      }
    }

    @-webkit-keyframes fade-out-right {
      0% {
        opacity:1;
        left:420px;
      }
      20% {
        opacity:0;
        left:420px;
      }
      30% {
        opacity:0;
        left:480px;
      }
      60% {
        opacity:1;
        left:480px;
      }
      100% {
        opacity:1;
        left:420px;
      }
    }
    @keyframes fade-out-right {
      0% {
        opacity:1;
        left:420px;
      }
      20% {
        opacity:0;
        left:420px;
      }
      30% {
        opacity:0;
        left:480px;
      }
      60% {
        opacity:1;
        left:480px;
      }
      100% {
        opacity:1;
        left:420px;
      }
    }
    
    
/* Circle navs */
@media(max-width:768px) {
#connectWithGFU .circleNav-item:first-child .circleNav-item-image > img {
        object-position: center 80%; 
}
}

/* Keep Exploring */
#keepExploring .circleNav-content {
    gap:1rem;
}
#keepExploring .circleNav-item {
    width:100%;
}
#keepExploring .circleNav-item {
    max-width: none;
}
#keepExploring .circleNav-item-image {
    border-radius:0;
    position: relative;
    align-items: center;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex-wrap: wrap;
    text-align: center;
    margin: 0;
    justify-content: flex-end;
}
#keepExploring .circleNav-item-image::after {
    background-color: transparent;
    background-image: linear-gradient(10deg, var(--gfColors-navy) 25%, transparent 65%);
    opacity:.4;
}
@media (min-width: 1200px) {
    #keepExploring .circleNav-item-image {
        margin: 0;
    }
}

#keepExploring .circleNav-item-image>img {
    width:100%;
}
#keepExploring .circleNav-item-image-text {
    margin-bottom:3rem;
    display: block;
    width:100%;
}
#keepExploring .circleNav-item-image-text span:not(.button) {
    text-transform: none;
    letter-spacing: 0;
    color: var(--gfColors-slate15);
}

#keepExploring .circleNav-item-image:has(div.title-tag)::after {
    opacity: 0;
}

#keepExploring .title-tag {
    position: absolute;
    bottom: 12rem;
    left: 6rem;
}
#keepExploring .title-tag h2 {
    position:relative;
}
#keepExploring .title-tag h2::after {
    content:url(/college-admissions/_assets-index/'');
    width: 95%;
    height: 65%;
    display: block;
    position: absolute;
    top: 4.5rem;
    left: 1rem;
}
@media (min-width:992px) {
    #keepExploring .title-tag h2::before {
        content:url('/college-admissions/_assets-index/images/arrow-right-dotted.svg');
        width: 45%;
        height: 45%;
        display: block;
        position: absolute;
        top: 0;
        right: -4rem;
    }
}


@media (min-width:1200px) {
    #keepExploring .title-tag {
        bottom: 16rem;
        left: 7.5rem;
    }
}
@media (min-width:768px) and (max-width:991.98px) {
    #keepExploring .title-tag {
        bottom: 6rem;
        left: 3.25rem;
    }
    #keepExploring .title-tag span.h3 {
        font-size:2rem;
    }
}
@media (max-width:767.98px) {
    #keepExploring .title-tag {
        bottom: 11rem;
        left: 6rem;
        text-align: center;
    }
    #keepExploring .circleNav-content:has(div.title-tag) .circleNav-item:first-child {
        display:none;
    }
}

#keepExploring .circleNav-item:has(.add-video-icon) {
    position:relative
}
#keepExploring .circleNav-item:has(.add-video-icon)::after {
    content: "\25B6 \FE0E";
    width: 2em;
    height: 2em;
    padding-left: 0.28em;
    position: absolute;
    top: calc(50% - 1.125em);
    left: calc(50% - 1.125em);
    color: #fff;
    font-size: 70px;
    line-height: 140px;
    text-align: center;
    border-radius: 50%;
    box-shadow: inset 0 0 0 0.07em #fff;
    transition: .25s ease-out;
    font-size: 3rem;
    line-height: 2.25em;
    background-color: rgba(31,42,66,.5);
}
#keepExploring p.u-bgCircle::before {
    height: 7rem;
    width: 15rem;
    top: 5rem;
    left: 4rem;
    opacity: .1;
}
@media (min-width:1200px) {
    #keepExploring p.u-bgCircle::before {
        width: 21rem;
    }
}



/* Be Known Ending */
#beKnownEnding
{
    text-align:center;
    background-image:url(/_assets-index/images/smiley-face.png);
    background-position:top center;
    background-repeat: no-repeat;
    background-size: 4rem auto;
    padding-top:4.5rem;
}

#beKnownEnding :first-child
{
    margin-top:0;
}
.outlineBox--slateBorder:not(.outlineBox--noConstrainedWidth) .outlineBox-content {
    padding-right:0;
}