/*
 Theme Name:     Divi Child Theme
 Template:       Divi
*/

/* ----------------------------------------------------------------------- 
############ Fonts START #################################################
----------------------------------------------------------------------- */
@font-face {
    font-family: 'ETmodules';
    src: url('/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.woff') format('woff');
    font-display: swap;   /* Because not default by divi  */
}
@font-face {
	font-family: FontAwesome;
	font-weight: 400;
	src: url(/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-regular-400.eot);
	src: url(/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-regular-400.eot?#iefix) format("embedded-opentype"), 
	url(/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-regular-400.woff2) format("woff2"), 
	url(/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-regular-400.woff) format("woff"), 
	url(/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-regular-400.ttf) format("truetype"), 
	url(/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-regular-400.svg#fontawesome) format("svg");
	font-display: swap;   /* Because not default by divi  */
}

@font-face {
	font-family: FontAwesome;
	font-weight: 900;
	src: url(/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-solid-900.eot);
	src: url(/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-solid-900.eot?#iefix) format("embedded-opentype"), 
	url(/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-solid-900.woff2) format("woff2"), 
	url(/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-solid-900.woff) format("woff"), 
	url(/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-solid-900.ttf) format("truetype"), 
	url(/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-solid-900.svg#fontawesome) format("svg");
	font-display: swap;   /* Because not default by divi  */
}

@font-face {
	font-family: FontAwesome;
	font-weight: 400;
	src: url(/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-brands-400.eot);
	src: url(/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-brands-400.eot?#iefix) format("embedded-opentype"), 
	url(/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-brands-400.woff2) format("woff2"), 
	url(/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-brands-400.woff) format("woff"), 
	url(/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-brands-400.ttf) format("truetype"), 
	url(/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-brands-400.svg#fontawesome) format("svg");
	font-display: swap;   /* Because not default by divi  */
}

@font-face {
  font-family: 'Rubik Medium';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/wp-content/themes/Divi-Child/fonts/google/Rubik.woff2') format('woff2'),
       url('/wp-content/themes/Divi-Child/fonts/google/Rubik.woff') format('woff');
}

@font-face {
  font-family: 'Rubik Light';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/wp-content/themes/Divi-Child/fonts/google/Rubik.woff2') format('woff2'),
       url('/wp-content/themes/Divi-Child/fonts/google/Rubik.woff') format('woff');
}

@font-face {
  font-family: 'Rubik SemiBold';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/wp-content/themes/Divi-Child/fonts/google/Rubik.woff2') format('woff2'),
       url('/wp-content/themes/Divi-Child/fonts/google/Rubik.woff') format('woff');
}

@font-face {
  font-family: 'Nunito SemiBold';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/wp-content/themes/Divi-Child/fonts/google/Nunito.woff2') format('woff2'),
       url('/wp-content/themes/Divi-Child/fonts/google/Nunito.woff') format('woff');
}







/* ----------------------------------------------------------------------- 
############ Fonts END ###################################################
----------------------------------------------------------------------- */


/* ----------------------------------------------------------------------- 
############ DEFAULTS START ##############################################
----------------------------------------------------------------------- */
iframe {width: 100%;}

:root { 
--primary-color: #01857f; 
--secondary-color: #025373;
}
/* ----------------------------------------------------------------------- 
############ DEFAULTS END ################################################
----------------------------------------------------------------------- */


/* ----------------------------------------------------------------------- 
############ FONT-STYLING START ##########################################
----------------------------------------------------------------------- */
:root {
  /*  Minimum 360px - maximum 1200px content  */	
 --font-size-regular: clamp(15px, calc(15px + (15 - 14) * ((100vw - 360px) / (1200 - 360))), 16px); /* 14px - 15px */
}

body {
  font-size: var(--font-size-regular) !important;
  font-family: 'Rubik Light';
  font-weight: 300!important;
}

.v64-nunito,
.et_pb_module_header,
.item-title,
 .item-subtitle {
	font-family: 'Nunito SemiBold';
	font-weight: 600!important;
}

strong,
.et_pb_button {
	font-family: 'Rubik Medium';
	font-weight: 500;
}


h1 {
	font-family: 'Nunito SemiBold';
	font-weight: 600!important;
}

h2 {font-size: 32px!important;
font-family: 'Nunito SemiBold';
font-weight: 600!important;}

h3 {
	font-size: 26px!important;
	font-weight: 600!important;
	font-family: 'Nunito SemiBold';
}

p,
li {
	font-family: 'Rubik Light';
	font-size: 17px;
}



.et_pb_toggle_title {
	font-family: 'Nunito SemiBold';
	font-size: 17px;
	font-weight: 600!important;
}


@media all and (max-width: 767px)   {
	h2 {font-size: 26px!important;}

	h3 {font-size: 21px!important;}
		
	li, p, .et_pb_toggle_title, strong, a {
		font-size: 15px!important;
	}
	
	.v64-masterclass-blurbs .et_pb_blurb_description {
		font-size: 15px!important;
	}
	

}

@media all and (max-width: 981px) {
.admin-bar .dtb-sticky {
    top: 0px;
}
}

/* ----------------------------------------------------------------------- 
############ FONT-STYLING END ############################################
----------------------------------------------------------------------- */


/* ----------------------------------------------------------------------- 
############ HEADER START ################################################
----------------------------------------------------------------------- */

/*  Boxed Layout  */
#page-container {max-width: 1390px;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);margin: auto;}
@media (max-width: 1390px) {header .et_pb_sticky--top {left: 0px!important;}}

/* Fluid SVG logo: 150px → 300px width; height follows aspect ratio */
.v64-header-logo {
  display: inline-block; /* keeps the link sized to the logo */
}

.v64-header-logo img{
  /* width scales with viewport, but never below 150px or above 300px */
  width: clamp(150px, 20vw, 300px);

  /* keep the correct proportions from your viewBox (331.38 × 54.32) */
  height: auto;
  aspect-ratio: 331.38 / 54.32;

  /* optional: guard-rail so the computed height also stays within 25–49px */
  max-height: clamp(25px, calc(20vw / 6.1005), 49px);

  display: block;
}

.v64-header-logo .et_pb_code_inner {
	line-height: 0px;}

/* ----------------------------------------------------------------------- 
HEADER: Styling
----------------------------------------------------------------------- */
/*  Adjust All Modules Types in the Middle  */
header .et_pb_text_inner, header .et_pb_text_inner * {display:flex;justify-content:center;align-items:center;}	


/*  Adjust Logo  */
@media all and (max-width: 980px) {
	header .v64-header-logo {display:flex;align-items:center;line-height: 0px;
		height: 60px;}
}
@media all and (min-width: 981px) {
	header .v64-header-logo {display:flex;align-items:center;line-height: 0px; justify-content: flex-start;
		height: 80px;}
}

/*  Icons sizing equal hamburger size  */
@media all and (max-width: 980px) {
	header .et-pb-icon{font-size: 20px;}
}


@media all and (min-width: 981px) {
	header .v64-header-info span{font-size: 30px !important;}	
	header .v64-header-info a{font-weight:600;display: block!important;text-align:center;}
	header .v64-header-topbar .et-pb-icon {font-size: 1.2rem!important;padding-right:7px;}  /* Icons a bit bigger than font  */
	header .v64-header-topbar img {height: 15px; width: 15px;}
	header .v64-header-topbar {background-color: var(--secondary-color);}
	header .v64-header-topbar a, .v64-header-topbar p, .v64-header-topbar {color:white!important; font-size:15px!important;  line-height: 20px!important; }	
	header .v64-header-topbar{
			padding: 7px 0px;
		}	
}

/*  Info Area */
.v64-header-info a{
	color: var(--secondary-color);
}

.v64-header-section {
	max-width: 100%!important;
	padding-top: 0px!important;
	padding-bottom: 0px!important;
}

.v64-header-section .et_pb_row {
	max-width: 100%!important;
	width: 100%!important;
	padding-top: 0px!important;
	padding-bottom: 0px!important;
}

.v64-header-topbar.filter-left,
.v64-header-topbar.filter-right {
	margin-top: 0px!important;
	margin-bottom: 0px!important;
	flex-basis: 2%!important;
}

.v64-header-topbar.v64-phone {
	flex-basis: 96%!important;
	flex-grow: 1!important;
	flex-shrink: 1!important;
}

.filter-left,
.filter-right {
	margin-top: 0px!important;
	margin-bottom: 0px!important;
	flex-basis: 2%!important;
}

.v64-header-logo {
	margin-top: auto!important;
	margin-bottom: auto!important;
	flex: 0 0 clamp(150px, 20vw, 300px) !important;
}

.v64-button-mobile {
	display:none;
}

.v64-menu {
	margin-top: auto!important;
	margin-bottom: auto!important;
	flex-grow: 1!important;
	flex-shrink: 1!important;
	flex-basis: 0!important;
}

@media all and (max-width: 980px){
	.v64-header-topbar.filter-left,
	.v64-header-topbar.filter-right,
	.v64-header-topbar.v64-phone	{
		display:none!important;
	}
	
	.v64-menu {
		flex-basis: 50px!important;
		order: 4!important;
		flex-grow: 0!important;
		flex-shrink: 0!important;
	}
	
	.v64-header-logo {
		flex-grow: 1!important;
		flex-shrink: 1!important;
		flex-basis: 0!important;
		order: 2!important;
	}
	
	.filter-left {
		flex-basis: 2%!important;
		order: 1!important;
	}
	
	.filter-right {
		flex-basis: 2%!important;
		order: 5!important;
	}
	
	.v64-button-mobile{
		flex-basis: 120px!important;
		order: 3!important;
		display: flex;
		justify-content: center;
	}

}

@media all and (min-width: 981px){
.page-id-263950 .v64-header-column, .page-id-263950 .et_pb_sticky--top {
    border-bottom: 0px solid var(--primary-color)!important;
    box-shadow: 0px 12px 20px -2px rgba(128, 128, 128, 0)!important;
    -webkit-box-shadow: 0px 12px 20px -2px rgba(128, 128, 128, 0)!important;
}
}

.v64-review-button a span {
  display: inline-block;        /* so we can size it independently */
  line-height: normal;          /* reset the 80px line-height */
  background-color: #B34700;
  color: #fff !important;
  padding: 8px 16px;
  font-family: 'Rubik SemiBold';
  font-weight: 600;
  border-radius: 20px;
  transition: background 0.3s ease;
  margin-top: auto;             /* adjust to center inside 80px (try 20px–25px) */
  margin-bottom: auto;
}

.v64-review-button a span:hover {
  background-color: #01857F;
}


@media all and (max-width: 981px){
.v64-contact-button{
  display: inline-block;        /* so we can size it independently */
  line-height: normal;          /* reset the 80px line-height */
  background-color: #B34700;
  color: #fff !important;
  font-size: 14px !important;
  padding: 8px 16px;
  font-family: 'Rubik SemiBold';
  font-weight: 600;
  border-radius: 20px;
  transition: background 0.3s ease;
  margin-top: auto;             /* adjust to center inside 80px (try 20px–25px) */
  margin-bottom: auto;
}
}






/* ----------------------------------------------------------------------- 
MENU: Styling
.et-menu 			= The UL Menu DESKTOP
.et_mobile_menu		= The UL Menu MOBILE
.sub-menu 			= The UL (2nd Level) Dropdowns  in Both DESKTOP & MOBILE!!!
----------------------------------------------------------------------- */
/* Menu Cursor for Hashed Menu Items */
@media all and (min-width: 981px) {.v64-menu-cursor > a {pointer-events: none;}}

/* Current URL Formating - START ---------------
a[aria-current="page"] {text-decoration: underline;} 
Current URL Formating END --------------- */


/* Border top & bottom: Mobile Column and Desktop Sticky Element > Menu */
.v64-header-column, header .et_pb_sticky--top {
	border-bottom: 1px solid var(--primary-color); box-shadow: 0px 12px 20px -2px rgba(128,128,128,0.3);-webkit-box-shadow: 0px 12px 20px -2px rgba(128,128,128,0.3);
}

.page-id-263455 .v64-header-column, .page-id-263455 .et_pb_sticky--top,
.page-id-263741 .v64-header-column, .page-id-263455 .et_pb_sticky--top {
	border-bottom: 0px solid white;
	box-shadow: 0px 12px 20px -2px rgba(128,128,128,0.0);-webkit-box-shadow: 0px 12px 20px -2px rgba(128,128,128,0.0);
}

/* Menu Color */
.et-menu li a, .et_mobile_menu li a, .sub-menu li a{
    color: black !important;
}

.et-menu li i, .et_mobile_menu li i {
	padding-right: 3px;
}


/* Menu Font Size */
.et-menu li a, .et-menu .sub-menu li a{
	font-size: 18px!important;
}

.et_mobile_menu li a, .et_mobile_menu .sub-menu li a{
	font-size: 15px!important;
	/* Set font-weight for mobile in customizer > divi toolxbox > mobile menu Links */
}
	
/* Height of the menu items  - ADJUST HERE */
.et-menu li a {
	line-height: 80px;
}

.et-menu .sub-menu li a  {
	line-height:40px;
}

.et-menu .sub-menu { top: 81px!important;}

.et_mobile_menu li a{
	line-height:25px;
}


	/* Menu Spacing */
	.et-menu>li {padding-left: 11px!important;padding-right: 11px!important;}

@media all and (min-width: 981px) {	
	/* Hover */
	.et-menu li a:hover, .et-menu .sub-menu li a:hover{color: var(--secondary-color) !important;opacity:1!important;}
	
	/* Drop-Down adjustments */
	.et-menu li ul {width:auto;}	
	.et-menu li li a {white-space: nowrap;
		width:400px;
	}
	.et-menu .sub-menu, .et-menu .sub-menu li {padding:0 0!important;}
	.et-menu > li > a {padding-bottom:0!important;}
	
	/* Change the alignment of the menu */
.et_pb_menu--style-centered .et_pb_menu__menu>nav>ul, .et_pb_menu--style-centered .et_pb_menu__wrap {-webkit-box-pack: flex-end -ms-flex-pack: flex-end; justify-content: flex-end;
}
	
}


/* ----------------------------------------------------------------------- 
MENU: Mobile Dropdown
----------------------------------------------------------------------- */
@media all and (max-width: 980px) {
	.et_mobile_menu {position: absolute;width: 100vw !important;top: 43px !important;}} /* Positioning the drop-down container */
	.et_mobile_menu {transform:translateX(calc(-98vw + 50px));-webkit-transform: translateX(calc(-98vw + 50px));-ms-transform: translateX(calc(-98vw + 50px));} 
	.et_mobile_menu .sub-menu-toggle {width: 50px!important;margin-right: 2%;} /* Adjust Toggle in Dropdown*/
	.et_mobile_menu .sub-menu-toggle::before {font-size: 25px!important;font-weight: 800!important;}
}	


/* ----------------------------------------------------------------------- 
############ HEADER END ##################################################
----------------------------------------------------------------------- */

hr {
	width: 10%;
    margin-left: 0;
    margin-top: 20px;
}

/*Accessability links */
.v64-link-underline a, a.v64-link-underline {text-decoration: underline!important;}

thead {
	background-color: #00615C;
	color: white;
}

.entry-content tr th {
    color: white;
    padding: 12px 24px;
}

.entry-content tr td:first-child {
    background: #FAFAFA;
}

.entry-content tr td:nth-child(2),
.entry-content tr td:nth-child(3){
    text-align: center;
}

.entry-content tr th:nth-child(2),
.entry-content tr th:nth-child(3) {
    text-align: center;
}

@media all and (max-width: 981px) {
	table {
		border: 0;
	}

	table caption {
		font-size: 1.3em;
	}
 
	table thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
 
	table tr {
		border-bottom: 3px solid #9c9c9c;
		display: block;
		margin-bottom: 0em;
	}
 
	table td {
		border-bottom: 1px solid #ddd;
		display: block;
		font-size: .8em;
		text-align: right;
	}
 
	table td::before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-transform: uppercase;
	}
 
	table td:last-child {
		border-bottom: 0;
	}
	
	.entry-content tr td {
		padding: 6px 6px;
	}
	
	.aligncenter {
		margin-right: 0!important;
	}
	
	img.alignleft {
		    margin-right: 0px;
	}
	
	.entry-content tr td:nth-child(2),
	.entry-content tr td:nth-child(3){
		text-align: right;
	}

	.entry-content tr th:nth-child(2),
	.entry-content tr th:nth-child(3) {
		text-align: right;
	}
}

/* DONT use H-Tags on the footer headlines */
#v64-section-themebuilder-main .v64-footer-titles {
	font-size: 16px;
	line-height: 40px;
	color: #ffffff;
	font-family: 'Nunito SemiBold';
	font-weight: 600;
	text-transform: uppercase;
}

/* ==================================
	Container and Site Widths
===================================== */
	
	
/*Width of the Main content Area*/
#et-main-area .et_pb_row, #et-main-area .container {width: 96%;}

	
/* ====================================
	Lists and Bullets								
======================================= */

	/*New Bullet Layout / 05.10.2020 */
	.entry-content ul, .entry-content ol { 
		margin-left: 0em !important;
		list-style-position: inside;
		padding: 0.5em 0 1em 1em;

	}
	
	.entry-content ul ul {
		padding-top: 0px;
		padding-bottom: 0px;
		margin-left: 1em!important;
	}
	
	.entry-content li { 
		margin: 0em 0em 0em 0em;
	}

	.entry-content ul li {
		list-style-position: outside;
		margin-left: 0em;
	}


/* ====================================
	Homepage Slider					
======================================= */

.v64-homepage-slider .et_pb_slides .et_pb_container {
   height: 600px !important;
}

.v64-homepage-slider .et_pb_slide .et_pb_slide_description {
    -webkit-animation-fill-mode: none!important;
    animation-fill-mode: none!important;
	animation-delay: 0s!important;
	    animation-duration: 0s!important;
}



/* Progress bar */

.et-pb-slider-progress-wrapper {
    height: 15px;
    width: 100%;
    background-color: transparent;
    border-radius: 0px;
    overflow: hidden;
    margin-top: -15px;
}

.et-pb-slider-progress-bar {
  height: 100%;
  width: 0%;
  background-color: #01857F;
  transition: none;
}


/* ====================================
	Blurbs homepage - masterclass							
======================================= */

.v64-masterclass-blurbs .et_pb_main_blurb_image {
    vertical-align: middle;
}

.v64-masterclass-blurbs .et_pb_blurb_description {
	font-size: 17px;
}

.v64-masterclass-blurbs .et_pb_blurb_content {
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 10px;
}

.et_pb_blurb_content {
    max-width: 100%;
}

.et_pb_blurb_position_left .et_pb_main_blurb_image{
    vertical-align: middle;
}


/* ====================================
	Content Dividers							
======================================= */


.divider {
	position: relative;
	height: 1px;
}

.div-transparent:before {
	content: "";
	position: absolute;
	top: 0;
	left: 5%;
	right: 5%;
	width: 90%;
	height: 1px;
	background-image: linear-gradient(to right, transparent, rgb(48,49,51), transparent);
}

.div-dot:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: -9px;
	left: calc(50% - 9px);
	width: 18px;
	height: 18px;
	background-color: #01857F;
	border: 1px solid rgb(48,49,51);
	border-radius: 50%;
	box-shadow: inset 0 0 0 2px white,
					0 0 0 4px white;
}





/* ====================================
	Pricing Boxes					
======================================= */

  .standard-price {
    text-align: center;
	margin-bottom: 5px;
    color: black;
    font-size: 16px;
  }

  .masterclass-price {
    font-size: 18px;
    font-weight: 600;
	font-family: 'Rubik SemiBold';
	text-align: center;
    color: #066178;
  }
  
  .price-included {
	  font-size: 14px;
	  text-align: center;
	  text-transform: italic;
  }
  
.treatment-name {
	font-size: 20px;
}
 

.save-badge {
	width: 50px;
    /* flex: 0 0 30%; */
    margin-right: 30px;
    height: 50px;
    background-color: #B34700;
    color: #fff;
    font-weight: bold;
	padding: 10px;
    font-size: 13px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.1;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
    z-index: 10;
}

.price-container {
	display: flex;
	flex-direction: column;
    align-items: center;
    margin-left: 20px;
    justify-content: center;
}

.carousel-title,
.carousel-desc {
	text-align: center;
}

.carousel-title {
	font-size: 18px;
	font-family: 'Rubik SemiBold';
	font-weight: 600;
	margin-bottom: 5px;
}


.carousel-desc {
    width: 70%;
    margin-bottom: 10px;
}

[class*="v64-price-button-"] {
	border-width: 1px !important;
    border-color: #999999;
	margin: 15px auto 0px auto;
	text-align: center;
	color:white;
	width: 130px;
    border-radius: 20px;
	padding: .3em 1em !important;
}

.v64-price-button-inclusive {
	background-color: #066178;
}

.v64-price-button-precision {
	background-color: #01857F;
}



/* ====================================
	Scroll button - quote button
======================================= */
	
/* CTA Sticky Button */
.scroll-button {
    position: fixed; /* Fixiert den Button relativ zum Viewport */
    height: 56px !important;
	font-size: 14px!important;
	line-height: 16px!important;
	letter-spacing: 1.6px!important;
	box-shadow: rgba(23, 23, 45, 0.4) 0px 0px 20px 0px;
	text-transform: uppercase!important;
    width: auto; /* Platz für Text */
    border-radius: 50px;
	opacity: 0;
	border: 1px solid black;
    pointer-events: none; /* Prevent interaction when invisible */
    transition: opacity 0.3s ease;
     right: calc((100vw - 1416px) / 2 + 44px) !important;
    bottom: 45px !important; /* Abstand vom unteren Rand */
	cursor: pointer;
    display: inline-flex!important; /* Flexbox für Zentrierung */
    align-items: center; /* Vertikale Zentrierung */
    justify-content: center; /* Horizontale Zentrierung */
    padding: 0 16px; /* Abstand zwischen Rand und Inhalt */
    box-sizing: border-box;
	animation: none; /* No animation initially */
    gap: 5px; /* Abstand zwischen Icon und Text */
    background-color: var(--oag-red); /* Hintergrundfarbe */
    color: var(--oag-white); /* Standard Textfarbe */
    transition: all 0.3s ease; /* Animation für sanfte Änderungen */
}

.scroll-button:before {
    left: 36px!important;
    right: 0!important;
	 margin-left: -1.7em!important;
}

.window-resizing .scroll-button {
	display: none!important;
}

.animated .scroll-button {
	  right: calc((100vw - 1416px) / 2 + 44px) !important; /* Zentrierung in Relation zu #page-container */
	 opacity: 1;
    pointer-events: auto;
	font-family: 'Rubik Medium';
	font-weight: 500!important;
    animation: fadeInRight 1s cubic-bezier(.77, 0, .175, 1) 1;
}

@media (min-width: 981px) and (max-width: 1400px) {
.animated .scroll-button {
        right: 45px!important; 
        bottom: 45px !important;
    }
}

@media (max-width: 980px) {
    .animated .scroll-button {
        right: auto!important; /* Entfernt die ursprüngliche Positionierung */
        left: 50%!important; /* Zentriert horizontal */
        transform: translateX(-50%); /* Exakte Zentrierung */
        bottom: 30px !important; /* Optional: Abstand vom unteren Rand anpassen */
		animation: none!important; /* No animation initially */
		animation-fill-mode: forwards!important; /* Ensures the final state persists */
    }
	
		/* CTA Sticky Button */
	.scroll-button {
		transform: translateX(-50%)!important;
		left: 50%!important;
		right: auto!important; /* Dynamically position next to the container */

	}
	
}


/* ====================================
	Progress Bar - Treatment Journey
======================================= */

.v64-timeline-top-indicator ul {
  display: flex;
  justify-content: space-between;
  list-style: none;
  border-bottom: 0px solid black;
  border-top: 0px solid black;
  margin: 0;
  padding: 0;
}

.v64-timeline-top-indicator li {
  display: flex;
  align-items: center;
  border-right: 0px solid black;
  justify-content: center;
  gap: 8px; /* space between number and title */
  flex: 1;
  cursor: pointer;
  padding: 10px 0;
  transition: color 0.3s ease;
  color: white;
  background: #01857F;
  font-size: 14px;
  text-align: center;
}

.v64-timeline-top-indicator li:hover .step-title {
	text-decoration: underline;
}

.v64-timeline-top-indicator li.active {
  color: white;
  font-weight: 600;
  font-family: 'Rubik SemiBold'!important;
  background: #B34700;
}

.v64-timeline-top-indicator .step-title {
	font-family: 'Rubik Light';
}

.v64-timeline-top-indicator .active .step-title {
	font-family: 'Rubik Medium';
	font-weight: 500;
}

.v64-timeline-top-indicator .step-number {
  background: #066178;
  color: white;
  width: 28px;
  height: 28px;
  font-family: 'Rubik SemiBold'!important;
  border-radius: 50%;
  line-height: 28px;
  text-align: center;
  font-weight: 600;
  transition: background-color 0.3s ease;
  flex-shrink: 0;
}

.v64-timeline-top-indicator li.active .step-number {
  background-color: white;
  color: black;
}



/* ====================================
	Carousel Styling
======================================= */

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}

.dica_divi_carousel .swiper-pagination-bullet {
     margin-right: 10px !important;
}

.dica-container .swiper-pagination {
    margin-top: 35px;
}


/* Add vertical line between columns */
.pathway-row {
  display: flex;
  position: relative;
}

.pathway-row::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  background-color: #ccc; /* change color as needed */
  z-index: 1;
}

