.wrapper {
            background-color: #f8f9fa !important;
            padding-top: 0.25rem !important;
        }

        .navbar {
            display: flex !important;
            flex-wrap: nowrap !important;
            align-items: center !important;
            justify-content: space-between !important;
        }

        .navbar-brand {
            display: flex !important;
            align-items: center !important;
        }

        .navbar-brand img {
            max-width: 100% !important;
        }

        .navbar-toggler {
            background: none !important;
            border: none !important;
            cursor: pointer !important;
            padding: 0 !important;
            outline: none !important;
            display: flex !important;
            flex-direction: column !important;
            justify-content: center !important;
            align-items: center !important;
            margin-left: auto !important;
        }

        .navbar-toggler span {
            display: block !important;
            width: 30px !important;
            height: 3px !important;
            background-color: #000 !important;
            margin: 6px 0 !important;
        }

        .navbar-collapse {
            flex-grow: 1 !important;
            justify-content: center !important;
            display: flex !important;
            transition: transform 0.3s ease !important;
            transform: translateX(100%) !important;
        }

        .navbar-nav {
            display: flex !important;
            flex-direction: column !important;
            gap: 1rem !important;
        }

        .nav-item {
            list-style: none !important;
        }

        .nav-link {
            text-decoration: none !important;
            color: #000 !important;
            /* Adjust color as needed */
            font-size: 18px !important;
            /* Adjust font size as needed */
        }

        .nav-link:hover {
            color: #4E2A84 !important;
            /* Change to desired hover color */
        }

        @media (max-width: 1024px) {
            .navbar-collapse {
                position: fixed !important;
                top: 0 !important;
                right: 0 !important;
                width: 50% !important;
                height: 100% !important;
                background-color: #fff !important;
                z-index: 9999 !important;
                flex-direction: column !important;
                justify-content: center !important;
                align-items: center !important;
                box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5) !important;
            }

            .navbar-collapse.offcanvas-nav {
                transform: translateX(0) !important;
            }

            .navbar-toggler {
                display: block !important;
            }

            .overlay {
                display: none !important;
                position: fixed !important;
                top: 0 !important;
                left: 0 !important;
                width: 100% !important;
                height: 100% !important;
                background: rgba(0, 0, 0, 0.5) !important;
                z-index: 9998 !important;
                transition: opacity 0.3s ease !important;
                opacity: 0 !important;
            }

            .overlay.active {
                display: block !important;
                opacity: 1 !important;
            }
        }

        @media (min-width: 1025px) {
            .navbar-toggler {
                display: none !important;
            }

            .navbar-collapse {
                display: flex !important;
                transform: none !important;
            }

            .navbar-nav {
                flex-direction: row !important;
            }

            .overlay {
                display: none !important;
            }
        }

/* ---- inline <style> block ---- */
.partner-logo {
            max-width: 120px;
            /* Adjust the width as needed */
            max-height: 120px;
            margin: 10px;
            /* Adjust spacing between logos */
        }

        .personal-link {
            color: #4E2A84 !important;
            text-decoration: none !important;
        }

        .no-uppercase {
            text-transform: none !important;
            display: inline !important;
        }

        /* mediaa for number block */

