/* CSS from editor-renderer-project.css */
     /*
         Note these styles are not currently added to the editor preview, but are added to the portal page through renderer.php
        */

     @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
     /* Example font, adjust if needed */


     /*
        ======================================
        TABLE OF CONTENTS
        ======================================
        1. Variables & Root
        2. Reset & Base Styles
        3. Components
           3.1 Buttons
           3.2 Navigation
           3.3 Cards
           3.4 Hero
           3.5 Footer
           3.6 Sign up banner
           3.7 Tabs
           3.7.1 Job board tabs
           3.8 Accordion
           3.9 Project Page Template
        4. Media Queries
           4.1 Mobile (< 576px)
           4.2 Small devices (≥ 576px)
           4.3 Medium devices (≥ 768px)
           4.4 Large devices (≥ 992px)
           4.5 Extra large devices (≥ 1200px)
           4.6 XXL devices (≥ 1400px)
        5. Project-specific styles
        ======================================
        */

     /* ===========================================
           1. Variables & Root
           =========================================== */
     :root {
       /* Colors */
       --primary-colour: #F5EE6B;
       --secondary-colour: #CDDCDF;
       --tertiary-colour: #bfa36c;
       --accent-colour: #151818;
       --dark-accent-colour: #2e3030;
       --text-colour: #151818;
       --light-text: #ffffff;
       --light-bg: #CDDCDF;
       --dark-bg: #151818;
     }

     .text-dark {
       color: var(--text-colour) !important;
     }

     .bg-primary {
       background-color: var(--primary-colour) !important;
     }

     .bg-light {
       background-color: var(--light-bg) !important;
     }

     .btn-dark-accent {
       background-color: var(--dark-accent-colour) !important;
     }

     .bg-dark {
       background-color: var(--dark-bg) !important;
     }

     .text-accent {
       color: var(--accent-colour) !important;
     }

     /* ===========================================
             2. Reset, Containers & Base Styles
             =========================================== */
     *,
     *::before,
     *::after {
       box-sizing: border-box;
       margin: 0;
       /* padding: 0; */
     }

     html {
       font-size: 16px;
       scroll-behavior: smooth;
     }

     body {
       font-family: 'Poppins', sans-serif;
       line-height: 1.5;
       color: var(--text-colour);
       background-color: var(--light-bg);
       -webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale;
     }

     img {
       max-width: 100%;
       height: auto;
       display: block;
     }

     a {
       color: var(--accent-colour);
       text-decoration: none;
       transition: color 0.15s ease;
     }

     ul,
     ol {
       list-style-position: inside;
     }

     .ca-hero h1 {
       font-size: 2.3rem;
       letter-spacing: -0.1rem;
     }

     .ca-hero .ca-heading {
       margin-top: 1.2rem;
     }

     .ca-heading h1 {
       line-height: 1;
     }

     .ca-heading h2 {
       font-size: 2.625rem;
       letter-spacing: -0.21px;
       font-weight: 500;
     }

     .ca-heading h3 {
       font-size: 1.575rem;
       letter-spacing: -0.15px;
     }

     .ca-paragraph.lead p {
       font-size: 1rem;
     }

     .section-padding .container {
       padding: 0 1rem;
       margin: auto;
     }

     .fw-600 {
       font-weight: 600;
     }

     .fw-500 {
       font-weight: 500;
     }


     /* ===========================================
             3. Components
             =========================================== */
     /* Buttons */
     .btn {
       display: inline-flex;
       flex-direction: row;
       justify-content: center;
       align-items: center;
       gap: 32px;
       font-weight: 500;
       padding: 12px 24px;
       border-radius: 36px;
       cursor: pointer;
       transition: all 0.3s ease;
       border: solid 1px;
       text-align: center;
       line-height: 1.5;
     }

     .button-group {
       display: flex;
       gap: 12px;
       flex-wrap: wrap;
     }

     .button-label-group {
       display: flex;
       flex-direction: column;
       align-items: flex-start;
     }

     .btn .label {
       font-size: 13px;
       text-transform: uppercase;
       letter-spacing: 1px;
       opacity: 0.8;
       font-weight: 600;
       line-height: 0.7;
       padding-top: 4px;
     }

     .btn .title {
       font-size: 1.25rem;
       white-space: nowrap;
       letter-spacing: -0.1px;
     }

     .btn .icon {
       font-size: 1.625rem;
     }

     .btn.back-btn {
       color: var(--text-colour) !important;
       border-color: var(--text-colour) !important;
       gap: 8px;
       margin: 0 1rem 1rem 0;
     }

     .btn.back-btn:hover {
       border-color: var(--secondary-colour) !important;
     }

     .melair-btn-primary {
       background-color: var(--primary-colour) !important;
       color: var(--text-colour);
       border-color: var(--primary-colour) !important;
     }

     .melair-btn-primary:hover {
       background-color: transparent !important;
       color: var(--primary-colour) !important;
     }

     .melair-btn-secondary {
       line-height: 1;
       color: #ffffff;
       background-color: var(--accent-colour) !important;
       border-color: var(--accent-colour) !important;
     }

     .melair-btn-secondary:hover {
       background-color: #ffffff !important;
       color: var(--accent-colour) !important;
       border-color: #ffffff !important;
     }

     .melair-btn-outlined-light {
       background-color: transparent !important;
       border-color: #ffffff !important;
       color: #ffffff;
     }

     .melair-btn-outlined-light:hover {
       background-color: #ffffff !important;
       color: var(--text-colour) !important;
     }

     .melair-btn-outlined-dark {
       background-color: transparent !important;
       border-color: var(--accent-colour) !important;
       color: var(--accent-colour);
     }

     .btn-sm {
       padding: 0.5rem 1rem;
       font-size: 0.875rem;
     }

     .btn-lg {
       padding: 1rem 2rem;
       font-size: 1.125rem;
     }

     /* Navigation */
     .ca-headernav .container {
       max-width: 1200px;
     }

     .navbar {
       position: static;
       padding: 24px 0 0 0;
     }

     .navbar .navbar-bars {
       width: 100%;
       height: 24px;
     }

     .ca-navlogo img {
       height: 40px;
       max-width: 200px;
     }

     .ca-navlogo {
       padding-left: 1rem;
     }

     .navbar .ca-htmlblock {
       position: absolute;
       top: 0;
       left: 0;
     }

     .navbar .footer-headblock .ca-htmlblock {
       position: relative
     }

     .navbar .ca-headercolumns {
       padding: 12px 0;
     }

     .navbar-brand #navPageTitle h4 {
       font-size: 1.125rem;
       text-transform: uppercase;
       font-weight: 600;
     }

     .navbar-nav .nav-item #navLinkSubs,
     .navbar-nav .nav-item #navLinkBack {
       background: hsl(0deg 0% 0% / 5%);
       padding: 0.5rem 1rem;
       border-radius: 1.5rem;
     }

     .navbar-nav .nav-item #navLinkSubs:hover,
     .navbar-nav .nav-item #navLinkBack:hover {
       background: #ffffff;
       transition: all 0.3s ease;
     }

     .navbar-nav .nav-item #navLinkSubs i.fa,
     .navbar-nav .nav-item #navLinkBack i.fa {
       margin-right: 0.5rem;
       font-weight: 400;
     }

     .navbar-nav .nav-item:not(:first-child) {
       margin-left: 0;
     }

     .navbar-nav .nav-item:not(:last-child) {
       margin-bottom: 0.5rem;
       display: flex;
     }

     .navbar-nav .nav-item.dropdown {
       border: 1px solid #000000;
       border-radius: 1.5rem;
     }

     .navbar-nav .nav-item.dropdown .nav-link {
       padding: 0.5rem 1rem;
     }

     .navbar-nav .ca-navlink,
     .navbar-nav .dropdown-toggle {
       font-size: 0.85rem;
       line-height: 1.5rem;
     }

     .navbar-nav .dropdown-toggle {
       text-transform: uppercase;
     }

     .navbar-nav .dropdown-item {
       border-left: 0.25rem solid #ffffff;
     }

     .navbar-nav .dropdown-item.active-item {
       border-left: 0.25rem solid #000000;
       font-weight: 600;
     }

     .navbar-nav .dropdown-item:not(.active-item):hover {
       border-left: 0.25rem solid #e9ecef;
     }

     .navbar-nav a.project-group-header {
       font-weight: 600;
       text-transform: uppercase;
       color: var(--text-colour);
       padding: 0.5rem 1rem;
       font-size: 0.85rem;
     }

     .navbar-nav a.project-group-header:not(:first-child) {
       border-top: solid 2px #ffffff;
     }

     /* .navbar-nav .nav-item.dropdown .dropdown-menu a {
            width: auto;
          } */

     .ca-pageheader .navbar-nav {
       width: auto;
       margin-left: 1rem;
       margin-top: 1rem;
     }

     .nav-menu {
       display: flex;
       list-style: none;
     }

     .nav-item {
       margin-left: var(--spacing-lg);
     }

     .nav-link {
       font-weight: 500;
     }

     .doppler-footer {
       min-height: 100px;
       background-image: url(https://media.caapp.com.au/E7zWS0FadFEV);
       background-size: cover;
       margin: 0;
     }

     /* Cards */
     .resource-cards {
       display: grid;
       grid-template-columns: 1fr !important;
     }

     .resource-cards .arrow-link::after {
       width: 2rem;
     }

     .resource-cards .card {
       border: none;
       border-style: none !important;
       background-color: var(--dark-accent-colour);
       border-radius: 0;
       display: flex;
       flex-direction: row;
     }

     .resource-cards .card-body {
       border: none;
       border-style: none;
     }

     .resource-cards .card:hover {
       box-shadow: none;
       border-color: #fff;
       cursor: pointer;
     }

     .resource-cards .thumbnail {
       align-items: normal;
       flex-direction: column;
     }

     .resource-cards .thumbnail .arrow-link {
       justify-content: space-between;
       padding: 1.25rem 0.35rem 1.25rem 1.25rem;
     }

     .resource-cards .thumbnail .arrow-link::after {
       margin-right: 0;
     }

     .project-cards {
       grid-template-columns: 1fr !important;
       gap: 12px;
     }

     .project-card {
       transition: all 0.3s ease;
     }

     .project-cards.project-cards-1 {
       grid-template-columns: 1fr !important;
       gap: 8px;
     }

     .project-cards.project-cards-1 .ca-parent--cardbody {
       border: none;
       padding-bottom: 0.4rem;
     }

     .project-cards:not(.with-border) .project-card {
       border-radius: 0px;
       box-shadow: none;
       transition: all 0.3s ease;
       border: none;
       border-style: none !important;
     }

     .project-cards.with-border .project-card {
       border: solid 0.125rem var(--secondary-colour);
       border-bottom: 0.5rem solid var(--secondary-colour);
     }

     .project-card:hover {
       box-shadow: none;
       background-color: var(--dark-bg);
       color: var(--light-text) !important;
       cursor: pointer;
     }

     .project-cards.with-border .project-card:hover {
       border: solid 0.125rem #000000;
       border-bottom: 0.5rem solid #000000;
     }

     .project-card:hover h3,
     .project-card:hover p {
       color: var(--light-text) !important;
     }

     .project-cards.related-projects .project-card {
       border-color: #fff;
       background-color: transparent;
     }

     .project-cards.related-projects .project-card:hover {
       border-color: var(--primary-colour);
       background-color: #fff;
       color: var(--text-colour) !important;
     }

     .project-cards.related-projects .project-card:hover h3,
     .project-cards.related-projects .project-card:hover p {
       color: var(--text-colour) !important;
     }

     .card-tag {
       font-size: 12px;
       font-weight: 600;
       letter-spacing: 0.6px;
       text-transform: uppercase;
       color: var(--text-colour);
       background-color: var(--secondary-colour);
       padding: 2px 6px;
       margin-bottom: 16px;
     }

     .project-card-icon .icon {
       font-size: 40px;
     }

     .project-card-icon {
       display: flex;
       align-items: center !important;
       justify-content: center;
       width: 100%;
       flex: 0 !important;
     }

     .project-cards .col {
       flex-grow: 0;
       max-width: 100% !important;
     }

     .project-card-text {
       flex: 1 !important;
       min-width: 0;
     }

     .project-cards .row {
       margin-left: 0;
       margin-right: 0;
       justify-content: space-between;
       flex-wrap: nowrap;
       gap: 1.5rem;
       flex-direction: row;
     }

     .project-cards .card-body {
       padding: 16px;
     }

     .project-cards .ca-column {
       padding: 0;
     }

     .project-cards h3 {
       padding-left: 0 !important;
     }

     .project-cards .ca-heading {
       font-size: 30px;
       margin: 0;
     }

     .project-cards .ca-heading h3 {
       line-height: 1.2;
       margin-bottom: 0.5rem;
     }

     .project-cards .ca-paragraph p {
       font-size: 14px;
       /* white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; */
     }

     .ca-mediacollectionitem .card {
       border: none;
     }

     .ca-mediacollectionitem .card-body {
       background: var(--dark-accent-colour);
       color: #fff;
       padding: 0.75rem 1.25rem;
     }

     .ca-mediacollectionitem .card-body h4 {
       font-weight: 400;
       font-size: 1rem;
     }

     .ca-cards-list .ca-mediacollectionitem-thumbnail {
       min-width: 33%;
     }

     .ca-cards-list .ca-card>a {
       background: var(--dark-accent-colour)
     }

     .ca-cards-list .ca-mediacollectionitem {
       border: none;
     }

     /*  ── Arrow mask (shared) ────────────────────────────────────────── */
     :root {
       /* Re-used everywhere, so keep it in one custom-property */
       --arrow-mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 16'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.8368 6.86371L7.80608 1.60696L9.34394 0L16.9999 8L9.34394 16L7.80608 14.393L12.8368 9.13629L0.238037 9.13629L0.238037 6.86371L12.8368 6.86371Z'/%3e%3c/svg%3e");
     }

     /*  ── Base “arrow-link” style  ───────────────────────────────────── */
     .arrow-link {
       display: inline-flex;
       /* keeps text+arrow on one row   */
       align-items: center;
       gap: .45rem;
       /* space between text and arrow  */
       position: relative;
       /* establishes containing block  */
       transition: color .25s ease;
       /* optional – tidy colour change */
     }

     .arrow-link::after {
       content: "";
       width: 1rem;
       /* size of the arrow             */
       height: 1rem;
       margin-right: 1em;
       background: var(--light-text);
       /* Changed from currentColor to var(--tertiary-colour) */
       -webkit-mask: var(--arrow-mask) center/contain no-repeat;
       mask: var(--arrow-mask) center/contain no-repeat;
       transform: translateX(-4px);
       /* starts fractionally left       */
       transition: transform .25s cubic-bezier(.4, 0, .2, 1);
     }

     .arrow-link:hover::after,
     .arrow-link:focus-visible::after {
       transform: translateX(0);
       /* glides into place on hover    */
       background: var(--tertiary-colour);
       /* Changed from currentColor to var(--tertiary-colour) */
     }


     /* Hero */
     .hero-section {
       padding: 0;
     }

     .major-projects-hub .ca-main-content .ca-hero .container {
       max-width: 1140px;
     }

     .ca-main-content .ca-hero .container {
       padding-left: 0;
       padding-right: 0;
       max-width: 100%;
     }

     .hero-media {
       padding: 0 !important;
       position: absolute;
       width: 100%;
       height: 100%;
       top: 0;
       left: 0;
       z-index: 0;
     }

     .hero-media::after {
       content: '';
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background-color: rgba(21, 24, 24, 0.7);
       z-index: 1;
     }

     .hero-text {
       display: flex;
       flex-direction: column;
       justify-content: center;
       text-align: left;
       align-items: flex-start !important;
       padding: 5rem 1rem;
       z-index: 1;
     }

     .hero-video-html {
       height: 100%;
     }

     .hero-media video {
       position: absolute;
       top: 0;
       left: 0;
       width: 100% !important;
       height: 100% !important;
       object-fit: cover;
     }

     .hero-media-wrapper {
       position: relative;
       padding-bottom: 56.25%;
       height: 100%;
       overflow: hidden;
       max-width: 100%;
       background-position: center;
       background-size: cover;
     }

     .hero-section .row {
       margin-right: 0;
       margin-left: 0;
     }

     /*Header*/

     header h4 {
       color: var(--dark-bg) !important;
     }

     /* Tabs */
     .project-tabs {
       position: relative;
     }

     .project-tabs .nav-tabs {
       border-bottom: 0;
       background-color: #fff;
       padding: 0 1.2rem 0.5rem 1.2rem;
       position: relative;
     }

     @media (pointer: coarse) {
       .project-tabs .nav-tabs {
         overflow-x: scroll;
       }

       .project-tabs::after {
         content: "";
         position: absolute;
         right: 0;
         top: 0;
         width: 40px;
         height: 40px;
         z-index: 1;
         pointer-events: none;
         background: linear-gradient(to right, transparent 0%, white 50%, white 100%);
       }

       .project-tabs .nav-tabs::-webkit-scrollbar {
         display: none;
       }

       .project-tabs .nav {
         flex-wrap: nowrap;
       }
     }

     .ca-main-content .container:has(.ca-tabs) {
       padding-left: 0;
       padding-right: 0;
       max-width: none;
     }

     .ca-main-content .ca-tab-content .container {
       padding: 0;
       max-width: 100%;
     }

     .project-tabs ul {
       list-style-position: initial;
     }

     .project-tabs .nav-tabs li {
       margin-right: 0.5rem;
       margin-bottom: 0.75rem;
     }

     .project-tabs .ca-nav-item .ca-nav-link {
       border: 1px solid var(--accent-colour);
       border-radius: 22px;
       color: var(--text-colour);
       background-color: #fff;
       transition: all 0.3s ease;
       text-transform: uppercase;
       white-space: nowrap;
     }

     .project-tabs .ca-nav-item .ca-nav-link:hover {
       background-color: var(--light-bg);
       border: 1px solid var(--light-bg);
     }

     .project-tabs .ca-nav-item .ca-nav-link:focus {
       box-shadow: none !important;
     }

     .project-tabs .ca-nav-item .ca-nav-link.active,
     .project-tabs .ca-nav-item .ca-nav-link.hover {
       background-color: var(--primary-colour);
       border: 1px solid var(--primary-colour);

     }

     .project-tabs .ca-tab-content {
       background: var(--dark-bg);
       padding: 1rem;
     }

     .third-runway-tabs .ca-tab-content {
       padding: 1rem;
     }

     .third-runway-tabs .ca-tab-content {
       margin-left: 0;
       margin-right: 0;
     }

     .project-tabs .ca-tab-content .ca-heading,
     .project-tabs .ca-tab-content .ca-paragraph {
       color: #fff !important;
     }

     .project-tabs .video-container {
       position: relative;
       padding-bottom: 56.25%;
       /* 16:9 aspect ratio */
       height: 0;
       overflow: hidden;
       margin-bottom: 2rem;
     }

     .project-tabs .video-container iframe {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       border: 0;
     }

     .project-tabs .ca-tab-content a {
       color: var(--primary-colour);
     }

     /* Job board tabs */

     .job-board-tabs {
       display: flex;
       align-items: center;
       justify-content: center;
       background-color: var(--dark-bg);
       margin: auto;
       border-radius: 0.75rem;
       gap: 10px;
       padding: 1rem;
     }

     .job-board-tabs .nav-tabs {
       flex-direction: column;
       max-width: 3%;
       padding: .5rem;
       gap: 5px;
       border-bottom: 0;
     }

     .job-board-tabs .tab-content {
       flex-grow: 1;
     }

     .job-board-tabs .nav-tabs li a.nav-link {
       border: 1px solid #D8C5A3;
       border-radius: 50%;
       height: 8px;
       width: 8px;
       padding: 0;
       font-size: 10px;
     }

     .job-board-tabs .nav-tabs li a.nav-link.active {
       background-color: #D8C5A3;
       border-color: #D8C5A3;
     }

     .job-board-tabs .tab-content .ca-columns {
       display: flex;
       justify-content: space-between;
       row-gap: 8px;
       margin-right: 0;
       margin-left: 0;
     }

     .job-board-tabs .tab-content .ca-columns .ca-column {
       padding: 0;
     }

     .job-board-tabs .tab-content .ca-columns .ca-column.ca-column:nth-child(even) {
       display: flex;
       flex-direction: column;
       align-items: start !important;
       justify-content: center;
       gap: 2px;
     }

     .job-board-tabs .tab-content .ca-columns .ca-column:last-of-type {
       display: flex;
       align-items: center;
       justify-content: flex-end;
     }

     .job-board-tabs .tab-content .ca-column .ca-media,
     .job-board-tabs .tab-content .ca-column .ca-media .ca-media-wrapper {
       height: 100%;
     }

     .job-board-tabs .tab-content .ca-column img {
       border-radius: 0.75rem;
       width: auto;
     }

     .job-board-tabs .tab-content .ca-column .ca-heading {
       margin: 0;
     }

     .job-board-tabs .tab-content .ca-column .ca-heading h4 {
       color: #fff !important;
       font-size: 1.8rem;
       margin: 0;

     }

     .job-board-tabs .tab-content .ca-column .new-job-badge {
       background-color: #D8C5A3;
       border-radius: 22px;
       text-transform: uppercase;
       font-weight: 560;
       line-height: 2;
       margin-bottom: 0;
       font-size: 14px;
       padding: 0 0.75rem;
     }

     .job-board-tabs .tab-content .ca-column .new-job-badge p {
       color: var(--dark-text);
       text-align: center;
     }

     .job-board-tabs .tab-content .ca-column .ca-paragraph:not(.new-job-badge) p {
       color: #D8C5A3;
       font-size: 0.875rem;
     }

     .job-board-tabs .tab-content .ca-column .button-group a.btn.melair-btn-secondary .button-label-group {
       display: flex;
       flex-direction: row;
       align-items: center;
       justify-content: center;
       gap: 5px;
       text-transform: uppercase;
     }

     .job-board-tabs .tab-content .ca-column .button-group a.btn.melair-btn-secondary .button-label-group .title,
     .job-board-tabs .tab-content .ca-column .button-group a.btn.melair-btn-secondary .button-label-group .icon {
       font-size: 12px;
     }


     .job-board-tabs .tab-content .ca-column .button-group a.btn.melair-btn-secondary {
       background-color: #fff !important;
       color: #000 !important;
     }

     .job-board-tabs .tab-content .ca-column .button-group a.btn.melair-btn-secondary:hover {
       color: #fff !important;
       background-color: #000 !important;
     }

     /* Accordion */

     .project-accordion .card {
       border-left: 0;
       border-right: 0;
       border-top: 0;
       border-radius: 0;
       border-bottom: 1px solid rgb(245 238 107 / 50%) !important;
     }

     .project-accordion .card:last-of-type {
       border-bottom: 0;
       background-color: var(--dark-bg);
     }

     .project-accordion .card:first-of-type {
       padding-top: 0;
       padding-bottom: .5rem;
       background-color: var(--accent-colour);
     }

     .project-accordion .card-header,
     .project-accordion .card-body {
       background-color: var(--dark-bg);
       padding: 0;
     }

     .project-accordion .ca-accordion-btn,
     .project-accordion .card-body .ca-paragraph {
       text-align: left;
       justify-content: start;
       padding: 0;
       justify-content: space-between;
     }

     .project-accordion .ca-accordion-btn {
       color: var(--primary-colour) !important;
     }

     .project-accordion .ca-accordion-btn.btn:focus {
       box-shadow: none !important;
     }

     .project-accordion .ca-accordion-btn.collapsed .fas:before {
       content: "\2b";
       font-family: "Font Awesome 6 Pro Thin";
       font-weight: 100;
       font-style: normal;
     }

     .project-accordion .ca-accordion-btn:not(.collapsed) .fas:before {
       content: "\f068" !important;
       font-weight: 500;
       font-style: normal;
     }

     .project-accordion .ca-accordion-card-header-title {
       padding: 1rem 0rem;
     }

     .ca-accordionitem .card-body .ca-paragraph {
       padding-bottom: 1.5rem;
     }

     /* Project Page */
     .project-page-main {
       background-color: var(--light-bg);
       font-size: 14px;
     }

     .project-page-main .card-tag {
       width: fit-content;
     }

     .project-page-main .ca-main-content {
       padding: 0;
       background-color: var(--light-bg);
     }

     .project-page-hero {
       background-color: #fff;
     }

     .project-page-main .section,
     .project-page-main .ca-hero {
       margin: auto;
       padding: 1.2rem;
     }

     .project-page-main .mediacollection-accordion .carousel-indicators {
       bottom: -45px;
     }

     .project-page-main .mediacollection-accordion .carousel-indicators li {
       height: 10px;
       width: 10px;
     }

     .project-page-content-section {
       background-color: var(--dark-bg);
       margin: auto;
       padding: 0;
     }

     .project-grid-columns {
       display: grid;
       grid-template-columns: 1fr;
       padding-top: 5rem;
     }

     .project-grid-columns .ca-column {
       max-width: none !important;
     }

     .project-grid-columns .ca-column:nth-child(odd) {
       max-width: 75% !important;
     }

     .project-events-paragraph p strong,
     .project-events-paragraph h5 {
       color: var(--primary-colour);
     }

     /* .ca-pagesection.bg-white .ca-parent--pagesection h3 {
            padding-left: 2.5rem;
          } */

     /* STATS CARDS */
     .project-stats-cards .card-body {
       padding: 0.75rem;
     }

     .project-stats-cards .card {
       border: 0;
       background-color: var(--dark-bg);
     }

     .project-stats-cards .card .ca-heading {
       color: var(--primary-colour) !important;
       margin-bottom: 0;
     }

     .project-stats-cards.mt {
       margin-top: 7rem;
     }

     /* Footer */
     .ca-footernav .navbar {
       display: flex;
       flex-direction: column;
       align-items: flex-start;
       padding-bottom: 40px;
     }

     .ca-footernav .ca-footercolumn {
       padding-left: 0;
       padding-right: 0;
     }

     .ca-footernav .footer-links {
       display: flex;
       flex-direction: column;
       align-items: flex-end;
       gap: 12px;
     }

     h2.footer-heading {
       font-size: 2.75rem;
       letter-spacing: -0.78px;
       font-weight: 600;
     }

     .ca-footercolumn .ca-socialicons {
       gap: 0;
       margin-bottom: 0;
     }

     .footer-links .ca-parent--footercolumn {
       margin-bottom: 0;
     }

     .ca-socialicons-link {
       background: unset;
       color: #000000;
       font-size: 1.75rem;
     }

     .ca-footercolumns {
       align-items: stretch;
     }

     .ca-footercolumns a:not(.ca-socialicons-link),
     .ca-footercolumns .ca-paragraph a:not(.ca-socialicons-link) {
       font-weight: 600;
       text-decoration: underline;
     }

     .ca-footercolumns .ca-socialicons-link:hover,
     .ca-footercolumns .ca-paragraph a:hover {
       color: #645f54;
     }

     .footer-aoc .container {
       display: flex;
       justify-content: center;
     }

     .footer-aoc .ca-heading {
       padding: 5rem 0;
       max-width: 95%;
       text-align: center;
     }

     .ca-parent--pagefooter .container {
       padding: 0 1rem;
       max-width: 1200px !important;
     }

     .ca-parent--footernav {
       justify-content: center;
       gap: 1rem;
     }

     /* Sign up banner */
     .sign-up-columns {
       display: flex;
       flex-direction: column;
       align-items: flex-start;
       justify-content: space-between;
       margin-right: 0;
       margin-left: 0;
       background-color: var(--primary-colour);
       padding: 1rem;
     }

     .sign-up-text {
       flex: 1 !important;
       min-width: 0;
     }

     .sign-up-text h3 {
       font-size: 36px;
     }

     .sign-up-btn {
       flex: 0 !important;
       display: flex;
       align-items: center;
       justify-content: left;
     }

     .sign-up-columns .ca-column {
       padding-right: 0;
       padding-left: 0;
       max-width: 100% !important;
     }

     /*Columns*/

     .ca-component h5 {
       color: var(--primary-colour);
     }

     /*modals*/

     .noise-tool-modal .ca-cardtitle h3 {
       display: flex;
     }

     .noise-tool-modal .modal-content p {
       font-size: 14px;
       line-height: 1.5;
     }

     .bg-dark .ca-spacer {
       background: #47482a
     }

     .noise-tool-modal .bg-dark a {
       color: var(--primary-colour);
       text-decoration: none;
     }

     .noise-tool-modal .bg-dark a:hover {
       color: var(--primary-colour);
       text-decoration: underline;
     }

     .noise-tool-modal .ca-accordion-btn:not(.collapsed) .fas:before {
       content: "—" !important;
       font-weight: 500;
       font-style: normal;
     }

     /*forms*/

     .form-control {
       border-radius: 0;
       border: none;
       background-color: var(--dark-accent-colour);
       color: var(--text-colour);
     }

     .ca-form label,
     .ca-form .ca-form-field-description,
     .ca-form .ca-form-legend-label {
       color: var(--light-text);
     }

     .ca-formbutton {
       background: var(--primary-colour);
       border-radius: 2rem !important;
       color: var(--text-colour);
     }

     .ca-modal .ca-form label {
       color: var(--text-colour);
       font-weight: 600;
     }

     .ca-modal .form-control {
       background-color: #fff;
       border: 2px solid var(--secondary-colour);
       border-bottom: 4px solid var(--secondary-colour);
     }

     /* Carousel */
     .third-runway-carousel .carousel-control-next,
     .third-runway-carousel .carousel-control-prev {
       bottom: auto;
       top: 50%;
       transform: translateY(-50%);
     }

     /* ===========================================
             4. Media Queries
             =========================================== */

     /* Small devices (≥ 576px) */
     @media (min-width: 576px) {

       /* .ca-parent--pagefooter .container {
              margin: 0 auto;
              padding: 0;
            } */
       .project-cards .card-body {
         padding: 24px;
       }

       .section-padding .container {
         padding: 1rem 2.3rem;
       }
     }

     /* Medium devices (≥ 768px) */
     @media (min-width: 768px) {
       .ca-heading h1 {
         line-height: 1.25;
       }

       .ca-parent--footernav {
         justify-content: stretch;
         gap: 0;
       }

       .ca-hero h1 {
         font-size: 4.5rem;
       }

       .job-board-tabs .tab-content .ca-columns .ca-column {
         padding: 0.5rem 0 1rem 0.5rem;
       }

       .job-board-tabs .tab-content .ca-columns {
         margin-left: -15px;
         margin-right: -15px;
       }

       .job-board-tabs .tab-content .ca-columns .ca-column:last-of-type {
         justify-content: center;
       }

       .footer-aoc .ca-heading {
         max-width: 75%;
       }

       .footer-aoc .ca-heading h3 {
         font-size: 1.875rem;
       }

       h2.footer-heading {
         font-size: 3.25rem;
       }

       .project-page-main .section,
       .project-page-main .ca-hero {
         max-width: 1200px;
         margin: auto;
         padding: 2.3rem 2.3rem 1rem;
       }

       .project-cards .ca-heading h3 {
         line-height: 1.5;
         margin-bottom: 0;
       }

       .project-tabs .ca-tab-content {
         padding: 2.3rem;
       }

       .project-tabs .nav-tabs li {
         margin-right: 1rem;
       }

       .project-tabs .nav-tabs {
         padding: 0rem 2.3rem 1rem 2.3rem;
       }

       .project-grid-columns {
         grid-template-columns: 4fr 5fr;
       }

       .hero-media {
         position: relative;
         width: auto;
         height: auto;
         z-index: 1;
       }

       .hero-media::after {
         display: none;
       }

       .ca-paragraph.lead p {
         font-size: 1.125rem;
         line-height: 1.5;
       }

       .job-board-tabs .tab-content .ca-column img {
         height: 100%;
       }

       /* .navbar-nav .nav-item.dropdown .dropdown-menu a {
              width: 80%;
            } */
       .ca-pageheader .navbar-nav {
         width: 80%;
       }

       .navbar .ca-headercolumns {
         padding: 24px 0;
       }

       .navbar {
         padding: 40px 0 0 0;
       }

       .navbar .navbar-bars {
         width: 100%;
         height: 40px;
       }

       .ca-hero .ca-heading {
         margin-top: 1.5rem;
       }
     }

     /* Large devices (≥ 992px) */
     @media (min-width: 992px) {
       .project-cards {
         grid-template-columns: 1fr 1fr !important;
         gap: 24px;
       }

       .project-cards .ca-columns {
         flex-direction: row;
       }

       .sign-up-text h3 {
         white-space: wrap;
       }

       .sign-up-columns {
         flex-direction: row;
         align-items: center;
         padding: 48px;
       }

       .sign-up-columns .ca-column {
         max-width: 50% !important;
       }

       .sign-up-btn {
         justify-content: center;
       }

       /* .navbar-nav .nav-item.dropdown .dropdown-menu a {
              width: 50%;
            } */
       .ca-pageheader .navbar-nav {
         width: 50%;
       }
     }

     /* Extra large devices (≥ 1200px) */
     @media (min-width: 1200px) {
       .navbar-nav .nav-item.dropdown:hover {
         background: #ffffff;
         border: 1px solid #ffffff;
         transition: all 0.3s ease;
       }

       .project-page-content-section,
       .project-page-content-section .container {
         max-width: 1200px;
       }

       .sign-up-text h3 {
         font-size: 42px;
         white-space: nowrap;
       }

       .navbar-nav a.project-group-header {
         font-weight: 600;
         text-transform: uppercase;
         color: var(--text-colour);
         padding: 0.5rem 1rem;
         font-size: 0.85rem;
       }

       .navbar-nav a.project-group-header:not(:first-child) {
         border-top: solid 2px #CDDCDF50;
       }

       /* .navbar-nav .nav-item.dropdown .dropdown-menu a {
              width: auto;
            } */
       .ca-pageheader .navbar-nav {
         width: auto;
       }

       .navbar-nav .nav-item:not(:first-child) {
         margin-left: 0.5rem;
       }

       .navbar-nav .nav-item:not(:last-child) {
         margin-bottom: 0;
       }

       .ca-navlogo {
         padding-left: 0;
       }

       .ca-pageheader .navbar-nav {
         margin-left: 0;
         margin-top: 0;
       }

       .project-tabs::after {
         display: none;
       }
     }

     @media (min-width: 1280px) {
       .project-page-main .ca-main-content {
         padding: 1.5rem;
       }
     }

     /* XXL devices (≥ 1400px) */
     @media (min-width: 1400px) {}


     /* ===========================================
             5. Project-specific styles
             =========================================== */
     /* Add your project-specific styles here */

     /* Override styles for the navigation on mobile */
     @media (max-width: 991px) {}

     @media (max-width: 1199px) {
       .container-fluid-overwrite .container {
         max-width: unset;
         width: 100%;
       }

       .navbar-collapse.show .dropdown-menu {
         display: block !important;
       }

       .navbar-collapse .dropdown-menu {
         background-color: #f5ee6b;
         border: none;
       }

       .navbar-collapse .dropdown-toggle {
         display: none;
       }

       .navbar-nav .nav-item.dropdown {
         border: none;
       }

       /* Add mobile menu toggle button */
       .mobile-menu-toggle {
         display: block;
       }
     }