/*
  Theme Name: Peace of Mind Home Sitting Plus
  Author: Whetham Solutions
  Author URI: https://whethamsolutions.com
  Description: Wordpress theme for Peace of Mind Home Sitting Plus. Use of this theme outside of this company's website is strictly prohibited.
  Template: ion
  Text Domain: pom
*/

@font-face {
  font-family: 'Noir Pro';
  src: url('fonts/NoirPro-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Noir Pro';
  src: url('fonts/NoirPro-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}



:root {
--font: "Raleway", sans-serif;
--heading: "Noir Pro", sans-serif;
--script: "Herr Von Muellerhoff", cursive;
--spacing: clamp(50px, 6.51042vw, 125px);
--radius: clamp(0px, 0vw, 0px);
--transition: all 0.35s ease;
--mainFontSize: clamp(15px, 1.19792vw, 23px);
--smallFontSize: clamp(12px, 0.9375vw, 18px);
--h1FontSize: clamp(33px, 3.75vw, 72px);
--h2FontSize: clamp(26px, 2.86458vw, 55px);
--h3FontSize: clamp(22px, 1.82292vw, 35px);
--h4FontSize: clamp(20px, 1.5625vw, 30px);
--lineHeight: 1.625;
--lineHeightSm: 1.25;
--lineHeightLg: 1.75;
--headingLineHeight: 1.1;
--containerAbove1600: 75.521vw;
--containerAbove1368: var(--containerAbove1600);
--blue: #325A6F;
--blueLight: #ECF5FA;
--yellow: #EBCC76;
--yellowLight: #F5F2E9;
--teal: #61D0DD;
--teal2: #52A2AB;
--tealLight: #EBF5F6;
--text: #5C5C5C;
--dark: #242424;
--light: #ECF5FA;
--gradient: linear-gradient(180deg, rgba(55,99,122,1) 0%, rgba(35,85,111,1) 100%);
--gradientFallback: var(--blue);
--primary: var(--teal);
--secondary: var(--blue);
--buttonPaddingTop: clamp(10.666666666666666px, 0.8333333333333334vw, 16px);
--buttonPaddingBottom: clamp(10.666666666666666px, 0.8333333333333334vw, 16px);
--buttonPaddingLeft: clamp(25.333333333333332px, 1.9791666666666667vw, 38px);
--buttonPaddingRight: clamp(25.333333333333332px, 1.9791666666666667vw, 38px);
--buttonCasing: none;
--buttonRadius: clamp(0px, 0vw, 0px);
--buttonFontSize: var(--mainFontSize);
--buttonWeight: 600;
--buttonLetterSpacing: clamp(0px, 0vw, 0px);
--buttonBorderWidth: clamp(0px, 0vw, 0px);
--buttonFont: var(--font);
--buttonTextColour: var(--dark);
--buttonBackgroundPrimary: var(--primary);
--buttonBackgroundSecondary: var(--secondary);
--buttonHoverBackgroundColour: #000000;
--buttonHoverFontColour: #ffffff;
--formFieldBorder: #cccccc;
--formFieldPaddingTop: clamp(9px, 0.67708vw, 13px);
--formFieldPaddingBottom: clamp(9px, 0.67708vw, 13px);
--formFieldPaddingLeft: clamp(17px, 1.30208vw, 25px);
--formFieldPaddingRight: clamp(17px, 1.30208vw, 25px);
--formFieldRadius: clamp(0px, 0vw, 0px);
}


body { overflow-x: hidden !important; }
.bg-gradient { background: var(--gradientFallback); background: var(--gradient); }

h1, h2, h3, h4 {
  font-family: var(--heading);
  color: var(--dark);
  text-transform: uppercase;
  font-weight: 600;
}

.hero {
  padding-top: clamp(90px, 10.375vw, 200px);
}

.admin-bar .hero {
  padding-top: clamp(90px, 9.375vw, 180px);
}


.hero .hero-video {
  max-width: clamp(750px, 58.59375vw, 1125px) !important;
  max-height: clamp(470px, 36.71875vw, 705px) !important;
}

.admin-bar .hero .hero-video:before {
  top: clamp(-30px, -1.5625vw, -20px);
}

.hero .hero-video .elementor-widget-container {
  position: relative;
  z-index: 2;
}

.hero .e-hosted-video {
  float: right;
  z-index: 2;
  position: relative;
  overflow: hidden;
  box-shadow: 0 clamp(4.6666666666667px, 0.36458333333333vw, 7px) clamp(33.333333333333px, 2.6041666666667vw, 50px) rgba(0,0,0,0.25);
}


.hero .e-hosted-video video {
  width: 101% !important;
  max-width: unset !important;
  margin-left: clamp(-2px, -0.10416666666667vw, -1.3333333333333px);
}


.hero .hero-heading {
  width: 100%;
}

.hero h1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
  top: clamp(8px, 4.5833333333333vw, 88px);
  left: 0;
  z-index: 10;
}

.pg-title h1 em, .pg-title h1 strong,
.hero h1 sup, .hero h1 strong, .hero h1 em {
  display: inline-block;
  line-height: 1;
  font-style: normal;
  font-weight: 600;
  padding: clamp(7.3333333333333px, 0.57291666666667vw, 11px) clamp(18px, 2.1875vw, 42px);
}

.pg-title h1 em,
.hero h1 sup {
  top: 0;
  font-size: inherit;
  background: #fff;
}

.pg-title h1 strong,
.hero h1 strong {
  background: var(--teal);
}

.hero h1 em {
  background: var(--yellow);
}

.hero .hero-text {
  width: clamp(440px, 34.375vw, 660px);
  z-index: 3;
  margin-top: clamp(-75px, -3.90625vw, -50px);
}

.hero .hero-text p {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
}

.hero .hero-text p strong {
  font-weight: normal;
  color: var(--dark);
  background: #fff;
  padding: clamp(10px, 1.09375vw, 21px) clamp(26.666666666667px, 2.0833333333333vw, 40px);
  line-height: 1.4;
  flex: 0 0 calc(100% - clamp(62px, 5.5729166666667vw, 107px));
  max-width: calc(100% - clamp(62px, 5.5729166666667vw, 107px));
}

.hero .hero-text p a {
  color: #000 !important;
  width: clamp(62px, 5.5729166666667vw, 107px);
  height: clamp(62px, 5.5729166666667vw, 107px);
  background: var(--teal);
  text-indent: clamp(-9999px, -520.78125vw, -6666px);
  background-image: url(i/icons/icon-arrow-down.svg?v=2);
  background-repeat: no-repeat;
  background-position: center;
  background-size: clamp(21px, 2.1875vw, 42px);
}

.hero .hero-text p a:hover, .hero .hero-text p a:focus {
  background: var(--yellow);
  background-image: url(i/icons/icon-arrow-down.svg?v=2);
  background-repeat: no-repeat;
  background-position: center;
  background-size: clamp(28px, 2.1875vw, 42px);
}

.navigation a {
  color: #fff;
  font-size: clamp(16.666666666667px, 1.3020833333333vw, 25px);
}

.navigation li:first-child {
  margin-right: auto;
}

#header {
  position: fixed;
  z-index: 10000;
  top: 0;
  padding: clamp(12px, 0.9375vw, 18px) 0;
  background-color: rgba(50,90,111,0);
  transition: var(--transition);
}

body.elementor-editor-active #header {
  top: 0;
  position: relative;
}

