@import "components/accordion_2.css";
@import "components/accordion_3.css";
@import "components/banners.css";
@import "components/blog_card_2.css";
@import "components/buttons.css";
@import "components/contact_form_3.css";
@import "components/dropdowns.css";
@import "components/fades.css";
@import "components/features.css";
@import "components/footer_7.css";
@import "components/hero_5.css";
@import "components/location_card_2.css";
@import "components/menus.css";
@import "components/modals.css";
@import "components/nav_bars.css";
@import "components/overlays.css";
@import "components/popups.css";
@import "components/preloaders.css";
@import "components/scroll_anchors.css";
@import "components/tabs_3.css";
@import "components/text_groups.css";
@import "components/tiles.css";
@import "components/tile_group_4.css";

/* general ------------------------------- */
b {
    font-weight: 700;
}
ul li {
    margin-bottom: var(--space-xsml);
}
ul li:last-of-type {
    margin-bottom: 0;
}
.btn-1,
.btn-2 {
    transform: scale(1.01);
    transition: 0.3s;
}
.btn-1:hover,
.btn-2:hover {
    transform: scale(1.05);
}
.fade_in {
    animation: fadeIn ease 0.3s;
    opacity: 1;
}
.page-header {
    padding: var(--space-lrg) 0 var(--space-sml) 0;
    background: var(--linen);
    text-align: center;
}
.page-header h1 {
    font-size: 3.25rem;
}
.page-header .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    width: 100px;
    border-radius: 100px;
    font-size: 3rem;
    margin-bottom: var(--space-sml);
    margin-left: auto;
    margin-right: auto;
}
.page-header.pink .icon {
    background: var(--pink);
    color: var(--blackMatt);
}
.page-header.mint .icon {
    background: var(--mint);
    color: var(--blackMatt);
}
.wave-top {
    position: absolute;
    top: 99px;
    left: 0;
    width: 100%;
    z-index: -1;
}
.wave-padding-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: var(--linen);
    z-index: -1;
}
.wave-top-lrg {
    position: absolute;
    top: 149px;
    left: 0;
    width: 100%;
    z-index: -1;
}
.wave-padding-top-lrg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150px;
    background: var(--linen);
    z-index: -1;
}
.wave.mobile {
    display: none;
}
@keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}
@media only screen and (max-width: 650px) {
    .wave.desktop {
        display: none;
    }
    .wave.mobile {
        display: block;
    }
}
@media only screen and (max-width: 501px) {
    .page-header {
        padding-top: var(--space-med);
    }
    h1,
    .page-header h1 {
        font-size: var(--text-3xl);
    }
    h2 {
        font-size: var(--text-2xl);
    }
    .page-header .icon {
        height: 85px;
        width: 85px;
        font-size: 2.75rem;
    }
}

/* preloader ------------------------------- */
.colony_preloader {
    background: var(--linen);
}
.colony_preloader img {
    height: 50px;
    width: auto;
}

/* header ------------------------------- */
.colony_nav {
    background: var(--linen);
}
.colony_nav .nav_inner {
    padding: calc(var(--space-xsml) * 1.5) var(--container-padding);
}
.colony_nav .links a,
.colony_nav .control_dropdown {
    font-weight: 700;
    font-size: 0.85rem;
}
.colony_nav .colony_dropdown {
    background: var(--white);
    padding: var(--space-sml);
    border-radius: 7px;
}
.colony_nav .colony_dropdown a {
    font-weight: 700;
    font-size: 0.85rem;
}
.colony_nav .links a.featured_link{
    background: var(--mint);
    color: var(--blackMatt);
    border-radius: 100px;
}

/* menu ------------------------------- */
.colony_menu_wrp {
    background: rgba(0,0,0,0.5);
}
.colony_menu {
    background: var(--latte);
}
.colony_menu .menu_close {
    position: relative;
    left: initial;
    right: initial;
    top: initial;
    bottom: initial;
    width: 100%;
    text-align: center;
    padding-top: var(--space-sml);
    display: flex;
    justify-content: center;
    align-items: center;
}
.colony_menu .menu_close i {
    background: var(--pink);
    height: 45px;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    font-size: 2rem;
}
.colony_menu .links_wrp {
    padding: 0;
    height: auto;
    padding-top: calc(var(--space-sml) * 1.5);
}
.colony_menu .links {
    text-align: center;
}
.colony_menu .links a,
.colony_menu_dropdown .menu_dropdown_head {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: calc(var(--space-sml) * 1.5);
}
.colony_menu_dropdown .sub_links {
    padding-left: 0;
}
.colony_menu .sub_links a {
    font-size: 1rem;
    margin-bottom: var(--space-sml);
}
.colony_menu .links a.btn-1 {
    display: inline-block;
}
.colony_menu .branding img {
    width: 175px;
    height: auto;
}

/* footer ------------------------------- */
.colony_footer {
    padding-top: var(--space-xlrg);
    padding-bottom: var(--space-med);
    background: var(--latte);
    color: var(--blackMatt);
}
.colony_footer a {
    color: var(--blackMatt);
    font-weight: 500;
    text-decoration: none;
}
.colony_footer .links li {
    margin-bottom: 7px;

}
.colony_footer .socials {
    display: flex;
    gap: var(--space-xsml);
}
.colony_footer .socials i {
    font-size: 1.75rem;
}
.colony_footer .documents {
    margin-top: 5px;
    font-size: 0.9rem;
}
@media only screen and (max-width: 1000px) {
    .colony_footer .socials {
        justify-content: center;
    }
}
@media only screen and (max-width: 600px) {
    .colony_footer .navigation_c hr {
        display: none;
    }
}

/* contact form ------------------------------- */
.colony_contact_3 {
    border-radius: 10px;
    overflow: hidden;
    border: none;
}
.colony_contact_3 .form {
    background: var(--linenAlt);
}
.colony_contact_3 .title {
    font-size: var(--text-3xl);
}

/* homepage ------------------------------- */
.home-hero {
    height: 97vh;
}
.home-hero h1 {
    font-size: 4.6rem;
}
.home-hero .colony_overlay {
    background: linear-gradient(to right, rgba(0,0,0,0.6), rgba(0,0,0,0.2));
}
.home-hero .tagline {
    text-transform: uppercase;
    font-size: 1.65rem;
    font-weight: 900;
    padding-right: var(--space-med);
    padding-bottom: var(--space-xsml);
    border-bottom: 2px solid var(--pink);
    margin-bottom: var(--space-sml);
    display: inline-block;
}
.home-hero.colony_hero .content {
    width: 100%;
    max-width: 650px;
}
.home-hero .google-reviews {
    color: var(--white);
    text-decoration: none;
    position: relative;
}
.home-hero .stars {
    margin-left: 5px;
    margin-right: 5px;
}
.home-hero .google-reviews i {
    color: #FBBC05;
}
.home-hero .google-reviews img {
    height: 30px;
    width: auto;
    display: inline-block;
    margin-left: 5px;
}
.home-hero .google-reviews .tooltip {
    position: absolute;
    background: rgba(255,255,255,0.9);
    color: var(--black);
    font-size: 0.8rem;
    padding: 1px 7px;
    border-radius: 5px;
    right: -65px;
    bottom: -50px;
    display: none;
}
.home-hero .google-reviews:hover .tooltip {
    display: block;
}
.home-hero .cta {
    margin-top: var(--space-sml);
}
@media only screen and (max-width: 800px) {
    .home-hero .video-background {
        display: none;
    }
}
@media only screen and (max-width: 700px) {
    .colony_hero_5 .colony_overlay .content {
        max-width: 90%;
    }
    .home-hero h1 {
        font-size: 4rem;
    }
}
@media only screen and (max-width: 501px) {
    .colony_hero_5 .colony_overlay {
        background: rgba(0,0,0,0.3);
    }
    .colony_hero_5 .colony_overlay .content {
        max-width: 100%;
    }
    .home-hero .tagline {
        font-size: 1.35rem;
    }
    .home-hero h1 {
        font-size: 3rem;
    }
    .home-hero p,
    .home-hero a {
        font-size: 16px;
    }
    .home-hero .google-reviews img {
        height: 25px;
    }
}