/* ---- inline <style> block ---- */
.standard-page.facts .rank-boxes {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            margin-top: 1rem;
        }

        .standard-page.facts .rank-boxes .rank {
            border: 1px solid #f0f0f0;
            font: 22px/1.3em "Poppins Extra Light", "Courier New", sans-serif;
            text-align: center;
            padding: 2rem 1rem;
            width: 32.77512%;
            min-width: 200px; /* Ensure the box doesn't get too small */
            display: block;
            text-decoration: none;
            position: relative;
            height: auto; /* Allow the height to adjust */
            margin-bottom: 8px;
            box-sizing: border-box;
        }

        .standard-page.facts .rank-boxes .rank:nth-of-type(odd) {
            background: #f0f0f0;
        }

        .standard-page.facts .rank-boxes .rank .front {
            position: relative; /* Changed to relative for better positioning */
            width: 100%;
            height: auto;
            z-index: 0;
            padding: 1rem;
        }

        .standard-page.facts .rank-boxes .rank .front strong {
            font-size: 4em;
            font-weight: normal;
            color: #4e2a84;
            display: block;
        }

        .standard-page.facts .rank-boxes .rank .front strong sup {
            font-size: 0.8em;
            position: relative;
            top: 40px;
        }

        @media only screen and (max-width: 920px) {
            .standard-page.facts .rank-boxes .rank .front {
                font-size: calc(0.8em + 0.5vw); /* Responsive font size */
            }

            .standard-page.facts .rank-boxes .rank .front strong {
                font-size: calc(2em + 0.5vw); /* Responsive font size */
            }

            .standard-page.facts .rank-boxes .rank .front strong sup {
                font-size: calc(0.4em + 0.2vw); /* Responsive font size */
                top: 20px;
            }
        }

        @media only screen and (max-width: 600px) {
            .standard-page.facts .rank-boxes {
                flex-direction: column;
                align-items: center;
            }

            .standard-page.facts .rank-boxes .rank {
                width: 100%; /* Full width on small screens */
                min-width: unset; /* Remove the minimum width constraint */
                height: auto; /* Adjust height for better fit */
                padding: 1.5rem 1rem;
                margin-bottom: 20px;
            }

            .standard-page.facts .rank-boxes .rank .front {
                top: 50%;
                left: 50%;
                width: 100%;
                transform: translate(-50%, -50%);
                font-size: 1em;
            }

            .standard-page.facts .rank-boxes .rank .front strong {
                font-size: 1.8em;
            }

            .standard-page.facts .rank-boxes .rank .front strong sup {
                font-size: 0.7em;
                top: 10px;
            }
        }

        @media only screen and (max-width: 330px) {
            .standard-page.facts .rank-boxes .rank .front {
                font-size: calc(0.8em + 0.5vw); /* Smaller responsive font size */
            }

            .standard-page.facts .rank-boxes .rank .front strong {
                font-size: calc(1.5em + 0.5vw); /* Smaller responsive font size */
            }

            .standard-page.facts .rank-boxes .rank .front strong sup {
                font-size: calc(0.4em + 0.2vw); /* Smaller responsive font size */
                top: 10px;
            }
        }

/* ---- inline <style> block ---- */
/* mission */


        @media (max-width: 800px) {
            .quoteModule {
                display: flex;
                flex-direction: column;
            }

            .imageContainer2 {
                order: -1;
            }

            .textd {
                margin-top: -60px;
            }
        }

        .custom-container {
            background-color: #f9f9f9;
            padding: 50px 2%;
        }

        .custom-container-inner {
            max-width: 1200px;
            margin: 0 auto;
        }

        .custom-row {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            padding: 50px 0;
        }

        .custom-section {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: flex-start;
            gap: 30px;
            /* Reduced gap for better overlap */
        }

        .text-section {
            background-color: white;
            padding: 50px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            border-radius: 10px;
            z-index: 3;
            /* Higher z-index for overlap */
            flex: 1;
            /* Flexible width */
            margin-right: -100px;
            margin-top: 50px;
            /* Negative margin for overlap */
        }

        .image-section {
            flex: 1;
            height: 800px;
            background-size: cover;
            border-radius: 10px;
            background-position: center center;
            z-index: 2;
            /* Lower z-index to allow text section to overlap */
        }

        @media only screen and (max-width: 1080px) {
            .custom-section {
                flex-direction: column;
            }

            .text-section,
            .image-section {
                width: 100%;
                position: relative;
                margin-left: 0;
                margin-right: 0;
                /* Resetting margin for smaller screens */
            }

            .image-section {
                height: 400px;
                /* Smaller height on smaller screens */
            }
        }

        .text-section {
            z-index: 2;
            /* Ensures text overlaps image but both remain visible */
        }

        .image-section {
            z-index: 1;
            /* Keeps image in the background but visible */
        }

        @media only screen and (max-width: 768px) {
            .custom-container {
                padding: 20px;
            }

            .text-section h4 {
                font-size: 1.5em;
                /* Larger font size for smaller screens */
            }
        }

        @media only screen and (max-width: 768px) {
            .image-section {
                height: 300px;
                /* Adjust height to ensure visibility */
                margin: 0;
                /* Reset any negative margins that might be pushing it out of view */
                visibility: visible;
                /* Ensures the element is not hidden */
                opacity: 1;
                /* Ensures the element is fully opaque */
            }
        }