.admin-bar #header {
  top: 32px;
  padding: clamp(3.3333333333333px, 0.26041666666667vw, 5px) 0;
}

.navigation li:first-child svg {
  max-width: clamp(179px, 23.4375vw, 450px);
  height: auto;
  transition: var(--transition);
}

.navigation li:not(:first-child) a {
  padding: clamp(8px, 0.625vw, 12px) clamp(6.333333px, 1.1979166666667vw, 23px);
}

.navigation li:not(:first-child):last-child a {
  padding-right: 0;
}

.navigation .current-menu-item a, .navigation a:hover, .navigation a:focus {
  color: var(--teal);
}

.navigation li:first-child a:hover, .navigation li:first-child a:focus {
  opacity: 0.7;
}

#header.active {
  background-color: rgba(50,90,111,1);
  padding: clamp(3.3333333333333px, 0.26041666666667vw, 5px) 0;
}

#header.active .navigation li:first-child svg {
  max-width: clamp(150px, 10.416666666667vw, 200px);
}

.pg-section h2 {
  margin-bottom: clamp(6.6666666666667px, 0.52083333333333vw, 10px);
}

.pg-section h2 strong em {
  font-style: normal;
  position: relative;
  z-index: 2;
}

.pg-section h2 strong {
  position: relative;
}