/* Make sure the columns don’t overlap the line */
.pathway-row .et_pb_column {
  z-index: 2;

}



.v64-blurb-title {
	font-size: 20px;
    line-height: 40px;
}


/* ====================================
	MasterClass Toggle							
======================================= */

.v64-masterclass-toggle .et_pb_toggle_title {
	display: block;
}

.v64-masterclass-toggle {
  --c-teal:#066178; --c-orange:#B34700;
  position:relative;
  border-radius:10px;
  overflow:hidden;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  margin-bottom:14px!important;
  background:#fff;
}

.v64-masterclass-toggle::before {
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width:6px;
  background:#01857F;
}

.v64-masterclass-toggle .et_pb_toggle_title {
  color:#01857F;
  font-weight:500;
  padding: 0px 25px 0px 16px;
}

.v64-masterclass-toggle .et_pb_toggle_content {
  padding: 10px 16px 0px 16px;
}

.v64-masterclass-toggle.et_pb_toggle_open {
  background:rgba(1,133,127,.06);
}

.v64-masterclass-toggle.et_pb_toggle_open::before {
  background:#B34700;
}

.v64-masterclass-toggle.et_pb_toggle_open .et_pb_toggle_title {
  color:#B34700;
}

.v64-masterclass-toggle:focus-within {
  outline:2px solid #01857F;
  outline-offset:2px;
}

