@font-face {
          font-family: 'DenimInkWD-Light';
          src: url('https://res.cloudinary.com/experticity/raw/upload/v1781212878/studios/DenimINKWD-Light_mq21cl.woff2') format('woff2'),
              url('https://res.cloudinary.com/experticity/raw/upload/v1781212878/studios/DenimINKWD-Light_clsts2.woff') format('woff');
          font-weight: normal;
          font-style: normal;
          font-display: swap;
      }
          @font-face {
          font-family: 'DenimInkWD-LightItalics';
          src: url('https://res.cloudinary.com/experticity/raw/upload/v1781212878/studios/DenimINKWD-LightItalic_zqlkdm.woff2') format('woff2'),
              url('https://res.cloudinary.com/experticity/raw/upload/v1781212878/studios/DenimINKWD-LightItalic_sbjcjn.woff') format('woff');
          font-weight: normal;
          font-style: normal;
          font-display: swap;
      }

      @font-face {
          font-family: 'DenimInkWD-Medium';
          src: url('https://res.cloudinary.com/experticity/raw/upload/v1781212878/studios/DenimINKWD-Medium_ehdpvb.woff2') format('woff2'),
              url('https://res.cloudinary.com/experticity/raw/upload/v1781212878/studios/DenimINKWD-Medium_rftfki.woff') format('woff');
          font-weight: normal;
          font-style: normal;
          font-display: swap;
      }

      .studios-content-main p, .studios-content-main ol, .studios-content-main ul {
        font-family: 'DenimInkWD-Light';
      }
      .studios-content-main em{
        font-family: 'DenimInkWD-LightItalics';
      }
      .studios-content-main h1, .studios-content-main h2, .studios-content-main h3, .studios-content-main h4, .studios-content-main h5, .studios-content-main h6, .studios-content-main strong {
        font-family: 'DenimInkWD-Medium';
      }

    .BG_image{
      background-size: cover;
      background-repeat: no-repeat;
      background-position: 50% 50%;
    }

    .margin-center{
      margin:auto;
    }
    .studios-content-main h6, .studios-content-main .h6, .studios-content-main .type-title-xxs {
      margin-bottom: 0rem;
      font-style: italic;
    }

    .logo-main{
      max-height: 300px;
      min-height: 100px;
      width: 100%;
      background-repeat: no-repeat;
      background-size: contain !important;
    }
    .opener-large{
      font-weight: 600;
      font-size: 175%;
    }
    .mod_color-alt{
      background-color: #191919;
    }
    .callout-box{
      border-radius: 1rem;
      background-color: #191919;
      padding: 2rem 2rem 1rem;
      color: #fff;
    }
    .callout-boxouter{
      max-width: 45rem;
      margin: 2rem auto;

    }
    .callout-boxtitle h5{
      font-size: 2rem;
      line-height: 2rem;
      margin-bottom: 0;
      position: relative;
      left: 1.2rem;
      bottom: -0.3rem;
    }
    .callout-boxtitle h2{
      font-size: 3rem;
      line-height: 2rem;
      margin-bottom: 0;
      position: relative;
      left: 1.2rem;
    }
    .sectionCopy-left{
      text-align: right;
    }
    .cornerround{
      border-radius: 1rem;
    }
  .floatimage{
    position: relative;
    top: -3rem;
    border-radius: 1rem;
  }
  .mod_content-overflow{
    margin-top: 3rem;
  }
  .width1800{
      margin: auto;
  }
  .cardcol-outer{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    aspect-ratio: 1 / 1.5;
    overflow: hidden;
    background-size: cover;
    background-position: center;
  }
  .cardcol-outer::after{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,.95) 0%, rgba(0,0,0,.6) 35%, rgba(0,0,0,0) 65%);
    pointer-events: none;
  }
  .boxed{
    background-color: #ffffff;
    padding: 1rem;
    border-radius: 1rem;
  }
  .cardcol-padding{
    padding:1.5rem;
  }
  .cardcol-copy{
    position: relative;
    z-index: 1;
    padding: 1rem;
    color: #fff;
    font-size: 90%;
  }
  .container-fluid.width1800{
    max-width: 1800px;

  }
  .smolwidth{
    width:90%;
    margin: auto;
  }
  .container {
    padding: 3rem 1rem;
  }

    /* -------------------------------------
      HORIZONTAL CARDS CAROUSEL
    ------------------------------------ */
      .swiperHor-container .swiper-wrapper{
          margin-bottom:1rem;
      }
      .swiperHor-container .swiper-button-prev, .swiper-button-next {
        z-index: 55;
      }
      .swiperHor-container{
        overflow: hidden;
        padding-bottom: 3rem;
      }
      .swiperHor-container .swiper-slide {
        margin-bottom: 1rem;
        opacity: 1;
        height: 100%;
        margin: 0;
        padding:.5rem;
      }
      .cardHor {
        padding: 2rem 1rem !important;
        border-radius: 1rem;
        z-index: 1;
        background-color: #fff;
        box-shadow: 0 3px 5px rgba(0,0,0,0.25);
        max-width: 550px;
      }
      .cardHor .imgWrap {
        z-index: 2;
        display: flex;
        margin:0;
      }
      .cardHor .cardImage {
        width: 100%;
        height: 300px;
        object-fit: contain;
        margin: 0 auto;
      }
      .cardHor .cardContent {
        margin-top: 1rem;
        text-align: center;
        min-height: 117px;
      }
      .cardHor .cardContent p {
        font-size: 95%;
      }
      .cardHor .cardContent p:last-child {
        margin-bottom: 0px;
      }
      .swiperHor-container .swiper-button-prev, .swiper-button-next {
        background-color: #000 !important;
        color: #fff !important;
        border-radius: 40px !important;
        padding: 1.5em !important;
        width: 1.5em !important;
        height: 1.5em !important;
        background-size: unset;
        top: 95%;
      }
      .swiperHor-container .swiper-button-prev .svg-inline--fa,
      .swiperHor-container .swiper-button-next .svg-inline--fa {
        opacity: 1 !important;
        box-shadow: none !important;
        transition: all 0.3s !important;
        font-size: 1.25em !important;
      }
      .swiperHor-container .swiper-button-prev:focus,
      .swiperHor-container .swiper-button-next:focus,
      .swiperHor-container .swiper-button-prev:hover,
      .swiperHor-container .swiper-button-next:hover {
        background-color: #5a5b5c !important;
        box-shadow: none !important;
        transition: all 0.3s !important;
        color: #fff !important;
        border-radius: 40px !important;
        padding: 1.5em !important;
      }
      .swiperHor-container .swiper-button-prev {
        right: 70px ;
      }
      .swiperHor-container .swiper-button-next {
        right: 0px ;
      }
      .swiperHor-container .swiper-button-prev,
      .swiperHor-container .swiper-container-rtl .swiper-button-next {
        left: auto;
      }
      .swiperHor-container .flex-center {
        display: flex;
        flex-direction: column;
        justify-content: center;
      }
      .swiperHor-container .swiper-scrollbar-drag {
        background: #191919;
      }
      .swiperHor-container .swiper-scrollbar {
        left: 1%;
        z-index: 50;
        height: 5px;
        width: calc(100% - 130px);
      }
      .swiperHor-container .swiper-scrollbar {
        border-radius: 10px;
        position: relative;
        -ms-touch-action: none;
        background: rgba(0, 0, 0, 0.1);
      }
       @media screen and (max-width: 768px){
          .swiperHor-container .swiper-button-prev {
            left: calc(100% - (100px + 1em))!important;
          }
          .swiperHor-container .swiper-button-next {
            right: 1em !important;
          }
          .cardHor-inner{
            width:100%;
          }
          .cardHor .cardContent p {
            font-size: 95%;
          }
      }
  /* -------------------------------------
      X HORIZONTAL CARDS CAROUSEL
    ------------------------------------ */
  /* -------------------------------------
            X BLOCKQUOTE V2
        ------------------------------------ */
          .blockquote_V2-wrapper {
            padding: 2rem;
          }

          .blockquote_V2-inner {
            background-color: #191919;
            max-width: 800px;
        width:100%;
            border-radius: 1rem;
            margin: auto;
            display: flex;
            flex-wrap: wrap;
            align-items: stretch !important;
          }

          .blockquote_V2-copy {
            padding: 2rem 1rem 1rem;
            color: white;
          }

          .blockquote_V2-inner .img-col {
            display: flex;
            flex-direction: column;
          }

          .blockquote_V2-inner .img-fill {
            flex: 1 1 auto;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            min-height: 200px;
          }

          @media (min-width: 768px) {
            .blockquote_V2-inner {
              min-height: 100%;
            }
          }
        /* -------------------------------------
            X BLOCKQUOTE V2
        ------------------------------------ */
        .topround{
          border-radius:1rem 1rem 0rem 0rem;
        }
    .caption{
      text-align: center;
      position: relative;
      border-radius:0rem 0rem 1rem 1rem;
    }
    .whiteborder{
      border: #fff solid 1em;
    }
    .roundborder{
      border-radius: 1rem;
      margin-bottom: 1rem;
    }

  @media screen and (max-width: 768px){
    .cardHor .cardImage {
      height: 220px;
    }
    .min-vh-50 {
      min-height: 40vh !important;
  }
  }