.pg-section h2 strong:after {
  display: block;
  content: "";
  width: 100%;
  height: clamp(23.333333333333px, 1.8229166666667vw, 35px);
  background: var(--yellow);
  position: absolute;
  z-index: 1;
  bottom: clamp(3.3333333333333px, 0.26041666666667vw, 5px);
  right: clamp(-8px, -0.41666666666667vw, -5.3333333333333px);
}

.bg-light.pg-section h2 strong:after {
  background: var(--teal);
}

.home-mission #gallery-1 .gallery-item {
  width: 49%;
  float: none;
  max-width: 49%;
  display: block;
  margin: 0 !important;
  height: clamp(135px, 13.541666666667vw, 260px);
  overflow: hidden;
  position: relative;
}

.home-mission #gallery-1 br {
  display: none !important;
}

.home-mission #gallery-1 .gallery-item .gallery-icon img {
  border: none !important;
}

.home-mission #gallery-1 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: clamp(-45px, -2.34375vw, -30px) 0 0;
}

.home-mission #gallery-1 .gallery-item + .gallery-item {
  position: relative;
  top: clamp(30px, 2.34375vw, 45px);
}

.home-mission #gallery-1 .gallery-item:nth-child(1), .home-mission #gallery-1 .gallery-item:nth-child(2) {
  margin-bottom: clamp(6.6666666666667px, 0.52083333333333vw, 10px) !important;
}

.home-mission #gallery-1 .gallery-item:before {
  display: block;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  z-index: 3;
}

.home-mission #gallery-1 .gallery-item:nth-of-type(1):before,
.home-mission #gallery-1 .gallery-item:nth-of-type(4):before {
  background-color: var(--blue);
}
.home-mission #gallery-1 .gallery-item:nth-of-type(2):before {
  background-color: var(--yellow);
}
.home-mission #gallery-1 .gallery-item:nth-of-type(3):before {
  background-color: var(--teal);
}

#footer img[src*="svg"] {
  width: clamp(300px, 23.4375vw, 450px);
  height: auto;
  margin: 0 auto clamp(13.333333333333px, 1.0416666666667vw, 20px);
  display: block;
}

#footer .elementor-icon-list-items {
  margin: clamp(6.6666666666667px, 0.52083333333333vw, 10px) 0 0;
}

#footer .elementor-icon-list-items svg {
  width: auto;
  height: clamp(20.666666666667px, 1.6145833333333vw, 31px);
}

#footer .elementor-icon-list-items a {
  color: var(--dark);
}

#footer .elementor-icon-list-items a:hover, #footer .elementor-icon-list-items a:focus {
  color: var(--teal2);
  filter: grayscale(1);
}

#footer .elementor-icon-list-items li {
  margin: 0 clamp(26.666666666667px, 2.0833333333333vw, 40px) 0 0;
}



#footer .elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text {
  padding-left: clamp(6.6666666666667px, 0.52083333333333vw, 10px);
}

.copyright p {
  text-align: center;
  color: var(--dark);
}

.elementor-toggle .elementor-tab-content a,
.copyright a {
  text-decoration: underline !important;
  color: var(--blue);
}

.copyright a[href*="whetham"] {
  display: block;
}

.elementor-toggle .elementor-tab-content a:hover,
.elementor-toggle .elementor-tab-content a:focus,
.copyright a:hover, .copyright a:focus {
  color: var(--dark);
}

.elementor-toggle .elementor-tab-content p {
  color: var(--dark);
}

.why-use {
  padding-bottom: clamp(53.333333333333px, 4.1666666666667vw, 80px) !important;
}

.why-use h2 + p {
  max-width: clamp(610px, 47.65625vw, 915px);
  margin: 0 0 clamp(40px, 3.125vw, 60px);
}

