:root{
 
  --header-min-height-desktop: 94px;
  --header-min-height-mobile: 80px;

  --container-max-width: 1200px;
  --header-container-max-width: var(--container-max-width);

  --content-default-gap: 24px;
  --footer-min-height: 128px;

  --content-blocks-gap: 96px;
  --content-blocks-gap-mobile: 56px;

  --contacts-text-gap: 24px;

  --footer-container-max-width: var(--container-max-width);
  --banner-text-max-width: var(--container-max-width);
  --products-max-width: var(--container-max-width);
  --about-us-max-width: var(--container-max-width);
  --how-we-work-max-width: var(--container-max-width);
  --gallery-max-width: var(--container-max-width); 
  --consulting-max-width: var(--container-max-width); 
  --contacts-max-width: var(--container-max-width);

  --form-padding-horizontal-desktop: 84px;
  --form-padding-vertical-desktop: 56px;
  --form-padding-horizontal-mobile: 10px;
  --form-padding-vertical-mobile: 56px;

  --form-close-button-offset: 11px;

}

@media (min-width: 768px) {

  .desktop-hidden { display: none; }

}

@media (max-width: 767px) {

  .mobile-hidden { display: none; }

}