h1 {
    font-family: montserrat;
}

h2 {
    font-family: montserrat;
}

h3 {
    font-family: montserrat;
}

h4 {
    font-family: montserrat;
}

li {
    font-family: montserrat;
}

.carousel-inner {
    overflow: hidden;
}


.itemcontainer {
    overflow: hidden;
    max-height: 350px;
}

@media (min-width: 1700px) {
    .itemcontainer {
        max-height: 500px;
    }
}

.sliderBgImage {
    object-fit: cover;
    width: 100%;
}

.carousel-control.left, .carousel-control.right {
    background-image: none !important;
    height: 350px !important;
}

.topInfoSection {
    background: #DFE9FF;
    padding: 15px 15px 50px;
}

.topInfoSection h3 {
    margin: 40px auto 25px;
    color: #0b1541;
    font-weight: bold;
    font-size: 150%;
    text-align: center;
    font-family: Montserrat;
}

.teachMoneyHeaderContainer {
    background-image: url('https://d3f7q2msm2165u.cloudfront.net/aaa-content/user/files/Web%20Pages/Home%20page/2025_Redesign/2025_NGPF_home_header.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.teachMoneyHeaderContainer h2 {
    color: #0B1541;
    font-family: Montserrat;
    font-size: 68px;
    font-style: normal;
    font-weight: 800;
    line-height: 90%; /* 85px */
    display: block;
    text-align: center;
    margin: 25px 0 auto auto;
}

.teachMoneyHeaderContainer h3 {
    color: #0B1541;
    font-family: Montserrat;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 41.6px */
    display: block;
    width: 90%;
    margin: 25px 0 auto auto;
}

.teachMoneyHeaderContainer svg {
    width: 90%;
    margin: 25px auto;
    display: block;
}

.teachMoneyHeaderContainer .row {
    margin-right: auto !important;
    margin-left: auto !important;
}

.teachMoneyHeaderContainer .row .col-md-5 div {
    width: 90%;
    margin: 100px 0 25px auto;
}

.newOfferingContainer {
    background: #E9F1FE;
    padding-top: 25px;
}

.newOfferingContainer h1 {
    color: var(--NGPF-Blue, #1F3B9B);
    text-align: center;
    font-family: Montserrat;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    width: 65%;
    margin: 0 auto;
    display: block;
}

.newOfferingContainer .row {
    width: 90%;
    margin: 0 auto;
}

.newOfferingContainer .accordion {
    width: 95%;
    margin: 25px auto;
    display: block;
}

/* Panel container styling */
.newOfferingContainer .panel-group {
    width: 95%;
    margin: 25px auto;
    display: block;
}

.newOfferingContainer .panel {
    background: none !important;
    border: none;
    box-shadow: none !important;
    border-bottom: 1px solid #000;
    border-radius: 0 !important;
}

.newOfferingContainer .panel-heading {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0;
}

/* Keep link full width */
.newOfferingContainer .panel-title a {
    display: block;
    position: relative;
    text-decoration: none;
    color: #0B1541;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 33.6px */
    padding: 15px 0;
}

/* Text inside link takes up 90% */
.newOfferingContainer .panel-title a .accordion-text {
    display: inline-block;
    width: 80%;
    vertical-align: top;
}

/* The icon */
.newOfferingContainer .panel-title a:after {
    content: "";
    float: right;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 50px 50px;
    display: inline-block;
    vertical-align: top;
    transition: transform 0.4s ease;
    padding: 15px;
}


/* Closed (plus icon) */
.newOfferingContainer .panel-title a[aria-expanded="false"]:after {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='51' height='51' viewBox='0 0 51 51' fill='none'><path d='M25.5 4.78125C14.076 4.78125 4.78125 14.076 4.78125 25.5C4.78125 36.924 14.076 46.2188 25.5 46.2188C36.924 46.2188 46.2188 36.924 46.2188 25.5C46.2188 14.076 36.924 4.78125 25.5 4.78125ZM25.5 7.96875C35.1995 7.96875 43.0312 15.8005 43.0312 25.5C43.0312 35.1995 35.1995 43.0312 25.5 43.0312C15.8005 43.0312 7.96875 35.1995 7.96875 25.5C7.96875 15.8005 15.8005 7.96875 25.5 7.96875ZM23.9062 15.9375V23.9062H15.9375V27.0938H23.9062V35.0625H27.0938V27.0938H35.0625V23.9062H27.0938V15.9375H23.9062Z' fill='%23275CE4'/></svg>");
    transform: rotate(0deg);
}

/* Open (minus icon) */
.newOfferingContainer .panel-title a[aria-expanded="true"]:after {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='51' height='51' viewBox='0 0 51 51' fill='none'><path d='M25.5 4.78125C14.076 4.78125 4.78125 14.076 4.78125 25.5C4.78125 36.924 14.076 46.2188 25.5 46.2188C36.924 46.2188 46.2188 36.924 46.2188 25.5C46.2188 14.076 36.924 4.78125 25.5 4.78125ZM25.5 7.96875C35.1995 7.96875 43.0312 15.8005 43.0312 25.5C43.0312 35.1995 35.1995 43.0312 25.5 43.0312C15.8005 43.0312 7.96875 35.1995 7.96875 25.5C7.96875 15.8005 15.8005 7.96875 25.5 7.96875ZM15.9375 23.9062V27.0938H35.0625V23.9062H15.9375Z' fill='%23275CE4'/></svg>");
    transform: rotate(180deg);
}


.newOfferingContainer .panel-body {
    border: none !important;
    background: none !important;
    padding: 15px 0;
    color: #000;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%; /* 25px */
    width: 80%;
}

.newOfferingContainer .panel-body .panel-body-button {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 10px;
    background: #275CE4;
    padding: 15px;
    margin: 25px auto 25px 0;
    display: inline-block;
}

.newOfferingContainer .accountCTA {
    width: 80%;
    margin: 0 auto;
    padding-top: 25px;
    padding-bottom: 25px;
    display: block;
    text-align: center; /* Center inline-block children */
}

.newOfferingContainer .accountCTA p {
    color: #000;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 33.6px */
    display: inline-block;
    margin: 0 15px; /* spacing between items */
    text-align: center;
    vertical-align: middle; /* align nicely with button */
}

.newOfferingContainer .accountCTA a {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 10px;
    background: #275CE4;
    padding: 16px 18px;
    display: inline-block;
    margin: 25px 15px;
    vertical-align: middle; /* aligns with <p> */
}

/* Image container styling */
.accordion-images img {
    display: none;
    width: 90%;
    max-height: 80%;
    margin: 25px auto;
    border-radius: 8px;
}

.accordion-images img.active {
    display: block;
}

.testimonialsContainer {
    background: url("https://d3f7q2msm2165u.cloudfront.net/aaa-content/user/files/Web%20Pages/Home%20page/2025_Redesign/2025_TeacherTestimonal_background.jpg") no-repeat center center;
    background-size: cover; /* make sure the image fills the section */
    text-align: center;
    padding-top: 50px;
}

#testimonialsContainer-carousel {
    width: 75%;
    display: block;
    margin: 125px auto 0;
    border-radius: 18px;
    box-shadow: 1px 1px 5px #666666;
}

.testimonials-carousel .carousel-inner .item {
    padding: 25px;
    width: 80%;
    margin: 10px auto;
    display: none; /* default hidden */
}

.testimonials-carousel .carousel-inner .item.active {
    display: block; /* only active slide shows */
}

.testimonials-carousel .left.carousel-control,
.testimonials-carousel .right.carousel-control {
    width: 5%;
    opacity: 1; /* Full opacity */
    transition: opacity 0.3s ease; /* Smooth transition for opacity change */
}

.testimonials-carousel .left.carousel-control:hover,
.testimonials-carousel .right.carousel-control:hover {
    opacity: 0.7; /* Change to 70% opacity on hover */
}

.testimonials-carousel .left.carousel-control {
    left: 0px;
    top: 0;
    background-image: none; /* Remove default image */
}

.testimonials-carousel .right.carousel-control {
    right: 0px;
    top: 0%;
    background-image: none; /* Remove default image */
}

.testimonials-carousel .left.carousel-control .glyphicon-chevron-left,
.testimonials-carousel .right.carousel-control .glyphicon-chevron-right {
    font-size: 30px; /* Increase size of the arrows */
    color: white; /* Change color to white */
    height: 45px;
    width: 45px;
}

.testimonialSquares {
    border-radius: 18px;
    background: #FFF;
    height: 425px;
}


.testimonialSquares h1 {
    color: #275CE4;
    text-align: center;
    font-family: Montserrat, sans-serif;
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 72.8px */
}

.testimonialsContainer h2 {
    color: #0B1541;
    text-align: center;
    font-family: Montserrat;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    margin: 25px auto;
}

.testimonialSquares p {
    text-align: left;
    color: #0B1541;
    font-family: Montserrat;
    font-size: 20px;
    font-style: italic;
    font-weight: 500;
    line-height: 140%; /* 28px */
}

.testimonialSquares p.testimonialName {
    color: #000;
    text-align: right;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 25.2px */
}

.testimonialSquares img.testimonialHeadshot {
    max-width: 200px;
    width: 95%;
    height: auto;
    margin: 50px auto;
    display: block;
}

.testimonialSquares img {
    width: 60px;
    margin: 5px auto 20px 5px;
    display: block;
}

.teachersTrust {
    background: #1F3B9B;
    padding-top: 35px;
    padding-bottom: 35px;
}

.teachersTrust h1 {
    color: #FFF;
    text-align: center;
    font-family: Montserrat, sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 140%;
    width: 80%;
    margin: 25px auto;
}

.teachersTrust .highlight {
    position: relative;
    display: inline-block; /* anchor the underline */
}

.teachersTrust .highlight .underline {
    position: absolute;
    left: -15px;
    bottom: -5px; /* adjust to sit right under the number */
    width: 125%; /* make the SVG match the text span width */
    height: 0.4em; /* scale vertically */
    padding-top: 10px; /* your fix */
}

.studentBanner {
    position: relative; /* enables absolute positioning for h1 */
    background-image: url('https://d3f7q2msm2165u.cloudfront.net/aaa-content/user/files/Web%20Pages/Home%20page/2025_Redesign/Home_SchoolDistrict_background.jpg');
    background-size: cover; /* makes sure it covers the whole area */
    background-position: center; /* centers the image */
    background-repeat: no-repeat; /* prevents tiling */
    height: 700px;
}

.studentBanner h1 {
    position: absolute;
    bottom: 40px; /* adjust spacing from bottom */
    left: 50%;
    transform: translateX(-50%); /* keep centered horizontally */
    margin: 0;
    color: #FFF;
    text-align: center;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    font-family: Montserrat, sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%; /* 62.5px */
    width: 80%; /* take up 80% of screen width */
    max-width: 1200px; /* optional: keeps text from stretching too wide on huge screens */
}


.districtOfferings {
    width: 80%;
    display: block;
    margin: 50px auto 0;
}

.districtOfferings img {
    max-width: 240px;
    margin: 50px auto 25px;
    display: block;
}

.districtOfferings h2 {
    color: #275CE4;
    font-family: Montserrat;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%; /* 27.5px */
    width: 90%;
}

.districtOfferings p {
    color: #000;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%; /* 22.5px */
    margin: 25px auto 25px 0;
    width: 90%;
}

.districtOfferings a {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 10px;
    background: #275CE4;
    padding: 15px;
}

.districtOfferings h3 {
    color: #000;
    text-align: center;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 33.6px */
    width: 80%;
    margin: 75px auto 25px;
}

.districtLogosRow {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.districtLogo {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
}

.districtLogo img {
    max-height: 100px; /* normalize height */
    max-width: 100%;
    object-fit: contain; /* keeps proportions */
}


.districtQuote {
    display: block;
    margin: 75px auto;
    position: relative; /* gives a reference for overlap */
}

.districtQuote > img {
    float: left;
    width: 400px !important; /* force it to stay at 400px */
    max-width: none !important; /* prevent Bootstrap from shrinking it */
    height: auto; /* keeps proportions */
    margin-right: 25px; /* creates the staggered overlap */
    margin-top: 50px; /* adjusts vertical alignment */
    margin-left: -40px;
    z-index: 2;
    position: relative;
    border-radius: 24px;
}

.districtQuoteContainer {
    border-radius: 24px;
    background-color: #E9F1FE;
    position: relative;
    z-index: 1;
    width: 85%;
    margin: 50px 0 50px auto;
}

.districtQuoteContainer .districtQuoteContent {
    width: 80%;
    margin: 25px 0 25px auto;
    padding: 25px;
    display: block;
}

.districtQuoteContainer .districtQuoteContent img {
    width: 50px;
    border-radius: 0;
    margin-left: 15px;
    margin-top: -35px;
    display: block;
}


.districtQuoteContainer .districtQuoteContent p {
    color: #000;
    font-family: Montserrat;
    font-size: 20px;
    font-style: italic;
    font-weight: 500;
    line-height: 140%; /* 28px */
}

.districtQuoteContainer .districtQuoteContent p.testimonialName {
    color: #000;
    text-align: right;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 28px */
}

.bottomContent {
    background-image: url('https://d3f7q2msm2165u.cloudfront.net/aaa-content/user/files/Web%20Pages/Home%20page/2025_Redesign/2025_NGPF_home_bottom.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 15px 50px 15px;
}

.ourImpactContent h2 {
    color: #0B1541;
    text-align: center;
    font-family: Montserrat;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 50.4px */
}

.ourImpactContent p {
    color: #000;
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    width: 60%;
    margin: 15px auto;
    display: block;
}

.impactSquares {
    border-radius: 35px;
    border: 2px solid #0F2764;
    background: #FFF;
    padding: 15px;
    margin-top: 15px;
    height: 300px;
}

.impactSquares img {
    display: block;
    margin: 15px auto 0;
    width: 150px;
}

.impactSquares h1 {
    color: #275CE4;
    text-align: center;
    font-family: Montserrat;
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 72.8px */
}

.impactSquares p {
    color: #000;
    text-align: center;
    /* Large P Bold */
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 28px */
    width: 100% !important;
}

.ngpfPartnersContainer {
    margin: 75px auto 50px;
    text-align: center;
}

.ngpfPartnersContainer h2 {
    color: #0B1541;
    text-align: center;
    font-family: Montserrat;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 50.4px */
}

.ngpfPartnersContainer .image-container {
    display: flex; /* Use flexbox to align items */
    justify-content: space-between; /* Space out items evenly */
    align-items: center; /* Align items vertically */
    width: 80%; /* Take full width of the container */
    margin: 25px auto; /* Some margin for visual separation */
}

.ngpfPartnersContainer img {
    width: 175px; /* Set width of images */
    height: auto; /* Maintain aspect ratio */
    margin: 25px auto;
}

.ngpfPartnersContainer a {
    display: inline-block; /* Makes the element behave like an inline element but respect padding and margins */
    margin: 15px auto;
    border-radius: 10px;
    border: 2px solid #275CE4;
    background: #275CE4;
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.recognitionContainer {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 50px;
}

.recognitionContainer h2 {
    color: #0B1541;
    text-align: center;
    font-family: Montserrat;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    margin: 25px auto;
}

.recognitionContainer .recognitionContentContainer {
    border-radius: 23px;
    border: 2px solid #0B1541;
    background: #FFF;
    width: 75%;
    margin: 5px auto;
    padding: 25px 25px 50px;
    position: relative; /* Makes the container a reference for absolute positioning */
}

.recognitionContainer .recognitionContentContainer .trophy-img {
    position: absolute; /* Position the image absolutely within its parent */
    left: -88px; /* Align the image to the left edge of its container */
    top: 40%; /* Center it vertically */
    transform: translateY(-50%); /* Align vertically centered */
    z-index: 10; /* Ensure it is above other content */
    height: 200px
}

.recognitionContainer .recognitionContentContainer img {
    display: block;
    margin: 30px auto 25px;
    height: 125px;
}

.recognitionContainer .recognitionContentContainer a {
    color: #275CE4;
    text-align: center;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
}

.pressContainer {
    margin-top: 25px;
}

.pressContainer div {
    padding: 5px 15px;
}

.pressContainer h2 {
    color: #1F3B9B;
    text-align: center;
    font-family: Montserrat;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 50.4px */
    margin: 40px auto;
}

.pressContainer img {
    max-width: 150px;
    margin: 25px auto;
    display: block;
}

.pressContainer a.newsButton {
    display: inline-block; /* Makes the element behave like an inline element but respect padding and margins */
    border-radius: 10px;
    border: 2px solid #275CE4;
    background: #FFF;
    color: #275CE4;
    text-align: center; /* Centers text inside the <a> element */
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 5px auto 50px;
}


/*OLD STUFF BELOW*/


.offeringContainer {
    border-radius: 22px;
    background: #FFF;
    padding: 0 15px 25px;
    margin-top: 25px;
    margin-bottom: 15px;
}

.offeringContainer h3 {
    color: #1C1C1C;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 33.6px */
    margin: 25px auto 10px;
    text-align: left;
}

.offeringContainer p {
    color: #0B1541;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
}

.offeringContainer a {
    color: #275CE4;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 22.4px */
}

.offeringContainer img {
    display: block;
    margin: 60px auto 40px;
    height: 100px;
    width: auto;
}

.findResourcesForm {
    background-image: url("https://d3f7q2msm2165u.cloudfront.net/aaa-content/user/files/Web Pages/Home page/2024 Revamp/Home_Select_activity_background.jpg");
    padding: 25px;
    text-align: center;
    object-fit: cover;
    background-size: 100%;
}


.findResourcesForm h2 {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 50.4px */
}

.findResourcesFormContainer {
    border-radius: 29px;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    display: block;
    margin: 25px auto;
    width: 75%;
}

.findResources {
    padding: 25px 75px;
}

.findResources select {
    font-weight: normal;
    font-size: 24px;
    padding: 5px 50px 5px 5px;
}

.custom-dropdown {
    appearance: none; /* Removes default styling */
    -webkit-appearance: none; /* Removes default styling for WebKit browsers */
    background-image: url('https://d3f7q2msm2165u.cloudfront.net/aaa-content/user/files/Web%20Pages/Question%20of%20the%20Day/angle-down-solid.svg');
    background-repeat: no-repeat;
    background-position: right 10px center; /* Positions the arrow to the right center */
    background-size: 20px 20px; /* Sizes the arrow appropriately */
    padding-right: 30px; /* Adds padding to ensure text doesn't overlap the arrow */
}

/* Style for Firefox to remove the default arrow */
@-moz-document url-prefix() {
    .custom-dropdown {
        text-indent: 0.01px;
        text-overflow: '';
    }
}

.findResources h3 {
    color: #1D1D1D;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 33.6px */
    display: inline-block; /* Makes h3 elements sit on the same line */
    margin-right: 10px; /* Adds a little space between the h3 elements */
    vertical-align: top; /* Aligns elements at the top */
}

#unitDiv {
    display: inline-block; /* Ensures div behaves like inline content */
    margin-right: 10px; /* Optional: Adds spacing if needed */
}

.findResourcesButton {
    border-radius: 10px;
    background: #275CE4;
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 15px 25px;
    display: inline-block;
    margin: 25px auto;
    box-shadow: none;
    border: none;
    text-transform: uppercase;
}

.resetResourcesButton {
    border-radius: 10px;
    background: #275CE4;
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 15px 25px;
    display: inline-block;
    margin: 25px auto;
    box-shadow: none;
    border: none;
}

.unitCarouselContainer {
    background-color: #E9F2FF;
    padding: 5px;
}

#curriculum-unit-carousel {
    width: 90%;
    display: block;
    margin: 25px auto;
}

#curriculum-unit-carousel h2 {
    font-weight: bold;
    font-size: 36px;
    text-align: center;
    padding-top: 15px;
    font-family: Montserrat;
    color: black;
}

#curriculum-unit-carousel h3 {
    color: black;
    font-size: 20px;
    text-align: center;
    max-width: 80%;
    margin: 15px auto 0;
    font-family: Montserrat;
}

