*, :after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
html {
  box-sizing: border-box;
  font-size: 62.5%;
  text-rendering: optimizeLegibility;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}
body {
  color: #000;
  font-family: "Montserrat", sans-serif;
  font-size: 1.7em;
  font-weight: 400;
  letter-spacing: .01em;
  line-height: 1.7;
  background: #fff;
}
body.admin-bar #wpadminbar {
  position: fixed !important
}
li#wp-admin-bar-wp-logo {
  display: none !important
}
#wp-admin-bar-my-account .ab-item {
  font-size: 0 !important
}
#wp-admin-bar-my-account .ab-sub-wrapper .ab-item {
  font-size: inherit !important
}
a.lwa-links-remember, form.lwa-remember {
  display: none !important
}
.sr-only, .sr-only-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: .01rem !important;
  height: .01rem !important;
  padding: 0 !important;
  margin: -.01rem !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.accessible_elem {
  clip: rect(.1rem .1rem .1rem .1rem);
  clip: rect(.1rem, .1rem, .1rem, .1rem);
  height: .1rem;
  overflow: hidden;
  position: absolute;
  word-wrap: normal !important;
  word-break: normal;
  white-space: nowrap;
  width: .1rem
}
.accessible_elem:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
  clip: auto !important;
  -webkit-clip-path: none;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: .875rem;
  font-weight: 700;
  height: auto;
  right: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000
}
#skiptocontent a {
  padding: 6px;
  position: absolute;
  top: -45px;
  left: 0;
  color: #fff;
  border-right: .1rem solid #fff;
  border-bottom: .1rem solid #fff;
  border-bottom-right-radius: 8px;
  background: #000;
  -webkit-transition: top 1s ease-out;
  transition: top 1s ease-out;
  z-index: 100
}
#skiptocontent a:focus {
  position: absolute;
  left: 0;
  top: 0;
  outline-color: transparent;
  -webkit-transition: top .1s ease-in;
  transition: top .1s ease-in
}
@media (prefers-reduced-motion:reduce) {
  #skiptocontent a {
    transition-duration: 0s !important
  }
}
@media (min-width:1200px) {
  .top-padding {
    display: block;
    overflow: hidden;
    padding-top: 13.1rem
  }
  .scroll .top-padding {
    display: block;
    overflow: hidden;
    padding-top: 7.6rem
  }
}
.wrapper {
  display: block;
  position: relative
}
main {
  display: block;
  position: relative;
  padding-top: 0
}
#container {
  padding-top: 0;
  position: relative;
  display: block
}
#wrap {
  display: block;
  background: 0 0;
  min-height: 100%;
  height: auto !important;
}

.container:after, .row:after {
  content: "";
  display: table;
  clear: both
}
.container {
  margin-left: auto;
  margin-right: auto;
  width: 100%
}
.container-fluid {
  max-width: 100%
}

@media (min-width:576px) {
  .container {
    max-width: 98%
  }
}
@media (min-width:768px) {
  .container {
    max-width: 98%
  }
}
@media (min-width:992px) {
  .container {
    max-width: 98%
  }
}
@media (min-width:1200px) {
  .container {
    width:98%;
    max-width: 1459px
  }
}
@media (max-width:575px) { 
 .container {
    max-width: 95%
  }}
.body-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .6);
  z-index: -1;
  display: none
}
.body-overlay.enabled {
  display: block;
  z-index: 8
}
/* Base styles */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-top: 0;
  font-weight: 600;
  letter-spacing: normal;
  text-rendering: optimizeLegibility;
  line-height: 1.2;
}

h1, h2, h3,
.h1, .h2, .h3 {
  margin: 0 0 2rem;
}

h4, h5, h6,
.h4, .h5, .h6 {
  margin: 0 0 1.5rem;
}

/* Default font sizes (large screens) */
h1, .h1 { font-size: 4.8rem; }
h2, .h2 { font-size: 4rem; }
h3, .h3 { font-size: 2.6rem; }
h4, .h4 { font-size: 2rem; }
h5, .h5 { font-size: 1.8rem; }
h6, .h6 { font-size: 1.7rem; }

/* Extra large screens (≥1200px) */
@media (max-width: 1199.98px) {
  h1, .h1 { font-size: 4.2rem; }
  h2, .h2 { font-size: 3.5rem; }
  h3, .h3 { font-size: 2.4rem; }
  h4, .h4 { font-size: 1.8rem; }
  h5, .h5 { font-size: 1.6rem; }
  h6, .h6 { font-size: 1.5rem; }
}

/* Large screens (≥992px) */
@media (max-width: 991.98px) {
  h1, .h1 { font-size: 3.6rem; }
  h2, .h2 { font-size: 3rem; }
  h3, .h3 { font-size: 2.2rem; }
  h4, .h4 { font-size: 1.6rem; }
  h5, .h5 { font-size: 1.5rem; }
  h6, .h6 { font-size: 1.4rem; }
}

/* Medium screens (≥768px) */
@media (max-width: 767.98px) {
  h1, .h1 { font-size: 3rem; }
  h2, .h2 { font-size: 2.5rem; }
  h3, .h3 { font-size: 2rem; }
  h4, .h4 { font-size: 1.5rem; }
  h5, .h5 { font-size: 1.4rem; }
  h6, .h6 { font-size: 1.3rem; }
}

/* Small screens (≥576px) */
@media (max-width: 575.98px) {
  h1, .h1 { font-size: 3rem; }
  h2, .h2 { font-size: 2.6rem; }
  h3, .h3 { font-size: 2rem; }
  h4, .h4 { font-size: 1.4rem; }
  h5, .h5 { font-size: 1.3rem; }
  h6, .h6 { font-size: 1.2rem; }
}






h1.article_heading, .article_heading.h1  {
  margin-bottom:3rem; font-weight: 700
}

@media (max-width:1999px) {
h1.article_heading, .article_heading.h1 {
  font-size: 3.8rem;
}
}
@media (max-width:991px) {
h1.article_heading, .article_heading.h1 {
  font-size: 3rem;
}
}

.section-subtitle {
  margin-bottom: 1rem
}
.section-text {
  display: block;
  overflow: hidden;
  margin-bottom: 1rem
}
.postarea {
display: block;
 padding-top: 12rem;
}
@media (max-width:1200px) {
.postarea{padding-top: 6rem}
}
@media (max-width:575px) {
.postarea{padding-top: 3rem}
}
.postarea ol {
  padding-left: 2rem
}
.postarea li {
  list-style-position: outside
}

p {
  margin: 0 0 2.5rem;
  position: relative
}
b, strong {
  font-weight: 600
}
a {
  color: #246160
}
a:hover {
  color:#E70358;
  text-decoration: none
}
.bgc1a a {
  color: #fff
}
a img {
  border: none !important;
  line-height: 0;
  display: block
}
main a {
  text-decoration: underline
}

.gotohome {
  cursor: pointer
}
ol, ul {
  padding-left: 0;
  margin-top: 0;
  position: relative
}
.postarea ol ol, .postarea ol ul, .postarea ul ol, .postarea ul ul {
  margin: 1.5rem 0 1.5rem 3rem
}
.postarea li {
  margin-bottom: 1rem;
}
.single-guides .postarea li {
  margin-bottom:2rem;
}
.postarea ol {
  margin-bottom: 2rem
}
.postarea ol li {
  list-style: decimal;
  margin-bottom: 5px;
  list-style-position: inside
}
ul.listcol {
  float: left;
  width: 49%
}
ul {
  list-style: circle inside;
  margin-bottom: 2.5rem
}
ul li {
  list-style: disc;
  list-style-position:inside;
  position: relative;

}
#container ul li {
  list-style-position:outside;
 margin-left: 1.8rem
}



