/*
* strip-unit - Unit stripper [10px = 10]
* param - $num : the value with a unit suffix, E.g: 10px
* return - $result : the value without any suffix, E.g: 10
* E.g. strip-unit(100px) = 100
*/
/*
* pxToEM - Convert PX value to EM value [100px = 6.25em]
* param - $target : the value in px without 'px' suffix, E.g: 100
* return - $result : the value in em with 'em' suffix, E.g: 6.25em
* E.g. pxToEM(100) = 6.25em
*/
/*
* u - PX and REM constrictor
* param - $property : css property, E.g: padding
* param - $values... : list of values for the property, note values are multiplied by $pixelBase, E.g.: 10, 20, 30, 40
* return - $result : the css property with values applied in pixels
* E.g. @include u(padding, 10, 20, 30, 40) = padding: 100px, 200px, 300px, 400px;
*/
/*! _hero-wrapper */
*,
*:after,
*:before {
  box-sizing: border-box; }

.home.home-2023 .content-top {
  padding: 0 !important; }

.home.home-2023 .banner {
  max-height: unset;
  height: 75vh;
  width: 100%;
  position: relative; }
  @media (max-width: 992px) {
    .home.home-2023 .banner {
      height: 60vh; } }
  .home.home-2023 .banner:after {
    position: absolute;
    content: "";
    bottom: 0;
    right: 210px;
    background-image: url("/p/1/Rococo%20Banner%20Logo.png");
    width: 654px;
    height: 283px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all .2s ease; }
    @media (max-width: 1920px) {
      .home.home-2023 .banner:after {
        width: 623px;
        height: 249px; } }
    @media (max-width: 1600px) {
      .home.home-2023 .banner:after {
        width: 400px;
        height: 140px;
        bottom: 40px; } }
    @media (max-width: 1200px) {
      .home.home-2023 .banner:after {
        height: 148px;
        right: 60px; } }
    @media (max-width: 992px) {
      .home.home-2023 .banner:after {
        width: 252px;
        height: 127px;
        right: 37px;
        /*filter: drop-shadow(1px 2px 2px black);*/ } }
    @media (max-width: 576px) {
      .home.home-2023 .banner:after {
        bottom: 151px;
        right: 22px;
        width: 308px;
        height: 91px;
        /*filter: drop-shadow(1px 2px 2px black);*/ } }
    @media (max-height: 768px) {
      .home.home-2023 .banner:after {
        width: 400px;
        height: 140px; } }

