.project-image{
	overflow: hidden;
}
.project-container-inner-wrapper .project-items img, .project-container-inner-wrapper .project-items .project-content{
	transition: var(--base-transition);
}
.project-container-inner-wrapper .project-items:hover img{
	    transform: scale(1.25);
    
}
.quickLinks__contactUs.bg-primary-5.fieldIsBlank {
    top: -8px;
}

.project-container-inner-wrapper .project-items:hover .project-content{
	background-color: var(--color-primary-4);
}
.quickLinks__wrapper-LinkContactUs.fieldIsBlank.sticky{
	    transform: translateY(0px);
}

.filter-wrapper .filter-box-item .box-tabs-wrapper a.box-tab-link .total-ajax-count,
.filter-wrapper-1 .filter-box-item .box-tabs-wrapper-1 a.box-tab-link .total-ajax-count {
    position: absolute;
    right: 16px;
}
.quickLinks__wrapper-contactText.quicklink-section-height.fieldIsBlank {
    min-height: 130px;display: none;
}
.quickLinks__wrapper-LinkContactUs.fieldIsBlank {
   /* transform: translateY(53px);*/
    padding-bottom: 30px;
	padding-top: 30px;
	top: -5px;
}

/* Filter CSS */
a.search-filter-icon.local-link {
    width: 55px;
    position: absolute;
    top: 22px;
    right: 0;
    height: 44px;
}

.filter-wrapper ul.filter-list-wrapper.box-tabs-wrapper,
.filter-wrapper-1 ul.filter-list-wrapper-1.box-tabs-wrapper-1 {
    display: none;
    /*visibility: hidden;
    opacity: 0;*/
}

.filter-wrapper .filter-box-wrapper {
    justify-content: space-between;
    margin-bottom: 10px;
}

.filter-wrapper .filter-box-item,
.filter-wrapper-1 .filter-box-item-1 {
    width: calc(25% - 6px);
    position: relative;
}

.filter-wrapper .filter-box-item a,
.filter-wrapper-1 .filter-box-item-1 a {
    display: block;
    padding: 11px 16px;
    border: none;
    background: var(--color-primary-7);
    color: var(--color-primary-3);
    font-size: 1.4rem;
    line-height: 1.8rem;
}
.filter-wrapper-1 .filter-box-item-1 > a span.text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.filter-wrapper-1 .filter-box-item-1:first-child > a span.text:first-letter {text-transform: capitalize;}
.filter-wrapper .filter-box-item a:hover,
.filter-wrapper .filter-box-item a:focus,
.filter-wrapper-1 .filter-box-item-1 a:hover,
.filter-wrapper-1 .filter-box-item-1 a:focus {
    color: var(--color-primary-3);
    outline-offset: -2px;
}

.filter-wrapper .filter-box-item .box-tabs-wrapper a.box-tab-link,
.filter-wrapper-1 .filter-box-item-1 .box-tabs-wrapper a.box-tab-link {
    padding: 11px 16px;
}

.filter-wrapper .filter-box-item .box-tabs-wrapper a.box-tab-link span.text,
.filter-wrapper-1 .filter-box-item-1 .box-tabs-wrapper a.box-tab-link span.text {
    padding-right: 10px;
    display: inline-block;
}

.filter-wrapper .filter-box-item .box-tabs-wrapper a.box-tab-link .filter-count,
.filter-wrapper-1 .filter-box-item-1 .box-tabs-wrapper a.box-tab-link .filter-count {
    position: absolute;
    right: 16px;
}

.filter-wrapper .filter-box-item .box-tabs-wrapper a.box-tab-link .total-count,
.filter-wrapper-1 .filter-box-item-1 .box-tabs-wrapper a.box-tab-link .total-count {
    position: absolute;
    right: 16px;
}

.filter-wrapper .filter-box-item .box-tabs-wrapper a.box-tab-link .all-count,
.filter-wrapper-1 .filter-box-item-1 .box-tabs-wrapper-1  span.filter-count{
    position: absolute;
    right: 16px;
}

.filter-wrapper .filter-box-item .filter-list-wrapper,
.filter-wrapper-1.filter-box-item-1 .filter-list-wrapper-1 {
    position: absolute;
    content: '';
    width: 100%;
    top: 100%;
    z-index: 100;
    left: 0;
    max-height: 300px;
    overflow-y: auto;
}

.filter-wrapper .filter-box-item>a,
.filter-wrapper-1 .filter-box-item-1>a {
    border: 2px solid var(--color-primary-7);
    transition: var(--base-transition);
    height: auto;
    align-items: center;
    display: flex;
    justify-content: space-between;
    column-gap: 15px;
}

.filter-wrapper .filter-box-item>a.active,
.filter-wrapper .filter-box-item>a:focus,
.filter-wrapper-1 .filter-box-item-1>a.active,
.filter-wrapper-1 .filter-box-item-1>a:focus {
    border-color: var(--color-primary-2);
    outline: none;
}