/* about */
.home-about .container-lrg {
    position: relative;
}
.home-about .blob {
    position: absolute;
    left: 0;
    top: 100px;
    z-index: -1;
}
.home-about .feature img {
    max-width: 75%;
}
.home-about .colony_feature .content img {
    margin-bottom: var(--space-sml);
}
@media only screen and (max-width: 501px) {
    .home-about {
        margin-top: 0;
    }
    .home-about .blob {
        display: none;
    }
    .home-about .colony_feature .grid-2 {
        row-gap: var(--space-med);
    }
    .home-about .feature {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .home-about .feature img {
        max-width: 100%;
    }
    .home-about .colony_feature .content img {
        width: 225px;
        height: auto;
    }
}

/* partners */
.partners {
    transform: translate(0, -50%);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
    background: var(--mint);
    padding: var(--space-med);
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-around;
    align-items: center;
    box-shadow: var(--shadow);
}
.partners .partner {
    width: min(90%, 125px);
    height: auto;
}
.partners-btn {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    padding: var(--btn-1-padding);
    background: var(--blackMatt);
    color: var(--white);
    font-weight: 700;
    border-radius: 100px;
    outline: 5px solid var(--white);
    cursor: pointer;
    transition: 0.3s;
    user-select: none;
}
.partners-btn:hover {
    color: var(--pink);
}
@media only screen and (max-width: 1500px) {
    .partners .partner {
        width: min(80%, 125px);
    }
}
@media only screen and (max-width: 1100px) {
    .partners {
        padding: calc(var(--space-sml)*1.5) 0;
        padding-bottom: calc(var(--space-med)* 1.25);
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        row-gap: var(--space-sml);
    }
    .partners .partner-wrp {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .partners .partner {
        width: 125px;
    }
}
@media only screen and (max-width: 767px) {
    .partners .partner {
        width: 100px;
    }
    .partners {
        padding: calc(var(--space-sml)*1.5) var(--space-xsml);
        padding-bottom: calc(var(--space-med)* 1.25);
    }
}
@media only screen and (max-width: 650px) {
    .partners .partner {
        width: 75px;
    }
}
@media only screen and (max-width: 501px) {
    .partners {
        padding: calc(var(--space-sml)*1.5) 0;
        padding-bottom: calc(var(--space-med)* 1.25);
    }
    .partners .partner {
        width: 60%;
    }
}

/* services */
.services-tabs .controls,
.services-tabs .content,
.services-tabs .asset {
    border: none;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: var(--shadow);
}
.services-tabs .controls {
    padding: calc(var(--space-sml)* 1.5) var(--space-sml);
    background: var(--mint);
}
.services-tabs .controls .title {
    font-size: 1.85rem;
    line-height: 1.2em;
    color: var(--white);
}
.services-tabs .tab {
    background: rgba(255,255,255,0.3);
    color: var(--white);
    font-weight: 700;
    border-radius: 7px;
}
.services-tabs .tab.active {
    background: var(--white);
    color: var(--mint);
}
.services-tabs .content {
    background: var(--blackMatt);
    color: var(--white);
}
.services-tabs .content .title {
    font-size: 1.85rem;
    line-height: 1.1em;
}
.services-tabs .asset {
    background: var(--latte);
}
.services-tabs .nav_button {
    background: var(--pink);
    color: var(--blackMatt);
}

/* featured */
.home-featured {
    overflow: hidden;
    position: relative;
}
.home-featured .container-lrg {
    position: relative;
    z-index: 1;
}
.featured-properties-header {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: var(--space-med);
}
.featured-properties-header .line {
    display: flex;
    align-items: center;
    width: 100%;
}
.featured-properties-header .line hr {
    width: 100%;
    margin: 0;
    border-top: 1px solid var(--grey-faded);
}
.featured-properties-header .controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-xsml);
    font-size: 2.5rem;
}
.swiper-button-next::after, .swiper-button-prev::after {
    display: none;
}
.swiper-button-prev, .swiper-button-next {
    position: relative;
    color: var(--blackMatt);
    font-size: 2.25rem;
    top: initial;
    bottom: initial;
    left: initial;
    right: initial;
    height: auto;
    width: auto;
    margin: 0;
}
.featured-properties .swiper-wrapper {
    margin-top: var(--space-sml);
}
.featured-properties .swiper-scrollbar {
    margin-top: var(--space-med);
    position: relative;
    top: initial;
    left: initial;
    right: initial;
    bottom: initial;
}
.featured-properties .colony_card {
    border-radius: 15px;
    box-shadow: var(--shadow);
}
.featured-properties .colony_card .head {
    padding-top: 56.25%;
}
.featured-properties .tags {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 5px;
}
.featured-properties .colony_card .tag {
    background: rgba(0,0,0,0.5);
    border: 2px solid var(--mint);
    color: var(--white);
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 5px;
}
.featured-properties .colony_card .body {
    background: var(--white);
}
.featured-properties .price {
    background: var(--mint);
    color: var(--white);
    border-radius: 7px;
    font-weight: 700;
}
.featured-properties .btn-1 {
    border-radius: 7px;
    background: var(--pink);
    border-color: var(--pink);
}
.home-featured .wave {
    position: absolute;
    bottom: 200px;
    left: 0;
    width: 100%;
}
.home-featured .wave-padding {
    position: absolute;
    height: 200px;
    background: var(--linen);
    bottom: 0;
    left: 0;
    width: 100%;
}
@media only screen and (max-width: 800px) {
    .featured-properties-header {
        grid-template-columns: 1fr auto;
    }
    .featured-properties-header .line {
        display: none;
    }
}
@media only screen and (max-width: 550px) {
    .featured-properties-header {
        grid-template-columns: 1fr;
        text-align: center;
    }
    .featured-properties-header .controls {
        display: none;
    }
    .home-featured .swiper-wrapper {
        margin-top: calc(var(--space-sml) * 1.5);
    }
}

/* featured property modal */
.featured-property-modal .content {
    border-radius: 15px;
    background: var(--linen);
    padding: calc(var(--space-sml) * 1.5);
    width: 600px;
}
.featured-property-modal input,
.featured-property-modal textarea {
    border-radius: 7px;
}

/* banner */
.home-banner {
    background: var(--linen);
}
@media only screen and (max-width: 501px) {
    .home-banner {
        padding-bottom: var(--space-lrg);
    }
}

/* case studies */
.home-case-studies {
    position: relative;
    background: url(/assets/img/office.jpg) no-repeat center center;
    background-size: cover;
    height: 80vh;   
}
.home-case-studies .wave-2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

