/*PERCENT STUDY ABROAD COMPARISON GRID*/
 @media (min-width: 1200px) {
     #study-abroad-comparison-grid {
         display: grid;
         grid-template-columns: 1fr 2fr;
         gap: 1rem;
    }
     .usa-study-abroad {
         grid-column: 1;
         padding-top: 1rem;
    }
     .gfu-study-abroad {
         grid-column: 2;
         padding: 2rem;
    }
}
 @media (min-width: 768px) and (max-width: 1199px) {
     #study-abroad-comparison-grid {
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 1rem;
    }
     .usa-study-abroad {
         grid-column: 1;
         border: 2px solid var(--gfColors-slate45);
         box-sizing: border-box;
         padding: 2rem;
    }
     .gfu-study-abroad {
         grid-column: 2;
         padding: 2rem;
    }
}
 @media (max-width: 767px) {
     #study-abroad-comparison-grid {
         display: grid;
         grid-template-columns: 1fr;
         gap: 1rem;
    }
     .usa-study-abroad {
         grid-column: 1;
         border: 2px solid var(--gfColors-slate45);
         box-sizing: border-box;
         padding: 1rem;
    }
     .gfu-study-abroad {
         grid-column: 1;
         padding: 1rem;
    }
}
/*SVG ICON PEOPLE FLEX*/
 .svg-people {
     display: flex;
     gap:9px 4px;
     flex-wrap: wrap;
     width: 236px;
}
 @media (min-width: 768px) and (max-width: 1199px) {
     .svg-people {
         width: 100%;
    }
}
 @media (max-width: 767px) {
     .svg-people img {
         width: 30px;
    }
     .svg-people {
         width: 100%;
    }
}
/*FIRST CIRCLE IMAGE*/
 @media (min-width: 1200px) {
     .first-circle-image {
         position: relative;
    }
     .first-circle-image::after {
         background-image: url(/college-admissions/academics/_assets-study-abroad/images/41622445575_0221bd77b0_o.webp);
         border-radius: 50%;
         content: "";
         height: 400px;
         width: 400px;
         background-repeat: no-repeat;
         position: absolute;
         left: 16.5rem;
         top: 9rem;
         background-size: 100%;
    }
}
/*EXTRA PADDING ON <P> UNDER COMPARISON GRID*/
 @media (min-width: 1200px) {
     .extra-padding-right {
         padding-right: 480px;
    }
}
/*ABROAD SECTION GRID*/
 @media (min-width: 768px) {
     .abroad-category.u-grid2Columns {
         grid-template-columns: 1fr 2fr;
         gap: 2rem;
    }
     .smaller-grid.u-grid2Columns {
         grid-template-columns: 2fr 1fr;
         gap: 2rem;
    }
     .content-left {
         grid-column: 1;
         grid-row: 1;
    }
     .image-right {
         grid-column: 2;
         grid-row: 1;
    }
}
/*GOLD DOODLES*/
 @media (min-width: 1200px) {
     .gold-arrow {
     position: relative;
}
 .gold-arrow::before {
     background-image: url(/__template/t1/images/doodle-illustrations/gold-arrow-twisted.png);
     content: "";
     height: 8rem;
     width: 7rem;
     background-repeat: no-repeat;
     position: absolute;
     left: 86%;
     top: -6.7rem;
     transform: rotate(9deg);
     z-index: 1;
}
}
 .gold-exclamation-marks {
     position: relative;
}
 .gold-exclamation-marks::before {
     background-image: url(/__template/t1/images/doodle-illustrations/gold-exclamation-mark.png);
     content: "";
     height: 100px;
     width: 13px;
     background-repeat: no-repeat;
     position: absolute;
     left: 9.25rem;
     top: 0rem;
     background-size: 100%;
     transform: rotate(9deg);
     z-index: 1;
}
 .gold-exclamation-marks::after {
     background-image: url(/__template/t1/images/doodle-illustrations/gold-exclamation-mark.png);
     content: "";
     height: 92px;
     width: 11px;
     background-repeat: no-repeat;
     position: absolute;
     left: 10.25rem;
     top: 1rem;
     background-size: 100%;
     transform: rotate(27deg);
}
 .gold-sparkles {
     position: relative;
}
 .gold-sparkles::after {
     background-image: url(/__template/t1/images/doodle-illustrations/gold-stars.svg);
     content: "";
     height: 75px;
     width: 75px;
     background-repeat: no-repeat;
     position: absolute;
     right: 1.5rem;
     background-size: 100%;
}
     .gold-heart {
         position: relative;
    }
     .gold-heart::after {
         background-image: url(/__template/t1/images/doodle-illustrations/heart-doodle.svg);
         content: "";
         height: 110px;
         width: 110px;
         background-repeat: no-repeat;
         position: absolute;
         right: 5.5rem;
         background-size: 100%;
         transform: rotate(18deg);
    }