/* layouts */

:root {
  --page-hr-padding: 100px;
  --page-section-vr-padding: 100px;
  --container-width: 1310px;
  --page-max-width: 1920px;
  --page-section-head-hr-padding: 50px;

  scroll-padding: calc(var(--header-height) - 20px);
  scroll-behavior: smooth;
}


.site-wrapper {
  width: 100%;
  max-width: var(--page-max-width);
  margin: 0 auto;
  background: var(--white);
}

.header {
  max-width: var(--page-max-width);
  margin: 0 auto;
  left: 0;
  right: 0;
}

.container-width-section>.block-inner,
.container-width {
  max-width: var(--container-width);
  margin: 0 auto;
  width: 100%;
}

.container-width-md {
  --container-width: 527px;
}

/* page section */

.page-section {
  --this-hr-padding: var(--page-hr-padding);
  padding: var(--page-section-vr-padding) var(--this-hr-padding);
}

.page-section-head {
  padding: 0 var(--page-hr-padding);
}

.page-section.title-page-section {
  padding-bottom: 0;
}

.no-hr-padding {
  padding-left: 0;
  padding-right: 0;
}

.no-vr-padding {
  padding-top: 0;
  padding-bottom: 0;
}

/* margin */
body .m-b-120 {
  margin-bottom: 120px;
}

body .m-b-80 {
  margin-bottom: 80px;
}

.inner-page {
  --page-section-vr-padding: 80px;
}

.component-with-main-title .component-view .page-section:first-child {
  padding-top: 0;
}