.brand-detail {
  position: relative;
  overflow: hidden;
}
.brand-detail__wrap {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  grid-auto-flow: row dense;
  margin-top: 0;
}
.brand-detail__image {
  height: 100%;
}
.brand-detail__image img {
  width: auto;
}
.brand-detail__item:nth-child(4) {
  grid-column: span 1;
}
.brand-detail__item:nth-child(1) {
  grid-row: 1/-2;
}
.brand-detail__item:nth-child(2) {
  grid-column: 2/span 1;
}
.brand-detail__item:nth-child(3) {
  grid-column: 1/-3;
}
.brand-detail__item:nth-child(5) {
  grid-row: 3/-3;
}
.brand-detail__item:nth-child(5) {
  grid-column: 3/span 7;
}
.brand-detail__text {
  padding-left: 20px;
  border-left: 5px solid var(--primary-bright-blue);
  color: var(--secondary-slate);
  padding-right: 20px;
  word-break: break-word;
  height: 100%;
}
.brand-detail__text a {
  color: var(--secondary-slate);
  font-weight: 400;
}
.brand-detail__text a:hover{
text-decoration: underline;
}
.brand-detail__text > span {
  color: var(--primary-bright-blue);
  margin-bottom: 8px;
  display: block;
}
.brand-detail__text .underline {
  text-decoration: underline;
}
.brand-detail__detail {
  margin-top: 96px;
  color: var(--secondary-slate);
}
.brand-detail:after {
  width: 338px;
  height: 412px;
  background: url("/~/media/Images/G/Grafton-Group/grafton-pattern-images/brand-patterns.svg") center center no-repeat;
  position: absolute;
  right: 0;
  bottom: 0;
  content: "";
  z-index: -1;
}

.brand-detail {
  padding: 30px 0 20px;
}

.brand-detail__wrap {
  margin-top: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: inherit;
}
.brand-detail__item {
  max-width: 50%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}
.brand-detail__item:not(:last-child):nth-child(n+3) > div {
  margin-top: 14px;
}
.brand-detail__item:last-child {
  max-width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.brand-detail__item:last-child div {
  height: auto;
  margin-top: 14px;
}
.brand-detail__detail {
  margin-top: 27px;
}
.brand-detail:after {
  display: none;
}

@media (min-width: 576px) {
  .brand-detail {
    padding: 21px 0 40px;
  }
  .brand-detail__wrap {
    margin-top: 50px;
    display: grid;
  }
  .brand-detail__item {
    max-width: none;
    float: none;
  }
  .brand-detail__item:not(:last-child):nth-child(n+3) > div {
    margin-top: 10px;
  }
  .brand-detail__item:last-child div {
    margin-top: 0;
  }
  .brand-detail__detail {
    margin-top: 37px;
  }
}
@media (min-width: 992px) {
  .brand-detail {
    padding: 64px 0;
  }
  .brand-detail__wrap {
    margin-top: 0;
  }
  .brand-detail__image img {
  	width: 100%;
  }
  .brand-detail__detail {
    margin-top: 96px;
  }
  .brand-detail__item:not(:last-child):nth-child(n+3) > div {
    margin-top: 15px;
  }
  .brand-detail__item:last-child div {
    height: 100%;
  }
  .brand-detail:after {
    display: block;
  }
}