#curriculum-unit-carousel .carousel-inner .item .col-md-3 {
    display: flex;
    justify-content: center;
    align-items: center;
}

#curriculum-unit-carousel .carousel-inner .item img {
    margin: auto; /* Centers the image */
    display: block;
    height: 135px;
}

#curriculum-unit-carousel h3.unitNameText {
    color: #275CE4 !important;
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 22.4px */
    margin: 0 auto;
}

.unitCarouselContainer .carousel-control .glyphicon-chevron-left,
.unitCarouselContainer .carousel-control .glyphicon-chevron-right {
    background-color: #275CE4;
    border-radius: 100px;
    padding: 5px;
    margin: 25px auto;
}

.unitCarouselContainer .carousel-control.left, .carousel-control.right {
    background-image: none !important;
}

.dailyItemsContainer {
    background-color: #1F3B9B;
    padding: 25px 25px 50px;
}

.dailyItemsContainer h5 {
    color: #FFF;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 25.2px */
    text-transform: uppercase;
}

.dailyItemsRow {
    width: 85%;
    margin: 15px auto 25px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    max-width: 1300px;

}

.dailyItemsContainer .dailyItems {
    border-radius: 20px;
    background: #FFF;
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* This will push the arrow container to the bottom */
    height: 88%; /* Make sure the container has a defined height */
}