/* ====================================
	Dentist Overlay - treatment journey						
======================================= */

/* Overlay wrapper (fills the column) */
.doctor-overlay {
  position: absolute;
  inset: 0;
  display: none;
  z-index: 50; /* above column contents */
}

/* When opened */
.doctor-overlay.is-open {
  display: block;
}

/* Dark backdrop */
.doctor-overlay__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
}

.doctor-overlay__panel {
    position: absolute;
    top: 50%;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 720px;
    width: 100%;
    height: 100vh;
    max-height: none;
    overflow: auto;
    background: #066178;
    border-radius: 16px;
    padding: 24px 24px 28px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
}

/* Close button */
.doctor-overlay__close {
  position: absolute;
  top: 10px;
  right: 12px;
  color:white;
  border: 0;
  background: transparent;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}

/* Content styling */
.doctor-overlay__heading {
  margin: 0 0 12px 0;
  color:white;
  font-size: 22px;
}

.doctor-overlay__content h4 {
  margin: 18px 0 8px;
  color:white;
}

.doctor-overlay__content ul {
  margin: 0 0 8px 1.2em;
  color:white;
}

.doctor-overlay__content p {
  color:white;
}

/* ====================================
	Slider					
======================================= */

.v64-divi-carousel .item-title,
.v64-divi-carousel .item-subtitle {
	background: #066178;
	text-align: center;
	color: white;
}

