/**
 * @file
 * Section styles
 */

.section {
  overflow-x: clip;
}

.section--form .grid-row:has(> .grid-internal) {
  overflow: hidden;
}

.section:not(:has(> .grid-row)).background-color--primary--1,
.section.background-color--primary--1  > .grid-row {
  background-color: var(--color-primary--1);
}
.section:not(:has(> .grid-row)).background-color--primary--2,
.section.background-color--primary--2  > .grid-row {
  background-color: var(--color-primary--2);
}
.section:not(:has(> .grid-row)).background-color--primary--3,
.section.background-color--primary--3  > .grid-row {
  background-color: var(--color-primary--3);
}
.section:not(:has(> .grid-row)).background-color--primary--4,
.section.background-color--primary--4  > .grid-row {
  background-color: var(--color-primary--4);
}

.section:not(:has(> .grid-row)).background-color--secondary--1,
.section.background-color--secondary--1  > .grid-row {
  background-color: var(--color-secondary--1);
}


.section:not(:has(> .grid-row)).section--border,
.section.section--border  > .grid-row {
  padding: 32px;
  border: 1px solid var(--color-neutral--5);
}

.section:not(:has(> .grid-row)).section--radius--50,
.section.section--radius--50  > .grid-row {
  border-radius: 25px;
  padding: 16px 0;
}

.section:not(:has(> .grid-row)).section--radius--20,
.section.section--radius--20  > .grid-row {
  border-radius: 20px;
}



@media all and (min-width: 1000px) {

  .section.background-color {
    background-color: unset;
    padding: unset;
  }

  .section.section--radius {
    border-radius: unset;
  }

  .section--form::before {
    all: unset
  }

  .section:not(:has(> .grid-row)).section--form,
  .section.section--form > .grid-row   {
    position: relative;
    z-index: 1;
  }
  .section:not(:has(> .grid-row)).section--form::before,
  .section.section--form > .grid-row::before {
    content: "";
    position: absolute;
    background-image: url('../../images/section/form.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 0;
    width: calc(1590 / 1920 * 100vw);
    height: 224px;
  }
  .section:not(:has(> .grid-row)).section--form--right_top::before,
  .section.section--form--right_top > .grid-row::before {
    transform: rotate(-161.51deg);
    top: 190px;
    right: -35%;
  }

  .section:not(:has(> .grid-row)).section--form--left_bottom::before,
  .section.section--form--left_bottom > .grid-row::before {
    transform: rotate(21.76deg);
    bottom: 145px;
    left: -55%;
  }

  .section:not(:has(> .grid-row)).section--form--left_top::before,
  .section.section--form--left_top > .grid-row::before {
    transform: rotate(170.024deg);
    width: 964px;
    height: 163px;
    bottom: 70px;
    left: -275px;
  }

  .section:not(:has(> .grid-row)).section--radius--50,
  .section.section--radius--50  > .grid-row {
    border-radius: 50px;
    padding: 50px 0;
  }
}


@media all and (min-width: 1500px) {
  .section--form--right_top::before,
  .section--right_shape::after {
    top: -75px;
    width: 562px;
    height: 518px;
  }
}