.filter-wrapper .project-items,
.filter-wrapper-1 .project-items {
    width: 24%;
    margin: 30px 5px;
}

.filter-wrapper .project-items,
.filter-wrapper-1 .project-items {
    position: relative;
}

.filter-wrapper .project-link,
.filter-wrapper-1 .project-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0;
}

.filter-wrapper,
.filter-wrapper-1 {
    padding-top: 44px;
}

.filter-wrapper .search-project input,
.filter-wrapper-1 .search-project input,
.filter-wrapper-1 .search-download input{
    width: 100%;
    padding: 11px 16px;
    border: 2px solid var(--color-primary-7);
    color: var(--color-primary-3);
    background: var(--color-primary-7);
    font-size: 1.4rem;
    line-height: 1.8rem;
}

.filter-wrapper .inputWithIcon,
.filter-wrapper-1 .inputWithIcon {
    position: relative;
}

.filter-wrapper .search-project input:focus,
.filter-wrapper-1 .search-project input:focus {
    border-color: var(--color-primary-2);
    outline: none;
}

.filter-wrapper .inputWithIcon span,
.filter-wrapper-1 .inputWithIcon span {
    position: absolute;
    left: auto;
    right: 16px;
    top: -9px;
    padding: 0;
    font-size: 2.2rem;
    color: var(--color-primary-2);
    transition: 0.3s;
}

#ip3-contact .filter-wrapper .inputWithIcon span,
#ip3-event-calendar .filter-wrapper .inputWithIcon span{
    top: 11px;
}
.filter-wrapper .search-project input::-webkit-input-placeholder,
.filter-wrapper-1 .search-project input::-webkit-input-placeholder {
    color: var(--color-primary-3);
}

.filter-wrapper .search-project input:-ms-input-placeholder,
.filter-wrapper-1 .search-project input:-ms-input-placeholder {
    color: var(--color-primary-3);
}

.filter-wrapper .search-project input::placeholder,
.filter-wrapper-1 .search-project input::placeholder {
    color: var(--color-primary-3);
}

.filter-wrapper .project-freetext-button,
.filter-wrapper-1 .project-freetext-button {
    display: none;
}

.filter-wrapper .search-project,
.filter-wrapper-1 .search-project, .filter-wrapper-1 .search-download {
    margin-bottom: 20px;
}

.filter-wrapper .filter-box-item span.icon-left-arrow,
.filter-wrapper-1 .filter-box-item-1 span.icon-left-arrow {
    transform: rotate(270deg);
    position: relative;
    float: right;
    top: 0px;
    color: var(--color-primary-2);
    transition: all 0.3s ease;
}

.filter-wrapper .filter-box-item a.active span.icon-left-arrow {
    transform: rotate(90deg)
}

.filter-wrapper .filter-box-item .filter-list-wrapper li,
.filter-wrapper-1 .filter-box-item-1 .filter-list-wrapper-1 li {
    padding: 0;
}

.filter-wrapper .filter-box-item ul.filter-list-wrapper li:before ,
.filter-wrapper-1 .filter-box-item-1 ul.filter-list-wrapper-1 li:before {
    content: none;
}

.filter-wrapper .filter-box-item .filter-list-wrapper li a,
.filter-wrapper-1 .filter-box-item-1 .filter-list-wrapper-1 li a {
    background: var(--color-primary-7);
}

.filter-wrapper .filter-box-item .filter-list-wrapper li a:hover,
.filter-wrapper-1 .filter-box-item-1 .filter-list-wrapper-1 li a:hover {
    background: var(--color-primary-11);
}

.filter-wrapper .reset-all-filters,
.filter-wrapper-1 .reset-all-filters {
    margin-bottom: 57px;
}

.filter-wrapper .reset-all-filters a,
.filter-wrapper-1 .reset-all-filters a {
    background: none;
    color: var(--color-primary-2);
    float: right;
    font-size: 1.4rem;
    line-height: 1.8rem;
}
.bg-primary-11 .filter-wrapper .reset-all-filters a span, .bg-primary-11 .filter-wrapper-1 .reset-all-filters a span {color: var(--color-primary-2);}

/* Project container CSS */
/*.project-container-inner-wrapper .project-items{max-width:370px;width: calc(33.33% - 15px);}*/
.project-container-inner-wrapper .project-result-container {
    row-gap: 55px;
    margin-bottom: 120px;
}

.project-container-inner-wrapper .project-items {
    position: relative;
    background: var(--color-primary-7);
    height: 100%;
}

.project-container-inner-wrapper .project-items a.project-link {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: none;
}

.project-container-inner-wrapper .project-items .project-content {
    background: var(--color-primary-7);
    padding: 20px;
	min-height: 240px;
}

.project-container-inner-wrapper .project-items .project-content .project-tags a {
    position: relative;
    color: var(--color-primary-10);
    padding-left: 8px;
    display: inline-block;
}

.project-container-inner-wrapper .project-items .project-content .project-tags a:first-child {
    padding-left: 0px;
}

