.flex-content.locations.grey {
    background-color: var(--Neutral_Light);
}

.flex-content.locations .titles {
    padding: 0 0 40px;
}

.flex-content.locations .titles .main-title {
    margin: 0;
}

.flex-content.locations .titles .text {
    line-height: 30px;
    margin: 20px 0 0;
}

.flex-content.locations .tile {
    height: 100%;
    position: relative;
    padding: 223px 0 40px;
}

.flex-content.locations .tile .img {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: calc(100% + 112px);
    aspect-ratio: 522/349;
    z-index: 1;
}

.flex-content.locations .tile .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    object-fit: cover;
}

.flex-content.locations .tile-col:first-of-type .tile .img img {
    left: -120px;
}

.flex-content.locations .tile-col:last-of-type .tile .img img {
    left: 120px;
}


.flex-content.locations .tile .inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.06);
    border-radius: 9px;
    padding: 54px;
    position: relative;
    height: 100%;
    z-index: 2;
}

.flex-content.locations .tile .inner .title {
    margin: 0;
}

.flex-content.locations .tile .inner .location {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 0.7em;
    line-height: 150%;
    color: var(--Orange_Dark);
    padding-left: 31px;
    margin: 11px 0 0;
    min-height: 33px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center left;
    background-size: 23px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='23' height='33' viewBox='0 0 23 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2589 6.16992C9.79469 6.16992 8.42232 6.73621 7.39177 7.75656C6.36121 8.78201 5.79492 10.1544 5.79492 11.6135C5.79492 14.6184 8.22845 17.0621 11.2283 17.0672H11.2334C12.6976 17.0672 14.0699 16.5009 15.1005 15.4806C16.1311 14.4552 16.6973 13.0828 16.6973 11.6237C16.6973 8.61876 14.2638 6.17502 11.264 6.16992H11.2589ZM11.2385 15.8071C10.1314 15.8071 9.08044 15.3684 8.28457 14.5674C7.4887 13.7664 7.04995 12.7155 7.05505 11.6084C7.06526 9.34831 8.97841 7.44026 11.2385 7.44026C12.3456 7.44026 13.3965 7.87901 14.1924 8.67998C14.9883 9.48095 15.427 10.5319 15.4219 11.639C15.4117 13.9348 13.5343 15.8071 11.2385 15.8071Z' fill='black'/%3E%3Cpath d='M22.1567 8.96041C20.9833 4.16988 16.7437 0.649674 11.846 0.399689C8.76968 0.241535 6.05045 1.19556 3.77508 3.23626C1.37726 5.38919 0.106926 8.12373 0.00489084 11.3684C-0.0461266 13.0673 0.300792 14.8325 1.10177 16.9242C1.98437 19.2251 3.22409 21.5158 5.0046 24.1432C6.57593 26.4594 8.21869 28.7909 9.80534 31.0407L10.5247 32.0611C10.6318 32.209 10.7849 32.3417 10.9481 32.4845C10.9991 32.5305 11.0502 32.5713 11.1012 32.6172H11.3818C11.4175 32.5917 11.4532 32.5662 11.4889 32.5458C11.6011 32.4692 11.7083 32.4029 11.7542 32.3315L11.9991 31.9795L11.1726 30.7499L8.91763 27.5767C7.17794 25.1278 5.38213 22.5923 3.90262 19.8985C2.72412 17.7456 1.97416 15.8937 1.55072 14.0724C0.443641 9.25631 2.78534 4.49639 7.25957 2.4965C9.93798 1.2976 13.0143 1.38433 15.6978 2.73118C18.3916 4.08315 20.3047 6.50647 20.9475 9.38386C21.4169 11.4807 21.2179 13.6081 20.32 16.0773C19.5037 18.3425 18.2946 20.6179 16.5294 23.2402C15.2234 25.1737 13.851 27.1175 12.545 28.9694C12.3511 29.2449 12.3511 29.6123 12.545 29.8827C12.545 29.8827 12.5501 29.8929 12.5552 29.898C12.7797 30.2092 13.2388 30.2143 13.4582 29.898C14.902 27.8318 16.3866 25.7145 17.8049 23.6024C19.4527 21.1587 20.6567 18.8578 21.4934 16.562C22.5087 13.7867 22.7178 11.297 22.1465 8.95531L22.1567 8.96041Z' fill='black'/%3E%3C/svg%3E%0A");
}

.flex-content.locations .tile .inner .about {
    font-size: 0.8em;
    line-height: 24px;
    margin: 23px 0 0;
}

.flex-content.locations .tile .inner a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 43px 0 0;
    position: relative;
    width: 100%;
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
    text-decoration: none;
}

.flex-content.locations .tile .inner a:before,
.flex-content.locations .tile .inner a:after {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
.flex-content.locations .tile .inner a:before {
    opacity: 1;
    z-index: 1;
    background: linear-gradient(90deg, #D5622B 0%, #710000 100%);
}

.flex-content.locations .tile .inner a:after {
    opacity: 0;
    z-index: 2;
    background: var(--Yellow);
}

.flex-content.locations .tile .inner a:hover:after { opacity: 1; }

.flex-content.locations .tile .inner a,
.flex-content.locations .tile .inner a span {
    font-weight: 700;
    font-size: 0.9em;
    line-height: 1;
    color: var(--Black);
}

.flex-content.locations .tile .inner a span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background-color: #fff;
    border-radius: 3px;
    z-index: 3;
    position: relative;
    padding: 15px;
}

.flex-content.locations .btn-bottom {
    padding: 40px 0 0;
    text-align: center;
}

@media only screen and (max-width: 991px) {
    .flex-content.locations .tile-col .tile .img img {
        display: none;
    }

    .flex-content.locations .tile-col:first-of-type .tile .img img {
        display: block;
        left: 50%;
        transform: translateX(-50%);
        height: 264px;
        width: 100vw;
        max-width: unset;
        border-radius: 0;
    }

    .flex-content.locations .tile {
        padding-top: 0;
    }

    .flex-content.locations .tile-col:first-of-type .tile {
        padding-top: 132px;
    }

}

@media only screen and (max-width: 767px) {
    .flex-content.locations .titles {
        text-align: left !important;
    }

    .flex-content.locations .titles .text {
        line-height: 24px;
        margin: 9px 0 0;
    }

    .flex-content.locations .tile .inner {
        padding: 44px;
    }

    .flex-content.locations .tile .inner .top:before {
        content: "Locations";
        display: block;
        font-size: 1em;
        line-height: 21px;
        font-weight: 700;
        text-transform: uppercase;
        color: var(--Orange_Dark);
        margin: 0 0 9px;
    }

    .flex-content.locations .tile .inner .title {
        font-size: 1.375em;
    }

    .flex-content.locations .tile .inner .location {
        font-size: 0.875em;
    }

    .flex-content.locations .tile .inner .about {
        display: none;
    }

    .flex-content.locations .tile .inner a {
        margin: 36px 0 0;
    }

    .flex-content.locations .btn-bottom {
        padding: 15px 0 0;
    }

}