/* @import url('http://example.com/example_style.css'); */
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700;800&display=swap');

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/









* {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent}
p {font-family: 'Work Sans'; font-weight: 400}
a {font-family: 'Work Sans'; font-weight: 600}
h1 {font-family: 'Work Sans'; font-weight: 800; text-transform: uppercase; font-size:2rem}
h2 {font-family:Work Sans; font-size:1.5rem;font-weight:700;text-transform: uppercase; margin: 0; margin-bottom: 20px}
h3 {font-family:Work Sans; font-size:1.2rem;font-weight:700;text-transform: uppercase;  margin: 10px 0}
h4 {font-family:Work Sans;font-size: 1rem;font-weight:700;text-transform: uppercase;}
p {font-family:Work Sans}
a {font-family:Work Sans; color: black}
ul {font-family: Work Sans; margin-left: 0;padding-left: 40px;}
ol {font-family: Work Sans; margin-left: 0;padding-left: 40px;padding-top:15px}
body {color: #05386B;}
.page-center { float: none; max-width: 1340px; margin: 0 auto; padding: 0 20px; width: 100%; box-sizing: border-box;}
.bar-long {height: 4px; width: 100%; background-color: #379683; margin-bottom: 20px; opacity: 30%}

/* MOBILE NAV */
/* ================================= added navigation code ============================= */
/* ================================= added navigation code ============================= */

.mainNav { --itemPadding: 15px; --downIconSize: 12px; --brown: #a97c50; position: absolute; display: flex; top: 0; left: 0; right: 0; transition: .4s ease; grid-template-areas: "logo" "navUl"; z-index: 50; max-width: 1600px; margin: 0 auto }
#navSpacer { width: 100vw; height: 165px; }
.mainNav.scroll { position: fixed; background-color: rgba(255, 255, 255, 1); backdrop-filter: blur(20px); grid-template-areas: "logo navUl"; justify-content: center; max-width: 100%!important; border-bottom: 3px solid #05386B }
.mainNav.scroll .hs-menu-wrapper {margin: 0px!important}

#mainLogo { width: 130px; margin: 20px 50px; display: block; grid-area: logo; }
  #mainLogo img {width: 100%; display: block}
.mobile.trigger { display: none }
.mainNav.scroll #mainLogo { display: none; }
#mobileLogo img, .mainNav.scroll #mobileLogo img { display: none; grid-area: logo; }

.mainNav.scroll #mobileLogo { display: block; margin: 15px; justify-self: end; }
.invert { fill: white; }
.mainNav.scroll .invert { fill: black; }
.fourC-Brown { fill: ; }
.mainNav>div { max-width: 1100px; margin: 0 auto; margin-right: 30px;grid-area: navUl; align-self: center; }
.mainNav ul { list-style-type: none; margin: 0; padding: 0; }
.mainNav>div>ul { display: grid; grid-auto-flow: column; gap: 5px; align-content: space-around; }
.hs-menu-item a { padding: var(--itemPadding); display: block;  text-decoration: none; color: #05386B; white-space: nowrap; font-weight: bold; position: relative; }
.hs-menu-item.active {background-color: transparent!important}
.hs-menu-item a.active {background-color: transparent!important}
.mainNav.scroll .hs-menu-item a { color: ;}
.hs-menu-item a:before { content: ""; position: absolute; width: 0; height: 3px; bottom: 0px; left: 0; background-color: ; visibility: hidden; transition: 0.4s ease; }
.scroll .hs-menu-item a:before { background-color: ; }
.hs-menu-item a.active:before { width: 100%; visibility: visible; }
.hs-menu-item a:hover:before { visibility: visible; width: 100%; }
.hs-item-has-children .hs-menu-item a:before { height: 0}
.hs-item-has-children>a { padding-right: calc((var(--downIconSize) * 2) + var(--itemPadding)); }
.hs-item-has-children>a::after { content: url(https://www.fourcfinancial.com/hubfs/downArrow.svg); position: absolute; width: 15px;height: 15px;margin-left: 15px;filter: invert(1) grayscale(1); }
.scroll .hs-item-has-children>a::after { content: url(https://www.fourcfinancial.com/hubfs/downArrow.svg);filter: invert(1) grayscale(1); }
.hs-menu-children-wrapper { box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4); background: white; transition: .4s ease; }
.hs-menu-children-wrapper .hs-menu-item a:hover { background: ; color: white }
.mainNav.scroll .hs-menu-children-wrapper { background: white; }
  .mainNav.scroll .hs-menu-children-wrapper .hs-menu-item a:hover { background: ; color: white }
.hs-item-has-children .hs-menu-children-wrapper { opacity: 0; visibility: hidden; translate: -20px; position: absolute; transition: .4s ease; }
.hs-item-has-children:hover .hs-menu-children-wrapper { opacity: 1; visibility: visible; translate: 0; }
.mainNav .nav-cta {margin-left: 0px; margin-right: auto;}

@media only screen and (max-width: 1200px) {
  .hs-menu-item a {font-size: 25px}
  .mainNav>div {margin-right: auto}
  .black {fill: black}
    .mainNav,
    .mainNav.scroll { grid-template-rows: min-content min-content; grid-template-areas: "logo" "navUl"; justify-content: center; }
    #navSpacer { height: 80px; }
    #mainLogo img, .mainNav.scroll #mainLogo img, #mainLogo { display: none; }
    .mainNav #mobileLogo { display: block; justify-self: center; margin: 15px 0; }
  #mobileLogo img {height: 60px; display: block}
    .mainNav.scroll #mobileLogo {  justify-self: center; }
  .mainNav.scroll #mobileLogo img {display:block}
    .mainNav.scroll .hs-menu-children-wrapper .hs-menu-item a { background: ; color: white }
    .mobile.trigger { display: grid; justify-content: center; align-items: center; width: 60px; aspect-ratio: 1/1; position: fixed; top: 0; left: 0; z-index: 200; background-repeat: no-repeat; background-position: center; background-size: 24px 24px; cursor: pointer; transition: .4s ease; }
    .mobile.trigger svg { width: 24px; height: 24px }
    .mobile.trigger .invert { fill: white; transition: .4s ease; }
    .mobile.trigger.scroll .invert { fill: black; }
    .mobile.trigger.active svg { display: none }
    .mobile.trigger.active { background-image: url('https://www.fourcfinancial.com/hubfs/xmark-solid.svg'); rotate: 90deg;filter: invert(1) grayscale(1);  }
    .mainNav { height: 60px; z-index: 100; background: white; backdrop-filter: blur(20px); position: fixed; align-items: center; display: grid}
    .mainNav.active { height: 100vh; bottom: 0; align-content: center; }
    .mainNav .hs-menu-wrapper, .mainNav.active .hs-menu-wrapper { visibility: hidden; opacity: 0; }
  .hs-menu-children-wrapper .hs-menu-item a { background: ; color: white; }
    .mainNav.active .hs-menu-wrapper { visibility: visible; opacity: 1; }
    .mainNav>div>ul { grid-auto-flow: row; text-align: center; }
    .mainNav>div>ul li { width: 75vw; }
    .hs-item-has-children .hs-menu-children-wrapper { position: relative; height: 0; translate: 0; }
    .hs-item-has-children:hover .hs-menu-children-wrapper { height: auto; }
    .hs-menu-children-wrapper { box-shadow: none; }
    
     .nav-cta {visibility: hidden;margin-left: auto!important; margin-right: auto;}
      .mainNav.active .nav-cta {visibility: visible!important; grid-area: initial!important; margin-left: auto!important; margin-right: auto;}
}

/* ============================== end of added navigation code ========================= */
/* ============================== end of added navigation code ========================= */
/* ============================== end of added navigation code ========================= */


/* #viewport {
  overflow: hidden;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#scroll-container {
  position: absolute;  
  overflow: hidden;
  width: 100%;

}
.line {
  width: 2px;
  height: 100%;

  left: 400px;
  top: 0px;
  visibility: hidden;
  background-color: #777;
} */
/* CUSTOM CURSOR */
/* #cursor {position: fixed;width: 30px;height: 30px;border: 1px solid #000;background:#f2f2f2;border-radius: 50%;box-sizing: border-box;transition: 0.1s;transform: translate(-50%,-50%);pointer-events: none;z-index: 99}
.enlarged {width: 70px!important;height: 70px!important;background:rgba(136, 146, 148,0.5)!important; border: 2px dashed #000!important;animation: animate 3s linear infinite;}
@keyframes animate {
	0%
	{
		transform: translate(-50%,-50%) rotate(0deg);
	}
	500%
	{
		transform: translate(-50%,-50%) rotate(360deg);
	}
} */ 

/* REVEAL ANIMATION */

.rev-block {position:relative}
.rev-block span {opacity: 0; animation: appear-text 0.0001s linear forwards; animation-delay: 0.8s; }
.rev-text {opacity: 0; animation: appear-text 0.0001s linear forwards; animation-delay: 0.8s; }

.rev-block:after {content: ''; top: 0; left: 0; position:absolute; width: 0%; height: 100%; background: #f2f2f2; animation: rev-block 1.7s cubic-bezier(0.19, 1, 0.22, 1) forwards;animation-delay:0.2s}
@keyframes rev-block {
  0% {
  left: 0;
  width: 0%;
  }
  50% {
    left: 0;
    width: 100%;
  }
  100% {
  left: 100%; 
    width: 0%;
  }
}

@keyframes appear-text {
  0% {
  opacity: 0;
  }
  100% {
  opacity:1;
  }
}
/* BUTTONS */
.button-circle {position:relative;z-index:2;border-radius: 50%; font-family: 'Work Sans'; font-weight: 700; color:white; background:#379683; border: 8px solid white; width: 140px; height: 140px; margin: 0 auto; display: block; margin-bottom:-60px; margin-top:-14px; display: flex;justify-content: center;align-items: center;text-align: center;text-decoration: none; }
.button-circle:hover {cursor: pointer; background: #05386B  }
/* NAV */
nav {box-sizing: border-box; max-width: 1340px; margin: 0 auto; display:flex; justify-content: space-between; align-items:center; padding:20px}
nav .logo {width: 80px}
nav .nav-items a {font-family: 'Work Sans'; font-weight: 600; padding: 0 0 0 40px; text-decoration:none; color: #05386B}

mark {
  display: inline-block;
  line-height: 0em;
  padding: 0 0.1em 0.7em 0.1em;
  
}
.secondary {background-color: #a3cfc6; color: #05386B}
.secondary-alt {background-color: #a3cfc6; color: white}
.lightBlue {background-color: ; color: black}
.darkBlue {background-color: ; }
.swiper-pagination-fraction {font-family: Work Sans; color:white}

/* BUTTONS */
.cta-wrap {margin: 45px 0; text-align:center }
.cta:hover {cursor:pointer; background: #05386B; }
.cta {; font-family: Work Sans; border-radius: 8px; background:#379683;;color:white;margin: 30px 0px; padding: 15px 25px; text-decoration: none!important; font-size: 13.333px }
.circle-cta {text-decoration:none!important;margin:0 auto;position:relative; z-index:2;font-family: Work Sans;border-radius: 50%; width: 140px; height: 140px; display:flex; justify-content:center; align-items:center;background:; border: 8px solid white; color: white; margin-top:-60px; font-size: 17px; text-align:center}
.circle-cta:hover {cursor:pointer; background: ; transition: all 0.2s; transform: scale(1.03)}
    .circle-cta2 {text-decoration:none!important;margin:0 auto;position:relative; z-index:2;font-family: Work Sans;border-radius: 50%; width: 130px; height: 130px; display:flex; justify-content:center; align-items:center;background:; border: 8px solid white; color: white; font-size: 17px; text-align:center; bottom: initial; right: initial; margin-top: 30px; margin-bottom: -30px}
.circle-cta2:hover {cursor:pointer; background: ; transition: all 0.2s; transform: scale(1.03)}

.page-center { float: none; max-width: 1300px; margin: 0 auto;  padding: 20px 20px; width: 100%; box-sizing: border-box; }
 .slide-trigger:hover {cursor:pointer; margin-left: 10px; transition: all 0.2s ease}
.slide-trigger { transition: all 0.2s ease} 
.close-gallery:hover {cursor:pointer; }
.slide-trigger svg:active {	pointer-events: none;}
.mobile-trigger {display:block}
/* HUBSPOT STYLING */

.hs-tools-menu.hs-collapsed {display:none!important}


  .mobile-video {display:block; width: 100%}
  .hero-video {display:none}
/* HERO SECTION */
.hero-bg { width: 100%;box-sizing: border-box; display: flex; justify-content:center;flex-direction:column; background-size:cover; background-position:center center; position:relative}
.hero-bg .number-wrapper {position:relative; top:initial}
.hero-bg h1 {color:white};


.overlay {position:absolute; width: 100%; height: 100%; top:0; right: 0; background:rgba(0,0,0,0.5);}
.hero-bg .content {padding: 20px; background:rgba(0, 31, 34, .90);  color: white;  }
.nav-orange-bar {height: 5px; width: 40px; background: #E6DEC3; margin-right: 10px}
.page-nav {font-family: Work Sans; text-transform:uppercase;color: white; font-weight: 700}

/* HOME SLIDER */
.homeSwiper h2 {font-family:Work Sans; font-size:2.2rem;font-weight:700;text-transform: uppercase; margin: 0}
.homeSwiper .swiper-slide {min-height: 500px; background-size:cover; display: flex; align-items:center; justify-content:center;cursor: url("https://23704721.fs1.hubspotusercontent-na1.net/hubfs/23704721/mouse%20svg%202.png"), auto; }
.homeSwiper .swiper-slide .content {padding: 20px; background:rgba(0, 31, 34, .78); margin: 20px; color: white; max-width: 1300px }

      .autoplay-progress {
      position: absolute;
      right: 16px;
      top: 20px;
      z-index: 10;
      width: 55px;
      height: 55px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
      color: white;
        font-family: Work Sans
    }

    .autoplay-progress svg {
      --progress: 0;
      position: absolute;
      left: 0;
      top: 0px;
      z-index: 10;
      width: 100%;
      height: 100%;
      stroke-width: 4px;
      stroke: white;
      fill: none;
      stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
      stroke-dasharray: 125.6;
      transform: rotate(-90deg);
    }


/* HAMBURGER MENU */
.scrollNav svg:hover {cursor:pointer} 
.nav-bg svg:hover {cursor:pointer}
.max-nav {display:none}
.mobile-nav-logo {text-align:center; padding: 20px;background: white;}
.mobile-nav-logo img {width: 80px}
.hamburger-menu {display:block;position: fixed; top:13px; right:13px; z-index:99; background: }
.hamburger-menu .toggler {position:absolute; top:13px; left:13px;z-index:5; cursor:pointer; width:40px; height:40px; opacity:0}
.hamburger-menu .hamburger {top:0; left:0; width:25px; height:30px; padding: 1rem;background:transparent; display: flex; align-items:center; justify-content:center}

/* hamburger line */
/* top and bottom lines */
.hamburger-menu .hamburger > div {position:relative; width:100%; height:2px; background-color:#82817d; display: flex; align-items:center; justify-content:center;transition: all 0.4s ease}
.hamburger-menu .hamburger > div:before,
.hamburger-menu .hamburger > div:after {content: ''; position:absolute; z-index:1; top:-10px; width:100%; height:2px; background:inherit}

/* moves line down */
.hamburger-menu .hamburger > div:after {top: 10px;}

/* toggler animation */
.hamburger-menu .toggler:checked + .hamburger > div {transform: rotate(135deg) ;z-index:3;}

/* turn lines into x */
.hamburger-menu .toggler:checked + .hamburger > div:before,
.hamburger-menu .toggler:checked + .hamburger > div:after {top:0; transform: rotate(90deg);}

/* show menu */
.hamburger-menu .toggler:checked ~ .menu {visibility:visible}  
.hamburger-menu .toggler:checked ~ .menu > div {transform: translateX(0%); transition-duration: 0.75s}
.hamburger-menu .toggler:checked ~ .menu > div > div {opacity:1; transition: opacity 0.4s ease}

.hamburger-menu .menu {position:fixed; top:0; left:0; width:100%; height:100%; overflow:hidden; visibility:hidden; display:flex; align-items:center;justify-content:center; }
.hamburger-menu .menu > div { background:white;width:100vw;  z-index: 5;height:100vh;display:flex;align-items:center;justify-content:center;transform:translateX(200%);transition: all 0.4s ease}
.hamburger-menu .menu > div > div {text-align:left; max-width:90vw; max-height:100vh; opacity:0;transition: opacity 0.4s ease}
.hamburger-menu .menu > div > div > ul {padding-inline-start: 0px}
.hamburger-menu .menu > div > div > ul > li { text-transform:uppercase;padding: 1rem; list-style:none;font-family: Work Sans; font-size: 15px;text-decoration:none; color: black}
.hamburger-menu .menu > div > div > ul > li > a {text-transform:uppercase;transition: color 0.4s ease;font-family: Work Sans; font-size: 15px;text-decoration:none; color: black}

.scrollNav {display:none}
.nav-dropdown-menu {display: none; flex-direction:column; justify-content: flex-start; padding-left: 30px }
.nav-dropdown-menu.open {display:flex!important}
.nav-dropdown-menu a {padding: 5px 0px; font-family: Work Sans; font-size: 16px; color:black }
.nav-dropdown-menu2 {display: none; flex-direction:column; justify-content: flex-start; padding-left: 30px }
.nav-dropdown-menu2.open {display:flex!important}
.nav-dropdown-menu2 a {padding: 5px 0px; font-family:  Work Sans; font-size: 16px; color:black }
.nav-dropdown-menu3 {display: none; flex-direction:column; justify-content: flex-start; padding-left: 30px }
.nav-dropdown-menu3.open {display:flex!important}
.nav-dropdown-menu3 a {padding: 5px 0px; font-family:  Work Sans; font-size: 16px; color:black }

/* FULL WIDTH */
.full-width-wrapper {background-size:cover; padding: 30px 0; position: relative; background-position:center}
.full-width-wrapper .number-wrapper {position:relative; top:initial}
.full-width-wrapper.parallax {background-attachment: fixed}
.full-width-wrapper .overlay {position:absolute; width: 100%; height: 100%; top:0; right: 0; background:rgba(0,0,0,0.5);}
.full-width-wrapper .page-center {z-index: 2; position:relative}
.full-width-wrapper h2 {text-align:center}
.full-width-wrapper.parallax {background-attachment: fixed}
.full-width-wrapper p {margin: 10px 0}
  .full-width-wrapper img {max-width: 100%; width: 100%; margin: 0 auto; max-height: 400px; object-fit:cover; }
  .full-width-wrapper .full-image {box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; margin-top: 30px}

.no-content {min-height: 300px; background-position: top}
.no-content .overlay {background:rgba(0,0,0,0)!important;}

.services-hero {background-position:100% 92%}

.about-us {padding: 50px 0px 40px 0px!important}

/* SPLIT CONTENT */
.splitContent {display: flex; flex-direction: column; justify-content:center;  }
.splitContent h2 {text-align:center}
.splitContent .image { width: 100%; max-height: 300px; object-fit:cover; margin: 30px 0 0 0; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }

.reporting.splitContent .image {max-height: max-content!important; height: auto!important;}
.splitContent-wrapper {background-size:cover; padding: 30px 0}
.splitContent .reverse {flex-direction:column}
/* QUOTES */
.quote-bg {background:#405759;position:relative;padding:15px;margin: 30px 0px;}
.quote-bg .sq {width: 90px; height: 90px; background:white; position:absolute }
.quote-bg .topL {top:0; left:0}
.quote-bg .botR {bottom:0; right:0}
.quote-bg .quote-white {padding: 20px; background:white; display: flex; flex-direction:column; justify-content:center; min-height: 300px; font-size: 16px; font-family: Work Sans!important}

.quote-bg .quote {background:white; padding:20px; position:relative; z-index:2; max-width: 90%; margin: 0 auto; text-align:center}
.quote-bg .quotation-left {width:90px; position:absolute; top:-19px; left:-8px;z-index:3}
.quote-bg .quotation-right {width:90px; position:absolute; bottom:-19px; right:-8px;z-index:3}

.quoteSwiper .quote-bg .quote {padding: 0px; max-width: 100% }
.quoteSwiper .swiper-wrapper {max-width: 700px};
 .swiper-button-next {color: black}

.quoteSwiper {max-width: 100%;}
.quoteSwiper .content {padding: 20px}
.quoteSwiper .swiper-wrapper {cursor: url("https://23704721.fs1.hubspotusercontent-na1.net/hubfs/23704721/mouse%20svg.png"), auto}; 
.quoteSwiper .swiper-wrapper .swiper-slide { min-height: 100%}
.quoteSwiper .quote-bg .quote-white {font-size: 20px!important; max-height: auto!important; min-height: auto!important}
.expand {max-height: 100%!important;  -webkit-line-clamp: 1400!important; overflow: auto!important; }
.quoteSwiper .swiper-pagination {top:-6px; bottom: initial}
.quoteSwiper .quote-white .quote .quote-p div  { display: -webkit-box;
  overflow: hidden;

  -webkit-line-clamp: 8;
  -webkit-box-orient:vertical;
  text-overflow: ellipsis;
  max-height: 16px;
  font-size: 16px;
}
/* CARDS */
.cards-wrapper {padding: 30px 0}
.cards {display:flex;flex-direction:column; }
.cards .card {max-width:100%; margin: 20px 0 0 0; border-radius: 8px; box-sizing: border-box;background:white }
.cards .card .card-header {text-align:center; background: ; padding: 0; border-radius:8px 8px 0 0 }
.cards .card  h3 { text-align:center; color#05386B}
.cards .card .image-wrapper {margin: 0 auto; width: max-content}
.cards .card img {height: 150px; width: 150px }
.cards .card .card-content {padding: 15px; background:white; font-family: Work Sans; border-radius: 0 0 8px 8px; text-align:center}
#marketing .cards {gap: 20px; justify-content: center}
#marketing .card {background: transparent!important; width: 100%}
#marketing .card svg {margin-bottom: 15px}
#marketing .card .card-content {background: transparent!important}

/* PROPERTY OVERVIEW */
.property-container {max-width: 756px}
.property-details-wrapper .property-details {display: flex; align-items:center; margin-bottom: 15px; margin-top: 10px}
.property-details-wrapper .property-details img {margin-right: 5px; height: 30px}

.amenities {margin: 40px 0px;}
.amenities .col {padding-top: 20px}
.about-property {margin: 40px 0px}
.about-property p {margin:20px 0px}
.property-amenities-wrapper {display: flex;}
.property-amenities-wrapper .property-details {display: flex; align-items:center; margin-bottom: 15px}
.property-amenities-wrapper .property-details img {margin-right: 5px; height: 30px}

/* LISTINGS  */
#property-overview {padding-top:20px}
.property-header {display: flex; flex-direction:column; justify-content: space-between}
.property-title-h1 {font-size: 2rem; margin: 20px 0px; padding: 20px; background:#05386B; color: white}
.book-cta {display: flex; align-items:center }
.book-cta span {font-family: Work Sans}

.cards.listings .card {box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;}
.cards.listings .card .image-wrapper {position:relative}
.cards.listings .card .card-header {position: absolute; top: 10px; left: 10px; padding: 10px; background: white; border-radius: 0px 6px 6px 6px; font-family: Work Sans}
.cards.listings .card .card-price {box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;;position: absolute; bottom: -10px; left: 50%; padding: 10px 20px; background: white; border-radius: 6px 6px 6px 6px; font-family: Work Sans; transform: translate(-50%, 0%); }
.cards.listings .card .card-price p {font-weight: 600; font-size: 1.2rem; color: #379683}
.cards.listings .card .card-header p {margin: 0px; width: max-content}

.cards.listings .card .card-header .street {font-weight: 600; font-size: 1.2rem}
.cards.listings .card .card-header .state {font-size:0.9rem; margin-top: 3px}
.cards.listings .card .card-content {padding: 15px; background:white; font-family: Work Sans; border-radius: 0 0 8px 8px; text-align:left; margin-top:10px}
.cards.listings .card .card-content .listing-detail {margin-left: 5px}
.cards.listings .card .listing-bubble { background: #f6f6f6; padding: 10px 10px; border-radius: 6px; margin: 10px 0px; }

/* STEPS */
.steps-wrapper .steps-container {display:flex; flex-direction:column; color:white}
.steps-wrapper .steps-container h2 {text-align:center; margin-bottom: 40px}
.steps-wrapper .steps-container .step {margin: 2rem 0;}
.steps-wrapper .steps-container .step h3 {text-align:center}
.number-wrapper {display: flex; align-items:center; padding: 0 0 20px 0;  }
.number-wrapper.reverse {flex-direction:row-reverse}
.number-wrapper.reverse .circle {margin: 0 0 0 30px!important}
.step .body .circle {display:flex;height: 50px; width: 50px;margin:0 15px 0 0; border-radius: 50%; flex-wrap:no-wrap; justify-content:center; align-items:center; font-family: Work Sans}
.step .body .bar {height: 5px; width: 80%; }

.step .image img { max-width: 100%}

/* GALLERY */
.gallery-wrapper {padding: 30px 0}
.slide-trigger {background:none; outline:none; display: flex; border:none; align-items:center; padding: 0px;width:300px; font-family: Work Sans; color:white; text-transform:uppercase; font-size:16px}
.slide-trigger svg {margin-left: 15px;transition: all 0.2s ease; }
.close-gallery {position:absolute; top:20px; right: 20px; z-index: 2; padding: 10px; background:; }
.close-gallery svg {fill:white;  width: 15px; }
.gallery svg {pointer-events:none}
.gallery-container {display: flex; flex-direction:column;}
.gallery .swiper-slide {display: flex!important; justify-content:center!important}
.property { position:relative }
.property img {width: 100%; max-height: 400px; object-fit:cover;}
#gallery-overlay {display:none; position:fixed;width: 100%; height: 100%; background: white; top:0; z-index: 2}
.gallery-container .info-overlay {transition: all 0s; visiblity: visible;color:white;position: absolute; width: 100%; height: auto; bottom:4px; left:0; display: flex; flex-direction:column; justify-content:end; background: rgba(33,51,48,.76); }
.info-overlay svg {max-width: 50px}
 .info-overlay .overlay-content {padding: 20px}
.gallery {display:none; position:fixed; width: 100%; height: 400px; background:; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3}
.gallery .swiper-slide img {max-height: 400px;min-width: 100%; object-fit:cover};

.swiper-pagination {color: white; font-family: Work Sans; }
.gallery .swiper-button-next, .gallery .swiper-button-prev {color: white}
/* CONTACT PAGE_FORM */
/* FORM */

.contact-page-form form {max-width: 1340px; margin: 0 auto; padding: 20px; position: relative; font-family: Work Sans}

.contact-page-form form fieldset { max-width: 100%!important; }
.contact-page-form form ul { list-style-type: none; padding: 0; margin: 2px 0 10px 0;  }
.contact-page-form form fieldset.form-columns-2 .hs-form-field { width: 100%!important; box-sizing: border-box;}
.hs-form-b26dffcb-4caf-4f22-8de6-551a4c6bb89a_c2076754-62c-4295-aea8-01a226ac100d fieldset.form-columns-1 input[type=checkbox] {width: auto!important}
.contact-page-form form fieldset.form-columns-1 .hs-form-field { width: 100%!important; box-sizing: border-box; }
.contact-page-form form fieldset.form-columns-3 .hs-form-field  { width: 33.3%!important; box-sizing: border-box; }
.contact-page-form form input[type="checkbox"] {width: 10px!important}
.contact-page-form form  fieldset.form-columns-1 .hs-area_of_interest .hs-input {width: 100%!important}
.contact-page-form form input, form select, textarea { border: none; border-radius: 7px; padding: 15px; width: 100%!important; box-sizing: border-box; background:rgba(230, 222, 195, 0.3); color: black  }
.contact-page-form form input:focus , form select:focus , textarea:focus {border: 2px solid #05386B; color: black}
.contact-page-form form .legal-consent-container p { font-size: .8em; margin: 20px 0 0 0; max-width: 700px; color: black }
.contact-page-form form input[type="submit"] { padding: 15px 50px; border-radius: 9px;  margin: 20px 0 0 0; width: auto; cursor: pointer; transition: .2s; font-weight: 700; border: 0; box-shadow: none; }
.contact-page-form form input[type="submit"]:hover { transition: .2s; }
.contact-page-form label { font-size: 16px; margin: 15px 0 5px 0; display: block;color: black }
.contact-page-form textarea {padding-bottom: 20px; padding-top: 20px; font-family: "Inter", sans-serif; width: 100%!important}
.contact-page-form .hs-error-msg { color: ; }
.contact-page-form .hs-error-msgs { color: ; }
.contact-page-form .legal-consent-container .hs-error-msgs label { color: ; }
.contact-page-form form select { -webkit-appearance: none; }
.contact-page-form form fieldset ul p { color: white; }
.contact-page-form form input, .standardForm form select, .standardForm form textarea {; color: white;    }
.contact-page-form form input[type="submit"] {  font-family:Work Sans; background-color: #05386B;  color: white;  -webkit-appearance: none; width: 100%}
.contact-page-form form input[type="submit"]:hover {  background: #379683; }
.contact-page-form input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
  border: 0;  -webkit-text-fill-color: ;  -webkit-box-shadow: 0 0 0px 1000px  inset;  transition: background-color 5000s ease-in-out 0s }
  form h2 {margin-top: 0px}
.contact-page-form input:-internal-autofill-selected {background-color: #E6DEC3!important; color: white!important; box-shadow: none}
.submitted-message {font-family: Work Sans}
@supports (-webkit-touch-callout: none) { /* CSS specific to iOS devices */ input[type=checkbox] { -webkit-transform: scale(0.5,0.5); } }

@media (max-width: 480px) {
.contact-page-form form fieldset.form-columns-3 .hs-form-field  { width: 100%!important; box-sizing: border-box; }

}

/* FOOTER */
.footer img {max-width: 200px}

.footer .page-links {display:flex; flex-direction:column }
.footer .page-links a {width:100%; display:block}
.footer .page-links div {display:flex;justify-content: space-between;padding: 10px 0px; text-align:center}
.footer-wrapper h4, .footer-wrapper p {text-align:center}
.footer-wrapper .cta-wrap {width: 100%; display: flex; justify-content:center}
.footer {padding: 40px 20px}
.footer div {margin-top: 20px}
.footer .phone {font-family: Work Sans}
.footer .copyright {font-family: Work Sans}
.footer .copyright.liscence {font-size: 14px; margin: 0 auto}
/* REVEAL ANIMATION */
.wide-reveal {display:none}
.rev-block {position:relative}
.rev-block span {padding: 0 5px;opacity: 0; animation: appear-text 0.0001s linear forwards; animation-delay: 0.8s; }
.rev-text {opacity: 0; animation: appear-text 0.0001s linear forwards; animation-delay: 0.8s; }

.rev-block:after {content: ''; top: 0; left: 0; position:absolute; width: 0%; height: 100%; background: ; animation: rev-block 1.7s cubic-bezier(0.19, 1, 0.22, 1) forwards;animation-delay:0.2s;}
@keyframes rev-block {
  0% {
  left: 0;
  width: 0%;
  }
  50% {
    left: 0;
    width: 100%;
  }
  100% {
  left: 100%; 
    width: 0%;
  }
}

@keyframes appear-text {
  0% {
  opacity: 0;
  }
  100% {
  opacity:1;
  }
}

.rev-block-fast {position:relative}
.rev-block-fast span {padding: 0 5px;opacity: 0; animation: appear-text 0.0001s linear forwards; animation-delay: 0.8s; }
.rev-text-fast {opacity: 0; animation: appear-text 0.0001s linear forwards; animation-delay: 0.5s; }

.rev-block-fast:after {content: ''; top: 0; left: 0; position:absolute; width: 0%; height: 100%; background: ; animation: rev-block 1.3s cubic-bezier(0.19, 1, 0.22, 1) forwards;animation-delay:0s;}
@keyframes rev-block-fast {
  0% {
  left: 0;
  width: 0%;
  }
  50% {
    left: 0;
    width: 100%;
  }
  100% {
  left: 100%; 
    width: 0%;
  }
}

@keyframes appear-text {
  0% {
  opacity: 0;
  }
  100% {
  opacity:1;
  }
}



@media (min-width: 768px) {

    .mobile-video {display:none}
  .hero-video {display:block; max-width: 100%; width: 100%}
    .circle-cta2 {text-decoration:none!important;margin:0 auto;position:relative; z-index:2;font-family: Work Sans;border-radius: 50%; width: 130px; height: 130px; display:flex; justify-content:center; align-items:center;background:; border: 8px solid white; color: white; font-size: 17px; text-align:center; bottom: initial; right: initial; margin-top: 30px; margin-bottom: -150px}
.circle-cta2:hover {cursor:pointer; background: ; transition: all 0.2s; transform: scale(1.03)}
    .mobile-trigger {display:none}
.row-fluid {
    display: -ms-flexbox !important;
    -ms-flex-direction: row;
    display: block!important;
    /* flex-direction: row; */
 
}

  /* CARDS */
  .cards-wrapper {padding: 85px 0px 85px 0px}
  .card-wrapper h2 {text-align:center; }
.cards {display:flex; flex-direction:row; justify-content:center; flex-wrap: wrap; padding-top:30px }
.cards .card {max-width:30%;margin: 0px 10px;border-radius: 8px; box-sizing: border-box;background:white }
 .two-col {max-width: 40%!important; width: 45%;}
  .two-col img {min-height: 300px!important}
.cards .card .card-header {text-align:center; background: ; padding: 0; border-radius:8px 8px 0 0 }
  .cards .card .card-header h3 {margin: 0; padding: 15px 0;color:#05386B}
.cards .card img {height: 150px; width: 150px;}
.cards .card .card-content {padding: 15px; background:white; font-family: Work Sans; border-radius: 0 0 8px 8px}

  #marketing .cards .card {background: transparent!important; max-width: calc(33% - 30px);}
  /* 
LISTINGS */
  
  .cards.listings {justify-content:flex-start}
.cards.listings .card .card-content {padding: 15px; background:white; font-family: Work Sans; border-radius: 0 0 8px 8px; text-align:left}
 .cards.listings .card .card-content .beds, .cards.listings .card .card-content .baths, .cards.listings .card .card-content .dimensions {font-weight: 700}
.cards.listings .card .card-content .listing-detail {margin-left: 5px}
.cards.listings .card {min-width: calc(33.33% - 27px);max-width: calc(33.33% - 27px);  }
  .cards.listings .card:nth-child(2), .cards.listings .card:nth-child(5), .cards.listings .card:nth-child(8), .cards.listings .card:nth-child(11) {margin: 0px 20px}
  .cards.listings .card .image-wrapper {max-width: 100%; width:100%}
  .cards.listings .card img {height: 300px; max-width: 100%; width: 100%; object-fit:cover}
  
  /* SPLIT CONTENT */
.splitContent {display: flex; flex-direction: column; justify-content:center;  }
.splitContent h2 {text-align:center}
.splitContent .image { width: 100%; max-height: 300px; object-fit:cover; margin: 30px 0 0 0}
.splitContent-wrapper {background-size:cover; padding: 85px 0px 85px 0px}
  .reporting.splitContent .image {max-height: max-content!important; height: auto!important;}
/* HERO SECTION */
.hero-bg { width: 100%;box-sizing: border-box; display: flex; justify-content:center;align-items:flex-start;flex-direction:column; background-size:cover;padding:20px; min-height: 500px }
.hero-bg h1 {color:white};
.overlay {position:absolute; width: 100%; height: 100%; top:0; right: 0; background:rgba(0,0,0,0.5);}

.hero-bg .content {padding: 20px; background:rgba(0, 31, 34, .84); color: white; max-width: max-content;   }
  .hero-bg .content h1 {max-width: 600px}
  .hero-bg .content p {max-width: 600px}
.nav-orange-bar {height: 5px; width: 40px; background: ; margin-right: 10px}
.page-nav {font-family: Work Sans; text-transform:uppercase;color:white}
  
  /* STEPS */
.steps-wrapper .steps-container {display:flex; flex-direction:column; color:white}
.steps-wrapper .steps-container h2 {text-align:center}
.steps-wrapper .steps-container .step {margin: 2rem 0; display: flex}
  .steps-wrapper .steps-container .step.reverse {flex-direction:row-reverse}
.steps-wrapper .steps-container .step h3 {text-align:left}
.number-wrapper {display: flex; align-items:center; padding: 0 0 20px 0;position:absolute; top: -80px; left: 0  }
.number-wrapper.reverse {flex-direction:row-reverse; right: 0}
.number-wrapper.reverse .circle {margin: 0 0 0 30px!important}
  .body.standard {margin-right: -100px; z-index:1; margin-top:auto; margin-bottom: auto; background: white; color: black; max-height: 300px;min-width: 400px; padding: 20px; position:relative}
   .body.reverse {margin-left: -100px; z-index:1; margin-top:auto; margin-bottom: auto; background: white; color: black; max-height:300px;min-width: 400px; padding: 20px; position:relative}
.step .body .circle {display:flex;height: 50px; width: 50px;margin:0 15px 0 0; border-radius: 50%; flex-wrap:no-wrap; justify-content:center; align-items:center; font-family: Work Sans; color:white}
.step .body .bar {height: 5px; max-width: 100%; width: 200px }

  .step .image img { min-height: 400px;max-width: 100%}
  

/*   GALLERY */
 .one-third {width: 100%; height: 400px};
.two-third {width: 100%; height: 400px};
  .close-gallery {position:absolute; top:20px; right: 20px; z-index: 2; padding: 10px; background:; }
.close-gallery svg {fill:white;  width: 15px; }
  
  
/* FULL WIDTH */
.full-width-wrapper {background-size:cover; padding: 85px 0px 85px 0px}
.full-width-wrapper h2 {text-align:center}
 .hero-w p {max-width: 100%!important; margin: 20px 0!important}
  .full-width-wrapper p {text-align:left; max-width: 60%; margin: 0 auto; margin-top: 30px; margin-bottom: 30px}
  .full-width-wrapper img {max-width: 100%; width: 100%; margin: 0 auto; max-height: 500px; object-fit:cover}
  .quoteSwiper {max-width: 100%;}
.quoteSwiper .content {padding: 20px}
.quoteSwiper .swiper-wrapper {cursor: url("https://23704721.fs1.hubspotusercontent-na1.net/hubfs/23704721/mouse%20svg.png"), auto}; 
.quoteSwiper .swiper-wrapper .swiper-slide { min-height: 100%}
.quoteSwiper .quote-white {font-size: 20px!important; max-height: 100%}
.expand {max-height: 100%!important;  -webkit-line-clamp: 1400!important; overflow: auto!important; }
.quoteSwiper .swiper-pagination {top:-6px; bottom: initial}
.quoteSwiper .quote-white .quote .quote-p div  { display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 8;
  line-clamp: 8;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  text-overflow: ellipsis;
    max-height: 100%;
  white-space:no-wrap;
}
  
/*   Property Page */
  .split-slide-map .property-header {background: #f6f6f6; height:calc(45% - 24px); padding: 20px; margin: 20px 0 0 0 }
  .split-slide-map .property-details {display: flex; align-items:center; margin-bottom: 15px}
  .split-slide-map .property-details img {margin-right: 5px; height: 30px}
  
    .property-amenities-wrapper {display: flex; }
    .property-amenities-wrapper .col:nth-child(1) {margin-right: 100px }
}


@media (min-width: 970px) {
    #marketing .cards {justify-content:center}

  .cta-wrap {margin: 45px 0; text-align:left }
.circle-cta2 {text-decoration:none!important;margin:0 auto;position:absolute; z-index:2;font-family: Work Sans;border-radius: 50%; width: 130px; height: 130px; display:flex; justify-content:center; align-items:center;background:; border: 8px solid white; color: white; font-size: 17px; text-align:center; bottom: -50px; right: 50%; transform: translateX(50%)}
.circle-cta2:hover {cursor:pointer; background: ; transition: all 0.2s; transform: scale(1.03) translateX(50%); transform-origin: center}
    .mobile-trigger {display:none}
  .circle-cta {margin:0 auto;position:relative; z-index:2;font-family: Work Sans;border-radius: 50%; width: 150px; height: 150px; display:flex; justify-content:center; align-items:center;background:; border: 8px solid white; color: white; margin-top:-65px; font-size: 17px}
.contact-page-form form fieldset.form-columns-2 .hs-form-field { width: 50%!important; box-sizing: border-box;}
    /* SPLIT CONTENT */
  .splitContent.testimonial {flex-direction: column}
  .splitContent {display: flex; flex-direction: row; justify-content:center; align-items:center }
 .reverse {flex-direction:row-reverse!important}
  .splitContent h2 {text-align:left}
    .splitContent.page-center.reverse .content {padding-right: 0px; padding-left: 30px}
 .splitContent.page-center.standard .content {padding-right: 30px; padding-left: 0px; }
  .splitContent .image { width: 100%; max-height:400px; object-fit:cover; max-width: 50%; padding: 0}
  
  /* GALLERY */
  .gallery-wrapper {padding: 85px 0px 85px 0px}
.gallery-container {display: flex; flex-direction:row;flex-wrap:wrap}
.property { position:relative; overflow:hidden; margin: 0px 2px 2px 0px }
.property img {width: 100%; max-height: 400px; object-fit:cover;min-height: 400px}
#gallery-overlay {display:none; position:fixed;width: 100%; height: 100%; background: white; top:0; z-index: 2}
.gallery-container .info-overlay {z-index: 1; visibility:hidden;;color:white;position: absolute; width: 100%; height: 100%; bottom: 0; left:0; display: flex; flex-direction:column; justify-content:end; background: rgba(33,51,48,.76); }
.info-overlay svg {max-width: 50px}
 .info-overlay .overlay-content {padding: 20px}
.gallery {display:none; position:fixed; width: 100%; height: 400px; background:; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3}
.gallery .swiper-slide img {max-height: 400px; min-height: 400px; min-width: 400px }
.close-gallery {position:absolute; top:70px; right: 40px; z-index: 2; padding: 10px; background:; }
.close-gallery svg {fill:white;  width: 15px; }

.slide-trigger {background:none; outline:none; display: flex; border:none; align-items:center; padding: 0px;width: 100%; font-family: Work Sans; color:white; text-transform:uppercase; font-size:16px}
.slide-trigger svg {margin-left: 15px}
.swiper-pagination {color: white; font-family: Work Sans; }

  .one-third {width: 38%}
.two-third {width: 58%}
  
  .quote-bg .quote-white p {max-width: 700px}
.footer {flex-direction:row}
    
  .quoteSwiper {max-width: 100%;}
.quoteSwiper .content {padding: 20px}
.quoteSwiper .swiper-wrapper {cursor: url("https://23704721.fs1.hubspotusercontent-na1.net/hubfs/23704721/mouse%20svg.png"), auto}; 
.quoteSwiper .swiper-wrapper .swiper-slide { min-height: 100%}
.quoteSwiper .quote-white {font-size: 20px!important; max-height: 100%}
.expand {max-height: 100%!important;  -webkit-line-clamp: 1400!important; overflow: auto!important; }
.quoteSwiper .swiper-pagination {top:-6px; bottom: initial}
.quoteSwiper .quote-white .quote .quote-p div  { display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 8;
  line-clamp: 8;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  text-overflow: ellipsis;
  white-space:no-wrap;
}
  .split-slide-map {display: flex;justify-content:space-between}
  .slide-wrapper {width: 60%}
  .map {width: 38%;  }
  .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

 

    .swiper {
      width: 100%;
      max-height: 400px;
      margin-left: auto;
      margin-right: auto;
    }

    .swiper-slide {
      background-size: cover;
      background-position: center;
    }

    .mySwiper2 {
      height: 80%;
      width: 100%;
    }

    .mySwiper {
      max-height: 100px;
      box-sizing: border-box;
      padding: 10px 0;
    }

    .mySwiper .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;
    }
  .mySwiper .swiper-slide img {
    object-fit:cover
    }

    .mySwiper .swiper-slide-thumb-active {
      opacity: 1;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
}

@media (min-width: 1200px) {
  p {font-family: 'Work Sans'; font-weight: 400}
a {font-family: 'Work Sans'; font-weight: 600}
h1 {font-family: 'Work Sans'; font-weight: 800; text-transform: uppercase; font-size:2.8rem}
h2 {font-family:Work Sans; font-size:1.7rem;font-weight:700;text-transform: uppercase; margin: 0; margin-bottom: 20px}
  .button-circle {position:relative;z-index:2;border-radius: 50%; font-family: 'Work Sans'; font-weight: 700; color:white; background:#379683; border: 8px solid white; width: 140px; height: 140px; margin: 0 auto; margin-bottom:-60px; margin-top:30px;display: flex;justify-content: center;align-items: center;text-align: center;text-decoration: none; }

  .circle-cta2 {text-decoration:none!important;margin:0 auto;position:absolute; z-index:2;font-family: Work Sans;border-radius: 50%; width: 130px; height: 130px; display:flex; justify-content:center; align-items:center;background:; border: 8px solid white; color: white; font-size: 17px; text-align:center; bottom: -50px; right: 50%; transform: translateX(50%)}
.circle-cta2:hover {cursor:pointer; background: ; transition: all 0.2s; transform: scale(1.03) translateX(50%); transform-origin: center}
  .mobile-trigger {display:none}
/*   NAV */
  .mobile-nav {display:none}
  .max-nav {display: flex}
  .full-nav {padding: 0px 20px 0px 20px;display:block;background-image: url('https://23704721.fs1.hubspotusercontent-na1.net/hubfs/23704721/nav%20mountains%20background.svg'); background-repeat:no-repeat; background-size:cover }
  .full-nav .nav-items {max-width: 1300px;display: flex; justify-content:space-between; margin: 0 auto; align-items:center;}
  .full-nav .logo {max-width: 200px; width: 200px; padding: 10px 0px }
  .full-nav .nav-bg {padding: 43px 0px 43px 0px;background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 12%, rgba(255,255,255,0.85) 29%, rgba(255,255,255,1) 51%, rgba(255,255,255,0.85) 72%, rgba(255,255,255,0.6) 86%, rgba(255,255,255,0) 100%, rgba(255,255,255,0.85) 617%);}
  .full-nav ul {display: flex; list-style:none; font-family: Work Sans;padding-inline-start: 0px}
  .full-nav ul li a {margin: 0 15px;font-family: Work Sans; text-transform: uppercase; text-decoration:none; color: black}
    .full-nav ul li  {margin: 0 15px;font-family: Work Sans; text-transform: uppercase; text-decoration:none; color: black}
  .full-nav-target {position:relative; }
  .full-nav .nav-dropdown-menu {position:absolute; background:white; padding: 10px 10px; top:20px; left: -131px; text-align:center; width: 100px; z-index: 2}
    .full-nav .nav-dropdown-menu2 {position:absolute; background:white; padding: 10px 10px; top:20px; left: -155px; width: 150px; text-align:left; z-index: 2 }
      .full-nav .nav-dropdown-menu3 {position:absolute; background:white; padding: 10px 10px; top:20px; left: -123px;text-align:center;width: 100px; z-index: 2 }
  .full-nav .nav-dropdown-menu a  { font-family: Work Sans!important; font-size:16px; text-decoration:none}
    .full-nav .nav-dropdown-menu2 a  { font-family: Work Sans!important; font-size:16px; text-decoration:none}
      .full-nav .nav-dropdown-menu3 a  { font-family: Work Sans!important; font-size:16px; text-decoration:none}
  /* HOME SLIDER */
.homeSwiper .swiper-slide {min-height: 750px; background-size:cover; display: flex; align-items:center; justify-content:center; background-position: center center; }

.homeSwiper .swiper-slide .content {padding: 20px; background:rgba(0, 31, 34, .78); margin: 20px; color: white }
 
  .hero-bg {min-height: 700px}
  
  
  
      /* SPLIT CONTENT */
  .splitContent.testimonial {flex-direction: column}
  .splitContent {display: flex; flex-direction: row; justify-content:center; align-items:center }
 .reverse {flex-direction:row-reverse!important}
  .splitContent h2 {text-align:left}
    .splitContent.page-center.reverse .content {padding-right: 0px; padding-left: 50px}
 .splitContent.page-center.standard .content {padding-right: 50px; padding-left: 0px; }
  .splitContent .image { max-width: 60%; max-height:500px; object-fit:cover; min-height: 500px; min-width: 650px}
    .reporting .splitContent .image {max-width: 50%!important;max-height: max-content!important; min-height: max-content!important; min-width: max-content!important; height: auto!important;}
  /* STEPS */
  .steps-wrapper .steps-container {display:flex; flex-direction:column; color:white;padding: 85px 0px 85px 0px}
.steps-wrapper .steps-container h2 {text-align:center}
.steps-wrapper .steps-container .step {margin: 2rem 0;}
.steps-wrapper .steps-container .step h3 {text-align:left; font-size: 26px}
.number-wrapper {display: flex; align-items:center; padding: 0 0 20px 0;position:absolute; top: -120px;   }
.reverse {flex-direction:row-reverse}
.number-wrapper.reverse .circle {margin: 0 0 0 30px!important}
.step .body .circle {display:flex;height: 50px; width: 50px;margin:0 15px 0 0; border-radius: 50%; flex-wrap:no-wrap; justify-content:center; align-items:center; font-family: Work Sans; color: white}
.step .body .bar {height: 5px; width: 300px }
.step .image img { max-width: 800px;  }
  .body.standard {margin-right: -100px; z-index:1; margin-top:auto; margin-bottom: auto; background: white; color: black; max-height: 300px;min-width: 500px; padding: 20px}
   .body.reverse {margin-left: -100px; z-index:1; margin-top:auto; margin-bottom: auto; background: white; color: black; max-height:300px;min-width: 500px; padding: 20px}

  .step .body {position: relative;  }
  
  .gallery {display:none; position:fixed; width: 100%; height: 90%; background:; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3}
.gallery .swiper-slide img {max-height: 1000px; min-height: 1000px}
 
  .header p {max-width: 70%; margin: 0 auto; margin-top: 20px}
  
  .quoteSwiper {max-width: 100%;}
.quoteSwiper .content {padding: 20px}
.quoteSwiper .swiper-wrapper {cursor: url("https://23704721.fs1.hubspotusercontent-na1.net/hubfs/23704721/mouse%20svg.png"), auto}; 
.quoteSwiper .swiper-wrapper .swiper-slide { min-height: 100%}
.quoteSwiper .quote-white  {font-size: 20px!important; max-height: 100%; padding: 30px 30px!important }
  .quoteSwiper .quote-white p {text-align:left}
.expand {max-height: 100%!important;  -webkit-line-clamp: 1400!important; overflow: auto!important; }
.quoteSwiper .swiper-pagination {top:-6px; bottom: initial}
.quoteSwiper .quote-white .quote .quote-p div { display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  text-overflow: ellipsis;
  white-space:no-wrap;
}
  
  .scrollNav {position:fixed;transition: top 0.4s ease; top:-80px;background:white;transition: top 0.4s ease;display:flex;justify-content:center;align-items:center;position:fixed; width:100%; left:0;  padding:7px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.scrollNav.active {;z-index:99; background:white;transition: top 0.4s ease;display:flex;justify-content:center;align-items:center;position:fixed; width:100%; left:0; top:0; padding:7px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
.scrollNav .nav-items {max-width: 1300px;display: flex; justify-content:space-between; margin: 0 auto; align-items:center;}
  .scrollNav .logo {max-width: 200px; width: 200px; padding: 10px 0px }
  .scrollNav .nav-bg {padding: 43px 0px 43px 0px;background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 12%, rgba(255,255,255,0.85) 29%, rgba(255,255,255,1) 51%, rgba(255,255,255,0.85) 72%, rgba(255,255,255,0.6) 86%, rgba(255,255,255,0) 100%, rgba(255,255,255,0.85) 617%);}
  .scrollNav ul {display: flex; list-style:none; font-family: Work Sans;padding-inline-start: 0px}
  .scrollNav ul li a {margin: 0 15px;font-family: Work Sans; text-transform: uppercase; text-decoration:none; color: black}
    .scrollNav ul li  {margin: 0 15px;font-family: Work Sans; text-transform: uppercase; text-decoration:none; color: black}
  .scrollNav-target {position:relative; }
  .scrollNav .scrollNav-dropdown-menu {position:absolute; background:white; padding: 10px 10px; top:20px; left: -131px; text-align:center; width: 100px; z-index: 2}
    .scrollNav .nav-dropdown-menu2 {position:absolute; background:white; padding: 10px 10px; top:20px; left: -155px; width: 150px; text-align:left; z-index: 2 }
      .scrollNav .scrollNav-dropdown-menu3 {position:absolute; background:white; padding: 10px 10px; top:20px; left: -123px;text-align:center;width: 100px; z-index: 2 }
  .scrollNav .scrollNav-dropdown-menu a  { font-family: Work Sans!important; font-size:16px; text-decoration:none}
    .scrollNav .nav-dropdown-menu2 a  { font-family: Work Sans!important; font-size:16px; text-decoration:none}
      .scrollNav .scrollNav-dropdown-menu3 a  { font-family: Work Sans!important; font-size:16px; text-decoration:none}
  
  
  .scrollNav-dropdown-menu {display: none; flex-direction:column; justify-content: flex-start; padding-left: 30px }
.scrollNav-dropdown-menu.open {display:flex!important}
.scrollNav-dropdown-menu a {padding: 5px 0px; font-family: Work Sans; font-size: 16px; color:black }
.scrollNav-dropdown-menu2 {display: none; flex-direction:column; justify-content: flex-start; padding-left: 30px }
.scrollNav-dropdown-menu2.open {display:flex!important}
.scrollNav-dropdown-menu2 a {padding: 5px 0px; font-family:  Work Sans; font-size: 16px; color:black }
.scrollNav-dropdown-menu3 {display: none; flex-direction:column; justify-content: flex-start; padding-left: 30px }
.scrollNav-dropdown-menu3.open {display:flex!important}
.scrollNav-dropdown-menu3 a {padding: 5px 0px; font-family:  Work Sans; font-size: 16px; color:black }
}