@charset "utf-8";
@font-face{
	font-family:"TT Commons Pro Condensed";
	src:url("../fonts/TT_Commons_Pro_Condensed_Bold.woff2") format("woff2"),
	    url("../fonts/TT_Commons_Pro_Condensed_Bold.woff") format("woff");
	font-weight:700;
	font-style:normal;
	font-display:swap;
}
:root{
	--bg: #fff;
	--ink: #282828;
	--brand: #004F42;
	--brand-blue: #037ABF;
	--brand-yellow: #EAE856;
	--brand-green-light: #408257;
	--brand-green-accent: #045830;
	--accent: #F26836;
	--highlight-light: #F4F3B8;
	--blue-light: #CCE1F4;
	--bg-alt: #F6F6F6;
	--bg-green-light: #CDE7CA;
	--bg-peach: #FEE4D1;
	--radius-lg: 10px;
	--radius-xl: 20px;
	--radius-pill: 999px;
	--shadow-soft: 0 12px 26px rgba(0,0,0,.08);
	--container: 1420px;
	--gutter: 24px;
	--section-pad-x: clamp(24px, 10vw, 190px);
	--section-pad-y: clamp(48px, 10vw, 120px);
	--serif: "Source Serif Pro", serif;
	--sans: "lektorat-text-variable", sans-serif;
	--sans-condensed: "TT Commons Pro Condensed", sans-serif;
	--sans-alt: "Work Sans", sans-serif;
	--h1: clamp(48px, 4vw, 72px);
	--h2: clamp(36px, 3vw, 56px);
	--h3: clamp(28px, 2.4vw, 46px);
	--body-lg: clamp(18px, 2.2vw, 42px);
	--body-md: clamp(16px, 1.6vw, 30px);
	--stat: clamp(56px, 5.2vw, 100px);
}
/*===========================================================================================================*/
/*=========================================== GENERAL SETTINGS ==============================================*/
/*===========================================================================================================*/
body{
	margin:0;
	background:var(--bg);
	color: #282828;
	font-family:var(--sans);
	line-height: 1.3em;
	font-weight: 400;
	font-size: 26px;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	overflow-x: hidden;
}

img{ max-width:100%; height:auto; display:block; }

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

.container{
	/* position: relative; */
	width:min(var(--container), calc(100% - (var(--gutter) * 2)));
	margin-inline:auto;
	padding: 0 var(--gutter);
}
b, strong {
	font-weight: bold;
}
strong.stronger {
  font-weight: 900;
}
* {
  margin: 0;
  box-sizing: border-box;
}
.text-center { text-align: center; }
.text-right { text-align: right; }
.break-word {
  -webkit-word-wrap: break-word;
  -moz-word-wrap: break-word;
  -ms-word-wrap: break-word;
  -o-word-wrap: break-word;
  word-wrap: break-word;
}
.list-unstyled {
	list-style: none;
	padding: 0;
}
.list-unstyled li {
	display: block;
	margin: 0;
}
.list-inline {
	list-style: none;
	padding: 0;
}
.list-inline li {
	display: inline-block;
	margin: 0;
}
.list-inline li:not(:last-child) {
  margin-right: 20px;
  margin-bottom: 0;
}
ul, ol {
  margin: 0 0 30px;
}
ul *, ol * {
  vertical-align: top;
}
li {
	margin: 0 0 0;
}
td, th {
	margin: 0 0 0;
}
a img {
  border: none;
}
img {
  max-width: 100%;
  height: auto;
}
p {margin: 0 0 20px;}

h1, .h1-style {
	color: var(--brand);
	font-family: var(--serif);
	font-size: 62px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin: 0 0 20px;
}
h2 {
	color: var(--brand);
	font-family: var(--serif);
	font-size: 36px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin: 0 0 20px;
}
h3 {
	color: var(--brand);
	font-family: var(--sans);
	margin: 0 0 20px;
	font-size: 32px;
	font-style: normal;
	font-weight: var(--font-weight-500, 500);
	line-height: 150%; /* 63px */
}
h4 {
	
}
h5 {
	color: var(--brand);
	font-family: var(--sans);
	font-size: 30px;
	font-style: normal;
	font-weight: var(--font-weight-600, 600);
	line-height: 150%;
}
h6 {
	color: var(--brand);
	font-family: var(--sans);
	font-size: 25px;
	font-style: normal;
	font-weight: 550;
	line-height: 150%;
}

