.page-header {
  overflow: hidden;
  position: relative;
  background: radial-gradient(circle at 0% 20%,rgba(104,209,177,.8) 0%,rgba(175,217,204,.6) 20%,rgba(175,217,204,.4) 50%);
  margin-bottom: 3rem
}

@media (min-width: 992px) {
  .page-header {
    overflow:hidden
  }
}

@media (min-width: 1400px) {
  .page-header:after {
    left:-10px
  }
}

.page-header--hide-bg-blur {
  background: #e8eeea
}

.page-header--img-overlay:before {
  display: none;
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  width: 100%;
  height: 132%;
  background-image: url(/themes/custom/ccs_online/assets/background/node--basic-page-background--overlay.svg);
  left: 0;
  top: 0;
  background-position: top right
}

@media (min-width: 768px) {
  .page-header--img-overlay:before {
    display:block
  }
}

.page-header:after {
  content: "";
  display: none;
  position: absolute;
  background-repeat: no-repeat;
  width: 100%;
  height: 132%;
  background-image: url(/themes/custom/ccs_online/assets/background/main-background.svg);
  left: 0;
  bottom: 0;
  z-index: 10;
  top: 0;
  background-position: top right
}

@media (min-width: 768px) {
  .page-header:after {
    display:block
  }
}

.page-header--hide-bg:after {
  background: none
}

.page-header--move-img:after {
  top: 0
}

.page-header .field--name-title {
  display: block;
  font-family: Mulish,Arial,Helvetica,sans-serif;
  font-weight: 700;
  font-size: 4rem;
  line-height: 110%;
  color: #2a4a40;
  padding-top: 13rem
}

.page-header .field--name-field-description-short {
  font-family: Mulish,Arial,Helvetica,sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 2.4rem;
  line-height: 3.2rem;
  color: #2a4a40;
  margin-top: 2.4rem
}

.page-header__content {
  margin: 0 auto;
  min-width: 320px;
  padding: 0 15px;
  display: flex;
  flex-direction: column;
  min-height: 200px;
  gap: 24px
}

@media (min-width: 480px) {
  .page-header__content {
    width:450px;
    padding: 0
  }
}

@media (min-width: 768px) {
  .page-header__content {
    width:738px
  }
}

@media (min-width: 992px) {
  .page-header__content {
    width:962px
  }
}

@media (min-width: 1280px) {
  .page-header__content {
    width:1160px
  }
}

@media (min-width: 1400px) {
  .page-header__content {
    width:1200px
  }
}

@media (min-width: 992px) {
  .page-header__content {
    flex-direction:row;
    justify-content: space-between
  }
}

.page-header__first_column {
  flex: 0 0 50%;
  position: relative;
  z-index: 100
}

.page-header__second_column {
  margin: 0;
  position: relative;
  z-index: 11
}

.page-header__second_column>.field--name-field-media {
  padding: 4rem
}

@media (min-width: 768px) {
  .page-header__second_column>.field--name-field-media {
    display:flex;
    justify-content: center
  }
}

@media (min-width: 992px) {
  .page-header__second_column>.field--name-field-media {
    padding:0
  }
}

.page-header__second_column:before {
  content: none
}

@media (min-width: 992px) {
  .page-header__second_column:before {
    display:block;
    position: absolute;
    background-repeat: no-repeat;
    width: 1066px;
    height: 782px;
    background-image: url(/themes/custom/ccs_online/assets/background/basic_page_header.png);
    left: -426px;
    top: -142px;
    z-index: 10
  }
}

@media (min-width: 1280px) {
  .page-header__second_column:before {
    left:-526px;
    top: -142px;
    transform: scale(1)
  }
}


.node--type-basic-page .node__content .page-header {
  padding-bottom: 1rem;
  margin-bottom: 4.8rem
}

.node--type-basic-page .node__content .page-header .field--name-field-paragraph {
  z-index: 11;
  position: relative
}

.node--type-basic-page .node__content .page-header__first_column {
  flex: 0 0 65%;
  text-align: center;
  position: relative;
  z-index: 100
}

@media (min-width: 992px) {
  .node--type-basic-page .node__content .page-header__first_column {
    max-width:450px;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center
  }
}

@media (min-width: 1280px) {
  .node--type-basic-page .node__content .page-header__first_column {
    max-width:600px
  }
}

.node--type-basic-page .node__content .page-header__first_column .field--name-title {
  padding-top: 13rem;
  color: #2a4a40
}

@media (min-width: 768px) {
  .node--type-basic-page .node__content .page-header__first_column .field--name-title {
    padding-top:8rem
  }
}

.node--type-basic-page .node__content .page-header__first_column .field--name-field-description-short {
  font-family: Mulish,Arial,Helvetica,sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 2.4rem;
  line-height: 3.2rem;
  color: #2a4a40;
  margin-top: 2.4rem
}

.node--type-basic-page .node__content .page-header__first_column .field--name-field-link-2 {
  margin-top: 4rem;
  display: flex;
  justify-content: center
}

@media (min-width: 992px) {
  .node--type-basic-page .node__content .page-header__first_column .field--name-field-link-2 {
    justify-content:start
  }
}

.node--type-basic-page .node__content .page-header__first_column .field--name-field-link-2 .ajax-progress {
  display: none
}

.node--type-basic-page .node__content .page-header__first_column .field--name-field-link-2 .field__item a {
  padding: 1.6rem 2.4rem;
  border-radius: 64px;
  transition: .3s
}

.node--type-basic-page .node__content .page-header__first_column .field--name-field-link-2 .field__item:nth-child(2) {
  margin-left: 5px
}

