/*
Theme Name: BlankSlate
Theme URI: https://opencollective.com/blankslate
Author: Bryan Hadaway
Author URI: https://opencollective.com/blankslate#section-contributors
Description: Donate: https://opencollective.com/blankslate. Learn: https://blankslate.me/. BlankSlate is the definitive WordPress boilerplate starter theme. I've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability, with no intrusive visual CSS styles added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/bhadaway/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2.0.10
Requires at least: 5.2
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme 2011-2024
BlankSlate is distributed under the terms of the GNU GPL
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}

/* globals */
body {
  color: #000;
  font-family: "proxima-nova", sans-serif;
  margin: 0 auto;
}
#container #content {
  overflow: hidden;
  margin-top: 151px;
  min-height: calc(100vh - 151px - 178px);
}
h1 {
  color: #45556B;
  font-size: 72px;
  font-weight: 600;
  line-height: 72px;
  letter-spacing: -1.08px;
}
h2 {
  color: #45556B;
  font-size: 60px;
  font-weight: 700;
  line-height: 64px;
  letter-spacing: -0.3px;
}
h3 {
  color: #45556B;
  font-size: 48px;
  font-weight: 800;
  line-height: 54px;
}
h4 {
  color: #45556B;
  font-size: 36px;
  font-weight: 800;
  line-height: 40px;
  letter-spacing: 0.09px;
}
h5 {
  color: #45556B;
  font-size: 30px;
  font-weight: 800;
  line-height: 34px;
}
h6 {
  color: #45556B;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.036px;
}
p, li {
  color: #585856;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.09px;
}
ul {
  list-style-type: disc;
  /* list-style-position: inside; */
  margin-left: 16px;
}
strong {
  color: #585856;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.09px;
}
small {
  color: #585856;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.038px;
}

img {
  max-width: 100%;
  height: auto;
}
.img-wrapper {
  position: relative;
  object-fit: cover;
  overflow: hidden;
}
.container {
  padding: 0 142px;
  max-width: calc(1158px + 142px + 142px);
  margin: 0 auto;
}
.hide {
  display: none !important;
}
.fade {
  opacity: 0;
  transition: opacity 0.5s;
}
.arrow {
  transition: transform 0.25s;
  cursor: pointer;
}
.arrow.rotate {
  transform: rotate(180deg);
}
a.btn, input[type="submit"]#gform_submit_button_1 {
  padding: 0px 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 200px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  width: fit-content;
  color: #FFF;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 50px; /* 50px + 2border-top + 2border-bottom = 54px */
  letter-spacing: 0.36px;
  text-decoration: none;
  border: 2px solid transparent;
  background: #45556B;
  background-size: 100% 33%;
  cursor: pointer;
}
a.btn.cta {
  color: #45556B;
  background: linear-gradient(270deg, #94DBDD 0%, #9ED9B7 100%);
}
a.btn:hover, input[type="submit"]#gform_submit_button_1:hover {
  border: 2px solid #45556B;
  background: #FFF; 
  color: #45556B;
}
a.btn.cta:hover {
  border: 2px solid #9ED9B7;
}
i.arrow-icon {
  color: #FFF;
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  line-height: 56px;
  z-index: 10;
  padding: 8px;
}
i.arrow-icon:hover {
  cursor: pointer;
}
div.background-pattern {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  opacity: 0.15;
}
#hero, #hero-mobile {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 480px;
}
#hero-mobile {
  display: none;
}
#hero div.overlay, #hero-mobile div.overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.9;
  z-index: 0;
  background: linear-gradient(270deg, #94DBDD 0%, #9ED9B7 100%);
}
#hero div.container, #hero-mobile div.container {
  position: relative;
}
#hero div.text, #hero-mobile div.text {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin: auto;
  max-width: 920px;
}
#hero div.text h6, #hero div.text p, #hero-mobile div.text h6, #hero-mobile div.text p {
  margin-top: 16px;
}
#hero div.text a, #hero-mobile div.text a {
  margin-top: 32px;
}
section.banner {
  position: relative;
  background: #45556B;
  padding-top: 40px;
}
section.banner div.background-pattern {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  opacity: 0.15;
}
section.banner div.container {
  display: flex;
  /* flex-direction: column; */
  align-items: center;
  gap: 142px;
}
section.banner div.container img {
  position: relative;
  max-width: 683px;
  margin-right: -33.3%;
  width: 66.6%;
}
section.banner div.container div.text {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 40px;
  max-width: 448px;
}
section.banner div.container div.text h4 {
  color: #FFF;
}
section.banner div.container div.text p {
  color: #FFF;
}
section.banner div.container div.text ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
section.banner div.container div.text li {
  color: #FFF;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.09px;
}
section.banner.left div.container {
  justify-content: space-between;
}
section.banner.left div.container img {
  width: calc(50% - 142px);
  margin: auto 0 0 -142px;
  min-width: 590px;
}
section.banner.left div.container div.text {
  max-width: none;
  width: 50%;
}

