:root {
  --color-teal: #47958b;
  --color-navy: #002e54;
  --color-dark-gray: #252c30;
  --color-blue: #41b6e6;
  --color-primary: var(--color-navy);
  --color-primary-light: var(--color-blue);
  --color-secondary: var(--color-teal);
  --color-accent: var(--color-blue);
  --color-text-dark: var(--color-dark-gray);
  --color-text-light: #ffffff;
  --color-bg-white: #ffffff;
  --color-bg-light: #f4f6f8;
  --color-btn-hover: #0f665d;
  --color-border-light: #e5eaee;
  --container-bg-light-1: #ffffff;
  --container-bg-light-2: #f4f6f8;
  --container-bg-dark-1: #002e54;
  --container-bg-dark-2: #252c30;
  --spacing-xs: 4px;
  --spacing-s: 8px;
  --spacing-m: 12px;
  --spacing-l: 16px;
  --spacing-xl: 24px;
  --spacing-2xl: 32px;
  --spacing-3xl: 48px;
  --spacing-4xl: 64px;
  --spacing-5xl: 96px;
  --spacing-6xl: 128px;
  --radius-s: 8px;
  --radius-m: 16px;
  --radius-l: 24px;
  --radius-xl: 32px;
  --font-heading: "FuturaPT", sans-serif;
  --font-body: "OpenSans", sans-serif;
  --z-below: -1;
  --z-base: 0;
  --z-deco: 1;
  --z-content: 2;
  --z-overlay: 10;
  --z-modal: 100;
  --z-toast: 200;
  --main-max-width: 1536px;
}

.elementor-widget-hm_gallery_grid {
  width: 100%;
}

.hm-gallery-grid {
  display: grid;
  grid-template-areas: "top-left center-upper top-right" "bottom-left center-bottom bottom-right";
  gap: 20px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: repeat(10, 60px);
  gap: 20px;
}
@media screen and (max-width: 980px) {
  .hm-gallery-grid {
    grid-template-rows: repeat(10, 30px);
  }
}
@media screen and (max-width: 680px) {
  .hm-gallery-grid {
    grid-template-rows: repeat(10, 20px);
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 480px) {
  .hm-gallery-grid {
    grid-template-areas: "top-left" "center-upper" "top-right" "bottom-left" "center-bottom" "bottom-right";
    grid-template-rows: initial;
    grid-template-columns: 1fr;
  }
}

.hm-gallery-grid__item {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
}
.hm-gallery-grid__item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hm-gallery-grid__item--top-left {
  grid-area: top-left;
  grid-row: 1/5;
}

.hm-gallery-grid__item--bottom-left {
  grid-area: bottom-left;
  grid-row: 5/11;
}

.hm-gallery-grid__item--center-upper {
  grid-area: center-upper;
  grid-column: 2/4;
  grid-row: 1/6;
}

.hm-gallery-grid__item--center-bottom {
  grid-area: center-bottom;
  grid-column: 2/4;
  grid-row: 6/11;
}

.hm-gallery-grid__item--top-right {
  grid-area: top-right;
  grid-column: 4/4;
  grid-row: 1/7;
}

.hm-gallery-grid__item--bottom-right {
  grid-area: bottom-right;
  grid-column: 4/4;
  grid-row: 7/11;
}

@media screen and (max-width: 480px) {
  .hm-gallery-grid__item--center-upper,
  .hm-gallery-grid__item--center-bottom,
  .hm-gallery-grid__item--top-right,
  .hm-gallery-grid__item--bottom-right {
    grid-column: 1/1;
    grid-row: auto;
  }
}