.dailyItemsContainer .dailyItemsSection {
    max-width: 400px;
    margin: 0 auto;
}

.dailyItemsContainer .dailyItems .image-container {
    height: 125px; /* Set to your desired height */
    width: 100%; /* This can be adjusted as per your layout needs */
    overflow: hidden; /* Hides any part of the image that exceeds the container size */
    position: relative; /* Needed for absolute positioning of the image */
    border-radius: 20px 20px 0 0; /* Applies border-radius to the container */
}

.dailyItemsContainer .dailyItems .image-container img {
    min-width: 101%;
    height: auto; /* Adjusts width automatically to maintain aspect ratio */
    display: block; /* Removes extra space below the image */
    position: absolute; /* Absolute positioning */
    top: 50%; /* Position the top of the image at the center of the container */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%); /* Offset the image by half its width and height to center it */
    border-radius: 20px 20px 0 0;
}

.dailyItemContent {
    padding: 15px;
}

.dailyItemContent .dailyItemDate {
    color: #0B1541;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
}

.dailyItemContent .dailyItemTitle {
    color: #0B1541;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 22.4px */
    margin: 25px auto;
}

.dailyItemsContainer .dailyItems #topResourcesContainer {
}

.dailyItemsContainer .dailyItems #topResourcesContainer h3.topResourcesNumber {
    color: #1F3B9B;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 33.6px */
    text-align: right;
    margin: 0 auto;
}

