@font-face {
    font-family: "Basis Grotesque";
    src: url("/-/media/Themes/Mirvac/OandI/275-Kent/275-Kent/styles/fonts/basis-grotesque-regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: "NEXT ART";
    src: url("../fonts/NEXT ART_Light.otf") format("opentype");
    font-weight: 400;
    font-style: normal
}
.magazine h3 {
    font-family: "NEXT ART";
}
.magazine p {
    font-family: "Basis Grotesque";
}
ul.page-selector-list {
    padding-top: 20px;
}
.content a, .rich-text a {
    text-decoration: none;
}
.mmopen .nav-wrapper, .home .mmopen .nav-wrapper {
    background-image: url(../images/logo-riverside-quay-black.svg);
}
header .component.navigation.site-nav .dropdown .image-text .field-navigationtext {
    width: 100%;
}
header .component.navigation nav ul .level1 > a, header .component.navigation nav ul .level1 > .field-navigationtitle > a {
    font-family: "Basis Grotesque";
}
header .component.navigation.site-nav .dropdown .image-text .content h3 {
    text-align: center;
    font-family: "NEXT ART";
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: 50px;
}
header .component.navigation.site-nav .dropdown .image-text .content p{
    color: #FFF;
    text-align: center;
    font-family: "Basis Grotesque";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;  
}
header .component.navigation nav ul .field-navigationimage {
    opacity: 1;
}
header .component.navigation.site-nav .dropdown > ul.clearfix li a {
    font-family: "Basis Grotesque";
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
}
.full-screen-background__content {
    top: 50%;
}
.col-12 {
    padding-left: 0px;
    padding-right: 0px;
}
/*.full-screen-background__content h1 {
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), rgba(150, 150, 150, 0.14);
    backdrop-filter: blur(6px);
    color: #FFF;
    text-align: center;
    text-shadow: 0px 0px 20px #112323;
    font-family: "NEXT ART";
    font-size: 40px;
    line-height: 50px;
    padding: 30px 0px 0px 0px;
}*/
.full-screen-background__overlaytext h1, .full-screen-background__content h1 {
    text-transform: uppercase;
    color: #FFF;
    text-align: center;
    text-shadow: 0px 0px 30px #112323;
    font-family: "NEXT ART";
    font-size: 9rem;
    font-style: normal;
    font-weight: 300;
}
.full-screen-background__content {
    width: unset;
    max-width: unset;
}
.overlay-background .component-content .full-screen-background__content h1 {
    border-radius: 1.875rem;
    border: 1px solid rgba(255, 255, 255, .2);
    background: linear-gradient(0deg, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, .2) 100%), rgba(150, 150, 150, .14);
    backdrop-filter: blur(6px);
    color: #fff;
    text-align: center;
    text-shadow: 0 0 20px #112323;
    font-family: "NEXT ART";
    font-size: 4rem;
    /*line-height: 3.125rem;*/
    padding: 30px 40px 0px 40px;
}
.Border-radius-left .component-content {
    border-radius: 30px 0px 0px 30px;
}
.map {
    border-radius: 0px 30px 30px 0px;
}
.component.container.column-splitter-padding {
    padding-left: 83px;
    padding-right: 83px;
}
header .nav-wrapper {
    background-color: #112323;
}
.card-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    width: 100%;
    padding: 20px 83px 40px 83px;
}

.view-card {
    background-color: #072423;
    border-radius: 15px;
    padding: 20px;
    color: #fff;
    /*display: flex;*/
    flex-direction: column;
    justify-content: space-between;
    text-align: left;
}
.food-card {
    background-color: #072423;
    border-radius: 15px;
    padding: 20px;
    color: #fff;
    /*display: flex;*/
    flex-direction: column;
    justify-content: space-between;
    text-align: left;
}
.lounge-card {
    background-color: #072423;
    border-radius: 15px;
    padding: 20px;
    color: #fff;
    /*display: flex;*/
    flex-direction: column;
    justify-content: space-between;
    text-align: left;
}
.transport-card {
    background-color: #072423;
    border-radius: 15px;
    padding: 20px;
    color: #fff;
    /*display: flex;*/
    flex-direction: column;
    justify-content: space-between;
    text-align: left;
}
.card-info h3 {
    color: #FFF;
    font-family: "Basis Grotesque";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    margin: 0px;
    padding-left: 30px;
}
.card-info p {
    color: #FFF;
    font-family: "Basis Grotesque";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    opacity: 0.75;
    padding: 10px 30px 20px 30px;
}
.card-info {
    padding-bottom: 30px;
}
.home-card-img {
    padding: 30px 0px 16px 30px;
}
.card-info a {
    color: #FFF;
    font-family: "Basis Grotesque";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    text-decoration: none;
    padding: 0px 0px 20px 30px;
}

