/** 
 * COLORS 
 */

:root {
  --osed-black: #141316;
  --osed-accent-2: #ef4748;
	--osed-accent: #686ea0;
  --osed-light-grey: #efefef;
  --osed-lighter-grey: #f4f2f2;
  --osed-grad: linear-gradient(90deg,rgba(255, 0, 0, 1) 0%, rgba(95, 52, 138, 1) 130%);
  --osed-pink: #f6dddd;
  --osed-grey: #6b6b76;
  --osed-dark-grey: #4d4b4f;
  --transition: all 0.4s ease 0s;
}

/* Smooth transition for background changes */ 
.main-navigation a { transition: background-color 0.3s ease; }


a.generate-back-to-top svg { 
  font-size: 3rem;
  background-color: #ffffff;
}



/* bakground colors  */

body .background-grey  { background: var(--osed-grey); }
body .background-grad  { background: var(--osed-grad); }
body .background-accent-red  { background-color: var(--osed-accent-2)!important }



/** 
 * TYPOGRAPHY
 */

/* COLOR */

body h1,
body h2,
body .small-titles,
body .small-titles a,
body .plan h3,
body .color-accent,
body span.accent--blue,
body .dark .color-accent { color: var(--osed-accent); }

body .dark h2,
body .dark ul li,
body .dark p,
body .dark h3 { color: #ffffff; }

body p.lead--pink,
body span.accent--pink,
body .feature.dark h3 { color: var(--osed-pink); }

body p.lead--accent-2,
body span.accent-2 { color: var(--accent-2); }


/* SIZE */


/* 14px */
body small { 
  font-size: 0.875rem; 
} 

/* 16px */
a.but--header { 
  font-size: 1rem; 
} 

/* 18px */
body .small-titles,
.small-title-separator,
a.but,
input[type="submit"] { 
  font-size: 1.125rem; 
} 

/* 22px */
.osed-footer-menu h3,
body .intro p,
body p.intro,
body .home-intro p,
body .plan h3 { 
  font-size: 1.375rem; 
} 

/* 26px */
.faq-holder__question h2,
body p.lead,
body h3 { 
  font-size: 1.625rem; 
} 

/* max 33.92px */

body h2 { 
  font-size: clamp(1.944rem, 1.44vw + 1.253rem, 2.12rem) 
} 

/* 48px */




/* 48px */



/* 80px */





/* WEIGHT */

/* 400 */

.small-title-separator,
a.but,
input[type="submit"],
body .nf-field-label label,
.faq-holder__question h2,
body ul.list-1,
body ul.list-2 { 
  font-weight: 400;
}

/* 600 */

body .mast-text h1  { 
  font-weight: 600; 
}

/* 700 */

body h2,
body .intro h2 {  
  font-weight: 700; 
} 


/* Text-Transform */

body .small-titles { text-transform: uppercase; }

/* Letter-spacing */

body p.small-titles { letter-spacing: 1.5px; }

/* line height */
body .intro p {
  line-height: 1.7em;
}
body .home-intro h2 {
  line-height: 1.25em;
}
body p.lead { line-height: 140%; }

/* Links */

body .link--light a { color: #ffffff; }
body .link--underline a {
  position: relative;
  text-decoration: none;
}

body .link--underline a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background: var(--osed-pink);
  transform: scaleX(0);
  transform-origin: left;
  transition: var(--transition);
}

body .link--underline a:hover::after { transform: scaleX(1); }

/* rounded corners */

.rounded-corners,
.service-items,
.faq-holder__question {
  border-radius: 0.4rem;
}


/* Misc */

body .text-underline { border-bottom:  2px solid var(--osed-accent); }
body h3.blurb {
  margin-left: 20px;
  padding-left: 20px;
  border-left: 2px solid var(--osed-accent);
  color: var(--osed-accent);
}

body .highlights h3 {
  padding: 10px 30px;
  background-color: var(--osed-accent);
  color: var(--osed-pink);
  display: inline-block;
  border-radius: 2em;
}


/*** TYPOGRAPHY ENDS ***/




/** 
 * HEADER
 */

.top-bar { display: none; }
body .site-header .header-image { width: 200px; }
.main-navigation a { background-color: transparent; }
.main-navigation.is_stuck { background-color: #ffffff; }
body .main-navigation  {  padding: 10px 0; }
body .navigation-branding img {
  height: 70px;
  width: auto;
}

.header-cta { display: flex; }


/* home header styles */

.home .main-navigation {
  background-color: rgba(255, 255, 255, 0);
  position: absolute;
  width: 100%
}
.home .main-navigation.is_stuck { background-color: #ffffff; }
body.home .main-navigation .main-nav ul li a { color: #ffffff;}
body.home .main-navigation.is_stuck .main-nav ul li a { color: var(--osed-accent);}
body.home  .main-navigation.is_stuck ul.sub-menu li a { color: #ffffff;}
.home .site-logo img {
    content: url('/wp-content/uploads/2026/01/emergency_smiles_logo_white.png');
}


/** 
 * MISC ELEMENTS
 */

/* HR */

body .hr {
  border: none;
  border-bottom: 1px solid var(--osed-accent-2);
  width: 100%;
  opacity: 1;
}

.hr-small,
.hr-medium,
.hr-big,
.hr-fw {
  border: none;
  width: 60px;
  margin: 2rem auto;
  border: 1px solid var(--osed-accent-2);
}
.hr-medium {
  width: 100px;
}


.para-lines p {
  border-top: 1px solid var(--osed-accent);
  border-bottom: 1px solid var(--osed-accent);
  padding: 10px 0;
}

.col-2 {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  column-gap: 40px;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
}


/* title separator */

.small-title-separator {
  --line-scale: 1;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  letter-spacing: 1.5px;
  color: var(--osed-accent-2);
  margin: 6rem auto;
  text-transform: uppercase;
  text-align: center;
}

.small-title-separator::before,
.small-title-separator::after {
  content: "";
  flex: 1;
  height: 1px;
  background: currentColor;
  transform: scaleX(var(--line-scale));
}

.small-title-separator::before {
  transform-origin: right center;
}

.small-title-separator::after {
  transform-origin: left center;
}


.service-items {
  color: #ffffff;
  padding: 1rem;
  text-align: center;
}
body .service-items h2 { margin-bottom: 1rem; }
body .service-items span {
  border-bottom: 1px solid #ffffff;
  margin: 1rem 0;
  font-size: 1.8rem;
  display: inline-block;
  padding: 0 4px;
  color: var(--osed-pink);
}

/* Circle blurb */

body .circle-blurb {
  display: flex;
  width: 250px;
  height: 250px;
  background-color: var(--osed-accent);
  overflow: hidden;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 30px;
  border-radius: 50%;

}
body .circle-blurb h2 {
  margin-bottom: 1rem;
}
body .circle-blurb h2,
body .circle-blurb p,
body .circle-blurb a {
  color: #ffffff;
}


/* Feature block */

body .feature.dark h3 {
  margin-bottom: 0.8rem;
  border-bottom: 1px solid #ffffff;
  padding-bottom: 0.8rem;
  display: inline-block;
}
body .feature h3 {
  margin-bottom: 0.8rem;
  border-bottom: 1px solid var(--osed-accent);
  padding-bottom: 0.8rem;
  display: inline-block;
}


/** 
 * PLANS
 */

.plan {
  border-top: 2px solid var(--osed-light-grey);
  border-right: 8px solid var(--osed-light-grey);
  border-bottom: 8px solid var(--osed-light-grey);
  border-left: 2px solid var(--osed-light-grey);
  padding: 30px;
  border-radius: 2em;
  display: flex;
  flex-direction: column;
}
.plan h3 { margin-bottom: 1rem; }
.plan__head { 
  text-align: center;
}
.plan__price-block { 
  text-align: center;
  margin-top: auto;
}
.plan .but { 
  padding: 0.8em 2em;
  width: 100%;
 }
 .plan .but span { 
  font-size: 1rem;
 }
  .plan ul.list-2 {
    margin-top: 1rem;
  }
 .plan .list-2 {
  columns: 1;
  font-size: 1rem;
  line-height: 1.35em;
 }



/** 
 * BUTTONS
 */


a.but,
.header-cta__but,
input[type="submit"] {
  background-color: var(--osed-accent);
  border-top: 1px solid var(--osed-accent);
  border-right: 3px solid var(--osed-accent);
  border-bottom: 3px solid var(--osed-accent);
  border-left: 1px solid var(--osed-accent);
  color: #ffffff;
  text-decoration: none;
  display: inline-flex;
  column-gap: 0.5em;
  margin-bottom: 20px;
  transition: all 0.4s ease 0s;
  line-height: 0px;
  padding: 1rem 2rem;
  align-items: center;
}

a.but:hover,
a.but:active,
input[type="submit"]:hover {
  color: var(--osed-accent);
  background-color: #ffffff;
}
a.but--icon-cal::before,
a.but--icon-cal.but--light:hover::before,
a.but--icon-cal.but--dark-bg:hover::before {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' ><path fill='%23ffffff' d='M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z'/></svg>");
  align-items: center;
  margin-right: 0.3em; /* optional spacing */
  width: 1em;
  height: 1em;
}
a.but--icon-cal:hover::before,
a.but--icon-cal.but--light::before,
a.but--icon-cal.but--dark-bg::before {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' ><path fill='%23ef4748' d='M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z'/></svg>");
  width: 1em;
  height: 1em;
}
a.but--icon-tel::before,
a.but--icon-tel.but--light:hover::before,
a.but--icon-tel.but--dark-bg:hover::before  {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'  fill='%23ffffff'><path d='M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z'/></svg>"); 
  align-items: center;
  margin-right: 0.3em; /* optional spacing */
  width: 1em;
  height: 1em;
}
a.but--icon-tel:hover::before,
a.but--icon-tel.but--light::before,
a.but--icon-tel.but--dark-bg::before {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'  fill='%23ef4748'><path d='M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z'/></svg>");
  transform: scaleX(-1); 
}

a.but--icon-whatsapp::before,
a.but--icon-whatsapp.but--light:hover::before,
a.but--icon-whatsapp.but--dark-bg:hover::before  {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23ffffff'><path d='M380.9 97.1C339 55.1 283.2 32 224.8 32c-121.3 0-219.9 98.6-219.9 219.9 0 38.7 10.1 76.5 29.2 109.9L0 480l122.9-32.3c32.9 18 70.1 27.5 101.9 27.5h.1c121.3 0 219.9-98.6 219.9-219.9 0-58.4-23.1-114.2-64.8-155.2zM224.9 438.7h-.1c-32.7 0-64.8-8.8-92.6-25.4l-6.6-3.9-72.9 19.1 19.4-71.1-4.3-7.1c-18.2-29-27.8-62.5-27.8-97.1 0-101.5 82.6-184.1 184.1-184.1 49.2 0 95.4 19.2 130.2 54s54 81 54 130.2c0 101.5-82.6 184.1-184.1 184.1zm101.1-138.1c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.5-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.8-16.4-54.3-29.3-75.9-66.4-5.7-9.8 5.7-9.1 16.4-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2s-9.7 1.4-14.8 6.9c-5.1 5.5-19.4 19-19.4 46.3s19.9 53.7 22.7 57.4c2.8 3.7 39.2 59.9 95.1 84 13.3 5.7 23.7 9.1 31.8 11.6 13.4 4.3 25.6 3.7 35.2 2.3 10.7-1.6 32.8-13.4 37.4-26.3 4.6-12.9 4.6-24 .3-26.3-4.2-2.3-7.9-3.7-13.4-6.5z'/></svg>");
  align-items: center;
  margin-right: 0.3em; /* optional spacing */
  width: 1em;
  height: 1em;
}
a.but--icon-whatsapp:hover::before,
a.but--icon-whatsapp.but--light::before,
a.but--icon-whatsapp.but--dark-bg::before {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23ef4748'><path d='M380.9 97.1C339 55.1 283.2 32 224.8 32c-121.3 0-219.9 98.6-219.9 219.9 0 38.7 10.1 76.5 29.2 109.9L0 480l122.9-32.3c32.9 18 70.1 27.5 101.9 27.5h.1c121.3 0 219.9-98.6 219.9-219.9 0-58.4-23.1-114.2-64.8-155.2zM224.9 438.7h-.1c-32.7 0-64.8-8.8-92.6-25.4l-6.6-3.9-72.9 19.1 19.4-71.1-4.3-7.1c-18.2-29-27.8-62.5-27.8-97.1 0-101.5 82.6-184.1 184.1-184.1 49.2 0 95.4 19.2 130.2 54s54 81 54 130.2c0 101.5-82.6 184.1-184.1 184.1zm101.1-138.1c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.5-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.8-16.4-54.3-29.3-75.9-66.4-5.7-9.8 5.7-9.1 16.4-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2s-9.7 1.4-14.8 6.9c-5.1 5.5-19.4 19-19.4 46.3s19.9 53.7 22.7 57.4c2.8 3.7 39.2 59.9 95.1 84 13.3 5.7 23.7 9.1 31.8 11.6 13.4 4.3 25.6 3.7 35.2 2.3 10.7-1.6 32.8-13.4 37.4-26.3 4.6-12.9 4.6-24 .3-26.3-4.2-2.3-7.9-3.7-13.4-6.5z'/></svg>");
  width: 1em;
  height: 1em;
}




body a.but--light {
  background-color: #ffffff;
  border-top: 1px solid var(--osed-accent-2);
  border-right: 3px solid var(--osed-accent-2);
  border-bottom: 3px solid var(--osed-accent-2);
  border-left: 1px solid var(--osed-accent-2);
  color: var(--osed-accent); ;
}
body a.but--light:hover {
  background-color: var(--osed-accent-2); 
  border-top: 1px solid var(--osed-accent-2);
  border-right: 3px solid var(--osed-accent-2);
  border-bottom: 3px solid var(--osed-accent-2);
  border-left: 1px solid var(--osed-accent-2);
  color: #ffffff;
}
body a.but--dark-bg {
  background-color: #ffffff;
  border-top: 1px solid var(--osed-accent);
  border-right: 3px solid var(--osed-accent);
  border-bottom: 3px solid var(--osed-accent);
  border-left: 1px solid var(--osed-accent);
  color: var(--osed-accent); 
}
a.but--dark-bg:hover {
  background-color: var(--osed-accent-2); 
  border-top: 1px solid #ffffff;
  border-right: 3px solid #ffffff;
  border-bottom: 3px solid #ffffff;
  border-left: 1px solid #ffffff;
  color: #ffffff;
}
a.but--width-w-full { width: 100%; }
a.but--width-w-350 { width: 350px; }
a.but--inline-block { display: inline-block; }

a.but--center { 
  justify-content: center;
  align-items: center;
}

a.but--lowercase {  text-transform: none; }
a.but--uppercasee {  text-transform: uppercase; }
a.but--big {  font-size: 1.625rem;   }


body a.header-cta__but {
  margin: 0 0 0 20px;
  padding: 5px 20px;
  background-color: #ffffff;
  color: var(--osed-accent);
  transition: var(--transition);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 1rem;
  border-top: 1px solid var(--osed-accent-2);
  border-right: 3px solid var(--osed-accent-2);
  border-bottom: 3px solid var(--osed-accent-2);
  border-left: 1px solid var(--osed-accent-2);

}
body a.header-cta__but:hover {
  margin-left: 20px;
  padding: 5px 20px;
  background-color: var(--osed-accent-2);
  color: #ffffff;
  border-top: 1px solid var(--osed-accent-2);
  border-right: 3px solid var(--osed-accent-2);
  border-bottom: 3px solid var(--osed-accent-2);
  border-left: 1px solid var(--osed-accent-2);
}

/** 
 * FOOTER
 */

.icon-arrow-up {
  color: var(--osed-accent);
}

.osed-oh-table {
  border-collapse: collapse;  
}
.osed-oh-table, 
.osed-oh-table th, 
.osed-oh-table td {
  border: none;
  padding: 0 30px 0 0;
}
.osed-footer-menu h3 {
  margin-bottom: 1rem;
  color: var(--osed-pink);
}
.osed-footer-menu ul {
  list-style-type: none;
}
.osed-footer-menu ul,
.osed-footer-menu li {
  margin: 0;
  padding: 0;
}
.osed-footer-menu li a:hover {
  /*color: var(--osed-accent);*/
}
.osed-footer-smallprint p {
  margin-bottom: 1rem;

}
.osed-footer-smallprint a {
  color: rgb(77, 75, 79);
}
.osed-footer-smallprint a:hover {
  /*color: var(--osed-accent);*/
}
.osed-footer-smallprint span.osed-footer-smallprint--pipe {
  color: var(--osed-pink);
  padding: 0 10px;
}
img.osed-footer-logo {
  width: 250px;
  margin-bottom: 15px;
}

body .osed-footer-buttons a {
  margin-left: 20px;
}

/** 
 * FOOTER CTA BLOCK
 */

.fixed-footer-cta {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 200px;
  z-index: 10;
  background-color: var(--osed-accent);
  padding: 20px 20px 0 20px;
   /* Add white glow on top */
  box-shadow: 0 -10px 20px var(--osed-pink);
}

@media (min-width: 769px) { .fixed-footer-cta { display: none; } }
@media (max-width: 768px) { .site-footer { padding-bottom : 150px; } }



/** 
 * ICON INFO BLOCK
 */

 body .icon_info_block img {
  max-width: 30%;
 }
  body .icon_info_block h3{
  font-weight: 700;
  color: var(--osed-accent);
 }


/** 
 * NINJA FORMS
 */

.nf-form-fields-required { font-size: 0.8rem; }


/** 
 * MASTS
 */


body .mast--home .mast-text h1,
body .mast-text h1 { font-size: 3.4rem; }
body .mast-text p.big-text { 
  font-size: 1.4rem;
  line-height: 150%;
 }
body .mast-text p.small-text { font-size: 1rem;}

.mast {
  overflow: hidden;
  position: relative;
  background-color: var(--osed-grad);
  height: 650px;
}
.mast-inner { 
  position: relative;
  height: 100%;
 }
.mast-inner .mast-inner__slogan { 
  position: absolute;
  right: 200px;
  bottom: 100px;
  z-index: 100;
  width: 200px;
  height: 200px;
 }
 .mast-inner .mast-inner__slogan .circle-blurb  { 
  display: flex;
  justify-content: center;
  text-align: center;
 }

body.home .mast--home { height: 750px;}
body.home .mast--home .mast-text {
  width: 500px;
  padding-top: 150px;
}

.mast-text {
  width: 500px;
  position: absolute;
  left: 80px;
  top: 80px;
  z-index: 20;
  color: #ffffff;
}
body .mast-text h1,
body .mast-text h2 {
  line-height: 100%;
  margin-bottom: 26px;
  margin-top: 0;
  color: #ffffff;
}

body .mast-text p a { color: #ffffff;}
body .mast picture img.mast-bg-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;        /* fill container */
  object-position: center;  /* center the image */
}

.mast-text,
.mast-text--left-top { top: 60px; left: 80px;  }
.mast-text--left-bottom { top:auto; right: auto; bottom: 60px; left: 80px;  }
.mast-text--right-bottom { top:auto; right: 40px; bottom: 60px; left: auto;  }
.mast-text--right-top { top:80px; right: 40px; bottom: auto; left: auto;  }


body .mast-text.mast-text--dark h1,
body .mast-text.mast-text--dark p {
  color: var(--osed-accent);
}


/* FAQS */

.faq-holder {

}

.faq-holder__question {
  position: relative;
  background-color: var(--osed-accent);
  padding: 14px 35px 14px 40px;
  margin-bottom: 20px;
  cursor: pointer;
}
.faq-holder__question h2 {
  margin-bottom: 0;
  width: 80%;
  color: #ffffff;
}
.faq-holder__desc {
  height: 1px;
  overflow: hidden;
}
.faq-holder__desc-inner {
  padding: 30px 40px 60px 40px;
}

.faq-but {
   position: absolute;
  right: 40px;
  top: 14px;
  width: 26px;
  height: 26px;
  display: inline-block;
  color:#ffffff;

  width: 20px;
  height: 20px;

  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 95.31 48.97' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23f6dddd' d='M49.62 4.64l42.12 24.84c1.22.72 1.97 2.03 1.97 3.45v10.25c0 3.09-3.36 5.01-6.02 3.45L49.61 24.31c-1.25-.73-2.8-.73-4.05 0L7.65 46.61c-2.67 1.57-6.03-.35-6.03-3.45v-10.25c0-1.41.75-2.72 1.96-3.44L45.55 4.64c1.25-.74 2.81-.74 4.07 0Z'/%3E%3C/svg%3E");

  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  transition: transform 0.3s ease;
}



/** 
 * PRICES
 */

.price {
  display: grid;
  grid-template-columns: 2fr 1fr;
  margin-bottom: 2rem;
}
.price__detail { padding-right: 40px; }
.price__detail h3 { 
  margin-bottom: 0.5rem;
}
.price__price {
  text-align: right;
}


/** 
 * TESTIMONIALS
 */

body .testimonial {
  text-align: center;
  background-color: var(--osed-lighter-grey);
  padding: 1rem 1rem;
  border-radius: 5px;
  width: 28%;
  margin-right: 10px;
}

body .carousel-cell {
  text-align: center;
  background-color: var(--osed-lighter-grey);
  padding: 1rem 1rem;
  width: 28%;
  margin-right: 20px;
}
body .carousel-cell b {
  color: var(--osed-accent);
}
.testimonial__rating  {
  margin-bottom: 1rem;
}
.testimonial__image {
  width: 100px;
  height: 100px;
  background-color: #ffffff;
  margin: 0 auto;
  margin-bottom: 1rem;
  border-radius: 50%;
  overflow: hidden;
}
.testimonial__rating {
  display: flex;
  padding: 3px 6px;
  width: 40%;
  border-radius: 5px;
  margin: 0 auto 1rem auto;
}
.testimonial-video {
  overflow: hidden;
  position: relative;
  aspect-ratio: 9/16;
  border-radius: 1rem;
}
.testimonial-video__wrapper {
  position: relative;
  aspect-ratio: 9/16;
}
.testimonial-video__wrapper video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.testimonial-video__overlay {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  cursor: pointer;
  z-index: 2;
  background: rgba(0, 0, 0, 0.3);
  color: #ffffff;
}
.testimonial-video__button {
  display: grid;
  place-items: center;
  border: 1px solid var(--osed-accent-2);
  border-radius: 0.5rem;
  padding: 5px 10px;
  background-color: var(--osed-accent-2);
  color: #ffffff;
}
.testimonial-video__info {
  position: absolute;
  bottom: 30px;
}


/** 
 * LISTS
 * list-1 inline-block, solid bg with tick, color white
 * list-2 inline-block, with tick color white
 */



body ul.list-1,
body ul.list-2,
body ul.list-no-bullet {
  list-style-type: none;
  margin: 2rem auto 2rem auto; 
}
body ul.list-no-bullet { 
  color: var(--osed-black);
} 
body ul.list-1 li,
body ul.list-2 li {
  margin-bottom: 1rem;
  padding: 0 40px 4px 40px;
  border-radius: 2em;
  position: relative;
}
body ul.list-1 li::before,
body ul.list-2 li::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 5px;
  width: 1em;
  height: 1em;
  background-color: var(--osed-accent); /* icon color */

  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E") no-repeat center / contain;
}
body ul.list-2 li {
  border-radius: unset;
  margin-bottom: 0.2rem;
}
body ul.list-no-bullet {  margin: 1rem auto 1rem auto;  } 
body ul.list-no-bullet li { 
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
} 
body ul.list--large { font-size: 1.3rem; } 
body ul.list-2--bullet-accent li::before { background-color: var(--osed-accent); }
body ul.list-2--bullet-white li::before { background-color: #ffffff; }

/** 
 * LOOPS
 */


a.gb-loop-item-779b0517 > .gb-element-7c9db36d,
a.gb-loop-item-51fade9f  > .gb-element-60ba8b56 { 
  color: var(--osed-accent);
  transition: all 0.5s ease; 
}

.gb-loop-item-779b0517:hover > .gb-element-7c9db36d {
  background-color: var(--osed-accent);
  color: #ffffff;
}
.gb-loop-item-779b0517:hover {
  border-color: var(--osed-accent);
}
body .gb-loop-item-779b0517:hover > .gb-element-7c9db36d h2 {
  color: #ffffff;
}
a.gb-loop-item-51fade9f  > .gb-element-60ba8b56 { 
  background-color: #ffffff;
  transition: all 0.5s ease; 
}
.gb-loop-item-51fade9f:hover  > .gb-element-60ba8b56 {
  background-color: var(--osed-accent);
  color: #ffffff;
}
.gb-loop-item-779b0517:hover {
  border-color: var(--osed-accent);
}
body .gb-loop-item-51fade9f:hover  > .gb-element-60ba8b56 h2 {
  color: #ffffff;
}

/* Services List */

body .gb-looper-54e2a679 .post-list-item {
  background-color: var(--osed-light-grey);
  transition: all 0.5s ease; 
}
body .gb-looper-54e2a679 a:hover > .post-list-item {
  background-color: var(--osed-accent);
}
body .gb-looper-54e2a679 .post-list-item h2,
body .gb-looper-54e2a679 .post-list-item p {
  color: var(--osed-accent);
}
body .gb-looper-54e2a679 a:hover > .post-list-item h2,
body .gb-looper-54e2a679 a:hover > .post-list-item p {
  color: #ffffff;
}
body .gb-looper-54e2a679 .post-list-item p.gb-text-77d771fc {
  display: inline-block;
  background-color: var(--osed-light-grey);
  padding: 0.5em 1em;
  color: var(--osed-accent);
  border-top: 1px solid var(--osed-accent);
  border-right: 3px solid var(--osed-accent);
  border-bottom: 3px solid var(--osed-accent);
  border-left: 1px solid var(--osed-accent);
  border-radius: 2em;
}
body .gb-looper-54e2a679 a:hover > .post-list-item p.gb-text-77d771fc {
  color: #ffffff;
  background-color: var(--osed-accent);
  border-color: var(--osed-light-grey);
}
body .gb-looper-54e2a679 .post-list-item .wp-block-post-featured-image img {
  transition: transform 0.5s ease;
  transform-origin: center center;
}
body .gb-looper-54e2a679 a:hover .post-list-item .wp-block-post-featured-image img {
  transform: scale(1.1);
}



/** 
 * HIDE EMEMENTS
 */


.page-id-19 .gb-element-02c9dc1d { display: none; }
.page-id-13 .gb-element-fb2a6bec,
.page-id-636 .gb-element-fb2a6bec { display: none; } /* map*/

body .top-bar { display: none; }

/** 
 * MEDIA QUERIES
 */




/** 
 * GENERATEPRESS THEME MEDIA QUERIES
 */

/* CSS in here for mobile only */

@media (max-width: 768px) { 

  .hide-mobile { display: none; }

  body .osed-footer-buttons { display: none; }

  .faq-holder__question h2 { font-size: 1.3rem; }
  a.but { 
    width: 100%;
    margin: 10px 0 10px 0;
  }
  .faq-but { right: 30px; }
  body ul.list-1,
  body ul.list-2 { width: 100%; }

  /* mast */
  /*
  .mast { height: auto;}
  body .mast picture img.mast-bg-image,
  body .mast .mast-inner,
  body .mast.mast--home .mast-text { 
    display: block;
    position: relative;
    width: 100%;
    height: auto;
  }
  body .home-intro h2 { font-size: 2.2rem;  }
  body .mast-inner {
    padding: 32px;
  }
  body .mast-text {
    width: 100%;
    position: relative;
  }
  .mast-text,
  .mast-text--left-top,
  .mast-text--left-bottom,
  .mast-text--right-bottom,
  .mast-text--right-top  { top: auto; right: auto; bottom: auto; left: auto; }

  body .mast-text h1,
  body .mast-text h2,
  body .mast--home .mast-text h1  {
    line-height: 100%;
    font-size: 3rem;
  }

  body .mast-text.mast-text--dark h1,
  body .mast-text.mast-text--dark p,
  body .mast-text h1 { color: #ffffff; }
*/
/* mast */
  .mast { height: auto;}
  body .mast picture img.mast-bg-image,
  body .mast .mast-inner,
  body .mast.mast--home .mast-text { 
    display: block;
    position: relative;
    width: 100%;
    height: auto;
  }
  body .home-intro h2 { font-size: 2.2rem;  }
  body .mast-inner {
    padding: 32px;
  }
  body .mast-text,
  body.home .mast--home .mast-text {
    width: 100%;
    position: relative;
  }
  .mast-text,
  .mast-text--left-top,
  .mast-text--left-bottom,
  .mast-text--right-bottom,
  .mast-text--right-top  { top: auto; right: auto; bottom: auto; left: auto; }

  body .mast-text h1,
  body .mast-text h2,
  body .mast--home .mast-text h1  {
    line-height: 100%;
    font-size: 3rem;
  }
  body .mast-text h2 {
    font-size: 2rem;
  }
  body.home .mast--home { height: auto;}
  body.home .mast--home .mast-text {
    padding-top: 0;
  }
 
  .mast-inner .mast-inner__slogan {
    display: none;
  }
 





  .col-2 {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
    column-gap: 0;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
  }



  .price { grid-template-columns: 1fr; }
  .price__price {
    text-align: left;
    margin-top: 1rem;
  }
  body .testimonial,
  body .carousel-cell {
    width: 100%;
  }
  body .mobile-header-navigation .site-logo.mobile-header-logo img {
    height: 60px;
    width: auto;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
  }


}

/* CSS in here for tablet only */

@media (min-width: 769px) and (max-width: 1024px) {

  .hide-pad { display: none; }

  body .osed-footer-buttons a {
    margin-left: 0;
    margin-right: 20px;
  }
 
  .list-2 {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
  }
  body #site-navigation .navigation-branding {
    margin-left: 32px;
  }

/* mast */
  .mast { height: auto;}
  body .mast picture img.mast-bg-image,
  body .mast .mast-inner,
  body .mast.mast--home .mast-text { 
    display: block;
    position: relative;
    width: 100%;
    height: auto;
  }
  body .home-intro h2 { font-size: 2.2rem;  }
  body .mast-inner {
    padding: 32px;
  }
  body .mast-text,
  body.home .mast--home .mast-text {
    width: 85%;
    position: relative;
  }
  .mast-text,
  .mast-text--left-top,
  .mast-text--left-bottom,
  .mast-text--right-bottom,
  .mast-text--right-top  { top: auto; right: auto; bottom: auto; left: auto; }

  body .mast-text h1,
  body .mast-text h2,
  body .mast--home .mast-text h1  {
    line-height: 100%;
    font-size: 3rem;
  }
  body .mast-text h2 {
    font-size: 2rem;
  }
  body.home .mast--home { height: auto;}
  body.home .mast--home .mast-text {
    padding-top: 0;
  }
 
  .mast-inner .mast-inner__slogan {
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 100;
    width: 200px;
    height: 200px;
  }
  body .mast-inner__slogan h2 {
    font-size: 1.6rem;
  }
  body .mast-inner .circle-blurb {
    width: 200px;
    height: 200px;
    padding: 20px;
  }



}



/* CSS in here for max tables size */

@media (max-width: 1024px) {

  body ul#menu-primary li { border-bottom: 1px solid var(--osed-accent); }
  body ul#menu-primary ul.sub-menu li { border: none; }

  body .has-inline-mobile-toggle #site-navigation.toggled { margin-top: 20px; }
  body .mobile-menu-control-wrapper .menu-toggle, 
  body .mobile-menu-control-wrapper .menu-toggle:hover, 
  body .mobile-menu-control-wrapper .menu-toggle:focus, 
  body .has-inline-mobile-toggle #site-navigation.toggled { background-color: transparent; }
  body .main-navigation { padding: 20px 0;}
  .top-bar { display: none; }

  body.home .main-navigation .main-nav ul li a { color: var(--osed-accent);}
  body.home .main-navigation .main-nav ul.sub-menu li a { color: #ffffff;}
  body.home .menu-toggle  span.gp-icon {
    color: #ffffff;
  }


}

/* CSS in here for Desktops */

@media (min-width: 1024px) {

  .hide-desktop { display: none; }

  .osed-header-buttons { padding-right: 20px; }

  #block-19 { margin-right: 0; }

  body .inside-top-bar { 
    padding-bottom: 0px;
    padding-top: 30px;
  }

  /* Overlay header only for home page and on desktop 
  .home .main-navigation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.0);
    z-index: 999;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
  }

  /*
  body .main-navigation { background: var(--osed-accent) }
  .home .main-navigation.is_stuck { background-color: #ffffff; }
  .mast--home .mast-text { top: 180px; left: 80px; }
  .mast.mast--home { height: 750px; }
  body .main-navigation .main-nav ul li a { color: #ffffff; }

  body .main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a { color: #ffffff; }
  body #sticky-navigation  .main-nav ul li a { color: var(--osed-black); }
  body #sticky-navigation  .main-nav ul li a:hover { color: var(--osed-accent); }
  body #sticky-navigation  .main-nav ul.sub-menu li a { color: #ffffff; }
  */

}