.logo-text {
  background: #2b3139;
  padding: 64px 0 270px;
  color: #fff;
  margin-bottom: 50px;
  position: relative;
}

.logo-text::before {
  content: "";
  position: absolute;
  left: 0px;
  bottom: -26px;
  width: 185px;
  height: 185px;
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
  background: linear-gradient(
    135deg,
    #36573b 0%,
    #3a663d 14%,
    #3f743d 28%,
    #47833c 42%,
    #509239 56%,
    #5ba134 70%,
    #69af2d 85%,
    #78be20 100%
  );
}

.logo-text::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 0;
  width: 136px;
  height: 136px;
  clip-path: polygon(0 0, 100% 100%, 100% 0);
  background: rgba(255, 255, 255, 0.04);
}

.logo-text__logo {
  position: absolute;
  left: 106px;
  bottom: -50px;
  max-width: 208px;
  z-index: 1;
}

.logo-text__text h2,
.logo-text a {
  color: #fff;
}

.logo-text__text .btn-tertiary {
  color: #fff;
}

.logo-text__text.new-bullet ul li{
  padding-left: 0;
  list-style-position: inside;
  padding-left: 0;
  display: flex;
  background-image: none !important;
}

.logo-text__text.new-bullet ul li::before{
  content: url("/wp-content/themes/ingstrup/assets/img/Icon awesome-check-orange.png");
  width: 20px;
  height: 15px;
  position: relative;
  display: inline-block;
  margin-right: 16px;
  margin-top: -8px;
}

@media (min-width: 768px) {
  .logo-text {
    padding: 64px 0;
    margin-bottom: 30px;
  }

  .logo-text::before {
    bottom: -18px;
    width: 262px;
    height: 262px;
  }

  .logo-text__logo {
    left: 0;
    bottom: -12px;
    max-width: 291px;
  }

  .logo-text__text {
    margin-left: 228px;
    position: relative;
    max-width: 435px;
  }

  .logo-text__text:after {
    content: "\e907";
    font-family: "ingstrup-icon";
    position: absolute;
    top: -27px;
    left: -110px;
    font-size: 104px;
    font-weight: normal;
    line-height: 1em;
    color: #ffffff;
    transform: rotate(-17deg);
  }

  .logo-text__text.toggle-off:after {
    display: none;
  }
}

@media (min-width: 1200px) {
  .logo-text {
    padding: 128px 0;
    margin-bottom: 120px;
  }

  .logo-text::before {
    bottom: -65px;
    width: 638px;
    height: 638px;
  }

  .logo-text::after {
    width: 228px;
    height: 228px;
  }

  .logo-text__wrap {
    position: relative;
  }

  .logo-text__logo {
    left: 0;
    bottom: -248px;
    max-width: 460px;
  }

  .logo-text__text {
    margin-left: auto;
    max-width: 700px;
  }

  .logo-text__text:after {
    top: -60px;
    left: -90px;
    font-size: 106px;
    transform: rotate(-7deg);
  }

  .logo-text__text.toggle-off:after {
    display: none;
  }
}

@media (min-width: 1367px) {
  .logo-text__text {
    max-width: 800px;
  }
}

.logo-text__text--inner::after {
  display: none;
}

.logo-text__background {
  max-width: 100%;
  position: relative;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 auto;
  right: 0;
  display: none;
}

.logo-text__background::before {
  content: "";
  position: absolute;
  left: 0px;
  bottom: -26px;
  width: 185px;
  height: 185px;
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
  background: linear-gradient(
    135deg,
    #36573b 0%,
    #3a663d 14%,
    #3f743d 28%,
    #47833c 42%,
    #509239 56%,
    #5ba134 70%,
    #69af2d 85%,
    #78be20 100%
  );

  bottom: -65px;
  width: 638px;
  height: 638px;
}

.logo-text__background::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 0;
  width: 136px;
  height: 136px;
  clip-path: polygon(0 0, 100% 100%, 100% 0);
  background: rgba(255, 255, 255, 0.04);

  width: 228px;
  height: 228px;
}

@media (min-width: 1200px) {
  .logo-text__background {
    display: block;
  }

  .logo-text::before,
  .logo-text::after {
    display: none;
  }
}

@media (min-width: 1920px) {
  .logo-text .container {
    max-width: 100%;
  }

  .logo-text__logo {
    left: 330px;
  }

  .logo-text__text {
    max-width: calc(100% - 760px);
    padding-right: 300px;
  }
}