.why-use h5 {
  color: var(--dark);
  font-size: var(--mainFontSize);
  max-width: 80%;
  margin: clamp(16.666666666667px, 1.3020833333333vw, 25px) 0 clamp(12px, 0.9375vw, 18px);
}

.why-use h5 a {
  text-decoration: none !important;
  color: var(--dark) !important;
}

.why-use h5 a:hover,
.why-use h5 a:focus {
  color: var(--blue) !important;
}

.media-video > a,
.media-article > a {
  display: block;
  position: relative;
}

.media-video > a:before   { content: "Watch Video"; }
.media-article > a:before { content: "Read Article"; }

.media-video > a:before,
.media-article > a:before {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: clamp(6.6666666666667px, 0.52083333333333vw, 10px);
  left: clamp(56.666666666667px, 4.4270833333333vw, 85px);
  height: clamp(50px, 3.90625vw, 75px);
  padding: 0 clamp(16.666666666667px, 1.3020833333333vw, 25px);
  background-color: var(--blue);
  color: #fff;
  font-family: var(--heading);
  text-transform: uppercase;
  font-weight: 600;
  font-size: clamp(20px, 1.5625vw, 30px);
  transition: var(--transition);
}

.media-video > a:after   { background-image: url(i/icons/icon-video.svg); }
.media-article > a:after { background-image: url(i/icons/icon-article.svg); }

.media-video > a:after,
.media-article > a:after {
  content: '';
  display: block;
  background-repeat: no-repeat;
  background-size: clamp(23.333333333333px, 1.8229166666667vw, 35px);
  background-position: center;
  height: clamp(50px, 3.90625vw, 75px);
  width: clamp(50px, 3.90625vw, 75px);
  bottom: clamp(6.6666666666667px, 0.52083333333333vw, 10px);
  left: clamp(6.6666666666667px, 0.52083333333333vw, 10px);
  background-color: var(--teal);
  position: absolute;
  transition: var(--transition);
}

.media-video > a:hover:after,
.media-video > a:focus:after,
.media-article > a:hover:after,
.media-article > a:focus:after {
  background-color: var(--yellow);
}

.media-video > a:hover:before,
.media-video > a:focus:before,
.media-article > a:hover:before,
.media-article > a:focus:before {
  background-color: var(--dark);
}

.why-use h2 + p {
  max-width: clamp(610px, 47.65625vw, 915px);
  margin: 0 0 clamp(40px, 3.125vw, 60px);
}

.why-use h5 {
  color: var(--dark);
  font-size: var(--mainFontSize);
  max-width: 80%;
}

.why-use h5 span {
  display: block;
  margin: clamp(16.666666666667px, 1.3020833333333vw, 25px) 0 clamp(12px, 0.9375vw, 18px);
}

.why-use h5 img {
  max-height: clamp(36.666666666667px, 2.8645833333333vw, 55px);
  width: auto;
}

.why-use .videos-articles {
  display: flex;
  list-style: none;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  z-index: 10;
  padding: 0;
  margin: 0;
}

.why-use .videos-articles li {
  flex: 0 0 48%;
  max-width: 48%;
}

@media (min-width: 768px) {
.why-use .videos-articles li:not(:nth-child(1), :nth-child(2)) {
  margin-top: clamp(40px, 3.125vw, 60px);
}
}

.faqs .elementor-toggle .elementor-tab-title {
  padding: clamp(23.333333333333px, 1.8229166666667vw, 35px) 0 !important;
  border-bottom: clamp(0.66666666666667px, 0.052083333333333vw, 1px) solid #C1D7E2;
}

.faqs .elementor-toggle .elementor-tab-content {
  padding: 0 0 clamp(23.333333333333px, 1.8229166666667vw, 35px);
  margin: clamp(-20px, -1.0416666666667vw, -13.333333333333px) 0 0;
  border: none;
}

.faqs .elementor-toggle .elementor-toggle-item:last-of-type .elementor-tab-title {
  border-bottom: none !important;
}

.services-lead {
  position: relative !important;
  z-index: 10 !important;
}

.pg-section.services-lead h2 {
  margin: 0;
  color: #fff;
}