.card-info a::after {
    content: '→';
    margin-left: 10px;
    font-size: 1.2rem;
}
.dazzling-lights {
    padding: 0 14.938rem 0 14.938rem;
    max-width: 1366px;
    margin-right: auto;
    margin-left: auto;
}
.dazzling-lights h3 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding: 0px 0px 20px 0px;
    font-family: "Basis Grotesque";
}
.dazzling-lights p {
    padding-bottom: 30px;
    color: #000;
    font-family: "Basis Grotesque";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    opacity: 0.75;
}
.dazzling-lights-img {
    padding-bottom: 30px;
    display: flex;
}
.img-1 {
    padding-right: 40px;
}
.dazzling-lights-img img {
    border-radius: 30px;
}
.office-tower {
    padding: 60px 83px 0 83px;
    max-width: 1366px;
    margin-left: auto;
    margin-right: auto;
}
.office-tower-title {
    color: #000;
    font-family: "Basis Grotesque";
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
}
.office-tower-images {
    display: flex;
    padding-bottom: 60px;
}
.office-tower-img {
    padding-right: 40px;
}
.office-tower-text {
    color: #000;
    font-family: "Basis Grotesque";
    font-size: 16px;
    line-height: 26px;
    padding-bottom: 30px;
    padding-top: 20px;
    opacity: .75;
}
.sustainability-cta {
    padding-bottom: 60px;
}
a.sustain-cta {
    color: #000;
    font-family: "Basis Grotesque";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    text-decoration: none;
}
.sustain-cta:after {
    content: '→';
    padding-left: 11px;
}
.urban-park {
    display: flex;
    max-width: 1366px;
    margin-right: auto;
    margin-left: auto;
    padding: 0px 83px 0 83px;
}
.urban-park-left {
    width: 50%;
    padding: 40px 40px 60px 0px;
}
.urban-park-right {
    width: 50%;
    color: #000;
    font-family: "Basis Grotesque";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    padding: 112px 0px 132px 0px;
    opacity: .75;
}
.transport-parking {
    display: flex;
    max-width: 1366px;
    margin-right: auto;
    margin-left: auto;
}
.transport-parking-heading {
    color: #000;
    font-family: "Basis Grotesque";
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    padding: 80px 0px 20px 83px;
}
.transport-parking-text {
    padding: 0px 40px 0px 83px;
    color: #000;
    font-family: "Basis Grotesque";
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    opacity: .75;
}
.transport-parking-left {
    width: 50%;
}
.transport-parking-right {
    padding: 60px 83px 0px 15px;
}
.green-space {
    display: flex;
    max-width: 1366px;
    margin-right: auto;
    margin-left: auto;
}
.green-space-right {
    width: 50%;
}
.green-space-left {
    padding: 60px 0px 0px 83px;
}
.green-space-heading {
    color: #000;
    font-family: "Basis Grotesque";
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    padding: 151px 0px 0px 40px;
}
.green-space-text {
    padding: 20px 83px 0px 40px;
    color: #000;
    font-family: "Basis Grotesque";
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    opacity: .75;
}
.retail-urban-park {
    display: flex;
}
.retail-urban-park-heading{
    color: #000;
    font-family: "Basis Grotesque";
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    padding: 73px 40px 20px 83px;
}
.retail-urban-park-text {
    padding: 0px 40px 0px 83px;
    color: #000;
    font-family: "Basis Grotesque";
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    opacity: .75;
}
.retail-urban-park {
    display: flex;
    max-width: 1366px;
    margin-right: auto;
    margin-left: auto;
}
.retail-urban-park-left {
    width: 50%;
}
.retail-urban-park-right {
    padding: 40px 83px 0px 15px;
}
.wellbeing {
    display: flex;
    max-width: 1366px;
    margin-right: auto;
    margin-left: auto;
}
.see-more {
    color: #000;
    font-family: "Basis Grotesque";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    padding: 0px 0px 0px 20px;
}
a.see-more {
    text-decoration: none;
}
a.see-more:after {
    content: '→';
    padding-left: 11px;
}
.wellbeing-heading {
    color: #000;
    font-family: "Basis Grotesque";
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    padding: 53px 0px 0px 40px;
}
.wellbeing-right {
    width: 50%;
    /*padding-top: 20px;*/
}
.wellbeing-left {
    padding: 60px 0 60px 83px;
}
.wellbeing-text {
    padding: 20px 83px 0 40px;
    color: #000;
    font-family: "Basis Grotesque";
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    opacity: .75;
}
.kent-club {
    padding-top: 25px;
}
.kent-feature {
    padding-bottom: 25px;
}
section.statistics article.stat:before {
    background: unset;
}
.card {
    border:unset
}
section.statistics article.stat {
    margin: 0px;
}
article.stat.card:nth-child(1) {
    border-radius: 30px 0px 0px 30px;
}
article.stat.card:nth-child(4) {
    border-radius: 0px 30px 30px 0px;
}
section.statistics {
    margin-bottom: unset;
    padding: 60px 80px 60px 80px;
}
section.statistics article.stat .hgroup .number {
    color: #FFF;
    font-family: "Basis Grotesque";
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
}
section.statistics article.stat .hgroup .label {
    color: #FFF;
    text-align: center;
    font-family: "Basis Grotesque";
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}
section.statistics article.stat .align {
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.30);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(50px);
    /*padding: 20px 30px 20px 30px;*/
}
.tech-title {
    max-width: 1366px;
    margin-left: auto;
    margin-right: auto;
}
.technology-background{
    background: url(/-/media/Project/Mirvac//OandI/275-Kent/275_kent_assets/01_technology_page/img/background_blurred_img.svg) no-repeat;
    background-size: cover;
}
.technology-background {
    max-width: 1366px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 110px;
    border-radius: 30px 30px 30px 30px;
}
.technology-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    text-align: center;
}
.technology-item {
    padding: 30px 30px 30px 30px;
    border-bottom: 1px solid #fff;
}
.technology-item img {
    padding-bottom: 20px;
}
.technology-item:nth-child(odd) {
    border-right: 1px solid #fff;
}
.tech-title h3 {
    color: #000;
    font-family: "Basis Grotesque";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding: 60px 0px 40px 0px;
}
.contacts {
    max-width: 1366px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 18px 60px 83px;
}
.contact-card {
    background-color: #08282c;
    color: white;
    border-radius: 30px;
    padding: 20px;
    margin: 10px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    width: 388px;
}
p.contact-name {
    padding-left: 30px;
    font-family: "Basis Grotesque";
}
.email-link {
    color: #fff; /* Default color */
    text-decoration: none; /* No underline */
    transition: color 0.3s ease; /* Smooth color transition */
  }
  e
  /* Hover effect for the email link */
  .email-link:hover {
    color: #0078d4; /* Change to a different color on hover */
    text-decoration: underline; /* Add underline on hover */
  }
  .contact-card h3 {
    margin-top: 10px;
    margin-bottom: 25px;
    color: #FFF;
    font-family: "Basis Grotesque";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    padding-top: 2rem;
}
.content p:first-child, .rich-text p:first-child {
    margin-top: 0px;
}
.content p, .rich-text p {
    margin-bottom: 8px;
}
.phone-icon img {
    padding-right: 10px;
}
.enquiries-span {
    display: inline-flex;
    align-items: center;
    padding-left: 30px;
}