.v64-divi-carousel .item-title {
    padding: 10px 0 5px 0;
}


.v64-divi-carousel .v64-presision-treatments .item-title,
.v64-divi-carousel .v64-presision-treatments .item-subtitle,
.v64-divi-carousel .v64-presision-treatments-sub .item-title,
.v64-divi-carousel .v64-presision-treatments-sub .item-subtitle  {
	background: #01857F!important;
}

.v64-divi-carousel .dica_divi_carouselitem .dica-item-content .content {
    padding: 20px 0px;
}

.v64-divi-carousel .v64-presision-treatments .masterclass-price {
	color: #01857F!important;
	margin-bottom: 28px;
}

.v64-presision-treatments-sub .masterclass-price {
	color: #01857F!important;
}



.v64-divi-carousel .dica_divi_carouselitem .dica-item-content {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}



/* carousel review */

.v64-divi-carousel-review .item-title,
.v64-divi-carousel-review .item-subtitle {
	background: #066178;
    text-align: left;
    color: white;
}

.v64-divi-carousel .item-title {
    padding: 10px 0 5px 20px;
	font-size: 18px!important;
	border-radius: 20px 20px 0px 0px;
}

.v64-divi-carousel-review .item-subtitle {
    padding-left: 20px;
}


.v64-divi-carousel-review .v64-presision-treatments .item-title,
.v64-divi-carousel-review .v64-presision-treatments .item-subtitle {
	background: #01857F!important;
}

