@import url(https://fonts.googleapis.com/css?family=Archivo);
@import url(https://fonts.googleapis.com/css?family=PT+Serif:400,700);
/* FRETTE: Start Variables
-------------------------- */
@font-face {
  font-family: 'Didot';
  src: url("../fonts/Didot/DidoteTextPro-Regular.otf") format("opentype"); }

@font-face {
  font-family: 'Didot';
  font-weight: bold;
  src: url("../fonts/Didot/DidoteTextPro-Bold.otf") format("opentype"); }

@font-face {
  font-family: 'Didot';
  font-style: italic;
  src: url("../fonts/Didot/DidoteTextPro-Italic.otf") format("opentype"); }

@font-face {
  font-family: 'Didot';
  font-weight: bold;
  font-style: italic;
  src: url("../fonts/Didot/DidoteTextPro-BoldItalic.otf") format("opentype"); }

@font-face {
  font-family: 'HelveticaNeue';
  src: url("../fonts/HelveticaNeue/HelveticaNeueeTextPro-Roman.otf") format("opentype"); }

@font-face {
  font-family: 'HelveticaNeueMd';
  src: url("../fonts/HelveticaNeue/HelveticaNeueeTextPro-Md.otf") format("opentype"); }

/*Replace old fonts with new fonts by default*/
body {
  margin: 0; }

/* FRETTE: End Variables
------------------------ */
/*------------------------------------*\
  #FORMS
\*------------------------------------*/
/*------------------------------------*\
  #TRANSITIONS
\*------------------------------------*/
.world-of_frette {
  overflow: hidden; }
  @media (max-width: 79.99875rem) {
    .world-of_frette__heroBanner {
      margin: 0 1.1875rem; } }
  @media (min-width: 1280px) {
    .world-of_frette__heroBanner {
      margin: 0 1.625rem; } }
  @media (min-width: 1920px) {
    .world-of_frette__heroBanner {
      margin: 0 2.5625rem; } }
  .world-of_frette__banner {
    position: relative; }
  .world-of_frette__content-info {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    left: 0;
    right: 0; }
    @media (max-width: 79.99875rem) {
      .world-of_frette__content-info {
        position: relative; } }
  .world-of_frette__title {
    font-family: "Archivo-SemiBold";
    text-align: center;
    text-transform: uppercase; }
    @media (max-width: 79.99875rem) {
      .world-of_frette__title {
        font-size: 0.75rem;
        line-height: 1;
        letter-spacing: 0.13187rem;
        color: #000;
        margin-top: 1.875rem; } }
    @media (min-width: 80rem) {
      .world-of_frette__title {
        font-size: 0.5rem;
        line-height: 1.5;
        letter-spacing: 0.08812rem;
        color: #ffffff; } }
    @media (min-width: 120rem) {
      .world-of_frette__title {
        color: #ffffff;
        font-size: 0.75rem;
        line-height: 1;
        letter-spacing: 0.13187rem; } }
  .world-of_frette__subtitle {
    font-family: "Butler-Light";
    text-align: center;
    text-transform: uppercase; }
    @media (max-width: 47.99875rem) {
      .world-of_frette__subtitle {
        width: 21.5rem;
        color: #000;
        font-size: 2.8125rem;
        line-height: 1;
        letter-spacing: -0.08438rem;
        margin: 1rem 0 1.8125rem; } }
    @media (min-width: 768px) {
      .world-of_frette__subtitle {
        width: 32.0625rem;
        color: #000;
        font-size: 2.8125rem;
        line-height: 1.02;
        letter-spacing: -0.08438rem;
        margin: 1.0625rem 0 2.4375rem; } }
    @media (min-width: 80rem) {
      .world-of_frette__subtitle {
        width: 32rem;
        font-size: 2.875rem;
        line-height: 1;
        color: #ffffff;
        letter-spacing: -0.08625rem;
        margin: 1.0625rem auto; } }
    @media (min-width: 120rem) {
      .world-of_frette__subtitle {
        width: 59.1875rem;
        font-size: 4.4375rem;
        letter-spacing: -0.13312rem;
        margin: 1.6875rem auto; } }
  .world-of_frette__button {
    font-family: "Archivo-Medium";
    text-align: center;
    text-transform: uppercase; }
    @media (max-width: 47.99875rem) {
      .world-of_frette__button {
        background-color: #000;
        color: #ffffff;
        width: 20.9375rem;
        height: 3.75rem;
        font-size: 0.75rem;
        border-radius: 0.5rem;
        line-height: 1;
        letter-spacing: 0.13187rem; } }
    @media (min-width: 768px) {
      .world-of_frette__button {
        background-color: #000;
        color: #ffffff;
        width: 10.5625rem;
        height: 2.5625rem;
        font-size: 0.5625rem;
        border-radius: 0.375rem;
        line-height: 0.56;
        letter-spacing: 0.09875rem; } }
    @media (min-width: 80rem) {
      .world-of_frette__button {
        margin-top: 0.75rem;
        background-color: #ffffff;
        color: #000; } }
    @media (min-width: 120rem) {
      .world-of_frette__button {
        width: 14.0625rem;
        height: 3.75rem;
        font-size: 0.75rem;
        border-radius: 0.5rem;
        margin-top: 0.875rem;
        line-height: 1;
        letter-spacing: 0.13187rem; } }
    .world-of_frette__button__anchor {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .world-of_frette__button__anchor:hover {
        text-decoration: none;
        color: #ffffff; }
  .world-of_frette__video, .world-of_frette__image {
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 8px; }
    @media (max-width: 767px) {
      .world-of_frette__video, .world-of_frette__image {
        border-radius: 8px;
        width: 100%;
        height: 433px; } }
    @media (min-width: 768px) {
      .world-of_frette__video, .world-of_frette__image {
        border-radius: 6px;
        width: 100%;
        height: 587px; } }
    @media (min-width: 80rem) {
      .world-of_frette__video, .world-of_frette__image {
        border-radius: 8px;
        width: 100%;
        height: 518px; } }
    @media (min-width: 120rem) {
      .world-of_frette__video, .world-of_frette__image {
        width: 100%;
        height: 775px; } }
  .world-of_frette__image {
    position: relative; }
    .world-of_frette__image:after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      max-width: unset;
      max-height: unset;
      display: inline-block; }
    .world-of_frette__image .largedesktop-img,
    .world-of_frette__image .tablet-img,
    .world-of_frette__image .mobile-img {
      border-radius: 0.5rem; }
    .world-of_frette__image .desktop-img {
      border-radius: 0.375rem; }

.video-controler {
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 99; }
  .video-controler .pause-btn {
    width: 9px;
    height: 13px; }
  .video-controler .play-btn {
    display: none;
    width: 12px;
    height: 14px; }
  .video-controler.pause .play-btn {
    display: block; }
  .video-controler.pause .pause-btn {
    display: none; }

.wof-sticky-nav {
  display: none; }

.world-of_frette__bodyTitle {
  font-family: "Archivo-SemiBold";
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
  text-align: center; }
  @media (max-width: 1279.8px) {
    .world-of_frette__bodyTitle {
      margin: 5.1875rem 0 1rem;
      font-size: 0.75rem;
      line-height: 1;
      letter-spacing: 2.11px; } }
  @media (min-width: 1280px) {
    .world-of_frette__bodyTitle {
      margin: 3.625rem 0 1.0625rem;
      font-size: 0.5rem;
      line-height: 1.5;
      letter-spacing: 0.08812rem; } }
  @media (min-width: 1920px) {
    .world-of_frette__bodyTitle {
      margin: 5.4375rem 0 1.6875rem;
      font-size: 0.75rem;
      line-height: 1;
      letter-spacing: 0.13187rem; } }

.world-of_frette__bodySubTitle {
  font-family: "Butler-Light";
  color: #000;
  text-align: center; }
  @media (max-width: 79.99875rem) {
    .world-of_frette__bodySubTitle {
      font-size: 1.5rem;
      line-height: 1.33;
      margin: 0 3.875rem 4.4375rem 3.9375rem; } }
  @media (min-width: 1280px) {
    .world-of_frette__bodySubTitle {
      font-size: 1.5625rem;
      line-height: 1.36;
      margin-bottom: 3.5rem; } }
  @media (min-width: 1920px) {
    .world-of_frette__bodySubTitle {
      font-size: 2.8125rem;
      line-height: 1.27;
      margin-bottom: 4.8125rem; } }

@media (max-width: 79.99875rem) {
  .all-features {
    margin: 0 1.25rem 4.375rem 1.25rem; } }

@media (min-width: 80rem) {
  .all-features {
    margin: 0 1.625rem 3.75rem 1.625rem; } }

@media (min-width: 120rem) {
  .all-features {
    margin: 0 2.5rem 5rem 2.5rem; } }

.all-features__container {
  display: grid; }
  @media (max-width: 79.99875rem) {
    .all-features__container {
      margin-bottom: 3.4375rem; } }
  @media (min-width: 1280px) {
    .all-features__container {
      gap: 1.2rem;
      grid-template-columns: 24% 24% 24% 24%; } }
  @media (min-width: 1920px) {
    .all-features__container {
      gap: 1.4rem; } }

.all-features__topImage {
  margin-bottom: 1.5rem; }
  .all-features__topImage img {
    width: 100%;
    height: 100%; }
  @media (max-width: 79.99875rem) {
    .all-features__topImage {
      width: 16.625rem;
      height: 22.875rem; } }
  @media (min-width: 1280px) {
    .all-features__topImage {
      margin-top: 15px;
      -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.5, 1);
      -o-transition: all 0.3s cubic-bezier(0, 0, 0.5, 1);
      transition: all 0.3s cubic-bezier(0, 0, 0.5, 1); }
      .all-features__topImage:hover {
        cursor: pointer;
        -webkit-box-shadow: 2px 4px 16px rgba(0, 0, 0, 0.16);
                box-shadow: 2px 4px 16px rgba(0, 0, 0, 0.16);
        -webkit-transform: scale3d(1.01, 1.01, 1.01);
                transform: scale3d(1.01, 1.01, 1.01);
        border-radius: 9px; } }
  @media (min-width: 120rem) {
    .all-features__topImage {
      width: 27.8125rem;
      height: 38.75rem; }
      .all-features__topImage:hover {
        border-radius: 11px; } }

.all-features__title {
  font-family: "Archivo-SemiBold";
  font-weight: 600;
  text-align: left;
  color: #000;
  margin-bottom: 1.125rem; }
  @media (max-width: 47.99875rem) {
    .all-features__title {
      font-size: 0.75rem;
      line-height: 1;
      letter-spacing: 0.13187rem; } }
  @media (min-width: 48rem) {
    .all-features__title {
      text-align: center;
      font-size: 0.6875rem;
      line-height: 2.09;
      letter-spacing: 0.12125rem; } }
  @media (min-width: 80rem) {
    .all-features__title {
      text-align: left; } }
  @media (min-width: 120rem) {
    .all-features__title {
      font-size: 0.75rem;
      line-height: 1;
      letter-spacing: 0.13187rem; } }

.all-features__subtitle {
  font-family: "Butler-Light";
  color: #000;
  text-align: left;
  margin-bottom: 3.75rem;
  text-transform: uppercase; }
  @media (max-width: 47.99875rem) {
    .all-features__subtitle {
      width: 16.625rem;
      font-size: 1.875rem;
      line-height: 0.83;
      letter-spacing: 0.0375rem;
      margin-bottom: 3.75rem; } }
  @media (min-width: 48rem) {
    .all-features__subtitle {
      width: 15.425rem;
      text-align: center;
      font-size: 1.5rem;
      line-height: 1;
      letter-spacing: 0.03rem; } }
  @media (min-width: 80rem) {
    .all-features__subtitle {
      width: 18.5625rem;
      text-align: left;
      font-size: 1.5rem;
      line-height: 1;
      letter-spacing: 0.03rem; } }
  @media (min-width: 120rem) {
    .all-features__subtitle {
      width: 22.875rem;
      text-align: left;
      font-size: 1.875rem;
      line-height: 0.9;
      letter-spacing: 0.0375rem;
      margin-bottom: 5.875rem; } }

.all-features__button {
  font-family: "Archivo-Medium";
  background-color: #000;
  color: #ffffff;
  text-transform: uppercase;
  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;
  margin: 0 auto; }
  @media (max-width: 47.99875rem) {
    .all-features__button {
      width: 20.9375rem;
      height: 3.75rem;
      border-radius: 0.5rem;
      line-height: 1;
      font-size: 0.75rem;
      letter-spacing: 0.13187rem;
      margin-bottom: 4rem; } }
  @media (min-width: 48rem) {
    .all-features__button {
      width: 10.5625rem;
      height: 2.5625rem;
      border-radius: 0.375rem;
      line-height: 0.56;
      font-size: 0.5625rem;
      letter-spacing: 0.09875rem;
      margin-bottom: 3.125rem; } }
  @media (min-width: 120rem) {
    .all-features__button {
      width: 14.0625rem;
      height: 3.75rem;
      border-radius: 0.5rem;
      line-height: 1;
      font-size: 0.75rem;
      letter-spacing: 0.13187rem;
      margin-bottom: 4.5625rem; } }
  .all-features__button__anchor {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .all-features__button__anchor:hover {
      text-decoration: none;
      color: #ffffff; }

@media (max-width: 79.99875rem) {
  .mCSB_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2.4rem !important; } }

@media (max-width: 47.99875rem) {
  .mCSB_container {
    gap: 1.4rem !important; } }

@media (max-width: 79.99875rem) {
  .mCSB_dragger_bar {
    height: 0.3125rem !important;
    background-color: #031d30 !important;
    border-radius: 0 !important; } }

@media (max-width: 79.99875rem) {
  .mCSB_draggerRail {
    height: 0.3125rem !important;
    background-color: #031d30 !important;
    opacity: 0.1 !important;
    border-radius: 0 !important; } }

@media (max-width: 767.98px) {
  .world-of_frette-hospitality {
    margin-bottom: 7.0625rem; } }

@media (min-width: 768px) {
  .world-of_frette-hospitality {
    margin-bottom: 4.1875rem; } }

@media (min-width: 1280px) {
  .world-of_frette-hospitality {
    margin-bottom: 8.625rem; } }

@media (min-width: 1920px) {
  .world-of_frette-hospitality {
    margin-bottom: 13rem; } }

.world-of_frette-hospitality__container {
  position: relative; }

.world-of_frette-hospitality__content-info {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  left: 0;
  right: 0; }

.world-of_frette-hospitality__title {
  font-family: "Archivo-SemiBold";
  font-weight: 600;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase; }
  @media (max-width: 79.99875rem) {
    .world-of_frette-hospitality__title {
      font-size: 0.75rem;
      font-weight: normal;
      line-height: 1;
      letter-spacing: 0.13187rem; } }
  @media (min-width: 80rem) {
    .world-of_frette-hospitality__title {
      font-size: 0.5rem;
      line-height: 1.5;
      letter-spacing: 0.08812rem; } }
  @media (min-width: 120rem) {
    .world-of_frette-hospitality__title {
      font-size: 0.75rem;
      line-height: 1;
      letter-spacing: 0.13187rem; } }

.world-of_frette-hospitality__subtitle {
  font-family: "Butler-Light";
  text-align: center;
  color: #ffffff; }
  @media (max-width: 47.99875rem) {
    .world-of_frette-hospitality__subtitle {
      width: 21.5rem;
      font-size: 1.5rem;
      line-height: 1.33;
      margin: 1rem 0 2.125rem; } }
  @media (min-width: 48rem) {
    .world-of_frette-hospitality__subtitle {
      width: 31.6875rem;
      font-size: 1.5rem;
      line-height: 1.25;
      margin: 1.5625rem 0 2.3125rem; } }
  @media (min-width: 80rem) {
    .world-of_frette-hospitality__subtitle {
      width: 33.0625rem;
      font-size: 1.5625rem;
      line-height: 1.36;
      margin: 1.0625rem 0 2.25rem; } }
  @media (min-width: 120rem) {
    .world-of_frette-hospitality__subtitle {
      width: 59.25rem;
      font-size: 2.8125rem;
      line-height: 1.27;
      margin: 2.625rem 0 4.125rem; } }

.world-of_frette-hospitality__button {
  font-family: "Archivo-Medium";
  text-align: center;
  background-color: #ffffff;
  color: #000;
  text-transform: uppercase;
  opacity: 1; }
  @media (max-width: 47.99875rem) {
    .world-of_frette-hospitality__button {
      width: 20.9375rem;
      height: 3.75rem;
      border-radius: 0.5rem;
      margin: 0 0.1875rem;
      font-size: 0.75rem;
      line-height: 1;
      letter-spacing: 0.13187rem; } }
  @media (min-width: 48rem) {
    .world-of_frette-hospitality__button {
      width: 10.5625rem;
      height: 2.5625rem;
      font-size: 0.5625rem;
      border-radius: 0.375rem;
      line-height: 0.56;
      letter-spacing: 0.09875rem; } }
  @media (min-width: 120rem) {
    .world-of_frette-hospitality__button {
      width: 14.0625rem;
      height: 3.75rem;
      font-size: 0.75rem;
      border-radius: 0.5rem;
      line-height: 1;
      letter-spacing: 0.13187rem; } }
  .world-of_frette-hospitality__button__anchor {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .world-of_frette-hospitality__button__anchor:hover {
      text-decoration: none;
      color: #ffffff; }

.world-of_frette-hospitality__image {
  position: relative;
  width: 100%; }
  .world-of_frette-hospitality__image:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: #000;
    opacity: 0.67;
    -o-object-fit: contain;
       object-fit: contain; }
  @media (max-width: 767.98px) {
    .world-of_frette-hospitality__image {
      padding-bottom: 206.4%; } }
  @media (min-width: 768px) {
    .world-of_frette-hospitality__image {
      padding-bottom: 84%; } }
  @media (min-width: 80rem) {
    .world-of_frette-hospitality__image {
      padding-bottom: 55.8%; } }
  .world-of_frette-hospitality__image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

@media (max-width: 47.99875rem) {
  .world-of-fine-lines {
    margin: 0 1.25rem 4rem 1.25rem; } }

@media (min-width: 48rem) {
  .world-of-fine-lines {
    margin: 0 1.25rem 4.125rem 1.25rem; } }

@media (min-width: 80rem) {
  .world-of-fine-lines {
    margin: 0 12.25rem 8.0625rem 12.25rem; } }

@media (min-width: 120rem) {
  .world-of-fine-lines {
    margin: 0 17.9375rem 12.125rem 17.9375rem; } }

.world-of-fine-lines__container {
  position: relative; }

@media (min-width: 48rem) {
  .world-of-fine-lines__rightText {
    padding-left: 4.1875rem; } }

@media (min-width: 80rem) {
  .world-of-fine-lines__rightText {
    padding-left: 8.4375rem; } }

@media (min-width: 120rem) {
  .world-of-fine-lines__rightText {
    padding-left: 12.75rem; } }

.world-of-fine-lines__title {
  font-family: "Butler-Light";
  color: #000; }
  @media (max-width: 47.99875rem) {
    .world-of-fine-lines__title {
      width: 14.5rem;
      font-size: 1.5rem;
      line-height: 1.33;
      margin-bottom: 1.75rem; } }
  @media (min-width: 48rem) {
    .world-of-fine-lines__title {
      width: 15.9375rem;
      font-size: 1.5rem;
      line-height: 1.25;
      margin-bottom: 1.125rem; } }
  @media (min-width: 80rem) {
    .world-of-fine-lines__title {
      width: 13.75rem;
      font-size: 1.5625rem;
      line-height: 1.36;
      margin-bottom: 1rem; } }
  @media (min-width: 120rem) {
    .world-of-fine-lines__title {
      width: 29.0625rem;
      font-size: 2.8125rem;
      line-height: 1.27;
      margin-bottom: 1.875rem; } }

.world-of-fine-lines__subtitle {
  font-family: "Archivo-ExtraLight";
  color: #777; }
  @media (max-width: 47.99875rem) {
    .world-of-fine-lines__subtitle {
      font-size: 1rem;
      line-height: 1.44;
      letter-spacing: 0.03rem;
      margin-bottom: 1.625rem; } }
  @media (min-width: 48rem) {
    .world-of-fine-lines__subtitle {
      width: 14.9375rem;
      font-size: 0.75rem;
      line-height: 1.42;
      letter-spacing: 0.0225rem;
      margin-bottom: 1.6875rem; } }
  @media (min-width: 80rem) {
    .world-of-fine-lines__subtitle {
      width: 19.0625rem;
      font-size: 0.8125rem;
      line-height: 1.46;
      letter-spacing: 0.02438rem;
      margin-bottom: 1.6875rem; } }
  @media (min-width: 120rem) {
    .world-of-fine-lines__subtitle {
      width: 28.625rem;
      font-size: 1.25rem;
      line-height: 1.5;
      letter-spacing: 0.0375rem;
      margin-bottom: 3.75rem; } }

.world-of-fine-lines__button {
  font-family: "Archivo-Medium";
  text-align: center;
  background-color: #000;
  color: #ffffff;
  text-transform: uppercase;
  opacity: 1; }
  @media (max-width: 47.99875rem) {
    .world-of-fine-lines__button {
      width: 20.9375rem;
      height: 3.75rem;
      border-radius: 0.5rem;
      line-height: 1;
      font-size: 0.75rem;
      letter-spacing: 0.13187rem; } }
  @media (min-width: 48rem) {
    .world-of-fine-lines__button {
      width: 13.5625rem;
      height: 2.5625rem;
      border-radius: 0.375rem;
      line-height: 0.56;
      font-size: 0.5625rem;
      letter-spacing: 0.09875rem; } }
  @media (min-width: 120rem) {
    .world-of-fine-lines__button {
      width: 28.625rem;
      height: 3.75rem;
      border-radius: 0.5rem;
      line-height: 1;
      font-size: 0.75rem;
      letter-spacing: 0.13187rem; } }
  .world-of-fine-lines__button__anchor {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .world-of-fine-lines__button__anchor:hover {
      text-decoration: none;
      color: #ffffff; }

.world-of-fine-lines__leftImage {
  -o-object-fit: contain;
     object-fit: contain; }
  @media (max-width: 47.99875rem) {
    .world-of-fine-lines__leftImage {
      width: 20.9375rem;
      border-radius: 0.5rem;
      padding-bottom: 1.625rem; } }
  @media (min-width: 48rem) {
    .world-of-fine-lines__leftImage {
      width: 22.8125rem;
      border-radius: 0.375rem; } }
  @media (min-width: 80rem) {
    .world-of-fine-lines__leftImage {
      width: 32.125rem;
      border-radius: 0.5rem; } }
  @media (min-width: 120rem) {
    .world-of-fine-lines__leftImage {
      width: 48.1875rem; } }

@media (min-width: 768px) {
  .world-of-fine-lines__container {
    display: grid;
    grid-template-columns: 50% 50%; } }

.bespoke-service {
  overflow: hidden; }
  .bespoke-service__container {
    margin: 0 auto;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea; }
    @media (max-width: 47.99875rem) {
      .bespoke-service__container {
        width: 20.9375rem; } }
    @media (min-width: 48rem) {
      .bespoke-service__container {
        width: 45.5rem; } }
    @media (min-width: 80rem) {
      .bespoke-service__container {
        width: 76.75rem; } }
    @media (min-width: 120rem) {
      .bespoke-service__container {
        width: 115.125rem; } }
  .bespoke-service__title {
    font-family: "Archivo-ExtraLight";
    text-align: center;
    color: #000;
    text-transform: uppercase; }
    @media (max-width: 47.99875rem) {
      .bespoke-service__title {
        font-size: 1rem;
        line-height: 1.94;
        letter-spacing: 0.15rem;
        margin-top: 3.6875rem;
        margin-bottom: 4.125rem; } }
    @media (min-width: 48rem) {
      .bespoke-service__title {
        font-size: 1rem;
        line-height: 1.94;
        letter-spacing: 0.15rem;
        margin-top: 2.9375rem; } }
    @media (min-width: 120rem) {
      .bespoke-service__title {
        font-size: 1.25rem;
        line-height: 1.55;
        letter-spacing: 0.1875rem;
        margin-top: 4.4375rem; } }
  .bespoke-service__button {
    font-family: "Archivo-Medium";
    text-align: center;
    background-color: #000;
    color: #ffffff;
    text-transform: uppercase;
    opacity: 1; }
    @media (max-width: 47.99875rem) {
      .bespoke-service__button {
        width: 20.9375rem;
        height: 3.75rem;
        border-radius: 0.5rem;
        line-height: 1;
        font-size: 0.75rem;
        letter-spacing: 0.13187rem;
        margin: 4.375rem 0; } }
    @media (min-width: 48rem) {
      .bespoke-service__button {
        width: 10.5625rem;
        height: 2.5625rem;
        border-radius: 0.375rem;
        line-height: 0.56;
        font-size: 0.5625rem;
        letter-spacing: 0.09875rem;
        margin-bottom: 3.125rem; } }
    @media (min-width: 120rem) {
      .bespoke-service__button {
        width: 14.0625rem;
        height: 3.75rem;
        border-radius: 0.5rem;
        line-height: 1;
        font-size: 0.75rem;
        letter-spacing: 0.13187rem;
        margin-bottom: 4.5625rem; } }
    .bespoke-service__button__anchor {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .bespoke-service__button__anchor:hover {
        text-decoration: none;
        color: #ffffff; }
  @media (max-width: 767.98px) {
    .bespoke-service__body {
      width: 22.9375rem; } }
  @media (min-width: 48rem) {
    .bespoke-service__body {
      width: 45.5rem; } }
  @media (min-width: 80rem) {
    .bespoke-service__body {
      padding: 0 48px;
      width: 76.75rem; } }
  @media (min-width: 120rem) {
    .bespoke-service__body {
      padding: 0 90px 0 99px;
      width: 115.125rem; } }
  @media (min-width: 48rem) {
    .bespoke-service__main-container {
      margin: 5.875rem auto 7.0625rem; } }
  .bespoke-service__private-appointments__title {
    font-family: "Butler-Light";
    text-align: left;
    text-transform: uppercase; }
    @media (max-width: 767.98px) {
      .bespoke-service__private-appointments__title {
        width: 18.75rem;
        font-size: 1.875rem;
        line-height: 1;
        letter-spacing: 0.6px; } }
    @media (min-width: 48rem) {
      .bespoke-service__private-appointments__title {
        width: 12.25rem;
        font-size: 1.5rem;
        line-height: 0.92; } }
    @media (min-width: 80rem) {
      .bespoke-service__private-appointments__title {
        width: 21.0625rem;
        font-size: 2.125rem;
        line-height: 0.88; } }
    @media (min-width: 120rem) {
      .bespoke-service__private-appointments__title {
        width: 21.0625rem;
        font-size: 2.5rem;
        line-height: 0.85; } }
  .bespoke-service__private-appointments__description {
    font-family: "Archivo-Light";
    text-align: left;
    color: #777;
    margin: 24px 0; }
    @media (max-width: 767.98px) {
      .bespoke-service__private-appointments__description {
        width: 17.3125rem;
        font-size: 0.875rem;
        line-height: 1.64;
        letter-spacing: 0.42px; } }
    @media (min-width: 48rem) {
      .bespoke-service__private-appointments__description {
        width: 12.875rem;
        font-size: 0.75rem;
        line-height: 1.5;
        letter-spacing: 0.36px; } }
    @media (min-width: 80rem) {
      .bespoke-service__private-appointments__description {
        font-size: 0.75rem;
        line-height: 1.58;
        letter-spacing: 0.36px; } }
    @media (min-width: 120rem) {
      .bespoke-service__private-appointments__description {
        width: 22.9375rem;
        font-size: 0.875rem;
        line-height: 1.64;
        letter-spacing: 0.42px; } }
  .bespoke-service__private-appointments__button {
    font-family: "Archivo-Light";
    text-align: left;
    color: #000; }
    @media (max-width: 767.98px) {
      .bespoke-service__private-appointments__button {
        font-size: 0.875rem;
        line-height: 1.64;
        letter-spacing: 0.42px;
        margin-bottom: 83px; } }
    @media (min-width: 48rem) {
      .bespoke-service__private-appointments__button {
        width: 9.4375rem;
        font-size: 0.75rem;
        line-height: 1.92;
        letter-spacing: 0.36px; } }
    @media (min-width: 80rem) {
      .bespoke-service__private-appointments__button {
        width: 100%;
        font-size: 0.75rem;
        line-height: 1.92;
        letter-spacing: 0.36px; } }
    @media (min-width: 120rem) {
      .bespoke-service__private-appointments__button {
        font-size: 0.875rem;
        line-height: 1.64;
        letter-spacing: 0.42px; } }
    @media (max-width: 767.98px) {
      .bespoke-service__private-appointments__button img {
        width: 22px;
        height: 9px; } }
    @media (min-width: 48rem) {
      .bespoke-service__private-appointments__button img {
        width: 18.3px;
        height: 7.7px; } }
    @media (min-width: 120rem) {
      .bespoke-service__private-appointments__button img {
        width: 22px;
        height: 9px; } }

.besPokeServiceAccordian .card-header {
  position: relative; }
  .besPokeServiceAccordian .card-header img {
    width: 36.2px;
    height: 18.1px;
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    margin: auto;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg); }
  .besPokeServiceAccordian .card-header .collapsed img {
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg); }

.besPokeServiceAccordian .card {
  border: 0; }
  .besPokeServiceAccordian .card .card-header {
    border: 0;
    padding: 0; }

@media (min-width: 768px) {
  .besPokeServiceAccordian {
    display: none !important; }
  .bespoke-service-display {
    display: block !important; } }

@media (max-width: 767.98px) {
  .besPokeServiceAccordian {
    display: block !important; }
  .bespoke-service-display {
    display: none !important; } }

@media (min-width: 768px) {
  .bespoke-service__main-container {
    display: grid;
    grid-template-columns: 33.333% 33.333% 33.333%; } }
  @media (min-width: 768px) and (min-width: 1920px) {
    .bespoke-service__main-container {
      gap: 8rem; } }
  @media (min-width: 768px) and (min-width: 1280px) {
    .bespoke-service__main-container {
      gap: 4.375rem; } }
  @media (min-width: 768px) and (max-width: 1279.98px) {
    .bespoke-service__main-container {
      gap: 1rem; } }

@media (min-width: 768px) {
  .besPokeServiceAccordian {
    display: none !important; } }

@media (max-width: 767px) {
  .corporate-responsibility__container {
    margin: 63px 18px; } }

@media (min-width: 768px) {
  .corporate-responsibility__container {
    margin: 66px 20px; } }

@media (min-width: 1280px) {
  .corporate-responsibility__container {
    margin: 81px 26px; } }

@media (min-width: 1920px) {
  .corporate-responsibility__container {
    margin: 120px 41px; } }

.corporate-responsibility__leftText {
  background-color: #E9E9E9;
  padding: 0; }
  @media (max-width: 767px) {
    .corporate-responsibility__leftText {
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px; } }
  @media (min-width: 768px) {
    .corporate-responsibility__leftText {
      border-top-left-radius: 6px;
      border-bottom-left-radius: 6px; } }
  @media (min-width: 1280px) {
    .corporate-responsibility__leftText {
      border-top-left-radius: 8px;
      border-bottom-left-radius: 8px; } }

.corporate-responsibility__title {
  font-family: "Archivo-SemiBold";
  font-weight: 600;
  color: #777;
  text-transform: uppercase; }
  @media (max-width: 767px) {
    .corporate-responsibility__title {
      margin-top: 42px;
      font-size: 0.75rem;
      line-height: 1;
      margin-top: 42px;
      margin-bottom: 16px;
      letter-spacing: 2.11px; } }
  @media (min-width: 768px) {
    .corporate-responsibility__title {
      font-size: 0.6875rem;
      line-height: 2.09;
      letter-spacing: 1.94px;
      margin-bottom: 15px; } }
  @media (min-width: 1920px) {
    .corporate-responsibility__title {
      font-size: 0.75rem;
      line-height: 1;
      letter-spacing: 2.11px;
      margin-bottom: 27px; } }

.corporate-responsibility__subtitle {
  font-family: "Butler-Light";
  color: #000;
  text-align: center; }
  @media (max-width: 767px) {
    .corporate-responsibility__subtitle {
      width: 306px;
      font-size: 2.8125rem;
      line-height: 1;
      letter-spacing: -1.35px;
      margin-bottom: 16px; } }
  @media (min-width: 768px) {
    .corporate-responsibility__subtitle {
      width: 237px;
      font-size: 1.25rem;
      line-height: 1.05;
      margin-bottom: 14px; } }
  @media (min-width: 1280px) {
    .corporate-responsibility__subtitle {
      width: 354px;
      font-size: 2.1875rem;
      line-height: 1.03;
      letter-spacing: -0.7px;
      margin-bottom: 27.5px; } }
  @media (min-width: 1920px) {
    .corporate-responsibility__subtitle {
      width: 538px;
      font-size: 3.125rem;
      line-height: 1.16;
      letter-spacing: -1.5px;
      margin-bottom: 34px; } }

.corporate-responsibility__description {
  font-family: "Archivo-ExtraLight";
  color: #000;
  text-align: center; }
  @media (max-width: 767.8px) {
    .corporate-responsibility__description {
      width: 284px;
      font-size: 0.875rem;
      line-height: 1.64;
      letter-spacing: 0.42px;
      margin-bottom: 26px; } }
  @media (min-width: 768px) {
    .corporate-responsibility__description {
      width: 275px;
      font-size: 0.75rem;
      line-height: 1.42;
      letter-spacing: 0.36px;
      margin-bottom: 20px; } }
  @media (min-width: 1280px) {
    .corporate-responsibility__description {
      width: 413px;
      font-size: 0.8125rem;
      line-height: 1.46;
      letter-spacing: 0.39px;
      margin-bottom: 27px; } }
  @media (min-width: 1920px) {
    .corporate-responsibility__description {
      width: 551px;
      font-size: 1.25rem;
      line-height: 1.55;
      letter-spacing: 0.6px;
      margin-bottom: 37px; } }

.corporate-responsibility__button {
  font-family: "Archivo-Medium";
  background-color: #031d30;
  color: #ffffff;
  text-transform: uppercase; }
  @media (max-width: 767px) {
    .corporate-responsibility__button {
      width: 306px;
      height: 60px;
      border-radius: 8px;
      line-height: 1;
      font-size: 0.75rem;
      letter-spacing: 2.11px;
      margin-bottom: 16px; } }
  @media (min-width: 768px) {
    .corporate-responsibility__button {
      width: 169px;
      height: 41px;
      border-radius: 6px;
      line-height: 0.56;
      font-size: 0.5625rem;
      letter-spacing: 1.58px; } }
  @media (min-width: 1920px) {
    .corporate-responsibility__button {
      width: 225px;
      height: 60px;
      border-radius: 8px;
      line-height: 1;
      font-size: 0.75rem;
      letter-spacing: 2.11px; } }
  .corporate-responsibility__button__anchor {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .corporate-responsibility__button__anchor:hover {
      text-decoration: none;
      color: #ffffff; }

.corporate-responsibility__rightImage {
  position: relative; }
  @media (max-width: 767.98px) {
    .corporate-responsibility__rightImage {
      padding-bottom: 102.1%; } }
  @media (min-width: 768px) {
    .corporate-responsibility__rightImage {
      padding-bottom: 105.5%; } }
  @media (min-width: 80rem) {
    .corporate-responsibility__rightImage {
      padding-bottom: 78.3%; } }
  .corporate-responsibility__rightImage img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
    @media (max-width: 767px) {
      .corporate-responsibility__rightImage img {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px; } }
    @media (min-width: 768px) {
      .corporate-responsibility__rightImage img {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px; } }
    @media (min-width: 1280px) {
      .corporate-responsibility__rightImage img {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px; } }

@media (min-width: 768px) {
  .corporate-responsibility__container {
    display: grid;
    grid-template-columns: 50% 50%; }
  .corporate-responsibility__rightImage {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .corporate-responsibility__leftText {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; } }

@media (max-width: 767px) {
  .corporate-responsibility__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .corporate-responsibility__rightImage {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .corporate-responsibility__leftText {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; } }

.largedesktop-img {
  display: none !important; }
  @media (min-width: 120rem) {
    .largedesktop-img {
      display: block !important; } }

.desktop-img {
  display: none !important; }
  @media (min-width: 80rem) and (max-width: 119.99875rem) {
    .desktop-img {
      display: block !important; } }

.tablet-img {
  display: none !important; }
  @media (min-width: 48rem) and (max-width: 79.99875rem) {
    .tablet-img {
      display: block !important; } }

.mobile-img {
  display: none !important; }
  @media (max-width: 47.99875rem) {
    .mobile-img {
      display: block !important; } }


/*# sourceMappingURL=worldoffrette.css.map*/