CSS: .section.section-media .block a .image, #header .logo svg, #header .logo img, #header .menu ul li a:after, #header, a {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@font-face {
  font-family: "Brandon Grotesque Regular";
  font-style: normal;
  font-weight: normal;
  src: local("Brandon Grotesque Regular"), url("../fonts/BrandonGrotesque-Regular.woff") format("woff");
}
@font-face {
  font-family: "Brandon Grotesque Black";
  font-style: normal;
  font-weight: normal;
  src: local("Brandon Grotesque Black"), url("../fonts/BrandonGrotesque-Black.woff") format("woff");
}
@font-face {
  font-family: "Brandon Grotesque Bold";
  font-style: normal;
  font-weight: normal;
  src: local("Brandon Grotesque Bold"), url("../fonts/BrandonGrotesque-Bold.woff") format("woff");
}
@font-face {
  font-family: "Brandon Grotesque Thin";
  font-style: normal;
  font-weight: normal;
  src: local("Brandon Grotesque Thin"), url("../fonts/BrandonGrotesque-Thin.woff") format("woff");
}
@font-face {
  font-family: "Recoleta Medium";
  font-style: normal;
  font-weight: normal;
  src: local("Recoleta Medium"), url("../fonts/Recoleta-Medium.woff") format("woff");
}
.section.section-consulting1 h3, #header .menu ul li.current_page_item ul li a, #header .menu ul li.current-menu-item ul li a, #header .menu ul li.current-menu-parent ul li a, #header .menu ul li.current-page-ancestor ul li a, .form-control, body {
  font-family: "Brandon Grotesque Regular", serif;
  font-style: normal;
}

.modal-body h2, .cta a b, .section.section-page h2, .section.section-page h3, .section.section-page h4, .section.section-page h5, .section.section-page h1 {
  font-family: "Brandon Grotesque Black", serif;
  font-style: normal;
}

.section.section-coaching-2 h3, .section.section-coaching-1 .experience .heading p, .section.section-speaking h3, #header .menu ul li.current_page_item a, #header .menu ul li.current-menu-item a, #header .menu ul li.current-menu-parent a, #header .menu ul li.current-page-ancestor a, b, strong, .btn {
  font-family: "Brandon Grotesque Bold", serif;
  font-style: normal;
}

footer h3, .bottom-about h2, .section.section-coaching-3 h2, .section.section-coaching-2 h2, .section.section-dates h2, .section.section-coaching-1 .dates h2, .section.section-coaching-1 .experience .numbers .items .item p.count, .section.section-coaching-1 .experience .numbers .price p.count, .section.section-coaching-1 .experience .numbers h2, .section.section-coaching-1 .experience .heading h2, .section.section-coaching-1 .twoColumns h2, .section.section-accordion .list .item .question p b, .section.section-accordion .list .item .question p strong, .section.section-accordion .list .item .question, .section.section-accordion .heading h2, .section.section-speaking h2, .section.section-consulting6 h2, .section.section-consulting5 h2, .section.section-consulting4 .block .item .heading h3, .section.section-consulting4 h2, .section.section-consulting3 h2, .section.section-consulting2 h2, .section.section-consulting1 h2, .section.section-clients h2, .section.section-contact .twoColumns h3, .section.section-contact h2, .section.section-faq .list .item .question, .section.section-faq .heading h2, .section.section-14 h2, .section.section-12 h3, .section.section-12 .heading h2, .section.section-11 .twoColumns .block ol li:before, .section.section-11 h2, .section.section-10 .slider, .section.section-9 .quote, .section.section-values .block h3, .section.section-values h2, .section.section-8 .block h3, .section.section-8 .heading h2, .section.section-7 h2, .section.section-6 .twoColumns .quote, .section.section-6 .twoColumns h2, .section.section-5 h3, .section.section-5 .heading h2, .section.section-4 h2, .section.section-3 .twoColumns h2, .section.section-2 h2, .section.section-1 .container .content, .hero-contact h2, .hero-coaching-1 .container h2, .hero-speaking p, .hero-consulting-4 p, .hero-consulting-3 p, .hero-consulting-2 p, .hero-consulting-1 p, .hero-consulting p, .hero-coaching h2, .hero-values p, .hero-about h1, .hero-home h1 {
  font-family: "Recoleta Medium", serif;
  font-style: normal;
}

.section.section-accordion .list .item .question:after, .section.section-faq .list .item .question:after {
  font-family: "Brandon Grotesque Thin", serif;
  font-style: normal;
}

/* basic 
==================================== */
body {
  overflow-x: hidden;
  font-size: 18px;
  line-height: 1.5;
  color: #00664f;
}
@media only screen and (min-width: 992px) {
  body {
    font-size: 22px;
  }
}

input:-internal-autofill-previewed, input:-internal-autofill-selected, textarea:-internal-autofill-previewed, textarea:-internal-autofill-selected, select:-internal-autofill-previewed, select:-internal-autofill-selected {
  background-color: transparent !important;
}

.form-control {
  color: #003b49;
  padding: 5px 0px;
  border-radius: 0px;
  border: 0px;
  border-bottom: 0px solid #003b49;
  background: transparent;
  height: auto;
}
@media only screen and (min-width: 992px) {
  .form-control {
    font-size: 18px;
  }
}

select.form-control {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: #fff url(../images/arrow_down.png) right 20px center no-repeat;
  background-size: 20px;
  padding-right: 40px;
  height: auto !important;
}

textarea.form-control {
  height: 140px;
}

.form-control:focus, button:focus, input[type=submit], :focus {
  outline: 0;
  box-shadow: none;
}

.form-control:focus {
  border-color: #003b49;
  color: #003b49;
  background-color: transparent;
}

a {
  color: #003b49;
}
a:hover {
  text-decoration: none;
  color: #382e2c;
}

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

.container {
  padding-right: 20px;
  padding-left: 20px;
  max-width: 1190px;
}

.btn {
  border-radius: 10px;
  font-size: 18px;
  border: 0;
  padding: 6px 15px;
}
.btn.btn-primary {
  background: #00ab8e;
  border: 1px solid #00ab8e;
  color: #fff;
}
.btn.btn-primary:hover, .btn.btn-primary:focus {
  color: #034638;
  background: transparent;
}
@media only screen and (min-width: 992px) {
  .btn {
    font-size: 22px;
  }
}
.btn.btn-secondary {
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
}
.btn.btn-secondary:hover, .btn.btn-secondary:focus {
  background: #fff;
  color: #d9d9d6;
}

.offering .item:nth-child(4) .btn-primary {
    background-color: #68d2df !important;
    border-color: #68d2df !important;
    color: #ffffff !important; /* Ensures text is white */
}

/* Hover state for the 4th button */
.offering .item:nth-child(4) .btn-primary:hover {
    background-color: transparent !important;
    color: #68d2df !important;
}

.mb-40 {
  margin-bottom: 20px !important;
}
@media only screen and (min-width: 992px) {
  .mb-40 {
    margin-bottom: 40px !important;
  }
}

b, strong {
  font-weight: normal;
}
/* Header
========================================= */
#header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  padding: 20px 0;
  background: #f0f0ef;
}
#header .container {
  max-width: 1306px;
}
#header .menu {
  display: none;
}
#header .menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#header .menu ul li a {
  font-size: 16px;
  color: #003b49;
}
#header .menu ul li.current_page_item a, #header .menu ul li.current-menu-item a, #header .menu ul li.current-menu-parent a, #header .menu ul li.current-page-ancestor a {
  color: #003b49;
}
@media only screen and (min-width: 992px) {
  #header .menu ul li.current_page_item ul li a, #header .menu ul li.current-menu-item ul li a, #header .menu ul li.current-menu-parent ul li a, #header .menu ul li.current-page-ancestor ul li a {
    color: #fff;
  }
}
#header .menu ul li ul {
  padding-top: 20px;
}
@media only screen and (min-width: 992px) {
  #header .menu ul li ul {
    display: none;
  }
}
#header .menu ul li.menu-item-has-children a {
  padding-right: 25px;
  position: relative;
}

/* --- FIX: Set Default Arrow to BLUE (arrow1.png) --- */
#header .menu ul li.menu-item-has-children a:before {
  content: "";
  width: 16px;
  height: 16px;
  background: url("../images/arrow1.png"); /* Blue Arrow */
  background-size: 100%;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7px;
  transform: rotate(90deg);
}

#header .menu ul li.menu-item-has-children ul li a {
  padding-right: 0;
}
#header .menu ul li.menu-item-has-children ul li a:before {
  display: none;
}
@media only screen and (max-width: 991px) {
  #header .menu ul li.menu-item-has-children.active a {
    display: inline-block;
  }
  #header .menu ul li.menu-item-has-children.active a:before {
    transform: rotate(-90deg);
  }
  #header .menu ul li.menu-item-has-children.active ul {
    display: block;
    animation: fadeInUpSD 0.5s;
  }
}
@media only screen and (min-width: 992px) {
  #header .menu ul li:nth-last-child(3) {
    padding-right: 0px;
  }
  #header .menu ul li:nth-last-child(3):after {
    display: none;
  }
  #header .menu ul li ul {
    position: absolute;
    width: 250px;
    border-radius: 20px;
    padding: 20px 0 0;
    text-align: left;
    display: none;
  }
  #header .menu ul li ul li {
    display: block;
    animation: fadeInUpSD 0.5s;
    margin: 0;
    margin-bottom: 0;
    background: #034638;
  }
  #header .menu ul li ul li a {
    color: #003b49;
    text-align: left;
    padding: 15px 20px;
    color: #fff;
    display: block;
  }
  
  /* --- FIX: Ensure SUB-MENU arrows are WHITE (arrow1.png) --- */
  #header .menu ul li ul li.menu-item-has-children a:before {
    background-image: url("../images/arrow1.png") !important;
  }

  #header .menu ul li ul li a:hover {
    border-bottom: 0;
    background: #d9d9d6;
    color: #003b49;
  }
  #header .menu ul li:hover ul {
    display: block;
  }
}
#header .menu ul li.icon a {
  display: inline-block;
}
#header .menu ul li.icon a img {
  width: 34px;
}
#header .navmenu {
  width: 40px;
  height: 23px;
}
#header .navmenu:hover {
  cursor: pointer;
}
#header .navmenu.open .navmenu-item {
  background: #003b49;
}
#header .navmenu.open .navmenu-item:first-child {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 10px 50%;
  transform-origin: 5px 50%;
}
#header .navmenu.open .navmenu-item:nth-child(2) {
  -webkit-transform: translateX(40px);
  transform: translateX(40px);
  opacity: 0;
}
#header .navmenu.open .navmenu-item:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 8px 50%;
  transform-origin: 6px 50%;
}
#header .navmenu-item {
  transition: all 0.2s;
  display: block;
  width: 40px;
  height: 2px;
  margin: 0 0 8px;
  background: #003b49;
  border-radius: 5px;
}
#header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#header .logo svg, #header .logo img {
  width: 150px;
}
@media only screen and (min-width: 992px) {
  #header .logo svg, #header .logo img {
    width: 250px;
  }
}
@media only screen and (min-width: 992px) and (min-width: 1200px) {
  #header .logo svg, #header .logo img {
    width: 382px;
  }
}
#header.active {
  background: #f0f0ef;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.2);
}
#header.active .navmenu-item {
  background: #003b49;
}
#header.open {
  background: #f0f0ef;
}
@media only screen and (min-width: 992px) {
  #header.open {
    background: transparent;
  }
}

@media only screen and (min-width: 992px) {
  #header {
    padding: 80px 0px 40px;
    text-align: center;
    position: absolute;
    background: transparent;
  }
  #header .toggle {
    display: none;
  }
  #header .menu {
    display: block !important;
  }
  #header .menu ul li {
    display: inline-block;
    margin: 0 10px;
    position: relative;
    line-height: 1;
  }
}
@media only screen and (min-width: 992px) and (min-width: 1200px) {
  #header .menu ul li {
    margin: 0 15px;
  }
}
@media only screen and (min-width: 992px) {
  #header .menu ul li:last-child {
    margin-right: 0;
  }
  #header .menu ul li ul li a {
    padding-right: 20px !important;
    font-size: 18px;
  }
  #header .menu ul li ul li a:after {
    display: none;
  }
  #header .menu ul li a {
    position: relative;
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (min-width: 1200px) {
  #header .menu ul li a {
    font-size: 22px;
  }
}
@media only screen and (min-width: 992px) {
  #header .menu ul li a:after {
    content: "";
    width: 0;
    height: 2px;
    background: #003b49;
    position: absolute;
    bottom: -5px;
    left: 0;
    z-index: -1;
  }
  #header .menu ul li a:hover:after {
    width: 100%;
  }
  #header.active {
    position: fixed;
    padding: 20px 20px;
  }
  #header.home.active {
    background: #003b49;
  }
  #header.home .navmenu-item {
    background: #f0f0ef;
  }
  #header.home .logo {
    margin-left: -123px;
  }
  #header.home .logo .cls-2,
  #header.home .logo .cls-5,
  #header.home .logo .cls-3,
  #header.home .logo .cls-6,
  #header.home .logo .cls-7 {
    display: none;
  }
  #header.home .logo .cls-8 {
    fill: #68d2df;
  }
  #header.home .logo svg {
    width: 450px;
  }
  #header.home .menu ul li a {
    color: #000;
  }
  #header.home .menu ul li a:after {
    content: "";
    background: #003b49;
  }
  #header.home .menu ul li.menu-item-has-children a:before {
    background-image: url("../images/arrow1.png");
  }
  
  /* --- FIX: ALT HEADER Logic --- */
  #header.alt.active {
    background: #003b49;
  }
  #header.alt .navmenu-item {
    background: #f0f0ef;
  }
  #header.alt .logo .cls-8 {
    fill: #f4e5d4;
  }

  /* 1. Top Level: Blue Text & Blue Arrow */
  #header.alt .menu ul li a {
    color: #003b49;
  }
  #header.alt .menu ul li.menu-item-has-children a:before {
    background-image: url("../images/arrow1.png"); /* Blue Arrow */
  }
  #header.alt .menu ul li a:after {
    content: "";
    background: #003b49;
  }

  /* 2. Dropdown Level: White Text & White Arrow */
  #header.alt .menu ul li ul li a {
    color: #ffffff !important;
  }
  #header.alt .menu ul li ul li.menu-item-has-children a:before {
    background-image: url("../images/arrow1.png") !important; /* White Arrow */
  }
}
/* mobile 
======================= */
@media only screen and (max-width: 991px) {
  #header .menu {
    position: fixed;
    width: 100%;
    background: #f0f0ef;
    left: 0;
    top: 89px;
    padding-top: 40px;
    padding-bottom: 40px;
    height: calc(100% - 89px);
    overflow-y: scroll;
  }
  #header .menu ul li {
    text-align: left;
    margin-bottom: 20px;
    padding: 0 20px;
  }
  #header .menu ul li:last-child a {
    display: inline-block;
  }
}
.anchor {
  display: block;
  position: relative;
  top: -82px;
  visibility: hidden;
}

.main {
  padding-top: 82px;
}