ul.columns2 {
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  line-height: 2.6rem;
  margin-top: 15px
}
ul.columns3 {
  -webkit-columns: 3;
  -moz-columns: 3;
  columns: 3;
  line-height: 2.6rem;
  margin-top: 15px
}
ul.columns4 {
  -webkit-columns: 4;
  -moz-columns: 4;
  columns: 4;
  line-height: 2.6rem;
  margin-top: 15px
}
ul.columns5 {
  -webkit-columns: 5;
  -moz-columns: 5;
  columns: 5;
  line-height: 2.6rem;
  margin-top: 15px
}
@media (max-width:1213px) {
  ul.columns5 {
    -webkit-columns: 4;
    -moz-columns: 4;
    columns: 4
  }
}
@media (max-width:974px) {
  ul.columns5 {
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3
  }
}
@media (max-width:732px) {
  ul.columns5 {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2
  }
}
@media (max-width:732px) {
  ul.columns5 {
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1
  }
}
@media (max-width:1072px) {
  ul.columns4 {
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3
  }
}
@media (max-width:820px) {
  ul.columns3 {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2
  }
  ul.columns4 {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2
  }
}
@media (max-width:400px) {
  ul.columns2, ul.columns3, ul.columns4 {
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1
  }
}
hr {
  margin-top: 30px;
  margin-bottom: 30px;
  border-width: 0;
  border-top: .1rem solid #e1e1e1;
  box-sizing: content-box; width: 100%; display: block
}


.txt-right {
  text-align: right
}
.txt-left {
  text-align: left
}
.txt-center, center {
  text-align: center
}
.dsk-hide {
  display: none
}
.hide {
  display: none !important
}
.nop {
  padding: 0 !important
}
.nopr {
  padding-right: 0 !important
}
.nopl {
  padding-left: 0 !important
}
.nopb {
  padding-bottom: 0 !important
}
.nopt {
  padding-top: 0 !important
}
.nom {
  margin: 0 !important
}
.nomr {
  margin-right: 0 !important
}
.noml {
  margin-left: 0 !important
}
.nomt {
  margin-top: 0 !important
}
.nomb {
  margin-bottom: 0 !important
}
.uppercase {
  text-transform: uppercase
}
.floatleft {
  float: left
}
.floatright {
  float: right
}
.none {
  display: none
}
.order2 {
  order: 2
}
.odd_row .columns {
  margin: 0
}
.odd_row .columns:first-child {
  float: right;
  margin-left: 4%
}
.figure, figure {
  margin: 0;
  overflow: hidden;
  position: relative
}
.nb {
  border: none !important
}
.bt {
  border-top: .1rem solid #ebebeb
}
.bb {
  border-bottom: .1rem solid #ebebeb
}
.p-0 {
  padding: 0 !important
}
.m-0 {
  margin: 0 !important
}

.nobreak {
  white-space: nowrap
}
.dp {
  padding: 12rem 0
}
.dp6 {
  padding: 6rem 0
}
.dp4 {
  padding: 4rem 0
}

.p-12{padding: 12rem 0}
.m12{margin: 12rem 0}
.pt-12{padding-top: 12rem}
.mt-12{margin-top: 12rem}

@media (max-width:1200px) {
 .p-12{padding: 6rem 0}
.m12{margin: 6rem 0}
.pt-12{padding-top: 6rem}
.mt-12{margin-top: 6rem}

}
.relative {
  position: relative
}
.mt-20 {
  margin-top: 2rem
}
.ovh {
  overflow: hidden
}
.bgn {
  background: 0 0 !important
}
.mb2 {
  margin-bottom: 2rem !important
}
.lSSlideOuter li {
  list-style: none !important
}
.img-fluid {
  width: 100%
}
.innergallery .wrp {
  box-shadow: 0 0 1rem -.1rem rgba(0, 0, 0, .37);
  background: #fff;
  border: solid 1.2rem #fff
}
.box-shadow {
  box-shadow: 0 0 1rem -.1rem rgba(0, 0, 0, .37)
}
.vertical-wrap {
  position: absolute;
  height: 100%;
  width: 100%;
  display: table
}
.vertical-center {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 18px
}
.block {
  display: block
}
@media (max-width:992px) {
  .dp, .dp4 {
    padding: 3rem 0
  }
}
.z2 {
  z-index: 2
}
.bgover {
  margin: 6rem 0
}
@media (max-width:767px) {
  .hide767 {
    display: none !important
  }
}
.pl-0 {
  padding-left: 0
}
.pr-0 {
  padding-right: 0
}
.tooltip {
  font-size: 1.6rem
}
.large.tooltip-inner {
  max-width: 300px;
  width: 300px;
  font-size: 1.6rem
}
.modal-body {
  padding: 2rem
}
.modal-header {
  padding: 1rem;
  color: #000;
  font-weight: 600
}
.modal-footer {
  padding: 1rem 1rem 0 1rem
}
.modal-backdrop {
  opacity: .8;
  z-index: 1003
}
.modal {
  z-index: 1050 !important
}
.modal-header .close {
  padding: 5px;
  margin: -1rem;
  font-size: 38px;
  font-weight: 400;
  background: #407d7c;
  color: #fff;
  letter-spacing: .5px;
  text-transform: uppercase;
  border-radius: 2px;
  -webkit-appearance: none;
  border: none !important;
  vertical-align: top;
  text-align: center
}
#loginModal .modal-body {
  padding: 0
}
main {
  display: block;
  clear: both;
  position: relative
}
main hr {
  border: .1rem solid #fff;
  border-bottom: .1rem solid #e5e5e5;
  display: block;
  clear: both
}
ul.tags {
  display: block;
  overflow: hidden;
  margin-bottom: 40px;
  margin-top: 2rem
}
main ul.tags li {
  margin: 0 1% 8px 0;
  padding: 8px 0 6px 1rem;
  letter-spacing: .2px;
  border-radius: 4px;
  background: #eee;
  box-shadow: .1rem .1rem 0 rgba(0, 0, 0, .12);
  display: inline-block;
  list-style: none;
  width: 49%;
  box-sizing: border-box;
  float: left;
  line-height: 1;
  font-size: 14px
}
main ul.tags li:nth-child(even) {
  margin: 0 0 8px 0;
  width: 50%;
  float: right
}
main ul.tags li .fa {
  margin-right: 0;
  float: left;
  margin-top: 3px
}
main ul.tags li span {
  margin-left: 1rem;
  display: inline;
  line-height: 1.3
}
main ul ul {
  margin-left: 18px;
  margin-bottom: 0
}
.btn, button {
  font-size: 1.4rem;
  text-decoration: none
}
[type=reset], [type=submit] {
  background: #E70358;
  color: #fff;
  letter-spacing: 0;
  font-size: 1.6rem;
  border-radius: 1.2rem;
  padding: 1.6rem 4.8rem !important;
  -webkit-appearance: none;
  text-align: center;
  border: .0rem solid #DDE4EE
}
.btn, .wp-block-button__link {
  background: #fff;
  color: #000;
  letter-spacing: 0;
  font-size: 1.6rem;
  border-radius: 1.2rem;
  padding: 1rem 20px;
  -webkit-appearance: none;
  text-align: center;
  border: .1rem solid #DDE4EE
}
.btn:active, .btn:focus, .btn:hover, .wp-block-button__link:active, .wp-block-button__link:focus, .wp-block-button__link:hover, [type=submit]:hover {
background: #EAF4F2;
  cursor: pointer !important;
  color: #000;
  -webkit-box-shadow: none !important;
  box-shadow: none !important
}
.btn-fw {
  width: 100%
}
.btn i {
  vertical-align: middle
}
.btn i.left {
  margin-right:.3rem; 
}
.btn i.right {
  margin-left:.3rem; 
}
.btn a {
  color: #fff
}
.btn.btn-lg {
  padding: 14px 22px;
  font-size: 22px
}
.btn.btn-sm {
  padding: 7px 18px;
  font-size: 14px
}
.btn.btn-xs {
  padding: 5px 1rem;
  font-size: 1rem
}
.btn.btn-rounded {
  border-radius: 50px
}
.btn-primary, .btn-secondary, .btn-tertiary, .primary-button, .secondary-button, .tertiary-button {
  display: inline-block;
  text-align: center;
  padding: 1.6rem 3.2rem;
  margin-top: 0rem;
  text-decoration: none;
  -webkit-appearance: none;
  border-color: none;
  cursor: pointer;
}
.btn-primary, .primary-button {
  background:#E70358;
  color: #fff;
		border: none !important;
}
.btn-primary:hover, .primary-button:hover,
.btn-primary:active, .primary-button:active,
.btn-primary:focus, .primary-button:focus,
.btn-primary:focus-visible, .primary-button:focus-visible {
  background: #FDE6EE !important;
  color: #C7024B !important;

}
.btn-secondary, .secondary-button {
  background:#257C6A;
  color: #fff;
		border: none !important;
}
.btn-secondary:hover, .secondary-button:hover,
.btn-secondary:active, .secondary-button:active,
.btn-secondary:focus, .secondary-button:focus,
.btn-secondary:focus-visible, .secondary-button:focus-visible {
  background: #EAF4F2 !important;
  color: #1D6757 !important;

}
.btn-tertiary, .tertiary-button {
  background: #fff;
  color: #000
}
.btn-tertiary:hover, .tertiary-button:hover,
.btn-tertiary:active, .tertiary-button:active,
.btn-tertiary:focus, .tertiary-button:focus,
.btn-tertiary:focus-visible, .tertiary-button:focus-visible  {
  background: #EAF4F2 !important;
}
.page-banner {
  width: 100%;
  height: 15vh;
  max-height: 15rem;
  background-size: cover;
  background-position: center center
}
@media (min-width:1000px) {
  .page-banner {
    height: 30vh;
    max-height: 30rem
  }
}