/* header */
#header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: #FFF;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.25);
  height: 151px;
}
#header nav#menu {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
#header ul#mega-menu-main-menu {
  display: flex;
  gap: 1.72vw;
}
#header li.mega-menu-item a {
  color: #45556B !important;
  text-align: center !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  /* padding: 0 16px !important; */
  padding: 0 16px;
}
#header a.logo {
  display: flex;
  align-items: center;
  gap: 16px;
}
#header .mobile-logo {
  display: none;
}
#header #mega-menu-wrap-main-menu .mega-menu-toggle {
  background: #FFF;
}
#header #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item-has-children span.mega-indicator {
  display: none;
}
#header #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu {
  background: #FFF;
  border-bottom: 1px solid #5A5C61;
  padding-top: 14px;
  padding-left: 0;
}
#header #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li a {
  display: flex;
  flex-direction: column;
}
#header #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-animated-inner, #header #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-animated-inner::before, #header #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-animated-inner::after {
  background-color: #333333;
}
#header #mega-menu-wrap-main-menu li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  background: #FFF !important;
  border-bottom: 3px solid transparent !important;
  padding: 10px !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: normal !important;
}
#header #mega-menu-wrap-main-menu li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #header #mega-menu-wrap-main-menu li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item [aria-current]:not([aria-current="false"]) {
  border-bottom: 3px solid transparent !important;
  font-weight: 600 !important;
  background: #fff !important;
}
@media (min-width: 1081px) {
  #header #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item:hover a.mega-menu-link, #header #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item:not(:last-child) [aria-current]:not([aria-current="false"]) {
    border-bottom: 3px solid #5EBF87;
  }
  #header ul#mega-menu-main-menu li.mega-align-bottom-left:last-child {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    border-radius: 200px !important;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25) !important;
    line-height: 50px !important; /* 50px + 2border-top + 2border-bottom = 54px */
    letter-spacing: 0.36px !important;
    text-decoration: none !important;
    border: 2px solid transparent !important;
  }
  #header ul#mega-menu-main-menu li.mega-align-bottom-left:last-child {
    cursor: pointer !important;
  }
  #header ul#mega-menu-main-menu li.mega-align-bottom-left:last-child {
    padding: 0 24px !important;
    margin: auto;
  }
  #header ul#mega-menu-main-menu li.mega-align-bottom-left:last-child a {
    padding: 0 0 !important;
    background: transparent !important;
  }
  #header ul#mega-menu-main-menu li.mega-align-bottom-left:last-child a:hover {
    background: transparent !important;
    border-bottom: 1px solid transparent !important;
  }
  #header ul#mega-menu-main-menu li.mega-align-bottom-left:last-child {
    color: #45556B !important;
    background: linear-gradient(270deg, #94DBDD 0%, #9ED9B7 100%) !important;
  }
  #header ul#mega-menu-main-menu li.mega-align-bottom-left:last-child:hover a {
    border-bottom: 1px solid transparent !important;
  }
  #header ul#mega-menu-main-menu li.mega-align-bottom-left:last-child:hover {
    border: 2px solid #9ED9B7 !important;
    background: #FFF !important; 
  }
}

/* footer */
#footer {
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.25);
}
#footer div.footer-wrapper {
  min-height: 151px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  /* height: 100%; */
  padding-top: 32px;
  padding-bottom: 32px;
  gap: 24px;
}
#footer div.footer-wrapper div.logos {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
}
#footer div.footer-wrapper div.logos a.ohs-wrapper {
  border-left: 1px solid #45556B;
  display: flex;
  align-items: center;
  text-decoration: none;
}
#footer div.footer-wrapper div.logos a.ohs-wrapper small {
  margin: 0 16px 0 24px;
}
#footer div.footer-wrapper div.text {
  display: flex;
  gap: 24px;
}
#footer div.footer-wrapper div.text div.info-wrapper {
  display: flex;
  flex-direction: column;
}
#footer div.footer-wrapper div.text div.info-wrapper div.info-icon {
  display: flex;
  align-items: center;
}
#footer div.footer-wrapper div.text div.info-wrapper i {
  color: #585856;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.038px;
  width: 35px;
}
#footer div.footer-wrapper div.text div.social-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
}
#footer div.footer-wrapper div.text div.info-wrapper div.info-icon a, #footer div.footer-wrapper div.text div.info-wrapper div.info-icon p {
  text-decoration: none;
  color: #585856;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.038px;
}

/* home page */
#home-page #hero-carousel {
  position: relative;
}
#home-page #hero-carousel div.slide {
  position: relative;
  background: #45556B;
  height: 480px;
}
#home-page #hero-carousel div.slide div.container {
  height: 100%;
}
#home-page #hero-carousel div.slide.cta-slide div.text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  max-width: 684px;
  width: 60%;
  margin: auto auto auto 0;
}
#home-page #hero-carousel div.slide.cta-slide div.text a.btn {
  z-index: 10;
}
div.ellipsi {
  /* display: none; */
  display: flex;
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  gap: 8px;
  z-index: 10;
}
div.ellipsis {
  background: #FFF;
  border-radius: 100%;
  width: 10px;
  height: 10px;
  opacity: 0.5;
  cursor: pointer;
  overflow: hidden;
}
div.ellipsis.active {
  opacity: 1;
}
#home-page #hero-carousel div.slide.cta-slide div.container h3 {
  color: #FFF;
  font-size: 42px;
  font-weight: 700;
}
#home-page #hero-carousel div.slide.cta-slide div.container h5 {
  color: #FFF;
  font-weight: 700;
  padding: 16px 0 24px 0;
}
#home-page #hero-carousel div.slide.cta-slide div.container div.alt-text {
  border-left: 2px solid #5EBF87;
  padding-left: 24px;
  z-index: 10;
  max-width: 500px;
}
#home-page #hero-carousel div.slide.cta-slide div.container div.alt-text p,
#home-page #hero-carousel div.slide.cta-slide div.container div.alt-text a {
  color: #FFF;
  text-decoration: none;
}
#home-page div.indigo-background {
  background: #33387A !important;
}
#home-page div.orange-background {
  background: #FAA64A !important;
}
#home-page div.green-background {
  background: #5EBF87 !important;
}
#home-page div.teal-background {
  background: #4CC3C7 !important;
}
#home-page h3.teal, #home-page h5.teal,
#home-page h3.green, #home-page h5.green,
#home-page h3.orange, #home-page h5.orange {
  color: #45556B !important;
}
#home-page div.fusha-background {
  background: #802670 !important;
}
#home-page #hero-carousel div.slide.cta-slide div.img-wrapper {
  position: absolute;
  max-width: 590px;
  width: 40%;
  top: 82px;
  bottom: 142px;
  right: 0;
}
#home-page #hero-carousel div.slide i.arrow-left {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
}
#home-page #hero-carousel div.slide i.arrow-right {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}
#home-page #hero-carousel div.slide #svg-top-left {
  position: absolute;
  top: 0;
  left: 71px;
}
#home-page #hero-carousel div.slide #svg-bottom-center {
  position: absolute;
  bottom: 0;
  left: 21.75%;
}
#home-page #hero-carousel div.slide #svg-bottom-right {
  position: absolute;
  bottom: 0;
  right: 37px;
}
#home-page #hero-carousel div.slide.stock-slide {
  position: relative;
  background: linear-gradient(270deg, #94DBDD 0%, #9ED9B7 100%);
  display: flex;
}
#home-page #hero-carousel div.slide.stock-slide div.container {
  display: flex;
  gap: 24px;
  align-items: center;
}
#home-page #hero-carousel div.slide.stock-slide svg.quote {
  height: 29px;
  width: 38px;
  flex-shrink: 0;
}
#home-page #hero-carousel div.slide.stock-slide div.text-wrapper {
  display: flex;
  align-items: center;
  height: 100%;
  max-width: 749px;
  gap: 16px;
}
#home-page #hero-carousel div.slide.stock-slide div.text {
  display: flex;
  flex-direction: column;
  gap: 16px;
  z-index: 1;
}
#home-page #hero-carousel div.slide.stock-slide div.img-wrapper {
  aspect-ratio: 1/1;
  max-height: 330px;
}
#home-page #hero-carousel div.slide.stock-slide #svg-stock-top-left {
  position: absolute;
  top: 0;
  left: 0;
}
#home-page #banner_1 {
  position: relative;
}
#home-page #banner_1 div.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 485px;
}
#home-page #banner_1 div.container div.text {
  display: flex;
  flex-direction: column;
  margin: 0 auto 0 0;
  max-width: 684px;
  gap: 16px;
}
#home-page #banner_1 div.container div.small {
  display: flex;
}
#home-page #banner_1 div.container div.small small {
  margin-top: 24px;
  border-left: 2px solid #5EBF87;
  padding-left: 16px;
}
#home-page #banner_1 img {
  position: absolute;
  object-fit: contain;
  top: 50%;
  transform: translateY(-50%);
  right: 0; 
}
#home-page #gallery {
  overflow: hidden;
  /* background: linear-gradient(270deg, #4CC3C7 0%, #5EBF87 100%); */
  /* background: #5EBF87; */
  /* background: #585856; */
  /* background: #94DBDD; */
  background: linear-gradient(270deg, #94DBDD 0%, #9ED9B7 100%);
}
#home-page #gallery div.grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
}
#home-page #gallery div.grid div.card-outside {
  min-height: 24.94vw;
  border-radius: 3px;
  perspective: 1000px;
}
#home-page #gallery div.grid div.card-inside {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
#home-page #gallery div.grid div.card-outside:hover .card-back {
  transform: rotateY(180deg);
  z-index: 1;
}
#home-page #gallery div.grid div.card-outside:hover .card-inside {
  transform: rotateY(180deg);
}
#home-page #gallery div.grid div.card-front, #home-page #gallery div.grid div.card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
#home-page #gallery div.grid div.card-front {
  display: flex;
  min-height: 24.5vw;
}
#home-page #gallery div.grid div.card-front div.text {
  display: flex;
  flex-direction: column-reverse;
  padding: 0 59px 16px 59px;
  height: 100%;
  width: 100%;
}
#home-page #gallery div.grid div.card-front h5 {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 133px;
  width: 100%;
  color: #FFF;
  z-index: 1;
}
#home-page #gallery div.grid div.card-front img {
  position: absolute;
}
#home-page #gallery div.grid div.card-back {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 42px;
  gap: 24px;
  background: #45556B;
  transform: rotateY(180deg);
}
#home-page #gallery div.grid div.card-back p {
  color: #FFF;
}
#home-page #gallery div.mobile {
  display: none;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
