.locations-cta-block {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  padding: 500px 0 120px;
}

.locations-cta-block .location-cta-heading-top {
  font-family: 'Poppins';
  font-weight: 600;
  font-size: 20px;
  line-height: 170%;
  color: var(--blue);
}
.locations-cta-block .location-cta-heading-bottom {
  font-family: 'Bebas Neue';
  font-weight: 400;
  font-size: 40px;
  line-height: 110%;
  text-transform: capitalize;
  color: var(--dark);
}
.locations-cta-block .bg-white {
  padding: 43px 52px;
}

.locations-cta-block p {
    font-size:16px;
    color: var(--gray-text);
}

.locations-cta-block .locations-dropdowns {
  position: relative;
  overflow: visible;
}

/* each dropdown becomes positioning context */
.locations-cta-block .locations-dropdowns .dropdown {
  position: relative;
  display: inline-block;
}

.locations-cta-block .locations-dropdown-toggle {
  font-weight: 600;
  color: var(--blue);
	text-decoration: none;
    border: 0;
	position:relative;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
}
.locations-cta-block .locations-dropdown-toggle:after {
	content: "\f078";
    font-family: "FontAwesome";
    margin-left: 4px;
    font-size: 11px;
    vertical-align: middle;
}
.locations-cta-block .locations-dropdown-toggle span {
	color:var(--dark);
	font-family: 'Bebas Neue';
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 29px;
	text-transform: uppercase; 
}
.locations-cta-block .locations-dropdown-toggle i {
	font-size:21px;
}
.locations-cta-block .locations-dropdown-menu {
  display: none;              /* IMPORTANT */
  position: absolute;         /* IMPORTANT */
  top: calc(100% + 0px);
  left: 0;
  z-index: 999;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.08);
  box-shadow: 0 10px 30px rgba(0,0,0,0.12);
  padding: 14px 16px;
  border-radius: 0px;

  /* make it NOT a long single column */
  width: max-content;
  min-width: 220px;
  max-width: 520px;

  /* multi-column layout */
  column-count: 2;
  column-gap: 28px;
}

.btn-container {
    gap:20px;
}

/* show menu on hover (desktop) */
.locations-cta-block .locations-dropdowns .dropdown:hover .locations-dropdown-menu {
  display: block;
}

/* show menu on focus (mobile/keyboard) */
.locations-cta-block .locations-dropdowns .dropdown:focus-within .locations-dropdown-menu {
  display: block;
}

/* make the items work with columns (you use span.dropdown-item) */
.locations-cta-block .locations-dropdown-menu .dropdown-item {
  display: block;
  padding: 0;
  margin: 0 0 10px;
  break-inside: avoid;   /* prevents awkward column breaks */
}

/* link styling inside menu */
.locations-cta-block .locations-dropdown-menu .dropdown-item a {
  display: block;
  text-decoration: none;
  color: var(--dark);
  font-weight: 500;
  line-height: 1.2;
}

/* JS will toggle this class */
.locations-cta-block .dropdown.is-open .locations-dropdown-menu {
  display: block;
}

@media (max-width: 991px) {
    .locations-cta-block {
        background-size: contain;
        padding: 20% 0 0px;
    }
    .locations-cta-block .bg-white {
        background-color: var(--gray)!important;
    }
}
@media (max-width: 767px) {
    .locations-cta-block .location-cta-heading-top {
    font-size: 18px;
    }
    .locations-cta-block .location-cta-heading-bottom {
        font-size:32px;
    }
	.locations-cta-block .locations-dropdowns {
		justify-content:center;
	}
	.locations-cta-block .locations-dropdowns .dropdown {
		margin-right:15px!important;
		margin-left: 15px !important;
	}
	.locations-cta-block .locations-dropdown-menu {
		left: 50%;
		transform: translateX(-50%);
	}
}

/* On very small screens: 1 column so it doesn't overflow */
@media (max-width: 480px) {
  .locations-cta-block .locations-dropdown-menu {
    column-count: 1;
    min-width: 220px;
    max-width: 90vw;
  }
}