.ega-store-locator {
  padding-bottom: 30px; }
  .ega-store-locator img {
    width: 100%; }
  .ega-store-locator svg path, .ega-store-locator svg rect {
    fill: currentColor; }
  .ega-store-locator .card {
    padding: 15px;
    -webkit-box-shadow: 3px 3px 6px 0 #e5e5e5;
    box-shadow: 0px -1px 15px 0 #e5e5e5;
    border: none;
    border-radius: 10px; }
  .ega-store-locator .heading {
    margin-top: 20px;
    font-weight: bold; }
  .ega-store-locator .ega-media__left {
    margin-right: 7px; }
    .ega-store-locator .ega-media__left svg {
      height: 28px;
      width: 20px; }
  .ega-store-locator h5 {
    font-size: 25px;
    margin-bottom: 22px;
    color: var(--primary-color);
    margin-top: 0px; }
  .ega-store-locator .ega-form__group {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column; }
  .ega-store-locator label {
    font-size: inherit;
    margin-bottom: 15px;
    font-weight: 500; }
  .ega-store-locator__address {
    margin-top: 30px;
    margin-bottom: 30px; }
    .ega-store-locator__address .ega-media__left {
      color: var(--primary-color); }
  .ega-store-locator .ega-row--grid {
    display: grid;
    grid-template-columns: 350px  1fr;
    grid-gap: 15px;
    align-items: center;
    margin-top: 30px; }
    @media (max-width: 767px) {
      .ega-store-locator .ega-row--grid {
        grid-template-columns: 1fr;
        padding-left: 0;
        padding-right: 0px;
        margin-top: 20px;
        grid-column-gap: 0; } }
  .ega-store-locator #store {
    position: relative;
    z-index: 1;
    background: #fff;
    padding: 30px 20px;
    background-color: #fff;
    border-radius: 20px;
    border: 1px solid #868686;
    z-index: 2;
    -webkit-box-shadow: 0 62px 33px -60px #d1c1b5;
    box-shadow: 0 62px 33px -60px #d1c1b5; }
    @media (max-width: 767px) {
      .ega-store-locator #store {
        margin-top: 10px;
        padding: 20px 15px; } }
  .ega-store-locator .loading,
  .ega-store-locator .not_found {
    display: none; }
  @media (max-width: 767px) {
    .ega-store-locator #map {
      grid-column: 1/-1;
      grid-row: 2; } }
  .ega-store-locator #map iframe {
    width: 100%;
    height: 600px !important;
    border-radius: 10px; }

.loading-icon {
  width: 100%;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 60px;
  color: var(--primary-color); }

@keyframes spin {
  from {
    transform: rotate(0); }
  to {
    transform: rotate(360deg); } }

.spin {
  animation: spin 1s infinite; }