/*===========================================================================================================*/
/*=========================================== TOP ===========================================================*/
/*===========================================================================================================*/
.menu {
  display: block;
  position: relative;
  z-index: 11;
  top: 0!important;
  left: 0;
  right: 0;
  padding: 0;
  transition: all .4s ease;
  background: var(--brand);
}
.menu.actived {
  position: fixed;
  box-shadow: 0 0 12px rgb(0 0 0 / 8%);
}
.menu.behaved {
  background-color: var(--brand);
  overflow: hidden;
  /* box-shadow: none!important; */
  margin: 0;
  position: absolute;
}
.customize-support .menu {
	top: 31px;
}
.menu > .container {
  position: relative;
  display: flex;
  gap: 40px;
  align-items: end;
  justify-content: space-between;
}
.menu.behaved > .container:after {
	display: none;
}
.menu.behaved > .container {
  position: static;
}
.customize-support .menu.home {
  top: 32px;
}
.menu .mobile-nav {}
.menu .mobile-nav ul {
	margin: 0 0;
}
.menu .mobile-nav ul li:not(:last-child) {
	margin-right: 23px;
}
.menu > div .navigation {
  display: block;
  background: #F26836;
  color: #fff;
  letter-spacing: 0px;
  font-weight: 400;
  line-height: 1em;
  text-transform: capitalize;
  position: relative;
  text-decoration: none;
  width: 53px;
  height: 50px;
  transition: all .3s ease;
}
.menu > div .navigation:hover, .menu > div .navigation:focus {
  text-decoration: none;
}
.menu.actived > div .navigation {
 margin: 23px 0;
 margin-right: 36px;
}
.menu.behaved > div .navigation {
  color: #fff;
  margin: 0 0;
  margin-right: 0;
  top: 0;
  width: 53px;
}
.menu.behaved > div .navigation:hover {
	color: #fff;
}
.menu > div a.navigation > .txt {
	display: none;
	position: absolute;
	right: 100%;
	top: 2px;
	margin-right: 6px;
}
.menu > div a.navigation > .txt:before {
  content: 'Menu';
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0;
  position: relative;
  text-transform: capitalize;
  top: 15px;
  margin-right: 5px;
}
.menu.behaved > div a.navigation > .txt:before {content: 'Close';color: #fff;}
.menu > div a.navigation > .bar {
  position: absolute;
  left: 11px;
  width: 32px;
  height: 4px;
  border-radius: 0;
  background-color: #fff;
  transition: top .3s ease, transform .4s ease, opacity .3s ease;
}
.menu.behaved > div a.navigation > .bar {
  background-color: #fff;
  width: 32px;
}
.menu > div a.navigation > span:first-child {
  top: 14px;
}
.menu > div a.navigation > span:nth-child(2) {
  top: 23px;
}
.menu > div a.navigation > span:nth-child(3) {
  top: 32px;
}
.menu > div a.navigation.behaved > span:first-child {
  top: 23px;
  transform: rotate(135deg);
}
.menu > div a.navigation.behaved > span:nth-child(2) {
  display: none;
}
.menu > div a.navigation.behaved > span:nth-child(3) {
  top: 23px;
  transform: rotate(-135deg);
}
.menu .logo-nav {
  position: relative;
  display: block;
  max-width: 383px;
  transition: all .3s ease;
}
.menu.behaved .logo-nav {
	max-width: 260px;
}
.menu .logo-nav img.mobile-nav {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  display: block;
}
.menu .logo-nav:hover { opacity: .9!important }

.menu .logo-nav img {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.menu.actived .logo-nav {
}
.menu.behaved .logo-nav img {
 opacity: 1;
}
.menu.behaved .logo-nav .mobile-nav {
 opacity: 1;
}
.menu.behaved .social-nav {
  opacity: 0;
}
.menu > div {
  position: relative;
  padding: 58px max(20px, 40px);
}
.menu.behaved > div {
  background-color: transparent;
  border-color: transparent;
}

.menu .desktop-navs {
	text-align: right;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 8px;
}

/* Utility links row (Recipient Hub | Contact Us) */
.menu .btns-nav {
	margin: 0 0 20px;
	display: flex;
	gap: 24px;
	align-items: center;
}
.menu .btns-nav > li {
    margin: 0;
}
.nav-utility-link {
	font-family: var(--sans-condensed);
	padding: 0;
	transition: opacity .3s ease;
	color: #FFF;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 25px; /* 113.636% */
	letter-spacing: 1.76px;
	text-transform: uppercase;
}
.nav-utility-link:hover {
	opacity: .75;
}

/* Main nav row */
.nav-main-row {
	display: flex;
	align-items: center;
	gap: 8px;
	position: relative;
	padding-right: 21px;
}
.nav-cta {
	position: relative;
	z-index: 2;
	font-size: 15px;
	padding: 9px 20px!important;
	border-radius: 0!important;
	min-height: unset!important;
	font-size: 22px!important;
	font-style: normal;
	font-weight: 700!important;
	line-height: 25px!important; /* 96.154% */
	letter-spacing: 2.08px;
	text-transform: uppercase;
}
.nav-cta::after {
	content: "";
	position: absolute;
	top: -1px;
	right: -34px;
	width: 34px;
	height: calc(100% + 2px);
	background: var(--brand-yellow);
	clip-path: polygon(0 0, 0% 0, 100% 100%, 0 100%);
	transition: all .3s ease;
}
.nav-cta:hover::after {
	content: "";
	background: #fff;
}
/* Diagonal hash lines extending from CTA to screen edge */
.nav-main-row::after {
	content: "";
	position: absolute;
	right: -600px;
	top: 0;
	width: 620px;
	height: 100%;
	background: repeating-linear-gradient(
  -127deg,
  rgba(234,232,86,.45),
  rgba(234,232,86,.45) 1px,
  transparent 1px,
  transparent 5px
 );
	pointer-events: none;
}
.menu .collapse-menu > li > ul {
  /* display: none; */
  background: #ffff;
  backdrop-filter: blur(2px);
  box-shadow: 0px 6px 10px 0px rgba(6, 28, 24, 0.15), 0px 3px 3px -5px rgba(6, 28, 24, 0.20);
  position: absolute;
  top: 100%;
  left: 0;
  right: unset;
  z-index: 5;
  padding: 0;
  width: 267px;
  margin-top: 0!important;
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: all .3s ease;
  display: block;
  clip-path: polygon(100% 0, 100% 70%, 85% 100%, 0 100%, 0 0);
}
.menu .collapse-menu > li > ul:focus-within,
.menu .collapse-menu > li:hover > ul {
	padding: 7px 0 3px;
	opacity: 1;
	margin-top: 0!important;
	height: auto;
	/* display: block!important; */
}
.menu .collapse-menu > li > ul > li {
  display: block;
  padding: 0;
  font-size: 15px;
  font-style: normal;
  line-height: normal;
  text-align: left;
  text-transform: capitalize;
  margin: 0 0!important;
}
.menu .collapse-menu > li > ul > li:hover {
	background-color: #fff
}
.menu .collapse-menu > li > ul > li a {
  display: block;
  position: relative;
  color: #000!important;
  font-weight: 700;
  font-size: 19px;
  text-shadow: none;
  padding: 10px 18px!important;
}
.menu .collapse-menu > li > ul > li:not(:last-child) a {
	border-bottom: solid 1px #f26836;
}
.menu .collapse-menu > li > ul > li a:hover {
  color: #F26836!important;
}
.menu .collapse-menu > li > ul > li a:focus {
  color: var(--brand);
  text-decoration: none;
}
.menu .collapse-menu > li > ul > li.current-menu-item a {
  color: #F26836!important;
}
.menu .collapse-menu > li > ul > li a:before,
.menu .collapse-menu > li > ul > li a:after {
  content:"";
  opacity: 0;
  display: inline-block;
  position: relative;
  width: .6em!important;
  height: .6em;
  margin-top: 5px;
  background-color: #F26836!important;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  pointer-events: none;
  -webkit-mask-image: url(../img/icons/icon-caret-down.svg);
  mask-image: url(../img/icons/icon-caret-down.svg);
  transform: rotate(270deg);
  transition: all .3s ease;
}
.menu .collapse-menu > li > ul > li a:before {
  left: 0;
  position: absolute;
  top: 10px;
}
.menu .collapse-menu > li > ul > li.current-menu-item a:before {
  opacity: 1;
  left: 5px;
}
.menu .collapse-menu > li > ul > li a:after {
  margin-left: 0;
  background: none;
}
.menu .collapse-menu > li > ul > li:not(.current-menu-item) a:not(:focus):hover:after {
  opacity: 1;
  margin-left: 4px;
  background: none;
}
.menu .collapse-menu {
	margin: 0;
	gap: 8px;
	display: flex;
	align-items: center;
	padding: 0;
}
.menu .collapse-menu li {
	position: relative;
	margin: 0;
	list-style: none;
}
.menu .collapse-menu li .cnm-icon {
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	margin-left: 5px;
	font-size: .6em;
}
.menu .collapse-menu:not(.btns-nav) > li > a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	position: relative;
	color: #fff;
	font-family: var(--sans-condensed);
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	padding: 10px 20px;
	border-radius: 0;
	background: #F26836;
	border: none;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 25px; /* 96.154% */
	letter-spacing: 2.08px;
	text-transform: uppercase;
	white-space: nowrap;
	transition: all .3s ease;
}
.menu .collapse-menu:not(.btns-nav) > li > a:hover {
	background: #d95a2d;
}
.menu .collapse-menu:not(.btns-nav) > li.dad > a {
	padding-right: 32px;
}
.menu .collapse-menu:not(.btns-nav) > li.dad > a .cnm-icon {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	transition: all .3s ease;
}
.menu .collapse-menu:not(.btns-nav) > li.dad:hover > a .cnm-icon {
	transform: translateY(-50%) rotate(-180deg);
}
.menu .collapse-menu li.current-menu-item > a,
.menu .collapse-menu li.current-page-ancestor > a {
	color: #fff;
	/* background: #fff; */
	border-color: #d95a2d;
}
.menu .collapse-menu li strong {
	margin-right: 5px
}
.menu .collapse-menu li:hover a,
.menu .collapse-menu li:focus a,
.menu .collapse-menu li a:hover,
.menu .collapse-menu li a:focus {
	color: #fff;
	text-decoration: none;
}

.navigation-overlay {
  display: none;
  font-family: var(--sans-condensed);
  position: fixed;
  z-index: 10;
  top: 0;
  right: -105px;
  bottom: 0;
  width: 100%;
  padding: 72px 0 0;
  overflow-x: hidden;
  overflow-y: auto;
  transition: right .6s ease;
  border: none;
  background: #F4F3B8;
}
.navigation-overlay.behaved {
  right: 0;
}

.navigation-overlay > ul {
  opacity: 0;
  margin: 0;
  padding: 0;
}
.navigation-overlay.behaved > ul {
  opacity: 1;
}
.navigation-overlay > ul > li {margin-bottom: 0!important;}
.navigation-overlay > ul > li > a {
	position: relative;
	text-transform: uppercase;
	background: none;
	display: block;
	color: #004f42;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-decoration: none;
	padding: 6px 15px;
}
.navigation-overlay > ul > li:not(:last-child) > a { border-bottom: solid 1px; }
.navigation-overlay > ul > li > a span {
	border-bottom: none;
}
.navigation-overlay > ul > li > a:hover {
	color: #004f42;
}
.navigation-overlay > ul > li > a:focus {
  color: #004f42;
  text-decoration: none;
}
.navigation-overlay > ul > li > a:focus span {
}
.navigation-overlay > ul > li > a i {
	display: block;
	mask-image: none!important;
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 100%;
	background: transparent;
}
.navigation-overlay > ul > li > a.active i {
	background: #004f42;
}
.navigation-overlay > ul > li > a i:before,
.navigation-overlay > ul > li > a i:after {
	content: '';
	position: absolute;
	display: block;
	width: 16px;
	height: 2px;
	background: #004f42;
}
.navigation-overlay > ul > li > a i:before {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.navigation-overlay > ul > li > a i:after {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) rotate(90deg);
	transition: all .3s ease;
}
.navigation-overlay > ul > li > a.active i:after {
	background: #fff;
	transform: translate(-50%, -50%) rotate(0);
}
.navigation-overlay > ul > li.current-menu-item > a,
.navigation-overlay > ul > li.current-menu-ancestor > a {
  text-decoration: none;
  color: #004f42;
}
.navigation-overlay > ul > li.current-menu-item > a > span,
.navigation-overlay > ul > li.current-menu-ancestor > a > span {
	color: #004f42;
	border-color: #004f42
}
.navigation-overlay > ul > li ul {
  display: none;
  margin: 0;
}


.navigation-overlay > ul > li > ul li {margin-bottom: 0!important;}
.navigation-overlay > ul > li > ul li a {
  display: block;
  text-transform: capitalize;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration: none;
  color: #004f42;
  background: none;
  border-bottom: solid 1px;
  padding: 6px 30px;
}
.navigation-overlay > ul > li > ul li a span {
}
.navigation-overlay > ul > li > ul li a:hover {
  text-decoration: none;
  color: #004f42;
}
.navigation-overlay > ul > li > ul li a:focus {
  text-decoration: none;
  color: #004f42;
}
.navigation-overlay > ul > li > ul li a:focus span {
	color: #004f42;
}
.navigation-overlay > ul > li.current-menu-ancestor > ul li.current-menu-item a {
  text-decoration: none;
  color: #004f42;
}
.navigation-overlay > ul > li.current-menu-ancestor > ul li.current-menu-item a span {
	border-color: transparent;
}
.navigation-overlay > ul > li.current-menu-ancestor > ul li.current-menu-item a:before {
  content:"";
  display: inline-block;
  position: relative;
  width: .6em!important;
  height: .6em;
  margin-top: 6px;
  margin-right: 5px;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  pointer-events: none;
  -webkit-mask-image: url(../img/icons/icon-caret-down.svg);
  mask-image: url(../img/icons/icon-caret-down.svg);
  transform: rotate(270deg);
}
.navigation-overlay > ul > li > a .fal  {
	display: none
}
.navigation-overlay .site-footer__social {
	justify-content: center;
}
.navigation-overlay .site-footer__social .cnm-icon {
	color: #004f42;
}

body.behaved {
  overflow: hidden;
}
body.actived {
  overflow: hidden;
}
.page {
  background-color: #fff;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1400px) {
	.menu > div { padding: 20px }
	.menu .btns-nav { margin: 0 0; }
	.nav-utility-link { font-size: 18px }
	.menu .collapse-menu:not(.btns-nav) > li > a {font-size: 16px;padding: 8px 16px;}
	.nav-cta {font-size: 13px!important;padding: 7px 20px!important;}
	.menu .collapse-menu > li > ul > li a {font-size: 14px}
}
@media (max-width: 1250px) {
	.menu .collapse-menu:not(.btns-nav) > li > a {font-size: 14px;padding: 8px 14px;}
	.nav-main-row { gap: 6px; }
}
@media screen and (min-width: 992px) {
  /*============== TOP ================*/
  .menu .navigation,
  .menu .mobile-nav,
  .navigation-overlay {
    display: none !important;
  }
}
@media screen and (max-width: 991px) {
	.menu > .container:after {
		width: calc(100% - 40px);
	}
	.menu > .container {
		padding: 8px 15px;
		align-items: center;
		gap: 20px;
		margin: 0;
		width: 100%;
	}
	.menu.home > .container {
		padding: 30px 50px;
	}
  .menu .desktop-navs { display: none }
  
  /*============== TOP ================*/
  body.actived {
    overflow: auto !important;
  }
  .menu {
	  top: 0;
	  padding: 0;
	  box-shadow: 0 0 7px rgb(0 0 0 / 70%);
  }
  .menu.behaved,
  .menu.behaved:before {
    background-image: none;
    border: transparent;
    background: var(--brand);
  }
  .menu.behaved:after {
	background-color: transparent;
  }
  .menu > div .navigation {
  }
  .menu.actived > div .navigation {
    margin: 0;
    margin-right: 0px;
  }
  .menu .logo-nav {
  max-width: 260px;
  }
}
@media screen and (max-width: 650px) {
  .menu .logo-nav,
  .menu.behaved .logo-nav {
	  max-width: 190px;
  }
  .menu.behaved > div .navigation {
  	padding: 0;
  	margin-right: 0;
  }
  .navigation-overlay {
	  padding: 66px 0 0;
	 }
  .navigation-overlay > ul > li > a {
  }
  .navigation-overlay > ul > li > ul > li a {
  /* color: #fff; */
  }
}
@media screen and (max-width: 910px) {
  .customize-support .menu.home, .customize-support .menu.actived{
    top: 32px;
  }
  .customize-support .navigation-overlay,
  .customize-support .menu.actived + .navigation-overlay {
    /* margin-top: 34px; */
  }
}
@media screen and (max-width: 782px) {
  .customize-support .menu.home, .customize-support .menu.actived{
    top: 46px;
  }
  .customize-support .navigation-overlay,
  .customize-support .menu.actived + .navigation-overlay {
    /* margin-top: 46px; */
  }
}
@media screen and (max-width: 600px) {
  .customize-support .menu.home {
    top: 46px;
  }
  .customize-support .menu.actived {
    top: 0;
  }
  .customize-support .navigation-overlay {
    /* margin-top: 46px; */
  }
  .customize-support .menu.actived + .navigation-overlay {
    margin-top: 0;
  } 
}

/*===========================================================================================================*/
/*=========================================== BTN-LAYOUT ====================================================*/
/*===========================================================================================================*/
.btn-layout{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	min-height:42px;
	padding: 15px 30px;
	border-radius:var(--radius-pill);
	border: 1px solid var(--brand);
	background:#ffffff;
	color:var(--brand);
	letter-spacing: 5%;
	font-family: var(--sans-condensed);
	font-weight: 700;
	font-size: 24px;
	line-height:1;
	white-space:nowrap;
	text-transform: uppercase;
	box-shadow:0 10px 18px rgba(0,0,0,.08);
	transition: all .3s ease;
}
.btn-layout:hover {
	color:#fff;
	background:var(--brand);
}

.btn-layout.blue{
	background:var(--brand-blue);
	border-color:var(--brand-blue);
	color:#ffffff;
	border-radius: var(--radius-pill);
	box-shadow:0 12px 22px rgba(31,76,75,.28);
}
.btn-layout.blue:hover {
	color:var(--brand-blue);
	background:#fff;
	border-color:#fff;
}
.btn-layout.yellow{
	background:var(--brand-yellow);
	border-color:var(--brand-yellow);
	color:var(--brand);
	font-weight:700;
	box-shadow:none;
	border-radius: var(--radius-pill);
}
.btn-layout.yellow:hover {
	background:#fff;
	border-color: #fff;
}
.btn-layout.white{
	background: #fff;
	border-color: #fff;
	color: var(--brand);
	box-shadow:0 12px 22px rgba(31,76,75,.28);
}
.btn-layout.white:hover {
	color:#fff;
	border-color: var(--brand);
	background:var(--brand);
}

.btn-layout.hollow{
	background:transparent;
	color:var(--brand);
	border-color:var(--brand);
	box-shadow:none;
}
.btn-layout.hollow:hover {
	color:#fff;
	background:var(--brand);
	border-color:var(--brand);
}
.btn-layout.white.hollow{
	background:transparent;
	color:#ffffff;
	border-color:rgba(255,255,255,.75);
	box-shadow:none;
}
.btn-layout.white.hollow:hover {
	color:var(--brand);
	background:#fff;
	border-color:rgba(255,255,255,.75);
}
@media (max-width: 991px) { .btn-layout { font-size: 18px } }
@media (max-width: 768px) { .btn-layout { font-size: 16px } }


.cnm-icon{
  display:inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;

  -webkit-mask-position: center;
  mask-position: center;

  -webkit-mask-size: contain;
  mask-size: contain;

  vertical-align: -0.125em;
  pointer-events: none;
}

.cnm-icon.icon-caret-down{
  -webkit-mask-image: url("../img/icons/icon-caret-down.svg");
  mask-image: url("../img/icons/icon-caret-down.svg");
}
.cnm-icon.icon-angle-down{
  -webkit-mask-image: url("../img/icons/icon-angle-down.svg");
  mask-image: url("../img/icons/icon-angle-down.svg");
}
.cnm-icon.icon-long-arrow-right {
  -webkit-mask-image: url("../img/icons/icon-long-arrow-right.svg");
  mask-image: url("../img/icons/icon-long-arrow-right.svg");
}
.cnm-icon.icon-long-arrow-left {
  -webkit-mask-image: url("../img/icons/icon-long-arrow-left.svg");
  mask-image: url("../img/icons/icon-long-arrow-left.svg");
}
.cnm-icon.icon-chevron-right {
  -webkit-mask-image: url("../img/icons/icon-chevron-right.svg");
  mask-image: url("../img/icons/icon-chevron-right.svg");
}
.cnm-icon.icon-chevron-left {
  -webkit-mask-image: url("../img/icons/icon-chevron-left.svg");
  mask-image: url("../img/icons/icon-chevron-left.svg");
}
.cnm-icon.icon-plus{
  -webkit-mask-image: url("../img/icons/icon-plus.svg");
  mask-image: url("../img/icons/icon-plus.svg");
}
.cnm-icon.icon-play{
  -webkit-mask-image: url("../img/icons/icon-play.svg");
  mask-image: url("../img/icons/icon-play.svg");
}
.cnm-icon.icon-play-circle{
  -webkit-mask-image: url("../img/icons/icon-play-circle.svg");
  mask-image: url("../img/icons/icon-play-circle.svg");
}
.cnm-icon.icon-calendar{
  -webkit-mask-image: url("../img/icons/icon-calendar.svg");
  mask-image: url("../img/icons/icon-calendar.svg");
}
.cnm-icon.icon-music{
  -webkit-mask-image: url("../img/icons/icon-music.svg");
  mask-image: url("../img/icons/icon-music.svg");
}
.cnm-icon.icon-sparkles{
  -webkit-mask-image: url("../img/icons/icon-sparkles.svg");
  mask-image: url("../img/icons/icon-sparkles.svg");
}
.cnm-icon.icon-paintbrush{
  -webkit-mask-image: url("../img/icons/icon-paintbrush.svg");
  mask-image: url("../img/icons/icon-paintbrush.svg");
}
.cnm-icon.icon-church{
  -webkit-mask-image: url("../img/icons/icon-church.svg");
  mask-image: url("../img/icons/icon-church.svg");
}
.cnm-icon.icon-camera-retro{
  -webkit-mask-image: url("../img/icons/icon-camera-retro.svg");
  mask-image: url("../img/icons/icon-camera-retro.svg");
}
.cnm-icon.icon-clock,
.cnm-icon.icon-time{
  -webkit-mask-image: url("../img/icons/icon-clock.svg");
  mask-image: url("../img/icons/icon-clock.svg");
}
.cnm-icon.icon-child{
  -webkit-mask-image: url("../img/icons/icon-child.svg");
  mask-image: url("../img/icons/icon-child.svg");
}
.cnm-icon.icon-live{
  -webkit-mask-image: url("../img/icons/icon-play-circle.svg");
  mask-image: url("../img/icons/icon-play-circle.svg");
}
.cnm-icon.icon-heart{
  -webkit-mask-image: url("../img/icons/icon-donate.svg");
  mask-image: url("../img/icons/icon-donate.svg");
}
.cnm-icon.icon-piggy-bank{
  -webkit-mask-image: url("../img/icons/icon-piggy-bank.svg");
  mask-image: url("../img/icons/icon-piggy-bank.svg");
}
.cnm-icon.icon-ticket{
  -webkit-mask-image: url("../img/icons/icon-ticket.svg");
  mask-image: url("../img/icons/icon-ticket.svg");
}
.cnm-icon.icon-bank{
  -webkit-mask-image: url("../img/icons/icon-bank.svg");
  mask-image: url("../img/icons/icon-bank.svg");
}
.cnm-icon.icon-chart-line-up{
  -webkit-mask-image: url("../img/icons/icon-chart-line-up.svg");
  mask-image: url("../img/icons/icon-chart-line-up.svg");
}
.cnm-icon.icon-money-bill{
  -webkit-mask-image: url("../img/icons/icon-money-bill.svg");
  mask-image: url("../img/icons/icon-money-bill.svg");
}
.cnm-icon.icon-like{
  -webkit-mask-image: url("../img/icons/icon-heart.svg");
  mask-image: url("../img/icons/icon-heart.svg");
}
.cnm-icon.icon-credit-card{
  -webkit-mask-image: url("../img/icons/icon-credit-card.svg");
  mask-image: url("../img/icons/icon-credit-card.svg");
}
.cnm-icon.icon-d{
  -webkit-mask-image: url("../img/icons/icon-d.svg");
  mask-image: url("../img/icons/icon-d.svg");
}
.cnm-icon.icon-eye-slash{
  -webkit-mask-image: url("../img/icons/icon-eye-slash.svg");
  mask-image: url("../img/icons/icon-eye-slash.svg");
}
.cnm-icon.icon-sign-in{
  -webkit-mask-image: url("../img/icons/icon-sign-in.svg");
  mask-image: url("../img/icons/icon-sign-in.svg");
}
.cnm-icon.icon-mail,
.cnm-icon.icon-envelope{
  -webkit-mask-image: url("../img/icons/icon-envelope.svg");
  mask-image: url("../img/icons/icon-envelope.svg");
}
.cnm-icon.icon-phone{
  -webkit-mask-image: url("../img/icons/icon-phone.svg");
  mask-image: url("../img/icons/icon-phone.svg");
}
.cnm-icon.icon-megaphone{
  -webkit-mask-image: url("../img/icons/icon-megaphone.svg");
  mask-image: url("../img/icons/icon-megaphone.svg");
}
.cnm-icon.icon-android{
  -webkit-mask-image: url("../img/icons/icon-android.svg");
  mask-image: url("../img/icons/icon-android.svg");
}
.cnm-icon.icon-apple{
  -webkit-mask-image: url("../img/icons/icon-apple.svg");
  mask-image: url("../img/icons/icon-apple.svg");
}
.cnm-icon.icon-instagram{
  -webkit-mask-image: url("../img/icons/icon-instagram.svg");
  mask-image: url("../img/icons/icon-instagram.svg");
}
.cnm-icon.icon-facebook{
  -webkit-mask-image: url("../img/icons/icon-facebook.svg");
  mask-image: url("../img/icons/icon-facebook.svg");
}
.cnm-icon.icon-youtube{
  -webkit-mask-image: url("../img/icons/icon-youtube.svg");
  mask-image: url("../img/icons/icon-youtube.svg");
}
.cnm-icon.icon-linkedin{
  -webkit-mask-image: url("../img/icons/icon-linkedin.svg");
  mask-image: url("../img/icons/icon-linkedin.svg");
}
.cnm-icon.icon-tiktok{
  -webkit-mask-image: url("../img/icons/icon-tiktok.svg");
  mask-image: url("../img/icons/icon-tiktok.svg");
}

/* Full-color icon (keeps the SVG's own colors — not masked) */
.cnm-icon.icon-arrow-right-orange{
  background: url("../img/icons/icon-arrow-right-orange.svg") center / contain no-repeat;
  -webkit-mask-image: none;
  mask-image: none;
}


/*===========================================================================================================*/
/*=========================================== FOMRS =========================================================*/
/*===========================================================================================================*/
.gform_wrapper{ width:100%; }
.gform_wrapper form{ margin:0; }

.gform_wrapper .gform_fields{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap: 20px;
	margin:0;
	padding:0;
	list-style:none;
}

.gform_wrapper .gfield{ margin:0; }
.gform_wrapper .gfield--full{ grid-column:1 / -1; }

.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="search"],
.gform_wrapper textarea,
.gform_wrapper select{
	width:100%;
	min-height: 62px;
	padding: 20px;
	border-radius:var(--radius-pill);
	border:1px solid rgba(255,255,255,.65);
	background:#ffffff;
	color:var(--ink);
	font-size:14px;
	outline:none;
}