/*.project-container-inner-wrapper .project-items .project-content .project-tags a:last-child{margin-right:0px;}*/
.project-container-inner-wrapper .project-items .project-content .project-tags a:before {
    position: absolute;
    content: '';
    width: 3px;
    height: 3px;
    background: var(--color-primary-5);
    top: 3px;
    left: 2.5px;
}

.project-container-inner-wrapper .project-items .project-content .project-tags a:first-child:before {
    content: none;
}

.project-image img {
    width: 100%;
    height: auto;
}

.project-container-inner-wrapper .project-items .project-content .project-tags {
    margin-bottom: 8px;
}

.project-container-inner-wrapper .project-items .project-content .project-date-time div:before {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    background: var(--color-primary-5);
    top: 4px;
    left: auto;
    right: -18px;
}

.project-container-inner-wrapper .project-items .project-content .project-date-time div {
    position: relative;
    margin-left: 18px;
    margin-right: 12px;
}

.project-container-inner-wrapper .project-items .project-content .project-date-time div:first-child {
    margin-left: 0px;
}

.project-container-inner-wrapper .project-items .project-content .project-date-time div:last-child {
    margin-right: 0px;
}

.project-container-inner-wrapper .project-items .project-content .project-date-time div:last-child:before {
    content: none;
}


/* Project Details page*/
.quickLinks__wrapper .project-tags a {
    position: relative;
    color: var(--color-primary-10);
    padding-left: 8px;
    display: inline-block;
}

.quickLinks__wrapper .project-tags a:first-child {
    padding-left: 0px;
}

.quickLinks__wrapper .project-tags a:before {
    position: absolute;
    content: '';
    width: 3px;
    height: 3px;
    background: var(--color-primary-2);
    top: 3px;
    left: 0;
}

.quickLinks__wrapper .project-tags a:first-child:before {
    content: none;
}

.quickLinks__wrapper .project-tags {
    margin-bottom: 8px;
}

.quickLinks__contactUs .quickLinks__contactUs_bg {
    background-color: var(--color-primary-3);
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: -0;
}

.quickLinks__wrapper.project-details p.label {
    margin-bottom: 10px;
}

.quickLinks__wrapper.project-details .quickLinks__wrapper-links-items {
    padding-bottom: 32px;
}

.quickLinks__wrapper.project-details .quickLinks__wrapper-links {
    padding-bottom: 3px;
}

.ip3-projects .add-in-page-nav>.configurable-text-module h2 {
    display: none;
}

.project-image img {
    object-fit: cover;
    object-position: center;
    max-height: 268px;
}

.project-container-inner-wrapper .project-items .project-content .project-tags a {
    z-index: 10;
}

@media only screen and (max-width:1199px) {
    .filter-wrapper {
        padding-top: 42px;
    }

    .project-container-inner-wrapper .project-items .project-content {
       /* min-height: 251px;*/
    }

    .project-container-inner-wrapper .project-result-container {
        row-gap: 25px;
        margin-bottom: 60px;
    }

    .filter-wrapper .filter-box-wrapper, .filter-wrapper-1 .filter-box-item-1 {
        margin-bottom: 16px;
    }

    .filter-wrapper .reset-all-filters {
        margin-bottom: 54px;
    }

    .project-container-inner-wrapper .project-items .project-content {
        padding: 20px 10px;
    }

    .project-container-inner-wrapper .project-items .project-content .project-tags {
        margin-bottom: 8px;
    }

    .project-image img {
        max-height: 162px;
    }

    .filter-wrapper .filter-box-item .box-tabs-wrapper a.box-tab-link span.text,
    .filter-wrapper-1 .filter-box-item-1 .box-tabs-wrapper-1 a.box-tab-link span.text {
        padding-right: 20px;
    }
}

@media only screen and (max-width:767px) {
    .press-releases-landing ul.news-year.bod__tab, .press-releases-landing ul.news-year-1.bod__tab {
        overflow-y: auto
    }

    .filter-wrapper .filter-box-item, .filter-wrapper-1 .filter-box-item-1 {
        width: calc(50% - 12px);
    }

    .filter-wrapper .filter-box-wrapper, .filter-wrapper-1 .filter-box-item-1 {
        row-gap: 20px;
    }

    .project-container-inner-wrapper .project-items {
        max-width: 100%;
        width: 100%;
    }

    .project-container-inner-wrapper .project-items .project-content {
        /*min-height: 173px;*/
    }

    .project-container-inner-wrapper .project-result-container {
        row-gap: 24px;
    }

    .filter-wrapper {
        padding-top: 40px;
    }

    .filter-wrapper .filter-box-wrapper {
        margin-bottom: 20px;
    }

    .filter-wrapper .reset-all-filters {
        margin-bottom: 25px;
    }

    .project-image img {
        max-height: 100%;
    }
}

/* Project Background Pattern*/


/* Pattern Backgrounds */
.project-landing-page .pattern--bottom {
    position: absolute;
    bottom: calc(8% - 77px);
    left: 0;
    height: 154px;
    width: 100%;
}