#home-page #gallery div.mobile a.card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 112px;
  width: 100%;
  max-width: 371px;
  padding: 0 16px;
  overflow: hidden;
  border-radius: 10px;
  text-decoration: none; 
}
#home-page #gallery div.mobile a.card p {
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
  z-index: 1;
  color: #FFF;
  text-align: center;
}
#home-page #gallery div.mobile a.card img {
  position: absolute;
}
#home-page #banner_2 {
  padding: 64px 0;
}
#home-page #banner_2 div.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
#home-page #banner_2 div.container div.text {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
  max-width: 624px;
}
#home-page #icons {
  position: relative;
  padding: 64px 0;
  background-color: #45556B;
}
#home-page #icons div.container h4 {
  color: #FFF;
  text-align: center;
  padding-bottom: 48px;
}
#home-page #icons div.container div.cards-wrapper {
  display: grid;
  justify-items: center;
  grid-template-columns: repeat(3, 1fr);
  gap: 88px;
}
#home-page #icons div.container div.cards-wrapper div.card {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 277px;
  gap: 16px;
}
#home-page #icons div.container div.cards-wrapper div.card div.icon-wrapper {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  background: linear-gradient(270deg, #94DBDD 0%, #9ED9B7 100%);
  border-radius: 100%;
  height: 120px;
  width: 120px;
}
#home-page #icons div.container div.cards-wrapper div.card div.icon-wrapper i {
  color: #45556B;
  font-size: 55px;
  font-weight: 300;
}
#home-page #icons div.container div.cards-wrapper div.card div.text-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 4px;
  width: 100%;
}
#home-page #icons div.container div.cards-wrapper div.card div.text-wrapper h6, #home-page #icons div.container div.cards-wrapper div.card div.text-wrapper p {
  color: #FFF;
}
#home-page #contact-form {
  background: linear-gradient(270deg, #94DBDD 0%, #9ED9B7 100%);
  padding: 80px 0;
}
#home-page #contact-form div.container div.text {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
  max-width: 684px;
  margin: auto;
  padding-bottom: 64px;
}
#home-page #contact-form div.container div.form div.gform_heading p.gform_required_legend {
  display: none;
}
#home-page #contact-form div.container div.form input[type="text"], #home-page #contact-form div.container div.form input[type="email"], #home-page #contact-form div.container div.form input[type="tel"], #home-page #contact-form div.container div.form input[type="text"], #home-page #contact-form div.container div.form textarea {
  border: 0px solid transparent;
  width: 100%;
  padding: 20px 16px;
}
@media (max-width: 640px) {
  #home-page #contact-form div.container div.form div.gform_wrapper.gravity-theme .ginput_complex {
    gap: 16px;
  }
  #home-page #contact-form div.container div.form div.gform_wrapper.gravity-theme .ginput_complex span {
    margin-bottom: 0;
  }
}
#home-page #contact-form div.container div.form textarea::placeholder, #home-page #contact-form div.container div.form input::placeholder {
  font-family: "proxima-nova", sans-serif;
  color: #5A5C61;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.09px;
}
#home-page #contact-form div.container div.form div.gform_footer.top_label {
  justify-content: center;
}

