body.s-new-styles-2026{
    --h1-size: 60px;
    --h2-size: 48px;
    --h3-size: 28px;
    --h4-size: 20px;
    --h5-size: 18px;
    --h6-size: 16px;
    --p-size: 20px;

    --line-height: 24px;

    --background: #FFFFFF;
    --off-white: #eaeded;
    --dark-colour: #1C3341;

    --p-colour: var(--dark-colour);
    --h1-colour: var(--dark-colour);
    --h2-colour: var(--dark-colour);
    --h3-colour: var(--dark-colour);
    --h4-colour: var(--dark-colour);
    --h5-colour: var(--dark-colour);
    --h6-colour: var(--dark-colour);

    --nav-link-size: 20px;
    --nav-link-colour: #fff;
    --nav-link-hover: #fff;

    --footer-background: #1C3341;
    --footer-logo-height: 46px;
    --footer-text-colour: #fff;
    --footer-title-colour: #00A295;
    --footer-title-size: 16px;
    --footer-link-colour: #FFFFFF;
    --footer-link-size: 16px;
    --footer-legal-colour: rgba(255, 255, 255, 0.3);
    --footer-legal-size: 16px;

    --btn-size: 20px;
    --btn-radius: 10px;
    --btn-v-pad: 12px;
    --btn-h-pad: 20px;

    --card-colour: #EAEDED;
    /* Card row "Shadow card (with background)": shadow is drawn on .card__text, not .card. Adjust if your HubSpot theme .card--shadow value differs. */
    --card-row-panel-box-shadow: 0 4px 12px rgba(28, 51, 65, 0.12);

    --p-colour: #1C3341;

    --border-colour: #00A295;

    font-size: 20px;
    font-weight: 300 !important;
    color: var(--p-colour);
}

body.s-new-styles-2026,
body.s-new-styles-2026 p,
body.s-new-styles-2026 a,
body.s-new-styles-2026 button,
body.s-new-styles-2026 input,
body.s-new-styles-2026 textarea,
body.s-new-styles-2026 select,
body.s-new-styles-2026 option,
body.s-new-styles-2026 label,
body.s-new-styles-2026 legend,
body.s-new-styles-2026 table,
body.s-new-styles-2026 td,
body.s-new-styles-2026 th,
body.s-new-styles-2026 tr,
body.s-new-styles-2026 tbody,
body.s-new-styles-2026 thead,
body.s-new-styles-2026 tfoot,
body.s-new-styles-2026 caption,
body.s-new-styles-2026 colgroup,
body.s-new-styles-2026 col,
body.s-new-styles-2026 row,
body.s-new-styles-2026 cell,
body.s-new-styles-2026 form,
body.s-new-styles-2026 div,
body.s-new-styles-2026 span,
body.s-new-styles-2026 li,
body.s-new-styles-2026 ul,
body.s-new-styles-2026 ol,
body.s-new-styles-2026 blockquote,
body.s-new-styles-2026 cite,
body.s-new-styles-2026 code,
body.s-new-styles-2026 pre,
body.s-new-styles-2026 samp,
body.s-new-styles-2026 kbd,
body.s-new-styles-2026 samp,
body.s-new-styles-2026 samp,
body.s-new-styles-2026 h1, 
body.s-new-styles-2026 h2, 
body.s-new-styles-2026 h3, 
body.s-new-styles-2026 h4, 
body.s-new-styles-2026 h5, 
body.s-new-styles-2026 h6 {
    font-family: "univers-next-pro", sans-serif;
    font-style: normal;
    font-weight: normal;
}

body.s-new-styles-2026 h1,
body.s-new-styles-2026 h2,
body.s-new-styles-2026 h3,
body.s-new-styles-2026 h4,
body.s-new-styles-2026 h5,
body.s-new-styles-2026 h6 {
    font-weight: normal;
}

body.s-new-styles-2026 p {
    font-weight: 300;
    line-height: 1.6rem;
}