.collapsing {
  width: 100%
}


.site-alert {
  background: #fffcc8;
  color: #000;
  padding: 1rem 0;
  font-weight: 500;
  margin-bottom: 4rem;
  margin-top: -1rem;
  border: 3px solid #ff0004
}
.site-alert a {
  color: #000;
  text-decoration: underline;
  letter-spacing: .1rem
}
.site-alert a:hover {
  text-decoration: none
}
/*website header*/
.site-header {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 100;
}
@media (min-width:1200px) {
  .site-header {
    /* position: fixed*/
  }
}
.scroll .site-header {
  -webkit-transition: height .4s;
  -moz-transition: height .4s;
  transition: height .4s;
  background-color: #fff
}
.header .relative {
  padding: 2rem 0
}
.toplogo {
  display:block;
  padding: 0;
  overflow: hidden;
  max-width: 12rem;
  -webkit-transition: all .4s ease-out;
  transition: all .4s ease-out;
  line-height: 1.1;
  font-family: cinque_donne_proregular, serif
}
.toplogo span {
  display: block;
  text-align: center
}
@media (min-width:1200px) {
  .toplogo {
    max-width: 30rem
  }
}
@media (min-width:1200px) {
  .scroll .toplogo {
    max-width: 20rem
  }
}
.toplogo img {
  max-width: 100%;
  height: auto
}