.v64-divi-carousel-review .dica_divi_carouselitem .dica-item-content .content {
    padding: 20px 20px;
	    font-size: 15px!important;
}

.v64-divi-carousel-review .v64-presision-treatments .masterclass-price {
	color: #01857F!important;
}

.v64-divi-carousel-review .dica_divi_carouselitem .dica-item-content {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	border: 1px solid #999;
	    border-radius: 20px;
}


/* ====================================
	Pricing Table				
======================================= */

/* --- Grid fix for new title bar layout (HTML unchanged) --- */

/* Cards grid: 3 columns (desktop), 2 columns (tablet), 1 column (mobile) */
.v64-cardgrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

@media (max-width: 1100px) {
  .v64-cardgrid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 700px) {
  .v64-cardgrid {
    grid-template-columns: 1fr;
  }
}

/* Card: full-width title row, then single full-width content row (no image column) */
.v64-card {
  position: relative; /* for the save badge */
  display: grid;
  grid-template-columns: 1fr;     /* remove old 140px image column */
  grid-template-rows: auto 1fr;   /* title, then content */
  grid-template-areas:
    "title"
    "content";
  background: #fff;
  border: 1px solid #999;
  border-radius: 20px;
  box-shadow: 0 1px 8px rgba(0, 0, 0, .05);
  overflow: hidden;
}