/* industry knowledge */
.home-industry-knowledge .colony_tile {
    border-radius: 15px;
    box-shadow: var(--shadow);
}
.home-industry-knowledge .colony_overlay {
    background: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0.2));
    align-items: flex-end;
    justify-content: flex-start;
}
.home-industry-knowledge .secondary .colony_overlay {
    padding: var(--space-sml);
}
.home-industry-knowledge .title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1em;
}
.home-industry-knowledge .summary {
    margin-top: 5px;
    font-size: 0.9rem;
}
.home-industry-knowledge .cta {
    margin-top: var(--space-sml);
}
.home-industry-knowledge .cta .btn-1 {
    padding: 0.3rem 1.25rem;
    border-radius: 7px;
}

/* team */
.home-team {
    padding: calc(var(--space-xlrg) * 1.5) 0;
    background: var(--linen);
    position: relative;
}
.home-team .wave {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.home-team .grid-2 {
    gap: var(--space-lrg);
}
.home-team img {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.home-team .wave-2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
@media only screen and (max-width: 900px) {
    .home-team .colony_feature.feature_left .grid-item.content {
        text-align: center;
        align-items: center;
    }
}
@media only screen and (max-width: 501px) {
    .home-team {
        padding: calc(var(--space-xlrg) * 1.25) 0;
    }
}

/* faqs */
.faqs-accordion {
    gap: var(--space-sml);
}
.faqs-accordion .accordion_item {
    margin-top: var(--space-sml);
    box-shadow: var(--shadow);
    border-radius: 10px;
    overflow: hidden;
}
.faqs-accordion .accordion_head {
    padding: var(--space-sml);
    padding-right: 60px;
    background: var(--white);
}
.faqs-accordion .accordion_head.active {
    font-weight: 700;
}
.faqs-accordion .accordion_head i {
    color: var(--mint);
}
.faqs-accordion .accordion_head.active i {
    color: var(--pink);
}
.faqs-accordion .accordion_body {
    padding: var(--space-sml);
    background: var(--white);
}

/* contact */
.home-contact .wave {
    position: absolute;
    bottom: 200px;
    left: 0;
    width: 100%;
    z-index: -1;
}
.home-contact .wave-padding {
    position: absolute;
    height: 200px;
    background: var(--latte);
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: -1;
}

/* case studies list ------------------------------- */
.case-study-list-hero {
    position: relative;
    height: 600px;
}
.case-study-list-hero.colony_hero_5 .colony_overlay .content {
    width: 100%;
    margin-right: auto;
}
.case-study-list-hero .wave {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.case-study-list-hero .content {
    font-size: 1.1rem;
    max-width: 675px;
    padding-bottom: var(--space-sml);
}
@media only screen and (max-width: 900px) {
    .case-study-list-hero {
        height: 450px;
    }
}
@media only screen and (max-width: 501px) {
    .case-study-list-hero {
        height: 400px;
    }
}

/* featured */
.case-study-list-featured {
    padding-top: var(--space-med);
}
.featured-case-studies {
    overflow: hidden;
    position: relative;
    height: 600px;
}
.featured-case-studies .swiper-wrapper {
    display: flex;
    align-items: flex-end;
}
.featured-case-studies .swiper-slide {
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: height 0.5s, width 0.5s;
    border-radius: 12px;
    overflow: hidden;
}
.featured-case-studies .swiper-slide .colony_overlay {
    background: linear-gradient(to top right, rgba(0,0,0,0.75), rgba(0,0,0,0));
    justify-content: flex-start;
    align-items: flex-end;
    padding: calc(var(--space-sml) * 1.5);
}
.featured-case-studies .content {
    opacity: 0;
}
.featured-case-studies .swiper-slide .title {
    font-size: 1.75rem;
    font-weight: 700;
}
.featured-case-studies .swiper-slide img {
    height: 50px;
    width: auto;
}
.featured-case-studies .swiper-slide img.square {
    height: 75px !important;
    width: auto;
}
.featured-case-studies .swiper-slide .summary {
    padding-right: var(--space-xlrg);
    margin-top: var(--space-sml);
}
.featured-case-studies .swiper-slide .cta {
    margin-top: var(--space-sml);
    display: flex;
}
.featured-case-studies .swiper-slide .btn-1 {
    padding: 10px 20px;
    font-size: 0.9rem;
}
.featured-case-studies .swiper-slide-active {
    height: 600px;
    width: 50% !important;
}
.featured-case-studies .swiper-slide-active .content {
    opacity: 1;
    transition: opacity 0.5s;
}
.featured-case-studies .swiper-slide-next {
    height: 500px;
}
.featured-case-studies .swiper-buttons {
    position: absolute;
    top: var(--space-xsml);
    right: 5px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--space-xsml);
    width: calc(50% - 40px);
}
.featured-case-studies .swiper-button-prev {
    position: relative;
}
.featured-case-studies .swiper-button-next {
    position: relative;
}
.featured-case-studies .swiper-buttons hr {
    width: 100%;
    margin: 0 var(--space-sml) 0 0;
}
.featured-case-studies .swiper-pagination {
    position: relative;
    top: initial;
    bottom: initial;
    left: initial;
    right: initial;
    margin-top: var(--space-sml);
}
@media only screen and (max-width: 1100px) {
    .featured-case-studies {
        height: 550px;
    }
    .featured-case-studies .swiper-slide {
        height: 450px;
    }
    .featured-case-studies .swiper-slide-active {
        height: 550px;
        width: 62% !important;
    }
    .featured-case-studies .swiper-slide-next {
        height: 450px;
    }
    .featured-case-studies .swiper-buttons {
        width: calc(38% - 40px);
    }
}
@media only screen and (max-width: 900px) {
    .featured-case-studies .swiper-buttons {
        display: none;
    }
    .featured-case-studies .swiper-slide-active {
        width: 80% !important;
    }
}
@media only screen and (max-width: 501px) {
    .featured-case-studies .swiper-slide {
        height: 500px;
    }
    .featured-case-studies .swiper-slide-active {
        height: 550px;
        width: 85% !important;
    }
    .featured-case-studies .swiper-slide .colony_overlay {
        padding: var(--space-sml);
    }
    .featured-case-studies .swiper-slide img {
        height: 40px;
    }
    .featured-case-studies .swiper-slide img.square {
        height: 65px !important;
    }
    .featured-case-studies .swiper-slide .summary {
        padding-right: 0;
    }
}

/* lite */
.case-study-list-lite {
    padding: var(--space-lrg) 0;
    background: var(--linen);
}
.case-study-list-lite .grid-3 {
    grid-template-columns: 1fr 1fr 1fr;
}
.case-study-list-lite .colony_tile {
    padding-top: 75%;
    border-radius: 4px;
    cursor: initial;
}
.case-study-list-lite .colony_overlay {
    justify-content: flex-start;
    align-items: flex-end;
    background: linear-gradient(to top right, rgba(0,0,0,0.75), rgba(0,0,0,0));
}
.case-study-list-lite .colony_tile img {
    width: auto;
    height: 40px;
}
.case-study-list-lite .colony_tile img.square {
    width: auto;
    height: 60px;
}
.case-study-list-lite .colony_tile img.wide {
    width: auto;
    height: 25px;
}
.case-study-list-lite .colony_tile .title {
    margin-top: var(--space-xsml);
    font-weight: 700;
    font-size: 1.35rem;
}
.case-study-list-lite .colony_tile .meta {
    margin-top: var(--space-xsml);
    font-size: 0.9rem;
}
@media only screen and (max-width: 1000px) {
    .case-study-list-lite .grid-3 {
        grid-template-columns: 1fr 1fr;
    }
    .case-study-list-lite .grid-3 .colony_tile:nth-child(9) {
        display: none;
    }
}
@media only screen and (max-width: 650px) {
    .case-study-list-lite .grid-3 {
        grid-template-columns: 1fr;
    }
    .case-study-list-lite .grid-3 .colony_tile:nth-child(9) {
        display: block;
    }
    .case-study-list-lite .grid-3 .colony_tile {
        padding-top: 60%;
    }
}

/* case study single ------------------------------- */
.case-study-single-hero {
    padding-top: var(--space-lrg);
    background: var(--blackMatt);
    color: var(--white);
}
.case-study-single-hero img {
    width: auto;
    height: 65px;
}
.case-study-single-hero img.square {
    width: auto;
    height: 90px;
}
.case-study-single-hero .overview {
    font-size: 1.1rem;
    margin-top: var(--space-med);
}
.case-study-single-hero .overview p:last-of-type {
    margin-bottom: 0;
}


.case-study-single-hero .grid-2 {
    gap: var(--space-xlrg);
}
.case-study-single-hero .grid-item-a {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}
.case-study-single-hero h1 {
    font-size: 2.75rem;
}
.case-study-single-gallery {
    position: relative;
    padding-top: var(--space-lrg);
    background: var(--mint);
}
.case-study-single-gallery .container-sml {
    max-width: 1200px;
}
.case-study-single-gallery .wave-padding {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 250px;
    background: var(--blackMatt);
}
.case-study-single-gallery .wave {
    position: absolute;
    top: 249px;
    left: 0;
    width: 100%;
}
.case-study-gallery {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
}
.case-study-gallery .swiper-slide {
    padding-top: 56.25%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.case-study-gallery .swiper-buttons {
    position: absolute;
    right: var(--space-sml);
    bottom: var(--space-sml);
    display: flex;
    gap: var(--space-xsml);
}
.case-study-gallery .swiper-button-prev,
.case-study-gallery .swiper-button-next {
    position: relative;
    color: var(--white);
}
.case-study-single-gallery .swiper .colony_overlay {
    background: linear-gradient(to top left, rgba(0,0,0,0.3), rgba(0,0,0,0));
}
.case-study-single-brief {
    position: relative;
}
.case-study-single-brief .priority-title {
    font-size: 1.2rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    height: 100%;
}
.case-study-single-brief  .solution p:last-of-type {
    margin-bottom: 0;
}
.case-study-single-brief .wave.bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: -1;
}
.case-study-single-brief .feature img {
    border-radius: 15px;
}
@media only screen and (max-width: 1100px) {
    .case-study-single-hero h1 {
        font-size: 2.75rem;
    }
    .case-study-single-hero .grid-2 {
        grid-template-columns: 1fr;
        gap: var(--space-lrg);
        max-width: 600px;
    }
    .case-study-gallery .swiper-slide {
        padding-top: 56.25%;
    }
}
@media only screen and (max-width: 501px) {
    .case-study-single-hero {
        padding-top: var(--space-med);
    }
    .case-study-single-hero h1 {
        font-size: 2rem;
    }
    .case-study-single-hero img {
        height: 40px;
    }
    .case-study-single-gallery .wave-padding {
        height: 150px;
    }
    .case-study-single-gallery .wave {
        top: 150px;
    }
    .case-study-gallery .swiper-slide {
        padding-top: 75%;
    }
}

/* stats */
.case-study-single-stats {
    background: var(--mint);
}
.case-study-single-stats .stats-wrp {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.case-study-single-stats .grid-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: var(--space-xsml);
    width: 300px;
}
.case-study-single-stats .icon-wrp {
    padding: 5px;
    border: 1px solid var(--white);
    border-radius: 100px;
}
.case-study-single-stats .icon {
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    background: var(--white);
    font-size: 1.35rem;
}
.case-study-single-stats .content {
    color: var(--white);
    font-size: 1.1rem;
    font-weight: 700;
}
@media only screen and (max-width: 1000px) {
    .case-study-single-stats .grid-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: var(--space-xsml);
        width: 100%;
    }
    .case-study-single-stats .stats-wrp {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: var(--space-sml);
        padding-left: var(--space-med);
    }
}
@media only screen and (max-width: 501px) {
    .case-study-single-stats {
        padding-bottom: var(--space-med);
    }
    .case-study-single-stats .stats-wrp {
        padding-left: 0;
        gap: var(--space-med);
    }
    .case-study-single-stats .stats-wrp .grid-item:nth-child(2) {
        margin-left: auto;
    }
    .case-study-single-stats .stats-wrp .grid-item:nth-child(3) {
        margin-left: auto;
    }
    .case-study-single-stats .grid-item {
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }
    .case-study-single-stats .icon {
        height: 50px;
        width: 50px;
    }
}

/* brief */
@media only screen and (max-width: 501px) {
    .case-study-single-brief .colony_feature {
        margin-top: var(--space-lrg);
    }
}

/* testimonial */
.case-study-single-testimonial {
    position: relative;
}
.case-study-single-testimonial .wave-padding {
    height: 100px;
    width: 100%;
    background: var(--mint);
    position: absolute;
    top: 0;
    left: 0;
}
.case-study-single-testimonial .wave {
    width: 100%;
    position: absolute;
    top: 99px;
    left: 0;
}
.case-study-single-testimonial .container-lrg {
    position: relative;
    z-index: 2;
}
.case-study-single-testimonial .grid-3 {
    position: relative;
    z-index: 2;
}
.case-study-single-testimonial .testimonial {
    background: var(--pink);
    border-radius: 15px;
    padding: calc(var(--space-sml) * 1.5);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.case-study-single-testimonial .testimonial i {
    font-size: 3rem;
}
.case-study-single-testimonial .testimonial .quote {
    margin-top: var(--space-xsml);
    text-align: center;
    max-width: 800px;
    font-size: 1.2rem;
    font-style: italic;
}
.case-study-single-testimonial .testimonial .meta {
    text-align: center;
    gap: var(--space-med);
}
.case-study-single-testimonial .testimonial .name {
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.1em;
}
.case-study-single-testimonial .testimonial .role {
    font-weight: 600;
    font-size: 0.9rem;
}
@media only screen and (max-width: 800px) {
    .case-study-single-testimonial {
        padding-top: var(--space-sml);
    }
    .case-study-single-testimonial .wave-padding {
        height: 150px;
    }
    .case-study-single-testimonial .wave {
        top: 149px;
    }
}

/* calculators ------------------------------- */
.calculator-tile {
    padding: var(--space-med);
    border-radius: 15px;
    text-align: center;
    box-shadow: var(--shadow);
}
.calculator-tile.pink {
    background: var(--pink);
}
.calculator-tile.mint {
    background: var(--mint);
}
.calculator-tile .icon {
    font-size: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 85px;
    width: 85px;
    border-radius: 100px;
    margin-left: auto;
    margin-right: auto;
    background: var(--black);
}
.calculator-tile.pink .icon {
    color: var(--pink);
}
.calculator-tile.mint .icon {
    color: var(--mint);
}
.calculator-tile .title {
    margin-top: var(--space-sml);
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.2em;
}
.calculator-tile .summary {
    margin-top: var(--space-sml);
}
.calculator-tile .cta {
    margin-top: var(--space-sml);
}
.calculator-tile .btn-1 {
    background: var(--blackMatt);
    border-color: var(--blackMatt);
}
.calculator-tile.pink .btn-1 {
    color: var(--pink);
}
.calculator-tile.mint .btn-1 {
    color: var(--mint);
}
@media only screen and (max-width: 900px) {
    .calculator-tiles .grid-2 {
        grid-template-columns: 1fr;
    }
}

/* calculator ------------------------------- */
.calculator-form {
    padding: var(--space-med);
    border-radius: 15px;
    box-shadow: var(--shadow);
}
.calculator-form.pink {
    background: var(--pink);
}
.calculator-form.mint {
    background: var(--mint);
}
.calculator-form .breadcrumbs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-med);
    text-align: center;
}
.calculator-form .breadcrumb {
    font-weight: 700;
    padding-bottom: var(--space-sml);
    border-bottom: 2px solid var(--blackMatt);
    opacity: 0.5;
    display: flex;
    align-items: center;
    justify-content: center;
}
.calculator-form .breadcrumb i {
    font-size: 1.3rem;
    margin-right: var(--space-xsml);
}
.calculator-form .breadcrumb.active {
    border-bottom: 2px solid var(--blackMatt);
    opacity: 1;
}
.breadcrumb .fa-circle-1 {
    display: none;
}
.breadcrumb.active .fa-circle-1 {
    display: inline-block;
}
.breadcrumb.active .fa-circle-check {
    display: none;
}
.calculator-form .calculator-step {
    margin-top: var(--space-med);
}
.calculator-form .calculator-step-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-med);
}
.calculator-form label {
    padding-left: var(--space-xsml);
    font-weight: 700;
}
.calculator-form input[type='checkbox'] {
    margin-right: 0;
    margin-left: var(--checkbox-radio-margin);
}
.calculator-form input,
.calculator-form textarea {
    margin-top: var(--space-xsml);
    border-radius: 5px;
}
.calculator-form input,
.calculator-form textarea {
    margin-top: var(--space-xsml);
    border-radius: 5px;
}
.calculator-form .column-2 input {
    margin-top: 0;
}
.calculator-form.pink input,
.calculator-form.pink textarea {
    background: var(--pinkLight);
}
.calculator-form.mint input,
.calculator-form.mint textarea {
    background: var(--mintLight);
}
.calculator-form .navigation {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--space-sml);
}
.calculator-form .navigation .btn-1 {
    padding: 0.3rem 1.25rem;
    border-radius: 7px;
    background: var(--blackMatt);
    border-color: var(--blackMatt);
}
.calculator-form .navigation .btn-1 i {
    margin-left: var(--space-xsml);
}
.calculator-form.mint .navigation .btn-1 {
    color: var(--mint);
}
.calculator-form.pink .navigation .btn-1 {
    color: var(--pink);
}
.calculator-form .btn-back {
    background: none;
    text-decoration: underline;
}
.calculator-form .column-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-xsml);
}
@media only screen and (max-width: 1100px) {
    .calculator-form .column-2 {
        grid-template-columns: 1fr;
    }
}
@media only screen and (max-width: 501px) {
    .calculator-form {
        padding: var(--space-med) var(--space-sml);
        border-radius: 10px;
    }
    .calculator-form .breadcrumbs {
        gap: var(--space-sml);
    }
}