.services-lead h2 + p {
  color: var(--teal);
}


.services-lead .elementor-icon-list-items {
  margin: clamp(16.666666666667px, 1.3020833333333vw, 25px) 0 0 !important;
}

.services-lead .elementor-icon-list-items .elementor-icon-list-icon {
  width: clamp(46px, 3.59375vw, 69px);
  height: clamp(46px, 3.59375vw, 69px);
  flex: 0 0 clamp(46px, 3.59375vw, 69px);
  display: flex;
  align-items: center;
  background: var(--yellow);
  justify-content: center;
  margin-right: clamp(14.666666666667px, 1.1458333333333vw, 22px);
}

.services-lead .elementor-icon-list-items .elementor-icon-list-icon svg {
  width: clamp(23.333333333333px, 1.8229166666667vw, 35px);
  height: auto;
}

.services-lead .elementor-icon-list-items .elementor-icon-list-text {
  font-size: clamp(23.333333333333px, 1.8229166666667vw, 35px);
  color: #fff;
  font-weight: 600;
  font-family: var(--heading);
  text-transform: uppercase;
  flex: 0 0 calc(100% - 65px);
  line-height: 1.1;
}

.services-lead .elementor-icon-list-items li:not(:last-child) {
  margin: 0 0 clamp(11.333333333333px, 0.88541666666667vw, 17px);
}

.services-lead #gallery-2 {
  position: relative;
}

.services-lead #gallery-2 img {
  border: none;
  height: auto !important;
  max-width: unset !important;
}

body:not(.elementor-editor-active) .services-lead #gallery-2 .gallery-item { position: absolute; }

body:not(.elementor-editor-active) .services-lead #gallery-2 .gallery-item:nth-of-type(1) { 
  z-index: 10;
  right: clamp(93.333333333333px, 7.2916666666667vw, 140px);
  top: clamp(26.666666666667px, 2.0833333333333vw, 40px);
}

body:not(.elementor-editor-active) .services-lead #gallery-2 .gallery-item:nth-of-type(2) { 
  z-index: 5;
  top: clamp(-520px, -27.083333333333vw, -346.66666666667px);
  margin: auto;
}

body:not(.elementor-editor-active) .services-lead #gallery-2 .gallery-item:nth-of-type(3) { 
  z-index: 2;
  right: clamp(200px, 15.625vw, 300px);
  top: clamp(66.666666666667px, 5.2083333333333vw, 100px);
}


.services-lead #gallery-2 .gallery-item:nth-of-type(1) img { width: clamp(436px, 43.4375vw, 834px); }
.services-lead #gallery-2 .gallery-item:nth-of-type(2) img { width: clamp(301.333333px, 36.041666666667vw, 692px); }
.services-lead #gallery-2 .gallery-item:nth-of-type(3) img { width: clamp(181.333333px, 21.979166666667vw, 422px); }

.pg-section.pb-double {
  padding-bottom: calc(var(--spacing) * 1.5);
}

.pg-section.pt-double {
  padding-top: calc(var(--spacing) * 1.5);
}
 


.pg404 h1 {
  font-size: clamp(120px, 9.375vw, 180px);
  line-height: 0.85;
  color: #fff;
  margin: 0 0 clamp(13.333333333333px, 1.0416666666667vw, 20px);
}

.pg404 h1 em { color: var(--teal);font-size: 35%;display: block;font-style: normal;}

.pg404 h1 + p {
 color: #fff;
}

.elementor-button:visited {
  color: var(--dark) !important;
}

.elementor-button:visited:hover,
.elementor-button:visited:focus {
  color: #fff !important;
}

.pg-title {
  padding: clamp(100px, 13.020833333333vw, 250px) 0 clamp(43.333333333333px, 3.3854166666667vw, 65px);
  max-height: clamp(333.33333333333px, 26.041666666667vw, 500px);
}


.pg-title h1 strong {
  margin-left: 30%;
}

.pg-privacy ul:not(:first-of-type) li strong {
  display: block;
}

.pg-section p a:not(.elementor-button, .button),
.pg-section li a:not(.elementor-button, .button) {
  color: var(--teal2);
  text-decoration: underline;
}

