.block-office-locations-v2 {
  margin: 50px 0; }
  .block-office-locations-v2 .inner {
    padding: 0 20px;
    max-width: 1440px;
    margin: 0 auto;
    position: relative; }
  .block-office-locations-v2 .title {
    font-family: var(--oswald);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 34px;
    line-height: 42px;
    color: var(--primaryColor);
    margin: 0 auto 10px;
    text-align: center; }
  .block-office-locations-v2 .items .location {
    margin-bottom: 0; }
    .block-office-locations-v2 .items .location .map {
      height: 300px;
      margin-bottom: 40px;
      position: relative; }
      .block-office-locations-v2 .items .location .map img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: opacity 0.8s cubic-bezier(0.17, 0.66, 0.34, 0.98); }
        .block-office-locations-v2 .items .location .map img:hover {
          opacity: 0; }
      .block-office-locations-v2 .items .location .map iframe {
        width: 100%;
        height: 100%; }
    .block-office-locations-v2 .items .location .info {
      border: solid 1px var(--secondaryColor);
      padding: 45px 45px 50px;
      border-radius: 20px; }
      .block-office-locations-v2 .items .location .info .name {
        font-family: var(--oswald);
        text-transform: uppercase;
        color: var(--primaryColor);
        font-size: 35px;
        line-height: 45px;
        font-weight: 700;
        letter-spacing: 1px;
        margin-bottom: 30px; }
      .block-office-locations-v2 .items .location .info .label {
        display: block;
        text-transform: uppercase;
        font-weight: bold;
        line-height: 20px;
        margin-bottom: 8px; }
      .block-office-locations-v2 .items .location .info .address {
        font-size: 18px;
        line-height: 32px;
        margin-bottom: 10px; }
        .block-office-locations-v2 .items .location .info .address a {
          color: var(--text); }
          .block-office-locations-v2 .items .location .info .address a:hover {
            color: var(--tertiaryColor); }
      .block-office-locations-v2 .items .location .info .directions {
        color: var(--secondaryColor);
        font-weight: bold;
        text-transform: uppercase; }
        .block-office-locations-v2 .items .location .info .directions:hover {
          color: var(--tertiaryColor); }
      .block-office-locations-v2 .items .location .info .phone-info {
        margin-top: 20px; }
        .block-office-locations-v2 .items .location .info .phone-info a {
          color: var(--secondaryColor);
          font-size: 18px;
          line-height: 32px; }
          .block-office-locations-v2 .items .location .info .phone-info a:hover {
            color: var(--tertiaryColor); }
        .block-office-locations-v2 .items .location .info .phone-info .phone {
          margin-bottom: 0; }
  @media (min-width: 768px) {
    .block-office-locations-v2 {
      margin: 100px 0; }
      .block-office-locations-v2 .title {
        font-size: 70px;
        line-height: 100px; }
      .block-office-locations-v2 .items {
        display: flex;
        flex-flow: column;
        align-items: center;
        gap: 50px; }
        .block-office-locations-v2 .items .location {
          flex: 1;
          display: flex;
          justify-content: space-between;
          width: 100%;
          padding: 60px 0; }
          .block-office-locations-v2 .items .location .address {
            font-size: 25px;
            line-height: 35px;
            margin-bottom: 20px; }
          .block-office-locations-v2 .items .location .directions {
            font-size: 20px;
            line-height: 32px; }
          .block-office-locations-v2 .items .location .phone-info a {
            font-size: 25px;
            line-height: 35px; }
          .block-office-locations-v2 .items .location .map {
            flex: 0 1 calc(60% - 20px);
            margin-bottom: 0;
            height: auto; }
          .block-office-locations-v2 .items .location .info {
            flex: 0 1 calc(40% - 20px); } }
  @media (min-width: 1146px) {
    .block-office-locations-v2 {
      margin: 70px 0; }
      .block-office-locations-v2 .inner {
        padding: 0 100px; } }