.project-landing-page .pattern--top {
    position: absolute;
    top: calc(8% + 77px);
    left: 0;
    height: 154px;
    width: 100%;
}

.project-landing-page .top-half-bg--primary-1 {
    background: linear-gradient(var(--color-primary-1) calc(8% + 77px), transparent calc(8% - 77px));
    position: relative;
}

.project-landing-page .top-half-bg--primary-1 a {
    color: var(--color-primary-7);
    transition: 0.5s;
}

.project-landing-page .top-half-bg--primary-1 a:hover,
.project-landing-page .top-half-bg--primary-1 a:focus {
    color: var(--color-primary-4);
}

.project-landing-page .top-half-bg--primary-2 {
    background: linear-gradient(var(--color-primary-2) calc(8% + 77px), transparent calc(8% - 77px));
    position: relative;
}

.project-landing-page .top-half-bg--primary-2 a {
    color: var(--color-primary-7);
    transition: 0.5s;
}

.project-landing-page .top-half-bg--primary-2 a:hover,
.project-landing-page .top-half-bg--primary-2 a:focus {
    color: var(--color-primary-4);
}

.project-landing-page .top-half-bg--primary-3 {
    background: linear-gradient(var(--color-primary-3) calc(8% + 77px), transparent calc(8% - 77px));
    position: relative;
}

.project-landing-page .top-half-bg--primary-3 a {
    color: var(--color-primary-7);
    transition: 0.5s;
}

.project-landing-page .top-half-bg--primary-3 a:hover,
.project-landing-page .top-half-bg--primary-3 a:focus {
    color: var(--color-primary-4);
}

.project-landing-page .top-half-bg--primary-4 {
    background: linear-gradient(var(--color-primary-4) calc(8% + 77px), transparent calc(8% - 77px));
    position: relative;
}

.project-landing-page .top-half-bg--primary-4 a {
    color: var(--color-primary-3);
    transition: 0.5s;
}

.project-landing-page .top-half-bg--primary-4 a:hover,
.project-landing-page .top-half-bg--primary-4 a:focus {
    color: var(--color-primary-2);
}

.project-landing-page .top-half-bg--primary-5 {
    background: linear-gradient(var(--color-primary-5) calc(8% + 77px), transparent calc(8% - 77px));
    position: relative;
}

.project-landing-page .top-half-bg--primary-5 a {
    color: var(--color-primary-3);
    transition: 0.5s;
}

.project-landing-page .top-half-bg--primary-5 a:hover,
.project-landing-page .top-half-bg--primary-5 a:focus {
    color: var(--color-primary-2);
}

.project-landing-page .top-half-bg--primary-6 {
    background: linear-gradient(var(--color-primary-6) calc(8% + 77px), transparent calc(8% - 77px));
    position: relative;
}

.project-landing-page .top-half-bg--primary-6 a {
    color: var(--color-primary-3);
    transition: 0.5s;
}

.project-landing-page .top-half-bg--primary-6 a:hover,
.project-landing-page .top-half-bg--primary-6 a:focus {
    color: var(--color-primary-2);
}

.project-landing-page .top-half-bg--primary-7 {
    background: linear-gradient(var(--color-primary-7) calc(8% + 77px), transparent calc(8% - 77px));
    position: relative;
}

.project-landing-page .top-half-bg--primary-8 {
    background: linear-gradient(var(--color-primary-8) calc(8% + 77px), transparent calc(8% - 77px));
    position: relative;
}

.project-landing-page .top-half-bg--primary-8 a {
    color: var(--color-primary-7);
    transition: 0.5s;
}

.project-landing-page .top-half-bg--primary-8 a:hover,
.project-landing-page .top-half-bg--primary-8 a:focus {
    color: var(--color-primary-4);
}

.project-landing-page .top-half-bg--primary-9 {
    background: linear-gradient(var(--color-primary-9) calc(8% + 77px), transparent calc(8% - 77px));
    position: relative;
}

.project-landing-page .top-half-bg--primary-9 a {
    color: var(--color-primary-3);
    transition: 0.5s;
}

.project-landing-page .top-half-bg--primary-9 a:hover,
.project-landing-page .top-half-bg--primary-9 a:focus {
    color: var(--color-primary-2);
}

.project-landing-page .top-half-bg--primary-10 {
    background: linear-gradient(var(--color-primary-10) calc(8% + 77px), transparent calc(8% - 77px));
    position: relative;
}

.project-landing-page .top-half-bg--primary-10 a {
    color: var(--color-primary-3);
    transition: 0.5s;
}

.project-landing-page .top-half-bg--primary-10 a:hover,
.project-landing-page .top-half-bg--primary-10 a:focus {
    color: var(--color-primary-2);
}


.project-landing-page .top-half-bg--primary-11 {
    background: linear-gradient(var(--color-primary-11) calc(8% + 77px), transparent calc(8% - 77px));
    position: relative;
}

.project-landing-page .top-half-bg--primary-11 a {
    color: var(--color-primary-3);
    transition: 0.5s;
}