.gform_wrapper textarea{
	min-height:120px;
	border-radius:18px;
	resize:vertical;
}

.gform_wrapper input::placeholder,
.gform_wrapper textarea::placeholder{
	color:#99a7aa;
}

.gform_wrapper .gform_footer{
	display:flex;
	gap: 20px;
	align-items:center;
	justify-content:flex-start;
	margin-top: 20px;
}

.gform_wrapper .gform_footer .gform_button,
.gform_wrapper .gform_footer button,
.gform_wrapper .gform_footer input[type="submit"]{
	cursor: pointer;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	min-height:42px;
	padding: 15px 30px;
	border-radius:var(--radius-pill);
	border:1px solid rgb(23 62 61);
	background:#ffffff;
	color:var(--brand);
	font-weight:600;
	font-size: 18px;
	line-height:1;
	white-space:nowrap;
	box-shadow:0 10px 18px rgba(0,0,0,.08);
	font-family: var(--sans);
}
.gform_wrapper .gform_footer .gform_button:hover,
.gform_wrapper .gform_footer button:hover,
.gform_wrapper .gform_footer input[type="submit"]:hover {
	background: var(--brand);
	color:#ffffff;
}

/*===========================================================================================================*/
/*=========================================== INTERIOR ======================================================*/
/*===========================================================================================================*/

