.global-map.container {
  flex-direction: column-reverse;
  display: flex;
  max-width: 1200px;
  margin: auto;
  padding: 20px 0px;
}
@media (min-width: 1023px) {
  .global-map.container {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.global-map.container .location-list {
  width: 100%;
  padding: 20px;
  background-color: #f7f7f7;
  border-right: 1px solid #e0e0e0;
  height: 600px;
  max-height: 600px;
  overflow-y: scroll;
}
@media (min-width: 1023px) {
  .global-map.container .location-list {
    width: 30%;
  }
}
.global-map.container .location-list h2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}
.global-map.container .location-list p {
  font-size: 14px;
  color: #666;
  margin-bottom: 20px;
}
.global-map.container .location-list::-webkit-scrollbar {
  width: 5px;
}
.global-map.container .location-list::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 10px;
}
.global-map.container .location-list::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}
.global-map.container .location-list .location {
  cursor: pointer;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 15px;
  position: relative;
  background-color: #fff;
}
.global-map.container .location-list .location:hover {
  background-color: #e9f3e6;
  transition: background-color 0.3s ease;
}
.global-map.container .location-list .location h3 {
  font-size: 16px;
  margin-bottom: 5px;
  color: #333;
}
.global-map.container .location-list .location h4 {
  font-size: 16px;
  margin-bottom: 5px;
  color: #216e1f;
}
.global-map.container .location-list .location p {
  font-size: 14px;
  margin: 2px;
  color: #666;
  line-height: 1.2rem;
  text-align: left;
}
.global-map.container .location-list .location a {
  display: inline-block;
  margin-top: 0px;
  font-size: 14px;
  color: #007bff;
  text-decoration: none;
}
.global-map.container .location-list .location a:hover {
  text-decoration: underline;
}
.global-map.container .location-list .location .distance {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 14px;
  font-weight: bold;
  color: #666;
}
.global-map.container .map-section {
  width: 100%;
  position: relative;
}
@media (min-width: 1023px) {
  .global-map.container .map-section {
    width: 70%;
  }
}
.global-map.container .map-section #map {
  width: 100%;
  height: 600px;
  border-radius: 8px;
}
.global-map.container .dropdown-container {
  margin: 20px 0 50px 0;
}
.global-map.container .dropdown-container .custom-dropdown {
  position: relative;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #fff;
  cursor: pointer;
}
.global-map.container .dropdown-container .custom-dropdown .selected-value {
  padding: 10px 15px;
  font-size: 16px;
  color: #333;
  background-color: #f9f9f9;
  border-radius: 5px;
}
.global-map.container .dropdown-container .custom-dropdown .selected-value::after {
  content: '▼';
  font-size: 12px;
  color: #666;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.global-map.container .dropdown-container .custom-dropdown .dropdown-list {
  position: absolute;
  padding-left: 0;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 150px;
  overflow-y: auto;
  border: 1px solid #ccc;
  border-radius: 0 0 5px 5px;
  background-color: #fff;
  display: none;
  z-index: 10;
}
.global-map.container .dropdown-container .custom-dropdown .dropdown-list li {
  padding: 10px 15px;
  font-size: 16px;
  color: #333;
  cursor: pointer;
  list-style-type: none;
}
.global-map.container .dropdown-container .custom-dropdown .dropdown-list li:hover {
  background-color: #f1f1f1;
}
.global-map.container .dropdown-container .custom-dropdown .dropdown-list::-webkit-scrollbar {
  width: 5px;
}
.global-map.container .dropdown-container .custom-dropdown .dropdown-list::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 10px;
}
.global-map.container .dropdown-container .custom-dropdown .dropdown-list::-webkit-scrollbar-thumb:hover {
  background-color: #e1e1e1;
}
.global-map.container .dropdown-container .custom-dropdown.active .dropdown-list {
  display: block;
}
.global-map.container .hide-tiles {
  display: none;
}
.global-map.container .highlight-row {
  background-color: #e9f3e6 !important;
}