#who-we-serve-page #banner {
  display: flex;
  gap: 126px;
}
#who-we-serve-page #banner #banner-mobile {
  display: none;
}
#who-we-serve-page #banner img {
  object-fit: contain;
  margin: 0 0 auto 0;
  max-width: 478px;
  width: 33.3%;
  padding-bottom: 88px;
}
#who-we-serve-page #banner div.container {
  padding-left: 0;
  padding-top: 80px;
  padding-bottom: 88px;
}
#who-we-serve-page #banner div.container h4 {
  padding-bottom: 16px;
}
#who-we-serve-page #banner div.container h6 {
  padding: 48px 0 16px 0;
}
#who-we-serve-page #banner div.container ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
#who-we-serve-page #carousel {
  position: relative;
  background-color: #45556B;
  padding: 80px 0;
}
#who-we-serve-page #carousel div.container {
  display: flex;
  flex-direction: column;
  margin: auto;
}
#who-we-serve-page #carousel div.container h4 {
  color: #FFF;
  padding-bottom: 40px;
  text-align: center;
}
#who-we-serve-page #carousel div.container div.slide {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 920px;
  padding: 0 118px;
  margin: auto;
}
#who-we-serve-page #carousel div.slide i {
  position: absolute;
  top: 125px;
}
#who-we-serve-page #carousel div.slide i.arrow-left {
  left: 0;
}
#who-we-serve-page #carousel div.slide i.arrow-right {
  right: 0;
}
#who-we-serve-page #carousel div.slide h6 {
  padding: 24px 0 16px 0;
}
#who-we-serve-page #carousel div.slide h6, #who-we-serve-page #carousel div.slide p {
  color: #FFF;
  text-align: center;
}
#connect_banner {
  background: linear-gradient(270deg, #94DBDD 0%, #9ED9B7 100%);
  padding: 64px 0 67px 0;
}
#connect_banner div.container div.text {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 648px;
  margin: auto;
}
#connect_banner div.container h4 {
  padding-bottom: 16px;
}
#connect_banner div.container a {
  margin-top: 24px;
}
#connect_banner div.container div.text p.lower-p {
  margin-top: 48px;
}

#what-to-expect-page #learn div.top-wrapper {
  position: relative;
  display: flex;
  gap: 14%;
  padding-right: 0;
}
#what-to-expect-page #learn div.top-wrapper div.container.top {
  padding-right: 0;
}
#what-to-expect-page #learn div.top-wrapper div.text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 80px 0;
}
#what-to-expect-page #learn div.top-wrapper img {
  object-fit: contain;
  height: 120px;
  width: 120px;
  /* margin: 0 0 auto 0; */
}
#what-to-expect-page #learn div.top-wrapper img.pill-img {
  height: auto;
  width: 100%;
  max-width: 416px;
  min-width: 216px;
  padding-bottom: 24px;
  margin: 0  0 auto 0;
}
#what-to-expect-page #learn div.icon-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px 120px;
  padding-bottom: 80px;
}
#what-to-expect-page #learn div.icon-cards div.card {
  display: flex;
  gap: 24px;
}
#what-to-expect-page #learn div.icon-cards div.card img {
  width: 94px;
  height: 94px;
}
#what-to-expect-page #learn div.icon-cards div.card div.text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#what-to-expect-page #learn div.icon-cards div.card i {
  display: none;
  color: #585856;
  font-size: 17px;
  transition: all 0.3s;
}
#what-to-expect-page #learn div.icon-cards div.card-wrapper p.mobile {
  display: none;
}
#what-to-expect-page #connect {
  position: relative;
  background: #45556b0f;
  padding: 64px 0 75px 0;
}
#what-to-expect-page #connect img.background-graphic {
  position: absolute;
  max-width: 66.6%;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 0;
}
#what-to-expect-page #connect div.text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 24px;
}
#what-to-expect-page #connect div.container {
  z-index: 1;
  z-index: 1;
  position: relative;
}
#what-to-expect-page #connect div.container div.card-wrapper {
  display: flex;
  max-width: 920px;
  padding-top: 48px;
  margin: auto;
  gap: 80px;
}
#what-to-expect-page #connect div.container div.card-wrapper div.card {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#what-to-expect-page #connect div.container div.card h6 {
  padding: 16px 0 8px 0;
}
#what-to-expect-page #renew {
  position: relative;
}
#what-to-expect-page #renew {
  display: relative;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
#what-to-expect-page img#background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 33.3%;
  max-width: 477px;
}
#what-to-expect-page #renew div.container div.wrapper {
  width: 50%;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 80px;
  padding-bottom: 80px;
  padding-left: 0;
}
#what-to-expect-page #renew div.container div.wrapper div.text {
  padding-bottom: 48px;
}
#what-to-expect-page #renew div.container div.wrapper img.header-icon {
  height: 120px;
  width: 120px;
}
#what-to-expect-page #renew div.container div.wrapper h4 {
  padding: 24px 0 16px 0;
}
#what-to-expect-page #renew div.container div.wrapper div.card-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
#what-to-expect-page #renew div.container div.wrapper div.card-wrapper div.card {
  display: grid;
  grid-template-columns: 62px 1fr;
}
#what-to-expect-page #renew div.container div.wrapper div.card-wrapper div.card div.text-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

#our-team-page #pill-gallery {
  position: relative;
  padding-top: 64px;
}
#our-team-page #background-graphic-1 {
  position: absolute;
  z-index: -1;
  max-width: 103px;
  min-width: 43px;
  width: 5%;
  top: 82px;
  left: 0;
}
#our-team-page #background-graphic-2 {
  position: absolute;
  z-index: -1;
  max-width: 228px;
  min-width: 92px;
  width: 20%;
  bottom: -228px;
  right: 0;
}
#our-team-page #pill-gallery div.text {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
  max-width: 684px;
  margin: auto;
}
#our-team-page img.desktop {
  margin-top: 48px;
}
#our-team-page div.mobile-image-gallery {
  display: none;
  margin-top: 24px;
  grid-template-columns: 1fr 1fr;
}
#our-team-page div.mobile-image-gallery img {
  object-fit: cover;
  aspect-ratio: 1/1;
}
#our-team-page #presenters div.top-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
  max-width: 683px;
  margin: auto;
  padding: 58px 0 56px 0;
}
#our-team-page #presenters div.presenters {
  display: grid;
  gap: 40px 72px;
  grid-template-columns: 1fr 1fr;
  padding-bottom: 200px;
}
#our-team-page #presenters div.presenters div.presenter {
  display: flex;
  flex-direction: column;
  border-radius: 100px;
  background: #FFF;
  max-width: 542px;
  width: 100%;
  margin: 0 auto auto auto;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
}
#our-team-page #presenters div.presenters div.presenter div.presenter-text {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 24px 56px;
}
#our-team-page #presenters div.presenters div.presenter div.presenter-text img {
  object-fit: cover;
  aspect-ratio: 1/1;
  width: 140px;
  border-radius: 100%;
}
#our-team-page #presenters div.presenters div.presenter div.presenter-text h6 {
  padding: 0 16px 0 24px;
  color: #585856;
}
#our-team-page #presenters div.presenters div.presenter div.presenter-text i.arrow-right {
  font-size: 30px;
  font-weight: 400;
  line-height: 34px;
  color: #45556B;
  transition: transform 0.25s;
  margin-left: auto;
}
#our-team-page #presenters div.presenters div.presenter div.presenter-text i.arrow-right.rotate {
  transform: rotate(180deg);
}
#our-team-page #presenters div.presenters div.presenter:hover div.presenter-text i.arrow-right.rotate {
  cursor: pointer;
}
#our-team-page #presenters div.presenters div.presenter p {
  padding: 0 40px 48px 40px;
  text-align: left;
}

