/**
 * @file
 * layout styles
 */
:root {
  --block-tb: 120px;
  --block-tb-sm: 90px;
  --block-sp-40: 40px;
  --block-sp-70: 70px;
  --block-sp-80: 80px;
}

.home-page {
  position: relative;
}

.home-page:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(var(--header-height) + 50px);
  background: var(--black1);
  z-index: -1;
}

.container-custom-md {
  max-width: var(--container-md);
  margin-left: auto;
  margin-right: auto;
}

.block-tb {
  padding-top: var(--block-tb);
  padding-bottom: var(--block-tb);
}

.block-b-sm {
  padding-bottom: var(--block-tb-sm);
}

.block-t-sm {
  padding-top: var(--block-tb-sm);
}

.block-lr-40 {
  padding-left: var(--block-sp-40);
  padding-right: var(--block-sp-40);
}

.block-lr-70 {
  padding-left: var(--block-sp-70);
  padding-right: var(--block-sp-70);
}

.block-lr-80 {
  padding-left: var(--block-sp-80);
  padding-right: var(--block-sp-80);
}