#topResourcesContainer .topResourcesRow {
    display: flex;
    align-items: center;
}

.dailyItemsContainer .dailyItems #topResourcesContainer a.topResourcesTitle {
    color: #0B1541;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 19.6px */
    margin: 0 auto;
}

.dailyItemsContainer .dailyItems #topResourcesContainer hr.topResourcesLine {
    height: 1px;
    width: 95%;
    border-top: 1px solid #808080;
    margin: 10px auto 0;
    display: block;
}


/*.dailyItemsContainer .this-or-that {*/
/*    margin: -10px auto;*/
/*}*/

#blogContainer, #qodContainer {
    display: block;
}

.arrowContainer {
    padding: 15px;
}

.mission2030Container {
    background: linear-gradient(268deg, #093FFD 9.98%, #2894F8 88.06%);
    color: white;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 0;
    margin: 0;
}

.mission2030Container img {
    display: block;
    padding: 10px;
    margin: 5px auto;
}

.mission2030Container svg.whiteCurveBg {
    width: 100%;
    height: auto;
    margin-bottom: -5px;
}

@media (max-width: 1250px) {
    .teachMoneyHeaderContainer img {
        margin-top: 75px;
    }

    /* The icon */
    .newOfferingContainer .panel-title a:after {
        margin-top: 0; /* adjust upward */
    }

    .testimonialSquares {
        height: 450px;
    }

    .impactSquares {
        height: 320px;
    }
}

@media (max-width: 1050px) {
    .teachMoneyHeaderContainer img {
        margin: 25px auto;
        width: 80%;
        display: block;
    }

    .teachMoneyHeaderContainer .row .col-md-5 div {
        width: 90%;
        margin: 50px auto;
    }

    .teachMoneyHeaderContainer h3 {
        margin: 25px auto;
    }

    .newOfferingContainer .collapse.in {
        height: auto !important;
    }

    .testimonialsContainer {
        background: #E9F1FE;
        padding: 25px;
    }

    #testimonialsContainer-carousel {
        width: 90%;
        display: block;
        margin: 25px auto;
    }

    .testimonialSquares {
        height: auto !important;
        margin: 25px auto;
    }

    .testimonials-carousel .left.carousel-control {
        top: 0;
    }

    .testimonials-carousel .right.carousel-control {
        top: 0;
    }

    .impactSquares {
        max-width: 450px;
        margin: 15px auto;
        height: 320px;
    }
}