/* team flux ------------------------------- */
.team-flux .wave-padding {
    position: absolute;
    top: 0;
    left: 0;
    height: 150px;
    width: 100%;
    background: var(--linen);
}
.team-flux .wave {
    position: absolute;
    top: 149px;
    left: 0;
    width: 100%;
    z-index: -1;
}
.team-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--space-lrg);
}
.team-member {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-top: var(--space-sml);
}
.team-member .profile {
    height: 300px;
    width: 300px;
    border-radius: 999px;
    cursor: pointer;
}
.team-member:nth-of-type(odd) .profile {
    border: 7px solid var(--mint);
}
.team-member:nth-of-type(even) .profile {
    border: 7px solid var(--pink);
}
.team-member .profile .meta {
    position: absolute;
    top: 0;
    left: 0;
    width: 105%;
    height: 105%;
    opacity: 0;
    transition: 0.5s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--space-med);
    border-radius: 20px;
}
.team-member:nth-of-type(odd) .profile .meta {
    background: var(--mint);
}
.team-member:nth-of-type(even) .profile .meta {
    background: var(--pink);
}
.team-member .profile:hover .meta {
    opacity: 0.95;
}
.team-member .name {
    font-size: 1.25rem;
    font-weight: 700;
}
.team-member .role {
    margin-top: var(--space-xsml);
    text-align: center;
}
.team-member .profile .meta .name {
    font-size: 1.5rem;
    font-weight: 700;
}
.team-member .btn-1 {
    margin-top: var(--space-sml);
    background: var(--blackMatt);
    border-color: var(--blackMatt);
    color: var(--mint);
}
.team-member:nth-of-type(odd) .btn-1 {
    color: var(--mint);
}
.team-member:nth-of-type(even) .btn-1 {
    color: var(--pink);
}
.team-member .btn-1 i {
    margin-left: var(--space-xsml);
}
.team-member .btn-about-mob {
    display: none;
    background: none;
    text-decoration: underline;
}
@media only screen and (max-width: 1150px) {
    .team-flux .founders-feature .grid-2 {
        grid-template-columns: 1fr;
        text-align: center;
    }
    .team-flux .founders-feature img {
        max-width: 800px;
    }
    .team-flux .founders-feature.colony_feature.feature_left .grid-item.content  {
        align-items: center;
        justify-content: center;
    }
    .team-grid {
        grid-template-columns: 1fr 1fr;
    }
}
@media only screen and (max-width: 900px) {
    .team-member .profile {
        height: 250px;
        width: 250px;
    }
}
@media only screen and (max-width: 700px) {
    .team-grid {
        column-gap: var(--space-sml);
    }
}
@media only screen and (max-width: 600px) {
    .team-grid {
        grid-template-columns: 1fr;
    }
    .team-member .btn-about-mob {
        margin-top: var(--space-xsml);
        display: block;
    }
    .team-member .profile .meta {
        display: none;
    }
}