.node--type-basic-page .node__content .page-header__first_column .field--name-field-link-2 .field__item:nth-child(2) a {
  background: none;
  color: #2a4a40;
  transition: .3s
}

.node--type-basic-page .node__content .page-header__first_column .field--name-field-link-2 .field__item:nth-child(2) a:hover {
  background: #258569;
  color: #fff
}

.node--type-basic-page .node__content .page-header__second_column {
  margin: 0;
  position: relative;
  z-index: 11
}

@media (min-width: 992px) {
  .node--type-basic-page .node__content .page-header__second_column {
    margin:0
  }
}

.node--type-basic-page .node__content .page-header__second_column:before {
  content: none
}

.node--type-basic-page .node__content .page-header__second_column>.field--name-field-media {
  padding: 4rem
}

@media (min-width: 768px) {
  .node--type-basic-page .node__content .page-header__second_column>.field--name-field-media {
    display:flex;
    justify-content: center
  }
}

@media (min-width: 992px) {
  .node--type-basic-page .node__content .page-header__second_column>.field--name-field-media {
    padding:0
  }
}

.node--type-basic-page .node__content .page-header__second_column>.field--name-field-media img {
  max-height: 400px;
  width: auto;
  margin: 0 auto
}

@media (min-width: 768px) {
  .node--type-basic-page .node__content .page-header__second_column>.field--name-field-media img {
    max-height:unset;
    margin-right: 21px;
    margin-top: 65px
  }
}

@media (min-width: 992px) {
  .node--type-basic-page .node__content .page-header__second_column>.field--name-field-media img {
    max-height:unset;
    margin-right: 21px;
    margin-top: 65px;
    width: 354px;
    height: 496px
  }
}

.node--type-basic-page .node__content .page-header__second_column .field--name-field-slider-in-header {
  height: 280px;
  max-width: 568px
}

@media (min-width: 480px) {
  .node--type-basic-page .node__content .page-header__second_column .field--name-field-slider-in-header {
    height:355px
  }
}

@media (min-width: 768px) {
  .node--type-basic-page .node__content .page-header__second_column .field--name-field-slider-in-header {
    height:485px
  }
}

@media (min-width: 992px) {
  .node--type-basic-page .node__content .page-header__second_column .field--name-field-slider-in-header {
    margin-top:7.2rem
  }
}

.node--type-basic-page .node__content .page-header__second_column .field--name-field-slider-in-header .paragraph--type--slider-in-header {
  height: 100%
}

.node--type-basic-page.front-page-basic .page-header {
  padding-bottom: 0;
  margin-bottom: 3rem;
  padding-top: 6rem
}

@media (min-width: 992px) {
  .node--type-basic-page.front-page-basic .page-header {
    padding-top:0
  }
}

.node--type-basic-page.front-page-basic .page-header .field--name-title {
  padding-top: 0
}

.node--type-basic-page.front-page-basic .page-header__content {
  gap: 1rem
}

@media (min-width: 992px) {
  .node--type-basic-page.front-page-basic .page-header__content {
    gap:5rem
  }
}

.node--type-basic-page.front-page-basic .page-header__content .page-header__first_column {
  flex: 0 0 auto;
  text-align: center;
  position: relative;
  z-index: 100
}

@media (min-width: 992px) {
  .node--type-basic-page.front-page-basic .page-header__content .page-header__first_column {
    text-align:left
  }
}

.node--type-basic-page.front-page-basic .page-header__content .page-header__second_column {
  margin: 4rem auto;
  position: relative
}

@media (min-width: 992px) {
  .node--type-basic-page.front-page-basic .page-header__content .page-header__second_column {
    margin:0
  }
}

.node--type-basic-page.front-page-basic .page-header__content .page-header__second_column>.field--name-field-media {
  padding: 0
}

@media (min-width: 768px) {
  .node--type-basic-page.front-page-basic .page-header__content .page-header__second_column>.field--name-field-media {
    display:flex;
    justify-content: center
  }
}

.node--type-basic-page.front-page-basic .page-header .paragraph--type--manufacturers .field--name-field-title {
  max-width: 600px
}

@media (min-width: 992px) {
  .basic-page .page-header.page-header--move-overlay .page-header__second_column>.field--name-field-media-image img {
    margin-top:59px
  }
}

@media (min-width: 992px) {
  .basic-page .page-header.page-header--move-overlay .page-header__second_column {
    margin:0
  }
}


.paragraph--type--screen-replace-service-order-report {
  margin: 0 auto;
  min-width: 320px;
  padding: 0 15px;
  font-family: Mulish,Arial,Helvetica,sans-serif;
  margin-bottom: 4rem
}

@media (min-width: 480px) {
  .paragraph--type--screen-replace-service-order-report {
    width:450px;
    padding: 0
  }
}

@media (min-width: 768px) {
  .paragraph--type--screen-replace-service-order-report {
    width:738px
  }
}

@media (min-width: 992px) {
  .paragraph--type--screen-replace-service-order-report {
    width:962px
  }
}

@media (min-width: 1280px) {
  .paragraph--type--screen-replace-service-order-report {
    width:1160px
  }
}

@media (min-width: 1400px) {
  .paragraph--type--screen-replace-service-order-report {
    width:1200px
  }
}

.paragraph--type--screen-replace-service-order-report>.field--name-field-title {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 2.4rem
}

.paragraph--type--screen-replace-service-order-report>.field--name-field-description-short {
  font-size: 1.3rem;
  margin-bottom: 2.4rem
}