@media only screen and (min-width: 992px) {
  .anchor {
    top: -164px;
  }
  .main {
    padding-top: 164px;
  }
}
/* hero-home
========================================= */
.hero-home {
  position: relative;
  overflow: hidden;
  background: f9f9f9;
  color: #003b49;
}
.hero-home:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
background: url('/wp-content/uploads/2026/02/Wavy-Borders-01-scaled.png') bottom center no-repeat;
  background-size: 100%;
  left: 0;
  height: 100%;
}
@media only screen and (min-width: 768px) {
  .hero-home {
    overflow: initial;
  }
}
.hero-home .image {
  position: relative;
  text-align: center;
  margin-bottom: 0;
  animation: float 5s ease-in-out infinite;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .hero-home .image {
    width: 70%;
    margin-left: -20%;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 992px) {
  .hero-home .image {
    margin-left: -13%;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1200px) {
  .hero-home .image {
    width: 65%;
    margin-left: -16%;
    margin-bottom: -30px;
  }
}
.hero-home .image img {
  width: 100%;
}
.hero-home .container {
  padding-top: 150px;
  position: relative;
  max-width: 1230px;
}
.hero-home .container .content {
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .hero-home .container {
    padding-top: 150px;
    padding-bottom: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
  }
  .hero-home .container p {
    max-width: 510px;
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 992px) {
  .hero-home .container {
    padding-top: 200px;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .hero-home .container .content {
    width: 46%;
    padding: 40px 0 40px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 992px) {
  .hero-home .container .content {
    padding-bottom: 120px;
    font-size: 22px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1200px) {
  .hero-home .container .content {
    padding-bottom: 170px;
  }
}
.hero-home h1 {
  font-size: 38px;
  margin-bottom: 30px;
  line-height: 1.2;
  color: #034638;
}
@media only screen and (min-width: 768px) {
  .hero-home h1 {
    font-size: 50px;
    max-width: 570px;
    line-height: 1.1;
    margin-bottom: 40px;
  }
}
.hero-home .links {
  margin-bottom: 60px;
  margin-top: 30px;
}
@media only screen and (min-width: 992px) {
  .hero-home .links {
    margin-bottom: 0;
    margin-top: 60px;
  }
}

/* hero-about
========================================= */

.hero-about {
    position: relative; /* Ensure the pseudo-element sticks to this container */
    background-color: #f0f0ef; /* Ensure there is a base color behind the wave */
}

/* REMOVED SPACE HERE v */
.hero-about:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/wp-content/uploads/2026/02/Wavy-Borders-02-scaled.png) bottom center no-repeat;
    background-size: 100%;
    z-index: 2;
    pointer-events: none; /* Good practice so clicks go through the wave */
}

@media only screen and (min-width: 768px) {
  .hero-about {
    overflow: initial;
  }
}
.hero-about .image {
  margin-top: 40px;
  width: 150%;
  position: relative;
  margin-left: calc(-50% + 20px);
	margin-bottom: 100px;
}
.hero-about .image img {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .hero-about .image {
    margin-left: 0;
    width: calc(100% + 146px);
    margin-right: 146px;
    margin-top: -120px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1024px) {
  .hero-about .image {
    margin-top: -220px;
  }
}
.hero-about .container {
  padding-top: 120px;
  padding-bottom: 40px;
  position: relative;
}
.hero-about .container .content {
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .hero-about .container {
    padding-top: 200px;
    padding-bottom: 100px;
    align-items: center;
  }
}
@media only screen and (min-width: 768px) and (min-width: 992px) {
  .hero-about .container {
    padding-top: 260px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) {
  .hero-about .container .content {
    max-width: 480px;
  }
}
.hero-about h1 {
  color: #034638;
  margin-bottom: 0px;
  font-size: 26px;
}
@media only screen and (min-width: 992px) {
  .hero-about h1 {
    font-size: 32px;
  }
}

/* hero-values
========================================= */
.hero-values {
  position: relative;
  overflow: hidden;
  background: #d9d9d6;
}
.hero-values:before {
  content: "";
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background: url(../images/sep11.png) bottom center no-repeat;
  background-size: 100%;
  position: absolute;
  z-index: 3;
}
.hero-values:after {
  content: "";
  width: 320px;
  height: 320px;
  bottom: -120px;
  right: 0;
  background: url(../images/shape6.png) right bottom no-repeat;
  background-size: 100%;
  position: absolute;
  z-index: 1;
  animation: float 5s ease-in-out infinite;
}
@media only screen and (min-width: 992px) {
  .hero-values:after {
    width: 604px;
    height: 604px;
    bottom: -160px;
  }
}
.hero-values .container {
  padding-top: 150px;
  padding-bottom: 200px;
  position: relative;
}
.hero-values .container .content {
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .hero-values .container {
    padding-top: 200px;
    padding-bottom: 100px;
    align-items: center;
  }
}
@media only screen and (min-width: 768px) and (min-width: 992px) {
  .hero-values .container {
    padding-top: 260px;
    padding-bottom: 150px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1024px) {
  .hero-values .container {
    padding-bottom: 200px;
  }
}
@media only screen and (min-width: 768px) {
  .hero-values .container .content {
    max-width: 560px;
  }
}
.hero-values p {
  color: #034638;
  margin-bottom: 0px;
  font-size: 26px;
  line-height: 1.3;
}
@media only screen and (min-width: 992px) {
  .hero-values p {
    font-size: 32px;
  }
}
.hero-values h1 {
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 20px;
  font-size: 16px;
}
@media only screen and (min-width: 768px) {
  .hero-values h1 {
    font-size: 18px;
    letter-spacing: 4px;
    margin-bottom: 30px;
  }
}

/* hero-coaching
========================================= */
.hero-coaching {
  position: relative;
  overflow: hidden;
  background: #fff;
  color: #003b49;
}
.hero-coaching:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  background: url(/wp-content/uploads/2026/02/Wavy-Borders-02-scaled.png) bottom center no-repeat;
  background-size: 100%;
  left: 0;
  height: 100%;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .hero-coaching {
    overflow: initial;
  }
}

/* hero-coaching image update */
.hero-coaching .image {
  position: relative;
  text-align: center;
  margin-bottom: -20%;
  z-index: 20; /* This pulls the image to the very front */
}

@media only screen and (min-width: 768px) {
  .hero-coaching .image {
    width: 70%;
    margin-left: -20%;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 992px) {
  .hero-coaching .image {
    margin-left: -13%;
    margin-bottom: -10%;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1200px) {
  .hero-coaching .image {
    width: 62%;
    margin-left: -8%;
    margin-bottom: -16%;
  }
}
.hero-coaching .image img {
  width: 100%;
  animation: float 5s ease-in-out infinite;
}
.hero-coaching .container {
  padding-top: 150px;
  position: relative;
  max-width: 1230px;
}
.hero-coaching .container:after {
  content: "";
  position: absolute;
  bottom: 10%;
  width: 200px;
  height: 147px;
  background: url(<?php echo content_url('/uploads/2026/02/Wavy-Borders-02-scaled.png'); ?>) center no-repeat;
  background-size: 100%;
  left: -50px;
  z-index: 10;
  transform: rotate(-10deg);
}
@media only screen and (min-width: 768px) {
  .hero-coaching .container:after {
    width: 299px;
    height: 247px;
    left: -77px;
    bottom: 0;
  }
}
.hero-coaching .container .content {
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .hero-coaching .container {
    padding-top: 150px;
    padding-bottom: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
  }
  .hero-coaching .container p {
    max-width: 360px;
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 992px) {
  .hero-coaching .container {
    padding-top: 200px;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .hero-coaching .container .content {
    width: 46%;
    padding: 40px 0 40px;
  }
  .hero-coaching .container .content .wrap {
    max-width: 480px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 768px) and (min-width: 992px) {
  .hero-coaching .container .content {
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1200px) {
  .hero-coaching .container .content {
    padding-bottom: 170px;
  }
}
.hero-coaching h1 {
  text-transform: uppercase;
  color: #034638;
  letter-spacing: 2px;
  margin-bottom: 20px;
  font-size: 16px;
}
@media only screen and (min-width: 768px) {
  .hero-coaching h1 {
    font-size: 18px;
    letter-spacing: 4px;
    margin-bottom: 30px;
  }
}
.hero-coaching h2 {
  font-size: 26px;
  margin-bottom: 30px;
  line-height: 1.2;
}
@media only screen and (min-width: 768px) {
  .hero-coaching h2 {
    font-size: 32px;
    max-width: 570px;
    margin-bottom: 40px;
  }
}
.hero-coaching .links {
  margin-bottom: 60px;
  margin-top: 30px;
}
@media only screen and (min-width: 992px) {
  .hero-coaching .links {
    margin-bottom: 0;
    margin-top: 60px;
  }
}

/* hero-consulting
========================================= */
.hero-consulting {
  position: relative;
  overflow: hidden;
  background: #d9d9d6;
  color: #000;
}
.hero-consulting:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  background: url(/wp-content/uploads/2026/02/Wavy-Borders-01-scaled.png) bottom center no-repeat;
  background-size: 100%;
  left: 0;
  height: 100%;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .hero-consulting {
    overflow: initial;
  }
}
.hero-consulting .image {
  position: relative;
  text-align: center;
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) {
  .hero-consulting .image {
    width: 70%;
    margin-right: -10%;
    margin-bottom: 120px;
    align-self: flex-end;
  }
}
@media only screen and (min-width: 768px) and (min-width: 992px) {
  .hero-consulting .image {
    margin-right: 0;
    margin-bottom: 180px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1200px) {
  .hero-consulting .image {
    width: 97%;
    margin-bottom: 100px;
    margin-right: -16%;
  }
}
.hero-consulting .image img {
  width: 100%;
}
.hero-consulting .container {
  padding-top: 150px;
  position: relative;
  max-width: 1230px;
}
.hero-consulting .container:after {
  content: "";
  position: absolute;
  bottom: -50px;
  width: 200px;
  height: 147px;
  background: url(../images/shape2.svg) center no-repeat;
  background-size: 100%;
  right: -50px;
  z-index: 10;
  transform: rotate(-10deg);
}
@media only screen and (min-width: 768px) {
  .hero-consulting .container:after {
    width: 299px;
    height: 247px;
    right: -77px;
    bottom: -30px;
  }
}
@media only screen and (min-width: 1200px) {
  .hero-consulting .container:after {
    width: 440px;
    height: 267px;
    right: -18.5%;
    bottom: 3%;
  }
}
.hero-consulting .container .content {
  position: relative;
  z-index: 2;
}
.hero-consulting .container h2 {
  text-transform: uppercase;
  color: #003b49;
  letter-spacing: 2px;
  margin-bottom: 20px;
  font-size: 16px;
}
@media only screen and (min-width: 768px) {
  .hero-consulting .container h2 {
    font-size: 18px;
    letter-spacing: 4px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) {
  .hero-consulting .container {
    padding-top: 150px;
    padding-bottom: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media only screen and (min-width: 768px) and (min-width: 992px) {
  .hero-consulting .container {
    padding-top: 200px;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .hero-consulting .container .content {
    width: 51%;
    padding: 40px 0 40px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 992px) {
  .hero-consulting .container .content {
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1200px) {
  .hero-consulting .container .content {
    padding-bottom: 170px;
  }
}
.hero-consulting p {
  font-size: 26px;
  margin-bottom: 30px;
  line-height: 1.2;
  color: #003b49;
}
@media only screen and (min-width: 768px) {
  .hero-consulting p {
    font-size: 30px;
    margin-bottom: 40px;
  }
}
.hero-consulting .links {
  margin-bottom: 60px;
  margin-top: 30px;
}
.hero-consulting .links .btn-primary:hover {
  border-color: #00ab8e;
  color: #003b49;
}
.hero-consulting .links .btn-primary {
  color: #d9d9d6;
}
@media only screen and (min-width: 992px) {
  .hero-consulting .links {
    margin-bottom: 0;
    margin-top: 60px;
  }
}

.hero-consulting-1 {
  position: relative;
  overflow: hidden;
  background: #e8e4d9;
}
.hero-consulting-1:before {
  content: "";
  position: absolute;
  width: 300px;
  height: 191px;
  background: url(../images/circle2.png) bottom center no-repeat;
  background-size: 100%;
  left: 0;
  bottom: 0;
  height: 100%;
}
@media only screen and (min-width: 992px) {
  .hero-consulting-1:before {
    width: 609px;
    height: 387px;
  }
}
.hero-consulting-1:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  background: url(/wp-content/uploads/2026/02/Wavy-Borders-01-scaled.png) bottom center no-repeat;
  background-size: 100%;
  left: 0;
  height: 100%;
  z-index: 2;
}
.hero-consulting-1 br {
  display: none;
}
@media only screen and (min-width: 1200px) {
  .hero-consulting-1 br {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  .hero-consulting-1 {
    overflow: initial;
  }
}
.hero-consulting-1 .image {
  position: relative;
  text-align: center;
  margin-bottom: 60px;
}
@media only screen and (min-width: 768px) {
  .hero-consulting-1 .image {
    width: 70%;
    margin-right: -10%;
  }
}
@media only screen and (min-width: 768px) and (min-width: 992px) {
  .hero-consulting-1 .image {
    width: 60%;
    margin-right: -12%;
  }
}
.hero-consulting-1 .image img {
  width: 100%;
}
.hero-consulting-1 .container {
  padding-top: 150px;
  position: relative;
  z-index: 5;
  max-width: 1230px;
}
.hero-consulting-1 .container .content {
  position: relative;
}
.hero-consulting-1 .container h2 {
  text-transform: uppercase;
  color: #034638;
  letter-spacing: 2px;
  margin-bottom: 20px;
  font-size: 16px;
}
@media only screen and (min-width: 768px) {
  .hero-consulting-1 .container h2 {
    font-size: 18px;
    letter-spacing: 4px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) {
  .hero-consulting-1 .container {
    padding-top: 150px;
    padding-bottom: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media only screen and (min-width: 768px) and (min-width: 992px) {
  .hero-consulting-1 .container {
    padding-top: 200px;
    padding-bottom: 150px;
  }
}
@media only screen and (min-width: 768px) {
  .hero-consulting-1 .container .content {
    width: 55%;
    padding: 40px 0 40px;
  }
}
.hero-consulting-1 p {
  font-size: 26px;
  margin-bottom: 40px;
  line-height: 1.2;
}
@media only screen and (min-width: 768px) {
  .hero-consulting-1 p {
    font-size: 32px;
    margin-bottom: 0px;
  }
}

.hero-consulting-2 {
  position: relative;
  overflow: hidden;
  background: #f7f3f0;
}
.hero-consulting-2:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  background: url(../images/sep10.png) bottom center no-repeat;
  background-size: 100%;
  left: 0;
  height: 100%;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .hero-consulting-2 {
    overflow: initial;
  }
}
.hero-consulting-2 .image {
  position: relative;
  text-align: center;
  margin-bottom: 60px;
}
@media only screen and (min-width: 768px) {
  .hero-consulting-2 .image {
    width: 70%;
    margin-right: -5%;
  }
}
@media only screen and (min-width: 768px) and (min-width: 992px) {
  .hero-consulting-2 .image {
    width: 60%;
    margin-bottom: 40px;
  }
}
.hero-consulting-2 .image img {
  width: 100%;
}
.hero-consulting-2 .container {
  padding-top: 150px;
  position: relative;
  z-index: 5;
  max-width: 1230px;
}
.hero-consulting-2 .container .content {
  position: relative;
}
.hero-consulting-2 .container h2 {
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 20px;
  font-size: 16px;
}
@media only screen and (min-width: 768px) {
  .hero-consulting-2 .container h2 {
    font-size: 18px;
    letter-spacing: 4px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) {
  .hero-consulting-2 .container {
    padding-top: 150px;
    padding-bottom: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media only screen and (min-width: 768px) and (min-width: 992px) {
  .hero-consulting-2 .container {
    padding-top: 200px;
    padding-bottom: 150px;
  }
}
@media only screen and (min-width: 768px) {
  .hero-consulting-2 .container .wrap {
    max-width: 560px;
  }
  .hero-consulting-2 .container .content {
    width: 55%;
    padding: 40px 0 40px;
  }
}
.hero-consulting-2 p {
  font-size: 26px;
  margin-bottom: 40px;
  line-height: 1.2;
  color: #034638;
}
@media only screen and (min-width: 768px) {
  .hero-consulting-2 p {
    font-size: 32px;
    margin-bottom: 0px;
  }
}

.hero-consulting-3 {
  position: relative;
  overflow: hidden;
  background: #e2dacd;
}
.hero-consulting-3:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  background: url(../images/sep6.png) bottom center no-repeat;
  background-size: 100%;
  left: 0;
  height: 100%;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .hero-consulting-3 {
    overflow: initial;
  }
}
.hero-consulting-3 .image {
  position: relative;
  text-align: center;
  margin-bottom: 60px;
}
@media only screen and (min-width: 768px) {
  .hero-consulting-3 .image {
    width: 70%;
    margin-right: -10%;
  }
}
@media only screen and (min-width: 768px) and (min-width: 992px) {
  .hero-consulting-3 .image {
    margin-right: -12%;
  }
}
.hero-consulting-3 .image img {
  width: 100%;
}
.hero-consulting-3 .container {
  padding-top: 150px;
  position: relative;
  z-index: 5;
  max-width: 1230px;
}
.hero-consulting-3 .container .content {
  position: relative;
}
.hero-consulting-3 .container h2 {
  text-transform: uppercase;
  color: #034638;
  letter-spacing: 2px;
  margin-bottom: 20px;
  font-size: 16px;
}
@media only screen and (min-width: 768px) {
  .hero-consulting-3 .container h2 {
    font-size: 18px;
    letter-spacing: 4px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) {
  .hero-consulting-3 .container {
    padding-top: 150px;
    padding-bottom: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media only screen and (min-width: 768px) and (min-width: 992px) {
  .hero-consulting-3 .container {
    padding-top: 200px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) {
  .hero-consulting-3 .container .wrap {
    max-width: 600px;
  }
  .hero-consulting-3 .container .content {
    width: 55%;
    padding: 40px 0 40px;
  }
}
.hero-consulting-3 p {
  font-size: 26px;
  margin-bottom: 40px;
  line-height: 1.2;
}
@media only screen and (min-width: 768px) {
  .hero-consulting-3 p {
    font-size: 32px;
    margin-bottom: 0px;
  }
}

.hero-consulting-4 {
  position: relative;
  overflow: hidden;
  background: #f7f3f0;
}
.hero-consulting-4:before {
  content: "";
  position: absolute;
  width: 300px;
  height: 191px;
  background: url(../images/circle5.png) bottom center no-repeat;
  background-size: 100%;
  left: 0;
  bottom: 0;
  height: 100%;
}
@media only screen and (min-width: 992px) {
  .hero-consulting-4:before {
    width: 609px;
    height: 387px;
  }
}
.hero-consulting-4:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  background: url(../images/sep6.png) bottom center no-repeat;
  background-size: 100%;
  left: 0;
  height: 100%;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .hero-consulting-4 {
    overflow: initial;
  }
}
.hero-consulting-4 .image {
  position: relative;
  text-align: center;
  margin-bottom: 60px;
}
@media only screen and (min-width: 768px) {
  .hero-consulting-4 .image {
    width: 70%;
    margin-right: -10%;
  }
}
@media only screen and (min-width: 768px) and (min-width: 992px) {
  .hero-consulting-4 .image {
    width: 80%;
    margin-right: -15%;
  }
}
.hero-consulting-4 .image img {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .hero-consulting-4 .image img {
    margin-left: -150px;
  }
}
.hero-consulting-4 .container {
  padding-top: 150px;
  position: relative;
  z-index: 5;
  max-width: 1230px;
}
.hero-consulting-4 .container .content {
  position: relative;
}
.hero-consulting-4 .container h2 {
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 20px;
  font-size: 16px;
}
@media only screen and (min-width: 768px) {
  .hero-consulting-4 .container h2 {
    font-size: 18px;
    letter-spacing: 4px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) {
  .hero-consulting-4 .container {
    padding-top: 150px;
    padding-bottom: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media only screen and (min-width: 768px) and (min-width: 992px) {
  .hero-consulting-4 .container {
    padding-top: 200px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) {
  .hero-consulting-4 .container .content {
    width: 55%;
    padding: 40px 0 40px;
  }
}
.hero-consulting-4 p {
  font-size: 26px;
  margin-bottom: 40px;
  line-height: 1.2;
  color: #034638;
}
@media only screen and (min-width: 768px) {
  .hero-consulting-4 p {
    font-size: 32px;
    margin-bottom: 0px;
    max-width: 500px;
  }
/* =========================================
   HERO SPEAKING (Full Page Width Alignment)
   ========================================= */

.hero-speaking {
    position: relative;
    overflow: hidden;
    /* Background Styles */
    background-color: #d9d9d6;
    background-image: url(/wp-content/uploads/2026/02/Circl_grey.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 600px;
    padding-top: 150px;
    padding-bottom: 100px;
}



/* 3. MOBILE LAYOUT (Default) */
.hero-speaking .container {
    position: relative;
    z-index: 5;
    max-width: 1230px;
}

.hero-speaking .image {
    position: relative;
    width: 100%;
    text-align: center;
    margin-bottom: 60px;
}

.hero-speaking .image img {
    width: 100%;
    height: auto;
}

/* 4. DESKTOP LAYOUT (The Right-Align Fix) */
@media only screen and (min-width: 768px) {
    
    .hero-speaking {
        display: flex;
        align-items: center;
        min-height: 700px; /* CRITICAL: Prevents background collapse */
        padding-top: 180px;
    }

    .hero-speaking .container {
        display: block; /* Let content sit naturally */
        width: 100%;
    }

    /* Restrict text to the left side */
    .hero-speaking .content {
        width: 50%;
        position: relative;
        z-index: 10;
        padding-right: 40px;
    }

    /* THE MAGIC: Break image out of container to the far right */
    .hero-speaking .image {
        position: absolute;  /* Ignore container width */
        top: 50%;
        right: 0;            /* Touch the browser edge */
        transform: translateY(-50%); /* Center vertically */
        width: 50%;          /* Adjust image size */
        margin: 0;
        z-index: 1;          /* Sit behind text if they overlap */
        text-align: right;   /* Ensure image stays right inside its box */
    }
    
    /* Make image larger as requested (1.5x feel) */
    .hero-speaking .image img {
        width: 100%;         /* Fill the 50% absolute box */
        max-width: 800px;    /* Optional cap so it doesn't get too huge on giant screens */
    }
}

/* 5. BACKGROUND WAVE */
.hero-speaking:after {
    content: "";
    position: absolute;
    bottom: 0; left: 0; width: 100%; height: 100%;
    background: url(/wp-content/uploads/2026/02/Wavy-Borders-01-scaled.png) bottom center no-repeat;
    background-size: 100%;
    z-index: 2;
    pointer-events: none;
}

.hero-coaching-1 {
  position: relative;
  overflow: hidden;
  background: f9f9f9;
}
.hero-coaching-1:before {
  content: "";
  position: absolute;
  width: 320px;
  height: 219px;
  background: url(/wp-content/uploads/2026/02/CircleCut2.png) bottom center no-repeat;
  background-size: 100%;
  right: 0;
  bottom: 0;
  height: 100%;
}
@media only screen and (min-width: 992px) {
  .hero-coaching-1:before {
    width: 610px;
    height: 418px;
  }
}
.hero-coaching-1:after {
  content: "";
  position: absolute;
  bottom: -1px;
  width: 100%;
  background: url() bottom center no-repeat;
  background-size: 100%;
  left: 0;
  height: 100%;
  z-index: 2;
}
.hero-coaching-1 br {
  display: none;
}
@media only screen and (min-width: 1200px) {
  .hero-coaching-1 br {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  .hero-coaching-1 {
    overflow: initial;
  }
}
.hero-coaching-1 .image {
  position: relative;
  text-align: center;
  margin-bottom: 60px;
}
@media only screen and (min-width: 768px) {
  .hero-coaching-1 .image {
    width: 70%;
    margin-right: -15%;
  }
}
@media only screen and (min-width: 768px) and (min-width: 992px) {
  .hero-coaching-1 .image {
    width: 75%;
    margin-left: -12%;
    margin-right: -10%;
  }
}
.hero-coaching-1 .image img {
  width: 100%;
}
.hero-coaching-1 .container {
  padding-top: 150px;
  position: relative;
  z-index: 5;
  max-width: 1230px;
}
.hero-coaching-1 .container .content {
  position: relative;
}
.hero-coaching-1 .container h1 {
  text-transform: uppercase;
  color: #00664f;
  letter-spacing: 2px;
  margin-bottom: 20px;
  font-size: 16px;
}
@media only screen and (min-width: 768px) {
  .hero-coaching-1 .container h1 {
    font-size: 18px;
    letter-spacing: 4px;
    margin-bottom: 30px;
  }
}
.hero-coaching-1 .container h2 {
  font-size: 26px;
  margin-bottom: 30px;
  line-height: 1.2;
  color: #034638;
}
@media only screen and (min-width: 768px) {
  .hero-coaching-1 .container h2 {
    font-size: 32px;
    max-width: 450px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) {
  .hero-coaching-1 .container h2 {
    font-size: 38px;
  }
}
@media only screen and (min-width: 768px) {
  .hero-coaching-1 .container {
    padding-top: 150px;
    padding-bottom: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media only screen and (min-width: 768px) and (min-width: 992px) {
  .hero-coaching-1 .container {
    padding-top: 200px;
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) {
  .hero-coaching-1 .container .content {
    width: 40%;
    padding: 40px 0 40px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 992px) {
  .hero-coaching-1 .container .content {
    font-size: 25px;
  }
  .hero-coaching-1 .container .content p {
    max-width: 300px;
    line-height: 1.3;
    padding-bottom: 110px;
  }
}

/* hero-contact
========================================= */
.hero-contact {
  position: relative;
  overflow: hidden;
  background: #d9d9d6;
}
.hero-contact:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  background: url(../images/sep13.png) bottom center no-repeat;
  background-size: 100%;
  left: 0;
  height: 100%;
  z-index: 2;
}
.hero-contact .image {
  position: relative;
  text-align: center;
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) {
  .hero-contact .image {
    width: 70%;
    margin-right: -10%;
    margin-bottom: 120px;
    align-self: flex-end;
  }
}
@media only screen and (min-width: 768px) and (min-width: 992px) {
  .hero-contact .image {
    margin-right: 0;
    margin-bottom: 150px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1200px) {
  .hero-contact .image {
    width: 70%;
    margin-bottom: 145px;
    margin-right: -15%;
    margin-bottom: 80px;
  }
}
.hero-contact .image img {
  width: 100%;
}
.hero-contact .container {
  padding-top: 150px;
  position: relative;
  max-width: 1230px;
}
.hero-contact .container:after {
  content: "";
  position: absolute;
  bottom: -50px;
  width: 260px;
  height: 149px;
  background: url(../images/shape2.svg) center no-repeat;
  background-size: 100%;
  right: -50px;
}
@media only screen and (min-width: 768px) {
  .hero-contact .container:after {
    width: 400px;
    height: 230px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero-contact .container:after {
    width: 558px;
    height: 320px;
  }
}
.hero-contact .container .content {
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .hero-contact .container {
    padding-top: 150px;
    padding-bottom: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media only screen and (min-width: 768px) and (min-width: 992px) {
  .hero-contact .container {
    padding-top: 200px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) {
  .hero-contact .container .content {
    width: 55%;
    padding: 40px 0 40px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 992px) {
  .hero-contact .container .content {
    padding-bottom: 120px;
    max-width: 530px;
  }
  .hero-contact .container .content p {
    max-width: 420px;
    font-size: 22px;
  }
}
.hero-contact h2 {
  font-size: 26px;
  margin-bottom: 30px;
  line-height: 1.2;
  color: #034638;
}
@media only screen and (min-width: 768px) {
  .hero-contact h2 {
    font-size: 30px;
    margin-bottom: 40px;
  }
}
.hero-contact .links {
  margin-bottom: 60px;
  margin-top: 30px;
}
@media only screen and (min-width: 992px) {
  .hero-contact .links {
    margin-bottom: 0;
    margin-top: 60px;
  }
}

.section {
  padding: 60px 0;
}
@media only screen and (min-width: 992px) {
  .section {
    padding: 100px 0;
  }
}
.section .mt-40 {
  margin-top: 40px;
}
.section.section-1 {
  position: relative;
  z-index: 2;
  overflow: hidden;
  background: #d9d9d6;
}
.section.section-1.alt {
  background: #003b49;
  color: #f0f0ef;
}
@media only screen and (min-width: 992px) {
  .section.section-1 {
    padding-top: 70px;
  }
}
.section.section-1 .container {
  z-index: 2;
  position: relative;
}
.section.section-1 .container .content {
  padding: 0px;
  font-size: 26px;
  line-height: 1.3;
}
@media only screen and (min-width: 992px) {
  .section.section-1 .container .content {
    padding: 0 50px;
    font-size: 35px;
  }
}
.section.section-1 .twoColumns {
  position: relative;
}
@media only screen and (min-width: 992px) {
  .section.section-1 .twoColumns {
    display: flex;
    justify-content: space-between;
    font-size: 32px;
  }
  .section.section-1 .twoColumns p {
    margin-bottom: 0;
  }
}
.section.section-1 .twoColumns .column {
  position: relative;
}
.section.section-1 .twoColumns .column:first-child p {
  max-width: 380px;
}
@media only screen and (min-width: 992px) {
  .section.section-1 .twoColumns .column {
    width: 60%;
  }
  .section.section-1 .twoColumns .column:first-child {
    width: 40%;
    border-right: 1px solid #034638;
  }
  .section.section-1 .twoColumns .column:last-child {
    padding-left: 40px;
  }
}
.section.section-1.alt2 {
  background: #003b49;
  color: #f0f0ef;
}
@media only screen and (min-width: 992px) {
  .section.section-1.alt2 .twoColumns .column:first-child {
    border-right-color: #f0f0ef;
  }
}
.section.section-1.alt3 {
  background: #003b49;
  color: #f0f0ef;
}
@media only screen and (min-width: 992px) {
  .section.section-1.alt3 .twoColumns .column:first-child {
    border-right-color: #f0f0ef;
  }
}
.section.section-2 {
  background: #f9f9f9;
  position: relative;
  overflow: hidden;
}
.section.section-2 .container {
  z-index: 2;
  position: relative;
}
.section.section-2 h2 {
  color: #003b49;
  margin-bottom: 20px;
  font-size: 26px;
}
@media only screen and (min-width: 992px) {
  .section.section-2 h2 {
    font-size: 35px;
    margin-bottom: 30px;
  }
}
.section.section-2 .image {
  width: 150%;
  margin-left: -20px;
  margin-bottom: 60px;
}
.section.section-2 .image img, .section.section-2 .image svg {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .section.section-2 .image {
    margin-left: -125px;
    width: calc(100% + 125px);
    margin-top: -136px;
    margin-bottom: 150px;
  }
}
.section.section-2 .twoColumns {
  position: relative;
  margin-bottom: 40px;
}
@media only screen and (min-width: 992px) {
  .section.section-2 .twoColumns {
    display: flex;
    justify-content: space-between;
    font-size: 22px;
    margin-bottom: 0;
  }
}
.section.section-2 .twoColumns .column {
  position: relative;
}
@media only screen and (min-width: 992px) {
  .section.section-2 .twoColumns .column {
    width: 47%;
  }
  .section.section-2 .twoColumns .column:first-child {
    width: 49%;
  }
  .section.section-2 .twoColumns .column:last-child {
    padding-left: 40px;
  }
}
.section.section-2 .offering {
  border-top: 1px solid #034638;
  margin-bottom: 40px;
}
@media only screen and (min-width: 992px) {
  .section.section-2 .offering {
    margin-bottom: 80px;
  }
}
.section.section-2 .offering .item {
  border-bottom: 1px solid #034638;
  padding: 30px 0;
}
.section.section-2 .offering .item p {
  max-width: 580px;
}
.section.section-2 .offering .item p br {
  display: none;
}
@media only screen and (min-width: 1200px) {
  .section.section-2 .offering .item p br {
    display: block;
  }
}
.section.section-2 .offering .item p:last-child {
  margin-bottom: 0;
}
.section.section-2 .offering .item h3 {
  font-size: 0;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) {
  .section.section-2 .offering .item h3 {
    max-width: 245px;
    margin-bottom: 0;
  }
}
.section.section-2 .offering .item h3 img {
  width: 100%;
  max-width: 180px;
}
@media only screen and (min-width: 992px) {
  .section.section-2 .offering .item h3 img {
    max-width: 245px;
    margin-bottom: 0;
  }
}
.section.section-2 .offering .item:nth-child(2) .btn-primary {
  background-color: #009cbd;
  border-color: #009cbd;
}
.section.section-2 .offering .item:nth-child(2) .btn-primary:hover {
  color: #003b49;
  background: transparent;
}
.section.section-2 .offering .item:nth-child(3) .btn-primary {
  background-color: #00664f;
  border-color: #00664f;
}
.section.section-2 .offering .item:nth-child(3) .btn-primary:hover {
  color: #003b49;
  background: transparent;
}
.section.section-2 .offering .item .link {
  margin-top: 30px;
}
@media only screen and (min-width: 992px) {
  .section.section-2 .offering .item .link {
    margin-top: 0;
  }
}
@media only screen and (min-width: 992px) {
  .section.section-2 .offering .item {
    padding: 52px 0;
    display: flex;
  }
  .section.section-2 .offering .item .column {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .section.section-2 .offering .item .column:first-child {
    border-right: 1px solid #034638;
    padding-right: 30px;
    width: 320px;
  }
  .section.section-2 .offering .item .column:nth-child(2) {
    padding-right: 30px;
    padding-left: 50px;
    width: calc(100% - 390px);
  }
  .section.section-2 .offering .item .column:nth-child(3) {
    width: 150px;
  }
}

/* --- THE BULLETPROOF PETAL FIX --- */

.section.section-3 .image {
    position: relative !important; /* Required for the petals to attach to this box */
    display: inline-block;        /* Ensures the box wraps tightly around the photo */
    overflow: visible !important; /* Allows the petals to stick out the sides/bottom */
}

.section.section-3 .image:before {
    content: "" !important;
    position: absolute !important;
    display: block !important;
    
    /* 1. Sizing - Make sure this box actually exists */
    width: 300px !important;
    height: 180px !important;
    
    /* 2. Positioning - Place it relative to the about photo */
    /* Sit it at the bottom left of the photo */
    bottom: -30px !important; 
    left: -60px !important;
    
    /* 3. The Image - Use the full URL if possible for testing */
    background-image: url("/wp-content/uploads/2026/02/3Petals-2.svg") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    
    /* 4. Layering - Put it in front of the wave but behind the photo if desired */
    z-index: 99 !important; 
    visibility: visible !important;
    opacity: 1 !important;
}

/* Desktop Adjustment */
@media (min-width: 992px) {
    .section.section-3 .image:before {
        width: 525px !important;
        height: 310px !important;
        left: -120px !important;
        bottom: -60px !important;
    }
}

.section.section-3 {
    min-height: 400px !important;
    background-color: #d9d9d6 !important;
    background-image: url("/wp-content/uploads/2026/02/Wavy-Borders-02-scaled.png") !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
}


@media only screen and (min-width: 992px) {
  .section.section-3 {
    padding-bottom: 100px;
    padding-top: 40px;
  }
}
.section.section-3 .container {
  z-index: 2;
  position: relative;
}
.section.section-3 .image {
  text-align: center;
  max-width: 70%;
  margin: 0 auto 80px;
  position: relative;
}
.section.section-3 .image:before {
  width: 300px;
  height: 172px;
  position: absolute;
  content: "";
  background: url("../images/shape2.svg") top center no-repeat;
  background-size: 100%;
  bottom: -40px;
  left: -140px;
}
@media only screen and (min-width: 992px) {
  .section.section-3 .image:before {
    width: 525px;
    height: 301px;
    left: -230px;
    bottom: -203px;
  }
}
.section.section-3 .image img {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .section.section-3 .image {
    max-width: 493px;
    margin-bottom: 0;
  }
}
.section.section-3 .link {
  margin-top: 30px;
}
@media only screen and (min-width: 992px) {
  .section.section-3 .link {
    margin-top: 40px;
  }
}
.section.section-3 .twoColumns {
  position: relative;
  transform: translateY(-50px);
}
@media only screen and (min-width: 992px) {
  .section.section-3 .twoColumns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    transform: translateY(0px);
    align-items: flex-start;
  }
}
.section.section-3 .twoColumns h2 {
  color: #003b49;
  margin-bottom: 20px;
  font-size: 26px;
}
@media only screen and (min-width: 992px) {
  .section.section-3 .twoColumns h2 {
    font-size: 35px;
    margin-bottom: 30px;
  }
}
.section.section-3 .twoColumns .column {
  position: relative;
}
@media only screen and (min-width: 992px) {
  .section.section-3 .twoColumns .column {
    width: 54%;
  }
  .section.section-3 .twoColumns .column:first-child {
    width: 44%;
    padding-top: 170px;
  }
  .section.section-3 .twoColumns .column:last-child {
    padding-left: 40px;
    padding-top: 60px;
  }
}
.section.section-4 {
  position: relative;
  z-index: 2;
  overflow: hidden;
  background: #d9d9d6;
}
.section.section-4 h2 {
  color: #003b49;
  margin-bottom: 20px;
  font-size: 26px;
}
@media only screen and (min-width: 992px) {
  .section.section-4 h2 {
    font-size: 35px;
    margin-bottom: 30px;
  }
}
.section.section-4 .twoColumns {
  position: relative;
}
@media only screen and (min-width: 992px) {
  .section.section-4 .twoColumns {
    display: flex;
    justify-content: space-between;
  }
}
.section.section-4 .twoColumns .column {
  position: relative;
}
.section.section-4 .twoColumns .column:first-child p {
  max-width: 380px;
}
@media only screen and (min-width: 992px) {
  .section.section-4 .twoColumns .column:first-child {
    width: 350px;
    padding-right: 40px;
  }
  .section.section-4 .twoColumns .column:last-child {
    width: calc(100% - 350px);
    font-size: 22px;
  }
}
/* Remove the side images and background from the Expertise heading */
.section.section-5 .heading h2 {
    background: transparent !important;
    padding: 0 !important;
    margin-left: 0 !important;
}

/* Hide the background images (the left and right end-caps) */
.section.section-5 .heading h2:before, 
.section.section-5 .heading h2:after {
    display: none !important;
    content: none !important;
}
/* This removes the decorative end-caps for the FAQ heading */
.section.section-faq .heading h2:before, 
.section.section-faq .heading h2:after {
    display: none !important;
    content: none !important;
    background: none !important;
}

/* Optional: This ensures the main background color is also gone */
.section.section-faq .heading h2 {
    background: transparent !important;
}

/* Remove the horizontal line that was sitting behind the text */
.section.section-5 .heading:before {
    display: none !important;
}

/* Reset text color so it is visible on the light background */
.section.section-5 .heading h2 span {
    color: #034638 !important; /* Brand green */
    padding: 0;
}
.section.section-5 {
  position: relative;
  z-index: 2;
  background: #fcfbf9 url(/wp-content/uploads/2026/02/Wavy-Borders-01-scaled.png) bottom center no-repeat;
  background-size: 100%;
  overflow: hidden;
}
.section.section-5:before {
  content: "";
  width: 100%;
  height: 100%;
  bottom: -1px;
  left: 0;
  background: url(/wp-content/uploads/2026/02/Wavy-Borders-01-scaled.png) bottom center no-repeat;
  background-size: 100%;
  position: absolute;
  z-index: 3;
}
.section.section-5:after {
  content: "";
  width: 320px;
  height: 184px;
  bottom: -10px;
  right: 0;
  background: url(/wp-content/uploads/2026/02/3Petals-2.svg) right bottom no-repeat;
  background-size: 50%;
  position: absolute;
  z-index: 1;
  animation: float 5s ease-in-out infinite;
}
@media only screen and (min-width: 992px) {
  .section.section-5:after {
    width: 837px;
    height: 483px;
  }
}
.section.section-5 .links {
  margin-top: 30px;
}
.section.section-5 .heading {
  position: relative;
}
.section.section-5 .heading h2 {
  color: #003b49;
  margin-bottom: 20px;
  font-size: 26px;
  padding: 10px 0px;
  color: #fff;
  background: #034638;
  display: inline-block;
  margin-bottom: 0 !important;
  position: relative;
  margin-left: 20px;
  z-index: 1;
}
@media only screen and (min-width: 992px) {
  .section.section-5 .heading h2 {
    font-size: 35px;
    margin-bottom: 30px;
  }
}
.section.section-5 .heading h2 span {
  position: relative;
  z-index: 2;
}
.section.section-5 .heading h2:before {
  content: "";
  width: 100%;
  height: 100%;
  left: -15px;
  background: url(../images/left.png) left center no-repeat;
  background-size: auto 100%;
  position: absolute;
  top: 0;
}
@media only screen and (min-width: 992px) {
  .section.section-5 .heading h2:before {
    left: -20px;
  }
}
.section.section-5 .heading h2:after {
  content: "";
  width: 100%;
  height: 100%;
  right: -15px;
  background: url(../images/right.png) right center no-repeat;
  background-size: auto 100%;
  position: absolute;
  top: 0;
}
@media only screen and (min-width: 992px) {
  .section.section-5 .heading h2:after {
    right: -20px;
  }
}
.section.section-5 .heading:before {
  content: "";
  width: calc(100% - 150px);
  height: 1px;
  position: absolute;
  bottom: 0px;
  background: #034638;
  right: 0;
  z-index: -1;
}
.section.section-5 h3 {
  color: #003b49;
  margin-bottom: 20px;
  font-size: 26px;
  color: #034638;
}
@media only screen and (min-width: 992px) {
  .section.section-5 h3 {
    font-size: 35px;
    margin-bottom: 30px;
  }
}
.section.section-5 .container {
  position: relative;
  z-index: 3;
}
.section.section-5 .block {
  padding-top: 30px;
  position: relative;
  margin-bottom: 80px;
}
@media only screen and (min-width: 992px) {
  .section.section-5 .block {
    display: flex;
    flex-wrap: wrap;
    padding-top: 78px;
    margin-bottom: 150px;
  }
}
.section.section-5 .block .column {
  position: relative;
  margin-bottom: 30px;
  border-bottom: 1px solid #034638;
  padding-bottom: 30px;
}
.section.section-5 .block .column p {
  margin-bottom: 0;
}
.section.section-5 .block .column p br {
  display: none;
}
@media only screen and (min-width: 1200px) {
  .section.section-5 .block .column p br {
    display: block;
  }
}
@media only screen and (min-width: 992px) {
  .section.section-5 .block .column {
    width: 50%;
    border-bottom: 0;
    margin-bottom: 160px;
    padding-bottom: 0;
  }
  .section.section-5 .block .column:nth-child(2n+1) {
    position: relative;
    padding-right: 100px;
  }
  .section.section-5 .block .column:nth-child(2n+1):before {
    content: "";
    width: 1px;
    height: 100%;
    top: 0;
    right: 50px;
    background: #034638;
    position: absolute;
  }
  .section.section-5 .block .column:nth-child(2n+1):after {
    content: "";
    width: 200%;
    height: 1px;
    bottom: -78px;
    left: 0;
    background: #034638;
    position: absolute;
  }
  .section.section-5 .block .column:nth-last-child(2):after, .section.section-5 .block .column:last-child:after {
    display: none;
  }
  .section.section-5 .block .column:nth-last-child(1):nth-child(odd) {
    width: 70%;
    padding-right: 0;
  }
  .section.section-5 .block .column:nth-last-child(1):nth-child(odd):before {
    display: none;
  }
}
.section.section-6 {
  position: relative;
  z-index: 2;
  background: #003b49;
  color: #f0f0ef;
}
.section.section-6 .container {
  z-index: 2;
  position: relative;
}
.section.section-6 .image {
  text-align: center;
  max-width: 70%;
  margin: 0 auto 40px;
  position: relative;
}
.section.section-6 .image img {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .section.section-6 .image {
    max-width: 430px;
    margin-bottom: 80px;
    margin-left: 0;
    margin-right: 0;
  }
}
.section.section-6 .twoColumns {
  position: relative;
}
@media only screen and (min-width: 992px) {
  .section.section-6 .twoColumns {
    display: flex;
    justify-content: space-between;
  }
}
.section.section-6 .twoColumns h2 {
  color: #003b49;
  margin-bottom: 20px;
  font-size: 26px;
  color: #fff;
}
@media only screen and (min-width: 992px) {
  .section.section-6 .twoColumns h2 {
    font-size: 35px;
    margin-bottom: 30px;
  }
}
.section.section-6 .twoColumns .quote {
  padding: 30px 0;
  border-top: 1px solid #034638;
  border-bottom: 1px solid #034638;
  font-size: 22px;
  margin-bottom: 40px;
}
.section.section-6 .twoColumns .quote p {
  margin-bottom: 0;
  color: #fff;
}
@media only screen and (min-width: 992px) {
  .section.section-6 .twoColumns .quote {
    font-size: 30px;
    padding: 40px 0;
    max-width: 430px;
    margin-bottom: 0;
  }
}
.section.section-6 .twoColumns .column {
  position: relative;
}
@media only screen and (min-width: 992px) {
  .section.section-6 .twoColumns .column {
    width: 56%;
  }
  .section.section-6 .twoColumns .column:first-child {
    width: 44%;
  }
  .section.section-6 .twoColumns .column:last-child {
    padding-left: 40px;
  }
}
.section.section-7 {
  position: relative;
  z-index: 2;
  overflow: hidden;
  background: #cdc1ab;
}
.section.section-7 h2 {
  color: #003b49;
  margin-bottom: 20px;
  font-size: 26px;
}
@media only screen and (min-width: 992px) {
  .section.section-7 h2 {
    font-size: 35px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) {
  .section.section-7 h2 {
    font-size: 32px;
  }
}
.section.section-7 .content {
  border-left: 1px solid #034638;
  padding-left: 30px;
}
@media only screen and (min-width: 992px) {
  .section.section-7 .content {
    font-size: 22px;
    padding-left: 55px;
    max-width: 980px;
  }
}
.section.section-8 {
  position: relative;
  background: url(../images/sep6.png) bottom center no-repeat;
  background-size: 100%;
}
.section.section-8 .heading {
  position: relative;
  margin-bottom: 40px;
}
@media only screen and (min-width: 992px) {
  .section.section-8 .heading {
    margin-bottom: 80px;
  }
}
.section.section-8 .heading h2 {
  color: #003b49;
  margin-bottom: 20px;
  font-size: 26px;
  padding: 10px 0px;
  color: #fff;
  background: #034638;
  display: inline-block;
  margin-bottom: 0 !important;
  position: relative;
  margin-left: 20px;
  margin-right: 20px;
  z-index: 1;
  font-size: 20px;
}
@media only screen and (min-width: 992px) {
  .section.section-8 .heading h2 {
    font-size: 35px;
    margin-bottom: 30px;
  }
}
.section.section-8 .heading h2 span {
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 992px) {
  .section.section-8 .heading h2 {
    font-size: 24px;
  }
}
.section.section-8 .heading h2:before {
  content: "";
  width: 100%;
  height: 100%;
  left: -20px;
  background: url(../images/left.png) left center no-repeat;
  background-size: auto 100%;
  position: absolute;
  top: 0;
}
.section.section-8 .heading h2:after {
  content: "";
  width: 100%;
  height: 100%;
  right: -20px;
  background: url(../images/right.png) right center no-repeat;
  background-size: auto 100%;
  position: absolute;
  top: 0;
}
@media only screen and (min-width: 992px) {
  .section.section-8 .heading:before {
    content: "";
    width: calc(100% - 150px);
    height: 1px;
    position: absolute;
    bottom: 0px;
    background: #034638;
    right: 0;
    z-index: -1;
  }
}
.section.section-8 .block {
  position: relative;
}
@media only screen and (min-width: 992px) {
  .section.section-8 .block {
    display: flex;
    flex-wrap: wrap;
  }
}
.section.section-8 .block h3 {
  color: #003b49;
  margin-bottom: 20px;
  font-size: 26px;
  color: #034638;
}
@media only screen and (min-width: 992px) {
  .section.section-8 .block h3 {
    font-size: 35px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) {
  .section.section-8 .block h3 {
    font-size: 32px;
  }
}
.section.section-8 .block .image {
  width: 100%;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .section.section-8 .block .image {
    margin-bottom: 40px;
  }
}
.section.section-8 .block .image img {
  width: 100%;
  max-width: 420px;
}
.section.section-8 .block .column {
  position: relative;
  margin-bottom: 50px;
  text-align: center;
}
.section.section-8 .block .column p {
  margin-bottom: 0;
}
.section.section-8 .block .column p br {
  display: none;
}
@media only screen and (min-width: 1200px) {
  .section.section-8 .block .column p br {
    display: block;
  }
}
@media only screen and (min-width: 992px) {
  .section.section-8 .block .column {
    width: 33.33%;
    margin-bottom: 60px;
  }
  .section.section-8 .block .column .body {
    padding: 0 20px;
  }
}
.section.section-values {
  background: #00664f;
  color: #fff;
  text-align: center;
}
.section.section-values h2 {
  color: #003b49;
  margin-bottom: 20px;
  font-size: 26px;
  color: #fff;
}
@media only screen and (min-width: 992px) {
  .section.section-values h2 {
    font-size: 35px;
    margin-bottom: 30px;
  }
}
.section.section-values .block {
  position: relative;
  margin-top: 40px;
  margin-bottom: -30px;
}
@media only screen and (min-width: 992px) {
  .section.section-values .block {
    display: flex;
    flex-wrap: wrap;
    margin-top: 80px;
  }
}
.section.section-values .block h3 {
  margin-bottom: 25px;
  font-size: 28px;
  color: #fff;
  margin-bottom: 10px;
}
@media only screen and (min-width: 992px) {
  .section.section-values .block h3 {
    font-size: 38px;
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 992px) {
  .section.section-values .block h3 {
    font-size: 32px;
    margin-bottom: 20px;
  }
}
.section.section-values .block .image {
  width: 100%;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .section.section-values .block .image {
    margin-bottom: 40px;
  }
}
.section.section-values .block .image img {
  width: 100%;
  max-width: 420px;
}
.section.section-values .block .column {
  position: relative;
  margin-bottom: 30px;
}
.section.section-values .block .column p {
  margin-bottom: 0;
}
.section.section-values .block .column p br {
  display: none;
}
@media only screen and (min-width: 1200px) {
  .section.section-values .block .column p br {
    display: block;
  }
}
@media only screen and (min-width: 992px) {
  .section.section-values .block .column {
    width: 33.33%;
  }
  .section.section-values .block .column .body {
    padding: 0 20px;
    font-size: 20px;
  }
}
.section.section-9 {
  background: #003b49;
  color: #f0f0ef;
}
.section.section-9 .quote {
  margin-bottom: 0;
  margin-top: 20px;
  font-size: 18px;
  color: #d9d9d6;
}
@media only screen and (min-width: 992px) {
  .section.section-9 .quote {
    margin-top: 30px;
  }
}
.section.section-9 .content {
  display: flex;
}
.section.section-9 .content .icon {
  width: 80px;
  padding-right: 20px;
}
@media only screen and (min-width: 768px) {
  .section.section-9 .content .icon {
    width: 205px;
    padding-right: 50px;
  }
}
.section.section-9 .content .wrap {
  width: calc(100% - 100px);
}
.section.section-9 .content .wrap.wrap-lg {
  color: #d9d9d6;
}
@media only screen and (min-width: 768px) {
  .section.section-9 .content .wrap {
    width: calc(100% - 205px);
  }
  .section.section-9 .content .wrap.wrap-lg {
    font-size: 28px;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 992px) {
  .section.section-9 {
    font-size: 22px;
  }
}
.section.section-9.alt {
  background: #00664f;
  color: #fff;
}
.section.section-9.alt .wrap.wrap-lg {
  color: #fff;
}
.section.section-9.alt .quote {
  color: #fff;
}
.section.section-9.alt2 {
  background: #e3ddd1;
  color: #003b49;
}
.section.section-9.alt2 .quote {
  color: #003b49;
}
.section.section-9.alt3 {
  background: #003b49;
  color: #fff;
}
.section.section-9.alt3 .quote {
  color: #003b49;
}
.section.section-9.alt4 {
  background: #fff;
  color: #003b49;
}
.section.section-9.alt4 .quote {
  color: #003b49;
}
.section.section-9.alt4 .slick-dots li button {
  background: #003b49;
}
.section.section-9.alt5 {
  background: #034638;
}
.section.section-9.alt5 .quote {
  color: #fff;
}
.section.section-10 {
  position: relative;
  z-index: 2;
  overflow: hidden;
  background: #d9d9d6;
}
.section.section-10 .container {
  z-index: 2;
  position: relative;
}
.section.section-10 .text {
  font-size: 18px;
}
@media only screen and (min-width: 992px) {
  .section.section-10 .text {
    font-size: 28px;
    max-width: 320px;
  }
}
.section.section-10 .slider {
  font-size: 24px;
  line-height: 1.3;
  padding: 20px 0;
  border-top: 1px solid #034638;
  border-bottom: 1px solid #034638;
  margin-bottom: 20px;
}
.section.section-10 .slider p {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
  .section.section-10 .slider {
    font-size: 35px;
    padding: 40px 0;
    margin-bottom: 40px;
  }
}
.section.section-10 .twoColumns {
  position: relative;
}
@media only screen and (min-width: 992px) {
  .section.section-10 .twoColumns {
    display: flex;
    justify-content: space-between;
    font-size: 22px;
    flex-wrap: wrap;
  }
  .section.section-10 .twoColumns .column-full {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .section.section-10 .twoColumns .column {
    width: 46%;
  }
}
.section.section-11 {
  position: relative;
  z-index: 2;
  overflow: hidden;
  background: #fcfbf9 url(../images/sep7.png) bottom center no-repeat;
  background-size: 150%;
  padding-bottom: 120px;
}
@media only screen and (min-width: 992px) {
  .section.section-11 {
    background-size: 100%;
    padding-bottom: 200px;
  }
}
.section.section-11 h2 {
  color: #034638;
  margin-bottom: 20px;
  font-size: 30px;
}
@media only screen and (min-width: 992px) {
  .section.section-11 h2 {
    font-size: 45px;
    margin-bottom: 30px;
  }
}
.section.section-11 h3 {
  margin-bottom: 20px;
  font-size: 20px;
}
@media only screen and (min-width: 992px) {
  .section.section-11 h3 {
    font-size: 24px;
    margin-bottom: 30px;
  }
}
.section.section-11 .twoColumns .image {
  margin-top: 20px;
  margin-bottom: 40px;
}
.section.section-11 .twoColumns .image img {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .section.section-11 .twoColumns .image {
    margin-left: -60px;
    margin-top: 60px;
    margin-bottom: 0;
  }
}
.section.section-11 .twoColumns .block {
  margin-bottom: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #034638;
}
.section.section-11 .twoColumns .block:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom-width: 0;
}
.section.section-11 .twoColumns .block ol {
  border-top: 1px solid #034638;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: my-awesome-counter;
}
.section.section-11 .twoColumns .block ol li {
  padding: 20px 0;
  border-bottom: 1px solid #034638;
  counter-increment: my-awesome-counter;
  display: flex;
  align-items: center;
}
.section.section-11 .twoColumns .block ol li:before {
  content: counter(my-awesome-counter) ".";
  color: #034638;
  font-size: 30px;
  width: 50px;
}
@media only screen and (min-width: 992px) {
  .section.section-11 .twoColumns .block ol li:before {
    width: 70px;
  }
}
.section.section-11 .twoColumns .block ol li div {
  width: calc(100% - 50px);
}
@media only screen and (min-width: 992px) {
  .section.section-11 .twoColumns .block ol li div {
    width: calc(100% - 70px);
  }
}
@media only screen and (min-width: 992px) {
  .section.section-11 .twoColumns .block {
    margin-bottom: 120px;
    padding-bottom: 120px;
    display: flex;
  }
  .section.section-11 .twoColumns .block .column:first-child {
    width: 45%;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 992px) and (min-width: 1200px) {
  .section.section-11 .twoColumns .block .column:first-child {
    padding-right: 70px;
  }
}
@media only screen and (min-width: 992px) {
  .section.section-11 .twoColumns .block .column:last-child {
    width: 55%;
    border-left: 1px solid #034638;
    padding-left: 40px;
  }
}
@media only screen and (min-width: 992px) and (min-width: 1200px) {
  .section.section-11 .twoColumns .block .column:last-child {
    padding-left: 70px;
  }
}
.section.section-12 {
  position: relative;
  z-index: 2;
  overflow: hidden;
  background: #d9d9d6 url(../images/sep4.png) bottom -1px center no-repeat;
  background-size: 150%;
  padding-bottom: 120px;
}
@media only screen and (min-width: 992px) {
  .section.section-12 {
    background-size: 100%;
    padding-bottom: 200px;
  }
}
.section.section-12 .link {
  margin-top: 30px;
}
.section.section-12 .heading {
  position: relative;
}
.section.section-12 .heading h2 {
  color: #003b49;
  margin-bottom: 20px;
  font-size: 26px;
  padding: 10px 0px;
  color: #fff;
  background: #034638;
  display: inline-block;
  margin-bottom: 0 !important;
  position: relative;
  margin-left: 20px;
  z-index: 1;
}
@media only screen and (min-width: 992px) {
  .section.section-12 .heading h2 {
    font-size: 35px;
    margin-bottom: 30px;
  }
}
.section.section-12 .heading h2 span {
  position: relative;
  z-index: 2;
}
.section.section-12 .heading h2:before {
  content: "";
  width: 100%;
  height: 100%;
  left: -15px;
  background-size: auto 100%;
  position: absolute;
  top: 0;
}
@media only screen and (min-width: 992px) {
  .section.section-12 .heading h2:before {
    left: -20px;
  }
}
.section.section-12 .heading h2:after {
  content: "";
  width: 100%;
  height: 100%;
  right: -15px;
  background: url(../images/right.png) right center no-repeat;
  background-size: auto 100%;
  position: absolute;
  top: 0;
}
.section.section-12 {
    position: relative;
    z-index: 2;
    overflow: hidden;
    /* Removed URL and separator image */
    background: #d9d9d6 !important; 
    padding-bottom: 80px;
}

@media (min-width: 992px) {
    .section.section-12 { padding-bottom: 120px; }
}

/* Clean Section 12 Header */
.section.section-12 .heading h2 {
    background: transparent !important;
    padding: 0 !important;
    margin-left: 0 !important;
    border: none !important;
}

.section.section-12 .heading h2:before, 
.section.section-12 .heading h2:after,
.section.section-12 .heading:before {
    display: none !important;
    content: none !important;
}

.section.section-12 .heading h2 span {
    color: #034638 !important;
    padding: 0;
}
/* Remove the right-side background image from Section 12 heading */
.section.section-12 .heading h2:after {
    display: none !important;
    content: none !important;
}

/* Remove the left-side image and the solid background color */
.section.section-12 .heading h2:before {
    display: none !important;
    content: none !important;
}

.section.section-12 .heading h2 {
    background: transparent !important;
    padding: 0 !important;
    margin-left: 0 !important;
    border: none !important;
}

/* Remove the horizontal line spanning across the section */
.section.section-12 .heading:before {
    display: none !important;
}

/* Set the text color to black or your brand green for visibility */
.section.section-12 .heading h2 span {
    color: #034638 !important;
    padding: 0;
}
@media only screen and (min-width: 992px) {
  .section.section-12 .heading h2:after {
    right: -20px;
  }
}
.section.section-12 .heading:before {
  content: "";
  width: calc(100% - 150px);
  height: 1px;
  position: absolute;
  bottom: 0px;
  background: #034638;
  right: 0;
  z-index: 1;
}
.section.section-12 h3 {
  color: #034638;
  margin-bottom: 20px;
  font-size: 26px;
}
@media only screen and (min-width: 992px) {
  .section.section-12 h3 {
    font-size: 35px;
    margin-bottom: 30px;
  }
}
.section.section-12 .twoColumns .block {
  margin-top: 50px;
}
.section.section-12 .twoColumns .block .column {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #034638;
  position: relative;
}
.section.section-12 .twoColumns .block .column:last-child {
  border-bottom: 0;
}
.section.section-12 .twoColumns .block .column:last-child:nth-child(odd) {
  margin-bottom: 0;
  padding-bottom: 0;
}
@media only screen and (min-width: 992px) {
  .section.section-12 .twoColumns .block {
    margin-top: 100px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-content: space-between;
    overflow: hidden;
  }
  .section.section-12 .twoColumns .block .column {
    width: calc(50% - 60px);
    margin-bottom: 145px;
    padding-bottom: 0;
    border-bottom-width: 0;
  }
  .section.section-12 .twoColumns .block .column:nth-child(n+1):before {
    content: "";
    bottom: -75px;
    width: 200%;
    background: #034638;
    position: absolute;
    height: 1px;
  }
  .section.section-12 .twoColumns .block .column:nth-child(2n):after {
    content: "";
    left: -60px;
    top: 0;
    width: 1px;
    background: #034638;
    position: absolute;
    height: 100%;
  }
  .section.section-12 .twoColumns .block .column:last-child:nth-child(odd) {
    width: 100%;
  }
  .section.section-12 .twoColumns .block .column:last-child:nth-child(odd):before {
    display: none;
  }
  .section.section-12 .twoColumns .block .column:last-child:nth-child(odd) .link {
    text-align: center;
  }
}
.section.section-12 .threeColumns .block {
  margin-top: 50px;
}
.section.section-12 .threeColumns .block .column {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #034638;
  position: relative;
}
.section.section-12 .threeColumns .block .column:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom-width: 0;
}
@media only screen and (min-width: 992px) {
  .section.section-12 .threeColumns .block {
    margin-top: 100px;
    display: flex;
    flex-wrap: wrap;
    margin: 100px -20px 0;
    height: 100%;
  }
  .section.section-12 .threeColumns .block .column {
    width: 33.33%;
    margin-bottom: 80px;
    padding: 0 20px;
    border-bottom-width: 0;
    position: relative;
    padding-bottom: 80px;
  }
  .section.section-12 .threeColumns .block .column:last-child {
    margin-bottom: 80px;
    padding-bottom: 80px;
  }
  .section.section-12 .threeColumns .block .column .link {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 0 20px;
  }
}
.section.section-13 {
  position: relative;
  z-index: 2;
  overflow: hidden;
  background: #fcfbf9;
}
@media only screen and (min-width: 992px) {
  .section.section-13 {
    padding-bottom: 0;
  }
}
.section.section-13:before {
  content: "";
  position: absolute;
  width: 300px;
  height: 191px;
  background: url(/wp-content/uploads/2026/02/CircleCut2.png) bottom center no-repeat;
  background-size: 100%;
  left: 0;
  bottom: 0;
  height: 100%;
}
@media only screen and (min-width: 992px) {
  .section.section-13:before {
    width: 696px;
    height: 443px;
  }
}
.section.section-13:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  background: url(/wp-content/uploads/2026/02/Wavy-Borders-02-scaled.png) bottom center no-repeat;
  background-size: 100%;
  left: 0;
  height: 100%;
}
@media only screen and (min-width: 992px) {
  .section.section-13:after {
    z-index: 1;
  }
}
.section.section-13 .block .image {
  max-width: 300px;
  margin: 0 auto 40px;
}
@media only screen and (min-width: 992px) {
  .section.section-13 .block .image {
    margin-bottom: 0;
    max-width: 100%;
  }
}
.section.section-13 .block .image img {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .section.section-13 .block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 22px;
  }
}
.section.section-13 .block .column {
  position: relative;
}
@media only screen and (min-width: 992px) {
  .section.section-13 .block .column {
    width: 40%;
  }
  .section.section-13 .block .column:last-child {
    width: 52%;
    padding-bottom: 100px;
  }
}
.section.section-14 {
  position: relative;
  z-index: 2;
  overflow: hidden;
  background: #00664f url() bottom center no-repeat;
  background-size: 150%;
  padding-bottom: 0px;
  color: #f0f0ef;
}
@media only screen and (min-width: 992px) {
  .section.section-14 {
    background-size: 100%;
    padding-bottom: 100px;
  }
}
.section.section-14 h2 {
  margin-bottom: 20px;
  font-size: 30px;
}
@media only screen and (min-width: 992px) {
  .section.section-14 h2 {
    font-size: 45px;
    margin-bottom: 30px;
  }
}
.section.section-14 .links {
  margin-top: 30px;
}
.section.section-14 .links .btn {
  background: #fff;
  color: #00664f;
  border-color: #fff;
}
.section.section-14 .links .btn:hover {
  color: #003b49;
}
.section.section-14 .twoColumns .block:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom-width: 0;
}
@media only screen and (min-width: 992px) {
  .section.section-14 .twoColumns .block {
    display: flex;
    justify-content: space-between;
  }
  .section.section-14 .twoColumns .block .column {
    width: 46%;
  }
}
.section.section-faq {
  background: #034638;
  color: #fff;
}
.section.section-faq .heading {
  position: relative;
}
.section.section-faq .heading h2 {
  margin-bottom: 20px;
  font-size: 26px;
  padding: 10px 0px;
  
  /* This forces the removal of both colors and images */
  background: none !important; 
  background-image: none !important;

  display: inline-block;
  margin-bottom: 0 !important;
  position: relative;
  margin-left: 20px;
  margin-right: 20px;
  z-index: 1;
}
@media only screen and (min-width: 992px) {
  .section.section-faq .heading h2 {
    font-size: 35px;
    margin-bottom: 30px;
  }
}
.section.section-faq .heading h2 span {
  position: relative;
  z-index: 2;
}
.section.section-faq .heading h2:before {
  content: "";
  width: 100%;
  height: 100%;
  left: -20px;
  background: url(../images/left.png) left center no-repeat;
  background-size: auto 100%;
  position: absolute;
  top: 0;
}
.section.section-faq .heading h2:after {
  content: "";
  width: 100%;
  height: 100%;
  right: -20px;
  background: url(../images/right.png) right center no-repeat;
  background-size: auto 100%;
  position: absolute;
  top: 0;
}
.section.section-faq .heading:before {
  content: "";
  width: calc(100% - 150px);
  height: 1px;
  position: absolute;
  bottom: 0px;
  background: #034638;
  right: 0;
  z-index: 1;
}
.section.section-faq .list .item {
  padding: 20px 0;
  border-bottom: 1px solid #034638;
}
@media only screen and (min-width: 992px) {
  .section.section-faq .list .item {
    padding: 40px 0;
  }
}
.section.section-faq .list .item .answer {
  display: none;
  margin-top: 30px;
}
.section.section-faq .list .item .answer .link {
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) {
  .section.section-faq .list .item .answer .link {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 992px) {
  .section.section-faq .list .item .answer {
    margin-top: 40px;
    padding-right: 60px;
  }
}
.section.section-faq .list .item .question, .section.section-faq .list .item .answer {
  padding-bottom: 0px;
}
.section.section-faq .list .item .question {
  position: relative;
  font-size: 20px;
  padding-right: 45px;
}
.section.section-faq .list .item .question p {
  margin-bottom: 0px;
}
.section.section-faq .list .item .question:after {
  content: "+";
  position: absolute;
  right: 10px;
  color: #d9d9d6;
  font-size: 30px;
  top: -7px;
}
@media only screen and (min-width: 992px) {
  .section.section-faq .list .item .question:after {
    right: 20px;
    font-size: 62px;
    top: -23px;
  }
}
@media only screen and (min-width: 992px) {
  .section.section-faq .list .item .question {
    font-size: 27px;
  }
}
.section.section-faq .list .item .question.active:after {
  content: "-";
}
.section.section-contact {
  background: #fcfbf9;
  position: relative;
}
.section.section-contact:before {
  content: "";
  position: absolute;
  width: 300px;
  height: 178px;
  background: url(../images/circle7.png) bottom center no-repeat;
  background-size: 100%;
  right: 0;
  bottom: 0;
  height: 100%;
}
@media only screen and (min-width: 992px) {
  .section.section-contact:before {
    width: 510px;
    height: 302px;
  }
}
.section.section-contact .container {
  position: relative;
  z-index: 2;
}
.section.section-contact h2 {
  color: #003b49;
  margin-bottom: 20px;
  font-size: 26px;
  border-bottom: 1px solid #034638;
  padding-bottom: 10px;
}
@media only screen and (min-width: 992px) {
  .section.section-contact h2 {
    font-size: 35px;
    margin-bottom: 30px;
  }
}
.section.section-contact .contact-card {
  background: #00664f;
  color: #fff;
}
@media only screen and (min-width: 992px) {
  .section.section-contact .contact-card {
    max-width: 360px;
    margin-right: 0;
    margin-left: auto;
    margin-top: 50px;
  }
}
.section.section-contact .contact-card .image {
  position: relative;
}
.section.section-contact .contact-card .image:before {
  content: "";
  position: absolute;
  background-size: 100%;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
.section.section-contact .contact-card .image img {
  width: 100%;
}
.section.section-contact .contact-card .body {
  padding: 20px;
}
@media only screen and (min-width: 992px) {
  .section.section-contact .contact-card .body {
    padding: 40px;
  }
}
.section.section-contact .wrap {
  max-width: 590px;
}
.section.section-contact form {
  position: relative;
}
@media only screen and (min-width: 992px) {
  .section.section-contact form {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 85px;
  }
  .section.section-contact form .form-group {
    width: 48%;
    margin-bottom: 30px;
  }
  .section.section-contact form .form-group-full {
    width: 100%;
  }
}
.section.section-contact form .form-group {
  margin-bottom: 30px;
}
.section.section-contact form .submit .btn-secondary {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .section.section-contact form .submit .btn-secondary {
    width: auto;
  }
}
.section.section-contact .twoColumns h3 {
  font-size: 20px;
  color: #fff;
}
@media only screen and (min-width: 992px) {
  .section.section-contact .twoColumns h3 {
    font-size: 24px;
  }
}
.section.section-contact .twoColumns .social {
  margin-top: 30px;
}
.section.section-contact .twoColumns .social ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.section.section-contact .twoColumns .social ul li {
  display: inline-block;
  margin: 0 15px 0 0;
}
.section.section-contact .twoColumns .social ul li a {
  display: inline-block;
}
.section.section-contact .twoColumns .social ul li img {
  height: 34px;
}
.section.section-contact .twoColumns .social ul li a:hover {
  opacity: 0.7;
}
.section.section-contact .twoColumns .column:first-child {
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) {
  .section.section-contact .twoColumns {
    display: flex;
  }
  .section.section-contact .twoColumns .column {
    width: 60%;
  }
  .section.section-contact .twoColumns .column:first-child {
    padding-right: 60px;
    margin-bottom: 0px;
  }
  .section.section-contact .twoColumns .column:last-child {
    width: 40%;
  }
}
.section.section-media {
  background: #fcfbf9;
  position: relative;
}
.section.section-media .container {
  position: relative;
  z-index: 2;
}
.section.section-media .block a {
  display: block;
  background: #034638;
  color: #fff;
  margin-bottom: 30px;
}
.section.section-media .block a .image {
  background: #fff;
}
.section.section-media .block a .image img {
  width: 100%;
}
.section.section-media .block a:hover .image {
  opacity: 0.8;
}
.section.section-media .block a .text {
  padding: 20px;
  font-size: 16px;
  line-height: 1.3;
}
@media only screen and (min-width: 992px) {
  .section.section-media .block a .text {
    padding: 30px;
    font-size: 21px;
  }
}
.section.section-media .block a .text p {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
  .section.section-media .block {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
  }
  .section.section-media .block a {
    width: calc(33.33% - 20px);
    margin: 0 10px 30px;
  }
}
.section.section-clients {
  background: #00664f;
  color: #f0f0ef;
}
.section.section-clients h2 {
  margin-bottom: 40px;
  font-size: 24px;
  padding: 20px 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .section.section-clients h2 {
    font-size: 30px;
    margin-bottom: 0px;
  }
}
.section.section-clients .marquee .inner {
  margin: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 30px;
}
.section.section-clients .marquee .inner img {
  width: 100%;
  height: 100%;
  object-fit: contain;
	filter: brightness(0) invert(1) !important;
  opacity: 1; /* Ensures they aren't faded */
}

}
@media only screen and (min-width: 992px) {
  .section.section-clients .marquee .inner {
    margin: 0 30px;
    width: 200px;
    height: 70px;
  }
}
@media only screen and (min-width: 992px) {
  .section.section-clients .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .section.section-clients .container h2 {
    width: 350px;
  }
  .section.section-clients .container .marquee {
    width: calc(100% - 400px);
  }
}
.section.section-consulting1 {
  background: #fcfbf9;
}
.section.section-consulting1 h2 {
  margin-bottom: 25px;
  font-size: 28px;
  padding: 20px 0;
  color: #034638;
  border-top: 1px solid #034638;
  border-bottom: 1px solid #034638;
}
@media only screen and (min-width: 992px) {
  .section.section-consulting1 h2 {
    font-size: 38px;
    margin-bottom: 50px;
  }
}
.section.section-consulting1 .image {
  margin-top: 20px;
  margin-bottom: 40px;
}
.section.section-consulting1 .image img {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .section.section-consulting1 .image {
    margin-left: -60px;
    margin-top: 40px;
    margin-bottom: 0;
  }
}
.section.section-consulting1 .link {
  margin-top: 40px;
}
.section.section-consulting1 h3 {
  margin-bottom: 20px;
  font-size: 20px;
}
@media only screen and (min-width: 992px) {
  .section.section-consulting1 h3 {
    font-size: 26px;
    margin-bottom: 30px;
    line-height: 1.3;
  }
}
@media only screen and (min-width: 992px) {
  .section.section-consulting1 .block {
    display: flex;
    justify-content: space-between;
  }
  .section.section-consulting1 .block .column {
    width: 45%;
  }
}
.section.section-consulting1.alt {
  background: #ece8df;
}
.section.section-consulting1.alt2 {
  background: #e8e4d9;
  position: relative;
  overflow: hidden;
  padding-bottom: 100px;
}
.section.section-consulting1.alt2:before {
  content: "";
  position: absolute;
  bottom: -30px;
  width: 200px;
  height: 147px;
  background: url(../images/shape2.svg) center no-repeat;
  background-size: 100%;
  left: -50px;
}
@media only screen and (min-width: 768px) {
  .section.section-consulting1.alt2:before {
    width: 643px;
    height: 369px;
    bottom: -120px;
    left: -60px;
  }
}
.section.section-consulting1.alt3 {
  background: #003b49;
}
@media only screen and (min-width: 992px) {
  .section.section-consulting1.alt3 .image {
    transform: translateX(-100px);
  }
}
.section.section-consulting1.alt3 h2 {
  color: #003b49;
  border-color: #003b49;
}
.section.section-consulting1.alt4 {
  background: #00664f;
  color: #fff;
}
.section.section-consulting1.alt4 h2 {
  color: #f4e4d3;
  border-color: #f4e4d3;
}
@media only screen and (min-width: 992px) {
  .section.section-consulting1.alt4 {
    font-size: 22px;
  }
  .section.section-consulting1.alt4 .image {
    margin-top: 60px;
  }
}
.section.section-consulting2 {
  background: #c3b59b;
  color: #fff;
  position: relative;
}
.section.section-consulting2:before {
  content: "";
  position: absolute;
  width: 300px;
  height: 112px;
  background: url(../images/circle3.png) bottom center no-repeat;
  background-size: 100%;
  right: 0;
  bottom: 0;
  height: 100%;
}
@media only screen and (min-width: 992px) {
  .section.section-consulting2:before {
    width: 741px;
    height: 277px;
  }
}
.section.section-consulting2 h2 {
  margin-bottom: 25px;
  font-size: 28px;
}
@media only screen and (min-width: 992px) {
  .section.section-consulting2 h2 {
    font-size: 38px;
    margin-bottom: 50px;
  }
}
.section.section-consulting2 .link {
  margin-top: 40px;
}
.section.section-consulting2 .block .column {
  margin-bottom: 40px;
}
.section.section-consulting2 .block .column:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
  .section.section-consulting2 .block {
    display: flex;
    justify-content: space-between;
    position: relative;
    font-size: 24px;
    line-height: 1.4;
  }
  .section.section-consulting2 .block:before {
    content: "";
    left: 50%;
    top: 0;
    width: 1px;
    background: #fff;
    position: absolute;
    height: 100%;
  }
  .section.section-consulting2 .block .column {
    width: 45%;
    margin-bottom: 0;
  }
}
.section.section-consulting3 {
  position: relative;
  z-index: 2;
  overflow: hidden;
  background: #fcfbf9;
  padding-bottom: 120px;
}
.section.section-consulting3:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url(../images/sep9.png) bottom -1px center no-repeat;
  background-size: 150%;
  left: 0;
}
@media only screen and (min-width: 992px) {
  .section.section-consulting3:after {
    background-size: 100%;
  }
}
.section.section-consulting3:before {
  content: "";
  position: absolute;
  bottom: -30px;
  width: 200px;
  height: 147px;
  background: url(../images/shape2.svg) center no-repeat;
  background-size: 100%;
  left: -50px;
}
@media only screen and (min-width: 768px) {
  .section.section-consulting3:before {
    width: 643px;
    height: 369px;
    bottom: -120px;
    left: -60px;
  }
}
@media only screen and (min-width: 992px) {
  .section.section-consulting3 {
    padding-bottom: 200px;
  }
}
.section.section-consulting3 .container {
  position: relative;
  z-index: 2;
}
.section.section-consulting3 h2 {
  color: #034638;
  margin-bottom: 20px;
  font-size: 30px;
}
@media only screen and (min-width: 992px) {
  .section.section-consulting3 h2 {
    font-size: 45px;
    margin-bottom: 30px;
  }
}
.section.section-consulting3 h3 {
  margin-bottom: 20px;
  font-size: 20px;
}
@media only screen and (min-width: 992px) {
  .section.section-consulting3 h3 {
    font-size: 24px;
    margin-bottom: 30px;
  }
}
.section.section-consulting3 .twoColumns .image {
  margin-top: 20px;
}
.section.section-consulting3 .twoColumns .image img {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .section.section-consulting3 .twoColumns .image {
    margin-top: 0px;
  }
}
.section.section-consulting3 .twoColumns .block {
  margin-bottom: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #034638;
}
.section.section-consulting3 .twoColumns .block:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom-width: 0;
}
.section.section-consulting3 .twoColumns .block ul {
  border-top: 1px solid #034638;
  margin: 0;
  padding: 0;
  list-style: none;
}
.section.section-consulting3 .twoColumns .block ul li {
  padding: 15px 0;
  border-bottom: 1px solid #034638;
}
.section.section-consulting3 .twoColumns .block ul li br {
  display: none;
}
@media only screen and (min-width: 1200px) {
  .section.section-consulting3 .twoColumns .block ul li br {
    display: block;
  }
}
.section.section-consulting3 .twoColumns .block p br {
  display: none;
}
@media only screen and (min-width: 1200px) {
  .section.section-consulting3 .twoColumns .block p br {
    display: block;
  }
}
@media only screen and (min-width: 992px) {
  .section.section-consulting3 .twoColumns .block {
    margin-bottom: 120px;
    padding-bottom: 120px;
    display: flex;
  }
  .section.section-consulting3 .twoColumns .block .column {
    width: 55%;
  }
  .section.section-consulting3 .twoColumns .block .column:first-child {
    padding-right: 40px;
    width: 45%;
  }
}
@media only screen and (min-width: 992px) and (min-width: 1200px) {
  .section.section-consulting3 .twoColumns .block .column:first-child {
    padding-right: 70px;
  }
}
@media only screen and (min-width: 992px) {
  .section.section-consulting3 .twoColumns .block .column:last-child {
    border-left: 1px solid #034638;
    padding-left: 40px;
  }
}
@media only screen and (min-width: 992px) and (min-width: 1200px) {
  .section.section-consulting3 .twoColumns .block .column:last-child {
    padding-left: 70px;
  }
}
.section.section-consulting3.alt:after {
  background-image: url(../images/sep11.png);
}
.section.section-consulting3.alt:before {
  background-image: url(../images/shape2-alt.svg);
}
.section.section-consulting3.alt2 {
  background: url(../images/circle6.png) bottom left no-repeat;
  background-size: 300px;
}
@media only screen and (min-width: 992px) {
  .section.section-consulting3.alt2 {
    background-size: 667px;
  }
}
.section.section-consulting3.alt2:after {
  background-image: url(../images/sep12.png);
}
.section.section-consulting4 {
  background: #fcfbf9;
  position: relative;
}
.section.section-consulting4:after {
  content: "";
  position: absolute;
  bottom: -1px;
  width: 100%;
  background: url(../images/sep6.png) bottom center no-repeat;
  background-size: 100%;
  left: 0;
  height: 100%;
  z-index: 2;
}
.section.section-consulting4 .container {
  z-index: 3;
  position: relative;
}
.section.section-consulting4 h2 {
  color: #003b49;
  margin-bottom: 20px;
  font-size: 26px;
  font-size: 18px;
}
@media only screen and (min-width: 992px) {
  .section.section-consulting4 h2 {
    font-size: 35px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) {
  .section.section-consulting4 h2 {
    font-size: 26px;
    max-width: 820px;
  }
}
.section.section-consulting4 .block {
  border-top: 1px solid #034638;
  margin-bottom: 40px;
}
@media only screen and (min-width: 992px) {
  .section.section-consulting4 .block {
    margin-bottom: 80px;
  }
}
.section.section-consulting4 .block .item {
  border-bottom: 1px solid #034638;
  padding: 30px 0;
}
.section.section-consulting4 .block .item p:last-child {
  margin-bottom: 0;
}
.section.section-consulting4 .block .item .heading {
  position: relative;
  margin-bottom: 30px;
}
.section.section-consulting4 .block .item .heading h3 {
  color: #003b49;
  margin-bottom: 20px;
  font-size: 26px;
  padding: 10px 0px;
  color: #fff;
  background: #034638;
  display: inline-block;
  margin-bottom: 0 !important;
  position: relative;
  margin-left: 25px;
  margin-right: 25px;
  text-align: center;
  z-index: 1;
}
@media only screen and (min-width: 992px) {
  .section.section-consulting4 .block .item .heading h3 {
    font-size: 35px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) {
  .section.section-consulting4 .block .item .heading h3 {
    width: 280px;
  }
}
.section.section-consulting4 .block .item .heading h3 span {
  position: relative;
  z-index: 2;
}
.section.section-consulting4 .block .item .heading h3:before {
  content: "";
  width: 100%;
  height: 100%;
  left: -25px;
  background: url(../images/left.png) left center no-repeat;
  background-size: auto 100%;
  position: absolute;
  top: 0;
}
.section.section-consulting4 .block .item .heading h3:after {
  content: "";
  width: 100%;
  height: 100%;
  right: -25px;
  background: url(../images/right.png) right center no-repeat;
  background-size: auto 100%;
  position: absolute;
  top: 0;
}
@media only screen and (min-width: 992px) {
  .section.section-consulting4 .block .item .heading {
    margin-bottom: 0;
  }
}
.section.section-consulting4 .block .item:nth-child(2) .heading h3 {
  background: #cdc1ab;
}
.section.section-consulting4 .block .item:nth-child(2) .heading h3:before {
  background-image: url(../images/left1.png);
}
.section.section-consulting4 .block .item:nth-child(2) .heading h3:after {
  background-image: url(../images/right1.png);
}
.section.section-consulting4 .block .item:nth-child(3) .heading h3 {
  background: #003b49;
}
.section.section-consulting4 .block .item:nth-child(3) .heading h3:before {
  background-image: url(../images/left2.png);
}
.section.section-consulting4 .block .item:nth-child(3) .heading h3:after {
  background-image: url(../images/right2.png);
}
.section.section-consulting4 .block .item:nth-child(4) .heading h3 {
  background: #aea28a;
}
.section.section-consulting4 .block .item:nth-child(4) .heading h3:before {
  background-image: url(../images/left3.png);
}
.section.section-consulting4 .block .item:nth-child(4) .heading h3:after {
  background-image: url(../images/right3.png);
}
.section.section-consulting4 .block .item:nth-child(5) .heading h3 {
  background: #d8c0a4;
}
.section.section-consulting4 .block .item:nth-child(5) .heading h3:before {
  background-image: url(../images/left4.png);
}
.section.section-consulting4 .block .item:nth-child(5) .heading h3:after {
  background-image: url(../images/right4.png);
}
@media only screen and (min-width: 992px) {
  .section.section-consulting4 .block .item {
    padding: 52px 0;
    display: flex;
  }
  .section.section-consulting4 .block .item .column {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .section.section-consulting4 .block .item .column:first-child {
    border-right: 1px solid #034638;
    padding-right: 50px;
    width: 370px;
  }
  .section.section-consulting4 .block .item .column:nth-child(2) {
    padding-left: 50px;
    width: calc(100% - 370px);
  }
}
.section.section-consulting5 {
  background: #003b49;
  color: #fff;
  position: relative;
}
.section.section-consulting5:before {
  content: "";
  position: absolute;
  width: 300px;
  height: 291px;
  background: url(../images/circle4.png) bottom center no-repeat;
  background-size: 100%;
  left: 0;
  bottom: 0;
  height: 100%;
}
@media only screen and (min-width: 992px) {
  .section.section-consulting5:before {
    width: 600px;
    height: 581px;
  }
}
.section.section-consulting5 h2 {
  margin-bottom: 25px;
  font-size: 28px;
  color: #003b49;
}
@media only screen and (min-width: 992px) {
  .section.section-consulting5 h2 {
    font-size: 38px;
    margin-bottom: 50px;
  }
}
.section.section-consulting5 .link {
  margin-top: 40px;
}
.section.section-consulting5 .container {
  position: relative;
  z-index: 2;
}
.section.section-consulting5 .block .column {
  margin-bottom: 40px;
}
.section.section-consulting5 .block .column:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
  .section.section-consulting5 .block .column:first-child p {
    max-width: 340px;
  }
}
@media only screen and (min-width: 992px) {
  .section.section-consulting5 .block {
    display: flex;
    justify-content: space-between;
    position: relative;
    font-size: 24px;
  }
  .section.section-consulting5 .block:before {
    content: "";
    left: 37.5%;
    top: 0;
    width: 1px;
    background: #034638;
    position: absolute;
    height: 100%;
  }
  .section.section-consulting5 .block .column {
    width: 55%;
    margin-bottom: 0;
  }
  .section.section-consulting5 .block .column:first-child {
    width: 30%;
  }
}
.section.section-consulting6 {
  background: #00664f;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.section.section-consulting6:before {
  content: "";
  position: absolute;
  width: 300px;
  height: 146px;
  background: url(../images/circle9.png) bottom center no-repeat;
  background-size: 100%;
  left: 0;
  bottom: 0;
  height: 100%;
}
@media only screen and (min-width: 992px) {
  .section.section-consulting6:before {
    width: 630px;
    height: 307px;
  }
}
.section.section-consulting6 .container {
  position: relative;
  z-index: 2;
}
.section.section-consulting6 h2 {
  margin-bottom: 25px;
  font-size: 28px;
  padding: 20px 0;
  color: #f4e4d3;
  border-top: 1px solid #f4e4d3;
  border-bottom: 1px solid #f4e4d3;
}
@media only screen and (min-width: 992px) {
  .section.section-consulting6 h2 {
    font-size: 38px;
    margin-bottom: 50px;
  }
}
.section.section-consulting6 p:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
  .section.section-consulting6 .block {
    display: flex;
    justify-content: space-between;
    font-size: 24px;
  }
  .section.section-consulting6 .block .column {
    width: 40%;
  }
  .section.section-consulting6 .block .column:last-child {
    width: 50%;
  }
}
.section.section-speaking {
  position: relative;
  z-index: 2;
  overflow: hidden;
  background: #fff;
}
.section.section-speaking .container {
  position: relative;
  z-index: 2;
}
.section.section-speaking h2 {
  margin-bottom: 25px;
  font-size: 28px;
  padding: 20px 0;
  color: #034638;
  border-top: 1px solid #034638;
  border-bottom: 1px solid #034638;
}
@media only screen and (min-width: 992px) {
  .section.section-speaking h2 {
    font-size: 38px;
    margin-bottom: 50px;
  }
}
.section.section-speaking h3 {
  margin-bottom: 20px;
  font-size: 20px;
}
@media only screen and (min-width: 992px) {
  .section.section-speaking h3 {
    font-size: 24px;
    margin-bottom: 30px;
  }
}
.section.section-speaking .link {
  margin-top: 40px;
}
.section.section-speaking .twoColumns .image {
  margin-top: 20px;
  margin-bottom: 20px;
}
.section.section-speaking .twoColumns .image img {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .section.section-speaking .twoColumns .image {
    margin-top: 60px;
    margin-bottom: 0px;
  }
}
.section.section-speaking .twoColumns .block {
  margin-bottom: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #034638;
}
.section.section-speaking .twoColumns .block:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom-width: 0;
}
.section.section-speaking .twoColumns .block ul {
  border-top: 1px solid #034638;
  margin: 0;
  padding: 0;
  list-style: none;
}
.section.section-speaking .twoColumns .block ul li {
  padding: 20px 0;
  border-bottom: 1px solid #034638;
}
@media only screen and (min-width: 992px) {
  .section.section-speaking .twoColumns .block {
    margin-bottom: 120px;
    padding-bottom: 120px;
    display: flex;
  }
  .section.section-speaking .twoColumns .block .column {
    width: 50%;
  }
  .section.section-speaking .twoColumns .block .column:first-child {
    padding-right: 40px;
    display: flex;
    flex-wrap: wrap;
  }
  .section.section-speaking .twoColumns .block .column:first-child h2 {
    width: 100%;
    align-self: flex-start;
  }
  .section.section-speaking .twoColumns .block .column:first-child .image {
    width: 100%;
    height: calc(100% - 180px);
  }
}
@media only screen and (min-width: 992px) and (min-width: 1200px) {
  .section.section-speaking .twoColumns .block .column:first-child {
    padding-right: 70px;
  }
}
@media only screen and (min-width: 992px) {
  .section.section-speaking .twoColumns .block .column:last-child {
    border-left: 1px solid #034638;
    padding-left: 40px;
  }
}
@media only screen and (min-width: 992px) and (min-width: 1200px) {
  .section.section-speaking .twoColumns .block .column:last-child {
    padding-left: 70px;
  }
}

/* Remove decorative background and images from the Accordion Section heading */
.section.section-accordion .heading h2 {
    background: transparent !important;
    padding: 0 !important;
    margin-left: 0 !important;
    border: none !important;
}

/* Hide the 'left' and 'right' image end-caps */
.section.section-accordion .heading h2:before, 
.section.section-accordion .heading h2:after {
    display: none !important;
    content: none !important;
}

/* Remove the horizontal background line that sits behind the title */
.section.section-accordion .heading:before {
    display: none !important;
}

/* Ensure the text color is set to your brand green for visibility */
.section.section-accordion .heading h2 span {
    color: #034638 !important;
    padding: 0;
}
.section.section-accordion {
  position: relative;
  z-index: 2;
  overflow: hidden;
  background: #fcfbf9;
  padding-bottom: 120px;
}
.section.section-accordion:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url(/wp-content/uploads/2026/02/Wavy-Borders-01-scaled.png) bottom -1px center no-repeat;
  background-size: 150%;
  left: 0;
}
@media only screen and (min-width: 992px) {
  .section.section-accordion:after {
    background-size: 100%;
  }
}
.section.section-accordion:before {
  content: "";
  position: absolute;
  bottom: -30px;
  width: 200px;
  height: 147px;
  background: url(/wp-content/uploads/2026/02/3Petals-2.svg) center no-repeat;
  background-size: 100%;
  left: -50px;
}
@media only screen and (min-width: 768px) {
  .section.section-accordion:before {
    width: 643px;
    height: 369px;
    bottom: -120px;
    left: -60px;
  }
}
@media only screen and (min-width: 992px) {
  .section.section-accordion {
    padding-bottom: 300px;
  }
}
.section.section-accordion .container {
  position: relative;
  z-index: 2;
}
.section.section-accordion .heading {
  position: relative;
}
.section.section-accordion .heading h2 {
  color: #003b49;
  margin-bottom: 20px;
  font-size: 26px;
  padding: 10px 0px;
  color: #fff;
  background: #034638;
  display: inline-block;
  margin-bottom: 0 !important;
  position: relative;
  margin-left: 20px;
  margin-right: 20px;
  z-index: 1;
}
@media only screen and (min-width: 992px) {
  .section.section-accordion .heading h2 {
    font-size: 35px;
    margin-bottom: 30px;
  }
}
.section.section-accordion .heading h2 span {
  position: relative;
  z-index: 2;
}
.section.section-accordion .heading h2:before {
  content: "";
  width: 100%;
  height: 100%;
  left: -20px;
  background: url(../images/left.png) left center no-repeat;
  background-size: auto 100%;
  position: absolute;
  top: 0;
}
.section.section-accordion .heading h2:after {
  content: "";
  width: 100%;
  height: 100%;
  right: -20px;
  background: url(../images/right.png) right center no-repeat;
  background-size: auto 100%;
  position: absolute;
  top: 0;
}
.section.section-accordion .heading:before {
  content: "";
  width: calc(100% - 150px);
  height: 1px;
  position: absolute;
  bottom: 0px;
  background: #034638;
  right: 0;
  z-index: 1;
}
.section.section-accordion .list .item {
  padding: 20px 0;
  border-bottom: 1px solid #034638;
}
@media only screen and (min-width: 992px) {
  .section.section-accordion .list .item {
    padding: 40px 0;
  }
}
.section.section-accordion .list .item .answer {
  display: none;
  margin-top: 30px;
}
.section.section-accordion .list .item .answer .link {
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) {
  .section.section-accordion .list .item .answer .link {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 992px) {
  .section.section-accordion .list .item .answer {
    margin-top: 40px;
    font-size: 20px;
  }
}
.section.section-accordion .list .item .answer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.section.section-accordion .list .item .answer ul li {
  padding: 10px;
  border-top: 1px solid #034638;
}
.section.section-accordion .list .item .answer ul li:last-child {
  padding-bottom: 0;
}
@media only screen and (min-width: 992px) {
  .section.section-accordion .list .item .answer ul li {
    padding: 15px 25px;
  }
}
.section.section-accordion .list .item .question, .section.section-accordion .list .item .answer {
  padding-bottom: 0px;
}
.section.section-accordion .list .item .question {
  position: relative;
  font-size: 20px;
  padding-right: 45px;
}
.section.section-accordion .list .item .question p {
  margin-bottom: 0px;
}
.section.section-accordion .list .item .question p b, .section.section-accordion .list .item .question p strong {
  color: #034638;
}
.section.section-accordion .list .item .question:after {
  content: "+";
  position: absolute;
  right: 10px;
  color: #d9d9d6;
  font-size: 30px;
  top: -7px;
}
@media only screen and (min-width: 992px) {
  .section.section-accordion .list .item .question:after {
    right: 20px;
    font-size: 62px;
    top: -23px;
  }
}
@media only screen and (min-width: 992px) {
  .section.section-accordion .list .item .question {
    font-size: 29px;
  }
}
.section.section-accordion .list .item .question.active:after {
  content: "-";
}
.section.section-accordion.alt:after {
  background-image: url();
}
.section.section-accordion.alt:before {
  display: none;
}
.section.section-accordion.alt .list .item .question:after {
  color: #034638;
}
@media only screen and (min-width: 992px) {
  .section.section-accordion.alt {
    padding-bottom: 220px;
  }
}
.section.section-page {
  padding-top: 120px;
  min-height: 75vh;
}
@media only screen and (min-width: 992px) {
  .section.section-page {
    padding-top: 280px;
  }
}
.section.section-page h1 {
  margin-bottom: 20px;
  font-size: 28px;
}
@media only screen and (min-width: 992px) {
  .section.section-page h1 {
    font-size: 36px;
    margin-bottom: 30px;
  }
}
.section.section-page h2, .section.section-page h3, .section.section-page h4, .section.section-page h5 {
  margin: 40px 0 20px;
}
.section.section-coaching-1 {
  position: relative;
  z-index: 1;
  background: #fcfbf9;
  overflow: hidden;
}
.section.section-coaching-1 .container {
  z-index: 2;
  position: relative;
}
.section.section-coaching-1 .img {
  text-align: center;
  max-width: 70%;
  margin: 0 auto 80px;
  position: relative;
}
.section.section-coaching-1 .img:before {
  width: 300px;
  height: 172px;
  position: absolute;
  content: "";
  background: url("../images/shape2.svg") top center no-repeat;
  background-size: 100%;
  bottom: -40px;
  left: -140px;
}
@media only screen and (min-width: 992px) {
  .section.section-coaching-1 .img:before {
    width: 425px;
    height: 243px;
    left: -230px;
    bottom: -58px;
  }
}
.section.section-coaching-1 .img img {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .section.section-coaching-1 .img {
    max-width: 460px;
    margin-bottom: 0;
  }
}
.section.section-coaching-1 .twoColumns {
  position: relative;
  border-bottom: 1px solid #034638;
  padding-bottom: 40px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 992px) {
  .section.section-coaching-1 .twoColumns {
    display: flex;
    justify-content: space-between;
    padding-bottom: 100px;
    margin-bottom: 100px;
    flex-wrap: wrap;
  }
  .section.section-coaching-1 .twoColumns .add {
    width: 100%;
  }
}
.section.section-coaching-1 .twoColumns h2 {
  color: #003b49;
  margin-bottom: 20px;
  font-size: 26px;
}
@media only screen and (min-width: 992px) {
  .section.section-coaching-1 .twoColumns h2 {
    font-size: 35px;
    margin-bottom: 30px;
  }
}
.section.section-coaching-1 .twoColumns .column {
  position: relative;
}
@media only screen and (min-width: 992px) {
  .section.section-coaching-1 .twoColumns .column {
    width: 54%;
  }
  .section.section-coaching-1 .twoColumns .column:first-child {
    width: 44%;
  }
  .section.section-coaching-1 .twoColumns .column:last-child {
    padding-left: 40px;
  }
}
.section.section-coaching-1 .experience .image {
  margin-bottom: 60px;
}
@media only screen and (min-width: 992px) {
  .section.section-coaching-1 .experience .image {
    margin-bottom: 120px;
  }
}
.section.section-coaching-1 .experience .image img {
  width: 100%;
}
.section.section-coaching-1 .experience .heading {
  margin-bottom: 30px;
}
.section.section-coaching-1 .experience .heading h2 {
  margin-bottom: 25px;
  font-size: 28px;
  color: #034638;
}
@media only screen and (min-width: 992px) {
  .section.section-coaching-1 .experience .heading h2 {
    font-size: 38px;
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 992px) {
  .section.section-coaching-1 .experience .heading h2 {
    font-size: 45px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 992px) {
  .section.section-coaching-1 .experience .heading p {
    margin-bottom: 3px;
  }
}
@media only screen and (min-width: 992px) {
  .section.section-coaching-1 .experience .heading {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    max-width: 1020px;
    margin-bottom: 60px;
  }
}
.section.section-coaching-1 .experience .numbers {
  text-align: center;
  border-top: 1px solid #034638;
  padding-top: 40px;
}
@media only screen and (min-width: 992px) {
  .section.section-coaching-1 .experience .numbers {
    padding-top: 80px;
  }
}
.section.section-coaching-1 .experience .numbers h2 {
  margin-bottom: 25px;
  font-size: 28px;
  color: #034638;
}
@media only screen and (min-width: 992px) {
  .section.section-coaching-1 .experience .numbers h2 {
    font-size: 38px;
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 992px) {
  .section.section-coaching-1 .experience .numbers h2 {
    font-size: 45px;
  }
}
.section.section-coaching-1 .experience .numbers .image {
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) {
  .section.section-coaching-1 .experience .numbers .image {
    margin-bottom: 40px;
  }
}
.section.section-coaching-1 .experience .numbers .price {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  color: #034638;
}
@media only screen and (min-width: 992px) {
  .section.section-coaching-1 .experience .numbers .price {
    margin-bottom: 5px;
  }
}
.section.section-coaching-1 .experience .numbers .price p {
  margin-bottom: 0;
  line-height: 1.2;
}
@media only screen and (min-width: 992px) {
  .section.section-coaching-1 .experience .numbers .price p {
    padding-right: 20px;
    font-size: 20px;
  }
}
.section.section-coaching-1 .experience .numbers .price p.count {
  font-size: 30px;
  line-height: 1;
}
@media only screen and (min-width: 992px) {
  .section.section-coaching-1 .experience .numbers .price p.count {
    font-size: 45px;
    width: auto;
  }
}
.section.section-coaching-1 .experience .numbers .items {
  border-top: 1px solid #034638;
  padding-top: 20px;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 992px) {
  .section.section-coaching-1 .experience .numbers .items {
    padding-left: 50px;
    padding-top: 40px;
    padding-bottom: 5px;
    justify-content: center;
  }
}
.section.section-coaching-1 .experience .numbers .items .item {
  width: 50%;
  margin-bottom: 20px;
  padding-right: 10px;
}
@media only screen and (min-width: 992px) {
  .section.section-coaching-1 .experience .numbers .items .item {
    margin-bottom: 5px;
    display: flex;
    align-items: center;
  }
}
.section.section-coaching-1 .experience .numbers .items .item p {
  margin-bottom: 0;
  line-height: 1.2;
}
@media only screen and (min-width: 992px) {
  .section.section-coaching-1 .experience .numbers .items .item p {
    padding-right: 20px;
    font-size: 20px;
  }
}
.section.section-coaching-1 .experience .numbers .items .item p.count {
  font-size: 30px;
  line-height: 1;
  color: #034638;
}
@media only screen and (min-width: 992px) {
  .section.section-coaching-1 .experience .numbers .items .item p.count {
    font-size: 45px;
    width: auto;
  }
}
.section.section-coaching-1 .dates {
  margin-top: 40px;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .section.section-coaching-1 .dates {
    margin-top: 80px;
  }
}
.section.section-coaching-1 .dates h2 {
  color: #003b49;
  margin-bottom: 20px;
  font-size: 26px;
}
@media only screen and (min-width: 992px) {
  .section.section-coaching-1 .dates h2 {
    font-size: 35px;
    margin-bottom: 30px;
  }
}
.section.section-coaching-1 .dates ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .section.section-coaching-1 .dates ul {
    max-width: 820px;
    margin: 0 auto;
  }
}
.section.section-coaching-1 .dates ul li {
  padding: 5px 0 5px 0;
  font-size: 18px;
  width: 33.33%;
  padding: 0 10px;
  border-right: 1px solid #d9d9d6;
}
.section.section-coaching-1 .dates ul li:last-child {
  border-right-width: 0;
}
@media only screen and (min-width: 768px) {
  .section.section-coaching-1 .dates ul li {
    padding: 0 20px;
    font-size: 22px;
  }
}
.section.section-dates {
  text-align: center;
}
.section.section-dates h2 {
  color: #003b49;
  margin-bottom: 20px;
  font-size: 26px;
}
@media only screen and (min-width: 992px) {
  .section.section-dates h2 {
    font-size: 35px;
    margin-bottom: 30px;
  }
}
.section.section-dates ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .section.section-dates ul {
    max-width: 820px;
    margin: 0 auto;
  }
}
.section.section-dates ul li {
  padding: 5px 0 5px 0;
  font-size: 18px;
  width: 33.33%;
  padding: 0 10px;
  border-right: 1px solid #d9d9d6;
}
.section.section-dates ul li:last-child {
  border-right-width: 0;
}
@media only screen and (min-width: 768px) {
  .section.section-dates ul li {
    padding: 0 20px;
    font-size: 22px;
  }
}
.section.section-coaching-2 {
  position: relative;
  z-index: 2;
  background: #003b49;
  color: #f0f0ef;
}
.section.section-coaching-2:before {
  content: "";
  position: absolute;
  top: -100px;
  width: 200px;
  height: 147px;
  background: url(../images/shape2.svg) center no-repeat;
  background-size: 100%;
  right: -100px;
  left: auto;
  z-index: 3;
  transform: scaleX(-1);
}
@media only screen and (min-width: 992px) {
  .section.section-coaching-2:before {
    width: 508px;
    height: 291px;
    top: -220px;
    right: -260px;
  }
}
.section.section-coaching-2 .container {
  position: relative;
  z-index: 2;
}
.section.section-coaching-2 .heading {
  padding: 20px 0;
  border-top: 1px solid #034638;
  border-bottom: 1px solid #034638;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) {
  .section.section-coaching-2 .heading {
    padding: 40px 0;
  }
}
.section.section-coaching-2 h2 {
  margin-bottom: 25px;
  font-size: 28px;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
  .section.section-coaching-2 h2 {
    font-size: 38px;
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 992px) {
  .section.section-coaching-2 h2 {
    margin-bottom: 0;
  }
}
.section.section-coaching-2 h3 {
  margin-bottom: 20px;
  font-size: 20px;
}
.section.section-coaching-2 .twoColumns .block ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.section.section-coaching-2 .twoColumns .block ul li {
  padding: 20px 0;
  border-bottom: 1px solid #034638;
}
.section.section-coaching-2 .twoColumns .block ul li:first-child {
  border-top: 1px solid #034638;
}
@media only screen and (min-width: 992px) {
  .section.section-coaching-2 .twoColumns .block {
    display: flex;
    justify-content: space-between;
  }
  .section.section-coaching-2 .twoColumns .block .column {
    width: 46%;
    font-size: 20px;
  }
}
.section.section-coaching-3 {
  position: relative;
  background: #d9d9d6;
}
@media only screen and (min-width: 992px) {
  .section.section-coaching-3 {
    padding: 80px 0;
  }
}
.section.section-coaching-3 .container {
  position: relative;
  z-index: 2;
}
.section.section-coaching-3 h2 {
  margin-bottom: 25px;
  font-size: 28px;
  color: #034638;
}
@media only screen and (min-width: 992px) {
  .section.section-coaching-3 h2 {
    font-size: 38px;
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 992px) {
  .section.section-coaching-3 h2 {
    font-size: 45px;
    margin-bottom: 0;
  }
}
.section.section-coaching-3 a {
  color: #034638;
  text-decoration: underline;
}
.section.section-coaching-3 a:hover {
  color: #00664f;
}
.section.section-coaching-3 p {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
  .section.section-coaching-3 .twoColumns .block {
    display: flex;
    justify-content: space-between;
  }
  .section.section-coaching-3 .twoColumns .block h2 {
    width: 35%;
  }
  .section.section-coaching-3 .twoColumns .block .column {
    width: 40%;
    font-size: 25px;
  }
  .section.section-coaching-3 .twoColumns .block .column:last-child {
    width: 56%;
  }
}

.cta {
  padding: 40px 0;
  background: #d9d9d6;
  text-align: center;
}
.cta a {
  color: #fff;
  display: inline;
  padding: 4px 0;
  line-height: 2;
  border-bottom: 2px solid #003b49;
}
.cta a b {
  color: #003b49;
}
.cta a:hover {
  color: #003b49;
  border-bottom: 2px solid #003b49;
}
@media only screen and (min-width: 992px) {
  .cta {
    font-size: 20px;
  }
}

.bottom-about h2 {
  color: #003b49;
  margin-bottom: 20px;
  font-size: 26px;
}
@media only screen and (min-width: 992px) {
  .bottom-about h2 {
    font-size: 35px;
    margin-bottom: 30px;
  }
}
.bottom-about .twoColumns .links {
  margin-top: 30px;
}
@media only screen and (min-width: 992px) {
  .bottom-about .twoColumns .links {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 992px) {
  .bottom-about .twoColumns {
    display: flex;
    flex-direction: row-reverse;
  }
}
.bottom-about .twoColumns .column {
  padding: 60px 20px;
}
.bottom-about .twoColumns .column img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bottom-about .twoColumns .column.img {
  position: relative;
  overflow: hidden;
}
.bottom-about .twoColumns .column.img:after {
  height: 60px;
  width: 60px;
  bottom: 0;
  left: 0;
  background: url(../images/shape6.svg) center no-repeat;
  background-size: 100%;
  content: "";
  position: absolute;
  transform: rotate(-180deg);
}
@media only screen and (min-width: 992px) {
  .bottom-about .twoColumns .column.img:after {
    height: 100px;
    width: 100px;
  }
}
@media only screen and (min-width: 992px) {
  .bottom-about .twoColumns .column {
    width: 60%;
  }
}
.bottom-about .twoColumns .column:first-child {
  padding: 0;
}
@media only screen and (min-width: 992px) {
  .bottom-about .twoColumns .column:first-child {
    width: 40%;
  }
}
@media only screen and (min-width: 992px) {
  .bottom-about .twoColumns .column:last-child {
    align-self: center;
  }
  .bottom-about .twoColumns .column:last-child .content {
    max-width: 680px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 992px) {
  .bottom-about .twoColumns .column {
    padding: 60px 40px;
  }
}
@media only screen and (min-width: 1024px) {
  .bottom-about .twoColumns .column {
    padding: 80px;
  }
}

footer {
  padding: 40px 0;
  background: #f0f0ef;
  position: relative;
  z-index: 1;
  color: #003b49;
}
@media only screen and (min-width: 992px) {
  footer {
    padding: 100px 0 80px;
  }
}
footer a {
  color: #003b49;
}
footer a:hover {
  color: #d9d9d6;
}
footer .social {
  margin-top: 30px;
}
@media only screen and (min-width: 992px) {
  footer .social {
    padding-left: 0px;
  }
}
footer .social ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
footer .social ul li {
  display: inline-block;
  margin: 0 0 0 0;
}
footer .social ul li a {
  display: inline-block;
}
footer .social ul li img {
  width: 30px;
}
footer .social ul li a:hover {
  opacity: 0.7;
}
footer .copy {
  margin-bottom: 0;
  margin-top: 30px;
  font-size: 10px;
}
@media only screen and (min-width: 992px) {
  footer .copy {
    text-align: right;
    margin-top: 40px;
    font-size: 12px;
  }
  footer .copy p {
    margin-bottom: 0;
  }
}
footer .copy ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
footer .copy ul li {
  margin-bottom: 15px;
  display: inline-block;
  margin: 0 30px 5px 0;
  position: relative;
  line-height: 1;
  position: relative;
}
footer .copy ul li a {
  color: #003b49;
}
footer .copy ul li:last-child {
  margin-right: 0;
}
footer .copy ul li:after {
  content: "";
  width: 1px;
  height: 100%;
  background: #003b49;
  position: absolute;
  right: -17px;
  top: 0;
  opacity: 0.5;
}
footer .copy ul li:last-child:after {
  display: none;
}
footer .container {
  max-width: 1306px;
}
footer .container .logo {
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) {
  footer .container .logo {
    margin-bottom: 0;
  }
}
footer .container .logo img {
  width: 220px;
}
@media only screen and (min-width: 992px) {
  footer .container .logo img {
    width: 250px;
  }
}
@media only screen and (min-width: 992px) {
  footer .container .block {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
footer .container .block ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
footer .container .block .links ul li {
  margin-bottom: 10px;
}
footer .container .block .links ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 30px;
}
@media only screen and (min-width: 992px) {
  footer .container .block .links ul li:last-child {
    padding-bottom: 0;
  }
}
footer .container .block .column {
  margin-bottom: 30px;
}
footer .container .block .column:nth-child(2), footer .container .block .column:nth-child(3) {
  margin-bottom: 0px;
}
@media only screen and (min-width: 1200px) {
  footer .container .block .column:first-child {
    width: 45%;
  }
}
@media only screen and (min-width: 1200px) {
  footer .container .block .column:nth-child(2) {
    width: 20%;
  }
}
@media only screen and (min-width: 1200px) {
  footer .container .block .column:nth-child(3) {
    width: 35%;
  }
}
@media only screen and (min-width: 992px) {
  footer .container .block .column {
    margin-bottom: 0;
  }
}
footer h3 {
  color: #003b49;
}
@media only screen and (min-width: 992px) {
  footer h3 {
    font-size: 26px;
    max-width: 268px;
  }
}
footer .form .submit {
  margin-top: 30px;
}

/* contact form 
============================ **/
.wpcf7-not-valid-tip {
  font-size: 12px !important;
  margin-top: 5px;
}

.wpcf7 form .wpcf7-response-output {
  padding: 0 !important;
  border: 0 !important;
  margin: 20px 0 0 !important;
  font-size: 15px;
}

.wpcf7 .ajax-loader {
  position: absolute !important;
  bottom: 16px;
  left: 0;
  margin: 0 !important;
}
@media only screen and (min-width: 992px) {
  .wpcf7 .ajax-loader {
    left: -40px;
  }
}

@keyframes float {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}
@keyframes fade_in_show {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUpSD {
  animation-name: fadeInUpSD;
}

.modal-content {
  border: 0;
  -webkit-box-shadow: 0px 0px 15px 0px #382e2c;
  -moz-box-shadow: 0px 0px 15px 0px #382e2c;
  box-shadow: 0px 0px 15px 0px #382e2c;
  border-radius: 30px;
  background: #034638;
  color: #fff;
}

.modal-header {
  border: 0;
  padding-bottom: 0;
}
.modal-header .close {
  margin-top: 0;
  margin-right: 0;
}
.modal-header .close img {
  width: 16px;
  opacity: 1;
}

@media only screen and (min-width: 768px) {
  .modal-dialog-sm {
    max-width: 638px;
    width: 100%;
  }
}

.modal-backdrop {
  background-color: #fff;
}

.modal-body {
  padding: 30px;
}
@media only screen and (min-width: 768px) {
  .modal-body {
    padding: 20px 80px 40px;
  }
}
.modal-body .block {
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .modal-body .block {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .modal-body .block .column:first-child {
    width: 220px;
  }
  .modal-body .block .column:last-child {
    width: calc(100% - 320px);
  }
}
.modal-body .block .image {
  text-align: center;
  margin-top: 30px;
}
@media only screen and (min-width: 992px) {
  .modal-body .block .image {
    margin-top: 0;
  }
}
.modal-body .block .image img {
  width: 100px;
}
.modal-body h2 {
  font-size: 24px;
  margin-bottom: 20px;
  color: #fff;
}
@media only screen and (min-width: 992px) {
  .modal-body h2 {
    font-size: 32px;
  }
}

.captcha-image {
  border: 0 !important;
  padding: 0 !important;
  display: block !important;
}

#mc_embed_signup div.mce_inline_error {
  font-size: 12px;
}

/* Remove border and outline from the Mailchimp button */
#mc-embedded-subscribe {
    border: none !important;
    outline: none !important;
    box-shadow: none !important; /* Removes any shadow that looks like an outline */
}

/* Ensure it stays clean when clicked or tabbed onto */
#mc-embedded-subscribe:focus, 
#mc-embedded-subscribe:active {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

.testimonial-slider {
  position: relative;
}
.testimonial-slider .slick-dots {
  list-style: none;
  margin: 30px 0 0;
  padding: 0;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .testimonial-slider .slick-dots {
    margin-top: 40px;
  }
}
.testimonial-slider .slick-dots li {
  margin-bottom: 5px;
  display: inline-block;
  margin: 0 5px;
}
.testimonial-slider .slick-dots li button {
  text-indent: -9999px;
  padding: 0;
  border: 0;
  background: #fff;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
@media only screen and (min-width: 992px) {
  .testimonial-slider .slick-dots li button {
    width: 12px;
    height: 12px;
  }
}
.testimonial-slider .slick-dots li.slick-active button {
  opacity: 0.5;
}

.grecaptcha-badge {
  visibility: hidden;
}

/* Target the Mailchimp container */
#mc_embed_signup {
    background-color: #d9d9d6 !important;
    padding: 20px;       /* Adds space inside the colored box */
    border-radius: 10px;  /* Optional: keeps the edges soft */
}

/* Ensure the form itself doesn't have a conflicting background */
#mc_embed_signup form {
    background-color: transparent !important;
    padding: 0 !important;
}

/* Removes the default border Mailchimp sometimes adds */
#mc_embed_signup_scroll {
    border: none !important;
}

/*# sourceMappingURL=style.css.map */


AND HERE IS THE SCSS: 
/* 1. TRANSITIONS & FONTS 
==================================== */
.section.section-media .block a .image, #header .logo svg, #header .logo img, 
#header .menu ul li a:after, #header, a {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@font-face { font-family: "Brandon Grotesque Regular"; src: local("Brandon Grotesque Regular"), url("../fonts/BrandonGrotesque-Regular.woff") format("woff"); }
@font-face { font-family: "Brandon Grotesque Black"; src: local("Brandon Grotesque Black"), url("../fonts/BrandonGrotesque-Black.woff") format("woff"); }
@font-face { font-family: "Brandon Grotesque Bold"; src: local("Brandon Grotesque Bold"), url("../fonts/BrandonGrotesque-Bold.woff") format("woff"); }
@font-face { font-family: "Brandon Grotesque Thin"; src: local("Brandon Grotesque Thin"), url("../fonts/BrandonGrotesque-Thin.woff") format("woff"); }
@font-face { font-family: "Recoleta Medium"; src: local("Recoleta Medium"), url("../fonts/Recoleta-Medium.woff") format("woff"); }

/* Font Assignments */
body, .form-control, .section.section-consulting1 h3, #header .menu ul li ul li a { font-family: "Brandon Grotesque Regular", serif; }
b, strong, .btn, .section.section-coaching-2 h3, .section.section-speaking h3 { font-family: "Brandon Grotesque Bold", serif; }
.hero-home h1, .section h2, footer h3, .bottom-about h2 { font-family: "Recoleta Medium", serif; }
.modal-body h2, .cta a b, .section.section-page h1 { font-family: "Brandon Grotesque Black", serif; }

/* 2. BASIC DEFAULTS 
==================================== */
body { overflow-x: hidden; font-size: 18px; line-height: 1.5; color: #00664f; }
@media (min-width: 992px) { body { font-size: 22px; } }

a { color: #003b49; text-decoration: none; }
a:hover { color: #382e2c; }
img { max-width: 100%; height: auto; }
.container { padding: 0 20px; max-width: 1190px; margin: 0 auto; }

/* Buttons */
.btn { border-radius: 10px; font-size: 18px; border: 0; padding: 6px 15px; cursor: pointer; display: inline-block; }
.btn-primary { background: #00ab8e; border: 1px solid #00ab8e; color: #fff; }
.btn-primary:hover { color: #034638; background: transparent; }
.offering .item:nth-child(4) .btn-primary { background-color: #68d2df !important; border-color: #68d2df !important; color: #fff !important; }

/* 3. HEADER
==================================== */
#header { position: fixed; width: 100%; top: 0; z-index: 99; padding: 20px 0; background: #f0f0ef; }
#header .logo img, #header .logo svg { width: 150px; }
@media (min-width: 992px) {
    #header { padding: 80px 0 40px; position: absolute; background: transparent; }
    #header .logo img, #header .logo svg { width: 382px; }
    #header.active { position: fixed; padding: 20px; background: #f0f0ef; box-shadow: 0 0 15px rgba(0,0,0,0.2); }
}

/* 4. SECTIONS (General)
==================================== */
.section { padding: 60px 0; }
@media (min-width: 992px) { .section { padding: 100px 0; } }

/* --- THE PETAL RESCUE BLOCK --- */

/* 1. Ensure the parent container allows things to hang outside of it */
.section.section-3 {
    position: relative !important;
    overflow: visible !important; /* CRITICAL: prevents chopping the petals */
    z-index: 1; 
}

/* 2. Ensure the inner image container is the "anchor" for the petals */
.section.section-3 .image {
    position: relative !important; /* This MUST be relative for 'absolute' petals to work */
    display: block;
}

/* 3. The Petals themselves */
.section.section-3 .image:before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    
    /* Dimensions */
    width: 300px;
    height: 180px; 
    
    /* The Image */
    background-image: url("/wp-content/uploads/2026/02/3Petals-2.svg") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center bottom !important;
    
    /* Placement - Bringing them up from the "dead zone" */
    bottom: -10px !important; 
    left: 50% !important;
    transform: translateX(-150%) !important; /* Adjusts the 'left: -140px' logic for better responsiveness */
    
    /* Visibility */
    z-index: 99 !important; /* Higher than the background waves */
    opacity: 1 !important;
    visibility: visible !important;
}

/* 4. Desktop Adjustment */
@media (min-width: 992px) {
    .section.section-3 .image:before {
        width: 525px;
        height: 310px;
        bottom: -30px !important;
        transform: translateX(-140%) !important; 
    }
}

/* 5. MAILCHIMP FORM (Footer)
==================================== */
#mc_embed_signup {
    background-color: #d9d9d6 !important;
    padding: 25px;
    border-radius: 12px;
}

#mc_embed_signup form { background: transparent !important; padding: 0 !important; }
#mc_embed_signup_scroll { border: none !important; }

/* The Subscribe Button - No Outline */
#mc-embedded-subscribe {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: #00ab8e;
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
}

#mc-embedded-subscribe:focus, #mc-embedded-subscribe:active {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* 6. FOOTER
==================================== */
footer { padding: 40px 0; background: #f0f0ef; color: #003b49; position: relative; z-index: 1; }
footer .logo img { width: 220px; }
footer .social ul { list-style: none; padding: 0; display: flex; gap: 15px; }
footer .copy { font-size: 12px; margin-top: 30px; border-top: 1px solid rgba(0,0,0,0.05); padding-top: 20px; }

/* Animations */
@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
}
.hero-home .image, .hero-coaching .image img { animation: float 5s ease-in-out infinite; }