#partners-page #partners div.text {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
  max-width: 684px;
  margin: auto;
  padding: 64px 0;
}
#partners-page #partners div.cards {
  display: grid;
  gap: 64px 56px;
  grid-template-columns: repeat(4, calc(25% - 30px));
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-columns: auto;
  padding-bottom: 96px;
}
#partners-page #partners div.cards a.card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-decoration: none;
}
#partners-page #partners div.cards a.card div.pill-wrapper {
  display: flex;
  justify-content: center;
  padding: 16px 24px;
  height: 124px;
  overflow: hidden;
  border-radius: 100px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
}
#partners-page #partners div.cards a.card div.pill-wrapper img {
  object-fit: contain;
}
#partners-page #partners div.cards a.card strong {
  color: #585856;
  margin: auto;
  text-align: center;
}

#connect-page {
  position: relative;
}
#connect-page #page-header div.text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 684px;
  margin: auto;
  text-align: center;
  gap: 16px;
  padding: 80px 0 40px 0;
}
#connect-page img.svg {
  position: absolute;
  z-index: -1;
}
#connect-page img#background-graphic-top {
  top: 0;
  right: 8%;
}
#connect-page img#background-graphic-right {
  right: 0;
  bottom: 19%;
}
#connect-page img#background-graphic-bot {
  bottom: 0;
  left: 16%;
}
#connect-page img#background-graphic-left {
  left: 0;
  top: 5%;
}
#connect-page #contact-form {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 151px - 178px);
}
#connect-page #contact-form div.container {
  width: 100%;
}
#connect-page #contact-form div.container div.text {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
  max-width: 684px;
  margin: auto;
  padding: 80px 0 40px 0;
}
#connect-page #contact-form div.form {
  position: relative;
  /* height: 648px; */
  /* height: calc(100vh - 151px); */
  width: 100%;
  border-radius: 10px;
  background: linear-gradient(270deg, #94DBDD 0%, #9ED9B7 100%);
  overflow: hidden;
}

#policy-page {
  margin: 2rem auto;
  padding: 1.5rem;
  line-height: 1.6;
}

#policy-page h1 {
  margin-bottom: 1rem;
  font-size: 2rem;
}

#policy-page h2 {
  margin-top: 2rem;
  margin-bottom: 0.75rem;
  font-size: 1.5rem;
}

#policy-page p {
  margin-bottom: 1rem;
}

#policy-page ul {
  margin: 1rem 0 1.5rem 1.5rem;
  padding: 0;
}

#policy-page li {
  margin-bottom: 0.5rem;
}