.colony_modal.team-modal {
    padding: 0;
}
.colony_modal.team-modal .content {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    height: 100vh;
    background: var(--linen);
    padding: 0;
}
.colony_modal.team-modal .close {
    z-index: 1002;
    color: var(--black);
}
.team-modal .swiper-button {
    position: absolute;
    top: 50%;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--blackMatt);
    color: var(--white);
    border-radius: 100px;
    font-size: 2rem;
    z-index: 1;
    transform: translateY(-50%);
}
.team-modal .swiper-button-prev {
    left: var(--space-sml);
}
.team-modal .swiper-button-next {
    right: var(--space-sml);
}
.team-modal .swiper-slide {
    background: var(--latte);
}
.team-modal .swiper-team {
    position: relative;
    overflow: hidden;
}
.team-modal .swiper-slide {
    height: 100vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    background: var(--linen);
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.team-modal .swiper-slide::-webkit-scrollbar {
    display: none;
}
.team-modal .swiper-slide .container-sml {
    padding-top: var(--space-lrg);
    padding-bottom: var(--space-lrg);
    max-width: 900px;
}
.team-modal .grid-2 {
    grid-template-columns: 1fr;
    gap: 0;
}
.team-modal img {
    border-radius: 10px;
}
.team-modal .meta {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
}
.team-modal .name {
    margin-top: var(--space-sml);
    font-size: 1.75rem;
    font-weight: 700;
}
.team-modal .role {
    font-size: 1.1rem;
    margin-top: var(--space-xsml);
}
.team-modal .bio {
    width: 100%;
}
.team-modal .bio .title {
    font-weight: 700;
    font-size: 1.5rem;
}
.team-modal .bio .section-title {
    font-weight: 700;
    font-size: 1.35rem;
    padding-bottom: var(--space-xsml);
    margin-bottom: calc(var(--space-sml)* 1.5);
    border-bottom: 3px solid var(--black);
}
.team-modal .pink .bio .section-title {
    border-bottom: 3px solid var(--pink);
}
.team-modal .mint .bio .section-title {
    border-bottom: 3px solid var(--mint);
}
.team-modal .bio-section .question {
    margin-top: var(--space-sml);
    font-weight: 700;
}
.team-modal .bio-section .answer {
    margin-top: var(--space-xsml);
}
.team-modal .testimonial {
    border-radius: 15px;
    padding: calc(var(--space-sml) * 1.5);
    margin-top: var(--space-med)
}
.team-modal .testimonial .icon {
    font-size: 2rem;
}
.team-modal .testimonial .quote {
    margin-top: var(--space-sml);
    font-style: italic;
}
.team-modal .testimonial .person {
    margin-top: var(--space-sml);
}
.team-modal .testimonial .person span {
    font-weight: 700;
}
.team-modal .pink .testimonial {
    background: var(--pink);
}
.team-modal .mint .testimonial {
    background: var(--mint);
}
@media only screen and (max-width: 1100px) {
    .team-modal .swiper-slide .container-sml {
        max-width: calc(100vw - (var(--space-sml) * 2) - 150px);
    }
}
@media only screen and (max-width: 550px) {
    .team-modal .swiper-slide {
        align-items: flex-start;
    }
    .team-modal .swiper-slide .container-sml {
        max-width: calc(100vw - (var(--space-xsml) * 2) - 60px);
    }
    .team-modal .swiper-button {
        height: 30px;
        width: 30px;
        font-size: 1.5rem;
    }
    .team-modal .swiper-button-prev {
        left: var(--space-xsml);
    }
    .team-modal .swiper-button-next {
        right: var(--space-xsml);
    }

}

.team-careers .colony_feature {
    background: var(--latte);
    padding: calc(var(--space-sml)* 1.5);
    border-radius: 15px;
    box-shadow: var(--shadow);
}
.team-careers img {
    border-radius: 10px;
}

/* service details ------------------------------- */
.service-detail {
    background: var(--linen);
    padding-bottom: var(--space-med);
}
.service-detail .background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: clamp(200px, 15vw, 400px);
    background: var(--pink);
}
.service-detail .colony_tile {
    position: relative;
    z-index: 1;
    border-radius: 10px;
    padding-top: 40%;
}
.service-detail .colony_text_group {
    row-gap: 0;
}
.service-step {
    display: grid;
    grid-template-columns: 50px 1fr;
    gap: var(--space-xsml);
}
.service-step .icon {
    padding-top: 4px;
    font-size: 2rem;
}
.service-step.pink .icon {
    color: var(--pink);
}
.service-step.mint .icon {
    color: var(--mint);
}
.service-step h3 {
    font-size: 1.5rem;
}
.service-detail .cta {
    margin-top: var(--space-med);
    border-top: 3px solid var(--pink);
    padding-top: var(--space-med);
}
@media only screen and (max-width: 900px) {
    .service-detail {
        padding-bottom: var(--space-lrg);
    }
    .service-detail .colony_feature .grid-2 {
        grid-template-columns: 1fr;
    }
    .service-detail .cta {
        text-align: left;
    }
}
@media only screen and (max-width: 600px) {
    .service-detail .colony_tile {
        border-radius: 7px;
        padding-top: 75%;
    }
    .service-step {
        grid-template-columns: 40px 1fr;
    }
    .service-step .icon {
        font-size: 1.75rem;
    }
}