.hero-wrap {
  height: 100%;
  position: relative;
  width: 100%; }
  .hero-wrap img {
    object-fit: cover;
    height: 100% !important; }
  .hero-wrap:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-left: 189px solid #007d91;
    border-right: 189px solid #ff7800d6;
    mix-blend-mode: multiply;
    transition: all .2s ease; }
    @media (max-width: 1920px) {
      .hero-wrap:before {
        border-left: 168px solid #007d91;
        border-right: 168px solid #ff7800d6; } }
    @media (max-width: 1400px) {
      .hero-wrap:before {
        border-left: 106px solid #007d91;
        border-right: 90px solid #ff7800d6; } }
    @media (max-width: 1200px) {
      .hero-wrap:before {
        border-right: 0px;
        border-left: 109px solid #007d91; } }
    @media (max-width: 992px) {
      .hero-wrap:before {
        border-right: 0px;
        border-left: 63px solid #007d91; } }
    @media (max-width: 576px) {
      .hero-wrap:before {
        border-left: 0px;
        border-right: 0px; } }
  .hero-wrap:after {
    content: unset;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("/p/1/Hero%20Banner%20Overlay.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center; }
    @media (max-width: 992px) {
      .hero-wrap:after {
        content: unset; } }
    @media (max-width: 576px) {
      .hero-wrap:after {
        content: unset; } }
  .hero-wrap .hero-text {
    position: absolute;
    top: 0;
    right: 189px;
    background-color: #ef8b00e0;
    width: 550px;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-size: 3.5rem;
    color: #fff;
    padding: 78px;
    font-weight: 100;
    transition: all .2s ease; }
    @media (max-width: 1920px) {
      .hero-wrap .hero-text {
        right: 168px;
        width: 27%; } }
    @media (max-width: 1810px) {
      .hero-wrap .hero-text {
        width: 26.2%; } }
    @media (max-width: 1660px) {
      .hero-wrap .hero-text {
        width: 25.5%; } }
    @media (max-width: 1400px) {
      .hero-wrap .hero-text {
        right: 90px;
        width: 28.5%; } }
    @media (max-width: 1200px) {
      .hero-wrap .hero-text {
        right: 0;
        width: 35.5%;
        font-size: 2.5rem; } }
    @media (max-width: 992px) {
      .hero-wrap .hero-text {
        right: 0;
        width: 30.5%;
        font-size: 2rem;
        padding: 34px; } }
    @media (max-width: 576px) {
      .hero-wrap .hero-text {
        height: 191px;
        width: 100%;
        top: unset;
        bottom: 0;
        right: unset;
        left: 0;
        font-size: 2.5rem;
        padding: 29px;
        text-shadow: -2px 2px 6px black; } }
    .hero-wrap .hero-text p {
      font-weight: 100; }

.home-intro-2023 {
  background-color: #D87D24;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  row-gap: 1rem;
  padding: 4rem 0;
  background-image: url("/p/1/Intro%20Pattern.svg");
  background-position-y: center;
  background-size: auto; }
  .home-intro-2023 p {
    color: #fff;
    width: calc(100% - 500px);
    font-size: 1.8rem;
    text-align: center; }
    @media (max-width: 1200px) {
      .home-intro-2023 p {
        width: calc(100% - 200px); } }
    @media (max-width: 992px) {
      .home-intro-2023 p {
        width: calc(100% - 50px); } }
    @media (max-width: 576px) {
      .home-intro-2023 p {
        font-size: 1.6rem; } }

/*! _side-by-side */
body.home.home-2023 {
  background-color: #fff !important; }
  body.home.home-2023 .content-mid {
    background-color: #fff !important; }
  body.home.home-2023 .header {
    z-index: 9999999; }

.side-by-side-wrap:not(.text-logo):not(.brand):not(.contact-2023) {
  height: 100vh; }
  @media (max-width: 992px) {
    .side-by-side-wrap:not(.text-logo):not(.brand):not(.contact-2023) {
      height: auto; } }

.side-by-side-container:not(.text-logo):not(.brand):not(.contact-2023) {
  height: 100vh;
  display: flex; }
  @media (max-width: 992px) {
    .side-by-side-container:not(.text-logo):not(.brand):not(.contact-2023) {
      flex-direction: column;
      height: auto; } }
  .side-by-side-container:not(.text-logo):not(.brand):not(.contact-2023).reverse-content {
    flex-direction: row-reverse; }
    @media (max-width: 992px) {
      .side-by-side-container:not(.text-logo):not(.brand):not(.contact-2023).reverse-content {
        flex-direction: column; } }
  .side-by-side-container:not(.text-logo):not(.brand):not(.contact-2023) .side-by-side-left,
  .side-by-side-container:not(.text-logo):not(.brand):not(.contact-2023) .side-by-side-right {
    width: 50%;
    height: 100%; }
    @media (max-width: 992px) {
      .side-by-side-container:not(.text-logo):not(.brand):not(.contact-2023) .side-by-side-left,
      .side-by-side-container:not(.text-logo):not(.brand):not(.contact-2023) .side-by-side-right {
        width: 100%; } }
    .side-by-side-container:not(.text-logo):not(.brand):not(.contact-2023) .side-by-side-left img,
    .side-by-side-container:not(.text-logo):not(.brand):not(.contact-2023) .side-by-side-right img {
      height: 100%;
      object-fit: cover; }
  @media (max-width: 992px) {
    .side-by-side-container:not(.text-logo):not(.brand):not(.contact-2023) .side-by-side-left img {
      max-height: 500px;
      min-height: 500px; } }
  @media (max-width: 576px) {
    .side-by-side-container:not(.text-logo):not(.brand):not(.contact-2023) .side-by-side-left img {
      max-height: 300px;
      min-height: 300px; } }
  .side-by-side-container:not(.text-logo):not(.brand):not(.contact-2023) .side-by-side-right {
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    padding: 0 25rem; }
    .side-by-side-container:not(.text-logo):not(.brand):not(.contact-2023) .side-by-side-right p:nth-child(2) {
      font-size: 2.5rem;
      color: #000; }
      @media (max-width: 576px) {
        .side-by-side-container:not(.text-logo):not(.brand):not(.contact-2023) .side-by-side-right p:nth-child(2) {
          font-size: 1.5rem; } }
    @media (max-width: 576px) {
      .side-by-side-container:not(.text-logo):not(.brand):not(.contact-2023) .side-by-side-right p:nth-child(1) {
        text-align: center; } }
    @media (max-width: 1800px) {
      .side-by-side-container:not(.text-logo):not(.brand):not(.contact-2023) .side-by-side-right {
        padding: 0 15rem; } }
    @media (max-width: 1800px) and (max-height: 768px) {
      .side-by-side-container:not(.text-logo):not(.brand):not(.contact-2023) .side-by-side-right {
        padding: 0 3rem; } }
    @media (max-width: 1420px) {
      .side-by-side-container:not(.text-logo):not(.brand):not(.contact-2023) .side-by-side-right {
        padding: 0 5rem; } }
    @media (max-width: 992px) {
      .side-by-side-container:not(.text-logo):not(.brand):not(.contact-2023) .side-by-side-right {
        padding: 3rem; } }

.learn-more-button-2023 {
  background-color: #00AAC3;
  padding: 1.2rem 7rem 1.2rem 2rem;
  color: #fff;
  position: relative;
  box-shadow: -1px 1px 5px 1px rgba(0, 0, 0, 0.5);
  display: inline-block;
  transition: all .2s ease;
  font-size: 2.5rem; }
  @media (max-width: 576px) {
    .learn-more-button-2023 {
      padding-right: 5rem;
      font-size: 1.5rem; } }
  .learn-more-button-2023:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    background-image: url("/p/1/Circle%20Chevron.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 40px;
    height: 40px; }
    @media (max-width: 576px) {
      .learn-more-button-2023:after {
        width: 30px;
        height: 30px; } }
  .learn-more-button-2023:hover {
    background-color: #D87D24; }

body.brand {
  background-color: #fff; }

body.brand .content-mid {
  background-color: #fff;
  margin-top: 50px; }

body.brand .content-top {
  background-color: #fff;
  margin-top: 50px;
  padding: 0; }

/* Text - Logo */
.side-by-side-container.text-logo {
  display: flex; }
  @media (max-width: 992px) {
    .side-by-side-container.text-logo {
      flex-direction: column-reverse; } }
  .side-by-side-container.text-logo .side-by-side-left,
  .side-by-side-container.text-logo .side-by-side-right {
    width: 50%;
    height: 100%;
    font-size: 1.6rem; }
    @media (min-width: 992px) {
      .side-by-side-container.text-logo .side-by-side-left,
      .side-by-side-container.text-logo .side-by-side-right {
        padding: 0 1rem; } }
    @media (max-width: 992px) {
      .side-by-side-container.text-logo .side-by-side-left,
      .side-by-side-container.text-logo .side-by-side-right {
        width: 100%; } }
  .side-by-side-container.text-logo .side-by-side-right {
    text-align: end;
    align-self: center; }
  @media (max-width: 992px) {
    .side-by-side-container.text-logo .side-by-side-left {
      padding: 0 5rem; } }
  @media (max-width: 576px) {
    .side-by-side-container.text-logo .side-by-side-left {
      padding: 0 1rem; } }
  .side-by-side-container.text-logo .side-by-side-left p {
    font-size: 2rem;
    color: #000; }
    @media (max-width: 992px) {
      .side-by-side-container.text-logo .side-by-side-left p {
        font-size: 1.6rem; } }
  .side-by-side-container.text-logo .side-by-side-left h1, .side-by-side-container.text-logo .side-by-side-left h2 {
    margin: 0;
    padding: 0; }
  .side-by-side-container.text-logo .side-by-side-left .product-specs p {
    margin: 0; }
  .side-by-side-container.text-logo .side-by-side-left .buttons {
    display: flex;
    column-gap: 2.5rem; }
    @media (max-width: 576px) {
      .side-by-side-container.text-logo .side-by-side-left .buttons p {
        font-size: 1.2rem; } }
    .side-by-side-container.text-logo .side-by-side-left .buttons p span {
      display: block; }

/* Text - Image (Brand Pages) */
.side-by-side-container.brand {
  height: 100vh;
  display: flex; }
  @media (max-width: 992px) {
    .side-by-side-container.brand {
      flex-direction: column;
      height: auto; } }
  .side-by-side-container.brand.reverse-content {
    flex-direction: row-reverse; }
    @media (max-width: 992px) {
      .side-by-side-container.brand.reverse-content {
        flex-direction: column; } }
  .side-by-side-container.brand .side-by-side-left,
  .side-by-side-container.brand .side-by-side-right {
    width: 50%;
    height: 100%; }
    @media (max-width: 992px) {
      .side-by-side-container.brand .side-by-side-left,
      .side-by-side-container.brand .side-by-side-right {
        width: 100%; } }
    .side-by-side-container.brand .side-by-side-left img,
    .side-by-side-container.brand .side-by-side-right img {
      height: 100%;
      object-fit: cover; }
  .side-by-side-container.brand .side-by-side-right {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 2rem 1rem; }
    @media (min-width: 576px) {
      .side-by-side-container.brand .side-by-side-right {
        padding: 2rem 5rem; } }
    @media (min-width: 1200px) {
      .side-by-side-container.brand .side-by-side-right {
        padding: 0 15rem; } }
    .side-by-side-container.brand .side-by-side-right h1, .side-by-side-container.brand .side-by-side-right h2, .side-by-side-container.brand .side-by-side-right h3 {
      color: #000;
      margin: 0;
      padding: 0; }
    .side-by-side-container.brand .side-by-side-right > p {
      font-size: 2rem;
      color: #000; }
      @media (max-width: 1340px) {
        .side-by-side-container.brand .side-by-side-right > p {
          font-size: 1.5rem; } }
    .side-by-side-container.brand .side-by-side-right .buttons {
      display: flex;
      column-gap: 2.5rem; }
      .side-by-side-container.brand .side-by-side-right .buttons span {
        display: block; }
      .side-by-side-container.brand .side-by-side-right .buttons * {
        font-size: 1.5rem; }
        @media (max-width: 1340px) {
          .side-by-side-container.brand .side-by-side-right .buttons * {
            font-size: 1.25rem; } }

/* Text - Text (Inserts) */
.side-by-side-container.contact-2023 {
  display: flex;
  justify-content: center; }
  @media (max-width: 992px) {
    .side-by-side-container.contact-2023 {
      flex-direction: column-reverse; } }
  .side-by-side-container.contact-2023 .side-by-side-left,
  .side-by-side-container.contact-2023 .side-by-side-right {
    width: 40%;
    height: 100%;
    font-size: 1.6rem;
    padding-top: 4rem; }
    @media (min-width: 992px) {
      .side-by-side-container.contact-2023 .side-by-side-left,
      .side-by-side-container.contact-2023 .side-by-side-right {
        padding-left: 1rem;
        padding-right: 1rem; } }
    @media (max-width: 992px) {
      .side-by-side-container.contact-2023 .side-by-side-left,
      .side-by-side-container.contact-2023 .side-by-side-right {
        width: 100%; } }
  .side-by-side-container.contact-2023 .side-by-side-left {
    padding-right: 5rem;
    padding-left: 5rem; }
    @media (max-width: 576px) {
      .side-by-side-container.contact-2023 .side-by-side-left {
        padding-left: 1rem;
        padding-right: 1rem; } }
  .side-by-side-container.contact-2023 .side-by-side-right {
    padding-right: 10rem;
    padding-left: 10rem; }
    @media (max-width: 992px) {
      .side-by-side-container.contact-2023 .side-by-side-right {
        padding-right: 5rem;
        padding-left: 5rem; } }
    @media (max-width: 576px) {
      .side-by-side-container.contact-2023 .side-by-side-right {
        padding-left: 1rem;
        padding-right: 1rem; } }
    .side-by-side-container.contact-2023 .side-by-side-right h2 {
      font-size: 3rem;
      color: #000;
      font-weight: bold;
      margin-bottom: 2rem; }
    .side-by-side-container.contact-2023 .side-by-side-right p {
      color: #000;
      margin-bottom: 6rem; }

/*! _testimonials */
.home.home-2023 .content-bottom {
  background-color: #EAEAEA;
  padding: 7rem 0; }

.home.home-2023 h1 {
  color: #00AAC3; }

.client-testimonial-container {
  display: flex;
  flex-wrap: wrap; }
  .client-testimonial-container > div {
    width: 33.33%; }
    @media (max-width: 992px) {
      .client-testimonial-container > div {
        width: 100%;
        margin-top: 3rem; } }
    .client-testimonial-container > div > div {
      width: 95%;
      background-color: #fff;
      padding: 6rem 2rem;
      box-shadow: 0px -1px 9px -3px rgba(0, 0, 0, 0.29);
      position: relative;
      height: 100%;
      margin: 0 auto; }
      .client-testimonial-container > div > div:after {
        content: "";
        position: absolute;
        top: 10px;
        left: 25px;
        background-image: url("/p/1/Quotes%20Icon.svg");
        width: 35px;
        height: 35px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center; }
      .client-testimonial-container > div > div .client-testimonial {
        color: #000;
        font-size: 1.6rem; }
      .client-testimonial-container > div > div .client-name {
        color: #000;
        font-size: 1.6rem; }

/*! _main-cta-banner */
.cta-banner-main {
  height: 600px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden; }
  .cta-banner-main:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-left: 53px solid #007d91;
    border-right: 103px solid #ff7800d6;
    transition: all .2s ease; }
    @media (max-width: 576px) {
      .cta-banner-main:before {
        border-left: 20px solid #007d91;
        border-right: 20px solid #ff7800d6;
        z-index: 1; } }
  .cta-banner-main:after {
    content: "";
    position: absolute;
    top: 40%;
    left: 9px;
    width: 430px;
    height: 175px;
    background-image: url("/p/1/Rococo%20Banner%20Logo.png");
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(270deg) translateY(-50%); }
    @media (max-width: 992px) {
      .cta-banner-main:after {
        content: unset; } }
  .cta-banner-main .banner-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    left: 53px;
    mix-blend-mode: multiply;
    background: linear-gradient(60deg, #007d91 0%, #007d91 50%, rgba(0, 125, 145, 0) 50%); }
    @media (max-width: 992px) {
      .cta-banner-main .banner-overlay {
        left: 0;
        z-index: 0; } }
  .cta-banner-main .cta-content {
    width: 600px;
    height: 100%;
    position: relative;
    margin: 0 auto; }
    @media (max-width: 576px) {
      .cta-banner-main .cta-content {
        width: 100%;
        z-index: 2; } }
    .cta-banner-main .cta-content .main-text {
      position: absolute;
      top: 20px;
      left: 50%;
      transform: translateX(-50%);
      background-color: #D87D24;
      color: #fff;
      width: 400px;
      height: 400px;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      padding: 5rem 5rem; }
      @media (max-width: 576px) {
        .cta-banner-main .cta-content .main-text {
          width: 300px;
          height: 300px;
          top: 244px; } }
      .cta-banner-main .cta-content .main-text:after {
        content: "";
        position: absolute;
        bottom: 50px;
        left: 50%;
        transform: translateX(-50%);
        background-image: url("/p/1/Double%20Chevron.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        width: 50px;
        height: 50px; }
        @media (max-width: 576px) {
          .cta-banner-main .cta-content .main-text:after {
            bottom: 38px; } }
      .cta-banner-main .cta-content .main-text p {
        text-align: center;
        font-size: 3rem;
        margin: 0; }
        @media (max-width: 576px) {
          .cta-banner-main .cta-content .main-text p {
            font-size: 2rem; } }
    .cta-banner-main .cta-content .cta-text {
      position: absolute;
      bottom: 23px;
      left: 72%;
      transform: translateX(-50%);
      background-color: #fff;
      color: #00AAC3;
      width: 250px;
      height: 250px;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      padding: 3rem 6rem;
      text-align: center;
      font-size: 3rem; }
      @media (max-width: 576px) {
        .cta-banner-main .cta-content .cta-text {
          bottom: 307px;
          left: 60%; } }
      .cta-banner-main .cta-content .cta-text:after {
        content: "";
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        background-image: url("/p/1/Circle%20Chevron%20Filled.svg");
        background-repeat: no-repeat;
        background-position: center;
        width: 50px;
        height: 50px; }
      .cta-banner-main .cta-content .cta-text:hover {
        color: #D87D24; }
        .cta-banner-main .cta-content .cta-text:hover:after {
          background-image: url("/p/1/Circle%20Chevron%20Filled%20Active.svg"); }
      .cta-banner-main .cta-content .cta-text a {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0; }

/*! _icon-ctas */
.home.home-2023 h1 {
  color: #D87D24; }

.icons-cta-container {
  display: flex;
  margin-top: 6rem !important;
  margin-bottom: 6rem !important; }
  @media (max-width: 576px) {
    .icons-cta-container {
      flex-direction: column;
      align-items: center; } }
  .icons-cta-container .icon-cta-wrap {
    width: 33.33%; }
    @media (max-width: 992px) {
      .icons-cta-container .icon-cta-wrap {
        margin-top: 4rem; } }
    @media (max-width: 576px) {
      .icons-cta-container .icon-cta-wrap {
        width: 100%;
        margin-top: 3rem; } }
    .icons-cta-container .icon-cta-wrap > div {
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center; }
      .icons-cta-container .icon-cta-wrap > div .icon-text-wrap {
        font-size: 3rem;
        color: #00AAC3;
        text-align: center;
        display: inline-block;
        width: 100%;
        position: relative; }
        .icons-cta-container .icon-cta-wrap > div .icon-text-wrap:hover .icon-text {
          color: #D87D24; }
          .icons-cta-container .icon-cta-wrap > div .icon-text-wrap:hover .icon-text:after {
            background-image: url("/p/1/Circle%20Chevron%20Filled%20Active.svg"); }
        .icons-cta-container .icon-cta-wrap > div .icon-text-wrap a {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          opacity: 0; }
        @media (max-width: 992px) {
          .icons-cta-container .icon-cta-wrap > div .icon-text-wrap {
            padding: 0 32px;
            font-size: 2rem; } }
        @media (max-width: 576px) {
          .icons-cta-container .icon-cta-wrap > div .icon-text-wrap {
            width: 100%; } }
        .icons-cta-container .icon-cta-wrap > div .icon-text-wrap .icon-text {
          position: relative;
          padding-right: 20px; }
          .icons-cta-container .icon-cta-wrap > div .icon-text-wrap .icon-text:after {
            content: "";
            position: absolute;
            bottom: -7px;
            right: -36px;
            /*transform: translateX(-50%);*/
            background-image: url("/p/1/Circle%20Chevron%20Filled.svg");
            background-repeat: no-repeat;
            background-position: center;
            width: 50px;
            height: 50px; }
            @media (max-width: 992px) {
              .icons-cta-container .icon-cta-wrap > div .icon-text-wrap .icon-text:after {
                bottom: unset;
                top: 53%;
                transform: translateY(-50%);
                right: -46px; } }
            @media (max-width: 576px) {
              .icons-cta-container .icon-cta-wrap > div .icon-text-wrap .icon-text:after {
                top: unset;
                bottom: -12px;
                right: -50px;
                transform: translateY(0); } }
    .icons-cta-container .icon-cta-wrap img {
      width: 150px;
      margin-bottom: 4rem;
      height: 150px; }
    @media (max-width: 992px) {
      .icons-cta-container .icon-cta-wrap:nth-child(3) > div .icon-text:after {
        top: 71%; } }
    @media (max-width: 576px) {
      .icons-cta-container .icon-cta-wrap:nth-child(3) > div .icon-text:after {
        top: unset; } }

/*! _product-full-ctas */
.products-cta-container {
  display: flex; }
  @media (max-width: 992px) {
    .products-cta-container {
      flex-direction: column; } }
  .products-cta-container .product-cta-wrap {
    width: 33.33%;
    position: relative; }
    @media (max-width: 992px) {
      .products-cta-container .product-cta-wrap {
        width: 100%; } }
    .products-cta-container .product-cta-wrap a {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      opacity: 0;
      z-index: 4; }
    .products-cta-container .product-cta-wrap:before {
      content: "";
      position: absolute;
      bottom: 8px;
      right: 71px;
      background-image: url("/p/1/Circle%20Chevron%20Outline%20Filled.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      width: 90px;
      height: 90px;
      z-index: 2; }
      @media (max-width: 992px) {
        .products-cta-container .product-cta-wrap:before {
          bottom: 8px;
          right: 59px; } }
    .products-cta-container .product-cta-wrap:hover:before {
      background-image: url("/p/1/Circle%20Chevron%20Outline%20Filled%20Active.svg"); }
    .products-cta-container .product-cta-wrap:after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      border-right: 86px solid #00AAC3;
      mix-blend-mode: multiply; }
      @media (max-width: 576px) {
        .products-cta-container .product-cta-wrap:after {
          border-right: 0;
          border-bottom: 73px solid #00AAC3; } }
    .products-cta-container .product-cta-wrap:nth-child(1) .product-cta-text-wrap {
      right: -200px;
      top: 309px; }
      @media (max-width: 992px) {
        .products-cta-container .product-cta-wrap:nth-child(1) .product-cta-text-wrap {
          right: -117px;
          top: 204px; } }
      @media (max-width: 576px) {
        .products-cta-container .product-cta-wrap:nth-child(1) .product-cta-text-wrap {
          right: unset;
          top: unset;
          bottom: 13px;
          left: 13px; } }
    .products-cta-container .product-cta-wrap:nth-child(2) .product-cta-text-wrap {
      right: -69px;
      top: 175px; }
      @media (max-width: 992px) {
        .products-cta-container .product-cta-wrap:nth-child(2) .product-cta-text-wrap {
          right: -32px;
          top: 130px; } }
      @media (max-width: 576px) {
        .products-cta-container .product-cta-wrap:nth-child(2) .product-cta-text-wrap {
          right: unset;
          top: unset;
          bottom: 13px;
          left: 13px; } }
    .products-cta-container .product-cta-wrap:nth-child(2):after {
      border-right: 86px solid #d87d24;
      border-left: 86px solid #00AAC3; }
      @media (max-width: 576px) {
        .products-cta-container .product-cta-wrap:nth-child(2):after {
          border-right: 0;
          border-left: 0; } }
    .products-cta-container .product-cta-wrap:nth-child(3) .product-cta-text-wrap {
      right: -152px;
      top: 257px; }
      @media (max-width: 992px) {
        .products-cta-container .product-cta-wrap:nth-child(3) .product-cta-text-wrap {
          right: -84px;
          top: 164px; } }
      @media (max-width: 576px) {
        .products-cta-container .product-cta-wrap:nth-child(3) .product-cta-text-wrap {
          right: unset;
          top: unset;
          bottom: 13px;
          left: 13px; } }
    .products-cta-container .product-cta-wrap:nth-child(3):after {
      border-left: 40px solid #d87d24; }
      @media (max-width: 576px) {
        .products-cta-container .product-cta-wrap:nth-child(3):after {
          border-left: 0; } }
    .products-cta-container .product-cta-wrap > div {
      position: relative;
      height: 100%; }
      .products-cta-container .product-cta-wrap > div .product-cta-image {
        height: 100%; }
        .products-cta-container .product-cta-wrap > div .product-cta-image img {
          height: 100%;
          min-height: 347px;
          object-fit: cover; }
      .products-cta-container .product-cta-wrap > div .product-cta-text-wrap {
        transform: rotate(-90deg);
        display: block;
        position: absolute;
        transform-origin: 0 0;
        margin-left: -25px;
        font-size: 5.5rem;
        color: #fff;
        z-index: 1; }
        @media (max-width: 992px) {
          .products-cta-container .product-cta-wrap > div .product-cta-text-wrap {
            font-size: 3.5rem; } }
        @media (max-width: 576px) {
          .products-cta-container .product-cta-wrap > div .product-cta-text-wrap {
            transform: unset;
            margin: 0; } }

/*! _recent-blogs */
.recent-blogs-container {
  max-width: calc(100% - 100px);
  margin: 6rem auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  @media (max-width: 992px) {
    .recent-blogs-container {
      max-width: calc(100% - 20px); } }
  .recent-blogs-container .recent-blogs-heading {
    text-align: center;
    margin-bottom: 3rem; }
  .recent-blogs-container .blog-summary-wrapper {
    width: 33.33%; }
    @media (max-width: 992px) {
      .recent-blogs-container .blog-summary-wrapper {
        width: 100%;
        margin-top: 3rem; } }
    .recent-blogs-container .blog-summary-wrapper .blog-summary-container {
      width: 90%;
      display: flex;
      flex-direction: column;
      position: relative;
      margin: 0 auto; }
      @media (max-width: 992px) {
        .recent-blogs-container .blog-summary-wrapper .blog-summary-container {
          margin: 0 auto; } }
      @media (max-width: 576px) {
        .recent-blogs-container .blog-summary-wrapper .blog-summary-container {
          width: 98%; } }
      .recent-blogs-container .blog-summary-wrapper .blog-summary-container img {
        max-height: 450px;
        min-height: 450px;
        object-fit: cover;
        height: 100%; }
        @media (max-width: 992px) {
          .recent-blogs-container .blog-summary-wrapper .blog-summary-container img {
            min-height: 300px;
            max-height: 300px; } }
      .recent-blogs-container .blog-summary-wrapper .blog-summary-container .blog-summary {
        position: relative;
        margin-top: 1.5rem; }
        .recent-blogs-container .blog-summary-wrapper .blog-summary-container .blog-summary .blog-summary-heading {
          width: 80%; }
        .recent-blogs-container .blog-summary-wrapper .blog-summary-container .blog-summary a {
          position: absolute;
          right: 0;
          left: 0;
          bottom: 0;
          top: 0;
          opacity: 0; }
        .recent-blogs-container .blog-summary-wrapper .blog-summary-container .blog-summary:hover .blog-summary-icon {
          background-image: url("/p/1/Circle%20Chevron%20Filled%20Active.svg"); }
      .recent-blogs-container .blog-summary-wrapper .blog-summary-container .blog-summary-icon {
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        background-image: url("/p/1/Circle%20Chevron%20Filled.svg");
        background-repeat: no-repeat;
        background-position: center;
        width: 50px;
        height: 50px; }

/*! _getintouch-banner */
.getintouch-banner-main {
  height: 600px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative; }
  .getintouch-banner-main:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-left: 53px solid #007d91;
    border-right: 103px solid #ff7800d6;
    transition: all .2s ease;
    z-index: 4; }
    @media (max-width: 992px) {
      .getintouch-banner-main:before {
        border-left-width: 20px;
        border-right-width: 20px; } }
  .getintouch-banner-main:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 67px;
    width: 600px;
    height: 143px;
    background-image: url("/p/1/Rococo%20Banner%20Logo.png");
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(0deg) translateY(-50%);
    z-index: 5; }
    @media (max-width: 1400px) {
      .getintouch-banner-main:after {
        width: 369px; } }
    @media (max-width: 992px) {
      .getintouch-banner-main:after {
        width: 300px;
        left: 30px; } }
  .getintouch-banner-main .getintouch-banner-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    left: 0;
    mix-blend-mode: multiply;
    background: linear-gradient(19deg, #008a9e 0%, #008a9e 35%, rgba(0, 138, 158, 0) 35%, rgba(0, 138, 158, 0) 41%, rgba(216, 125, 36, 0) 69%, rgba(216, 125, 36, 0) 75%, #d87d24 75%, #d87d24 100%);
    z-index: 1; }
    @media (max-width: 992px) {
      .getintouch-banner-main .getintouch-banner-overlay {
        left: 0; } }
  .getintouch-banner-main .getintouch-content .getintouch-main-text {
    position: absolute;
    top: 26px;
    left: 60%;
    transform: translateX(-50%);
    background-color: #D87D24;
    color: #fff;
    width: 550px;
    height: 550px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 5rem 10rem;
    z-index: 8; }
    @media (max-width: 1400px) {
      .getintouch-banner-main .getintouch-content .getintouch-main-text {
        width: 474px;
        height: 474px; } }
    @media (max-width: 992px) {
      .getintouch-banner-main .getintouch-content .getintouch-main-text {
        width: 400px;
        height: 400px;
        left: 64%;
        padding: 5rem 7rem; } }
    @media (max-width: 768px) {
      .getintouch-banner-main .getintouch-content .getintouch-main-text {
        width: 300px;
        height: 300px;
        left: 50%;
        padding: 5rem 4rem; } }
    .getintouch-banner-main .getintouch-content .getintouch-main-text p {
      text-align: center;
      font-size: 5.8rem;
      margin: 0; }
      @media (max-width: 1400px) {
        .getintouch-banner-main .getintouch-content .getintouch-main-text p {
          font-size: 4.6rem; } }
      @media (max-width: 992px) {
        .getintouch-banner-main .getintouch-content .getintouch-main-text p {
          font-size: 4rem; } }
      @media (max-width: 768px) {
        .getintouch-banner-main .getintouch-content .getintouch-main-text p {
          font-size: 3rem; } }
    .getintouch-banner-main .getintouch-content .getintouch-main-text .getintouch-link {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      opacity: 0;
      border-radius: 50%; }

/*! _contact-cta */
.contact-form-cta {
  position: fixed;
  top: 19%;
  right: -86px;
  transform: rotate(-90deg) translateY(-50%);
  z-index: 3;
  font-size: 1.15rem;
  background-color: #fff;
  color: #000;
  padding: 1rem;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  user-select: none;
  cursor: pointer;
  box-shadow: 0 0 5px; }
  @media (min-height: 680px) and (min-width: 966px) {
    .contact-form-cta {
      top: 30%;
      right: -111px;
      font-size: 1.75rem; } }
  .contact-form-cta * {
    color: #000; }
  .contact-form-cta img {
    transform: rotate(90deg);
    width: 28px; }
    @media (min-height: 680px) and (min-width: 966px) {
      .contact-form-cta img {
        width: 37px; } }

#contact-form.panel-form {
  position: fixed;
  top: 0;
  right: 0px;
  z-index: 3;
  height: 100%;
  width: 400px;
  background-color: #f5f5f5;
  transform: translateX(400px);
  transition: all .3s ease-in-out; }
  #contact-form.panel-form .FieldsetNoBrdPdg {
    margin: 0 auto; }
  #contact-form.panel-form.show-form-panel {
    transform: translateX(0); }
  @media (max-width: 560px) {
    #contact-form.panel-form {
      width: 330px; } }
  #contact-form.panel-form .form-wrapper {
    padding: 2rem; }
    @media (max-height: 704px) {
      #contact-form.panel-form .form-wrapper {
        padding: 1rem 2rem; } }
  @media (max-height: 837px) {
    #contact-form.panel-form .c2form_input input {
      padding: 0 !important; } }
  #contact-form.panel-form .c2form_footer > div + div p:first-of-type {
    display: none; }
  @media (max-height: 793px) {
    #contact-form.panel-form .c2form_footer * {
      font-size: 0.8rem !important; } }
  @media (max-height: 710px) {
    #contact-form.panel-form h1 {
      font-size: 1.5rem; } }
  @media (max-height: 704px) {
    #contact-form.panel-form .c2form_zero label {
      font-size: 0.8rem; } }

.form-closeBtn {
  user-select: none;
  cursor: pointer; }
  .form-closeBtn span.ddc-btn {
    line-height: 1.5rem; }
  .form-closeBtn span {
    padding: 0; }
    @media (max-width: 768px) {
      .form-closeBtn span {
        padding: 0 .3rem; } }

/*! _footer */
.home-2023 .footer-bottom {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

.footer-accreditation-logos {
  display: flex;
  flex-wrap: wrap;
  row-gap: 1.5rem; }

.footer-icons {
  justify-content: space-between;
  max-width: 220px; }
  .footer-icons * {
    font-size: 2rem; }
  .footer-icons img {
    width: 40px;
    transition: all .2s ease; }
    .footer-icons img:hover {
      transform: scale(1.1); }

/*! _form */
@media (max-width: 1023px) {
  .contactForm.form-container-2023 h2:not(.open) + * {
    display: unset !important;
    cursor: auto !important; } }

body.brand .contact-2023.side-by-side-left {
  background-color: #303030; }
  body.brand .contact-2023.side-by-side-left .FieldsetNoBrdPdg {
    margin: 0;
    border: 0;
    padding: 0; }
  body.brand .contact-2023.side-by-side-left select {
    padding: 0; }
  body.brand .contact-2023.side-by-side-left input {
    margin-left: 0; }
  body.brand .contact-2023.side-by-side-left .c2form_intheader {
    color: #fff; }
  body.brand .contact-2023.side-by-side-left .c2form_fldname {
    color: #fff; }
  body.brand .contact-2023.side-by-side-left .c2form_header_plain p {
    color: #fff; }
  body.brand .contact-2023.side-by-side-left .c2form_footer div {
    color: #fff; }

/*! _brand-banner */
body.brand-2023 .banner {
  background-color: unset; }
  body.brand-2023 .banner p {
    margin: 0;
    height: 100%; }
    body.brand-2023 .banner p img {
      width: 100%;
      height: 100%; }

/*! _global */
.brand-2023 .space-above {
  margin-top: 5rem; }

.brand-2023 .space-below {
  margin-bottom: 5rem; }

/*! _mobile-menu */
.mean-container .mean-nav ul li a {
  font-size: 1.85rem !important; }