.pg-section p a:not(.elementor-button, .button):hover, 
.pg-section p a:not(.elementor-button, .button):focus
.pg-section li a:not(.elementor-button, .button):hover, 
.pg-section li a:not(.elementor-button, .button):focus {
  color: #000;
}

.after-title-content {
  position: relative;
  z-index: 100;
}

.pull-up {
  margin: clamp(-190px, -9.8958333333333vw, -126.66666666667px) 0 0 !important;
}

body:not(.home) .why-use {
  padding-top: var(--spacing) !important;
  border-top: clamp(23.333333333333px, 1.8229166666667vw, 35px) solid #ECF5FA;
}

body:not(.home) .why-use.after-dots-circle-teal:after {
  display: none;
}

#cform label {
  color: var(--dark);
  font-weight: 600;
  font-family: var(--heading);
  text-transform: uppercase;
  font-size: clamp(10.666666666667px, 0.83333333333333vw, 16px);
  margin: 0 0 clamp(4px, 0.3125vw, 6px);
  line-height: 1;
}

#cform .elementor-field-group {
  margin: 0 0 clamp(13.333333333333px, 1.0416666666667vw, 20px);
}

.pg-contact .content-left {
  background-color: var(--light);
  margin-right: clamp(26.666666666667px, 2.0833333333333vw, 40px);
  padding: clamp(30px, 2.34375vw, 45px) !important;
}

.pg-contact .content-left ul li {
  margin: 0 0 clamp(5.3333333333333px, 0.41666666666667vw, 8px);
}

.pg-contact .content-left p strong {
  color: var(--dark);
}

.pg-contact .content-left p, .pg-contact .content-left li {
  font-size: clamp(14px, 1.09375vw, 21px);
}

.pg-contact .content-left ul {
  margin-top: clamp(20px, 1.5625vw, 30px);
}

.pg-contact .content-left ul li a {
  color: var(--dark);
  text-decoration: none;
}

.pg-contact .content-left ul li a svg {
  width: clamp(17.333333333333px, 1.3541666666667vw, 26px);
  height: clamp(16px, 1.25vw, 24px);
  position: relative;
  top: clamp(0.66666666666667px, 0.052083333333333vw, 1px);
}

.pg-contact .content-left ul li:nth-child(3), .pg-contact .content-left ul li:nth-child(4) {
  display: inline-block;
  margin-top: clamp(10.666666666667px, 0.83333333333333vw, 16px);
}

.pg-contact .content-left ul li:nth-child(4) {
  margin-left: clamp(-7px, -0.36458333333333vw, -4.6666666666667px);
}

.pg-contact .content-left ul li a:hover, .pg-contact .content-left ul li a:focus {
  filter: grayscale(1);
  opacity: 0.9;
}

.captcha-note {
  text-align: right;
  margin: 0 0 clamp(6.6666666666667px, 0.52083333333333vw, 10px);
}

#cform .elementor-button {
  color: var(--dark);
}

#cform .elementor-button:hover, #cform .elementor-button:focus {
  color: #fff;
}

.img-overlay .elementor-widget-container {
  position: relative;
}

.img-overlay .elementor-widget-container:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: var(--dark);
  position: absolute;
  opacity: 0.6;
}

.img-overlay.blue .elementor-widget-container:before { background: var(--blue); }
.img-overlay.teal .elementor-widget-container:before { background: var(--teal); }
.img-overlay.yellow .elementor-widget-container:before { background: var(--yellow); }


.icon-boxes {
  height: 100%;
}

.icon-boxes .elementor-widget-container {
  padding: clamp(26.666666666667px, 2.0833333333333vw, 40px);
  height: 100%;
}


.icon-boxes .elementor-icon-box-wrapper {
  text-align: left !important;
}

.icon-boxes + .icon-boxes {
  margin-top: clamp(23.333333333333px, 1.8229166666667vw, 35px) !important;
}


.icon-boxes .teal .elementor-widget-container { background-color: var(--tealLight); }
.icon-boxes .blue .elementor-widget-container { background-color: var(--blueLight); }
.icon-boxes .yellow .elementor-widget-container { background-color: var(--yellowLight); }