/* serviced */
@media only screen and (max-width: 768px) {
    .serviced-what-is {
        padding-top: var(--space-sm);
        padding-bottom: var(--space-m);
    }
    .serviced-types {
        padding-top: var(--space-m);
    }
    .serviced-types .center {
        text-align: left;
    }
    .serviced-types .grid-2 {
        gap: var(--space-xs);
    }
    .serviced-process {
        padding-top: var(--space-m);
    }
    .serviced-faqs {
        margin-top: var(--space-sm);
        padding-bottom: 0;
    }
    .serviced-faqs .center {
        text-align: left;
    }
}

/* articles ------------------------------- */
.articles-grid {
    gap: var(--space-lrg);
}
.article-card .head {
    position: relative;
}
.article-card .colony_tile {
    border-radius: 7px;
    padding-top: 56.25%;
}
.article-card .category {
    display: inline-block;
    background: var(--mint);
    font-size: 0.8rem;
    padding: 1px 7px;
    border-radius: 3px;
    position: absolute;
    top: var(--space-xsml);
    left: var(--space-xsml);
}
.article-card .title {
    margin-top: var(--space-sml);
}
.article-card .details_wrp {
    margin-top: var(--space-sml);
    border-top: 1px solid var(--grey-faded);
    padding-top: var(--space-xsml);
}

.articles-single-header h1 {
    font-size: 2.75rem;
    margin-top: var(--space-sml);
}
.articles-single-image .colony_tile {
    padding-top: 40%;
    border-top: 10px solid var(--pink);
    border-bottom: 10px solid var(--pink);
}
.articles-single-article h2 {
    margin-top: calc(var(--space-med) * 1.5);
}
.articles-single-article h2:first-of-type {
    margin-top: 0;
}
.articles-single-article h3 {
    margin-top: calc(var(--space-sml) * 1.5);
    line-height: 1.5em;
    font-size: 1.5rem;
}
.articles-single-article h4 {
    margin-top: calc(var(--space-sml) * 1.25);
    line-height: 1.5em;
    font-size: 1.3rem;
    font-weight: 700;
}
.articles-single-article strong {
    font-weight: 700;
}
.articles-single-article em {
    font-style: italic;
}

.articles-single-faqs {
    background: var(--linenAlt);
}
@media only screen and (max-width: 1440px) {
    .articles-grid {
        gap: var(--space-med);
    }
}
@media only screen and (max-width: 1100px) {
    .articles-grid {
        grid-template-columns: 1fr 1fr;
    }
    .articles-single-image .colony_tile {
        padding-top: 56.25%;
    }
    .articles-single-header h1 {
        font-size: 2.25rem;
    }
}
@media only screen and (max-width: 1100px) {
    .articles-single-image .colony_tile {
        padding-top: 56.25%;
    }
    .articles-single-header h1 {
        font-size: 2.25rem;
    }
}
@media only screen and (max-width: 800px) {
    .articles-grid .colony_blog_card_2 .category {
        margin-top: 0;
    }
    .articles-single-more-header {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;    
        padding-bottom: var(--space-med);
    }
    .articles-single-more-header h3 {
        margin-bottom: var(--space-xsml);
    }
}
@media only screen and (max-width: 600px) {
    .articles-grid {
        grid-template-columns: 1fr;
        gap: var(--space-lrg);
    }
    .articles-single-header h1 {
        margin-top: 0;
        font-size: 1.75rem;
    }
    .articles-single-image .colony_tile {
        padding-top: 75%;
    }
    .articles-single-article h3 {
        font-size: 1.35rem;
    }
}