.project-landing-page .top-half-bg--primary-11 a:hover,
.project-landing-page .top-half-bg--primary-11 a:focus {
    color: var(--color-primary-2);
}


.project-landing-page .bottom-half-bg--primary-1 {
    background: linear-gradient(transparent calc(8% + 77px), var(--color-primary-1) calc(8% - 77px));
    position: relative;
}

.project-landing-page .bottom-half-bg--primary-1 a {
    color: var(--color-primary-7);
    transition: 0.5s;
}

.project-landing-page .bottom-half-bg--primary-1 a:hover,
.project-landing-page .bottom-half-bg--primary-1 a:focus {
    color: var(--color-primary-4);
}

.project-landing-page .bottom-half-bg--primary-2 {
    background: linear-gradient(transparent calc(8% + 77px), var(--color-primary-2) calc(8% - 77px));
    position: relative;
}

.project-landing-page .bottom-half-bg--primary-2 a {
    color: var(--color-primary-7);
    transition: 0.5s;
}

.project-landing-page .bottom-half-bg--primary-2 a:hover,
.project-landing-page .bottom-half-bg--primary-2 a:focus {
    color: var(--color-primary-4);
}

.project-landing-page .bottom-half-bg--primary-3 {
    background: linear-gradient(transparent calc(8% + 77px), var(--color-primary-3) calc(8% - 77px));
    position: relative;
}

.project-landing-page .bottom-half-bg--primary-3 a {
    transition: 0.5s;
    color: var(--color-primary-7);
}

.project-landing-page .bottom-half-bg--primary-3 a:hover,
.project-landing-page .bottom-half-bg--primary-3 a:focus {
    color: var(--color-primary-4);
}

.project-landing-page .bottom-half-bg--primary-4 {
    background: linear-gradient(transparent calc(8% + 77px), var(--color-primary-4) calc(8% - 77px));
    position: relative;
}

.project-landing-page .bottom-half-bg--primary-4 a {
    color: var(--color-primary-3);
    transition: 0.5s;
}

.project-landing-page .bottom-half-bg--primary-4 a:hover,
.project-landing-page .bottom-half-bg--primary-4 a:focus {
    color: var(--color-primary-2);
}

.project-landing-page .bottom-half-bg--primary-5 {
    background: linear-gradient(transparent calc(8% + 77px), var(--color-primary-5) calc(8% - 77px));
    position: relative;
}

.project-landing-page .bottom-half-bg--primary-5 a {
    color: var(--color-primary-3);
    transition: 0.5s;
}

.project-landing-page .bottom-half-bg--primary-5 a:hover,
.project-landing-page .bottom-half-bg--primary-5 a:focus {
    color: var(--color-primary-2);
}

.project-landing-page .bottom-half-bg--primary-6 {
    background: linear-gradient(transparent calc(8% + 77px), var(--color-primary-6) calc(8% - 77px));
    position: relative;
}

.project-landing-page .bottom-half-bg--primary-6 a {
    color: var(--color-primary-3);
    transition: 0.5s;
}

.project-landing-page .bottom-half-bg--primary-6 a:hover,
.project-landing-page .bottom-half-bg--primary-6 a:focus {
    color: var(--color-primary-2);
}

.project-landing-page .bottom-half-bg--primary-7 {
    background: linear-gradient(transparent calc(8% + 77px), var(--color-primary-7) calc(8% - 77px));
    position: relative;
}

.project-landing-page .bottom-half-bg--primary-8 {
    background: linear-gradient(transparent calc(8% + 77px), var(--color-primary-8) calc(8% - 77px));
    position: relative;
}

.project-landing-page .bottom-half-bg--primary-8 a {
    color: var(--color-primary-7);
    transition: 0.5s;
}

.project-landing-page .bottom-half-bg--primary-8 a:hover,
.project-landing-page .bottom-half-bg--primary-8 a:focus {
    color: var(--color-primary-4);
}

.project-landing-page .bottom-half-bg--primary-9 {
    background: linear-gradient(transparent calc(8% + 77px), var(--color-primary-9) calc(8% - 77px));
    position: relative;
}

.project-landing-page .bottom-half-bg--primary-9 a {
    color: var(--color-primary-3);
    transition: 0.5s;
}

.project-landing-page .bottom-half-bg--primary-9 a:hover,
.project-landing-page .bottom-half-bg--primary-9 a:focus {
    color: var(--color-primary-2);
}

.project-landing-page .bottom-half-bg--primary-10 {
    background: linear-gradient(transparent calc(8% + 77px), var(--color-primary-10) calc(8% - 77px));
    position: relative;
}

.project-landing-page .bottom-half-bg--primary-10 a {
    color: var(--color-primary-3);
    transition: 0.5s;
}

.project-landing-page .bottom-half-bg--primary-10 a:hover,
.project-landing-page .bottom-half-bg--primary-10 a:focus {
    color: var(--color-primary-2);
}

