@font-face {
  font-family: icomoon;
  src: url("/~/media/Files/G/Grafton-Group/icomoon/grafton-group-icomoon/icomoon-ttf.ttf?wjqzz7") format("truetype"), url("/~/media/Files/G/Grafton-Group/icomoon/grafton-group-icomoon/icomoon-woff.woff?wjqzz7") format("woff"), url("/~/media/Files/G/Grafton-Group/icomoon/grafton-group-icomoon/icomoon-svg.svg?wjqzz7#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change /~/media/Files/G/Grafton-Group/font-file/site-local-fonts/icomoon-local-fonts */
  font-family: icomoon !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-press-release::before {
  content: "\e91f";
}

.icon-download-2::before {
  content: "\e920";
}

.icon-webcast::before {
  content: "\e921";
}

.icon-html::before {
  content: "\e922";
}

.icon-plus::before {
  content: "\e91d";
}

.icon-linkedin::before {
  content: "\e91e";
}

.icon-play1::before {
  content: "\e91b";
}

.icon-pause::before {
  content: "\e91c";
}

.icon-close::before {
  content: "\e91a";
}

.icon-play::before {
  content: "\e919";
  color: #c2d1d9;
}

.icon-search::before {
  content: "\e918";
}

.icon-download::before {
  content: "\e916";
}

.icon-link::before {
  content: "\e917";
}

.icon-caret-up::before {
  content: "\e912";
}

.icon-caret-prev::before {
  content: "\e913";
}

.icon-caret-next::before {
  content: "\e914";
}

.icon-caret-down::before {
  content: "\e915";
}

.icon-share::before {
  content: "\e900";
}

.icon-box-add::before {
  content: "\e901";
}

.icon-boxes::before {
  content: "\e902";
}

.icon-box-open::before {
  content: "\e903";
}

.icon-browser::before {
  content: "\e904";
}

.icon-clipboard-notes::before {
  content: "\e905";
}

.icon-newspaper::before {
  content: "\e906";
}

.icon-unarchive::before {
  content: "\e907";
}

.icon-airplay::before {
  content: "\e908";
}

.icon-calendar-month::before {
  content: "\e909";
}

.icon-chain::before {
  content: "\e90a";
}

.icon-clipboard-check::before {
  content: "\e90b";
}

.icon-clock::before {
  content: "\e90c";
}

.icon-create::before {
  content: "\e90d";
}

.icon-document-justified::before {
  content: "\e90e";
}

.icon-fullscreen::before {
  content: "\e90f";
}

.icon-volume-high::before {
  content: "\e910";
}

.icon-graph-increase::before {
  content: "\e911";
}

html {
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none;
  font-size: 10px;
  -webkit-font-smoothing: antialiased;
}

body {
  font-size: 1.8rem;
  line-height: 2.8rem;
  margin: 0;
  width: 100%;
}

.font-poppins, .cta, h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.large-text,
.stats-text,
.h2-plus,
.quote-text,
blockquote,
.intro-text,
.tags-text {
  font-family: var(--font-heading);
}

.font-roboto, body,
.body-large,
.body-small {
  font-family: var(--font-body);
}

body,
.body-large,
.body-small {
  font-weight: var(--fw-regular);
  font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.large-text,
.stats-text,
.h2-plus,
.quote-text,
blockquote,
.intro-text,
.tags-text {
  font-style: normal;
}

.large-text {
  font-size: var(--large-text-fs);
  font-weight: var(--fw-extra-light);
  line-height: var(--large-text-lh);
}

.stats-text {
  font-size: var(--stats-fs);
  font-weight: var(--fw-bold);
  line-height: var(--stats-lh);
}

h1,
.h1 {
  font-size: var(--h1-fs);
  font-weight: var(--fw-extra-bold);
  line-height: var(--h1-lh);
}

.h2-plus {
  font-size: var(--h2-plus-fs);
  font-weight: var(--fw-bold);
  line-height: var(--h2-plus-lh);
}

h2,
.h2 {
  font-size: var(--h2-fs);
  font-weight: var(--fw-bold);
  line-height: var(--h2-lh);
}

h3,
.h3 {
  font-size: var(--h3-fs);
  font-weight: var(--fw-semibold);
  line-height: var(--h3-lh);
}

h4,
.h4 {
  font-size: var(--h4-fs);
  font-weight: var(--fw-semibold);
  line-height: var(--h4-lh);
}

h5,
.h5 {
  font-size: var(--h5-fs);
  font-weight: var(--fw-semibold);
  line-height: var(--h5-lh);
}

h6,
.h6 {
  font-size: var(--h6-fs);
  font-weight: var(--fw-bold);
  line-height: var(--h6-lh);
}

ul,
ol {
  padding: 0;
  list-style: none;
}
ul li,
ol li {
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin: 0 0 18px;
  letter-spacing: 0;
}

.body-large,
.body-large p,
.body-large ul li,
.body-large ol li {
  font-size: var(--body-large-fs);
  line-height: var(--body-large-lh);
}

.body-small,
.body-small p,
.body-small ul li,
.body-small ol li {
  font-size: var(--body-small-fs);
  line-height: var(--body-small-lh);
}

.body-large a,
.body-small a {
  font-weight: 700;
  color: var(--primary-bright-blue);
}
.body-large a:hover,
.body-small a:hover {
  text-decoration: underline;
}

.quote-text,
.quote-text p,
.quote-text ul li,
.quote-text ol li,
blockquote {
  font-size: var(--quote-fs);
  font-weight: var(--fw-medium);
  line-height: var(--quote-lh);
}

.intro-text,
.intro-text p,
.intro-text ol li,
.intro-text ul li {
  font-size: var(--intro-fs);
  font-weight: var(--fw-medium);
  line-height: var(--intro-lh);
}

.tags-text {
  font-size: var(--tags-fs);
  font-weight: var(--fw-medium);
  line-height: var(--tags-lh);
  text-transform: uppercase;
}

/* Below are the remaining styles from base site which we can clear during development */
.fw-extra-light {
  font-weight: var(--fw-extra-light);
}

.fw-regular {
  font-weight: var(--fw-regular);
}

.fw-medium {
  font-weight: var(--fw-medium);
}

.fw-semibold {
  font-weight: var(--fw-semibold);
}

.fw-bold {
  font-weight: var(--fw-bold);
}

.fw-extra-bold {
  font-weight: var(--fw-extra-bold);
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-bottom: 1.6rem;
}
@media (min-width: 768px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
    margin-bottom: 2.4rem;
  }
}

.intro-text,
p,
ul,
ol {
  margin-bottom: 1.6rem;
}
@media (min-width: 768px) {
  .intro-text,
  p,
  ul,
  ol {
    margin-bottom: 1.8rem;
  }
}
@media (min-width: 1200px) {
  .intro-text,
  p,
  ul,
  ol {
    margin-bottom: 2rem;
  }
}

.body-large,
.body-small {
  margin-bottom: 1.6rem;
}
@media (min-width: 768px) {
  .body-large,
  .body-small {
    margin-bottom: 1.8rem;
  }
}
@media (min-width: 1200px) {
  .body-large,
  .body-small {
    margin-bottom: 2rem;
  }
}
.body-large p:last-child,
.body-large ul:last-child,
.body-large ol:last-child,
.body-small p:last-child,
.body-small ul:last-child,
.body-small ol:last-child {
  margin-bottom: 0;
}

.tags-text {
  margin-bottom: 1.6rem;
}
@media (min-width: 768px) {
  .tags-text {
    margin-bottom: 1.8rem;
  }
}
@media (min-width: 1200px) {
  .tags-text {
    margin-bottom: 2.4rem;
  }
}

.intro-text p:last-child,
ul:last-child,
ol:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .intro-text + .cta,
  .body-small + .cta,
  .body-large + .cta,
  p + .cta,
  ul + .cta {
    margin-top: 0.6rem;
  }
}
@media (min-width: 1200px) {
  .intro-text + .cta,
  .body-small + .cta,
  .body-large + .cta,
  p + .cta,
  ul + .cta {
    margin-top: 1.2rem;
  }
}

.element-spacing {
  margin-bottom: 3.2rem;
}
@media (min-width: 768px) {
  .element-spacing {
    margin-bottom: 3.8rem;
  }
}
@media (min-width: 1200px) {
  .element-spacing {
    margin-bottom: 4rem;
  }
}

.module-wrapper {
  margin: 4.8rem 0;
}
@media (min-width: 768px) {
  .module-wrapper {
    margin: 6.4rem 0;
  }
}
@media (min-width: 1200px) {
  .module-wrapper {
    margin: 9.6rem 0;
  }
}

.module-inner-wrapper {
  padding: 4.8rem 0;
}
@media (min-width: 768px) {
  .module-inner-wrapper {
    padding: 6.4rem 0;
  }
}
@media (min-width: 1200px) {
  .module-inner-wrapper {
    padding: 9.6rem 0;
  }
}

.site-table {
  overflow: auto;
}

table {
  width: 100%;
  border: solid 1px var(--table-border-color);
}
table th {
  background-color: var(--primary-bright-blue);
  color: var(--primary-grellow);
  border: solid 1px var(--table-border-color);
  padding: 2rem 1.6rem;
  line-height: 2.2rem;
  font-size: 1.6rem;
  font-weight: 400;
}
table th:first-child {
  font-family: var(--font-body);
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 700;
  color: #cce6cc;
}
table td {
  border: solid 1px var(--table-border-color);
  padding: 2rem 1.6rem;
  line-height: 2.2rem;
  font-size: 1.4rem;
}
table .no-wrap {
  white-space: nowrap;
}
.tabe-button a{
  color: var(--primary-bright-blue);
}
@media (min-width: 768px) {
  table th {
    line-height: 2.4rem;
    font-size: 1.8rem;
  }
  table td {
    line-height: 2.4rem;
  }
}
@media (min-width: 1200px) {
  table td {
    font-size: 1.6rem;
  }
}
.table--striped {
  border: none;
}
.table--striped .table--striped thead tr th:first-child {
  width: 12%;
}
.table--striped .table--striped thead tr th:nth-child(2) {
  width: 50%;
}
.table--striped th,
.table--striped td {
  padding: 1.6rem 1.2rem;
  border-left: none;
  border-right: none;
  border-bottom-color: #c1c5cb;
}
.table--striped th {
  font-weight: 500;
  background: none;
  color: var(--primary-dark-blue);
  border-top: none;
  font-family: var(--font-heading);
}
.table--striped tbody tr:nth-child(odd) {
  background-color: #f3f3f4;
}
.table--striped td {
  color: #3a3a3a;
}

@media (max-width: 767.98px) {
  .table--mobile-cards thead {
    display: none;
  }
  .table--mobile-cards tbody tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    border: none;
    border-bottom: solid 1px var(--grey);
    margin-bottom: 1.6rem;
  }
  .table--mobile-cards tbody tr:nth-child(odd) {
    background-color: var(--white);
  }
  .table--mobile-cards tbody tr:nth-child(even) {
    background-color: var(--white);
  }
  .table--mobile-cards tbody tr td {
    display: inline-block;
    position: relative;
    padding-top: 5.6rem;
    text-align: center;
    border: none;
    font-family: var(--font-heading);
  }
  .table--mobile-cards tbody tr td::before {
    content: attr(data-title);
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: 1.6rem;
    font-family: var(--font-heading);
    font-weight: 500;
    color: var(--primary-dark-blue);
    white-space: nowrap;
  }
  .table--mobile-cards tbody tr td.full-width {
    width: 100%;
    text-align: left;
    padding: 1.6rem 1.8rem 1.6rem 6.2rem;
    background-color: var(--grey1);
    margin-bottom: 0.4rem;
  }
  .table--mobile-cards tbody tr td.full-width::before {
    left: 1.8rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.cta {
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  padding: 1.2rem 2.0rem;
  font-weight: var(--fw-semibold);
  line-height: var(--button-lh);
  font-size: var(--button-fs);
  outline: none;
  border: none;
  background-color: var(--white);
  color: var(--primary-bright-blue);
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.cta__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
  -webkit-transition: gap 0.3s ease-in-out;
  transition: gap 0.3s ease-in-out;
  line-height: inherit;
}
.cta__icon {
  width: 2.4rem;
  height: 2.4rem;
  display: inline-block;
  font-size: 2.4rem;
  line-height: inherit;
  margin-right: -1.2rem;
}
.cta--default:hover {
  background-color: var(--primary-grellow);
  color: var(--primary-bright-blue);
}
.cta--default:hover .cta__icon {
  color: inherit;
}

.cta--button-dark-blue {
  background-color: var(--primary-bright-blue);
  color: var(--white);
}
.cta--button-dark-blue .cta__icon {
  color: var(--primary-grellow);
}
.cta--button-dark-blue:hover {
  background-color: var(--primary-grellow);
  color: var(--primary-bright-blue);
}
.cta--button-dark-blue:hover .cta__icon {
  color: inherit;
}

.cta--button-grellow {
  background-color: var(--primary-grellow);
}

.cta--link-default {
  background-color: transparent;
  color: var(--white);
}

.cta--link-dark-blue {
  background-color: transparent;
  color: var(--primary-bright-blue);
}

.cta--link-grellow {
  background-color: transparent;
  color: var(--primary-grellow);
}

.cta--small {
  padding: 0;
}
.cta--small .cta__icon {
  margin-right: 0;
}

.cta:hover .cta__inner {
  gap: 1.6rem;
}
.cta:focus-visible {
  outline: dashed 0.2rem var(--black);
}
.cta--button-filter {
  padding: 1rem 2rem;
  border-radius: 0.2rem;
  -webkit-box-shadow: 0 0 0.4rem 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 0.4rem 0 rgba(0, 0, 0, 0.25);
  color: var(--secondary-slate);
  line-height: 2.4rem;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  font-weight: 400;
}
.cta--button-filter:hover {
  background: rgba(0, 106, 198, 0.7);
  color: var(--white);
}
.cta--button-filter.cta--active {
  color: var(--white);
  background: var(--primary-bright-blue);
  font-weight: 400;
}

.tags-text--boxed {
  border: solid 1px var(--primary-bright-blue);
  padding: 0.8rem;
  color: var(--primary-bright-blue);
}

.tags-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.4rem;
}
.tags-list .tags-text {
  margin-bottom: 0;
}

.tabs {
  position: relative;
}
.tabs__wrapper {
  gap: 1rem;
  margin: 1.6rem 0;
}
.tabs__item {
  margin-bottom: 0;
}
.tabs__link {
  color: var(--primary-grafton-black);
  text-align: center;
  opacity: 0.4;
  display: inline-block;
}
.tabs__link.tabs--active {
  color: var(--primary-bright-blue);
  text-underline-offset: 0.5rem;
  opacity: 1;
}

.tabs__title {
  margin-bottom: 0;
}
.tabs__panel {
  display: none;
  -webkit-transition: opacity 0.25s linear;
  transition: opacity 0.25s linear;
}
.tabs__panel:not(.tabs--visible) {
  opacity: 0;
}
.tabs__panel.tabs--visible {
  display: block;
  opacity: 1;
}

.tabs__panel ul li {
  font-size: var(--body-large-fs);
  line-height: var(--body-large-lh);
  color: var(--secondary-slate);
}
.tabs--small .tabs__wrapper {
  gap: 0;
  margin: 0;
  position: absolute;
  width: 100%;
  top: 61px;
  background-color: var(--white);
  overflow: hidden;
  max-height: 0;
  z-index: 1;
}
.tabs--small .tabs__wrapper.tabs--open {
  display: block;
  max-height: 1000px;
  border-bottom: solid 1px var(--primary-bright-blue);
  -webkit-transition: max-height 1s;
  transition: max-height 1s;
}

.tabs--small .tabs__item {
  text-align: left;
  border-bottom: solid 1px #c8c8c8;
}
.tabs--small .tabs__item:last-child {
  border-bottom: none;
}
.tabs--small .tabs__link {
  text-align: left;
  display: block;
  padding: 1.6rem 2.8rem;
  color: var(--primary-bright-blue);
  opacity: 1;
}
.tabs--small .tabs__link.tabs--active {
  text-decoration: none;
  background-color: var(--primary-bright-blue);
  color: var(--primary-grellow);
  font-weight: 600;
}
.tabs--small .tabs__link.tabs--active:hover {
  background-color: var(--primary-bright-blue);
}

.tabs--small .tabs__link:hover {
  background-color: rgba(0, 106, 198, 0.1);
}
.tabs--small .tabs__link:focus-visible {
  background-color: var(--primary-bright-blue);
  color: var(--primary-grellow);
  font-weight: 600;
}
.tabs--small .tabs__dropdown-trigger {
  margin: 1.6rem 0;
  background-color: var(--primary-bright-blue);
  width: 100%;
  border: none;
  color: var(--primary-grellow);
  padding: 1.6rem 2.8rem;
  text-align: left;
}
.tabs--small .tabs__dropdown-icon {
  font-size: 2.4rem;
  line-height: 2.4rem;
  width: 2.4rem;
}
.tabs--small .tabs__more {
  display: none;
}
.tabs--small .tabs__secondary {
  display: none;
}

@media (min-width: 768px) {
  .tabs__wrapper {
    gap: 6.4rem;
    margin: 2rem 0;
  }
  .tabs__item {
    position: relative;
  }
  .tabs__item::after {
    content: "";
    width: 1px;
    height: 100%;
    background-color: var(--primary-bright-blue);
    position: absolute;
    top: 0;
    right: -3.2rem;
  }
  .tabs__item:last-child::after {
    display: none;
  }
  .tabs__link.tabs--active {
    text-decoration: none;
  }
  .tabs--small .tabs__wrapper {
    margin: 2.4rem 0;
    border-bottom: solid 2px var(--primary-bright-blue);
    position: initial;
    overflow: visible;
    max-height: none;
  }
  .tabs--small .tabs__wrapper:not(.tabs--adaptive) {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .tabs--small .tabs__item {
    border-bottom: none;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .tabs--small .tabs__item::after {
    display: none;
  }
  .tabs--small .tabs__item.tabs-item--hidden {
    display: none;
  }
  .tabs--small .tabs__link {
    text-align: center;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-family: var(--font-heading);
  }
  .tabs--small .tabs__more {
    display: block;
  }
  .tabs--small .tabs__secondary {
    position: absolute;
    right: 0;
    background-color: var(--white);
    min-width: 20rem;
    overflow: hidden;
    max-height: 0;
    display: block;
    -webkit-transition: max-height 0.25s;
    transition: max-height 0.25s;
    border-top: solid 0.2rem var(--primary-bright-blue);
    z-index: 1;
  }
  .tabs--small .tabs__secondary-item {
    border-bottom: solid 1px #c8c8c8;
  }
  .tabs--small .tabs__secondary-item a {
    text-align: left;
  }
  .tabs--show-secondary .tabs__more {
    background-color: var(--primary-bright-blue);
  }
  .tabs--show-secondary .tabs__more-link {
    color: var(--primary-grellow);
    font-weight: 600;
  }
  .tabs--show-secondary .tabs__secondary {
    border: solid 0.1rem var(--primary-bright-blue);
    border-top-width: 0.2rem;
    max-height: 500px;
    -webkit-transition: max-height 0.25s;
    transition: max-height 0.25s;
  }
}
@media (min-width: 1200px) {
  .tabs__wrapper {
    margin: 4.8rem 0;
    gap: 11.2rem;
  }
  .tabs__item {
    position: relative;
  }
  .tabs__item::after {
    right: -5.6rem;
  }
  .tabs--small .tabs__wrapper {
    margin: 4rem 0;
  }
}
.carousel-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  text-align: center;
  position: relative;
  z-index: 2;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.carousel-navigation [class*=icon-] {
  width: 3.6rem;
  height: 3.6rem;
  font-size: 3.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.carousel-navigation [class*=icon-].swiper-button-disabled {
  opacity: 0.75;
}
.carousel-navigation--block [class*=icon-] {
  height: 8.7rem;
  background-color: var(--white);
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
.carousel-navigation--block [class*=icon-]:hover {
  background-color: var(--primary-bright-blue);
  color: var(--primary-grellow);
}
.carousel-navigation--block .bg-bright-blue {
  background-color: var(--primary-bright-blue);
}
.carousel-navigation--block .bg-white:hover {
  background-color: var(--white);
  color: var(--primary-bright-blue);
}

.carousel-navigation--with-pagination {
  gap: 0.8rem;
  padding: 1rem;
}
.carousel-navigation--with-pagination [class*=icon-] {
  width: 1.6rem;
  height: 1.6rem;
  font-size: 1.6rem;
}
.carousel-navigation--with-pagination .carousel-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
  width: auto;
}
.carousel-navigation--with-pagination .carousel-pagination--grellow .swiper-pagination-bullet-active {
  background-color: var(--primary-grellow);
}

.carousel-navigation--with-pagination .swiper-pagination-bullet {
  width: 4rem;
  height: 0.4rem;
  border-radius: 2.4rem;
  background-color: var(--white);
  opacity: 1;
}
.carousel-navigation--with-pagination .swiper-pagination-bullet-active {
  background-color: var(--primary-bright-blue);
}

@media (min-width: 768px) {
  .carousel-navigation {
    gap: 2.8rem;
  }
  .carousel-navigation [class*=icon-] {
    width: 5rem;
    height: 5rem;
    font-size: 5rem;
  }
  .carousel-navigation--block {
    gap: 2.4rem;
  }
  .carousel-navigation--block [class*=icon-] {
    height: 11.2rem;
    width: 4.6rem;
  }
  .carousel-navigation--with-pagination {
    gap: 1rem;
  }
  .carousel-navigation--with-pagination [class*=icon-] {
    width: 2.4rem;
    height: 2.4rem;
    font-size: 2.4rem;
  }
  .carousel-navigation--with-pagination .swiper-pagination-bullet {
    width: 4.8rem;
  }
}
@media (min-width: 1400px) {
  .carousel-navigation--block [class*=icon-] {
    height: 14.2rem;
    width: 5.9rem;
  }
}
.breadcrumb {
  padding: 3.2rem 0;
  margin: 0;
  line-height: 2.4rem;
  gap: 0.6rem;
}
.breadcrumb__item {
  margin: 0;
  gap: 1.4rem;
  display: none;
}
.breadcrumb__item:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
}
.breadcrumb__link {
  color: var(--secondary-concrete);
}
.breadcrumb__link:hover {
  text-decoration: underline;
}
.breadcrumb__icon {
  font-weight: 700;
  color: var(--primary-bright-blue);
  font-size: 2.4rem;
}
.breadcrumb__icon-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.breadcrumb__current {
  color: var(--primary-bright-blue);
}

@media (min-width: 768px) {
  .breadcrumb__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .breadcrumb__icon-link {
    display: none;
  }
}
.filters {
  gap: 1.8rem;
}
.filters__title {
  margin-bottom: 0;
  color: var(--secondary-slate);
}
.filters__list {
  gap: 1.8rem;
}

@media (min-width: 768px) {
  .filters {
    gap: 2.2rem;
  }
  .filters__title {
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .filters {
    gap: 3.2rem;
  }
}
.share-price-box {
  padding: 1.6rem;
  background-color: var(--primary-bright-blue);
  color: var(--white);
}
.share-price-box__title-box {
  margin-bottom: 1.6rem;
}
.share-price-box__title {
  margin-bottom: 0;
}
.share-price-box__data {
  gap: 1.2rem;
}
.share-price-box__meta {
  margin: 0;
}
.share-price-box__price {
  margin: 0;
  color: var(--primary-grellow);
}
.share-price-box__price-change {
  margin: 0;
}
.share-price-box .cta .body-small {
  margin-bottom: 0;
}
.share-price-box--yellow {
  color: var(--primary-grafton-black);
  background-color: var(--primary-grellow);
}
.share-price-box--yellow .share-price-box__meta {
  font-weight: 600;
}
.share-price-box--yellow .share-price-box__title {
  color: var(--primary-grafton-black);
}
.share-price-box--yellow .share-price-box__price {
  color: var(--primary-bright-blue);
}
.share-price-box--yellow .cta {
  color: var(--primary-grafton-black);
}

@media (min-width: 768px) {
  .share-price-box {
    padding: 2.4rem;
    width: 28.5rem;
    height: 20.8rem;
    -webkit-box-shadow: 0px 0.4rem 0.4rem 0px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 0.4rem 0.4rem 0px rgba(0, 0, 0, 0.08);
            height: 100%;
  }
  .share-price-box__title-box {
    margin-bottom: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .share-price-box {
    padding: 2.4rem;
    width: 35.2rem;
    height: auto;
    -webkit-box-shadow: 0px 0.4rem 3rem 0px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 0.4rem 3rem 0px rgba(0, 0, 0, 0.08);
  }
  .share-price-box__data {
    gap: 1.6rem;
  }
}
.profile-detail {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 0s;
  transition: max-height 0s;
  width: 100%;
}
.profile-detail__content {
  padding: 2.4rem 1.6rem 2.4rem 2.8rem;
  gap: 2.4rem;
  width: 100%;
}
.profile-detail__name {
  margin-bottom: 0.2rem;
}
.profile-detail__close {
  position: absolute;
  top: 1.9rem;
  right: 1.9rem; 
  border: none;
  background-color: transparent;
  color: #fff;
  font-size: 3.2rem;
  padding: 0;
  line-height: 2.6rem;
  z-index: 1;
}
.profile-detail .body-large p:last-child,
.profile-detail .body-large ul:last-child,
.profile-detail .body-large ol:last-child {
  margin-bottom: 0;
}
.profile-detail::before {
  content: "";
  width: 1.2rem;
  height: 100%;
  background-color: var(--primary-grellow);
  position: absolute;
  top: 0;
  left: 0;
}
.profile-detail--visible {
  -webkit-transition: max-height 5s;
  transition: max-height 5s;
  max-height: 2000px;
  width: 100%;
  margin-top: 2.4rem;
}

.profiles {
  padding-top: 1.8rem;
  padding-bottom: 2.4rem;
}
.profiles .row {
  row-gap: 2.4rem;
}

@media (min-width: 768px) {
  .profile-detail__content {
    padding: 4rem 6.2rem;
  }
  .profile-detail__close {
    top: 3.9rem;
    right: 6.2rem;
  }
  .profile-detail::after {
    content: "";
    width: 4.6rem;
    height: 14.9rem;
    background: url("/~/media/Images/G/Grafton-Group/grafton-pattern-images/profile-pattern.svg");
    background-size: 430%;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .profiles {
    padding-bottom: 4rem;
  }
  .profiles [class*=col-] .profile-detail--visible {
    width: calc(300% + 3.2rem);
  }
  .profiles [class*=col-]:nth-child(3n+2) .profile-detail {
    left: calc(-100% - 1.6rem);
  }
  .profiles [class*=col-]:nth-child(3n) .profile-detail {
    left: calc(-200% - 3.2rem);
  }
}
@media (min-width: 992px) {
  .profile-detail__content {
    max-width: 100rem;
  }
  .profile-detail::after {
    width: 35.2rem;
    height: 26.6rem;
    background-size: 100%;
  }
  .profiles {
    padding-bottom: 7.2rem;
    overflow: hidden;
  }
  .profiles [class*=col-] .profile-detail--visible {
    width: calc(400% + 9.6rem);
  }
  .profiles [class*=col-]:nth-child(4n+1) .profile-detail {
    left: 0;
  }
  .profiles [class*=col-]:nth-child(4n+2) .profile-detail {
    left: calc(-100% - 3.2rem);
  }
  .profiles [class*=col-]:nth-child(4n+3) .profile-detail {
    left: calc(-200% - 6.4rem);
  }
  .profiles [class*=col-]:nth-child(4n+4) .profile-detail {
    left: calc(-300% - 9.6rem);
  }
}
@media (min-width: 1400px) {
  .profile-detail__close {
    top: 6.35rem;
    right: 16.5rem;
  }
  .profile-detail__content {
    padding: 3.4rem 0 6.4rem 13rem;
    gap: 3.2rem;
  }
  .profile-detail--visible {
    margin-top: 3rem;
  }
  .profiles [class*=col-] {
    margin-bottom: 3rem;
  }
}
.media-grid {
  gap: 2.4rem 1.6rem;
}

@media (min-width: 768px) {
  .media-grid .card--media {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .media-grid .card--media {
    width: calc(33.3333333333% - 16px);
  }
}
@media (min-width: 1200px) {
  .media-grid {
    gap: 3.2rem 2.4rem;
  }
}
.brands-grid {
  padding-bottom: 1.6rem;
}
.brands-grid .filters {
  margin-bottom: 3.2rem;
}
.brands-grid .card {
  height: calc(100% - 1.6rem);
  margin-bottom: 1.6rem;
}
.brands-grid__landing .card.card--brand{
  margin:0 auto 1.6rem;
}
@media (min-width: 1200px) {
  .brands-grid {
    padding-bottom: 3.2rem;
  }
}
@media (min-width: 1200px) {
  .brands-grid {
    padding-bottom: 6.4rem;
  }
  .brands-grid .filters {
    margin-bottom: 7.2rem;
  }
  .brands-grid .card {
    height: calc(100% - 3.2rem);
    margin-bottom: 3.2rem;
  }
}
/* === GLOBAL CSS === */
/* === CONTAINER === */
@media (min-width: 768px) {
  .container-fluid {
    max-width: 738px;
  }
  .container-fluid.full-width {
    max-width: none;
  }
}
@media (min-width: 992px) {
  .container-fluid {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-fluid {
    max-width: 1536px;
  }
}
/* === CONTAINER === */
/* === HIDDEN === */
.invisible {
  position: absolute;
  left: -9999999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  visibility: visible !important;
  background-color: transparent;
}

.sktmain.visible {
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
  height: auto;
  overflow: hidden;
  visibility: visible !important;
  z-index: 11;
}

.sktmain.visible > a {
  color: #fff;
  text-decoration: none;
  font-size: 1.8rem;
  font-family: var(--font-medium);
  line-height: normal;
  padding: 10px 30px;
  background: var(--black-color);
  display: block;
}

noscript {
  width: 100%;
}

noscript.background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}

noscript > .nojs {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}

/* .nojs .jsBackDiv {
  display: none !important;
} */
noscript.autowidth {
  width: auto;
}

noscript.image {
  width: auto;
}

noscript.image > .image {
  width: 100%;
}

/* === HIDDEN === */
/* === MODULE STYLES === */
header.mega-header + .main-content-wrapper {
  margin-top: 0;
  position: relative;
}

.ip3-preview header.mega-header + .main-content-wrapper,
.ip3-edit header.mega-header + .main-content-wrapper {
  margin-top: 0;
}

@media all and (width <= 991.98px) {
  header.mega-header + .main-content-wrapper {
    margin-top: 64px;
  }
}
@media all and (width <= 767.98px) {
  header.mega-header + .main-content-wrapper {
    margin-top: 80px;
  }
}
/* === MODULE STYLES === */
/* === IMAGE STYLES === */
figure {
  margin: 0;
}

figcaption {
  display: none;
}

img {
  width: 100%;
  height: auto;
}

/* === IMAGE STYLES === */
.mfp-close-btn-in .mfp-close:focus {
  outline: 2px dashed var(--white-color);
}

/* === CIRCLE STYLES === */
.circle-arrow,
.circle-arrow:hover {
  text-decoration: none;
}

.circle-arrow span.icon-arrow {
  font-size: 9.6px;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: var(--black-color);
  color: var(--white-color);
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.circle-arrow:hover span.icon-arrow {
  background: var(--blue-navy);
}

.circle-arrow span.icon-longarrow {
  font-size: 1.4rem;
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: var(--black-color);
  color: var(--white-color);
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.circle-arrow:hover span.icon-longarrow {
  background: var(--black-color);
}

.circle-arrow:focus span.icon-longarrow {
  outline: 2px dashed var(--black-color);
}

.circle-linkedin span.icon-linkedin {
  font-size: 1.6rem;
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: var(--black-color);
  color: var(--white-color);
  border-radius: 50%;
}

.circle-email span.icon-mail {
  font-size: 1.5rem;
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: var(--black-color);
  color: var(--white-color);
  border-radius: 50%;
}

a.social-link {
  width: 32px;
  height: 32px;
  background: var(--white-color);
  border-radius: 50%;
  text-decoration: none;
}

a.social-link > span.icon {
  color: var(--black-color);
}

.download-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

a.download-link * {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

a.download-link:hover {
  text-decoration: none;
}

.download-link span.text {
  color: var(--black-color);
  letter-spacing: 0.5px;
}

a.download-link:hover span.text {
  color: var(--black-color);
}

.download-link span.icon-longarrow {
  margin-left: 24px;
  width: 28px;
  height: 28px;
  background: var(--black-color);
  color: var(--white-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.2rem;
  border-radius: 50%;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

a.download-link:hover span.icon-longarrow {
  background: var(--black-color);
}

/* === CIRCLE STYLES === */
#auto-top-link {
  display: none;
  position: fixed;
  bottom: 130px;
  right: 40px;
  color: var(--primary-bright-blue);
  text-decoration: none;
  border-radius: 10px;
  height: 55px;
  width: 55px;
  z-index: 999999;
  background: var(--primary-grellow);
  text-align: center;
  border: 1px solid var(--primary-bright-blue);
}

#auto-top-link > span.icon {
  position: absolute;
  left: 50%;
  right: 0;
  margin: 0 auto;
  top: 50%;
  font-size: 3rem;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

body.nojs #auto-top-link {
  display: none !important;
}

.text-module ul li {
  position: relative;
  padding-left: 35px;
}

.text-module ul li::before {
  content: "\e908";
  position: absolute;
  font-family: icomoon !important;
  font-size: 7.5px;
  background: var(--black-color);
  border-radius: 50%;
  color: var(--white-color);
  width: 16px;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  left: 3px;
  top: 8px;
}

.second-list-content ul li {
  margin-bottom: 8px;
  padding-left: 25px;
  position: relative;
}

.second-list-content ul li::before {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  background: var(--black-color);
  border-radius: 100px;
  top: 6px;
  left: 0;
}

input[type=text],
input[type=email] {
  border: 1px solid var(--dark-color);
  padding: 9px 16px;
  font-size: 1.4rem;
  line-height: 2.6rem;
  min-width: 277px;
  height: 40px;
  color: var(--dark-color);
}

input[type=text]::-webkit-input-placeholder {
  color: var(--dark-color);
  text-transform: uppercase;
}

input[type=text]::-moz-placeholder {
  color: var(--dark-color);
  text-transform: uppercase;
}

input[type=text]:-ms-input-placeholder {
  color: var(--dark-color);
  text-transform: uppercase;
}

input[type=text]::-ms-input-placeholder {
  color: var(--dark-color);
  text-transform: uppercase;
}

input[type=text]::placeholder {
  color: var(--dark-color);
  text-transform: uppercase;
}

a {
  text-decoration: none;
}

a:focus-visible {
  outline: 2px dashed var(--black);
  z-index: 10;
}

a:hover {
  text-decoration: none;
}

img.lazy {
  visibility: hidden;
}
img.lazy.loaded {
  visibility: visible;
}

/* === TYPOGRAPHY STYLES === */
/* === RICKTEXT STYLECLASSES === */
p.rad-big,
.rad-big {
  line-height: 2.4rem;
}

/* === TABS WITH CONTENT MODULE === */
.tabs-with-content .tabs__Intro {
  margin-bottom: 80px;
}

.tabs-with-content h2,
.tabs-with-content h4 {
  color: var(--primary-bright-blue);
}

.tabs-with-content p {
  color: var(--secondary-slate);
}

.tabs-with-content .cta {
  padding-left: 0;
  margin-top: 24px;
}

.story-details-meta {
  margin: 2.2rem 0;
  gap: 1.6rem;
}

.media-library-wrapper .test {
  display: none;
}

main li {
  list-style: disc;
}

main ul.tabs__wrapper li,
main ul li.vertical-toggle__link {
  list-style: none;
}

.media-library-wrapper .test {
  display: none;
}

main ul,
main ol {
  padding: 0 2rem;
}

main ul.tabs__wrapper {
  padding: 0;
}

.iframe-box {
  height: 58.8rem;
}

.swiper-notification {
  visibility: hidden;
}

/*=== COMMON CLASS STYLES ===*/
.object-position__left {
  -o-object-position: left !important;
     object-position: left !important;
}

/*=== COMMON CLASS STYLES ===*/
recite a {
  color: #fff;
}

@media (min-width: 768px) {
.full-image-box{width: 659.667px;height: 325px;}
}

@media all and (max-width: 1199.98px){
.profile-detail__content > div{margin-right: 3.2rem;}
}
.ip3-edit.hasjs [data-animate] {
  visibility: visible!important
}
.table-responsive {
    overflow-x: auto;
}

/* For table dropdown in mobile */
@media only screen and (max-width: 767px){
  .landing-story__tags{
      position: relative; z-index: 2;
  }
}