/* Section white */
.section-white {
  padding: 50px 0;
}

/* Container variants */
.container-lg,
.container-full {
	position: relative;
	margin: 0 auto;
	max-width: 1920px;
	padding: 0 var(--gutter);
}
.container-full {
	width: 100%;
	max-width: 100%;
}
.container.container-1 {
	max-width: 1038px;
}
.container.container-2 {
	max-width: 934px;
}

/* Blog Default */
.post-card{
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	background:#ffffff;
	border-radius: 10px;
	overflow:hidden;
	box-shadow:0 12px 26px rgba(0,0,0,.07);
	border:1px solid rgba(0,0,0,.04);
}

.post-card__media{
	height: 100%;
	overflow: hidden;
}

.post-card__media img{
	width:100%;
	aspect-ratio: 16/12;
	object-fit:cover;
	transition: transform .9s ease;
}
.post-card__media:hover img {
	transform: scale(1.1);
}
.post-card__body{
	padding: 20px;
	display: flex;
	gap: 20px;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
}

.post-card__title{
	font-family:var(--sans);
	font-weight:800;
	margin:0 0 20px;
}

.post-card__title a{ color: inherit; }

.post-card__meta{
	display:flex;
	gap:14px;
	padding:0;
	margin:0 0 20px;
	list-style:none;
}

