::-moz-selection {
  color: white;
  background: #343434; }

::selection {
  color: white;
  background: #343434; }

.cky-title, .cky-btn {
  font-family: "scale-variable", sans-serif !important; }

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

html {
  scroll-behavior: smooth; }

body {
  font-family: "corsario-variable", sans-serif;
  color: #1A1A1A; }
  body.openMenu {
    overflow: hidden; }

section {
  padding: 90px 8vw;
  margin: 0 auto; }
  @media only screen and (max-width: 600px) {
    section {
      padding: 50px 30px; } }

h1, h2, h3, h4, p, a, address {
  line-height: 1.4; }

a {
  text-decoration: none;
  color: inherit; }

a, p {
  font-size: clamp(18px, 1vw, 18px);
  font-weight: 400; }

h1, h2, h3, h4 {
  font-family: "scale-variable", sans-serif;
  letter-spacing: 1px;
  font-weight: 400; }

/*---------
++BUTTONS++
---------*/
.defaultBTN {
  font-size: clamp(16px, 0.9vw, 16px);
  text-transform: uppercase;
  padding: 16px 25px;
  border-radius: 50px;
  border: 1px solid transparent;
  background: transparent;
  transition: 0.4s;
  display: inline-block;
  width: max-content;
  text-align: center;
  font-family: "scale-variable", sans-serif;
  color: #FFFFFF;
  font-variation-settings: 'wdth' 75, 'wght' 500;
  letter-spacing: 1px; }
  .defaultBTN.pinkBTN {
    border: 1px solid #FA34D2;
    background-color: #FA34D2; }
    .defaultBTN.pinkBTN:hover {
      background-color: #FFFFFF;
      color: #FA34D2; }
  .defaultBTN.blueBTN {
    border: 1px solid #1717FF;
    background-color: #1717FF; }
    .defaultBTN.blueBTN:hover {
      background-color: #FFFFFF;
      color: #1717FF; }
  .defaultBTN.greenBTN {
    border: 1px solid #6EDC2A;
    background-color: #6EDC2A; }
    .defaultBTN.greenBTN:hover {
      background-color: #FFFFFF;
      color: #6EDC2A; }

/*----------
++404 page++
----------*/
.error-404 {
  height: 80dvh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .error-404 h1 {
    font-size: clamp(50px, 7.7vw, 100px);
    font-family: "scale-variable", sans-serif; }
  .error-404 p {
    font-size: clamp(20px, 1.5vw, 30px);
    margin-bottom: 50px; }

/*-------------------
++CUSTOM ANIMATIONS++
-------------------*/
[data-aos="mediaLeft"] {
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); }

[data-aos="mediaLeft"].aos-animate {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }

[data-aos="mediaRight"] {
  clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); }

[data-aos="mediaRight"].aos-animate {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }

[data-aos="clipUp"] {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); }

[data-aos="clipUp"].aos-animate {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }

[data-aos="clipDown"] {
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); }

[data-aos="clipDown"].aos-animate {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }

@keyframes hoverUnderline {
  0% {
    width: 0;
    left: 0;
    right: auto;
    opacity: 1; }
  100% {
    width: 100%;
    left: 0;
    right: auto;
    opacity: 1; } }
@keyframes underlineBTN {
  0% {
    width: 100%;
    right: 0;
    left: auto; }
  50% {
    width: 0;
    right: 0;
    left: auto; }
  51% {
    width: 0;
    right: auto;
    left: 0; }
  100% {
    width: 100%;
    right: auto;
    left: 0; } }
.page-template-default main {
  padding: 50px 20vw; }
  .page-template-default main article h1 {
    font-family: "scale-variable", sans-serif;
    font-size: clamp(40px, 9vw, 100px);
    margin-bottom: 70px;
    text-transform: uppercase;
    text-align: center; }
  .page-template-default main article .entry-content h2 {
    font-size: clamp(18px, 1.5vw, 30px);
    margin: 40px 0 20px; }
  .page-template-default main article .entry-content h3 {
    font-size: clamp(16px, 1.1vw, 25px);
    margin: 40px 0 20px; }
  .page-template-default main article .entry-content img {
    margin-bottom: 40px; }
  .page-template-default main article .entry-content p, .page-template-default main article .entry-content span {
    font-size: clamp(14px, 1.1vw, 19px);
    margin-bottom: 20px; }
  .page-template-default main article .entry-content ul, .page-template-default main article .entry-content ol {
    margin: 10px 0 10px 15px;
    list-style-position: inside; }
    .page-template-default main article .entry-content ul li, .page-template-default main article .entry-content ol li {
      font-size: clamp(14px, 1.1vw, 19px); }
  .page-template-default main article .entry-content a {
    text-decoration: underline;
    font-size: clamp(14px, 1.1vw, 19px); }
  @media only screen and (max-width: 991px) {
    .page-template-default main {
      padding: 50px 10vw; } }

/*----------
++IMPORTS++
----------*/
/* CSS Document */
header .headerWrap {
  padding: 2vw 8vw;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media only screen and (max-width: 768px) {
    header .headerWrap.desktopMenu {
      display: none; } }
  header .headerWrap .menu-menu-container ul {
    display: flex;
    list-style-type: none; }
    header .headerWrap .menu-menu-container ul li {
      padding: 0 15px; }
      header .headerWrap .menu-menu-container ul li a {
        text-transform: uppercase;
        font-size: clamp(18px, 1.1vw, 20px);
        font-family: "scale-variable", sans-serif;
        font-variation-settings: 'wdth' 75, 'wght' 500;
        color: #1A1A1A;
        position: relative;
        padding-bottom: 8px;
        letter-spacing: 1px; }
        header .headerWrap .menu-menu-container ul li a::after {
          content: "";
          position: absolute;
          bottom: 0;
          z-index: 0;
          height: 1px;
          right: 0;
          width: 100%;
          background: transparent; }
        header .headerWrap .menu-menu-container ul li a:hover::after {
          animation: hoverUnderline 1s; }
      header .headerWrap .menu-menu-container ul li.current_page_item:nth-child(1) a::after {
        background: transparent; }
      header .headerWrap .menu-menu-container ul li.current_page_item:nth-child(2) a::after {
        background: #6EDC2A; }
      header .headerWrap .menu-menu-container ul li.current_page_item:nth-child(3) a::after {
        background: #FA34D2; }
      header .headerWrap .menu-menu-container ul li:last-of-type {
        padding: 0 0 0 15px; }
      header .headerWrap .menu-menu-container ul li:nth-child(1) a:hover::after {
        background: #1717FF; }
      header .headerWrap .menu-menu-container ul li:nth-child(2) a:hover::after {
        background: #6EDC2A; }
      header .headerWrap .menu-menu-container ul li:nth-child(3) a:hover::after {
        background: #FA34D2; }
header .mobileMenu {
  display: none; }
  @media only screen and (max-width: 768px) {
    header .mobileMenu {
      display: block;
      padding: 30px; } }
  header .mobileMenu.purple .navWrap .navigation {
    background-color: #2F0035; }
  header .mobileMenu.blue .navWrap .navigation {
    background-color: #000048; }
  header .mobileMenu.green .navWrap .navigation {
    background-color: #005B51; }
  header .mobileMenu .logoWrap {
    top: 0;
    width: max-content; }
    header .mobileMenu .logoWrap a {
      display: block;
      width: max-content; }
    header .mobileMenu .logoWrap img {
      height: 100%;
      width: 100%;
      object-fit: contain; }
  header .mobileMenu .menuIcon {
    width: 30px;
    cursor: pointer;
    position: fixed;
    top: 35px;
    right: 30px;
    z-index: 99999;
    height: 22px; }
    header .mobileMenu .menuIcon div {
      background-color: #1A1A1A;
      height: 2px;
      width: 100%;
      transition: 0.4s;
      position: absolute; }
      header .mobileMenu .menuIcon div:nth-child(1) {
        top: 0; }
      header .mobileMenu .menuIcon div:nth-child(2) {
        top: 50%;
        transform: translateY(-50%); }
      header .mobileMenu .menuIcon div:nth-child(3) {
        bottom: 0; }
    header .mobileMenu .menuIcon.openMenu {
      top: 40px; }
      header .mobileMenu .menuIcon.openMenu div {
        background-color: #FFFFFF; }
        header .mobileMenu .menuIcon.openMenu div:nth-child(1) {
          transform: rotate(45deg);
          top: 10px; }
        header .mobileMenu .menuIcon.openMenu div:nth-child(2) {
          display: none; }
        header .mobileMenu .menuIcon.openMenu div:nth-child(3) {
          transform: rotate(-45deg);
          bottom: 8px; }
    @media only screen and (max-width: 600px) {
      header .mobileMenu .menuIcon.openMenu {
        height: 15px; }
        header .mobileMenu .menuIcon.openMenu div:nth-child(1) {
          top: 5px; } }
  header .mobileMenu .navWrap {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    color: #1A1A1A;
    z-index: 3;
    height: 100dvh;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0);
    transition: 0.4s;
    pointer-events: none; }
    header .mobileMenu .navWrap .navigation {
      display: flex;
      flex-direction: column;
      position: absolute;
      top: 0;
      right: 0;
      height: 100dvh;
      width: 64%;
      background: white;
      transform: translateX(200%);
      transition: 1s;
      padding: 30px;
      z-index: 999;
      background-color: #2F0035; }
      @media only screen and (max-width: 768px) {
        header .mobileMenu .navWrap .navigation {
          width: 100%; } }
      header .mobileMenu .navWrap .navigation .navHeader {
        align-self: flex-start;
        position: relative;
        z-index: 1; }
        header .mobileMenu .navWrap .navigation .navHeader .logoWrap {
          position: relative;
          z-index: 9999;
          top: 0; }
          header .mobileMenu .navWrap .navigation .navHeader .logoWrap a {
            display: block;
            width: max-content; }
          header .mobileMenu .navWrap .navigation .navHeader .logoWrap img {
            height: 100%;
            width: 100%;
            object-fit: contain; }
          header .mobileMenu .navWrap .navigation .navHeader .logoWrap svg path {
            fill: #FFFFFF; }
      header .mobileMenu .navWrap .navigation .menuWrap {
        position: relative;
        margin: 5vh 0;
        flex-grow: 1;
        overflow: hidden;
        display: flex;
        align-items: flex-end; }
        header .mobileMenu .navWrap .navigation .menuWrap .menu-menu-container {
          width: 100%;
          position: relative;
          z-index: 1; }
          header .mobileMenu .navWrap .navigation .menuWrap .menu-menu-container #menu-menu-1 {
            padding: 0;
            margin: 0; }
            header .mobileMenu .navWrap .navigation .menuWrap .menu-menu-container #menu-menu-1 li {
              margin-bottom: 4vh;
              list-style-type: none; }
              header .mobileMenu .navWrap .navigation .menuWrap .menu-menu-container #menu-menu-1 li a {
                color: #FFFFFF;
                font-size: 40px;
                text-transform: uppercase;
                font-family: "scale-variable", sans-serif;
                transition: 0.4s;
                font-weight: 500; }
              header .mobileMenu .navWrap .navigation .menuWrap .menu-menu-container #menu-menu-1 li:hover a {
                letter-spacing: 3px; }
                @media only screen and (max-width: 991px) {
                  header .mobileMenu .navWrap .navigation .menuWrap .menu-menu-container #menu-menu-1 li:hover a {
                    letter-spacing: normal; } }
      header .mobileMenu .navWrap .navigation .socialWrap {
        align-self: flex-start;
        position: relative;
        z-index: 1;
        margin: 0 0 3vh; }
        header .mobileMenu .navWrap .navigation .socialWrap ul {
          display: flex;
          column-gap: 30px;
          padding: 0;
          margin: 0; }
          header .mobileMenu .navWrap .navigation .socialWrap ul li {
            list-style: none; }
            header .mobileMenu .navWrap .navigation .socialWrap ul li svg {
              width: 30px;
              height: 30px; }
      header .mobileMenu .navWrap .navigation.openMenu {
        transform: translateX(0); }
    header .mobileMenu .navWrap.openMenu {
      background-color: rgba(0, 0, 0, 0.5);
      pointer-events: auto; }

/* CSS Document */
footer {
  background-color: #000048; }
  footer.purple {
    background-color: #2F0035; }
    footer.purple .topFooter .rightColContainer .socialWrap {
      text-align: end;
      margin-top: 20px; }
      footer.purple .topFooter .rightColContainer .socialWrap a:first-of-type {
        margin-right: 10px; }
      footer.purple .topFooter .rightColContainer .socialWrap a:hover svg path {
        fill: #FA34D2; }
  footer.blue {
    background-color: #000048; }
    footer.blue .topFooter .rightColContainer .socialWrap {
      text-align: end;
      margin-top: 20px; }
      footer.blue .topFooter .rightColContainer .socialWrap a:first-of-type {
        margin-right: 10px; }
      footer.blue .topFooter .rightColContainer .socialWrap a:hover svg path {
        fill: #1717FF; }
  footer.green {
    background-color: #005B51; }
    footer.green .topFooter .rightColContainer .socialWrap {
      text-align: end;
      margin-top: 20px; }
      footer.green .topFooter .rightColContainer .socialWrap a:first-of-type {
        margin-right: 10px; }
      footer.green .topFooter .rightColContainer .socialWrap a:hover svg path {
        fill: #6EDC2A; }
  footer .footerWrap {
    padding: 5vw 8vw;
    margin: 0 auto; }
  footer .topFooter {
    display: flex;
    justify-content: space-between; }
    footer .topFooter .logoWrapMobile {
      display: none; }
    footer .topFooter .leftColContainer {
      display: flex; }
      footer .topFooter .leftColContainer div {
        padding-right: 50px; }
        footer .topFooter .leftColContainer div h2 {
          text-transform: uppercase;
          font-family: "scale-variable", sans-serif;
          font-size: 18px;
          font-variation-settings: 'wdth' 75, 'wght' 500;
          letter-spacing: 1px;
          color: #FFFFFF;
          margin-bottom: 10px; }
        footer .topFooter .leftColContainer div a, footer .topFooter .leftColContainer div address {
          font-family: "scale-variable", sans-serif;
          font-size: 17px;
          font-style: normal;
          font-variation-settings: 'wdth' 100, 'wght' 400;
          color: #FFFFFF;
          line-height: 1.4;
          letter-spacing: 1px; }
    footer .topFooter .rightColContainer .logoWrap svg path {
      fill: #FFFFFF; }
    footer .topFooter .rightColContainer .socialWrap {
      text-align: end;
      margin-top: 20px; }
      footer .topFooter .rightColContainer .socialWrap a:first-of-type {
        margin-right: 10px; }
      footer .topFooter .rightColContainer .socialWrap a:hover svg path {
        transition: 0.4s;
        fill: #1717FF; }
  footer .policyLinks {
    padding: 5vw 0 0; }
    footer .policyLinks div {
      text-align: right; }
      footer .policyLinks div a, footer .policyLinks div p {
        color: #FFFFFF;
        opacity: 0.5;
        font-family: "scale-variable", sans-serif;
        font-size: 12px; }
  @media only screen and (max-width: 768px) {
    footer .footerWrap {
      padding: 50px 30px; }
    footer .topFooter {
      flex-direction: column; }
      footer .topFooter .logoWrapMobile {
        display: block;
        margin-bottom: 50px; }
        footer .topFooter .logoWrapMobile svg path {
          fill: #FFFFFF; }
      footer .topFooter .leftColContainer {
        flex-direction: column; }
        footer .topFooter .leftColContainer div {
          padding-right: 0;
          margin-bottom: 50px;
          width: max-content; }
      footer .topFooter .rightColContainer .logoWrap {
        display: none; }
      footer .topFooter .rightColContainer .socialWrap {
        text-align: start !important;
        margin-bottom: 50px;
        margin-top: 0; }
    footer .policyLinks {
      padding: 0; }
      footer .policyLinks div {
        text-align: left; } }

/* CSS Document */
.ctaSectionWrap {
  margin-bottom: 50px; }
  .ctaSectionWrap h1, .ctaSectionWrap h2, .ctaSectionWrap h3, .ctaSectionWrap h4 {
    font-size: clamp(30px, 2.1vw, 35px);
    margin-bottom: 30px; }
  .ctaSectionWrap p {
    font-size: clamp(16px, 1vw, 16px);
    margin-bottom: 45px;
    width: 35%;
    max-width: 450px;
    min-width: 300px; }
  .ctaSectionWrap.purple a.defaultBTN {
    border: 1px solid #FA34D2;
    background-color: #FA34D2; }
    .ctaSectionWrap.purple a.defaultBTN:hover {
      background-color: #FFFFFF;
      color: #FA34D2; }
  .ctaSectionWrap.blue a.defaultBTN {
    border: 1px solid #1717FF;
    background-color: #1717FF; }
    .ctaSectionWrap.blue a.defaultBTN:hover {
      background-color: #FFFFFF;
      color: #1717FF; }
  .ctaSectionWrap.green a.defaultBTN {
    border: 1px solid #6EDC2A;
    background-color: #6EDC2A; }
    .ctaSectionWrap.green a.defaultBTN:hover {
      background-color: #FFFFFF;
      color: #6EDC2A; }

/* CSS Document */
.homeBannerWrap {
  padding: 0 !important;
  max-width: none;
  margin: 0;
  overflow: hidden; }
  .homeBannerWrap .mediaContainer {
    overflow: hidden;
    height: 80dvh;
    width: 100%; }
    .homeBannerWrap .mediaContainer img, .homeBannerWrap .mediaContainer video {
      height: 100%;
      width: 100%;
      object-fit: cover; }
  @media only screen and (max-width: 991px) {
    .homeBannerWrap .mediaContainer {
      height: auto; } }

/* CSS Document */
.textSectionWrap {
  padding-bottom: 75px; }
  .textSectionWrap .textContainer h1, .textSectionWrap .textContainer h2, .textSectionWrap .textContainer h3, .textSectionWrap .textContainer h4, .textSectionWrap .textContainer p {
    padding-top: 30px;
    position: relative;
    width: 55%;
    min-width: 300px;
    max-width: 650px;
    font-size: clamp(18px, 1.5vw, 30px); }
    .textSectionWrap .textContainer h1::before, .textSectionWrap .textContainer h2::before, .textSectionWrap .textContainer h3::before, .textSectionWrap .textContainer h4::before, .textSectionWrap .textContainer p::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      height: 1px;
      width: 35%; }
  .textSectionWrap .textContainer.noLine h1, .textSectionWrap .textContainer.noLine h2, .textSectionWrap .textContainer.noLine h3, .textSectionWrap .textContainer.noLine h4, .textSectionWrap .textContainer.noLine p {
    padding-top: 0; }
    .textSectionWrap .textContainer.noLine h1::before, .textSectionWrap .textContainer.noLine h2::before, .textSectionWrap .textContainer.noLine h3::before, .textSectionWrap .textContainer.noLine h4::before, .textSectionWrap .textContainer.noLine p::before {
      display: none; }
  .textSectionWrap .textContainer.pinkLine h1::before, .textSectionWrap .textContainer.pinkLine h2::before, .textSectionWrap .textContainer.pinkLine h3::before, .textSectionWrap .textContainer.pinkLine h4::before, .textSectionWrap .textContainer.pinkLine p::before {
    background-color: #FA34D2; }
  .textSectionWrap .textContainer.greenLine h1::before, .textSectionWrap .textContainer.greenLine h2::before, .textSectionWrap .textContainer.greenLine h3::before, .textSectionWrap .textContainer.greenLine h4::before, .textSectionWrap .textContainer.greenLine p::before {
    background-color: #6EDC2A; }
  .textSectionWrap .textContainer.blueLine h1::before, .textSectionWrap .textContainer.blueLine h2::before, .textSectionWrap .textContainer.blueLine h3::before, .textSectionWrap .textContainer.blueLine h4::before, .textSectionWrap .textContainer.blueLine p::before {
    background-color: #1717FF; }
  @media screen and (max-width: 991px) {
    .textSectionWrap .textContainer h1, .textSectionWrap .textContainer h2, .textSectionWrap .textContainer h3, .textSectionWrap .textContainer h4, .textSectionWrap .textContainer p {
      width: 95%; } }

/* CSS Document */
.caseGridWrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px 20px;
  padding: 0 8vw; }
  .caseGridWrap .gridItem {
    overflow: hidden; }
    .caseGridWrap .gridItem img, .caseGridWrap .gridItem video {
      height: 100%;
      width: 100%;
      object-fit: cover; }
  @media screen and (max-width: 600px) {
    .caseGridWrap {
      grid-template-columns: 1fr;
      padding-bottom: 100px; } }

/* CSS Document */
.teamGridWrap {
  margin-bottom: 50px; }
  .teamGridWrap h1 {
    position: relative;
    padding-top: 30px;
    font-size: clamp(35px, 2.1vw, 35px);
    font-weight: 400;
    letter-spacing: 2px; }
    .teamGridWrap h1::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      height: 1px;
      width: 25%; }
  .teamGridWrap.purple h1::before {
    background-color: #FA34D2; }
  .teamGridWrap.blue h1::before {
    background-color: #1717FF; }
  .teamGridWrap.green h1::before {
    background-color: #6EDC2A; }
  .teamGridWrap .gridContainer {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 50px 20px;
    margin-top: 100px; }
    .teamGridWrap .gridContainer .gridItem .mediaContainer {
      overflow: hidden; }
      .teamGridWrap .gridContainer .gridItem .mediaContainer img {
        height: 100%;
        width: 100%;
        object-fit: cover; }
    .teamGridWrap .gridContainer .gridItem .textContainer {
      margin-top: 20px; }
      .teamGridWrap .gridContainer .gridItem .textContainer p {
        font-size: clamp(16px, 1vw, 18px); }
        .teamGridWrap .gridContainer .gridItem .textContainer p:first-of-type {
          font-family: "scale-variable", sans-serif;
          font-weight: 500;
          letter-spacing: 1px; }
  @media screen and (max-width: 850px) {
    .teamGridWrap .gridContainer {
      grid-template-columns: 1fr 1fr 1fr; } }
  @media screen and (max-width: 600px) {
    .teamGridWrap .gridContainer {
      grid-template-columns: 1fr 1fr; } }
  @media screen and (max-width: 380px) {
    .teamGridWrap .gridContainer .gridItem .textContainer {
      font-size: 13px; } }

/* CSS Document */
.instaFeedWrap .instaFeedContainer {
  padding: 0 0 76px;
  border-top: 1px solid #6EDC2A;
  border-bottom: 1px solid #6EDC2A; }
  .instaFeedWrap .instaFeedContainer p {
    font-size: clamp(18px, 1.1vw, 20px);
    font-family: "scale-variable", sans-serif; }
  .instaFeedWrap .instaFeedContainer .instaFeed {
    margin: 50px 0 0; }
.instaFeedWrap.purple .instaFeedContainer {
  border-top: 1px solid #FA34D2;
  border-bottom: 1px solid #FA34D2; }
.instaFeedWrap.blue .instaFeedContainer {
  border-top: 1px solid #1717FF;
  border-bottom: 1px solid #1717FF; }
.instaFeedWrap.green .instaFeedContainer {
  border-top: 1px solid #6EDC2A;
  border-bottom: 1px solid #6EDC2A; }

/* CSS Document */
.detailsWrap h1 {
  position: relative;
  padding-top: 30px;
  font-size: clamp(25px, 2.1vw, 35px);
  width: fit-content; }
  .detailsWrap h1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 95%; }
.detailsWrap .detailsContainer {
  margin-top: 80px;
  display: flex;
  flex-wrap: wrap; }
  .detailsWrap .detailsContainer div {
    margin-top: 20px;
    padding-right: 50px; }
    .detailsWrap .detailsContainer div h2 {
      text-transform: uppercase;
      font-size: clamp(16px, 1vw, 18px);
      font-variation-settings: 'wdth' 75, 'wght' 500;
      letter-spacing: 1px;
      margin-bottom: 10px; }
    .detailsWrap .detailsContainer div address {
      font-style: normal; }
    .detailsWrap .detailsContainer div p, .detailsWrap .detailsContainer div address, .detailsWrap .detailsContainer div a {
      font-family: "scale-variable", sans-serif;
      font-size: clamp(15px, 1vw, 17px);
      font-weight: 400;
      letter-spacing: 1px; }
.detailsWrap.purple h1::before {
  background-color: #FA34D2; }
.detailsWrap.blue h1::before {
  background-color: #1717FF; }
.detailsWrap.green h1::before {
  background-color: #6EDC2A; }
@media only screen and (max-width: 540px) {
  .detailsWrap .detailsContainer {
    flex-direction: column; }
    .detailsWrap .detailsContainer div h2 {
      margin-bottom: 5px; } }

/* CSS Document */
.mapWrap {
  height: 80dvh; }
  .mapWrap iframe {
    width: 100%;
    height: 100%; }
  @media only screen and (max-width: 800px) {
    .mapWrap {
      height: 50dvh; } }

.titleContainer {
  padding: 70px 8vw 0; }
  .titleContainer h1 {
    font-size: clamp(30px, 2.5vw, 50px);
    font-weight: 400;
    letter-spacing: 2px; }

.navigation {
  padding: 50px 8vw;
  margin: 0 auto; }
  .navigation h2 {
    display: none; }
  .navigation .nav-links {
    display: flex;
    justify-content: space-between; }
    .navigation .nav-links .nav-next a, .navigation .nav-links .nav-previous a {
      position: relative;
      text-align: right;
      padding-bottom: 30px;
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      font-size: clamp(14px, 1vw, 18px);
      font-family: "scale-variable", sans-serif; }
      .navigation .nav-links .nav-next a::after, .navigation .nav-links .nav-previous a::after {
        content: "";
        background-image: url(/wp-content/themes/philosophy/comps/-global/svg/arrow-case.svg);
        background-size: 180px 20px;
        display: block;
        position: relative;
        bottom: 0;
        left: 0;
        height: 20px;
        width: 180px;
        transition: 0.4s; }
      @media only screen and (max-width: 500px) {
        .navigation .nav-links .nav-next a::after, .navigation .nav-links .nav-previous a::after {
          width: 150px;
          background-size: 150px 20px; } }
      @media only screen and (max-width: 380px) {
        .navigation .nav-links .nav-next a::after, .navigation .nav-links .nav-previous a::after {
          width: 120px;
          background-size: 120px 20px; } }
    .navigation .nav-links .nav-next a {
      align-items: flex-start; }
      .navigation .nav-links .nav-next a::after {
        transform: rotate(180deg); }
    .navigation .nav-links .nav-next:hover a::after {
      left: 5px; }
    .navigation .nav-links .nav-previous:hover a::after {
      left: -5px; }
  @media only screen and (max-width: 500px) {
    .navigation {
      padding: 30px 8vw; } }

/* CSS Document */
.bannerWrap .textContainer {
  display: flex;
  justify-content: space-between; }
  .bannerWrap .textContainer .leftColContainer {
    flex: 0 0 70%;
    position: relative; }
    .bannerWrap .textContainer .leftColContainer p {
      padding-top: 30px;
      width: 70%;
      max-width: 610px;
      min-width: 300px; }
    .bannerWrap .textContainer .leftColContainer::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      height: 1px;
      background-color: #1717FF;
      width: 35%; }
  .bannerWrap .textContainer .rightColContainer {
    flex: 0 0 30%;
    padding-top: 30px;
    position: relative; }
    .bannerWrap .textContainer .rightColContainer::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      height: 1px;
      background-color: #1717FF;
      width: 100%; }
    .bannerWrap .textContainer .rightColContainer div {
      margin-bottom: 23px; }
      .bannerWrap .textContainer .rightColContainer div h1, .bannerWrap .textContainer .rightColContainer div h2, .bannerWrap .textContainer .rightColContainer div h3 {
        font-size: clamp(16px, 1vw, 16px);
        text-transform: uppercase;
        font-variation-settings: 'wdth' 75, 'wght' 500;
        letter-spacing: 1px; }
      .bannerWrap .textContainer .rightColContainer div p {
        font-size: 15px;
        font-weight: 400;
        font-family: "scale-variable", sans-serif;
        letter-spacing: 1px; }
.bannerWrap.purple .textContainer .leftColContainer::before {
  background-color: #FA34D2; }
.bannerWrap.purple .textContainer .rightColContainer::before {
  background-color: #FA34D2; }
.bannerWrap.blue .textContainer .leftColContainer::before {
  background-color: #1717FF; }
.bannerWrap.blue .textContainer .rightColContainer::before {
  background-color: #1717FF; }
.bannerWrap.green .textContainer .leftColContainer::before {
  background-color: #6EDC2A; }
.bannerWrap.green .textContainer .rightColContainer::before {
  background-color: #6EDC2A; }
@media only screen and (max-width: 991px) {
  .bannerWrap .textContainer .leftColContainer p {
    width: 85%; } }
@media only screen and (max-width: 800px) {
  .bannerWrap .textContainer {
    flex-wrap: wrap; }
    .bannerWrap .textContainer .leftColContainer {
      flex: 0 0 100%; }
      .bannerWrap .textContainer .leftColContainer p {
        width: 70%; }
    .bannerWrap .textContainer .rightColContainer {
      flex: 0 0 100%;
      margin-top: 30px; }
      .bannerWrap .textContainer .rightColContainer::before {
        width: 70%; }
      .bannerWrap .textContainer .rightColContainer div {
        width: 50%; } }
@media only screen and (max-width: 600px) {
  .bannerWrap .textContainer .leftColContainer p {
    width: 100%; }
  .bannerWrap .textContainer .leftColContainer::before {
    width: 80%; }
  .bannerWrap .textContainer .rightColContainer::before {
    width: 80%; }
  .bannerWrap .textContainer .rightColContainer div {
    width: 100%; } }

/* CSS Document */
.fullMediaWrap {
  padding: 0;
  margin: 40px 0;
  max-width: none;
  background-repeat: no-repeat;
  background-size: cover; }
  .fullMediaWrap .mediaContainer {
    height: 100%;
    width: 100%;
    overflow: hidden; }
    .fullMediaWrap .mediaContainer video {
      object-fit: contain; }
  .fullMediaWrap .mediaContainer.contained {
    padding: 5vw 8vw;
    border-radius: 20px;
    margin: 0 auto; }
    .fullMediaWrap .mediaContainer.contained video, .fullMediaWrap .mediaContainer.contained img {
      border-radius: 20px;
      box-shadow: 0px 4.65px 13.94px 9.29px #00000008; }
  .fullMediaWrap video, .fullMediaWrap img {
    height: 100%;
    width: 100%;
    object-fit: cover; }
  @media only screen and (max-width: 991px) {
    .fullMediaWrap {
      height: auto; }
      .fullMediaWrap .mediaContainer video {
        object-fit: contain; } }

/* CSS Document */
.statWrap .statContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; }
  .statWrap .statContainer div {
    flex: 0 0 25%;
    position: relative; }
    .statWrap .statContainer div p.number {
      font-size: 75px;
      font-variation-settings: 'wdth' 75, 'wght' 500;
      letter-spacing: 5px; }
    .statWrap .statContainer div p {
      font-family: "scale-variable", sans-serif;
      letter-spacing: 1px; }
    .statWrap .statContainer div::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      height: 1px;
      width: 100%; }
@media screen and (max-width: 600px) {
  .statWrap .statContainer div {
    flex: 0 0 85%; } }
.statWrap.purple .statContainer div::before {
  background-color: #FA34D2; }
.statWrap.blue .statContainer div::before {
  background-color: #1717FF; }
.statWrap.green .statContainer div::before {
  background-color: #6EDC2A; }

.caseTextSectionWrap .textContainer {
  width: 50%;
  max-width: 610px;
  min-width: 300px; }
  .caseTextSectionWrap .textContainer h1, .caseTextSectionWrap .textContainer h2, .caseTextSectionWrap .textContainer h3, .caseTextSectionWrap .textContainer h4 {
    font-size: clamp(18px, 1.2vw, 22px);
    margin-bottom: 10px; }
@media only screen and (max-width: 991px) {
  .caseTextSectionWrap .textContainer {
    width: 70%; } }
@media only screen and (max-width: 650px) {
  .caseTextSectionWrap .textContainer {
    width: 90%; } }

/* CSS Document */
.gridWrap {
  padding: 40px 8vw; }
  .gridWrap .gridContainer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px; }
    .gridWrap .gridContainer .gridItem {
      overflow: hidden; }
      .gridWrap .gridContainer .gridItem img, .gridWrap .gridContainer .gridItem video {
        height: 100%;
        width: 100%;
        object-fit: cover; }
  @media only screen and (max-width: 768px) {
    .gridWrap {
      padding: 50px 8vw; }
      .gridWrap .gridContainer {
        grid-template-columns: 1fr; } }

/* CSS Document */
.quoteWrap .quoteContainer .textContainer {
  margin-top: 30px;
  width: 60%;
  max-width: 850px;
  min-width: 300px; }
  .quoteWrap .quoteContainer .textContainer p {
    font-family: "scale-variable", sans-serif; }
    .quoteWrap .quoteContainer .textContainer p:first-of-type {
      font-size: clamp(18px, 1.4vw, 20px);
      margin-bottom: 30px; }
    .quoteWrap .quoteContainer .textContainer p:last-of-type {
      text-transform: uppercase;
      font-variation-settings: 'wdth' 75, 'wght' 500;
      letter-spacing: 1px; }
.quoteWrap.purple .quoteContainer svg path {
  fill: #2F0035; }
.quoteWrap.blue .quoteContainer svg path {
  fill: #000048; }
.quoteWrap.green .quoteContainer svg path {
  fill: #005B51; }

/* CSS Document */
.imageCaroWrap {
  padding: 0;
  margin: 40px 0; }
  .imageCaroWrap .owl-image .mediaContainer {
    width: 100%;
    overflow: hidden; }
    .imageCaroWrap .owl-image .mediaContainer img {
      height: 100%;
      width: 100%;
      object-fit: cover; }