@media (max-width: 992px) {

    .unitCarouselContainer .carousel-control .glyphicon-chevron-left,
    .unitCarouselContainer .carousel-control .glyphicon-chevron-right {
        margin: 100px auto;
        height: auto !important;
    }

    .unitCarouselContainer .carousel-control .glyphicon-chevron-left {
        right: 25% !important;
    }

    .unitCarouselContainer .carousel-control .glyphicon-chevron-right {
        left: 25% !important;
    }

    .unitCarouselSquare {
        height: 175px;
    }

    .findResourcesFormContainer {
        width: 90%;
    }

    .findResources {
        padding: 25px;
    }

    .dailyItemsRow {
        grid-template-columns: none; /* Stack the grid items on smaller screens */
    }

    .mission2030Container img {
        width: 70%;
    }

    #curriculum-unit-carousel {
        width: 100%;
    }

    .testimonialSquares {
        height: auto;
    }

    .testimonials-carousel .left.carousel-control {
        display: none;
    }

    .testimonials-carousel .right.carousel-control {
        display: none;
    }

    .dailyItemsContainer .dailyItemsSection {
        max-width: 370px;
    }

    .districtOfferings {
        max-width: 450px;
    }

    /* The icon */
    .newOfferingContainer .panel-title a:after {
        margin-top: 0;
    }

    .newOfferingContainer .panel-title a {
        font-size: 22px;
        width: 95%;
    }
}