.icon-boxes .elementor-icon-box-wrapper svg {
  width: auto !important;
  max-height: clamp(50px, 3.90625vw, 75px);
}

.icon-boxes .elementor-icon-box-wrapper p {
  font-size: var(--smallFontSize);
  color: var(--dark);
}

.fancy-list ul {
  list-style: none;
  margin: clamp(20px, 1.5625vw, 30px) 0 0;
  padding: 0;
}

.fancy-list ul li {
  margin: clamp(8.6666666666667px, 0.67708333333333vw, 13px) 0 0;
  padding: 0 0 0 clamp(27.333333333333px, 2.1354166666667vw, 41px);
  font-weight: 600;
  color: var(--dark);
  background-image: url(i/icons/icon-check.svg);
  background-position: 0 clamp(3.3333333333333px, 0.26041666666667vw, 5px);
  background-repeat: no-repeat;
  background-size: clamp(18.666666666667px, 1.4583333333333vw, 28px);
}

.fancy-list.fancy-list-inline ul {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 85%;
}

.fancy-list.fancy-list-inline ul li {
  flex: 0 0 50%;
  max-width: 50%;
}

.pg-outro p {
  font-weight: 300;
  font-family: var(--heading);
  text-transform: uppercase;
  color: #001939;
  font-size: var(--h2FontSize);
  letter-spacing: clamp(1.3333333333333px, 0.10416666666667vw, 2px);
  margin: 0 0 clamp(46.666666666667px, 3.6458333333333vw, 70px) -12.5%;
}

.pg-outro p em {
  font-style: normal;
  letter-spacing: clamp(0.66666666666667px, 0.052083333333333vw, 1px);
  font-family: var(--script);
  text-transform: none;
  font-size: 208%;
  color: #37637A;
  font-weight: 400;
  display: block;
  line-height: 0.65;
  margin-left: 12.5%;
}

.pg-section p strong, .pg-section p b {
  color: var(--dark);
}

.pg-contact .content-left ul li:nth-child(3) a svg, .pg-contact .content-left ul li:nth-child(4) a svg {
  width: clamp(20px, 1.40625vw, 27px);
  height: clamp(20px, 1.40625vw, 27px);
}