/* Title bar spans full width */
.card-title {
  grid-area: title;
  text-align: left;
  font-weight: 600;
  font-family: 'Nunito SemiBold';
  background-color: #01857F; /* adjust as needed */
  color: #fff;
  padding: 10px 14px;
}
.card-title h4 {
  margin: 0;
  color: #fff;
  font-weight: 600!important;
  padding: 0;
  font-size: 18px;
  font-weight: 400;
}

/* Content now takes the full width */
.v64-card-content {
  grid-area: content;
  padding: 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Prices block */
.v64-card .prices {
  display: flex;
  flex-direction: column;
  gap: 0px;
}

/* Standard price */
.v64-card .std {
  color: #000;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.95rem;
}
.v64-card .std-label {
  color: #000;
  padding: 2px 0;
}

/* MasterClass price */
.v64-card .mc {
  font-weight: 600!important;
  font-family: 'Rubik SemiBold';
  font-size: 15px;
  display: inline-flex;
  align-items: center;
  color: #066178;
  gap: 6px;
  padding: 0;
}
.v64-card .mc-label {
  padding: 2px 0;
  border-radius: 999px;
  font-weight: 600!important;
}


[class*="save-badge-"] {
  position: absolute;
  transform: translateY(-20%);
  width: 50px;
  height: 50px;
  background-color: #B34700;
  color: #fff;
  font-weight: 600;
  font-family: 'Rubik SemiBold';
  font-size: 0.75rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.1;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
  z-index: 10;
}


.save-badge-component {
  top: 56%;
  right: 20px;
}

.save-badge-inclusive {
	right: 10px;
	top: -110px;
	bottom: 0;
}

@media (max-width: 981px) {
.save-badge-inclusive {
	right: 50px;
    top: -180px;
}	
}

@media (max-width: 767px) {
.save-badge-inclusive {
	right: 10px;
    top: -100px;
}	
}

.save-badge-carousel {
    right: 0px;
    top: 25%;
}





/* Safety: if any legacy image wrapper still exists, hide it to avoid reserved space */
.v64-card .image,
.v64-card .v64-card-image,
.v64-card [data-slot="image"] {
  display: none !important;
}

/* Mobile tweaks (no image column to shrink anymore, just keep spacing tidy) */
@media (max-width: 700px) {
  .v64-card {
    /* nothing needed for columns now; single column by design */
  }
}





/* ===== Glass pill overlay (Style D isolated) ===== */
.v64-hero-pill {
 --teal: #066178;
    --orange: #B34700;
    position: relative;
    min-height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    color: #fff;
    text-align: center;
    isolation: isolate;
}

@media (max-width: 981px) {
	.v64-hero-pill {
    min-height: 400px;
}

.v64-homepage-slider .et_pb_slides .et_pb_container {
	height: 400px!important;
}

.v64-homepage-slider .et_pb_slide_description {
	padding: 16% 0%;
}

.v64-homepage-slider .et_pb_slide {
	padding: 0 0%;
}
	
}

/* Alignment modifiers */
.v64-hero-pill.align-left   { justify-content: flex-start; text-align: left; }
.v64-hero-pill.align-right  { justify-content: flex-end;  text-align: right; }

/* The glass pill */
.v64-hero-pill .pill {
  background: rgb(1 133 127 / 50%);
  border: 1px solid #999;
  border-radius: 20px;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  box-shadow:
    0 10px 30px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.25);
  padding: clamp(18px, 3.5vw, 28px) clamp(20px, 5.5vw, 44px);
  max-width: 980px;
  width: fit-content;
  position: relative;
}

