:root {
  --color--gray-4: #f5f0f0;
  --font-family--body: Inter, sans-serif;
  --color--body: var(--color--gray-1);
  --font-family--heading: Ltsuperior, Arial, sans-serif;
  --color--heading: var(--color--primary-1);
  --color--primary-1: #000000;
  --border-radius--sm: 10px;
  --color--secondary-2: #ffffff;
  --color--white: #fdfcfc;
  --border-radius--form-input: 12px;
  --color--primary-2: #f5f0f0;
  --color--gray-3: #ebebeb;
  --border-radius--md: 15px;
  --border-radius--button: 12px;
  --color--black\<deleted\|variable-9b64f1b3-27eb-b831-0ca1-24b3f85be6f1\>: #1d1f17;
  --color--secondary-1: #000000;
  --color--gray-2: #f0f0f0;
  --border-radius--lg: 100px;
  --color--transparent: #0000;
  --color--gray-1: #4e4d4d;
}

/* MOBILE: Hide on screens smaller than 768px (commonly mobile) */
@media (max-width: 767px) {

  #mobileGallery {
    display: block;

  }

  #mobileGallery .gallery-item {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  #desktopGallery {
    display: none;
  }

  .section-spacing2 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .section-spacing-bottom {
    padding-bottom: 50px;
  }

  .work-section {
    padding-bottom: 50px;
  }

  .testimonial-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }

}

/* DESKTOP: Optionally ensure it's visible on desktop */
@media (min-width: 768px) {

  #mobileGallery {
    display: none;
  }

  #desktopGallery{
    display: block;
  }

  .work-section {
    padding-bottom: 130px;
  }
}