.project-landing-page .bottom-half-bg--primary-11 {
    background: linear-gradient(transparent calc(8% + 77px), var(--color-primary-11) calc(8% - 77px));
    position: relative;
}

.project-landing-page .bottom-half-bg--primary-11 a {
    color: var(--color-primary-3);
    transition: 0.5s;
}

.project-landing-page .bottom-half-bg--primary-11 a:hover,
.project-landing-page .bottom-half-bg--primary-11 a:focus {
    color: var(--color-primary-2);
}

.project-landing-page .pattern-top--primary-1::before {
    display: inherit;
    content: "";
    background: linear-gradient(to bottom, rgba(195, 0, 255, 1) 50%, rgba(195, 0, 255, 0.85) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .pattern-top--primary-1::after {
    display: inline-block;
    content: "";
    background: linear-gradient(to bottom, rgba(195, 0, 255, 0.69) 50%, rgba(195, 0, 255, 0.55) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .pattern-top--primary-2::before {
    display: inherit;
    content: "";
    background: linear-gradient(to bottom, rgba(63, 50, 241, 1) 50%, rgba(63, 50, 241, 0.85) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    top: 0;
}

.project-landing-page .pattern-top--primary-2::after {
    display: inline-block;
    content: "";
    background: linear-gradient(to bottom, rgba(63, 50, 241, 0.69) 50%, rgba(63, 50, 241, 0.55) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    top: 0;
}

.project-landing-page .pattern-top--primary-3::before {
    display: inherit;
    content: "";
    background: linear-gradient(to bottom, rgba(25, 45, 56, 1) 50%, rgba(25, 45, 56, 0.85) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .pattern-top--primary-3::after {
    display: inline-block;
    content: "";
    background: linear-gradient(to bottom, rgba(25, 45, 56, 0.69) 50%, rgba(25, 45, 56, 0.55) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .pattern-top--primary-4::before {
    display: inherit;
    content: "";
    background: linear-gradient(to bottom, rgba(185, 255, 0, 1) 50%, rgba(185, 255, 0, 0.85) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .pattern-top--primary-4::after {
    display: inline-block;
    content: "";
    background: linear-gradient(to bottom, rgba(185, 255, 0, 0.69) 50%, rgba(185, 255, 0, 0.55) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .pattern-top--primary-5::before {
    display: inherit;
    content: "";
    background: linear-gradient(to bottom, rgba(5, 229, 96, 1) 50%, rgba(5, 229, 96, 0.85) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .pattern-top--primary-5::after {
    display: inline-block;
    content: "";
    background: linear-gradient(to bottom, rgba(5, 229, 96, 0.69) 50%, rgba(5, 229, 96, 0.55) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .pattern-top--primary-6::before {
    display: inherit;
    content: "";
    background: linear-gradient(to bottom, rgba(190, 218, 229, 1) 50%, rgba(190, 218, 229, 0.85) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .pattern-top--primary-6::after {
    display: inline-block;
    content: "";
    background: linear-gradient(to bottom, rgba(190, 218, 229, 0.69) 50%, rgba(190, 218, 229, 0.55) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .pattern-top--primary-7 {
    background-color: var(--color-primary-7);
}

.project-landing-page .pattern-top--primary-8::before {
    display: inherit;
    content: "";
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0.85) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .pattern-top--primary-8::after {
    display: inline-block;
    content: "";
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.69) 50%, rgba(0, 0, 0, 0.55) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .pattern-top--primary-9::before {
    display: inherit;
    content: "";
    background: linear-gradient(to bottom, rgba(116, 146, 158, 1) 50%, rgba(116, 146, 158, 0.85) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .pattern-top--primary-9::after {
    display: inline-block;
    content: "";
    background: linear-gradient(to bottom, rgba(116, 146, 158, 0.69) 50%, rgba(116, 146, 158, 0.55) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .pattern-top--primary-10::before {
    display: inherit;
    content: "";
    background: linear-gradient(to bottom, rgba(90, 109, 122, 1) 50%, rgba(90, 109, 122, 0.85) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .pattern-top--primary-10::after {
    display: inline-block;
    content: "";
    background: linear-gradient(to bottom, rgba(90, 109, 122, 0.69) 50%, rgba(90, 109, 122, 0.55) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .pattern-top--primary-11::before {
    display: inherit;
    content: "";
    background: linear-gradient(to bottom, rgba(242, 248, 250, 1) 50%, rgba(90, 109, 122, 0.85) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .pattern-top--primary-11::after {
    display: inline-block;
    content: "";
    background: linear-gradient(to bottom, rgba(242, 248, 250, 0.69) 50%, rgba(90, 109, 122, 0.55) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}


.project-landing-page .pattern-bottom--primary-1::before {
    display: inherit;
    content: "";
    background: linear-gradient(to top, rgba(195, 0, 255, 0.69) 50%, rgba(195, 0, 255, 0.55) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .pattern-bottom--primary-1::after {
    display: inline-block;
    content: "";
    background: linear-gradient(to top, rgba(195, 0, 255, 1) 50%, rgba(195, 0, 255, 0.85) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .pattern-bottom--primary-2::before {
    display: inherit;
    content: "";
    background: linear-gradient(to top, rgba(63, 50, 241, 0.69) 50%, rgba(63, 50, 241, 0.55) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .pattern-bottom--primary-2::after {
    display: inline-block;
    content: "";
    background: linear-gradient(to top, rgba(63, 50, 241, 1) 50%, rgba(63, 50, 241, 0.85) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .pattern-bottom--primary-3::before {
    display: inherit;
    content: "";
    background: linear-gradient(to top, rgba(25, 45, 56, 0.69) 50%, rgba(25, 45, 56, 0.55) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .pattern-bottom--primary-3::after {
    display: inline-block;
    content: "";
    background: linear-gradient(to top, rgba(25, 45, 56, 1) 50%, rgba(25, 45, 56, 0.85) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .pattern-bottom--primary-4::before {
    display: inherit;
    content: "";
    background: linear-gradient(to top, rgba(185, 255, 0, 0.69) 50%, rgba(185, 255, 0, 0.55) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .pattern-bottom--primary-4::after {
    display: inline-block;
    content: "";
    background: linear-gradient(to top, rgba(185, 255, 0, 1) 50%, rgba(185, 255, 0, 0.85) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .pattern-bottom--primary-5::before {
    display: inherit;
    content: "";
    background: linear-gradient(to top, rgba(5, 229, 96, 0.69) 50%, rgba(5, 229, 96, 0.55) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .pattern-bottom--primary-5::after {
    display: inline-block;
    content: "";
    background: linear-gradient(to top, rgba(5, 229, 96, 1) 50%, rgba(5, 229, 96, 0.85) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .pattern-bottom--primary-6::before {
    display: inherit;
    content: "";
    background: linear-gradient(to top, rgba(190, 218, 229, 0.69) 50%, rgba(190, 218, 229, 0.55) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .pattern-bottom--primary-6::after {
    display: inline-block;
    content: "";
    background: linear-gradient(to top, rgba(190, 218, 229, 1) 50%, rgba(190, 218, 229, 0.85) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .pattern-bottom--primary-7 {
    background-color: var(--color-primary-7);
}

.project-landing-page .pattern-bottom--primary-8::before {
    display: inherit;
    content: "";
    background: linear-gradient(to top, rgba(0, 0, 0, 0.69) 50%, rgba(0, 0, 0, 0.55) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .pattern-bottom--primary-8::after {
    display: inline-block;
    content: "";
    background: linear-gradient(to top, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0.85) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .pattern-bottom--primary-9::before {
    display: inherit;
    content: "";
    background: linear-gradient(to top, rgba(116, 146, 158, 0.69) 50%, rgba(116, 146, 158, 0.55) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .pattern-bottom--primary-9::after {
    display: inline-block;
    content: "";
    background: linear-gradient(to top, rgba(116, 146, 158, 1) 50%, rgba(116, 146, 158, 0.85) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .pattern-bottom--primary-10::before {
    display: inherit;
    content: "";
    background: linear-gradient(to top, rgba(90, 109, 122, 0.69) 50%, rgba(90, 109, 122, 0.55) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .pattern-bottom--primary-10::after {
    display: inline-block;
    content: "";
    background: linear-gradient(to top, rgba(90, 109, 122, 1) 50%, rgba(90, 109, 122, 0.85) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .pattern-bottom--primary-11::before {
    display: inherit;
    content: "";
    background: linear-gradient(to top, rgba(242, 248, 250, 0.69) 50%, rgba(242, 248, 250, 0.55) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .pattern-bottom--primary-11::after {
    display: inline-block;
    content: "";
    background: linear-gradient(to top, rgba(242, 248, 250, 1) 50%, rgba(242, 248, 250, 0.85) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}



.project-landing-page .patternInner--top {
    position: absolute;
    top: calc(8% + 385px);
    left: 0;
    height: 154px;
    width: 100%;
}

.project-landing-page .patternInner-top--primary-1::before {
    display: inherit;
    content: "";
    background: linear-gradient(to bottom, rgba(195, 0, 255, 0.40) 50%, rgba(195, 0, 255, 0.25) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .patternInner-top--primary-1::after {
    display: inline-block;
    content: "";
    background: linear-gradient(to bottom, rgba(195, 0, 255, 0.1) 50%, rgba(195, 0, 255, 0.1) 50%);
    height: 77px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .patternInner-top--primary-2::before {
    display: inherit;
    content: "";
    background: linear-gradient(to bottom, rgba(63, 50, 241, 0.40) 50%, rgba(63, 50, 241, 0.25) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    top: 0;
}

.project-landing-page .patternInner-top--primary-2::after {
    display: inline-block;
    content: "";
    background: linear-gradient(to bottom, rgba(63, 50, 241, 0.1) 50%, rgba(63, 50, 241, 0.1) 50%);
    height: 77px;
    width: 100%;
    position: relative;
    top: 0;
}

.project-landing-page .patternInner-top--primary-3::before {
    display: inherit;
    content: "";
    background: linear-gradient(to bottom, rgba(25, 45, 56, 0.40) 50%, rgba(25, 45, 56, 0.25) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .patternInner-top--primary-3::after {
    display: inline-block;
    content: "";
    background: linear-gradient(to bottom, rgba(25, 45, 56, 0.1) 50%, rgba(25, 45, 56, 0.1) 50%);
    height: 77px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .patternInner-top--primary-4::before {
    display: inherit;
    content: "";
    background: linear-gradient(to bottom, rgba(185, 255, 0, 0.40) 50%, rgba(185, 255, 0, 0.25) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .patternInner-top--primary-4::after {
    display: inline-block;
    content: "";
    background: linear-gradient(to bottom, rgba(185, 255, 0, 0.1) 50%, rgba(185, 255, 0, 0.1) 50%);
    height: 77px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .patternInner-top--primary-5::before {
    display: inherit;
    content: "";
    background: linear-gradient(to bottom, rgba(5, 229, 96, 0.40) 50%, rgba(5, 229, 96, 0.25) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .patternInner-top--primary-5::after {
    display: inline-block;
    content: "";
    background: linear-gradient(to bottom, rgba(5, 229, 96, 0.1) 50%, rgba(5, 229, 96, 0.1) 50%);
    height: 77px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .patternInner-top--primary-6::before {
    display: inherit;
    content: "";
    background: linear-gradient(to bottom, rgba(190, 218, 229, 0.40) 50%, rgba(190, 218, 229, 0.25) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .patternInner-top--primary-6::after {
    display: inline-block;
    content: "";
    background: linear-gradient(to bottom, rgba(190, 218, 229, 0.1) 50%, rgba(190, 218, 229, 0.1) 50%);
    height: 77px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .patternInner-top--primary-7 {
    background-color: var(--color-primary-7);
}

.project-landing-page .patternInner-top--primary-8::before {
    display: inherit;
    content: "";
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.40) 50%, rgba(0, 0, 0, 0.25) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .patternInner-top--primary-8::after {
    display: inline-block;
    content: "";
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 50%);
    height: 77px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .patternInner-top--primary-9::before {
    display: inherit;
    content: "";
    background: linear-gradient(to bottom, rgba(116, 146, 158, 0.40) 50%, rgba(116, 146, 158, 0.25) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .patternInner-top--primary-9::after {
    display: inline-block;
    content: "";
    background: linear-gradient(to bottom, rgba(116, 146, 158, 0.1) 50%, rgba(116, 146, 158, 0.1) 50%);
    height: 77px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .patternInner-top--primary-10::before {
    display: inherit;
    content: "";
    background: linear-gradient(to bottom, rgba(90, 109, 122, 0.40) 50%, rgba(90, 109, 122, 0.25) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .patternInner-top--primary-10::after {
    display: inline-block;
    content: "";
    background: linear-gradient(to bottom, rgba(90, 109, 122, 0.1) 50%, rgba(90, 109, 122, 0.1) 50%);
    height: 77px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .patternInner-top--primary-11::before {
    display: inherit;
    content: "";
    background: linear-gradient(to bottom, rgba(242, 248, 250, 0.40) 50%, rgba(90, 109, 122, 0.25) 50%);
    height: 154px;
    width: 100%;
    position: relative;
    bottom: 0;
}

.project-landing-page .patternInner-top--primary-11::after {
    display: inline-block;
    content: "";
    background: linear-gradient(to bottom, rgba(242, 248, 250, 0.1) 50%, rgba(90, 109, 122, 0.1) 50%);
    height: 77px;
    width: 100%;
    position: relative;
    bottom: 0;
}

@media only screen and (max-width:1199px) {}

.filter-list-wrapper .tab-link:focus-visible {
    outline-offset: -2px;
}

body.ip3-projects main .module--spacing:last-child,
body.ip3-beyond-engineering main .module--spacing:last-child {
    padding-bottom: 0px;
}

body.ip3-projects .explore-further-col.first {
    display: none;
}

.filter-list-wrapper-1 {
    display: none;
    position: absolute;
    content: '';
    width: 100%;
    top: 100%;
    z-index: 100;
    left: 0;
    max-height: 300px;
    overflow-y: auto;
}
.filter-box-wrapper-1 {
    justify-content: space-between;
    margin-bottom: 10px;
}
.filter-wrapper-1 .filter-box-item-1 > a span.text:first-letter {
    text-transform: capitalize;
}
.loadMoreProjects {opacity: 0; visibility: hidden;}

.pointerEventNone{
	    pointer-events: none;
        /*filter: grayscale(1);*/
}


.project-container-inner-wrapper .project-items .project-content .project-title p {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis; } 

.project-container-inner-wrapper .project-items .bottom {position: absolute;bottom: 18px;}
.project-container-inner-wrapper .project-items .top.mb-auto {padding-bottom: 30px;}