/* Decorative corner blobs (very subtle) */
.v64-hero-pill .pill::before,
.v64-hero-pill .pill::after{
  content:"";
  position:absolute; z-index:-1; inset: -12% -10% auto auto;
  background: radial-gradient(45% 55% at 100% 0%, rgba(179,71,0,.28), transparent 55%);
  filter: blur(6px);
  pointer-events:none;
}
.v64-hero-pill .pill::after{
  inset: auto auto -14% -10%;
  background: radial-gradient(45% 55% at 0% 100%, rgba(6,97,120,.30), transparent 55%);
}

/* Typography */
.v64-hero-pill h1{
  margin: 0 0 8px;
  font-size: 40px;
  line-height: 1.06;
  color: white;
  letter-spacing: -0.01em;
  text-shadow: 0 2px 16px rgba(0,0,0,.35);
}

.v64-hero-pill .subtitle{
  margin: 0;
  font-size: clamp(15px, 2.6vw, 22px);
  opacity: .96;
  color: white;
  text-align: center!important;
  font-weight: 300;
  text-shadow: 0 2px 12px rgba(0,0,0,.35);
}

@media all and (min-width: 768px) and (max-width: 980px) {
.v64-hero-pill h1{
  font-size: 33px;
}
}

@media all and (max-width: 768px) {
.v64-hero-pill h1{
  font-size: 25px;
  margin-bottom: 0px;
}
}




/* Optional: narrow screens reduce pill padding slightly */
@media (max-width: 700px){
  .v64-hero-pill { min-height: 36vh; }
}



.v64-qualification-popup .dmpro_popup_inner_wrap {
	background: rgb(255 255 255 / 100%) !important;
    border: 1px solid rgba(0, 0, 0, .22);
    border-radius: 20px;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .20), inset 0 1px 0 rgba(255, 255, 255, .25);
}

.v64-qualification-popup  .dmpro_popup_wrapper {
    background: rgba(0, 0, 0, 0.7)!important;
}

.v64-qualification-popup .dmpro_popup_trigger_element {
    cursor: pointer;
    background: #066178;
    color: white;
    padding-bottom: 5px;
}

.v64-qualification-popup .dmpro_popup_footer .et_pb_button_wrapper {
	text-align: left;
}

.dmpro_popup .dmpro_popup_header {
    border-radius: 20px 20px 0px 0px;
    background: #066178;
}

.dmpro_popup .dmpro_popup_header_title,
.dmpro_popup_close_icon {
	color:white!important;
}
  
  
.v64-cardgrid-compact{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}

.v64-cardgrid-compact .card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:20px;padding:0px;box-shadow:0 1px 8px rgba(0,0,0,.05)}

.v64-cardgrid-compact h4{
	padding: 10px 0 !important;
    font-size: 1rem;
    background: #066178;
    text-align: center;
    color: white;
    border-radius: 20px 20px 0px 0px;}

.v64-cardgrid-compact .price {
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
    justify-content: center;
    padding: 20px 0;
    gap: 10px;
}

