@charset "UTF-8";

/* Multi Location Selection CSS */



section.locSelect {
    padding: var( --secPadding );
    background-color: var( --alt-bg );
}

section.locSelect .container {
    /* max-width: 1088px; */
}

.locCard {
    padding: 8px;
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    justify-content: center;
    flex-direction: column;
}

.locImg {
    position: relative;
    display: block;
    z-index: 1;
}

.locContainer {
    padding: 0;
}

.locCardBlock {
    position: relative;
    display: flex;
    text-align: center;
    padding: clamp( 56px, 4.167vw, 80px ) clamp( 40px, 4.167vw, 80px );
    background-color: var( --dkBlue );
    color: var( --white );
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    border-radius: 40px;
    z-index: 2;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.locCardBlock .btn.btn-orange {
    margin: 56px auto 0;
}

.locCardBlock .btn.btn-orange:hover {
    background-color: var( --white );
    color: var( --black );
}

.locCardBlock h4.locName {
    font-size: var( --h3-font-size );
    font-weight: var( --heading-font-weight );
    color: inherit;
    text-transform: uppercase;
}

.locCardBlock span {
    display: flex;
    margin-bottom: 16px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

.locCardBlock span.call a {
    color: inherit;
    font-size: var(--body-font-size);
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.86px;
    line-height: var(--body-line-height);
}

.locCardBlock span.call a:hover {
    /* color: var( --primary-hover ); */
}

.locCardBlock span.address a {
    color: inherit;
    font-size: var(--body-font-size);
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: var(--body-line-height);
}

@media ( max-width: 1024px ) {
    .locImg img {
        margin: 0 auto;
        display: block;
    }

    .locSelect .locCard {
        margin-bottom: 0;
    }

    .locRow::after {
        width: 95%;
    }
}

@media ( max-width: 567px ) {
    .locCardBlock span {
        align-items: start;
    }

.locCardBlock span.address {
    justify-content: center;
    width: 70%;
    margin-bottom: 24px;
}
}