.study--advance-next .text.cmp__text--link-blue a {
  color: #512279 !important;
}
.study--advance-next .text.cmp__text--link-blue a:hover {
  text-decoration: underline;
}
.color-utilities--advance-color-periwinkle-text {
  --text-color: #8d9acd;
  --background-color: #ffffff;
  color: var(--text-color);
}
.color-utilities--advance-color-amethyst-text {
  --text-color: #512279;
  --background-color: #ffffff;
  color: var(--text-color);
}
.color-utilities--advance-color-gray-text {
  --text-color: #4d4d4f;
  --background-color: #ffffff;
  color: var(--text-color);
}
.cmp__button--white-bg.cmp__button--advance-color-periwinkle-border .cmp-button:hover {
  background-color: #8d9acd;
}
.cmp__button--white-bg.cmp__button--advance-color-amethyst-border .cmp-button:hover {
  background-color: #512279;
}
.cmp__button--white-bg.cmp__button--advance-color-gray-border .cmp-button:hover {
  background-color: #4d4d4f;
}
.cmp__button--advance-color-periwinkle-bg .cmp-button {
  background-color: #8d9acd;
  border-color: #8d9acd;
}
.cmp__button--advance-color-periwinkle-bg .cmp-button:hover {
  background-color: #ffffff;
}
.cmp__button--advance-color-periwinkle-bg .cmp-button:hover * {
  color: #8d9acd;
}
.cmp__button--advance-color-amethyst-bg .cmp-button {
  background-color: #512279;
  border-color: #512279;
}
.cmp__button--advance-color-amethyst-bg .cmp-button:hover {
  background-color: #ffffff;
}
.cmp__button--advance-color-amethyst-bg .cmp-button:hover * {
  color: #512279;
}
.cmp__button--advance-color-gray-bg .cmp-button {
  background-color: #4d4d4f;
  border-color: #4d4d4f;
}
.cmp__button--advance-color-gray-bg .cmp-button:hover {
  background-color: #ffffff;
}
.cmp__button--advance-color-gray-bg .cmp-button:hover * {
  color: #4d4d4f;
}
.cmp__button--advance-color-periwinkle-text .cmp-button * {
  color: #8d9acd;
}
.cmp__button--advance-color-amethyst-text .cmp-button * {
  color: #512279;
}
.cmp__button--advance-color-gray-text .cmp-button * {
  color: #4d4d4f;
}
.cmp__button--advance-color-periwinkle-border .cmp-button {
  border-color: #8d9acd;
}
.cmp__button--advance-color-amethyst-border .cmp-button {
  border-color: #512279;
}
.cmp__button--advance-color-gray-border .cmp-button {
  border-color: #4d4d4f;
}
.cmp__container--bg-advance-color-periwinkle {
  background-color: #8d9acd;
  --bg-color: #8d9acd;
}
.cmp__container--bg-advance-color-amethyst {
  background-color: #512279;
  --bg-color: #512279;
}
.cmp__container--bg-advance-color-gray {
  background-color: #4d4d4f;
  --bg-color: #4d4d4f;
}
.study--advance-next .cmp__text--jump-section #custom-dropdown .arrow::before,
.study--advance-next .cmp__text--jump-section #custom-dropdown .arrow::after {
  border-left: 1.6px solid var(--text-color);
}
.study--advance-next .cmp__text--jump-section ul {
  background: var(--background-color);
  color: var(--text-color);
}
@media (min-width: 768px) {
  .study--advance-next .cmp__text--jump-section ul {
    background: var(--background-color);
    color: var(--text-color);
  }
}
.study--advance-next .cmp__text--jump-section ul li a {
  color: var(--text-color);
}
@media (min-width: 768px) {
  .study--advance-next .cmp__text--jump-section ul li a {
    font-size: 13px;
    color: var(--text-color);
  }
  .study--advance-next .cmp__text--jump-section ul li a:hover {
    text-decoration: underline;
  }
}
@media (min-width: 992px) {
  .study--advance-next .cmp__text--jump-section ul li a {
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  .study--advance-next .cmp__text--jump-section ul li a {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .study--advance-next .cmp__grid--multi-details .container .row .bootstrap-container {
    margin: 0;
    max-width: 60%;
  }
}
@media (min-width: 992px) {
  .study--advance-next .cmp__grid--multi-details .container .row .bootstrap-container {
    max-width: 60%;
  }
}
@media (min-width: 1200px) {
  .study--advance-next .cmp__grid--multi-details .container .row .bootstrap-container {
    max-width: 24%;
    margin: 0 -50px;
  }
}
.study--advance-next .cmp__grid--multi-details .container .row .bootstrap-container .text {
  width: 100%;
  display: inline-block;
}
.study--advance-next .cmp__grid--multi-details .container .row .bootstrap-container .text p {
  margin-bottom: 0;
  text-align: center;
}
.study--advance-next .cmp__grid--multi-details .container .row .bootstrap-container {
  position: relative;
}
.study--advance-next .cmp__grid--multi-details .container .row .bootstrap-container::after {
  background-color: var(--bg-color);
}
.study--advance-next .cmp__grid--multi-details .container .row .bootstrap-container::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -70px;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid var(--bg-color);
}
.study--advance-next .cmp__grid--multi-details .container .row .bootstrap-container:last-child::after,
.study--advance-next .cmp__grid--multi-details .container .row .bootstrap-container:last-child::before {
  display: none;
}
@media (min-width: 1200px) {
  .study--advance-next .cmp__grid--multi-details .container .row .bootstrap-container::after {
    top: 50%;
    left: auto;
    transform: translateY(-50%);
    width: 40px;
    height: 2px;
    right: -40px;
  }
  .study--advance-next .cmp__grid--multi-details .container .row .bootstrap-container::before {
    top: 50%;
    right: -60px;
    left: auto;
    transform: translateY(-50%);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid var(--bg-color);
  }
  .study--advance-next .cmp__grid--multi-details .container .row .bootstrap-container:last-child::after,
  .study--advance-next .cmp__grid--multi-details .container .row .bootstrap-container:last-child::before {
    display: none;
  }
}
.study--advance-next .cmp__container--global-map .cmp-container .globalMap .location-list .country-tiles {
  width: 100%;
  padding: 10px;
}
.study--advance-next .cmp__container--global-map .cmp-container .globalMap .location-list .country-tiles .location h4 {
  color: #512279;
}