.page-template-page__b2b #site-header {
  background-color: transparent;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.page-template-page__b2b footer {
  padding-top: 0;
}

.page-template-page__b2b .footer-top::after,
.page-template-page__b2b .footer-top::before{
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(calc(-65% * var(--lines-scale))) scale(var(--lines-scale));
  transform-origin: top right;
}

.page-template-page__b2b .footer-top::after {
  content: '';
  background-image: url('../images/triangle.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 148px;
  height: 148px;
  transform: translate(0%, -220px);
}

@media (min-width: 782px) {
  .page-template-page__b2b .footer-top::after {
    width: 250px;
    height: 250px;
    transform: translate(0%, -158px); 
  }
}

.page-template-page__b2b .footer-top::before {
  content: url('../images/footer-lines.svg');
  right: 0;

  @media (min-width: 782px) {
    right: 13rem;
  }
}

@media (min-width: 782px) {
  .page-template-page__b2b .footer-top::before {
    right: 13rem;
  }
}

.b2b__hero:after,
.b2b__hero:before,
.b2b__footer:after,
.b2b__footer:before {
  content: '';
  position: absolute;
  background: linear-gradient(90deg, #2D25B6 0%, #CA42D2 100.86%);
}

/* Circle */
.b2b__hero:before,
.b2b__footer:before {
  font-size: 162px;
  width: 1em;
  height: 1em;
  border-radius: 9999px;
}

/* Rectangle */
.b2b__hero:after,
.b2b__footer:after {
  width: 1em;
  height: 1em;
  transform: rotate(45deg);
  border-radius: .1042em;
}

.b2b {
  position: relative;
  overflow-x: hidden;

  &:after {
    position: absolute;
    content: '';
    background-image: url('../images/triangle.svg');
    background-size: contain;
    background-repeat: no-repeat;
    right: 0px;
    top: -33px;
    width: 163px;
    height: 163px;
  }

  @media (min-width: 1220px) {
    &:after {
      top: -35px;
      right: 13%;  
      width: 363px;
      height: 363px;
    }
  }
}

.b2b__hero {
  position: relative;
  padding-bottom: 9.375rem;
  padding-top: 8.5rem;
  margin-bottom: 6.375rem;

  @media (min-width: 782px) {
    color: #fff;
    padding-top: 14%;
    padding-bottom: 12.1875rem;
    margin-bottom: 4.375rem;
  }

  &:before {
    left: -40px;
    bottom: -65px;
    z-index: 1;
  }

  &:after {
    font-size: 62px;
    left: -55px;
    top: 64px;
  }

  @media (min-width: 782px) {
    &:before {
      left: -81px;
      bottom: 53px;
    }

    &:after {
      font-size: 94px;
      left: -30px;
      top: 97px;
    }
  }
}

.b2b__hero-bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 262.5%;
  height: 100%;
  background: url('../images/hero-bg.jpg') no-repeat center center;
  background-size: cover;
  clip-path: url(#hero-clip);

  @media (min-width: 782px) {
    width: 100%;
    left: 0;
    transform: translateX(0)
  }

  &:after,
  &:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
  }

  &:before {
    background: #000000A3;
    mix-blend-mode: multiply;
  }

  &:after {
    background: linear-gradient(89.93deg, #2D25B6 0.05%, #CA42D2 99.94%);
    mix-blend-mode: color;
  }
}

@media (max-width: 781px) {
  .b2b__hero-logo {
    display: none;
  }
}

.b2b__hero-logo {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(39px, 87px) rotate(-30deg);
  transform-origin: left bottom;
}


.b2b__hero-inner {
  max-width: min(1220px, 75%);
  margin: 0 auto;
  color: #fff;
  position: relative;
}

.b2b__title {
  margin: 0;
  font-weight: 800;
  font-size: 2rem;
  line-height: 1.125;

  @media (min-width: 782px) {
    font-size: 3rem;
  }
}

.b2b__hero-intro {
  margin-top: 1.25rem;

  @media (min-width: 782px) {
    max-width: 78%;
    margin-inline: auto;
    margin-top: 5.5625rem;
  }
}

.b2b__hero-intro > * {
  max-width: min(700px, 100%);
}

.b2b__hero-intro *:not(:first-child) {
  max-width: 650px;
}

.b2b__footer {
  position: relative;
  margin-top: 1.5rem;

  @media (max-width: 781px) {
    padding-left: 34px;
    margin-top: 2rem;
  }
}

.b2b__footer:before {
  font-size: 131px;
  top: 80px;
  left: 0;
  transform: translateX(-55%);
  z-index: 1;
}

@media (min-width: 782px) {
  .b2b__footer:before {
    top: -5px;
    transform: translateX(-20%);
  }
}

.b2b__footer:after {
  font-size: 46px;
  left: 20px;
  bottom: 24px;
  z-index: 1;
}

@media (min-width: 782px) {
  .b2b__footer:after {
    left: max(120px, 0.08%);
    bottom: 142px;
  }
}

.b2b__footer-inner {
  max-width: min(932px, 100%);
  margin: 0 auto;
  aspect-ratio: 1.6613;
  position: relative;
}

.b2b__footer-inner:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 52%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 39.39%, #FFFFFF 91.92%);
}