.post-card__meta li{
	display:inline-flex;
	align-items: self-start;
	gap:8px;
}

.post-card__meta li .cnm-icon {
	color: var(--brand);
}

.post-card__excerpt{
	margin:0 0 12px;
}

/* Columns Even */
.columns-even.image-side img {
	border-radius: 10px;
	width: 100%;
	height: 100%;
    object-fit: cover;
}
.columns-even {
	display: flex;
	flex-direction: column;
	gap: 30px;
}
@media (min-width: 769px) { 
  .columns-even {
    flex-direction: row;
    justify-content: space-evenly;
  }
  .columns-even .col { 
    width: 100% 
  }
  .columns-even.x3 {
	flex-wrap: wrap;
  }
  .columns-even.x3 .col {
	width: calc(33.3333% - 20px);
  }
  .columns-even.image-side {
	  align-items: center;
  }
  .columns-even.image-side .col {
	  height: 100%;
  }
}
@media (max-width: 768px) {
	.columns-even.reverse {
	    display: flex;
		flex-direction: column-reverse;
	}
	.columns-even img {
		margin: 0 0 30px;
	}
}

/* Parallax Section */
.parallax-section {
	position: relative;
	overflow: hidden;
	padding: 150px 0;
	color: #fff;
}
.parallax-section .parallax {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background: #000;
}
.parallax-section .parallax img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: .6;
}
.parallax-section h2,
.parallax-section h3,
.parallax-section h4,
.parallax-section h5 { color: #fff }
.parallax-section > .container,
.parallax-section > .container-lg {
  position: relative;
  opacity: 0;
}
.parallax-section.ready > .container,
.parallax-section.ready > .container-lg {
  opacity: 1;
  animation: fadeIn 1.2s both;
}
/*===========================================================================================================*/
/*=========================================== BOTTOM ======================================================*/
/*===========================================================================================================*/
.bottom-section {
	padding: 50px 0;
	background: #f7f6f3;
}

/*===========================================================================================================*/
/*=========================================== FOOTER ========================================================*/
/*===========================================================================================================*/
.site-footer{
	padding: 80px 20px 50px;
	background: var(--brand-green-light);
	position:relative;
	color:#fff;
}
.site-footer a:hover {
	text-decoration: underline
}

.site-footer__starburst{
	position:absolute;
	top: 20px;
	right: 100px;
}

.site-footer__main{
	display: grid;
	grid-template-columns: 1.6fr 1fr 1fr;
	gap: 60px;
	align-items:start;
	margin-bottom: 50px;
}

.site-footer__brand{
	display:flex;
	align-items:flex-start;
}
.site-footer__brand img {
	width: 350px;
	height: auto;
}

.site-footer__nav .site-footer__links{
	font-family: var(--sans-condensed);
	font-size: 25px;
	line-height: 100%;
	font-weight: 700;
	list-style:none;
	padding:0;
	margin:0;
	display:flex;
	flex-direction:column;
	gap: 38px;
}
.site-footer__nav .site-footer__links li a{
	color:#fff;
	text-transform:uppercase;
	text-decoration:underline;
	text-underline-offset: 5px;
}

.site-footer__connect{
	margin: 0 0 30px;
	display:flex;
	flex-direction:column;
	font-size: 20px;
	font-weight: 700;
	line-height: 100%;
	gap: 25px;
}
.site-footer__connect li a{
	color:#fff;
}

.site-footer__col-title{
	margin:0 0 20px;
	color: #fff;
	font-family: var(--sans-condensed);
	font-size: 32px;
	line-height: 100%;
	font-weight: 700;
	letter-spacing: 3%;
	text-transform: uppercase;
}

.site-footer__col-text{
	color: #fff;
	margin:0;
	font-weight: 700;
}
.site-footer__col-text a {
	color: #fff;
}

.site-footer__social{
	display:flex;
	gap: 25px;
	font-size: 24px;
	color: #fff;
}

.social-icon{
	width:28px;
	height:28px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	opacity:.9;
}
.social-icon .cnm-icon{
	font-size: 28px;
	color: #e9e956;
}

.site-footer__copyright{
	text-align:center;
}

.site-footer__copyright p{
	margin: 100px 0 0;
	color: #fff;
	font-family: var(--sans);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
@media (max-width: 1400px) {
	.site-footer__starburst{
		top: 10px;
		right: 20px;
	}
}
@media (max-width: 991px){
	.site-footer__main{
		grid-template-columns:1fr;
		gap: 30px;
		margin-bottom: 0;
	}
}
@media (max-width: 768px) {
	.site-footer {
		padding-left: 0;
		padding-right: 0;
	}
	.site-footer__brand {
		max-width: 80%
	}
	.site-footer__nav .site-footer__links {
		gap: 25px;
		font-size: 22px;
	}
	.site-footer__col-title {
		margin: 15px 0 20px;
		font-size: 26px
	}
	.site-footer__connect {
		font-size: 18px;
	}
	.site-footer__copyright p {
		margin: 60px 0 0
	}
}

/*===========================================================================================================*/
/*=========================================== GLOBAL RESPONSIVE =============================================*/
/*===========================================================================================================*/
@media (max-width: 1400px) {
	h1, .h1-style {
		font-size: 52px;
	}
	h2 {
		font-size: 46px;
	}
	h3 {
		font-size: 28px
	}
}
@media (max-width: 991px) {
	h3 {
		font-size: 24px
	}
	h5 {
		font-size: 22px
	}
}
@media (max-width: 620px) {
	body {
		font-size: 18px;
	}
	h1, .h1-style {
		font-size: 38px;
	}
	h2 {
		font-size: 36px;
	}
	h3 {
		font-size: 18px;
	}
	.gform_wrapper .gform_footer .gform_button, .gform_wrapper .gform_footer button, .gform_wrapper .gform_footer input[type="submit"] {
		font-size: 12px;
	}
	.gform_wrapper .gform_fields{ grid-template-columns:1fr; }
}

/*===========================================================================================================*/
/*=========================================== KEY FRAMES ====================================================*/
/*===========================================================================================================*/
.fadeIn {
	opacity: 0;
}
.fadeIn.ready {
	opacity: 1;
	animation: fadeIn 1.2s both;
}
.fadeOut {
	opacity: 0;
}
.fadeOut.ready {
	opacity: 1;
	animation: fadeOut 1.2s both;
}
.fadeInDown {
	opacity: 0;
}
.fadeInDown.ready {
	opacity: 1;
	animation: fadeInDown 1.2s both;
}
.fadeInUp {
	opacity: 0;
}
.fadeInUp.ready {
	opacity: 1;
	animation: fadeInUp 1.2s both;
}
.fadeInLeft {
	opacity: 0;
}
.fadeInLeft.ready {
	opacity: 1;
	animation: fadeInLeft 1.2s both;
}
.fadeInRight {
	opacity: 0;
}
.fadeInRight.ready {
	opacity: 1;
	animation: fadeInRight 1.2s both;
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
@keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translateY(-5%);
		-webkit-transform: translateY(-5%);
		-moz-webkit-transform: translateY(-5%);
		-o-webkit-transform: translateY(-5%);
	}
	to {
		opacity: 1;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
	}
}
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(5%);
		-webkit-transform: translateY(5%);
		-moz-webkit-transform: translateY(5%);
		-o-webkit-transform: translateY(5%);
	}
	to {
		opacity: 1;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
	}
}
@keyframes fadeInLeft {
	from {
		opacity: 0;
		transform: translateX(-5%);
	}
	to {
		opacity: 1;
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-o-transform: translateX(0);
	}
}
@keyframes fadeInRight {
	from {
		opacity: 0;
		transform: translateX(5%);
		-webkit-transform: translateX(5%);
		-moz-transform: translateX(5%);
		-o-transform: translateX(5%);
	}
	to {
		opacity: 1;
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-o-transform: translateX(0);
	}
}