@media (max-width: 1440px) {
  .container {
    padding: 0 96px;
    max-width: calc(1440px + 96px + 96px);
  }
  #home-page #gallery div.grid div.card-back {
    padding: 35px;
  }
  #partners-page #partners div.cards {
    gap: 48px 40px;
  }
}
@media (max-width: 1080px) {
  .container {
    padding: 0 70px;
    max-width: calc(1440px + 70px + 70px);
  }
  #header #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu {
    padding-left: 8px;
  }
  #header #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li a {
    align-items: flex-start;
    text-align: left !important;
  }
  #header ul#mega-menu-main-menu, #header ul#mega-menu-main-menu [aria-current]:not([aria-current="false"]), #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link {
    background: #FFF !important;
  }
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
    background: #FFF !important;
  }
  #header #mega-menu-wrap-main-menu .mega-menu-toggle + #mega-menu-main-menu {
    position: absolute;
    bottom: -45px;
    left: 122px;
    width: 100vw;
    transform: translate(-100%, 100%);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    background: #FFF !important;
  }
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
    line-height: 54px;
    font-weight: 600 !important;
  }
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item {
    border-bottom: 1px solid #ADAEB0;
    width: 100%;
    height: 54px;
  }
  #header #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item:hover a.mega-menu-link, #header #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item [aria-current]:not([aria-current="false"]) {
    border-bottom: 3px solid transparent;
  }
  #header #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item-has-children span.mega-indicator {
    display: block;
  }
  #home-page #hero-carousel div.slide #svg-top-left {
    height: 70px;
  }
  #home-page #hero-carousel div.slide #svg-bottom-center {
    height: 50px;
  }
  #home-page #hero-carousel div.slide #svg-bottom-right {
    height: 80px;
  }
  #home-page #banner_1 div.container div.small {
    max-width: 100%;
  }
  #home-page #gallery div.grid div.card-front div.text {
    padding: 0 16px 16px 16px;
  }
  #home-page #gallery div.grid div.card-front h5 {
    height: fit-content;
    max-height: 163px;
  }
  #home-page #gallery div.grid {
    grid-template-columns: repeat(2, 1fr);
  }
  #home-page #gallery div.grid div.card-outside {
    min-height: 37.4vw;
  }
  #home-page #icons div.container div.cards-wrapper {
    gap: 32px;
  }
  #who-we-serve-page #banner {
    gap: 62px;
  }
  #what-to-expect-page #learn div.icon-cards {
    grid-template-columns: minmax(0px, auto);
    gap: 48px 48px;
  }
  #what-to-expect-page #renew div.container div.wrapper {
    width: 60%;
  }
  #what-to-expect-page #renew div.container div.wrapper div.card-wrapper div.card {
    grid-template-columns: 1fr;
  }
  #what-to-expect-page #renew div.container div.wrapper div.card-wrapper div.card img {
    margin-bottom: 8px;
  }
  #what-to-expect-page #renew div.container div.wrapper div.card-wrapper div.card div.text-wrapper h6 {
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
  }
  section.banner div.container {
    gap: 48px;
  }
  section.banner.left div.container {
    justify-content: space-between;
  }
  section.banner.left div.container img {
    width: calc(35% - 142px);
    margin: auto 0 0 -280px;
  }
  section.banner.left div.container div.text {
    width: 65%;
  }
  section.banner div.container div.text h4 {
    font-size: 28px;
    font-weight: 800;
    line-height: 34px;
  }
  section.banner div.container div.text ul {
    text-align: left;
    gap: 8px;
  }
  section.banner div.container div.text ul li {
    font-size: 17px;
  }
  section.banner div.container div.text p {
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
  }
  #our-team-page #presenters div.presenters {
    grid-template-columns: 1fr;
  }
  #footer div.footer-wrapper {
    justify-content: space-around;
  }
  #footer div.footer-wrapper div.logos {
    flex-direction: column;
  }
  #footer div.footer-wrapper div.logos a.ohs-wrapper {
    border-left: 0px;
    border-top: 1px solid #45556B;
    padding-top: 24px;
  }
  #footer div.footer-wrapper div.text {
    flex-direction: column;
  }
  #partners-page #partners div.cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #partners-page #partners div.cards a.card div.pill-wrapper {
    height: 90px;
  }
}
@media (max-width: 720px) {
  .container {
    padding: 0 48px;
    max-width: calc(1440px + 48px + 48px);
  }
  #header #mega-menu-wrap-main-menu .mega-menu-toggle + #mega-menu-main-menu {
    left: 100px;
  }
  #hero-mobile {
    display: flex;
  }
  #hero {
    display: none;
  }
  #hero, #hero-mobile {
    min-height: 460px;
  }
  #hero div.text h6, #hero-mobile div.text h6 {
    font-size: 17px;
    font-weight: 700;
    line-height: 24px;
  }
  #hero-mobile div.text h2 {
    font-size: 36px;
    font-weight: 800;
    line-height: 42px;
  }
  #hero-mobile div.text h6 {
    font-size: 17px;
    font-weight: 700;
    line-height: 24px;
  }
  #home-page #hero-carousel div.slide.cta-slide div.text {
    width: 100%;
  }
  #home-page #hero-carousel div.slide.cta-slide div.img-wrapper {
    top: auto;
    bottom: 82px;
  }
  #home-page #hero-carousel div.slide.cta-slide div.container div.alt-text {
    width: 50%;
  }
  #home-page #hero-carousel div.slide.stock-slide div.container {
    flex-direction: column-reverse;
    gap: 0;
    padding-top: 40px;
    padding-bottom: 16px;
  }
  #home-page #hero-carousel div.slide.stock-slide div.text-wrapper div.text {
    margin-top: -16px;
  }
  #home-page #hero-carousel div.slide.stock-slide #svg-stock-top-left {
    max-height: 43vw;
    width: 100%;
    top: -43px;
    left: -37px;
  }
  #home-page #banner_1 img {
    max-height: 247px;
    max-width: calc(100% - 16px);
  }
  #home-page #banner_1 div.container {
    height: auto;
  }
  #home-page #banner_1 div.container div.text {
    width: 100%;
    gap: 8px; 
  }
  #home-page #banner_1 div.container div.text h4 {
    padding-top: 24px;
    text-align: left;
  }
  #home-page #banner_1 div.container div.text p {
    text-align: left;
  }
  #home-page #banner_1 div.container div.small {
    padding-bottom: 22px;
  }
  #home-page #banner_1 div.container div.small small {
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    border-left: none;
    margin-top: 24px;
    padding-left: 0;
  }
  #home-page #gallery {
    background: #FFF;
  }
  #home-page #gallery div.grid.desktop {
    display: none;
  }
  #home-page #gallery div.mobile {
    display: flex;
    padding: 0 0;
  }
  #home-page #gallery div.mobile a.card {
    padding: 0 32px;
  }
  #home-page #banner_2 {
    padding: 48px 0;
  }
  #home-page #banner_2 div.container div.text h4 {
    font-size: 28px;
    font-weight: 800;
    line-height: 34px;
  }
  #home-page #banner_2 div.container div.text p {
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
  }
  #home-page #icons div.container h4 {
    padding-bottom: 32px;
    font-size: 28px;
    line-height: 40px;
  }
  #home-page #icons div.container div.cards-wrapper {
    grid-template-columns: 1fr;
  }
  #home-page #icons div.container div.cards-wrapper div.card {
    flex-direction: row;
    max-width: 425px;
  }
  #home-page #icons div.container div.cards-wrapper div.card div.icon-wrapper {
    height: 84px;
    width: 84px;
  }
  #home-page #icons div.container div.cards-wrapper div.card div.text-wrapper {
    align-items: flex-start;
  }
  #home-page #icons div.container div.cards-wrapper div.card div.text-wrapper h6 {
    font-size: 22px;
    line-height: 28px;
  }
  #home-page #icons div.container div.cards-wrapper div.card div.text-wrapper p {
    text-align: left;
  }
  #home-page #contact-form {
    padding: 40px 0;
  }
  #home-page #contact-form div.container div.text {
    padding-bottom: 24px;
  }
  #home-page #contact-form div.container div.text h4 {
    font-size: 28px;
    font-weight: 800;
    line-height: 34px;
  }
  #home-page #contact-form div.container div.text p {
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
  }
  #who-we-serve-page #banner {
    flex-direction: column;
    gap: 0;
  }
  #who-we-serve-page #banner #banner-desktop {
    display: none;
  }
  #who-we-serve-page #banner #banner-mobile {
    display: block;
  }
  #who-we-serve-page #banner img {
    width: 85%;
    padding-bottom: 0;
  }
  #who-we-serve-page #banner div.container {
    padding-left: 48px;
    padding-top: 24px;
  }
  #who-we-serve-page #carousel div.container div.slide {
    padding: 0 80px;
  }
  #what-to-expect-page #learn div.top-wrapper div.text {
    padding: 149px 48px 24px 0;
  }
  #what-to-expect-page #learn div.top-wrapper div.text strong, #what-to-expect-page #learn div.top-wrapper div.text p {
    text-align: left;
  }
  #what-to-expect-page #learn div.top-wrapper img.pill-img {
    position: absolute;
    width: 216px;
    z-index: -1;
    padding-bottom: 0;
    bottom: -16px;
    top: 0;
    right: 0;
  }
  #what-to-expect-page #connect {
    padding: 40px 0;
  }
  #what-to-expect-page #connect div.text {
    gap: 8px;
  }
  #what-to-expect-page #connect div.text img {
    padding-bottom: 8px;
  }
  #what-to-expect-page #connect div.container div.card-wrapper {
    flex-direction: column;
  }
  #what-to-expect-page #connect div.container div.card-wrapper {
    padding-top: 32px;
    gap: 32px;
  }
  #what-to-expect-page #renew div.container div.wrapper {
    margin-left: 0;
    width: 100%;
  }
  #what-to-expect-page img#background-image {
    position: relative;
    width: 100%;
    max-width: 240px;
    z-index: -1;
    margin-top: -122px;
  }
  #what-to-expect-page #renew div.container div.wrapper {
    padding-top: 0;
  }
  #what-to-expect-page #renew div.container div.wrapper div.text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  #what-to-expect-page #renew div.container div.wrapper h4 {
    padding: 16px 0 8px 0;
  }
  #what-to-expect-page #renew div.container div.wrapper div.card-wrapper div.card {
    grid-template-columns: 52px 1fr;
  }
  #what-to-expect-page #renew div.container div.wrapper div.card-wrapper div.card div.text-wrapper h6, #what-to-expect-page #renew div.container div.wrapper div.card-wrapper div.card div.text-wrapper p {
    text-align: left;
  }
  #our-team-page #background-graphic-1 {
    top: -22px;
    left: 43px;
    transform: rotate(90deg);
  }
  #our-team-page #background-graphic-2 {
    width: 92px;
    top: -40px;
    bottom: auto;
    right: 0;
  }
  #our-team-page #pill-gallery div.text {
    align-items: flex-start;
    gap: 8px;
  }
  #our-team-page #pill-gallery div.text h4 {
    font-size: 28px;
    font-weight: 800;
    line-height: 34px;
  }
  #our-team-page #pill-gallery div.text p {
    text-align: left;
  }
  #our-team-page img.desktop {
    display: none;
  }
  #our-team-page div.mobile-image-gallery {
    display: grid;
  }
  #our-team-page #presenters div.top-text {
    align-items: flex-start;
    padding: 40px 0 24px 0
  }
  #our-team-page #presenters div.top-text h4, #our-team-page #presenters div.top-text p {
    text-align: left;
  }
  #our-team-page #presenters div.presenters {
    gap: 24px 24px;
    padding-bottom: 24px;
  }
  #our-team-page #presenters div.presenters div.presenter {
    border-radius: 10px;
    width: 100%;
  }
  #our-team-page #presenters div.presenters div.presenter div.presenter-text {
    padding: 8px 16px;
  }
  #our-team-page #presenters div.presenters div.presenter div.presenter-text img {
    width: 86px;
  }
  #our-team-page #presenters div.presenters div.presenter div.presenter-text h6 {
    padding-left: 16px;
    font-size: 17px;
    font-weight: 700;
    line-height: 24px;
  }
  #our-team-page #presenters div.presenters div.presenter div.presenter-text i.arrow-right {
    font-size: 17px;
    line-height: 24px;
  }
  #our-team-page #presenters div.presenters div.presenter p {
    padding: 0 16px 16px 16px;
  }
  #footer div.footer-wrapper {
    flex-direction: column;
    gap: 32px;
  }
  #footer div.footer-wrapper div.logos a.ohs-wrapper {
    flex-direction: column;
    gap: 8px;
  }
  #footer div.footer-wrapper div.text {
    align-items: center;
  }
  #footer div.footer-wrapper div.text div.info-wrapper {
    align-items: center;
    gap: 8px;
  }
  #footer div.footer-wrapper div.text div.info-wrapper div.info-icon i {
    display: none;
  }
  #footer div.footer-wrapper div.logos, #footer div.footer-wrapper div.logos a.ohs-wrapper {
    width: 100%;
  }
  #footer div.footer-wrapper div.logos a.ohs-wrapper small {
    margin: 0 0 0 0;
  }
  #footer div.footer-wrapper div.text div.info-wrapper div.info-icon a, #footer div.footer-wrapper div.text div.info-wrapper div.info-icon p {
    font-size: 17px;
    line-height: 24px;
  }
  #partners-page #partners div.cards {
    grid-template-columns: 1fr;
  }
  #partners-page #partners div.cards a.card strong a {
    font-size: 17px;
    line-height: 24px;
    font-weight: 700;
  }
  #partners-page #partners div.cards a.card div.pill-wrapper {
    height: 60px;
    max-width: 250px;
    width: 100%;
    margin: auto;
    padding: 4px 24px;
  }
  #partners-page #partners div.cards a.card div.pill-wrapper img {
    max-height: 100%;
  }
  section.banner div.container {
    flex-direction: column;
    gap: 0;
  }
  section.banner div.container img {
    width: auto;
    margin-right: 0;
    max-width: none;
    height: 254px;
    object-fit: contain;
    margin-left: calc(150px + 12%);
  }
  section.banner div.container div.text {
    text-align: center;
    padding-bottom: 16px;
    gap: 8px;
    width: 100% !important;
  }
  section.banner div.container div.text p.thick {
    font-weight: 700;
  }
  section.banner.left div.container {
    flex-direction: column-reverse;
    gap: 0;
  }
  section.banner.left div.container img {
    min-width: 418px;
    margin: auto 0 0 -200px;
  }
}
@media (max-width: 540px) {
  .container {
    padding: 0 16px;
    max-width: calc(1440px + 16px + 16px);
  }
  h1 {
    text-align: center;
    font-size: 36px;
    font-weight: 800;
    line-height: 42px; /* 116.667% */
  }
  h2 {
    text-align: center;
    font-size: 28px;
    font-weight: 800;
    line-height: 34px; /* 121.429% */
  }
  h3 {
    text-align: center;
    font-size: 24px;
    font-weight: 800;
    line-height: 30px; /* 125% */
  }
  h5,h6 {
    /* text-align: center;
    font-size: 22px;
    font-weight: 700;
    line-height: 28px; 127.273% */
  }
  p {
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px; /* 141.176% */
  }
  strong {
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    line-height: 24px; /* 141.176% */
  }
  a.btn {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.3px;
    padding: 0px 28px;
    line-height: 50px; /* 50px + 2border-top + 2border-bottom = 54px */
  }
  i.arrow-icon {
    font-size: 36px;
  }
  #header #mega-menu-wrap-main-menu .mega-menu-toggle + #mega-menu-main-menu {
    left: 68px;
  }
  #header {
    height: 130px;
  }
  #container #content {
    margin-top: 130px;
  }
  #header a.logo .desktop-logo {
    display: none;
  }
  #header .mobile-logo {
    display: block;
    width: 118px;
    height: 66px;
  }
  #header a.logo {
    margin-left: calc(50% - 7.5px - 52px);
    margin-right: 0;
  }
  #header nav#menu {
    justify-content: space-between;
  }
  #home-page #hero-carousel div.slide.cta-slide {
    position: relative;
  }
  #home-page #hero-carousel div.slide.cta-slide div.text {
    justify-content: flex-end;
    align-items: center;
    text-align: center;
    padding: 0 0 58px 0;
  }
  #home-page #hero-carousel div.slide.cta-slide div.img-wrapper {
    top: 36px;
    width: calc(100% - 16px);
    max-width: 400px;
  }
  #home-page #hero-carousel #svg-top-left, #home-page #hero-carousel #svg-bottom-center, #home-page #hero-carousel #svg-bottom-right, #home-page #hero-carousel div.slide.cta-slide i.arrow-right, #home-page #hero-carousel div.slide.cta-slide i.arrow-left {
    display: none;
  }
  #home-page #hero-carousel div.slide.cta-slide div.container h3 {
    font-size: 26px;
    line-height: 34px;
  }
  #home-page #hero-carousel div.slide.cta-slide div.container h5 {
    font-size: 22px;
    line-height: 28px;
    padding: 8px 0 16px 0;
  }
  #home-page #hero-carousel div.slide.cta-slide div.container div.alt-text {
    border-left: 0 solid #5EBF87;
    padding-left: 0;
    border-top: 2px solid #5EBF87;
    padding-top: 24px;
    width: 100%;
  }
  #home-page #hero-carousel div.slide.stock-slide div.text-wrapper {
    gap: 0;
  }
  #home-page #hero-carousel div.slide.cta-slide #svg-top-left {
    left: 0;
    height: 60px;
  }
  #home-page #hero-carousel div.slide.cta-slide #svg-bottom-center {
    left: 36px;
    height: 40px;
  }
  #home-page #hero-carousel div.slide.cta-slide #svg-bottom-right {
    right: 0;
    height: 60px;
  }
  #home-page #hero-carousel div.slide i.arrow-right, #home-page #hero-carousel div.slide i.arrow-left, #home-page #hero-carousel div.slide.stock-slide svg.quote {
    display: none;
  }
  #home-page #hero-carousel div.slide.stock-slide div.text h2 {
    font-size: 28px;
    font-weight: 800;
    line-height: 34px;
  }
  #home-page #hero-carousel div.slide.stock-slide div.text h6 {
    font-size: 17px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
  }
  #who-we-serve-page #banner div.container {
    padding-left: 16px;
  }
  #who-we-serve-page #banner div.container h4 {
    font-size: 28px;
    font-weight: 800;
    line-height: 34px;
  }
  #who-we-serve-page #banner div.container strong {
    font-size: 17px;
    font-weight: 700;
    line-height: 24px;
  }
  #who-we-serve-page #banner div.container h6 {
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
  }
  #who-we-serve-page #banner div.container li {
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
  }
  #who-we-serve-page #carousel div.container h4 {
    font-size: 28px;
    font-weight: 800;
    line-height: 34px;
  }
  #who-we-serve-page #carousel div.container div.slide {
    padding: 0 0;
  }
  #who-we-serve-page #carousel div.slide i {
    top: 29px;
  }
  #connect_banner div.container h4 {
    font-size: 28px;
    font-weight: 800;
    line-height: 34px;
  }
  #connect_banner div.container a {
    margin-top: 24px;
  }
  #what-to-expect-page #learn div.icon-cards p.desktop {
    display: none;
  }
  #what-to-expect-page #learn div.icon-cards {
    gap: 16px;
    padding-bottom: 32px;
  }
  #what-to-expect-page #learn div.icon-cards div.card-wrapper {
    border-radius: 10px;
    background: #FFF;
    padding: 8px 16px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
  }
  #what-to-expect-page #learn div.icon-cards div.card-wrapper p.mobile {
    display: block;
    text-align: left;
    margin-top: 16px;
  }
  #what-to-expect-page #learn div.icon-cards div.card {
    gap: 16px;
    align-items: center;
    justify-content: space-between;
  }
  #what-to-expect-page #learn div.icon-cards div.card i {
    display: block;
  }
  #what-to-expect-page #learn div.icon-cards div.card img {
    width: 60px;
    height: 60px;
  }
  #what-to-expect-page #learn div.icon-cards div.card h6 {
    font-size: 17px;
    font-weight: 700;
    line-height: 24px;
  }
  #what-to-expect-page #learn div.top-wrapper div.text {
    padding: 149px 16px 24px 0;
  }
  #partners-page #partners div.text {
    gap: 8px;
    padding: 32px 0 24px 0;
  }
  #partners-page #partners div.text h4 {
    font-size: 28px;
    font-weight: 800;
    line-height: 34px;
    text-align: left;
  }
  #partners-page #partners div.text p {
    text-align: left;
  }
  #partners-page #partners div.cards {
    gap: 24px;
    padding-bottom: 24px;
  }
  #partners-page #partners div.cards a.card {
    gap: 8px;
  }
  #connect-page #page-header div.text {
    align-items: flex-start;
  }
  #connect-page #page-header div.text h4 {
    font-size: 28px;
    font-weight: 800;
    line-height: 34px;
    text-align: left;
  }
  #connect-page #page-header div.text p {
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
  }
  #connect-page #contact-form {
    /* padding-bottom: 80px; */
  }
  #connect-page img#background-graphic-top {
    max-height: 75px;
  }
  #connect-page img#background-graphic-left {
    max-height: 118px;
  }
  #connect-page img#background-graphic-bot {
    max-height: 39px;
    left: 16px;
  }
  #connect-page img#background-graphic-right {
    max-height: 240px;
    bottom: 26px;
  }
}