@media (max-width: 648px) {
    .newOfferingContainer .panel-title a:after {
        background-size: 40px 40px;
        margin-top: 0; /* adjust upward */
    }
}

@media (max-width: 600px) {
    .topInfoSection h3 {
        margin: 20px auto;
        font-size: 125%;
    }

    .findResourcesForm h2 {
        margin: 20px auto;
        font-size: 125%;
    }

    .home-section h2, #home-section h2 {
        font-size: 125% !important;
    }

    .teachMoneyHeaderContainer img {
        margin: 15px auto;
        width: 95%;
    }

    .teachMoneyHeaderContainer h2 {
        color: #0B1541;
        font-family: Montserrat;
        font-size: 40px !important;
        font-style: normal;
        font-weight: 800;
        line-height: 125%; /* 60px */
    }

    .teachMoneyHeaderContainer h3 {
        color: #0B1541;
        font-family: Montserrat;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 130%; /* 26px */
    }

    .teachMoneyHeaderContainer svg {
        margin: 5px auto;
    }

    .newOfferingContainer .row {
        margin: 0 auto;
    }

    .newOfferingContainer h1 {
        color: #1F3B9B;
        text-align: center;
        font-family: Montserrat;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%; /* 33.6px */
    }

    .testimonials-carousel .carousel-inner .item {
        padding: 10px;
        width: 95%;
        margin: 10px auto;
    }

    .studentBanner {
        height: 400px;
    }

    .studentBanner h1 {
        font-size: 22px;
    }

    .districtOfferings {
        width: 90%;
        margin: 5px auto;
        display: block;
    }

    .districtOfferings h3 {
        width: 90%;
        font-size: 20px;
    }

    .ourImpactContent p {
        width: 90%;
        font-size: 16px;
    }

    .ngpfPartnersContainer h2 {
        font-size: 36px !important;
    }

    .recognitionContentContainer h2 {
        color: #0B1541;
        text-align: center;
        font-family: Montserrat;
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%; /* 50.4px */
    }

    .pressContainer h2 {
        font-size: 36px !important;
    }

    .bottomContent {
        padding: 15px 0 15px;
    }

    .impactSquares {
        max-width: 95%;
        margin: 5px auto;
        display: block;
    }

    .recognitionContainer {
        width: 95%;
        margin: 5px auto;
        display: block;
    }

    .recognitionContainer .recognitionContentContainer {
        width: 95%;
        margin: 5px auto;
        display: block;
    }

    .testimonialSquares {
        height: auto;
    }

    #unitDropdown {
        width: 110%;
    }

    /* The icon */
    .newOfferingContainer .panel-title a:after {
        margin-top: 0; /* adjust upward */
        background-size: 30px 30px; /* shrink if needed */
    }
}