/* articles single custom */
.comparison-table {
    border: 1px solid var(--grey-faded);
    border-collapse: collapse;
    border-spacing: 0;
}

.comparison-table td,
.comparison-table th {
    padding: 10px;
    padding-right: var(--space-sml);
    vertical-align: top;
}
.comparison-table td:nth-child(1),
.comparison-table th:nth-child(1) {
    max-width: 400px;
    border-right: 1px solid var(--grey-faded);
}
.comparison-table thead {
    background: var(--linen);
    border: none;
    outline: none;
    font-weight: 700;
    text-align: left;
}
.comparison-table td:nth-child(2),
.comparison-table th:nth-child(2) {
    border-right: 1px solid var(--grey-faded); /* Styles for the second column */
}
.comparison-table td {
    border-top: 1px solid var(--grey-faded);
}



.comparision-table .column div {
    border-top: 1px solid var(--grey-faded);
    padding: 10px;
    padding-right: var(--space-sml);
}
.comparision-table .column div:first-of-type {
    background: var(--linen);
    border-top: none;
}


/* price maps ------------------------------- */
.price-map-hero h1 {
    font-size: var(--text-3xl);
}
.price-map-grid {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: var(--space-med);
}
.price-map-tabs-wrp {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.price-map-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.price-map-tabs .tab {
    padding: 5px 12px;
    font-size: 0.8rem;
    border-radius: 7px;
    background: var(--latte);
    cursor: pointer;
    transition: 0.5s;
    box-shadow: var(--shadow);
    font-weight: 500;
}
.price-map-tabs .tab:hover,
.price-map-tabs .tab.active {
    background: var(--mint);
}
.price-map img.map-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}
.price-map .map-price {
    background: var(--pink);
    padding: calc(var(--space-xsml) * 1.5);
    border-radius: 10px;
    border: 1px solid var(--blackMatt);
    box-shadow: var(--shadow);
}
.price-map .map-price .title {
    font-weight: 700;
    font-size: 1rem;
}
.price-map .map-price .rates {
    margin-top: 7px;
}
.price-map .map-price .rate {
    font-size: 0.85rem;
}
.price-map .map-price .rate span {
    font-weight: 700;
}
.price-map .map-price.top-left {
    position: absolute;
    top: 3%;
    left: 3%;
    z-index: 2;
}
.price-map .map-price.top-right {
    position: absolute;
    top: 3%;
    right: 7%;
    z-index: 2;
}
.price-map .map-price.bottom {
    position: absolute;
    bottom: 7%;
    right: 22%;
    z-index: 2;
}
@media only screen and (max-width: 1200px) {
    .price-map-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: var(--space-sml);
    }
}

/* locations */
.price-map .map-price.aldgate {
    position: absolute;
    bottom: 68%;
    left: 71%;
    z-index: 2;
}
.price-map .map-price.battersea {
    position: absolute;
    bottom: 5%;
    left: 45%;
    z-index: 2;
}
.price-map .map-price.belgravia {
    position: absolute;
    bottom: 28%;
    left: 43%;
    z-index: 2;
}
.price-map .map-price.bloomsbury {
    position: absolute;
    bottom: 60%;
    left: 55%;
    z-index: 2;
}
.price-map .map-price.canary-wharf {
    position: absolute;
    top: 60%;
    right: 17%;
    z-index: 2;
}
.price-map .map-price.camden {
    position: absolute;
    top: 0%;
    left: 50%;
    z-index: 2;
}
.price-map .map-price.chelsea {
    position: absolute;
    bottom: 21%;
    left: 41%;
    z-index: 2;
}
.price-map .map-price.city {
    position: absolute;
    bottom: 48%;
    left: 70%;
    z-index: 2;
}
.price-map .map-price.clerkenwell {
    position: absolute;
    top: 11%;
    left: 62%;
    z-index: 2;
}
.price-map .map-price.covent-garden {
    position: absolute;
    bottom: 52%;
    left: 54%;
    z-index: 2;
}
.price-map .map-price.fitzrovia {
    position: absolute;
    bottom: 69%;
    left: 47%;
    z-index: 2;
}
.price-map .map-price.fulham {
    position: absolute;
    bottom: 26%;
    left: 26%;
    z-index: 2;
}
.price-map .map-price.hammersmith {
    position: absolute;
    bottom: 28%;
    left: 16%;
    z-index: 2;
}
.price-map .map-price.holborn {
    position: absolute;
    bottom: 50%;
    left: 59%;
    z-index: 2;
}
.price-map .map-price.kensington {
    position: absolute;
    bottom: 50%;
    left: 26%;
    z-index: 2;
}
.price-map .map-price.kings-cross {
    position: absolute;
    top: 3%;
    left: 55%;
    z-index: 2;
}
.price-map .map-price.knightsbridge {
    position: absolute;
    bottom: 28%;
    left: 43%;
    z-index: 2;
}
.price-map .map-price.london-bridge {
    position: absolute;
    bottom: 40%;
    left: 70%;
    z-index: 2;
}
.price-map .map-price.marylebone-north {
    position: absolute;
    top: 15%;
    left: 42%;
    z-index: 2;
}
.price-map .map-price.marylebone {
    position: absolute;
    top: 27%;
    left: 42%;
    z-index: 2;
}
.price-map .map-price.mayfair {
    position: absolute;
    top: 33%;
    left: 46%;
    z-index: 2;
}
.price-map .map-price.paddington {
    position: absolute;
    bottom: 66%;
    left: 34%;
    z-index: 2;
}
.price-map .map-price.shepherds-bush {
    position: absolute;
    top: 30%;
    left: 24%;
    z-index: 2;
}
.price-map .map-price.shoreditch {
    position: absolute;
    top: 11%;
    left: 70%;
    z-index: 2;
}
.price-map .map-price.soho {
    position: absolute;
    bottom: 58%;
    left: 49%;
    z-index: 2;
}
.price-map .map-price.southwark {
    position: absolute;
    bottom: 40%;
    left: 70%;
    z-index: 2;
}
.price-map .map-price.st-james {
    position: absolute;
    bottom: 53%;
    left: 50%;
    z-index: 2;
}
.price-map .map-price.vauxhall {
    position: absolute;
    bottom: 17%;
    left: 58%;
    z-index: 2;
}
.price-map .map-price.victoria {
    position: absolute;
    bottom: 28%;
    left: 52%;
    z-index: 2;
}
.price-map .map-price.westminster {
    position: absolute;
    bottom: 28%;
    left: 52%;
    z-index: 2;
}
.price-map .map-price.whitechapel {
    position: absolute;
    bottom: 38%;
    right: 31%;
    z-index: 2;
}