@media (min-width: 768px) {


  .hero .hero-video:before,
  .hero .hero-video:after {
    z-index: 1;
    content: '';
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
  }

  .hero .hero-video:before {
    background-image: url(i/decoration-dots-square-yellow.svg);
    width: clamp(155.33333333333px, 12.135416666667vw, 233px);
    height: clamp(155.33333333333px, 12.135416666667vw, 233px);
    top: clamp(-60px, -3.125vw, -40px);
    right: clamp(-60px, -3.125vw, -40px);
  }

  .hero .hero-video:after {
    background-image: url(i/decoration-waves-teal.svg);
    width: clamp(278px, 21.71875vw, 417px);
    height: clamp(72px, 5.625vw, 108px);
    bottom: clamp(-44px, -2.2916666666667vw, -29.333333333333px);
    left: clamp(-92px, -4.7916666666667vw, -61.333333333333px);
  }

  .before-triangle .elementor-widget-container,
  .home .media-article .elementor-widget-container,
  .after-dots-circle-grey .elementor-widget-container {
    position: relative;
    z-index: 2;
  }

  .after-dots-circle-grey:after {
    content: '';
    display: block;
    background-image: url(i/decoration-dots-circle-grey.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: clamp(225.33333333333px, 17.604166666667vw, 338px);
    width: clamp(225.33333333333px, 17.604166666667vw, 338px);
    left: clamp(-110px, -5.7291666666667vw, -73.333333333333px);
    bottom: clamp(-110px, -5.7291666666667vw, -73.333333333333px);
    z-index: 1;
    position: absolute;
  }


  .before-triangle:before {
    position: absolute;
    top: clamp(-176px, -9.1666666666667vw, -117.33333333333px);
    right: clamp(-190px, -9.8958333333333vw, -126.66666666667px);
    content: '';
    display: block;
    background-image: url(i/decoration-triangle.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: clamp(300px, 23.4375vw, 450px);
    width: clamp(244px, 19.0625vw, 366px);
  }

  .after-dots-circle-teal:after {
    content: '';
    display: block;
    background-image: url(i/decoration-dots-circle-teal.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: clamp(225.33333333333px, 17.604166666667vw, 338px);
    width: clamp(225.33333333333px, 17.604166666667vw, 338px);
    left: clamp(-145px, -7.5520833333333vw, -96.666666666667px);
    top: clamp(-145px, -7.5520833333333vw, -96.666666666667px);
    z-index: -1;
    position: absolute;
  }

  .home .media-article:after {
    content: '';
    display: block;
    background-image: url(i/decoration-lines-circle-teal.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: clamp(179.33333333333px, 14.010416666667vw, 269px);
    width: clamp(179.33333333333px, 14.010416666667vw, 269px);
    z-index: -1;
    position: absolute;
    top: clamp(-90px, -4.6875vw, -60px);
    right: clamp(-90px, -4.6875vw, -60px);
  }

  [class*="image-decoration-"] .elementor-widget-container {
    position: relative;
    z-index: 10;
  }

  [class*="image-decoration-"]:before {
    content: '';
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 1;
  }

  .image-decoration-1:before, .image-decoration-5:before {
    background-image: url(i/decoration-lines-circle-teal.svg);
    width: clamp(176.66666666667px, 13.802083333333vw, 265px);
    height: clamp(176.66666666667px, 13.802083333333vw, 265px);
  }

  .image-decoration-2:before, .image-decoration-6:before {
    background-image: url(i/decoration-triangle.svg);
    width: clamp(182px, 14.21875vw, 273px);
    height: clamp(260.66666666667px, 20.364583333333vw, 391px);
  }

  .image-decoration-3:before, .image-decoration-8:before {
    background-image: url(i/decoration-waves-yellow.svg);
    width: clamp(277.33333333333px, 21.666666666667vw, 416px);
    height: clamp(71.333333333333px, 5.5729166666667vw, 107px);
    bottom: clamp(-50px, -2.6041666666667vw, -33.333333333333px);
    left: clamp(-80px, -4.1666666666667vw, -53.333333333333px);  
  }

  .image-decoration-4:before, .image-decoration-7:before {
    background-image: url(i/decoration-dots-circle-teal.svg);
    width: clamp(313.33333333333px, 24.479166666667vw, 470px);
    height: clamp(313.33333333333px, 24.479166666667vw, 470px);
  }

  .image-decoration-9:before {
    background-image: url(i/decoration-dots-diamond-teal.svg);
    width: clamp(223.33333333333px, 17.447916666667vw, 335px);
    height: clamp(223.33333333333px, 17.447916666667vw, 335px);
    left: clamp(-150px, -7.8125vw, -100px);
    top: clamp(-150px, -7.8125vw, -100px);
  }

  .image-decoration-5:before {
    background-image: url(i/decoration-lines-circle-yellow.svg);
    right: clamp(-70px, -3.6458333333333vw, -46.666666666667px);
    top: clamp(-70px, -3.6458333333333vw, -46.666666666667px);
  }

  .image-decoration-6:before {
    top: clamp(-200px, -10.416666666667vw, -133.33333333333px);
    left: clamp(-110px, -5.7291666666667vw, -73.333333333333px);
  }

  .image-decoration-7:before {
    right: clamp(-100px, -5.2083333333333vw, -66.666666666667px);
    bottom: clamp(-90px, -4.6875vw, -60px);
  }

  .image-decoration-1:before {
    bottom: clamp(-80px, -4.1666666666667vw, -53.333333333333px);
    left: clamp(-80px, -4.1666666666667vw, -53.333333333333px);
  }

  .image-decoration-2:before {
    bottom: clamp(-150px, -7.8125vw, -100px);
    right: clamp(-140px, -7.2916666666667vw, -93.333333333333px);
  }

  .image-decoration-4:before {
    top: clamp(-106px, -5.5208333333333vw, -70.666666666667px);
    right: clamp(-140px, -7.2916666666667vw, -93.333333333333px);
  }
}


.mail-copied {
  background: var(--dark);
  font-size: 16px;
  max-width: 250px;
}