body.s-new-styles-2026 {
    background-color: var(--background);
}

body.s-new-styles-2026 .listing-post__summary, body.s-new-styles-2026 .listing-post__btn {
    color: var(--p-colour);
    font-weight: 300;
    line-height: 1.6rem;
}

body.s-new-styles-2026 .sidebar__social-icon {
    filter: none;
}

body.s-new-styles-2026 .dnd-module {
    padding: 0 20px
}

body.s-new-styles-2026 .dnd-row {
    padding: 0;
}

body.s-new-styles-2026 .dnd-section {
    padding: 60px 0;
}

body.s-new-styles-2026 .nav-inner{
    padding: 40px 0;
}

/* Header */
body.s-new-styles-2026 .nav--primary {
    background-color: #1C3341;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

body.s-new-styles-2026 .nav .menu-link{
    line-height: 28px;
    position: relative;
    font-weight: normal;
    font-family: inherit;
    text-transform: none;
}

body.s-new-styles-2026 .nav .sub-menu.level-2 {
    top: -28px;
}

@media(min-width: 1170px) {
    body.s-new-styles-2026 .nav .level-1{
        --nav-link-colour: #fff;
        --nav-link-hover: #fff;
    }

    body.s-new-styles-2026 .nav .level-1 > li > .menu-link:after {
        content: '';
        position: absolute;
        right: 0;
        bottom: -14px;
        left: 0;
        height: 4px;
        background-color: var(--primary-colour);
        opacity: 0;
        transition: opacity 0.35s;
    }

    body.s-new-styles-2026 .nav .level-1 > li > .menu-link:hover:after,
    body.s-new-styles-2026 .nav .level-1 > li > .menu-link--active:after,
    body.s-new-styles-2026 .nav .level-1 > li > .menu-link--active-branch:after {
        opacity: 1;
    }
}

body.s-new-styles-2026 .nav__toggle .line{
    background-color: white;
}

/* Footer */
body.s-new-styles-2026 .footer__intro{
    font-weight: 300;
}
body.s-new-styles-2026 .footer__col-first{
    max-width: 520px;
    padding-right: 20px;
}
body.s-new-styles-2026 .footer__col-title{
    text-transform: uppercase;
    font-size: 20px;
    line-height: 42px;
}
body.s-new-styles-2026 .footer__menu ul li a{
    text-transform: none
    font-weight: 500;
}
body.s-new-styles-2026 .footer-secondary{
    border-top-color: rgba(255, 255, 255, 0.3);
}
body.s-new-styles-2026 .footer__legal-text{
    font-weight: 300;
}
body.s-new-styles-2026 .footer__legal-menu ul li a{
    text-transform: uppercase;
    font-weight: 300;
}
body.s-new-styles-2026 .footer__menu ul li a span{
    color: #00A295;
}

.button-module.button-module--align-left .row{
    text-align: left;
    justify-content: start;
}
.button-module.button-module--align-left .row .button{
    margin-left: 0;
}

.button--dark a, .button--light a, .button--primary a, .button--secondary a{
    border-radius: 0;
    text-align: center;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: #FFFFFF;
    background: transparent linear-gradient(90deg, #00A295 0%, #3CA8C7 100%) 0% 0% no-repeat padding-box;
    clip-path: polygon(0% 0%, calc(100% - 20px) 0%, 100% 20px, 100% 100%, 0% 100%);
}
.button--dark a:hover, .button--light a:hover, .button--primary a:hover, .button--secondary a:hover{
    opacity: 0.9;
}

body.s-new-styles-2026 .footer__awards {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    list-style: none;
    margin-top: 1em;
    padding: 0;
}

body.s-new-styles-2026 .footer__awards img {
  max-height: 80px;
  max-width: 120px !important;
  object-fit: contain;
  object-position: left;
}

/* Cards */
body.s-new-styles-2026 .card-row .card{
    background-color: transparent;
    border: 0 solid #D3D3D3;
    border-radius: 8px;
    color: var(--dark-colour);
    padding: 0;
}
body.s-new-styles-2026 .card-row .card__image {
    border-bottom: 6px solid var(--border-colour, #00A295);
    margin: 0;
    max-height: none;
    position: relative;
    clip-path: polygon(0% 0%, calc(100% - 40px) 0%, 100% 40px, 100% 100%, 0% 100%);
}

body.s-new-styles-2026 .card-row h4 {
    text-transform: none;
}

body.s-new-styles-2026 .card-w-6 .card__image {
    height: 20vw;
}

body.s-new-styles-2026 .card-row .card .card__badge{
    position: absolute;
    top: 20px;
    left: 20px;
    border: 1px solid #00A295;
    line-height: 20px;
    font-size: 12px;
    color: white;
    padding: 0 6px;
}
body.s-new-styles-2026 .card-row .card:hover .card__badge{
    background-color: #00A295;
}
body.s-new-styles-2026 .card-row .card .card__text{
    padding: 20px;
    display: flex;
    gap: 15px;
    color: #1C3341;
    flex-direction: column;
}

body.s-new-styles-2026 .card-row .card .card__text .flow *{
    color: inherit;
}
body.s-new-styles-2026 .card-row .card .card__text .flow h3{
    text-transform: none;
    font-size: 1.2em;
}

body.s-new-styles-2026 .card__cta a {
    color: #1C3341;
    display: inline-block;
}

body.s-new-styles-2026 .card__cta.read-more:after,
body.s-new-styles-2026 .card__cta a:after{
    background-color: transparent;
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2243.001%22%20height%3D%2243%22%20viewBox%3D%220%200%2043.001%2043%22%3E%3Cg%20id%3D%22Arrow-Right%22%20transform%3D%22translate(-308.999%20-1908)%22%3E%3Cpath%20id%3D%22Subtraction_5%22%20data-name%3D%22Subtraction%205%22%20d%3D%22M8111%2C568.565h-43v-43h31.812l11.19%2C11.19v31.808Z%22%20transform%3D%22translate(-7759%201382.435)%22%20fill%3D%22%2300a295%22%2F%3E%3Cg%20id%3D%22Group_1%22%20data-name%3D%22Group%201%22%20transform%3D%22translate(-2116.779%20-71.078)%22%3E%3Cpath%20id%3D%22Path_29%22%20data-name%3D%22Path%2029%22%20d%3D%22M2439.126%2C2000.578h14.306%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20id%3D%22Path_30%22%20data-name%3D%22Path%2030%22%20d%3D%22M2447.882%2C1995.572l5.254%2C5.254-5.254%2C5.254%22%20transform%3D%22translate(0%20-0.248)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.s-new-styles-2026 .card__cta.read-more:hover:after,
body.s-new-styles-2026 .card__cta a:hover:after {
    transform: none;
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2243.001%22%20height%3D%2243%22%20viewBox%3D%220%200%2043.001%2043%22%3E%3Cg%20id%3D%22Arrow-Right-Hover%22%20transform%3D%22translate(-308.999%20-1908)%22%3E%3Cg%20id%3D%22Subtraction_5%22%20data-name%3D%22Subtraction%205%22%20transform%3D%22translate(-7759%201382.435)%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M%208110.00048828125%20567.5645751953125%20L%208068.9990234375%20567.5645751953125%20L%208068.9990234375%20526.5650024414062%20L%208099.396484375%20526.5650024414062%20L%208110.00048828125%20537.1693725585938%20L%208110.00048828125%20567.5645751953125%20Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M%208109.00048828125%20566.5645751953125%20L%208109.00048828125%20537.5836181640625%20L%208098.98193359375%20527.5650024414062%20L%208069.9990234375%20527.5650024414062%20L%208069.9990234375%20566.5645751953125%20L%208109.00048828125%20566.5645751953125%20M%208111.00048828125%20568.5645751953125%20L%208067.9990234375%20568.5645751953125%20L%208067.9990234375%20525.5650024414062%20L%208099.810546875%20525.5650024414062%20L%208111.00048828125%20536.7551879882812%20L%208111.00048828125%20568.5645751953125%20Z%22%20stroke%3D%22none%22%20fill%3D%22%2300a295%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22Group_1%22%20data-name%3D%22Group%201%22%20transform%3D%22translate(-2814.903%202244.658)%20rotate(-45)%22%3E%3Cpath%20id%3D%22Path_29%22%20data-name%3D%22Path%2029%22%20d%3D%22M2439.126%2C2000.578h14.306%22%20fill%3D%22none%22%20stroke%3D%22%2300a295%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20id%3D%22Path_30%22%20data-name%3D%22Path%2030%22%20d%3D%22M2447.882%2C1995.572l5.254%2C5.254-5.254%2C5.254%22%20transform%3D%22translate(0%20-0.248)%22%20fill%3D%22none%22%20stroke%3D%22%2300a295%22%20stroke-width%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

/* Shadow card (with background): strip theme .card--shadow from outer .card; off-white + box-shadow only on .card__text so the image area stays visually open. */
body.s-new-styles-2026 .card-row .card.card--shadow.card--shadow-off-white {
    background-color: transparent;
    box-shadow: none;
}
body.s-new-styles-2026 .card-row .card.card--shadow.card--shadow-off-white .card__text {
    background-color: var(--off-white);
    height: 100%;
    box-shadow: var(--card-row-panel-box-shadow);
    /* Bottom corners only: outer .card still has border-radius; panel sits under the image. */
    border-radius: 0 0 8px 8px;
}
/* No image: text block is the whole card face, so match full card rounding. */
body.s-new-styles-2026 .card-row .card.card--shadow.card--shadow-off-white:not(:has(.card__image-container)) .card__text {
    border-radius: 8px;
}

body.s-new-styles-2026 .card-row .card.card--shadow-transparent{
    background-color: hsla(0,0%,100%,.2);
    border: none;
    box-shadow: 0 0 0 1px rgba(0,0,0,.02),0 5px 25px 0 rgba(0,0,0,.04),0 3px 8px 0 rgba(0,0,0,.05);
  overflow: hidden;
}


body.s-new-styles-2026 .card--shadow-transparent .flow h3, body.s-new-styles-2026 .card--shadow-transparent .flow p, body.s-new-styles-2026 .card--shadow-transparent .card__cta a {
    color: #FFFFFF;
}

body.s-new-styles-2026 .card--shadow-transparent .card__image--contain img, body.s-new-styles-2026 .icon-card {
    padding: 24px;
  }
  body.s-new-styles-2026 .card--shadow-transparent .card__image {
    margin: 0;
  }

  body.s-new-styles-2026 .card--linked.card--shadow-transparent .card__cta {
    padding: 24px;
  }

body.s-new-styles-2026 .icon-grid__card{
    border-radius: 0;
    padding: 34px;
    clip-path: polygon(0% 0%, calc(100% - 40px) 0%, 100% 40px, 100% 100%, 0% 100%);
    box-shadow: none;
    border-bottom: 6px solid var(--border-colour, #00A295);
}
body.s-new-styles-2026 .icon-grid__card .flow{
    --p-size: 20px;
    line-height: 1.5;
}

body.s-new-styles-2026 .icon-grid--background-light .icon-grid__text {
    color: white;
}

.icon-grid--background-light .icon-grid__card{
    background-color: rgba(255, 255, 255, .2);
}
.icon-grid--background-light .icon-grid__text *{
    color: white;
}

body.s-new-styles-2026 .testimonial-slide__inner{
    border: 0 solid #D3D3D3;
    border-radius: 0;
    box-shadow: none;
    opacity: 0.4;
    transition: all 0.35s;
    background: transparent linear-gradient(55deg, #1C3341 0%, #00A295 100%) 0% 0% no-repeat padding-box;
}
body.s-new-styles-2026 .swiper-slide-active .testimonial-slide__inner{
    opacity: 1;
}
body.s-new-styles-2026 .testimonial-slide__image{
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
}


/* Custom modules */
body.s-new-styles-2026 .card-row .row{
    grid-gap: 40px;
}
@media(max-width: 767px){
    body.s-new-styles-2026 .card-row .row{
        display: flex;
        flex-direction: column;
    }
}

body.s-new-styles-2026 .card-row .card:hover {
    transform: none;
    box-shadow: none;
}

.card--linked.card .card__cta {
    position: inherit;
}

body.s-new-styles-2026 .card-row .card--linked .card__text {
    transition: all 0.3s ease;
}

body.s-new-styles-2026 .card-row .card--linked:hover .card__text {
    background-color: var(--primary-colour);
    color: #ffffff;
  }

body.s-new-styles-2026 .testimonial-container .testimonial-slide--has-img{
    margin-top: 20px;
}
body.s-new-styles-2026 .testimonial-slide__quote{
    font-weight: 300;
    color: white;
    padding: 40px 0 40px 40px;
    position: relative;
    display: block;
    font-size: 18px;
}

body.s-new-styles-2026 .testimonial-slide__quote:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 40px;
    border-top: 8px solid var(--border-colour, #00A295);
    border-left: 8px solid var(--border-colour, #00A295);
}
body.s-new-styles-2026 .testimonial-slide__quote:after{
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 80px;
    height: 40px;
    border-right: 8px solid var(--border-colour, #00A295);
    border-bottom: 8px solid var(--border-colour, #00A295);
}
body.s-new-styles-2026 .testimonial-slide__author{
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    text-transform: none;
    color: #ffffff;
    border: 0 none;
    margin: 0;
}

body.s-new-styles-2026 .testimonial-slide__author span {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.3;
    padding-top: 10px;
}


body.s-new-styles-2026 .testimonial__nav--next,
body.s-new-styles-2026 .testimonial__nav--prev{
    border-radius: 0;
    width: 43px;
    height: 48px;
}
body.s-new-styles-2026 .testimonial__nav--prev{
    background-image: url("data:image/svg+xml,%3Csvg%20id%3D%22Arrow-Left%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2243.001%22%20height%3D%2243%22%20viewBox%3D%220%200%2043.001%2043%22%3E%3Cpath%20id%3D%22Subtraction_5%22%20data-name%3D%22Subtraction%205%22%20d%3D%22M43%2C0H0V43H31.811L43%2C31.809V0Z%22%20transform%3D%22translate(43.001%2043)%20rotate(180)%22%20fill%3D%22%2300a295%22%2F%3E%3Cg%20id%3D%22Group_1%22%20data-name%3D%22Group%201%22%20transform%3D%22translate(15.348%2016.246)%22%3E%3Cpath%20id%3D%22Path_29%22%20data-name%3D%22Path%2029%22%20d%3D%22M2453.432%2C2000.578h-14.306%22%20transform%3D%22translate(-2439.126%20-1995.324)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20id%3D%22Path_30%22%20data-name%3D%22Path%2030%22%20d%3D%22M2453.136%2C1995.572l-5.254%2C5.254%2C5.254%2C5.254%22%20transform%3D%22translate(-2447.586%20-1995.572)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
body.s-new-styles-2026 .testimonial__nav--prev:hover{
    background-image: url("data:image/svg+xml,%3Csvg%20id%3D%22Arrow-Left-Hover%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2243.001%22%20height%3D%2243%22%20viewBox%3D%220%200%2043.001%2043%22%3E%3Cg%20id%3D%22Subtraction_5%22%20data-name%3D%22Subtraction%205%22%20transform%3D%22translate(43.001%2043)%20rotate(180)%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M%2031.39682197570801%2041.99957656860352%20L%200.9999982714653015%2041.99957656860352%20L%200.9999982714653015%200.9999963641166687%20L%2042.0009765625%200.9999963641166687%20L%2042.0009765625%2031.39518356323242%20L%2031.39682197570801%2041.99957656860352%20Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M%202%201.999996185302734%20L%202%2040.99957656860352%20L%2030.98259544372559%2040.99957656860352%20L%2041.0009765625%2030.9809684753418%20L%2041.0009765625%201.999996185302734%20L%202%201.999996185302734%20M%200%20-3.814697265625e-06%20L%2043.0009765625%200.0009765625%20L%2043.0009765625%2031.80938720703125%20L%2031.81103897094727%2042.99957656860352%20L%200%2042.99957656860352%20L%200%20-3.814697265625e-06%20Z%22%20stroke%3D%22none%22%20fill%3D%22%2300a295%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22Group_1%22%20data-name%3D%22Group%201%22%20transform%3D%22translate(21.158%2012.727)%20rotate(45)%22%3E%3Cpath%20id%3D%22Path_29%22%20data-name%3D%22Path%2029%22%20d%3D%22M2453.432%2C2000.578h-14.306%22%20transform%3D%22translate(-2439.126%20-1995.324)%22%20fill%3D%22none%22%20stroke%3D%22%2300a295%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20id%3D%22Path_30%22%20data-name%3D%22Path%2030%22%20d%3D%22M2453.136%2C1995.572l-5.254%2C5.254%2C5.254%2C5.254%22%20transform%3D%22translate(-2447.586%20-1995.572)%22%20fill%3D%22none%22%20stroke%3D%22%2300a295%22%20stroke-width%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
body.s-new-styles-2026 .testimonial__nav--next{
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2243.001%22%20height%3D%2243%22%20viewBox%3D%220%200%2043.001%2043%22%3E%3Cg%20id%3D%22Arrow-Right%22%20transform%3D%22translate(-308.999%20-1908)%22%3E%3Cpath%20id%3D%22Subtraction_5%22%20data-name%3D%22Subtraction%205%22%20d%3D%22M8111%2C568.565h-43v-43h31.812l11.19%2C11.19v31.808Z%22%20transform%3D%22translate(-7759%201382.435)%22%20fill%3D%22%2300a295%22%2F%3E%3Cg%20id%3D%22Group_1%22%20data-name%3D%22Group%201%22%20transform%3D%22translate(-2116.779%20-71.078)%22%3E%3Cpath%20id%3D%22Path_29%22%20data-name%3D%22Path%2029%22%20d%3D%22M2439.126%2C2000.578h14.306%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20id%3D%22Path_30%22%20data-name%3D%22Path%2030%22%20d%3D%22M2447.882%2C1995.572l5.254%2C5.254-5.254%2C5.254%22%20transform%3D%22translate(0%20-0.248)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
body.s-new-styles-2026 .testimonial__nav--next:hover{
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2243.001%22%20height%3D%2243%22%20viewBox%3D%220%200%2043.001%2043%22%3E%3Cg%20id%3D%22Arrow-Right-Hover%22%20transform%3D%22translate(-308.999%20-1908)%22%3E%3Cg%20id%3D%22Subtraction_5%22%20data-name%3D%22Subtraction%205%22%20transform%3D%22translate(-7759%201382.435)%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M%208110.00048828125%20567.5645751953125%20L%208068.9990234375%20567.5645751953125%20L%208068.9990234375%20526.5650024414062%20L%208099.396484375%20526.5650024414062%20L%208110.00048828125%20537.1693725585938%20L%208110.00048828125%20567.5645751953125%20Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M%208109.00048828125%20566.5645751953125%20L%208109.00048828125%20537.5836181640625%20L%208098.98193359375%20527.5650024414062%20L%208069.9990234375%20527.5650024414062%20L%208069.9990234375%20566.5645751953125%20L%208109.00048828125%20566.5645751953125%20M%208111.00048828125%20568.5645751953125%20L%208067.9990234375%20568.5645751953125%20L%208067.9990234375%20525.5650024414062%20L%208099.810546875%20525.5650024414062%20L%208111.00048828125%20536.7551879882812%20L%208111.00048828125%20568.5645751953125%20Z%22%20stroke%3D%22none%22%20fill%3D%22%2300a295%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22Group_1%22%20data-name%3D%22Group%201%22%20transform%3D%22translate(-2814.903%202244.658)%20rotate(-45)%22%3E%3Cpath%20id%3D%22Path_29%22%20data-name%3D%22Path%2029%22%20d%3D%22M2439.126%2C2000.578h14.306%22%20fill%3D%22none%22%20stroke%3D%22%2300a295%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20id%3D%22Path_30%22%20data-name%3D%22Path%2030%22%20d%3D%22M2447.882%2C1995.572l5.254%2C5.254-5.254%2C5.254%22%20transform%3D%22translate(0%20-0.248)%22%20fill%3D%22none%22%20stroke%3D%22%2300a295%22%20stroke-width%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@media(max-width: 992px){
    body.s-new-styles-2026 .cta-banner__inner{
        display: flex;
        padding: 0;
    }
}

body.s-new-styles-2026 form.hs-form{
    color: white;
}
body.s-new-styles-2026 form.hs-form .hs-richtext p{
    color: white;
}

/* Image Widget Fade-in Animation on Scroll */
/* Initially hide all images with hs-image-widget class */
body.s-new-styles-2026 .hs-image-widget, body.s-new-styles-2026 .two-column-banner__image {
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
    border-radius: 8px;
}

/* Fade in images when they scroll into view */
body.s-new-styles-2026 .hs-image-widget.image-visible, body.s-new-styles-2026 .two-column-banner__image.image-visible {
    opacity: 1;
}

/* Page Anchor Links Module Styling */
/* Base styling for the anchor links navigation */
body.s-new-styles-2026 .page-anchor-links {
    background-color: #FFFFFF;
    padding: 15px 20px;
    margin: 0;
    width: 100%;
}



/* Sticky positioning when enabled */
/* Starts as relative, JavaScript converts to fixed when menu reaches header bottom */
body.s-new-styles-2026 .page-anchor-links--sticky {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 10;
    transition: none; /* Prevent transitions during position change */
}

/* Menu wrapper */
body.s-new-styles-2026 .page-anchor-links__wrapper {
    max-width: 100%;
    margin: 0 auto;
}

/* Menu list - horizontal layout */
body.s-new-styles-2026 .page-anchor-links__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Alignment options */
body.s-new-styles-2026 .page-anchor-links--align-left .page-anchor-links__list {
    justify-content: flex-start;
}

body.s-new-styles-2026 .page-anchor-links--align-center .page-anchor-links__list {
    justify-content: center;
}

body.s-new-styles-2026 .page-anchor-links--align-right .page-anchor-links__list {
    justify-content: flex-end;
}

/* Menu items */
body.s-new-styles-2026 .page-anchor-links__item {
    display: inline-block;
    margin: 0;
    padding: 0;
}

/* Menu links */
body.s-new-styles-2026 .page-anchor-links__link {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: var(--dark-colour);
    font-size: var(--nav-link-size);
    font-weight: 500;
    transition: color 0.3s ease;
    white-space: nowrap;
    position: relative;
    cursor: pointer;
}

/* Hover state for menu links */
body.s-new-styles-2026 .page-anchor-links__link:hover {
    color: var(--primary-colour);
}

/* Active state for menu links */
body.s-new-styles-2026 .page-anchor-links__link--active {
    color: var(--primary-colour);
}

/* Add underline for active menu items */
body.s-new-styles-2026 .page-anchor-links__link--active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    height: 3px;
    background-color: var(--primary-colour);
}

body.s-new-styles-2026 .main_dnd_area-row-0-background-layers .span7, body.s-new-styles-2026 .main_dnd_area-row-0-background-layers .span8 {
    padding-right: 5em;
}

@media(max-width: 992px){
    body.s-new-styles-2026 .main_dnd_area-row-0-background-layers .span7, body.s-new-styles-2026 .main_dnd_area-row-0-background-layers .span8 {
        padding-right: 0
    }
    
    /* Watermark effect for background image on smaller devices */
    /* Add gradient overlay to create watermark effect and improve white text readability */
    body.s-new-styles-2026 .main_dnd_area-row-0-background-layers {
        position: relative;
    }
    
    body.s-new-styles-2026 .main_dnd_area-row-0-background-layers::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-image: linear-gradient(to right, rgba(27, 45, 61, 0.9), rgba(57, 161, 148, 0.9)) !important;
        pointer-events: none;
        z-index: 0;
    }
    
    /* Ensure content stays above the overlay */
    body.s-new-styles-2026 .main_dnd_area-row-0-background-layers > * {
        position: relative;
        z-index: 1;
    }
}

/* Responsive adjustments for smaller screens */
@media (max-width: 980px) {
    body.s-new-styles-2026 .page-anchor-links__list {
        gap: 0;
        flex-wrap: wrap;
    }
    
    body.s-new-styles-2026 .page-anchor-links__link {
        padding: 8px 12px;
        font-size: 14px;
    }

    .body.s-new-styles-2026 .page-anchor-links__link {
        padding: 8px 10px;
    }
}

@media (max-width: 480px) {
    body.s-new-styles-2026 .page-anchor-links {
        display:none
    }

    .testimonial-container .swiper-wrapper {
        align-items: center;
        height: auto !important;
    }

    body .logo-col__logo{
        max-width: 130px !important;
    }

    body.s-new-styles-2026 .testimonial-slide__quote {
        padding: 30px 0 30px 30px !important;
        font-size: 16px !important;
      }
}

/* Numbered List Styling */
/* Reset default list styling and set up counter */
/* Counter reset value can be overridden by JavaScript based on 'start' attribute */
body.s-new-styles-2026 .numbered-list {
    list-style: none;
    counter-reset: numbered-list-counter;
    padding-left: 0;
    margin: 0;
}

/* Style each list item with off-white background and border radius */
body.s-new-styles-2026 .numbered-list li {
    counter-increment: numbered-list-counter;
    background-color: var(--off-white);
    border-radius: 8px;
    padding: 24px 24px 24px 100px;
    margin-bottom: 20px;
    position: relative;
}

/* Style the number using CSS counter - large, primary color background, white text */
body.s-new-styles-2026 .numbered-list li::before {
    content: counter(numbered-list-counter);
    position: absolute;
    left: 24px;
    top: 24px;
    width: 56px;
    height: 56px;
    background-color: var(--primary-colour);
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    font-weight: 600;
    border-radius: 8px;
    line-height: 1;
}

/* Ensure proper spacing for content within list items */
body.s-new-styles-2026 .numbered-list li h3 {
    margin-top: 0;
    margin-bottom: 12px;
}

body.s-new-styles-2026 .numbered-list li p {
    margin-bottom: 0;
}

.testimonial-container .swiper-wrapper {
    height: 590px;
}

.testimonial-container .testimonial-slide__inner {
    height: 100%;
}

.testimonial-container .testimonial-slide--has-img {
    margin-top: 30px;
}

body .logo-col{
    padding: 0;
}
body .logo-col__logo{
    max-height: 80px;
    max-width: 150px;
}

.testimonial-slide__image {
    width: 100%;
    max-width: 250px;
}

.testimonial-slide__image img {
    object-fit: contain;
}

.testimonial-slide__text {
    text-align: left;
}

.testimonial-slide__author {
    text-align: center;
}