.enquiries-span img {
    margin-right: 10px;
}
.contact-details {
    color: #FFF;
    font-family: "Basis Grotesque";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    opacity: .75;
    padding-bottom: 10px;
    padding-left: 30px;
}
.contact-copy {
    max-width: 1366px;
    margin-right: auto;
    margin-left: auto;
}
.contact-copy h3 {
    padding: 60px 83px 20px 83px;
    color: #000;
    font-family: "Basis Grotesque";
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    margin: 0px;
}
.contact-copy p {
    padding: 0px 83px 0px 83px;
    color: #000;
    font-family: "Basis Grotesque";
    font-size: 16px;
    line-height: 26px;
}
i.email-icon {
    padding-right: 10px;
}


/* News Articles */
ul.search-result-list .event-wrapper .image-holder {
    border-radius: 20px 20px 0px 0px;
}
ul.search-result-list article .image-holder {
    border-left: unset;
    border-bottom: unset;
}
ul.search-result-list article .hgroup {
    background-color: #072423;
    border-radius: 0px 0px 20px 20px;
}
.search-results.search-results {
    padding-top: 60px;
}
ul.search-result-list article .hgroup h2 {
    color: #FFF;
    font-family: "Basis Grotesque";
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
}
ul.search-result-list article .hgroup p {
    color: #FFF;
    font-family: "Basis Grotesque";
    font-size: 16px;
    line-height: 26px;
    opacity: 0.75;
}
ul.search-result-list article .hgroup .btn.btn-link {
    color: #FFF !important;
    font-family: "Basis Grotesque";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
}
ul.search-result-list article .hgroup .tags {
    color: #FFF;
    font-family: "Basis Grotesque";
    font-size: 14px;
    font-weight: 700;
    line-height: 26px;
    opacity: 0.75;
}
.container-gray-background {
    background-color: #fff !important;
    max-width: 1366px;
}
ul.search-result-list li {
    padding: 0px 10px 0px 10px;
}
.component.container.background-width {
    max-width: 1366px;
    padding: 60px 83px;
}
.component.container.background-width .component-content {
    border-radius: 30px;
}
.right-partners {
    display: flex;
    gap: 40px;
    padding-top: 40px;
}
.our-partners h3 {
    margin: 0px;
    padding: 0px 0px 10px 0px;
}
.right-partners-left {
    color: #000;
    font-family: "Basis Grotesque";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    border-radius: 30px;
    border: 1px solid var(--dottedandoutline_line_colour, #DDD);
    background: #FFF;
    padding: 0px 30px 50px 30px;
    opacity: 0.75;
}
.mirvac-logo {
    padding: 50px 0px 50px 0px;
}
.ISPT-logo {
    padding: 50px 0px 30px 0px;
}
.the-right-partners {
    text-align: center;
}
.the-right-partners p {
    padding-bottom: 40px;
    font-family: "Basis Grotesque";
}
.partners-img-one {
    padding: 50px 0px 30px 0px;
}
.the-right-partners h2 {
    margin: 0px;
    padding-bottom: 20px;
    font-family: "Basis Grotesque";
}
.partners-img-two {
    padding-bottom: 20px;
}

/* Retail Page */
.property-index__results-row.row {
    max-width: 1366px;
    margin-right: auto;
    margin-left: auto;
}
.property-index .property-index__results__item {
    padding: 0px 5px 0px 5px;
}
.property-index__card .card-body {
    background-color: #072423;
    padding: 20px 30px 20px 30px;
}
.card-footer:last-child {
    border-radius: 0px 0px 10px 10px;
}
.property-index__card .card-footer {
    background-color: #072423;
    text-align: left;
    padding: 0px 30px 20px 30px;
}
h5.card-title {
    color: #FFF;
    font-family: "Basis Grotesque";
    font-size: 20px !important;
    line-height: 30px !important;
    min-height: 0px !important;
    padding-bottom: 10px !important;
}
.card-subtitle a.phonenumber {
    color: #fff;
    padding-bottom:10px
}
p.card-subtitle {
    color: #fff;
    font-family: "Basis Grotesque";
    font-size: 16px !important;
    line-height: 26px;
    opacity: 0.75;
}
.property-index__card .card-footer .btn {
    color: #FFF;
    font-family: "Basis Grotesque";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
}
.property-index__filters {
    max-width: 1366px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: unset;
}
.property-index__results-count {
    max-width: 1366px;
    margin-right: auto;
    margin-left: auto;
}
.btn.btn-primary:after, .component.load-more .component-content input[type='button']:after, .btn.btn-link:after {
    height: unset;
    background-color: transparent;
    content: '→';
    top: 42%;
}
.btn.btn-link:hover:after {
    background-color: transparent;
}
.property-index__card .card-footer .btn:after {
    width: 7rem !important;
}

/*Mobile Menu*/
.mm-menu {
    background: #112323;
}
.mm-page__blocker {
    background: #112323;
}
nav.mm-menu .mm-listview .mm-listitem a {
    color: #fff;
}





/* MOBILE */

@media (max-width: 768px){
    .full-screen-background__overlaytext h1, .full-screen-background__content h1 {
        font-size: 6rem;
    }
    .card-container {
        padding: 20px 20px 20px 20px;
    }
    .component.container.column-splitter-padding {
        padding: 0px 20px 0px 20px;
    }
    .Border-radius-left .component-content {
        border-radius: 30px 30px 0px 0px;
    }
    .map {
        border-radius: 0px 0px 30px 30px;
    }
    .dazzling-lights {
        padding: 0;
    }
    .dazzling-lights h3 {
        color: #000;
        text-align: center;
        font-family: "Basis Grotesque";
        font-size: 30px;
        font-weight: 700;
        line-height: 40px;
        padding: 20px 20px 20px 20px;
        margin: 0px;
    }
    .dazzling-lights p {
        color: #000;
        text-align: center;
        font-family: "Basis Grotesque";
        font-size: 16px;
        line-height: 26px;
        padding: 0px 20px 0px 20px;
    }
    .dazzling-lights-img {
        padding: 0px 20px 30px 20px;
        flex-direction: column;
    }
    .img-1 {
        padding-right: 0px;
    }
    .office-tower {
        padding: 0px;
    }
    .office-tower-images {
        flex-direction: column;
    }
    .urban-park-img {
        padding: 0px 20px 0px 20px;
    }
    .office-tower-title {
        text-align: center;
        padding: 40px 20px 20px 20px;
    }
    .office-tower-text {
        text-align: center;
        padding: 0px 20px 0px 20px;
    }
    .sustainability-cta {
        padding: 40px 59px 60px 86px;
    }
    .office-tower-img {
        padding: 0px 20px 0px 20px;
    }
    section.statistics article.stat .hgroup .number {
        font-size: 30px;
    }
    section.statistics article.stat .hgroup .label {
        font-size: 16px;
    }
    section.statistics article.stat .align {
        padding: 20px 120px 20px 50px;
    }
    article.stat.card:nth-child(1) {
        border-radius: 30px 30px 0 0px;
    }
    article.stat.card:nth-child(4) {
        border-radius: 0 0px 30px 30px;
    }
    section.statistics {
        padding: 60px 20px 60px 20px;
    }
    ul.search-result-list li .event-wrapper {
        padding: 0px 20px 20px 20px;
    }
    .contact-copy h3 {
        padding: 40px 20px 20px 20px;
        text-align: center;
        margin: 0;
    }
    .contact-copy p {
        padding: 0px 20px 20px 20px;
        text-align: center;
        margin: 0px;
    }
    .contact-card {
        display: block;
        width: unset;
    }
    .contacts {
        padding: 0px 10px 20px 10px;
    }
    .transport-parking {
        flex-direction: column-reverse;
    }
    .transport-parking-left {
        width: 100%;
    }
    .transport-parking-text {
        padding: 20px 20px 40px 20px;
        text-align: center;
    }
    .transport-parking-heading {
        padding: 20px 20px 0px 20px;
        text-align: center;
    }
    .transport-parking-right {
        padding: 30px 20px 0 20px;
    }
    .green-space {
        flex-direction: column;
    }
    .green-space-right {
        width: 100%;
    }
    .green-space-left {
        padding: 0px 20px 0px 20px;
    }
    .green-space-heading {
        padding: 30px 20px 0 20px;
        text-align: center;
    }
    .green-space-text {
        padding: 20px 20px 0 20px;
        text-align: center;
    }
    .retail-urban-park {
        flex-direction: column-reverse;
    }
    .retail-urban-park-right {
        padding: 40px 20px 0 20px;
    }
    .retail-urban-park-left {
        width: 100%;
    }
    .retail-urban-park-heading {
        padding: 40px 20px 20px 20px;
        text-align: center;
    }
    .retail-urban-park-text {
        padding: 20px 20px 0 20px;
        text-align: center;
    }
    .wellbeing {
        flex-direction: column;
    }
    .wellbeing-right {
        width: 100%;
    }
    .wellbeing-left {
        padding: 40px 20px 0px 20px;
    }
    .wellbeing-heading {
        padding: 40px 20px 0 20px;
        text-align: center;
    }
    .wellbeing-text {
        padding: 20px 20px 40px 20px;
        text-align: center;
    }
    .urban-park {
        flex-direction: column-reverse;
        padding: 0px;
    }
    .urban-park-left {
        width: 100%;
        padding: 0px 20px 40px 20px;
    }
    .urban-park-right {
        width: 100%;
        padding: 40px 20px 40px 20px;
        text-align: center;
    }
    /*.office-tower-img img {
        height: 250px !important;
    }*/
    .technology-container {
        grid-template-columns: repeat(1, 1fr);
    }
    .technology-background {
        border-radius: 30px 75px 75px 30px;
    }
    .tech-title h3 {
        text-align: center;
    }
}

/* three column listing*/
.three-column-container .column:nth-child(1) .text-area {
    background-image: url('/-/media/Project/Mirvac/OandI/275%20Kent/three-column-listing/column1_background');
    background-size: cover;
    background-position: center;
    border-radius: 20px;
}

.three-column-container .column:nth-child(2) .text-area {
    background-image: url('/-/media/Project/Mirvac/OandI/275%20Kent/three-column-listing/column3_background');
    background-size: cover;
    background-position: center;
    border-radius: 20px;
}

.three-column-container .column:nth-child(3) .text-area {
    background-image: url('/-/media/Project/Mirvac/OandI/275%20Kent/three-column-listing/column2_background');
    background-size: cover;
    background-position: center;
    border-radius: 20px;
}

.three-column-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.three-column-component {
    width: 100%;
    margin-left: 83px;
    margin-right: 83px;
    height: 876px;
    display: flex;
    justify-content: center;
    padding: 42px 0;
    box-sizing: border-box;
    background-image: url('/-/media/Project/Mirvac/OandI/275%20Kent/three-column-listing/background');
    background-size: cover;
    background-position: center;
    border-radius: 20px;
    overflow: hidden;
	margin-bottom: 20px;
}

.three-column-container .columns-wrapper {
    width: 100%;
    max-width: 1116px;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    padding: 0 15px;
    box-sizing: border-box;
}

.three-column-container .column {
    width: calc((100% - 36px) / 3);
    max-width: 360px;
    box-sizing: border-box;
}

.three-column-container .text-area .title {
	margin-top: 1em;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    text-align: left !important;
    padding-right: 20px;
}

.three-column-container .text-area .description {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    opacity: 0.75;
    text-align: left !important;
}

.three-column-container .text-area {
    padding-left: 20px !important;
    width: 100%;
    max-width: 360px;
    height: 360px;
    background-size: cover;
    background-position: center;
    margin-bottom: 10px;
    padding: 10px;
    box-sizing: border-box;
    overflow-y: auto;
    border-radius: 20px;
    text-align: left !important;
    color: #FFF;
    font-family: "Basis Grotesque";
}

.three-column-container .image {
    width: 100%;
    max-width: 360px;
    height: 414px;
    border-radius: 20px;
}

.read-more-link {
    text-decoration: none !important;
    color: #FFF !important;
    font-family: "Basis Grotesque";
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 26px !important;
    margin-left: 5px;
}

.read-more-link::after {
    content: '→';
    padding-left: 10px;
}

a.read-more-link:hover {
    color: #878787 !important;
}

@media screen and (max-width: 1116px) {
    .three-column-container {
		padding-left: 83px;
        padding-right: 83px;
    }

    .three-column-container .image {
        margin-top: 20px;
    }

    .three-column-component {
        height: auto;
		margin-bottom: 20px;
		margin-left: 0px;
		margin-right: 0px;
    }

    .three-column-container .columns-wrapper {
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }

    .three-column-container .column {
        width: 100%;
        max-width: 360px;
        margin-bottom: 0;
        display: flex;
        flex-direction: column;
    }

    .three-column-container .column:nth-child(2) {
        display: flex;
        flex-direction: column;
    }

    .three-column-container .column:nth-child(2) .text-area {
        order: -1;
    }
    .right-partners {
        flex-direction: column;
        padding: 0px 20px 20px 20px;
    }
    .our-partners {
        text-align: center;
        padding-bottom: 20px;
    }

    @media screen and (max-width: 767px) {
        .three-column-container {
			padding: 0 20px;
        }

        .three-column-container .columns-wrapper {
            gap: 20px;
        }

        .three-column-container .column {
            max-width: 275px;
        }

        .three-column-container .text-area {
            height: 454px;
            order: -1;
        }

        .three-column-container .image {
            height: 454px;
        }
    }
}
/* three column listing*/


@media (max-width: 1275px){
.card-container {
    grid-template-columns: auto;
}
}

footer .social-links .row .col a i.icon-instagram {
    background-image: url(../images/icons/instagram_icon.svg);
}
footer .social-links .row .col a i.icon-linkedin {
    background-image: url(../images/icons/linkedin_icon-1.svg);
}
footer .social-links .row .col a i.icon-youtube {
    background-image: url(../images/icons/youtube_icon-1.svg);
}