/**
 * @file
 * Section styles
 */

.section {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.section--white {
  background-color: var(--color-white);
}
.section--primary_1 {
  background-color: var(--color-primary--1);
}
.section--primary_2 {
  background-color: var(--color-primary--2);
}
.section--primary_3 {
  background-color: var(--color-primary--3);
}
.section--primary_4 {
  background-color: var(--color-primary--4);
}

/**bg logo shape**/
.bg-shape-logo_shape::before {
  content: '';
  position: absolute;
  left: -100px;
  top: 4px;
  background-image: url("../../images/section/logo_shape.svg");
  width: 345.5px;
  height: 408.5px;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
  background-position: center;
}
.bg-shape-logo_shape.bg-shape-position-left::before {
  left: -100px;
}
.bg-shape-logo_shape.bg-shape-position-right::before {
  left: unset;
  right: -110px;
}
@media all and (min-width: 1200px){
  .bg-shape-logo_shape::before {
    width: 691px;
    height: 817px;
  }
}


/**bg pattern shape**/
.bg-shape-pattern_dark_blue {
  position: relative;
  z-index: 1;
}
.bg-shape-pattern_dark_blue::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100vw;
    height: 250px;
    z-index: -1;
    background-image: url("../../images/pattern-top-shape--dark.svg");
    background-size: cover;
    background-repeat: no-repeat;
}