.v64-cardgrid-compact .mc{color:#066178;font-weight:800;background:rgba(6,97,120,.10);padding:6px 10px;border-radius:999px}

.v64-cardgrid-compact .std{color:black}

@media(max-width:980px){.v64-cardgrid-compact{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.v64-cardgrid-compact{grid-template-columns:1fr}}







/* ====================================
	Slider					
======================================= */

.v64-divi-carousel-pricing .item-title,
.v64-divi-carousel-pricing .item-subtitle {
	background: #01857F;
	text-align: center;
	color: white;
}

.v64-divi-carousel-pricing .item-title {
    padding: 5px 0 5px 0;
}


.v64-divi-carousel-pricing .dica_divi_carouselitem .dica-item-content .content {
    padding: 20px 0px;
}

.v64-divi-carousel-pricing .v64-presision-treatments .masterclass-price {
	color: #01857F!important;
}

.v64-divi-carousel-pricing .dica_divi_carouselitem .dica-item-content {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	cursor: grabbing;
	padding-bottom: 0px !important;
}

.v64-divi-carousel-pricing .swiper-pagination-bullet {
    width: 15px!important;
    height: 15px!important;
}

.v64-divi-carousel .dica-container .et_pb_button_wrapper {
    margin: 0px auto 20px auto!important;
}

.v64-divi-carousel .et_pb_button {
    font-size: 16px;
}

.v64-divi-carousel .price-container {
	margin-left: 0px!important;
}


.save-badge-carousel {
	width: 60px;
    /* flex: 0 0 30%; */
    margin-right: 30px;
    height: 60px;
    background-color: #B34700;
    color: #fff;
    font-weight: 600!important;
	padding: 10px;
    font-size: 13px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.1;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
    z-index: 10;
}

.v64-package-title {
	font-size: 16px;
	color: Black;
	text-align: Center;
	font-weight: 600;
	margin-bottom: 10px;
}

.v64-package-total {
	font-size: 16px;
	font-weight: 600;
	color: #066178;
}



.v64-review-tabs .nav-pills {
    background: #01857F;
	    padding-top: 0;
}

.v64-review-tabs .nav-link {
    color: white;
}

.v64-review-tabs .nav-pills .nav-link.active {
    background: #B34700;
    color: #fff;
    border-radius: 0px;
}

.v64-review-tabs .dmpro-tabtitle {
    font-size: 18px;
}

.v64-review-tabs {
	border: 1px solid #999;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.v64-review-tabs [data-dl-tabposition="top"][data-dl-tab_direction="horizontal"] .tab-content-wrapper {
    padding: 30px;
	padding-top: 30px!important;
}

.dmpro_bs .nav-link:focus, .dmpro_bs .nav-link:hover  {
     color: white; 
	 text-transform: underline;
}




/* ===== v64 Single Phone Video (scoped) ===== */
.v64-vid-phone {
    --accent: #22a068;
    --ink: #111;
    --bg: #fff;
    --ring: rgba(34, 160, 104, 0.16);
    --bd: #eee;
    max-width: 420px;
    margin: 0 auto;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.v64-vid-phone .phone {
    background: #066178;
    border: 1px solid #999;
    border-radius: 26px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    padding: 18px 12px 14px;
    position: relative;
}
.v64-vid-phone .notch {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 110px;
    height: 10px;
    background: white;
    border-radius: 999px;
    opacity: 1;
}
.v64-vid-phone .frame {
    border-radius: 18px;
    overflow: hidden;
    aspect-ratio: 9/16;
    background: #000;
    position: relative;
}
.v64-vid-phone video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.v64-vid-phone .sound {
    position: absolute;
    right: 10px;
    bottom: 10px;
    border: 1px solid var(--bd);
    background: #fff;
    padding: 6px 10px;
    border-radius: 12px;
    cursor: pointer;
    font-size: 14px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}
.v64-vid-phone .cap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 10px;
}
.v64-vid-phone .title {
    font-weight: 600;
	font-family: 'Rubik SemiBold';
    font-size: 16px;
    color: white;
}

.v64-vid-phone .phone:focus-within {
    box-shadow: 0 0 0 4px var(--ring);
}
@media (max-width: 500px) {
    .v64-vid-phone {
        max-width: 100%;
    }
}

  
.v64-vid-phone .pp .ic{ width:18px; height:18px; display:none; }
.v64-vid-phone .pp[data-playing="false"] .icon-play{ display:block; }
.v64-vid-phone .pp[data-playing="true"]  .icon-pause{ display:block; }

/* Play/Pause button */
.v64-vid-phone .pp{
  position:absolute; right:10px; bottom:10px;
  border:1px solid var(--bd); background:#fff; padding:6px 10px;
  border-radius:12px; cursor:pointer; box-shadow:0 2px 10px rgba(0,0,0,.08);
  display:flex; align-items:center; justify-content:center; width:42px; height:38px;
}





/* Review Sections */

/* new version */

.review-date-2{
	margin-top: 10px;
	width: 20%;
	width: 100%;
	float:left;
	font-style: italic;
}

div.review-verified-2 {
font-weight: 400;
    margin-bottom: 10px;
    font-size: 13px;
    color: #066178;
}

div.review-name-2 {
	font-weight: 600;
	margin-top: 10px;
    margin-bottom: 0px;
	float:left;
	width: 50%;
    color: black;
}

li.v64-reviews a {
	font-weight: 600!important;
}

.review-follow-on {
	font-weight: 600;
	margin-top: 10px;
    margin-bottom: 0px;
	float:left;
	width: 100%;
    color: #02A290;
}

@media all and (max-width: 980px){
	.v64-review-section .et_pb_row {
		display: flex;
		flex-direction: column-reverse;
	}
	
	.v64-review-section .et_pb_row .et_pb_column_13 {
		    margin-bottom: 30px!important;
	}
	
	.review-date-2 {
		width: 100%;
	}
	
	div.review-name-2 {
	width: 100%;
}
}

.v64-form-divider h3 {
	font-size: 20px!important;
	text-decoration: underline!important;
}

div.review-name {
	font-weight: 600;
    margin-bottom: 0px;
    color: black;
}

div.review-verified {
	font-weight: 600;
    margin-bottom: 10px;
    color: #066178;
}

.stars {
    display: inline-block;
    width: auto;
    position: relative;
    font-size: 35px;
    border-radius: 5px;
    margin: 5px 5px 20px 5px;
}


/*
the BEFORE:pseudo element. This will represent the number of stars in the actual rating.
it floats above the AFTER element.
*/
	.stars:BEFORE {
		content:"★★★★★";
		position:absolute;
		overflow:hidden;
		z-index:1;
		left:0px;
		top:0px;
    /* everything below here is optional. */
		color:#FC0;
		text-shadow:0px 1px 0 #000, 0 -1px 0 #fff;
	}
/*
the AFTER:pseudo element. This will represent the total possible  stars available. It is set to relative to ensure it takes up the proper amount of space.
*/
	.stars:AFTER {
		content:"★★★★★";
		position:relative;
		color: transparent;
	}

	.stars:NOT([data-percent]):BEFORE,
  .stars[data-percent="0"]:BEFORE {
		display:none;
	}
/* 1/2 a star */
	.stars[data-percent="10"]:BEFORE {
		width:10%;
	}
/* 1 star */
	.stars[data-percent="20"]:BEFORE {
		width:20%;
	}
/* 1 & 1/2 stars */
	.stars[data-percent="30"]:BEFORE {
		width:30%;
	}
/* etc. */
	.stars[data-percent="40"]:BEFORE {
		width:40%;
	}
	.stars[data-percent="50"]:BEFORE {
		width:50%;
	}
	.stars[data-percent="60"]:BEFORE {
		width:60%;
	}
	.stars[data-percent="70"]:BEFORE {
		width:70%;
	}
	.stars[data-percent="80"]:BEFORE {
		width:80%;
	}
	.stars[data-percent="90"]:BEFORE {
		width:90%;
	}
	.stars[data-percent="100"]:BEFORE {
		width:100%;
	}


.v64-main-score .stars:BEFORE,
.v64-main-score-footer .stars:BEFORE  {
    height: 40px;
	padding: 5px 0;
}

.v64-main-score .stars {
    font-size: 50px;
	height: 40px;
	    background: #259985;
}

.v64-main-score-footer .stars {
    font-size: 30px;
    height: 40px;
    margin-left: 0px;
	margin-bottom: 10px;
    background: #259985;
}




.wp-forms-dark .wpforms-field-label {
    color: #037671!important;
    font-weight: 500 !important;
	font-size: 18px;
}

.wp-forms-dark .wpforms-field-label-inline {
    color: black!important;
}