@media only screen and (min-width: 1900px) {
    .price-map .map-price.aldgate {
        left: calc(1400px * 0.71);
    }
    .price-map .map-price.battersea {
        left: calc(1400px * 0.45);
    }
    .price-map .map-price.belgravia {
        left: calc(1400px * 0.43);
    }
    .price-map .map-price.bloomsbury {
        left: calc(1400px * 0.55);
    }
    .price-map .map-price.canary-wharf {
        right: calc(1400px * 0.17);
    }
    .price-map .map-price.camden {
        left: calc(1400px * 0.50);
    }
    .price-map .map-price.chelsea {
        left: calc(1400px * 0.41);
    }
    .price-map .map-price.city {
        left: calc(1400px * 0.70);
    }
    .price-map .map-price.clerkenwell {
        left: calc(1400px * 0.62);
    }
    .price-map .map-price.covent-garden {
        left: calc(1400px * 0.54);
    }
    .price-map .map-price.fitzrovia {
        left: calc(1400px * 0.47);
    }
    .price-map .map-price.fulham {
        left: calc(1400px * 0.26);
    }
    .price-map .map-price.hammersmith {
        left: calc(1400px * 0.16);
    }
    .price-map .map-price.holborn {
        left: calc(1400px * 0.59);
    }
    .price-map .map-price.kensington {
        left: calc(1400px * 0.26);
    }
    .price-map .map-price.kings-cross {
        left: calc(1400px * 0.55);
    }
    .price-map .map-price.knightsbridge {
        left: calc(1400px * 0.43);
    }
    .price-map .map-price.london-bridge {
        left: calc(1400px * 0.70);
    }
    .price-map .map-price.marylebone-north {
        left: calc(1400px * 0.42);
    }
    .price-map .map-price.marylebone {
        left: calc(1400px * 0.42);
    }
    .price-map .map-price.mayfair {
        left: calc(1400px * 0.46);
    }
    .price-map .map-price.paddington {
        left: calc(1400px * 0.34);
    }
    .price-map .map-price.shepards-bush {
        left: calc(1400px * 0.24);
    }
    .price-map .map-price.shoreditch {
        left: calc(1400px * 0.70);
    }
    .price-map .map-price.soho {
        left: calc(1400px * 0.49);
    }
    .price-map .map-price.southwark {
        left: calc(1400px * 0.70);
    }
    .price-map .map-price.st-james {
        left: calc(1400px * 0.50);
    }
    .price-map .map-price.vauxhall {
        left: calc(1400px * 0.58);
    }
    .price-map .map-price.victoria {
        left: calc(1400px * 0.52);
    }
    .price-map .map-price.westminster {
        left: calc(1400px * 0.52);
    }
    .price-map .map-price.whitechapel {
        right: calc(1400px * 0.31);
    }
}

@media only screen and (max-width: 1200px) {
    .price-map-tabs-wrp p {
        display: none;
    }
}
@media only screen and (max-width: 900px) {
    .price-map-grid {
        display: block;
    }
    .price-map-tabs .tab {
        padding: 3px 7px;
        border-radius: 5px;
    }
    .price-map-wrp {
        margin-top: var(--space-sml);
    }
    .price-map .map-price.aldgate, .price-map .map-price.battersea, .price-map .map-price.belgravia,
    .price-map .map-price.bloomsbury, .price-map .map-price.canary-wharf, .price-map .map-price.camden,
    .price-map .map-price.chelsea, .price-map .map-price.city, .price-map .map-price.clerkenwell, .price-map .map-price.covent-garden,
    .price-map .map-price.fitzrovia, .price-map .map-price.fulham, .price-map .map-price.hammersmith,
    .price-map .map-price.holborn, .price-map .map-price.kensington, .price-map .map-price.kings-cross,
    .price-map .map-price.knightsbridge, .price-map .map-price.london-bridge, .price-map .map-price.marylebone-north,
    .price-map .map-price.marylebone, .price-map .map-price.mayfair, .price-map .map-price.paddington, 
    .price-map .map-price.shepherds-bush, .price-map .map-price.shoreditch, .price-map .map-price.soho,
    .price-map .map-price.southwark, .price-map .map-price.st-james, .price-map .map-price.vauxhall,
    .price-map .map-price.victoria, .price-map .map-price.westminster, .price-map .map-price.whitechapel {
        position: relative;
        top: initial;
        bottom: initial;
        left: initial;
        right: initial;
        z-index: 2;
        text-align: center;
    }
    .price-map .map-price .title {
        font-weight: 700;
        font-size: 1.2rem;
    }
    .price-map .map-price .rates {
        margin-top: 7px;
        display: flex;
        justify-content: center;
        gap: var(--space-sml);
    }
    .price-map .map-price .rate {
        font-size: 1rem;
    }
    .price-map img.map-base-layer {
        margin-top: var(--space-sml);
    }
    .price-map img.map-layer {
        top: initial;
        bottom: 0;
    }
}
@media only screen and (max-width: 501px) {
    .price-map .map-price .rates {
        margin-top: var(--space-sml);
        flex-direction: column;
        gap: var(--space-xsml);
    }
}



.price-maps-results .price-tile {
    margin-top: var(--space-med);
    background: var(--linen);
    padding: var(--space-med);
}
.price-maps-results .price-tile .title {
    font-size: 2.5rem;
    font-weight: 700;
    text-align: center;
}
.price-maps-results .price-tile .table {
    margin-top: var(--space-med);
    display: grid;
    grid-template-columns: 400px 1fr 1fr;
    gap: 5px;
    text-align: center;
}
.price-maps-results .price-tile .table div {
    padding: 5px;
    border-radius: 4px;
    background: rgba(0,0,0,0.035);
}
.price-maps-results .price-tile .table .header {
    background: var(--pink);
    font-weight: 700;
}
.price-maps-download {
    margin-top: var(--space-lrg);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-sml);
}
.price-maps-disclaimer {
    margin: var(--space-med) 0 var(--space-lrg) 0;
}
.price-maps-modal .content {
    width: 700px;
    padding: var(--space-med);
    background: var(--latte);
    border-radius: 20px;
}
.price-maps-modal .colony_form {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-xsml);
}
.price-maps-modal .colony_form input,
.price-maps-modal .colony_form textarea {
    background: rgba(255,255,255,0.5);
    border-radius: 5px;
}
.price-maps-modal input[type='checkbox'] {
    margin-right: 5px;
}
.price-maps-modal label {
    font-size: 0.9rem;
}
@media only screen and (max-width: 800px) {
    .price-maps-download {
        flex-direction: column;
        gap: var(--space-xsml);
    }
    .price-maps-disclaimer {
        margin-top: var(--space-sml);
    }
}

/* careers ------------------------------- */
.careers-detail {
    text-align: center;
    background: var(--white);
    position: relative;
}
.careers-detail .wave-padding {
    position: absolute;
    top: 0;
    left: 0;
    height: 75px;
    width: 100%;
    background: var(--linen);
}
.careers-detail .wave {
    position: absolute;
    top: 74px;
    left: 0;
    width: 100%;
}
.careers-callout i {
    margin-right: 5px;
    color: var(--mint);
}
.careers-detail .content-med {
    border-radius: 15px;
    padding: calc(var(--space-sml) * 1.5);
}
@media only screen and (max-width: 501px) {
    .careers-detail .grid-1 {
        max-width: 85%;
        margin-left: auto;
        margin-right: auto;
    }
}