/*nav ends*/
.bgc1, .dark-green {
  background: #00322C !important; color: #fff
}
.dark-green-text{color: #00322C}
.bgc2, .green {
  background: #257C6A !important; color: #fff
}
.green-text{color:#257C6A}

.bgc3, .green10 {
  background: #EAF4F2; color: #000
}
.bgc4, .pink {
  background: #E70358;
}
.bgc5, .pink10 {
  background: #fde6ee !important;
  color: #000 !important
}
.bgc6, .grey {
  background: #F6F6F6 !important;
  color: #000 !important
}

.bgcw {
  background: #fff !important
}
.clb {
  color: #000 !important
}
.clw {
  color: #fff
}
.cl1 {
  color: #246160
}
.grey {
  background: #f8f8f8
}
/*Home Page*/
.intro-cta{font-size: 1.8rem; margin-top:2rem; display: block; font-weight: 500}
.intro-cta{}
.hero-logos{border: 1px solid #EAEAEA; border-radius: 2.4rem; padding: 5.6rem 0; margin-top:6rem }
.hero-logos img{width:90%; max-width:20rem}
@media (min-width: 992px) {
  .hero-logos  .col-lg-2 {
        flex: 0 0 auto;
        width: 20%;
    }
}

.trusted {
    position: relative; /* Establishes a positioning context for the SVG */
    display: inline-block; /* Allows the span to fit the content width */
}
.underline-svg {
    position: absolute; /* Positions the SVG relative to its nearest positioned ancestor */
    width: 100%; /* Ensures the SVG spans the entire width of the text */
    height: 5px; /* Height of the underline */
    bottom: -5px; /* Position the SVG right below the text */
    left: 0; /* Aligns the SVG to the left edge of the span */
}

/*Vision*/
.vision{
 background-image: url("../images/vision-Frame2.svg");
	display: block; overflow: hidden;
	background-color: #00322C;
	background-repeat: no-repeat;
	background-size:62rem;
	color: #fff;
	background-position:right 
}

.vision{padding: 6rem 0}

.vision-text{}

@media (max-width:1539px) {
    .vision {
        background-size:58rem;
    }
}
@media (max-width:1454px) {
    .vision {
        background-size:52rem;
    }
}
@media (max-width:1454px) {
    .vision {
        background-size:40rem;
    }
}
@media (max-width: 991px) {
    .vision {background-image: none; padding-bottom: 0}
}
@media (max-width: 991px) {
    .custom-col {
        height:30rem;
        background-image: url("../images/vision-Frame2.svg"); 
	background-size:cover;
     	background-repeat: no-repeat;
    }
}
.check-list, .quote-checklist ul {
  list-style: none; /* Remove default list bullet */
  padding: 0; /* Optional: Removes padding */
	font-size: 1.9rem; font-weight: 500; margin-top: 1rem
}

.check-list li, .quote-checklist li {
  position: relative; /* Context for positioning the icon */
  padding-left: 3rem; /* Provide space for the icon */
	list-style: none;
	margin-bottom: 1.6rem;
 margin-left: 0 !important
}

.check-list li::before, .quote-checklist li::before {
  content: "\f00c"; /* FontAwesome unicode for 'fa-regular fa-check' */
  font-family: "Font Awesome 6 Pro"; /* Set the correct font family for FontAwesome */
  position: absolute; /* Position the icon absolutely within the list item */
  left: 0; /* Align icon to the left */
  top: 0; /* Align icon to the top or adjust as needed */
  color:#3EC4A7; /* Set the icon color */
	font-size: 2rem
}


/*hero video*/
.hero-video {
  height:45vh;
  width: 100%;
  position: relative;
}
.hero-video video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  object-fit: cover;
}
.video-container {
    width: 100%;
    height: 100%;
}

.video-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* This maintains a 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
 border-radius: 2.4rem
}


/*youtube video player*/
.youtube-player { position: relative; padding-bottom: 56.23%; height: 0; overflow: hidden; max-width: 100%;  margin: 0; border-radius: 2.4rem}
.youtube-player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: transparent; }
.youtube-thumb {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    background-size: cover;
    background-position: center center;
    cursor: pointer;
}
.youtube-thumb .play {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.youtube-thumb .play i {
    background: #fff;
    color: #E70358;
    border-radius: 50%;
    height: 8.5rem;
    width: 8.5rem;
    text-align: center;
    vertical-align: bottom;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 3rem;
    box-sizing: border-box;
}
.youtube-thumb .ring1{padding: 1rem; background:rgba(255, 255, 255, 0.5); border-radius: 50%;display:inline-block}
.youtube-thumb .ring2{padding: 1rem; background:rgba(255, 255, 255, 0.2); border-radius: 50%;display: inline-block}
.youtube-thumb:hover .play{opacity: .8}


/*footer*/
footer {
  width: 100%;
  display: block;
  position: relative;
  z-index: 1;
	color: #fff;
	padding: 6rem 0 3rem;
	background: #00322C !important
}
footer h2{font-size:1.6rem; font-weight: 700; text-transform: uppercase }
footer .footer-info-row a{color: #fff; text-decoration:none;}
footer .footer-info-row a:hover{text-decoration:underline;}

.footer-cta-row{display: block; background: linear-gradient(to bottom, white 50%, #00322C 50%);}
.footer-cta{padding:2rem 6.4rem; border-radius:2.4rem; background:#fff; color: #000; margin-bottom: 4rem ; box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);}
.footer-cta-text{margin-bottom: 4rem;  font-weight: 700 }
.subfooter {
  background: #0384C5;
}
.social-links {
  display: block; margin-top:5rem

}
.social-links a {
  margin: 0 .6rem;
  font-size: 2.2rem;
  display: inline-block;
  background: #014A42;
  border-radius: 1.2rem;
  line-height: 4rem; 
  height: 4rem;
  width: 4rem;
  text-align: center;
 margin-bottom: 2rem
}

.social-links a i {
  display: inline-block;
  line-height: normal;
}
.footerlinks {
  display: block; 
}
.footerlinks a {
  margin: 0 1rem;
  text-decoration: underline;
  white-space: nowrap
}
.footerlinks a:hover {
  text-decoration: underline;
  color: #cdc7b9
}
.footer ul li{list-style: none; margin-bottom: 1.5rem}

@media (min-width: 768px) {
.footer-info-row  .col-md-3 {flex: 0 0 auto;width: 24%;}
.footer-info-row  .col-md-3:last-child {width: 28%;}
}

/*Stats*/

@media (min-width:992px) { 
.stats-wrap{position: relative;margin-bottom: -4rem }
}
.stats {
    border: 1px solid #EAEAEA;
    border-radius: 2.4rem;
    padding: 3.8rem 0 2rem;
	display: block; overflow: hidden; z-index: 9;
	background: #fff
	
}
.single-stats{font-size: 1.5rem}
.single-stats span{display: block;font-size: 4rem; font-weight: 700}

@media (min-width:768px) {
	.stats .col-md-2{width:20%}
}


/*Secibd hero*/
.second-hero{display: block; overflow: hidden}

/*testimonials*/
.testimonials{display: block; overflow: hidden}

/*Our Locations*/

.our-locations h3{font-size: 2rem; font-weight: 700; display: flex; align-items: center;}
.our-locations h3 img { margin-right: 10px; }
.our-locations .ltextD p{font-size:1.7rem; font-weight: 500;}
.our-locations img{border-radius: 3.2rem}
.nav-pills, .nav-pills li {
    list-style: none;
 margin-left: 0 !important; line-height: 1.25
}



.nav-pills .nav-link {
    border-radius: 1.2rem !important;
    padding: .4rem 1.1rem;
    border: .1rem solid #DDE4EE;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
    width: auto; /* Auto width for scrolling */
    box-sizing: border-box; /* Ensure padding and border are included in width */
    white-space: normal; /* Allow text to wrap */
    word-break: normal; /* Ensure long words break */
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #257C6A;
}
.nav-link:hover {
    color: #fff;
    background-color: #257C6A;
}

    .nav-pills {
        display: flex;
        flex-wrap: wrap; /* Allow items to wrap into multiple columns */
        justify-content: space-between;
        gap: 0.2rem; /* Add a small gap between tabs if needed */
        overflow-x: unset; /* Remove horizontal scrolling */
        white-space: normal; /* Allow line breaks */
    }

    .nav-pills li {
        flex: 1 1 16rem; 
        display: flex;
        justify-content: center;
        max-width: 16rem;
     margin-bottom: 1rem;
    }

    .nav-pills .nav-link {
        width: 100%; /* Ensure the button takes the full width of the list item */
    }
@media (max-width:1200px) {
.nav-pills {
    justify-content: flex-start;
}
     .nav-pills li {
     margin-right: 1rem
    }
}

@media (min-width:1200px) {
    .nav-pills li {
        flex: 1 1 17rem; 
        max-width: 17rem;
    }

}
@media (max-width:715px) {
    .nav-pills li {
        flex: 1 1 13rem; 
        max-width: 13rem;
    }
     .nav-pills {
        justify-content: center;
    }
}

@media (max-width:464px) {
    .nav-pills li {
        flex: 1 1 13rem; 
        max-width: 48%;
     min-height: 5.2rem
    }

}
@media (max-width:325px) {
    .nav-pills li {
        flex: 1 1 13rem; 
        max-width: 13rem;
    }
}
#pills-tabContent {
    margin-top: 2rem;
    border: .1rem solid #DDE4EE;
    border-radius: 3.2rem;
    padding: 2rem 2rem 1rem;
}
@media (min-width:1200px) {
 #pills-tabContent {
    padding: 4.5rem;
}
}
.tab-pane h3 {
    font-weight: 700;
    margin-bottom: 4rem;
}

.why-lists {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    column-gap: 2rem;
}

.why-list {
    break-inside: avoid;
    padding: .5rem 2rem;
    border-radius: 1.2rem;
    border: solid .1rem #DDE4EE;
    display: flex;
    align-items: center;
    gap: 1rem;
    min-height: 8.85rem;
    margin-bottom: 2rem;
}

.why-list span.list-number {
    font-weight: 700;
    color: #D60250;
    border-radius: 50%;
    background: #FDE6EE;
    width: 5.6rem;
    height: 5.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.1rem;
    text-align: center;
}

.why-list span.list-text {
    flex: 1;
    line-height: 1.5;
}

.tab-icon {
    color: #FFF;
    background: #D60250;
    width: 4.3rem;
    height: 4.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    text-align: center;
    border-radius: 50%;
    font-weight: 400;
}

@media (max-width: 767px) {
    .why-lists {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
    }
}


/*Our process*/
.our-process{display: block; overflow: hidden}
.our-process h2{max-width:69rem}
.our-process-list{padding:5.6rem  6.4rem; border-radius: 3.2rem; border: solid .1rem #DDE4EE;background: #fff }
.process-list {display: flex;align-items: center;gap: 1rem; }
 @media (max-width: 768px) {
  .our-process-list{padding:2.5rem  2.5rem; }
  .process-list {margin-bottom: 3.5rem }
   .col-md-4:last-child .process-list {margin-bottom: 0rem }
}

span.process-list-number {font-weight: 700; color:#fff ; border-radius: 50%; background:#D60250 ; width: 5.6rem; height: 5.6rem; display: flex;align-items: center; justify-content: center; font-size: 2.1rem; text-align: center;}
 span.process-list-text {flex: 1;line-height: 1.5;}
span.process-list-text h3{font-size: 1.8rem; font-weight: 700; margin-bottom:.5rem}
.process-list-wrap{  display: block; background: linear-gradient(to bottom, white 60%, #00322C 50%);} 

.process-list2 {display: flex;align-items: center;gap: 1rem; }
.process-list-check{display: flex;align-items: center; justify-content: center; font-size:3rem; text-align: center; color: #3EC4A7
}
.process2-list-text{flex: 1;line-height: 1.5;margin-left: 1rem}



/*Services CPT*/
.service-thumbnail{dispplay:block; overflow:hidden; border-radius:2rem }
.services h1.article_heading{font-weight: 700 }

/*services query*/
.services-wrapper{margin-top: 5rem}
.service-item{height: 100%; width: 100%; border: .1rem solid #EAEAEA; padding:1rem 1rem 2rem; border-radius: 1.6rem; display: block; text-decoration: none}

.service-item img{border-radius:1.2rem; display: block; overflow: hidden}
.service-item h2{font-size:2.4rem; font-weight: 600; margin-bottom: 1rem }
.service-item:hover, .service-item:hover img {background:#EAF4F2 }
.service-item:hover .btn-tertiary{background:#257C6A !important; color: #fff !important }
.service-item:hover .btn-secondary{background:#fff !important; color:#00322C !important }
.service-content{display: block; padding:2rem 2rem 0; color: #000}

.services-cta1{display: block; overflow: hidden; margin-top: 6rem}
.services-cta1 h2{font-size: 3.2rem; font-weight: 700}
@media (min-width: 768px) {
.services-cta1-checklist ul {-webkit-columns: 2;-moz-columns: 2;columns: 2;line-height: 2.6rem;margin-top: 15px}
}
.services-cta1-checklist ul {list-style: none;padding-left: 0;}
.services-cta1-checklist ul li {position: relative;padding-left:3rem;list-style: none;font-size: 1.7rem;font-weight:500; margin-bottom:2rem; margin-left: 0 !important}
.services-cta1-checklist ul li::before {content: "\f058"; font-family: "Font Awesome 6 Pro";font-weight: 900;position: absolute;left: 0;top: 0;color:#005249;font-size: 2.2rem}

.services-cta2{display: block; overflow: hidden; margin-top: 6rem; padding: 6rem 0}
.services-cta2 h2{font-size: 3.2rem; font-weight: 700}
.services-cta2 h3{font-size: 2.4rem; font-weight: 600}
.services-cta2 .services-list-icon {font-size:3rem; border: .1rem solid #3EC4A7; border-radius:2rem; color: #3EC4A7; display:flex; height:8rem; width:8rem; text-align: center; justify-content: center;align-items: center; margin-bottom: 2rem}
/*single services*/
@media (min-width: 768px) {
.services-intro ul {-webkit-columns: 2;-moz-columns: 2;columns: 2;line-height: 2.6rem;margin-top: 15px}
}
.services-intro ul {list-style: none;padding-left: 0;}
.services-intro ul li {position: relative;padding-left: 25px;list-style: none;font-size: 1.7rem;font-weight:500; margin-bottom:2rem; margin-left: 0 !important}
.services-intro ul li::before {content: "\f00c"; font-family: "Font Awesome 6 Pro";font-weight: 900;position: absolute;left: 0;top: 0;color:#005249;font-size: 1.8rem}

/*Accordions*/
.accordion-item{border: none !important;  margin: 0 .2rem 2rem}
.accordion-button{font-size:2.2rem; font-weight: 700; background: #F1F1F1; padding: 1.6rem 2.4rem; border-width: 0 !important; border-radius: 2rem !important; line-height: 1.3  }
.accordion-button:not(.collapsed) {color:#fff !important;background-color: #257C6A !important;}
.accordion-button::after {width:4.8rem;height:4.8rem;margin-left: auto;background-size: 2.5rem;background-color: #fff;background-position: center center; border-radius:1.2rem }
.accordion-body {padding-top: 2rem}
.accordion-button:not(.collapsed) .comment-icon{color:#257C6A !important;background-color: #fff !important;}

/*Faqs*/
.faqs-acc-wrapper{display: block; margin-top:4rem; margin-bottom: 4rem; overflow: hidden}
.faqs-topic-title{font-size:3rem; font-weight: 500 }
.comment-icon{color: #FFF;background:#257C6A; width:5rem; height: 5rem; display: flex;align-items: center; justify-content: center; font-size: 2.5rem; text-align: center; border-radius: 50%; font-weight: 400; margin-right:1.5rem}
.faqs-links{ display: flex;align-items: center; width: 100%; margin: 4rem 0}
.faqs-links a{color: #000}
.faqs-links-divider{font-size:.6rem; display: inline-block; margin: 0 2rem; padding-top: .3rem}
.faqs-links .faqs-links-divider:last-child{display: none}
@media (max-width:992px) {
 .accordion-button {font-size: 1.8rem; padding: 1.5rem}
 .accordion-button::after {width: 4rem;height: 4rem;}
 .comment-icon {
    width: 4rem;
    height: 4rem;
    margin-right: 1rem;
}
 .faqs-topic-title {
    font-size: 2rem; font-weight: 700
}
}
@media (max-width:767px) {
 .accordion-button {font-size: 1.6rem; font-weight: 600}
}
/*Closed Days*/
.closed-days{margin-bottom:6rem; padding: 5rem 0}
.closed-days h2{font-size:3.2rem; font-weight: 700}
.cd-intro{font-weight: 500}
.single-closed-day{padding:2.4rem; color:#000; border-radius:1.6rem }
/*Integrations Page*/
.integrations-wrapper{margin-top:5rem; display: block; overflow: hidden}
.single-integration{width: 100%; height: 100%; border: .1rem solid #EAEAEA; text-align: center;padding:3rem; line-height: 1; font-size: 2rem ; font-weight: 600; border-radius: 1.2rem}
.single-integration hr{ border-bottom:.2rem solid #E7E7E7; max-width: 10rem;  margin: 0 auto 2.5rem; }
.integration-logo{width:100%; max-width: 20rem;height: 14rem; margin: 0 auto; display: flex;align-items: center;justify-content: center;}


.integration-logo img{width: 100%; height: auto; max-height:7rem }
@media (max-width: 767px) {
.integration-logo{width:100%; max-width:14rem;height:8rem; margin: 0 auto; display: flex;align-items: center;justify-content: center;}
 .single-integration{font-size: 1.6rem; padding: 1rem}
 .integration-logo img {
    max-height:5.5rem;
}
}

.integration-name{display: block; text-align: center; }

.star-reviews-cta-wrapper{background:#00322C; padding: 6rem 0; margin: 4rem 0}
.star-reviews-cta{background: #fff; border-radius:2.4rem; padding: 4rem 2rem }
.star-reviews-cta p{margin-bottom: 0}
/*reviews page*/
.bordered{border-radius: 2.4rem; border: solid .1rem #eaeaea; padding: 3rem 4.5rem}
.customer-logo {
    width: 100%;
    max-width: 15rem;
    height: 14rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.customer-logo img {
    max-width: 100%;
    height: auto;
    max-height:6rem;
}
@media (min-width: 768px) {
 .customer-logo {
    max-width: 20rem;
}
   .customers .col-lg-2 {
        flex: 0 0 auto;
        width: 20%;
    }
}

/* Fetaured Case studies*/
.case-studies-featured{display: block; overflow: hidden; }
.single-featured{height:47rem; border-radius:1.6rem; background-size: cover; background-position: center; background-repeat: no-repeat; border: solid .1rem #ccc; position: relative}

.single-featured h2{font-size:2.1rem; font-weight:500}
.single-overlay{position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.8); color: white; padding: 2rem;border-bottom-left-radius: 1.6rem;border-bottom-right-radius: 1.6rem; }
.case-studies-featured a:hover .btn-tertiary  {
  background: #EAF4F2 !important;
}
.case-studies-featured a:hover .single-overlay{background: rgba(0, 0, 0, 0.9); }

/*reviews*/
.reviews-wrapper{background:#00322C; padding: 8rem 0 6rem; }
.reviews-wrapper h2{color: #fff; font-size: 3.2rem; font-weight: 700; margin-bottom:6rem}
.reviews-item, .testimonials-carousel.owl-theme .item, .testimonials-carousel2.owl-theme .item{position: relative; padding: 3rem 3rem;font-size: 1.7rem; font-weight: 500;     border-radius: 1.6rem;background: rgb(240, 248, 245);background: linear-gradient(197deg, rgba(240, 248, 245, 1) 48%, rgba(238, 205, 216, 0.9696472338935574) 98%); line-height: 1.5}
.t-title{display: block; margin-bottom:2rem; text-transform: uppercase}
.t-name{text-transform: capitalize; font-weight: 600}
.t-company{font-size: 1.6rem}
.thumb{width:7.2rem; height:7.2rem; float:left; border-radius: 50%; display: block; overflow: hidden; margin-right:1.5rem}
.t-quote{position: absolute !important; font-size:3.2rem; right:1rem; top:2rem }
.testimonials-carousel.owl-theme .item .t-quote, .testimonials-carousel2.owl-theme .item .t-quote{top:1rem }
.t-text b, .t-text strong{font-weight:600 }
.t-rate{font-weight:500}
.t-rate i{color:#E70358 }

@media (max-width:565px) {
 .reviews-item, .testimonials-carousel.owl-theme .item, .testimonials-carousel2.owl-theme .item{height: unset !important;min-height: 30rem  }
}

/*Contact*/
.fulfillrite-info h2{font-size: 1.6rem; font-weight: 600; display: flex;align-items: center;  }
.fulfillrite-info h2 i {margin-right: 0.3em; }
.fulfillrite-hours{margin-top: 6rem; }

.fulfillrite-info i{color:#2C8F7A; font-size: 3rem  }

.fulfillrite-hours h2{font-size:3.2rem; font-weight: 700 }
.fulfillrite-hours i {
    background: #E70358;
    color: #fff;
    border-radius: 1.2rem;
    height: 4rem;
    width: 4rem;
    text-align: center;
    vertical-align: bottom;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.fulfillrite-hours .fa-clock-four:before,.fulfillrite-hours .fa-clock:before {
    font-size: 2rem;
}
.fulfillrite-hours .fa-buildings:before {
    font-size: 2rem; font-weight: 400
}

.quote-checklist{background:#00322C; padding: 5rem 0 }
.quote-form{}
@media (min-width: 768px) {
 .quote-form{margin-bottom: -40rem; z-index: 9;}
.checklist .quote-form{margin-bottom: -40rem; z-index: 9; padding-top:0rem}
}
/*Partners*/
.partners{height: 100%}
.partners h2 a{font-weight: 700; font-size: 2.8rem; margin-top: 3rem; color: #000; text-decoration: none}
.partners h2 a:hover{text-decoration:underline}
.partners img{border:.1rem solid #EDEDED !important; border-radius:2.4rem; }
.partners a:hover img{opacity: .8}

/*Press Kit*/
.press-locations-wrapper{margin: 5rem 0; display: block; overflow: hidden}
.press-locations-wrapper h2{font-size: 2.4rem}
.items-center {
    font-size: 1.6rem;
    font-weight: 600;
    display: flex;
    align-items: center;
}
.press-social-media{font-size: 2.4rem; font-weight: 600}
.press-social-media a:first-child{margin-left: 1rem}
.press-locations-wrapper i {
    background: #E70358 !important;
    color: #fff !important;
    border-radius: 1.2rem;
    height: 4rem;
    width: 4rem;
    text-align: center;
    vertical-align: bottom;
    display: inline-flex;
    justify-content: center;
    align-items: center; margin-right: 1rem; font-size: 2rem; font-weight: 400
}

.press-boxes{display: block; overflow: hidden; margin:8rem 0 0rem}
.press-boxes a{color: #000; text-decoration: none}
.press-boxes a:hover{opacity: .8}
.press-box{height: 100%; background-size: cover;width: 100%; min-height:20rem; background-position: center center; border-radius: 2.4rem}
.press-boxes h2{font-size:2.6rem; margin-top: 1rem; padding-left: .5rem}
.press-boxes .col{padding-bottom:4rem}
@media (min-width: 768px) {
 .press-box{ min-height:28rem;}
 .press-boxes .col-12 {width: 33.33333333%;}
 .press-boxes .col-12:first-child {width:59%;}
  .press-boxes .col-12:nth-child(2) {width:41%;}
}
@media (max-width: 767px) {
 .press-boxes .col-12 {width: 50%;}
 .press-boxes .col-12:first-child {width:100%;}
  .press-boxes .col-12:nth-child(2) {width:50%;}
 .press-boxes h2{font-size:2.2rem; }
}
@media (max-width: 575px) {
.press-box{ min-height:12rem;}
.press-boxes h2{font-size:1.9rem; }
 .press-boxes .col{padding-bottom:3rem}
}
@media (max-width: 460px) {
.press-box{ min-height:9rem;}
 .press-boxes h2{font-size:1.6rem; }
}
/* lead-boxes*/
.lead-boxes{display: block; overflow: hidden; margin: 8rem 0 5rem}
.lead-boxes h2{ font-weight: 700; margin-bottom: 4rem}
.lead-boxes h3{font-size: 2.4rem; font-weight: 600; margin-bottom:1rem}

.tab-icon3{color: #FFF;background:#2C8F7A; width:10rem; height:10rem; display: flex;align-items: center; justify-content: center; font-size:4rem; text-align: center; border-radius:2.4rem; font-weight: 400; margin-bottom: 3rem}
.tab-icon2{color:#2C8F7A;border:solid .1rem #2C8F7A; width:10rem; height:10rem; display: flex;align-items: center; justify-content: center; font-size:4rem; text-align: center; border-radius:2.4rem;  margin-bottom: 3rem}
.tab-icon2 i{font-weight: 300 !important; }

/*company*/
.single-location{margin-bottom: 3rem; }
.single-location:last-child{margin-bottom: 0}
.single-address{padding-left: 5rem; margin-top: .5rem}

.hours-locations i{
    background: #257C6A !important;
    color: #fff !important;
    border-radius: 1.2rem;
    height: 4rem;
    width: 4rem;
    text-align: center;
    vertical-align: bottom;
    display: inline-flex;
    justify-content: center;
    align-items: center; margin-right: 1rem; font-size: 2rem; font-weight: 400
}
.map-locations i {
   color: #257C6A !important;
 font-size: 3rem; margin-right:1rem
}
.map-locations{margin-bottom:5rem}
.single-map-location{padding-left:3.5rem}
/*Dashboard*/
.screens{overflow: hidden; display: block; position: relative; margin-bottom:8rem}
.screens ul {list-style: none;padding-left: 0;}
.screens ul li {position: relative;padding-left:4rem;list-style: none;font-size:1.7rem;font-weight:500; margin-bottom:2rem}
.screens ul li::before {content: "\f058"; font-family: "Font Awesome 6 Pro";font-weight: 900;position: absolute;left: 0;top: 0;color:#2C8F7A
;font-size:3rem}

/*Glossary*/
#glossary-filters {
    margin-bottom: 20px;
}

.glossary-filter {
    background: #fff;
    color: #000;
    letter-spacing: 0;
    font-size: 1.6rem;
    border-radius: 1.2rem;
 width:4rem; height: 4rem;
    -webkit-appearance: none;
    text-align: center;
    border: .1rem solid #CCD4E0;
 display: inline-block;margin-right: 1.5rem; margin-bottom: 1.5rem;
  line-height:3.8rem;
 padding: 0 !important
}


@media (max-width: 460px) {
 .glossary-filter {
margin-right: 1.2rem; margin-bottom: 1.2rem;
}
}

.glossary-filter:hover, .glossary-filter.active {
    background: #00322C; color: #fff

}
.glossary-section {
    margin-bottom: 40px;
}

#glossary-search {
    margin-bottom: 20px;
}

#glossary-search-input, #partner-search-input, #partner-category {
    width: 100%;
    padding: 10px;
    font-size: 1.6rem;
 border-radius: 1.2rem
}

h2.alpha-header{color:#C7E7E1; font-size: 8rem;  font-weight: 700;  text-shadow: -1px 0 #2C8F7A, 0 1px #2C8F7A, 1px 0 #2C8F7A, 0 -1px #2C8F7A; padding-left: .5rem}
.glossary-title i {
    background:#2C8F7A;
    color: #fff;
    border-radius: .5rem;
    height:3rem;
    width: 3rem;
    text-align: center;
    vertical-align: bottom;
    display: inline-flex;
    justify-content: center;
    align-items: center;
 margin-right:.8rem
}
.glossary-title h3{font-size: 1.7rem; margin: 0}
.single-glossary{height: 100%; width: 100%; border: .1rem solid #EAEAEA; border-radius: 2rem; padding: 2.4rem}


.glossary-section:last-child {
    margin-bottom: 0;
}

/* Base Navbar Styles */
.navbar {
  padding: 0;
  background: #EAF4F2;
 border-radius: 1.2rem
}

.navbar ul li a {
  text-decoration: none;
  color: #000;
  font-size: 1.6rem;
  font-weight: 500;
  padding: .6rem 2rem;
  display: block;
}

.navbar ul li a:focus {
  text-decoration: none;
  color: #000;
}

.navbar ul li {
  list-style: none !important;
}

.navbar ul li:hover > a,
.navbar ul li:focus-within > a {
  color: #247C6A;
  text-decoration: none;
}

.navbar ul li li:hover > a,
.navbar ul li li:focus-within > a {
  color: #246160;
  text-decoration: none;
}

.navbar .current-menu-item > a, 
.navbarD .current-menu-ancestor > a {
  color: #247C6A;
  font-weight: 600;
}

.navbar .current-menu-item{}
.navbar-toggler, .navbar-toggler:focus {
  color: #247C6A;
  font-size: 1.8rem;
  line-height: 3rem;
  float: right;
 border-radius: 1rem
}

.navbar-toggler:focus, .navbar-toggler:focus-visible {

}

@media (max-width: 991px) {
  .toggle-menu-button {
    display: inline-block;
    float: right;
    margin-top: 0;
    padding: .6rem 1.5rem 0;
    margin-right: 0;
    color: #246160;
    font-size: 1.7rem;
    font-weight: 500;
  }

  .toggle-menu-button .line {
    position: relative;
    display: block;
    width: 3rem;
    height: .3rem;
    margin-bottom: .6rem;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    background: #407d7c;
    -webkit-transition: .5s;
    transition: .5s;
  }
}

/* Dropdown Menu CSS */
.navbar-nav .menu-item-has-children {
  position: relative;
}

.navbar-nav .menu-item-has-children > a {
  position: relative;
  padding-right: 3.5rem; /* Add some padding to make space for the icon */
}

.navbar-nav .sub-menu a {
  display: block;
}

@media (min-width: 992px) {
  .navbar {
    background: #fff;
  }


  .navbar-nav .menu-item-has-children:hover > .sub-menu,
  .navbar-nav .menu-item-has-children:focus-within > .sub-menu {
    display: block;
    opacity: 1;
    visibility: visible;
  }

  .navbar-nav .menu-item-has-children > a::after {
    content: "\f107";
    position: absolute;
    right: 1.8rem;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'FontAwesome';
    pointer-events: none;
   margin-top: .2rem
  }

  .navbar-nav .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    width: 28rem;
    padding: 1rem 0;
    margin: 0;
    color: #f9f9f9;
    text-align: left;
    list-style: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
    background: #fff;
    box-shadow: 0 4px 10px -2px rgba(0, 0, 0, .1);
  }

  .navbar ul li.loginmenu a {
    background: #fff;
    font-weight: 400;
    color: #000;
    display: inline-block;
    text-align: center;
    padding: 1.6rem 3.2rem;
    margin-top: 0rem;
    text-decoration: none;
    -webkit-appearance: none;
    border-color: none;
    cursor: pointer;
    border: .1rem solid #DDE4EE;
    border-radius: 1.2rem;
  }

  .navbar ul li.loginmenu a:hover {
    background: #EAF4F2;
  }

  .navbar ul li.quotemenu a {
    background: #E70358;
    font-weight: 400;
    color: #fff;
    display: inline-block;
    text-align: center;
    padding: 1.6rem 3.2rem;
    margin-top: 0rem;
    text-decoration: none;
    -webkit-appearance: none;
    border-color: none;
    cursor: pointer;
    border: .1rem solid #DDE4EE;
    border-radius: 1.2rem;
    margin-left: 1.5rem;
  }

  .navbar ul li.quotemenu a:hover {
    background: #FDE6EE;
    color: #C7024B;
  }

  .navbar ul li.quotemenu,
  .navbar ul li.loginmenu {
    display: none;
  }
}

.navbar ul li .down {
  display: none;
  width: 34px;
  height: 34px;
  cursor: pointer;
  background-color: #fff;
  position: absolute;
  top: .25rem;
  right: 1.5rem;
  font-size: 1.6rem;
  line-height: 36px;
  text-align: center;
 border-radius: .5rem
}

.navbar ul li .down.opened {
  background-position: 0 -30px;
}

@media (max-width: 991px) {
 .navbar ul li{border-bottom: .1rem solid #fff}
 
 .navbar .current-menu-item a {
  color: #E70358; 
}
  .navbar-nav .sub-menu {
    display: none;
  }

  .navbar ul li .down {
    display: inline-block;
  }

  .navbar-nav .sub-menu li {
    margin-left: 2rem;
  }
}

@media (max-width: 1159px) {
  .header .btn-tertiary {
    margin-bottom: 1.5rem;
  }
}

/*blog post*/
.blog-post{padding-bottom: 12rem}
.post-thumb{display: block; margin-bottom:4rem}
.post-thumb img{width: 100%; height:auto;border: .1rem solid #EAEAEA; border-radius: 3.2rem}

.single-post-meta{display: block; margin-bottom: 3rem}
.meta-btn{display: inline-block; padding: .6rem 1.8rem; border-radius: 3rem; border:.1rem solid #EAEAEA; margin-right: 1rem; margin-bottom: 1rem; font-size: 1.5rem; font-weight: 500; white-space: nowrap}
.meta-btn.latest{ border:.0rem solid #EAEAEA; background: #257C6A; color: #fff }
.meta-btn span{font-size:1.5rem; font-weight: 400}
.blog-sidebar{display: block; overflow: hidden;margin-top:2.5rem}
@media (min-width: 851px) {
    .blog-sidebarD {
        position: -webkit-sticky;
        position: sticky;
        top: 2rem;
        bottom: 4rem;
        z-index: 9;
    }
}
.blog-sidebar h2{font-size:2.1rem; font-weight: 500 }
.recent-posts{display: block; overflow: hidden; margin-bottom:8rem}
.recent-posts-sidebar h3{font-size:1.6rem;font-weight:400 }
.recent-posts-sidebar a{color: #000; text-decoration: none}
.recent-posts-sidebar a:hover{ text-decoration:underline}
.recent-posts-sidebar .items-center {font-weight: 500;}
.recent-posts-sidebar i {
    background: #257C6A !important;
    color: #fff !important;
    border-radius: 1.2rem;
    height: 4rem;
    width: 4rem;
    text-align: center;
    vertical-align: bottom;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 1rem;
    font-size: 2rem;
    font-weight: 400;
}
.recent-posts-sidebar a {
    display: inline-block;
    vertical-align: middle;
    flex: 1;
}
.cat-btn a{display: inline-block; padding: .6rem 1.8rem; border-radius: 3rem; margin-right: 1rem; background: #FDE6EE; color: #000; text-decoration: none; margin-bottom: 1rem; font-size: 1.6rem;}
.cat-btn a:hover{ background:#E70358; color: #fff;}
.cat-btn2{display: inline-block; padding: .6rem 1.8rem; border-radius: 3rem; margin-right: 1rem; background: #FDE6EE; color: #000; text-decoration: none; margin-bottom: 1rem; font-size: 1.5rem; white-space: nowrap  }

.single-blog-list{height: 100%; position: relative}
.single-blog-list h2{font-size: 1.8rem; font-weight: 700}
.single-blog-list img{border-radius:2.1rem; margin-bottom: 3rem; border: .1rem solid #F0F0F0 }
.single-blog-list-content {
    padding:1rem;
}
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h5{margin-top:3rem}
.post-read-more {
    position: absolute;
    bottom:1rem;
    left:1rem;
    display: flex;
    align-items: center;
}
.latest-article{display: block; }
.blog-list-intro{ display: block;}
.blogsearch input[type="text"],
.blogsearch select {
  height: 44px;
  line-height: 44px;
  padding: 0 10px;
  font-size: 16px;
}

.blog-post iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9; /* Maintains the 16:9 aspect ratio */
}

.blogsearch  input[type="text"],
.blogsearch select {
  width: 100%;
  box-sizing: border-box;
     border-radius: 1.2rem;
 border:.1rem solid #DDE4EE
}

.blogsearch .btn.btn-primary,
.blogsearch [type=submit] {
text-align: center; padding: 1rem 3.2rem !important; width: 100%
}

.blog-thumbnail img{border-radius: 2.1rem;border: .1rem solid #F0F0F0}

.author-carousel{margin-top:3rem}
.posts-by-author{display: block; overflow: hidden; margin-bottom:12rem}
.posts-by-author .item .btn-tertiary {padding: 1.5rem 2.4rem}
.posts-by-author .item h2{font-size: 2.1rem; font-weight: 700}

.custom-share-buttons a {
    display: inline-block;
    margin-right:1rem;
    background-color:#EEF6F4;
    color:#257C6A;
    text-decoration: none;
    border-radius:.8rem;
    transition: background-color 0.3s ease;
    height:4rem;
    width: 4rem;
    font-size: 2rem;
    font-weight: 400;
    text-align: center;
    margin: 0 1.5rem 0 0;
    line-height: 4rem;
}
.custom-share-buttons a:hover {
    background-color:#257C6A;
    color:#fff;
}
.custom-share-buttons{margin-top:8rem; padding-top: 3rem; display: block; overflow: hidden; border-top: .1rem solid  #DFDFDF}
.post-content p{margin-bottom: 2.5rem}

.post-content blockquote {
    overflow-wrap: break-word;
     margin: 1.5rem 1rem 1.5rem 3rem;
    padding: 1.2rem;
font-style: italic;
    line-height: inherit;
    position: relative;
 border-left:.5rem solid rgba(0, 0, 0, .05);
 display: block; overflow: hidden; 
}
/*Klaviyo*/
html form.needsclick.klaviyo-form {padding: 0 !important; max-width: 100% !important; padding-left: 0 !important}
.blog-post .klaviyo-form{margin-bottom: 2rem; display: block}
.needsclick img{}
html .needsclick{min-height:  unset !important}
html form.needsclick.klaviyo-form [type=button] {
    background: #E70358;
    color: #fff;
    letter-spacing: 0;
    font-size: 1.6rem !important;
    border-radius: 1.2rem;
    padding: 1.6rem 4.8rem !important;
    -webkit-appearance: none;
    text-align: center;
    border: .0rem solid #DDE4EE !important;
 font-weight: 400 !important;
 height: unset !important;
 width: unset !important;
 max-width:unset !important;
  margin-left:auto !important; margin-right: auto
}
html form.needsclick.klaviyo-form [type=button]:hover {
background: #EAF4F2 !important;
  color: #000 !important;
}
html .needsclick input{margin-bottom: 1.5rem !important}

/*quform*/
.quform{ border: .1rem solid #EEEEEE;
    border-radius: 2.4rem;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.21);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.21);
    background: #fff; padding:3rem}
.checklist-form .quform{border: none; box-shadow: none; padding: 0}
.quform-button-submit{width: 100%; text-align: center; margin-right: 0 !important}
.quform-element-submit button{display: inline-block !important;}

.checklist-form{padding:4rem;
    border: .1rem solid #EEEEEE;
    border-radius: 2.4rem;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.21);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.21);
    background: #fff;}



.checklist-form h2{font-size: 2.4rem;}

/*quform*/
html .quform-success-message {
    background: rgb(246, 252, 250);
    background: linear-gradient(90deg, rgba(246, 252, 250, 1) 0%, rgba(253, 237, 243, 1) 50%, rgba(246, 252, 250, 1) 100%);
    border-left:0;
    color: #000;
    padding:2rem;
    margin:0;
    position: relative;
}
.quform-success-message-icon{display:none}

html #ez-toc-container{display:block; margin:2rem 0; padding:2.5rem !important}

/*blog navigation*/
/* Style the navigation container */
#nav-below {
    text-align: center;
    margin-top: 2rem;
}

/* Style the pagination links */
#nav-below .page-numbers {
    display: inline-block;
    margin: 0 0.5rem;
    padding: .5rem 1.3rem;
    border: 2px solid #333; /* Border color */
    border-radius: 0; /* Square buttons */
    text-decoration: none;
    color: #333; /* Text color */
    font-size: 1.6rem;
}

/* Style for the current page number */
#nav-below .page-numbers.current, #nav-below .page-numbers.current:hover {
    background-color:#00322C; /* Background color for active page */
    color: #fff; /* Text color for active page */
}

/* Style for hover and focus states */
#nav-below .page-numbers:hover,
#nav-below .page-numbers:focus {
    background-color: #00322C; /* Background color on hover */
    color: #fff; /* Text color on hover */
    border-color:#00322C; /* Border color on hover */
}

.custom-sitemap{ margin-top:5rem}

/*wp images*/
img, svg {
  max-width: 100%;
  height: auto
}
.alignleft {
  float: left;
  height: auto; margin-right: 2rem;
}
.alignright {
  float: right;
  height: auto; margin-right: 2rem
}
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: auto; margin-bottom: 2rem
}
figure.wp-caption.alignleft, img.alignleft {
  margin: 0 2.5rem 1rem 0
}
.wp-caption.alignleft {
  margin: 5px 1rem 5px 0
}
figure.wp-caption.alignright, img.alignright {
  margin: 0 0 1rem 2.5rem
}
.wp-caption.alignright {
  margin: 5px 0 5px 1rem
}
img.aligncenter {
  margin: 5px auto;
  height: auto
}
img.alignnone {
  margin: 5px 0;
  height: auto
}
.entry-caption, .gallery-caption, .wp-caption .wp-caption-text {
  display: block; padding: 1rem .5rem
}
.wp-caption { border: .1rem solid #DDDDDD; text-align: center; background-color: #EEEEEE; padding: 5px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0px; padding: 0px; border: 0px; }
.wp-caption p.wp-caption-text { margin: 0px; padding: 0px 0px 0px 0px; font-size: 1.1rem; font-weight: normal; line-height: 12px; }


div.wp-caption.alignright img[class*=wp-image-] {
  float: right
}
div.wp-caption.alignright .wp-caption-text {
  padding-left: 1rem
}
html .wp-caption{width: unset !important; display: block; overflow: hidden}
.rsswidget img, img.wp-smiley {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0
}
.wp-caption.alignleft + ol, .wp-caption.alignleft + ul {
  list-style-position: inside
}
@media only screen and (max-width:1024px) {
  .alignleft, .alignright {
    max-width: 400px
  }
}
@media only screen and (max-width:800px) {
  .alignleft, .alignright {
    max-width: 300px
  }
}
@media only screen and (max-width:615px) {
  .alignleft, .alignright {
    max-width: 100%;
    width: 100%;
    display: block;
    float: none;
    margin: 0 0 15px !important
  }
}
.gallery {
  margin: 0 -1.1666667% 1.75em
}
.gallery-item {
  display: inline-block;
  max-width: 33.33%;
  padding: 0 1.1400652% 2.2801304%;
  text-align: center;
  vertical-align: top;
  width: 100%
}
.gallery-columns-1 .gallery-item {
  max-width: 100%
}
.gallery-columns-2 .gallery-item {
  max-width: 50%
}
.gallery-columns-4 .gallery-item {
  max-width: 25%
}
.gallery-columns-5 .gallery-item {
  max-width: 20%
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%
}
.gallery-icon img {
  margin: 0 auto
}
.gallery-caption {
  color: #686868;
  display: block;
  font-size: 13px;
  font-size: .8125rem;
  font-style: italic;
  line-height: 1.6153846154;
  padding-top: .5384615385em
}
.gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {
  display: none
}
.fancybox-wrap, .fancybox-wrap * {
  -moz-box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
  -safari-box-sizing: content-box !important;
  box-sizing: content-box !important
}

/*Guides CTA*/
.guides-cta{display: block; overflow: hidden; padding: 2rem; margin: 3rem 0; text-align: center; background:rgb(166,216,205); width: 100%; clear: both}
.guides-cta h2{font-size:2.5rem}
.type-guides p{overflow: hidden;}



/* Target the second image within the .hero-logos container */
.hero-logos .row .single-stats:nth-of-type(2) img {
    margin-top: 0.5rem;
}

/* Target the third image within the .hero-logos container */
.hero-logos .row .single-stats:nth-of-type(3) img {
      margin-top: -.7rem;
}

/* Target the fourth image within the .hero-logos container */
.hero-logos .row .single-stats:nth-of-type(4) img {
     max-height: 4.2rem; margin-top:1.2rem;
}

/* Target the last image within the .hero-logos container */
.hero-logos .row .single-stats:last-of-type img {
    margin-top: -0.8rem;
}


.blog-page h2 a{color:#000; text-decoration:none}
.blog-page h2 a:hover{text-decoration:underline}
.blog-page a:hover img{opacity: .8}