/* ---- inline <style> block ---- */
.background-select-image-2 {
            width: 100%;
            height: auto;
            /* Reduced height to 50% of the viewport height */
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            background: url('https://common.northwestern.edu/v8/css/images/slashes-purple-bg.gif') repeat;
            background-size: cover;
        }

        .contain-780-2 {
            padding: 20px;
            text-align: center;
            width: 100%;
        }

        .footer-content-2 {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            flex-wrap: wrap;
            /* Allow wrapping of elements */
        }

        .social-link-2 {
            width: 100px;
            height: 100px;
            margin: 15px;
            /* Adjusted margin for spacing */
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .social-img-2 {
            max-width: 100%;
            max-height: 100%;
        }

        .responsive-text-2 {
            font-size: 2em;
            /* Default text size */
        }

        /* Responsive styles */

        @media only screen and (max-width: 767px) {
            .contain-780-2 {
                margin-top: 20px;
                margin-bottom: 20px;
            }

            .social-link-2 {
                display: inline-block;
                /* Adds horizontal space between icons */
                width: 35px;
                /* Adjusted size for smaller screens */
                height: 35px;
                margin-left: 10px;
                margin-right: 10px;
                /* Adjusted size for smaller screens */
            }

            .social-img-2 {
                width: 100%;
                height: 100%;
            }

            .responsive-text-2 {
                font-size: 1.5em;
                /* Smaller text size for smaller screens */
            }
        }

/* ---- inline <style> block ---- */
.landing-page .feature-five-col {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex
        }

        .landing-page .feature-five-col .feature-box {
            width: 19.14286%;
            float: left;
            background: #f0f0f0;
            margin-left: 1.78571%;
            position: relative
        }


        .landing-page .feature-five-col .feature-box:first-child {
            margin-left: 0
        }
        
        .landing-page .feature-five-col .feature-box .feature-copy {
            padding: 1rem 1.5rem 4rem 1.5rem
        }
        
        .landing-page .feature-five-col .feature-box .feature-copy h2 {
            font: 21px "Akkurat Pro Regular", Arial, sans-serif;
            text-transform: uppercase;
            color: #716c6b
        }
        
        .landing-page .feature-five-col .feature-box .feature-copy ul {
            margin-left: 0;
            padding-left: .5em
        }

/* ---- inline <style> block ---- */
.videoTextOverlay {
            display: block;
            line-height: 0.8;     /* Adjusts the spacing between lines */
        }

/* ---- inline <style> block ---- */
/* Landscape image for larger screens */
        .responsive-research-image.landscape {
            background-image: url('/files/RCN.png'); /* Landscape image */
            background-size: contain; /* Ensures the image scales without being cut off */
            background-repeat: no-repeat;
            background-position: center;
            width: 100%;
            height: 600px; /* Adjust height as needed */
            display: block;
            margin: 0 auto;
            margin-top: -50px;
            padding-bottom: 50px;
        }

        /* Vertical image for smaller screens, hidden by default */
        .responsive-research-image.vertical {
            display: none; /* Hide by default */
        }

        /* On smaller screens, hide landscape image and show vertical image */
        @media screen and (max-width: 768px) { 
            .responsive-research-image.landscape {
                display: none; /* Hide landscape image */
            }

            .responsive-research-image.vertical {
                display: block; /* Show vertical image */
                background-image: url('/files/research_vertical.png'); /* Vertical image */
                background-size: contain; /* Ensure the image is fully visible without being cut off */
                background-repeat: no-repeat;
                background-position: center;
                width: 100%; /* Take full screen width */
                height: 100vw; /* Fill the viewport height */
                margin: 0 auto; /* Center the image horizontally */
                padding: 0; /* Remove padding */
            }
        }