.s-about-the-project{--bs-section-padding-top-md:3rem;--bs-section-padding-top-xl:5rem;--bs-section-padding-top-xxl:5rem;background:url(../../images/project-vertical-bars.svg) no-repeat top 2rem left;background-size:10rem}@media (min-width:768px){.s-about-the-project{background:url(../../images/project-vertical-bars.svg) no-repeat top 2rem left,url(../../images/project-vertical-bars.svg) no-repeat top 2rem right;background-size:12rem}}@media (min-width:1024px){.s-about-the-project{background-size:14rem}}@media (min-width:1280px){.s-about-the-project{background-size:16rem}}.s-hero-jumbotron{background:linear-gradient(0deg,rgba(0,0,0,var(--hero-jumbotron-overlay,.2)) 100%,rgba(0,0,0,var(--hero-jumbotron-overlay,.2))),var(--hero-jumbotron-bg-mobile) no-repeat center,#fafafa;background-size:cover;display:flex;height:100vh;min-height:450px}@media (min-width:768px){.s-hero-jumbotron{background:linear-gradient(0deg,rgba(0,0,0,var(--hero-jumbotron-overlay,.2)) 100%,rgba(0,0,0,var(--hero-jumbotron-overlay,.2))),var(--hero-jumbotron-bg-desktop) no-repeat center,#fafafa;background-size:cover}}.s-hero-jumbotron>.container{height:calc(100% - var(--bs-nav-sticky-top-offset)*-1)}@media (min-width:768px){.s-other-projects{background:url(../../images/project-vertical-bars.svg) no-repeat top 2rem left,url(../../images/project-vertical-bars.svg) no-repeat top 2rem right;background-size:12rem}}@media (min-width:1024px){.s-other-projects{background-size:14rem}}@media (min-width:1280px){.s-other-projects{background-size:16rem}}.grid-project-details-layout{grid-template-rows:auto 2rem auto 2rem}@media (min-width:768px){.grid-project-details-layout{grid-template-rows:minmax(2rem,1fr) auto minmax(2rem,1fr)}}@media (min-width:1024px){.grid-project-details-layout{grid-template-rows:minmax(2.5rem,1fr) auto minmax(2.5rem,1fr)}}.grid-project-details-layout .cell.cell-bg{background:linear-gradient(90deg,#0f1688 25%,#0f90c7);border-radius:.375rem 0 0 .375rem;grid-area:2/8/5/13}.grid-project-details-layout .cell.cell-img{grid-area:3/2/4/12}.grid-project-details-layout .cell.cell-content{grid-area:1/1/2/13;padding-bottom:1rem;padding-top:1rem}.grid-project-details-layout .cell:is(.cell-img,.cell-content){--bs-gutter-x:2rem;padding-left:calc(var(--bs-gutter-x)*.5);padding-right:calc(var(--bs-gutter-x)*.5)}@media (max-width:639.98px) and (min-width:400px){.grid-project-details-layout .cell:is(.cell-img,.cell-content){--bs-gutter-x:3rem}}@media (min-width:640px){.grid-project-details-layout .cell.cell-bg{grid-area:2/9/5/full-end}.grid-project-details-layout .cell.cell-img{grid-area:3/4/4/12}.grid-project-details-layout .cell.cell-content{grid-area:1/content-start/2/content-end}}@media (min-width:768px){.grid-project-details-layout .cell.cell-bg{grid-area:1/11/4/full-end}.grid-project-details-layout .cell.cell-img{grid-area:2/8/3/content-end}.grid-project-details-layout .cell.cell-content{align-self:center;grid-area:1/content-start/4/8}}.grid-project-other-name-location{grid-template-columns:1fr;grid-template-rows:1fr 1fr;margin-bottom:calc(var(--project-label-offset-bottom)/2*-1);position:relative;transform:translateY(-50%)}.grid-project-other-name-location .cell.cell-proj-name-location{grid-area:1/1/3/2}.grid-project-other-name-location .cell.cell-proj-name-location>.text-container{background:linear-gradient(90deg,#0f1688 25%,#0f90c7);border-radius:0 .375rem .375rem 0;color:#fff;max-width:100%;padding:1.25rem 2.5rem 1.25rem 1.5rem;width:-webkit-max-content;width:-moz-max-content;width:max-content}@media (min-width:768px){.grid-project-other-name-location .cell.cell-proj-name-location>.text-container{padding-left:2.5rem}}@media (min-width:1024px){.grid-project-other-name-location .cell.cell-proj-name-location>.text-container{padding-left:4rem}}.nav-tabs{flex-wrap:nowrap;overflow:auto;white-space:nowrap}.nav-tabs::-webkit-scrollbar{display:none}@supports (scrollbar-width:none){.nav-tabs{scrollbar-width:none}}@media (min-width:768px){.nav-tabs{--bs-nav-link-padding-x:2rem}}@media (min-width:768px) and (max-width:1023.98px){.text-file-info{font-size:.875em}}.text-jumbotron-title{color:var(--hero-jumbotron-color,#fff);text-shadow:0 .25rem .25rem rgba(0,0,0,.3)}.flickity-project-gallery .slide{width:80%}.flickity-project-gallery .slide>div{transition:all .2s ease-in-out}.flickity-project-gallery .slide:not(.is-selected)>div{transform:scale(.85)}.card-downloadable{border:1px solid var(--bs-border-color-translucent);border-radius:.375rem;display:flex;flex-direction:row;flex-wrap:wrap;overflow:hidden}.card-downloadable>.card-img{align-items:center;background-color:var(--bs-light-2);border-radius:0;display:flex;height:10rem;justify-content:center;width:100%}.card-downloadable>.card-body{width:100%}@media (min-width:768px){.card-downloadable>.card-img{height:unset;width:25%}.card-downloadable>.card-body{width:75%}}@media (min-width:1024px){.card-downloadable>.card-body{padding:2rem}}.card-feature>.card-body{text-align:center}.card-feature .icon{align-items:center;color:#0f1688;display:flex;height:6rem;justify-content:center;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;width:6rem}@media (min-width:1280px){.card-feature .icon{margin-bottom:2.5rem}}.card-feature .text-feature-title{color:#0f90c7;font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.card-feature .text-feature-title{font-size:2rem}}@media (max-width:639.98px){.card-feature .text-feature-title{margin-bottom:.75rem}}.card-feature .text-feature-title+p{font-size:.875em}.list-downloadables>li:not(:last-child){margin-bottom:1.5rem}@media (min-width:768px){.list-downloadables>li:not(:last-child){margin-bottom:2rem}}

@media (min-width: 768px) {
    .s-hero-jumbotron {
        background:linear-gradient(0deg,rgba(0,0,0,var(--hero-jumbotron-overlay,.1)) 100%,rgba(0,0,0,var(--hero-jumbotron-overlay,.1))),var(--hero-jumbotron-bg-desktop) no-repeat center,#fafafa;
        background-size: cover
    }
}

.s-blockquote {
    --bs-section-padding-top: 3rem;
    --bs-section-padding-bottom: 3rem;
    --bs-section-padding-top-md: 5rem;
    --bs-section-padding-bottom-md: 5rem;
    --bs-section-padding-top-lg: 5rem;
    --bs-section-padding-bottom-lg: 5rem;
    --bs-section-padding-top-xl: 6rem;
    --bs-section-padding-bottom-xl: 6rem;
    --bs-section-padding-top-xxl: 7rem;
    --bs-section-padding-bottom-xxl: 7rem;
    background: url(../../images/vertical-bars-muted-1.svg) no-repeat center left 1rem;
    background-size: 50% auto
}

@media (min-width: 768px) {
    .s-blockquote {
        background:url(../../images/vertical-bars-muted-1.svg) no-repeat 0,url(../../images/vertical-bars-muted-1.svg) no-repeat 100%;
        background-size: auto 75%,auto 75%
    }
}

.s-projects {
    --bs-section-padding-top: 0;
    --bs-section-padding-top-sm: 0;
    background: url(../../images/vertical-bars-muted-2.svg) no-repeat 100% 100%,linear-gradient(90deg,#0f1688 25%,#0f90c7);
    background-size: calc(2.425rem + 14.1vw),100%;
    color: #fff
}

.grid-projects {
    grid-template-rows: auto auto
}

@media (min-width: 768px) {
    .grid-projects {
        align-items:center;
        grid-template-rows: auto
    }
}

.grid-projects .cell.cell-img {
    grid-area: 1/1/2/13
}

.grid-projects .cell.cell-content {
    grid-area: 2/1/3/13;
    padding: 1.5rem 1rem
}

@media (max-width: 639.98px) and (min-width:400px) {
    .grid-projects .cell.cell-content {
        padding:1.5rem
    }
}

@media (min-width: 640px) {
    .grid-projects .cell.cell-img {
        grid-area:1/full-start/2/full-end
    }

    .grid-projects .cell.cell-content {
        grid-area: 2/content-start/3/content-end
    }
}

@media (min-width: 768px) {
    .grid-projects .cell.cell-img {
        grid-area:1/full-start/2/8
    }

    .grid-projects .cell.cell-content {
        grid-area: 1/9/2/content-end;
        padding: 0 1rem 0 0
    }
}

@media (min-width: 1280px) {
    .grid-projects .cell.cell-img {
        grid-area:1/full-start/2/9
    }

    .grid-projects .cell.cell-content {
        grid-area: 1/10/2/content-end
    }
}

@media (min-width: 768px) {
    .ratio-project-img {
        border-bottom-right-radius:.375rem;
        border-top-right-radius: .375rem;
        overflow: hidden
    }
}

.text-jumbotron-title {
    color: var(--hero-jumbotron-color,#fff);
    text-shadow: 0 .25rem .25rem rgba(0,0,0,.3)
}

@media (max-width: 1279.98px) {
    .text-project-desc-container .text-project-name {
        font-size:calc(1.375rem + 1.5vw)!important
    }
}

@media (max-width: 1279.98px) and (min-width:1200px) {
    .text-project-desc-container .text-project-name {
        font-size:2.5rem!important
    }
}

.text-project-desc-container .text-project-location {
    color: #cfdeee
}

@media (max-width: 1279.98px) {
    .text-project-desc-container .text-project-location {
        font-size:calc(1.275rem + .3vw)!important
    }
}

@media (max-width: 1279.98px) and (min-width:1200px) {
    .text-project-desc-container .text-project-location {
        font-size:1.5rem!important
    }
}

.text-project-desc-container .text-project-status {
    border: 1px solid #fff;
    border-radius: 10rem;
    font-weight: 500;
    letter-spacing: .05em;
    padding: .25rem .625rem;
    text-transform: uppercase
}

.slick-dots {
    justify-content: flex-start
}

.slick-dots li button:before {
    background-color: #fff
}

.slick-list {
    overflow: unset!important
}

.card-pitch {
    background: linear-gradient(to bottom,#caf0f8 50%,transparent 100%),var(--card-pitch-bg) no-repeat bottom center;
    background-size: 100%,auto 50%;
    border: none
}

@media (min-width: 640px) {
    .card-pitch {
        background:linear-gradient(to bottom,#caf0f8 45%,transparent 100%),var(--card-pitch-bg) no-repeat bottom center;
        background-size: 100%,auto 45%
    }
}

@media (min-width: 768px) {
    .card-pitch {
        background:url(../../images/vertical-bars-muted-3.svg) no-repeat 0 100%,linear-gradient(to right,#caf0f8 50%,transparent 100%),var(--card-pitch-bg) no-repeat center right;
        background-size: calc(2.475rem + 14.7vw),100%,auto 100%
    }
}

@media (min-width: 1400px) {
    .card-pitch {
        background:url(../../images/vertical-bars-muted-3.svg) no-repeat 0 100%,linear-gradient(to right,#caf0f8 60%,transparent 100%),var(--card-pitch-bg) no-repeat center right;
        background-size: calc(2.475rem + 14.7vw),100%,auto 100%
    }
}

@media (max-width: 767.98px) {
    .card-pitch {
        padding-bottom:15rem
    }
}

@media (max-width: 639.98px) {
    .card-pitch {
        padding-bottom:10rem
    }
}

/*.highlight-button {
    font-size: 16px;
    padding: 10px 20px;
    background-color: #007BFF;
    color: white;
    border: none;
    border-radius: 5px;
    transition: all 0.3s ease;
    padding: 0;
    border: none;
    background: none;
} */

/* Hover effect */
.highlight-button:hover {
    font-weight: bold;
    font-size: 44px !important;
    /*background-color: #0056b3;  Slightly darker background */
    color: blue; /* Change text color to yellow */
    text-shadow: 1px 1px 2px black; /* Add a shadow effect for extra emphasis */
}
