@font-face {
    font-family: "avenirblack";
    src: url("/bundles/avenirFont/Avenir-Black.woff2") format("woff2");
    font-weight: bold;
}

@font-face {
    font-family: "avenir";
    src: url("/bundles/avenirFont/Avenir-Roman.woff2") format("woff2");
    font-weight: normal;
}

:root {
    --bp-orange: #EC7E33;
    --bp-light-orange: #FEF3EC;
    --bp-very-light-orange: #F8CFB4;
    --bp-grey: #675d57;
    --bp-red: #8d191d;
    --bp-light-red: #DA2F35;
    --bp-green: #3eb690;
    --bp-light-green: #67cbab;
    --bp-very-light-green: #C2EADE;
    --bp-blue: #1FA2FF;
    --grey: #898D8D;
    --mid-grey: #CCD3DC;
    --light-grey: #dee2e6;
    --very-light-grey: #f5f5f5;
    --date-picker-trigger-color: #EC7E33;
    --color-primary-500: #EC7E33;
    --flipcard-front-color: #dee2e6;
    --flipcard-back-color: #f5f5f5;
    --flipcard-text-color: #8d191d;
    --bs-breadcrumb-divider:"/";
}

.beautyprotect-orange {
    color: var(--bp-orange);
}

.beautyprotect-red {
    color: var(--bp-red) !important;
}

.color-orange,
.orange-color {
    color: var(--bp-orange) !important;
}

.color-blue,
.blue-color {
    color: var(--bp-blue) !important;
}

.color-grey,
.grey-color {
    color: var(--grey) !important;
}

.color-green,
.green-color,
.color-success {
    color: var(--bp-green) !important;
}

.color-warning {
    color: var(--bp-orange) !important;
}

.color-red,
.red-color,
.color-danger {
    color: var(--bp-red) !important;
}

.orange-background {
    background-color: var(--bp-orange) !important;
}
.bg-primary , .bg-dark {
	background-color: var(--bp-orange)!important;
}
.bg-secondary , .bg-light {
	background-color: var(--bp-light-orange)!important;
}
.orange-gradient {
    background: linear-gradient(89.75deg, var(--bp-light-orange) 0%, var(--bp-light-orange) 100%) !important;
}
.search-gradient {
    background: linear-gradient(89.75deg, var(--bp-orange) 0%, var(--bp-light-orange) 100%) !important;
}
.green-gradient {
	background: linear-gradient(89.75deg, var(--bp-green) 0%, var(--bp-light-green) 100%) !important;
}

.fa-fw-placeholder {
	display: inline-block;
	width: 1.25em;
}
[class^="fa-"] , .fa {
	text-decoration: none!important;
 }
a > span > i.fa {
	cursor: pointer;
}
.icon-action {
	cursor: pointer;
}
.icon-action i:hover {
	cursor: pointer;
	color: #ebb914;
}
.lw-1dot1x {
    font-size: 1.1em;
}
.lw-1dot2x {
    font-size: 1.2em;
}
.lw-1dot3x {
    font-size: 1.3em;
}
.lw-1dot4x {
    font-size: 1.4em;
}
.lw-1dot5x {
    font-size: 1.5em;
}
.lw-1dot6x {
    font-size: 1.6em;
}
.lw-1dot7x {
    font-size: 1.7em;
}
.lw-tiny {
    font-size: 0.4em;
}
.lw-smaller {
    font-size: 0.6em;
}
.lw-small {
    font-size: 0.8em;
}

.submit-button {
	width:0;
	height:0;
	border:none;
	position:absolute;
	left:-10000px;
}

.beeme-barcode-container {
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	height: 222px;
	width: 222px;
	position: relative;
}
.beeme-barcode-container .reload-overlay {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
 	width: 220px;
  	height: 220px;
  	padding: 12%;
  	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}
.beeme-barcode-container .reload-button {
	display: table;
	width: 100%;
	height: 100%;
	background-color: #ffb400;
  	border-radius: 50%;
  	font-size: 36px;
  	color: #f3efed;
 	cursor: pointer;
  	text-align: center;
}
.beeme-barcode-container .reload-button span {
  	display: table-cell;
  	vertical-align: middle;
}

.password-toggling {
	position: relative;
	display: block;
}
.password-toggling i {
	cursor: pointer;
	position: absolute;
	right: 16px;
  	top: 10px;
}
.password-toggling input::-ms-reveal {
    	display: none;
}
.transparent-color {
	color: transparent;
}
.black-color , .text-black , .color-black {
	color: #000;
}
.white-color , .text-white , .color-white {
	color: #fff;
}
.green-color , .success , .text-green {
	color: #5CB85C;
}
.blue-color , .primary , .text-blue {
	color: #357EBD;
}
.azure-color , .info {
	color: #46B8DA;
}
.orange-color , .warning {
	color: #F0AD4E;
}
.red-color , .danger {
	color: #D43F3A;
}
.grey-color {
	color: #bbb;
}
.dark-grey-color {
	color: #777;
}
.medium-grey-color {
	color: #aaa;
}
.light-grey-color {
	color: #ddd;
}
.pink-color {
	color: #DA70D6;
}
.yellow-color  {
	color: #FDD303;
}
.yellow-icon-color {
	color: #EBB914;
}
.dark-blue-color {
	color: #005EC4;
}
.dark-red-color {
	color: #660000;
}
.dark-green-color {
	color: #336600;
}
.plum-color {
	color: #5A6F89;
}
.lilac-color {
	color: #879AB5;
}
.lavender-color {
	color: #BDC6D4;
}
.purple-color {
	color: #641A45;
}
.transparent-background {
	background-color: transparent;
}
.green-background {
	background-color: #5CB85C;
}
.blue-background {
	background-color: #357EBD;
}
.azure-background {
	background-color: #46B8DA;
}
.orange-background {
	background-color: #F0AD4E;
}
 .yellow-background {
	background-color: #e1e073;
}
.red-background {
	background-color: #D43F3A;
}
.grey-background {
	background-color: #bbbbbb;
}
.light-grey-background {
	background-color: #efefef;
}
.vl-grey-background {
	background-color:  #f8f9fa;
}
.dark-grey-background {
	background-color: #777777;
}
.white-background {
	background-color: #ffffff;
}
.pink-background {
	background-color: #DA70D6;
}
.dark-blue-background {
	background-color: #005EC4;
}
.light-goldish-background {
	background-color: #bea37c;
}
.dark-goldish-background {
	background-color: #755e3b;
}
.goldish-background {
	background-color: #b39365;
}

.opacity-9 {
	 opacity: 0.9;
}
.opacity-8 {
	 opacity: 0.8;
}
.opacity-7 {
	 opacity: 0.7;
}

.chzn-done option {
	font-family: sans-serif;
	font-weight: normal;
}
.chzn-done option.fas::before ,  li.active-result::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: bold;
}
li.active-result {
	font-family: sans-serif;
	font-weight: normal;
}
.bg-primary {
	background-color: #0d6efd;
}
.bg-secondary {
	background-color: #6c757d;
}
.bg-success {
    background-color: #198754;
}
.bg-danger {
    background-color: #dc3545;
}
.bg-warning {
    background-color: #ffc107;
}
.bg-info {
    background-color: #0dcaf0;
}
.text-right {
	text-align: right;
}
.text-centered {
	text-align: center;
}
.text-justify {
	text-align: justify;
}
.font-size-7 {
	font-size: 7px;
}
.font-size-8 {
	font-size: 8px;
}
.font-size-9 {
	font-size: 9px;
}
.font-size-10 {
	font-size: 10px;
}
.font-size-11 {
	font-size: 11px;
}
.font-size-12 {
	font-size: 12px;
}
.font-size-13 {
	font-size: 13px;
}
.font-size-14 {
	font-size: 14px;
}
.font-size-15 {
	font-size: 15px;
}
.font-size-16 {
	font-size: 16px;
}
.font-size-18 {
	font-size: 18px;
}
.font-size-20 {
	font-size: 20px;
}
.font-size-22 {
	font-size: 22px;
}
.font-size-24 {
	font-size: 24px;
}
.font-size-28 {
	font-size: 28px;
}
.font-size-34 {
	font-size: 34px;
}
.medium-text {
	font-size: 0.95em;
}
.small , .small-text , .text-small {
	font-size: 0.8em;
}
.extra-small , .extra-small-text , .text-extra-small {
	font-size: 0.6em;
}
.light-text , .fw-300 {
	font-weight: 300;
}
.regular-text , .fw-400 {
	font-weight: 400;
}
.semi-bold-text , .fw-600 {
	font-weight: 600;
}
.bold-text , .text-bold , .fw-700 {
	font-weight: 700;
}
.italic-text {
	font-style: italic;
}
.superscript-text {
	vertical-align: super;
	font-size: 0.7em;
}
.text-underline {
	text-decoration: underline;
}
.extra-bold-text {
	font-weight: 800;
}
.uppercase {
	text-transform: uppercase;
}
.capitalized {
	text-transform: capitalize;
}
.capitalize-first-letter > .row > [class*=" col-"]::first-letter {
	text-transform: capitalize;
}
.em-2 {
	font-size: 2em;
}
.em-19 {
	font-size: 1.9em;
}
.em-18 {
	font-size: 1.8em;
}
.em-17 {
	font-size: 1.7em;
}
.em-16 {
	font-size: 1.6em;
}
.em-15 {
	font-size: 1.5em;
}
.em-14 {
	font-size: 1.4em;
}
.em-13 {
	font-size: 1.3em;
}
.em-12 {
	font-size: 1.2em;
}
.em-11 {
	font-size: 1.1em;
}
.eleven-px {
	font-size: 11px;
}
.twelve-px {
	font-size: 12px;
}
.thirteen-px {
	font-size: 13px;
}
.fourteen-px {
	font-size: 14px;
}
ifteen-px {
	font-size: 15px;
}
.sixteen-px {
	font-size: 16px;
}
.seventeen-px {
	font-size: 17px;
}
.eighteen-px {
	font-size: 18px;
}
.twenty-px {
	font-size: 20px;
}
.twentytwo-px {
	font-size: 22px;
}
.twentyfour-px {
	font-size: 24px;
}
.twentyeight-px {
	font-size: 28px;
}
.thirty-px {
	font-size: 30px;
}
.thirtysix-px {
	font-size: 36px;
}
.overflow-break-word {
	overflow-wrap: break-word;
}
.overflow-break-word-normal {
	overflow-wrap: break-word;
	word-break: normal;
}
.overflow-break-anywhere {
	overflow-wrap: anywhere;
}
.text-wrap {
	text-wrap: wrap;
}
.line-height-2 {
	line-height: 2;
}
.vw1 {
	font-size: 1vw;
}
.vw2 {
	font-size: 2vw;
}
.vw3 {
	font-size: 3vw;
}
.vw4 {
	font-size: 4vw;
}
.vh1 {
	font-size: 1vh;
}
.vh2 {
	font-size: 2vh;
}
.vh3 {
	font-size: 3vh;
}
.vh4 {
	font-size: 4vh;
}
.padding-0 {
	padding: 0;
}
.padding-top-0 {
	padding-top: 0;
}
.padding-right-0 {
	padding-right: 0;
}
.padding-bottom-0 {
	padding-bottom: 0;
}
.padding-left-0 {
	padding-left: 0;
}
.padding-2 {
	padding: 2px;
}
.padding-top-2 {
	padding-top: 2px;
}
.padding-right-2 {
	padding-right: 2px;
}
.padding-bottom-2 {
	padding-bottom: 2px;
}
.padding-left-2 {
	padding-left: 2px;
}
.padding-4 {
	padding: 4px;
}
.padding-top-4 {
	padding-top: 4px;
}
.padding-right-4 {
	padding-right: 4px;
}
.padding-bottom-4 {
	padding-bottom: 4px;
}
.padding-left-4 {
	padding-left: 4px;
}
.padding-5 {
	padding: 5px;
}
.padding-top-5 {
	padding-top: 5px;
}
.padding-right-5 {
	padding-right: 5px;
}
.padding-bottom-5 {
	padding-bottom: 5px;
}
.padding-left-5 {
	padding-left: 5px;
}
.padding-8 {
	padding: 8px;
}
.padding-top-8 {
	padding-top: 8px;
}
.padding-right-8 {
	padding-right: 8px;
}
.padding-bottom-8 , .pb-8 {
	padding-bottom: 8px;
}
.padding-left-8 {
	padding-left: 8px;
}
.padding-10 {
	padding: 10px;
}
.padding-top-10 {
	padding-top: 10px;
}
.padding-right-10 {
	padding-right: 10px;
}
.padding-bottom-10 {
	padding-bottom: 10px;
}
.padding-left-10 {
	padding-left: 10px;
}
.padding-12 {
	padding: 12px;
}
.padding-top-12 {
	padding-top: 12px;
}
.padding-right-12 {
	padding-right: 12px;
}
.padding-bottom-12 {
	padding-bottom: 12px;
}
.padding-left-12 {
	padding-left: 12px;
}
.padding-16 {
	padding: 16px;
}
.padding-top-16 {
	padding-top: 16px;
}
.padding-right-16 {
	padding-right: 16px;
}
.padding-bottom-16 {
	padding-bottom: 16px;
}
.padding-left-16 {
	padding-left: 16px;
}
.padding-20 {
	padding: 20px;
}
.padding-top-20 {
	padding-top: 20px;
}
.padding-right-20 {
	padding-right: 20px;
}
.padding-bottom-20 {
	padding-bottom: 20px;
}
.padding-left-20 {
	padding-left: 20px;
}
.padding-24 {
	padding: 24px;
}
.padding-top-24 {
	padding-top: 24px;
}
.padding-right-24 {
	padding-right: 24px;
}
.padding-bottom-24 {
	padding-bottom: 24px;
}
.padding-left-24 {
	padding-left: 24px;
}
.padding-32 {
	padding: 32px;
}
.padding-top-32 {
	padding-top: 32px;
}
.padding-right-32 {
	padding-right: 32px;
}
.padding-bottom-32 {
	padding-bottom: 32px;
}
.padding-left-32 {
	padding-left: 32px;
}
.padding-left-60 {
	padding-left: 60px;
}
.padding-inline-0 > .row > [class*="col"] {
	padding-inline: 0;
}

.margin-left-auto {
	margin-left: auto;
}
.margin-right-auto {
	margin-right: auto;
}
.margin-0 {
	margin: 0;
}
.margin-top-0 {
	margin-top: 0;
}
.margin-right-0 {
	margin-right: 0;
}
.margin-bottom-0 {
	margin-bottom: 0;
}
.margin-left-0 {
	margin-left: 0;
}
.margin-2 {
	margin: 2px;
}
.margin-top-2 {
	margin-top: 2px;
}
.margin-right-2 {
	margin-right: 2px;
}
.margin-bottom-2 {
	margin-bottom: 2px;
}
.margin-left-2 {
	margin-left: 2px;
}
.margin-4 {
	margin: 4px;
}
.margin-top-4 {
	margin-top: 4px;
}
.margin-right-4 {
	margin-right: 4px;
}
.margin-bottom-4 {
	margin-bottom: 4px;
}
.margin-left-4 {
	margin-left: 4px;
}
.margin-5 {
	margin: 5px;
}
.margin-top-5 {
	margin-top: 5px;
}
.margin-right-5 {
	margin-right: 5px;
}
.margin-bottom-5 {
	margin-bottom: 5px;
}
.margin-left-5 {
	margin-left: 5px;
}
.margin-8 {
	margin: 8px;
}
.margin-top-8 {
	margin-top: 8px;
}
.margin-right-8 {
	margin-right: 8px;
}
.margin-bottom-8 {
	margin-bottom: 8px;
}
.margin-left-8 {
	margin-left: 8px;
}
.margin-10 {
	margin: 10px;
}
.margin-top-10 {
	margin-top: 10px;
}
.margin-right-10 {
	margin-right: 10px;
}
.margin-bottom-10 {
	margin-bottom: 10px!important;
}
.margin-left-10 {
	margin-left: 10px;
}
.margin-12 {
	margin: 12px;
}
.margin-top-12 {
	margin-top: 12px;
}
.margin-right-12 {
	margin-right: 12px;
}
.margin-bottom-12 {
	margin-bottom: 12px;
}
.margin-left-12 {
	margin-left: 12px;
}
.margin-16 {
	margin: 16px;
}
.margin-top-16 {
	margin-top: 16px;
}
.margin-right-16 {
	margin-right: 16px;
}
.margin-bottom-16 {
	margin-bottom: 16px;
}
.margin-left-16 {
	margin-left: 16px;
}
.margin-20 {
	margin: 20px;
}
.margin-top-20 {
	margin-top: 20px;
}
.margin-right-20 {
	margin-right: 20px;
}
.margin-bottom-20 {
	margin-bottom: 20px;
}
.margin-left-20 {
	margin-left: 20px;
}
.margin-24 {
	margin: 24px;
}
.margin-top-24 {
	margin-top: 24px;
}
.margin-right-24 {
	margin-right: 24px;
}
.margin-bottom-24 {
	margin-bottom: 24px;
}
.margin-left-24 {
	margin-left: 24px;
}
.margin-32 {
	margin: 32px;
}
.margin-top-32 {
	margin-top: 32px;
}
.margin-right-32 {
	margin-right: 32px;
}
.margin-bottom-32 {
	margin-bottom: 32px;
}
.margin-left-32 {
	margin-left: 32px;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    	position: relative;
    	min-height: 1px;
    	padding-right: 10px;
    	padding-left: 10px;
}
.col-xs-15 {
    	width: 20%;
    	float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

.trumbowyg-editor,   .trumbowyg-textarea {
	min-height: 260px!important;
	resize: vertical!important;	
}

:root {
	--attachment-as-title-width: 280px;
}
.attachment-as-title {
	width: var(--attachment-as-title-width);
	border-radius: 2px;
	border: 0.5px solid rgba(0, 76, 108, 0.40);
	color: #004C6C;
	display: inline-flex;
	align-items: center;
	margin-left: 0 !important;
	margin-right: 8px !important;
	padding-right: 0;
	padding-left: 0;
	background: #fff;
}
.attachment-as-title .row.simple, 
.attachment-as-title .row.standard  {
	margin-bottom: 0;
}
.attachment-as-title > .col2 {
	text-align: center;
	padding: 0;
} 
.attachment-as-title .left-tile {
	display: inline-flex;
	align-items: center;
	width: calc(var(--attachment-as-title-width) - 20px);
	padding: 6px 4px 6px 0;
}
.attachment-as-title .left-tile .file-icon {
	padding: 0 6px;
	text-align: center;
}
.attachment-as-title .left-tile .text-description {
	overflow: hidden;
    	white-space: nowrap;
    	text-overflow: ellipsis;
	line-height: 1;
	text-align: left;
	padding: 0 4px;
}
.attachment-as-title .remove-attachment {
	font-size: 12px;
	padding: 12px 8px;
	margin-left: 0;
}
.attachment-as-title:hover , .attachment-as-title:hover a {
	color: rgb(0, 76, 108);
	background-color: rgba(0, 76, 108, 0.05);
}
.attachment-as-title a.remove-attachment:hover {
	color: rgb(0, 76, 108);
	background-color: rgba(0, 76, 108, 0.1);
}
.attachment-as-title a:hover i {
	color: rgb(0, 76, 108);
}
.display-flex , .d-flex {
	display: flex;
}
.display-flex-wrap {
	display: flex;
	flex-wrap: wrap;
}
.display-flex-simple > .row > [class*="col"] {
	display: flex;
}
.d-flex-gap-8 > .row > [class*="col"] {
	display: flex;
	gap: 8px;
}
.d-flex-gap-8-center > .row > [class*="col"] {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
}
.d-flex-gap-8-wrap > .row > [class*="col"] {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}
.d-inline-gap-8 > .row > [class*="col"] {
	display: inline-flex;
	gap: 8px;
	flex-wrap: nowrap;
}
.d-flex-gap-16 > .row > [class*="col"] {
	display: flex;
	gap: 16px;
}
.d-flex-gap-16-wrap > .row > [class*="col"] {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
}
.d-flex-gap-24 > .row > [class*="col"] {
	display: flex;
	gap: 24px;
}
.d-flex-gap-24-wrap > .row > [class*="col"] {
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
}
.d-flex-gap-48 > .row > [class*="col"] {
	display: flex;
	gap: 48px;
}
.d-flex-gap-48-wrap-16 > .row > [class*="col"] {
	display: flex;
	gap: 48px;
	row-gap: 16px;
	flex-wrap: wrap;
}
.display-flex-important {
	display: flex!important;
}
.display-flex-sh {
	display: flex;
	flex-wrap: wrap;
}
.display-flex-sh > [class*="col-"] {
	display: flex;
	flex-direction: column;
}
.d-flex-column {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.d-flex-row-gap-4 {
	display: flex;
	gap: 4px;
}
.d-flex-column-col > .row > [class*="col"] {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.d-flex-row {
	display: flex;
	flex-direction: row;
	gap: 8px;
}
.d-inline-flex {
	display: inline-flex;
}
.tagger-widget {
	display: inline-block;
}
.tagger-widget > .row > [class*="col"] , .tagger-widget .fragment-wrapper , .tagger-widget .form-any , .tagger-widget > table > tbody > tr > td {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	flex-wrap: wrap;
}
.align-items-center > .row > [class*="col"] , .align-items-center table > tbody > tr > td , .align-items-center .form-any , .flex-fragment-wrapper .fragment-wrapper {
	display: flex;
	align-items: center;
}
.align-flex-start > .row > [class*="col"] {
	display: flex;
	align-items: flex-start;
	gap: 8px;
}
.align-start > .row > [class*="col"] {
	display: flex;
	align-items: flex-start;
}
.flex-fragment-wrapper table > tbody > tr > td , .tagger-widget > table > tbody > tr > td {
	border: 0;
	padding: 0;
}
.flex-fragment-wrapper .row.standard , .flex-fragment-wrapper .row.simple , .tagger-widget .row.standard , .tagger-widget .row.simple {
	margin-bottom: 0;
}
.row.cols-align-items-center > [class*="col"] {
	display: flex;
	align-items: center;
}
.align-items-center {
	align-items: center;
}
.align-items-end {
	align-items: self-end!important;
}
.justify-content-left {
	justify-content: left;
}
.justify-content-center {
	justify-content: center;
}
.justify-content-right {
	justify-content: right;
}
.display-flex-space-between > .row > [class*="col"] , .display-flex-center-space-between .form-any {
	display: flex;
	justify-content: space-between;
}
.simple-flex-center-space-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.simple-flex-space-between {
	display: flex;
	justify-content: space-between;
}
.display-flex-center-space-between > .row > [class*="col"] , .display-flex-center-space-between .form-any {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.d-flex-between-wrap > .row > [class*="col"] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.display-flex-center-flex-start > .row > [class*="col"] {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.display-flex-start > .row > [class*="col"] {
	display: flex;
	justify-content: flex-start;
	gap: 8px;
}
.justify-flex-start {
	display: flex;
	justify-content: flex-start!important;
}
.display-flex-start-wrap > .row > [class*="col"] {
	display: flex;
	justify-content: flex-start;
	gap: 8px;
	flex-wrap: wrap;
}
.display-flex-end > .row > [class*="col"] {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
}
.display-simple-flex-end {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
}
.display-flex-center-center > .row > [class*="col"] {
	display: flex;
	align-items: center;
	justify-content: center;
}
.display-flex-top-space-between > .row > [class*="col"] {
	display: flex;
	align-items: top;
	justify-content: space-between;
}
.same-height-on-grid-cols {
	display: flex;
}
.same-height-on-grid-cols > [class*=" col-"] {
	flex: 1;
}
.same-height > .row > [class*=" col-"] {
	display: flex;
	flex-wrap: wrap;
}
.bs3-same-height-vc.row {
	display: flex;
	align-items: center;
}
.space-between > .row > [class*="col"] {
	display: flex;
	justify-content: space-between;
}
.row-align-center {
	align-items: center;
}
.align-center > .row > [class*=" col-"] {
	align-items: center;
}
.d-flex-wrap-gap {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-l, 24px);
}
.d-flex-wrap-gap-s {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-s, 8px);
}
.d-flex-wrap-row-gap > .row > [class*="col"] {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 4px;
	row-gap: 4px;
}
.flex-content {
	width: 20%;
	flex-grow: 1;
}
.d-flex-center {
	display: flex;
	justify-content: center;
}
.flex-snippet {
	display: flex;
	flex-direction: row;
	align-items: baseline;
	gap: 8px;
}
.align-items-baseline > .row > [class*="col"] {
	display: flex;
	align-items: baseline;
}
.flex-facet {
	display: flex;
	flex-direction: row;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px;
}
.flex-direction-row > .row > [class*="col"] {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.flex-direction-row-8 > .row > [class*="col"] {
	display: flex;
	flex-direction: row;
	gap: 8px;
}
.flex-column-center {
	display: flex;
	flex-direction: column;
	align-content: center;
	flex-wrap: wrap;
}
.image-label {
	display: inline-flex;
	gap: 8px;
}
.flex-1 {
	flex: 1;
}

.width-auto {
  width: auto;
}
.width-20-px {
  width: 20px;
}
.width100-px {
  width: 100px;
}
.width-140-px {
  width: 140px;
}
.width-150-px {
  width: 150px;
}
.min-width-50-px {
  min-width: 50px;
}
.width-3-percent,
.width-3 {
  width: 3%;
}
.width-5-percent,
.width-5 {
  width: 5%;
}
.width-10-percent,
.width-10 {
  width: 10%;
}
.width-15-percent,
.width-15 {
  width: 15%;
}
.width-20-percent,
.width-20 {
  width: 20%;
}
.width-30-percent,
.width-30 {
  width: 30%;
}
.width-40-percent,
.width-40 {
  width: 40%;
}
.width-50-percent,
.width-50 {
  width: 50%;
}
.width-60-percent,
.width-60 {
  width: 60%;
}
.width-70-percent,
.width-70 {
  width: 70%;
}
.width-80-percent,
.width-80 {
  width: 80%;
}
.width-90-percent,
.width-90 {
  width: 90%;
}
.width-100-percent,
.full-width,
.width-100,
.width-row-100>.row {
  width: 100%;
}
.width-100-percent-important,
.full-width-important,
.width-100-i {
  width: 100% !important;
}
.fixed-width-12 {
  width: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fixed-width-24 {
  width: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fixed-width-32 {
  width: 32px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fixed-width-40 {
  width: 40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fixed-width-48 {
  width: 48px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fixed-width-250 {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.amber-100 .amberWidget {
	width: 100%;
}
.glyph-button a {
	text-decoration: none;
}
.display-inline {
	display: inline;
}
.display-block {
	display: block;
}
.display-inline-block , .dib {
	display: inline-block;
}
.dib-row > .row {
	display: inline-block;
}
.display-none , .d-none {
	display: none;
}
.visibility-hidden {
	visibility: hidden;
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.float-right {
	float: right;
}
.float-left {
	float: left;
}
.jSignature {
	background-color: rgba(238, 238, 238, 0.5);
	cursor: crosshair;
}
textarea.noresize {
	resize: none;	
}
ul.list-style-none {
	list-style-type: none;
}
ul.list-style-square {
	list-style-type: square;
}
ul.list-style-decimal {
	list-style-type: decimal;
}
ul.padding-bottom-10 li {
	padding-bottom: 10px;
}
table.sticky-header th , .sticky-header th {
	position: sticky;
	top: 0;
}
.btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active {
	z-index: 0;
}
.paging-navigator {
	padding: 10px 0;
}
.paging-navigator span , .paging-navigator a {
	display: inline-block;
    	text-align: center;
   	vertical-align: middle;
    	white-space: nowrap;
    	padding: 4px 4px;
	line-height: 1.428575;
	user-select: none;
	font-size: 11px;
	min-width: 28px;
	background-color: #eee;
}
.paging-navigator span.selected {
	color: #fff;
}
table.with-fixed-layout , .table.with-fixed-layout {
	table-layout: fixed;
}
.table.vertical-align-middle td {
	vertical-align: middle;
}
.ellipsis, .overflow-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
span.ellipsis {
	display: inline-block;   
	max-width: 225px;         
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ellipsis-label {
	display: inline-block;   
	max-width: 100%;         
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ellipsis-container .col{
	display: inline-flex; 
	gap: 8px; 
} 
.ellipsis-container .row.simple{
	margin-bottom: 0;
} 
.ellipsis-container .glyph-button { 
	max-width: 80%; 
} 
.pdf-ellipsis-container span{
	display: inline-block;   
	max-width: 200px;         
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
} 
.break-word {
	width: 100%;
  word-break: break-word;
}
.break-all {
	word-break: break-all;
}
span.disabled i.production-icon-color , span.disabled:hover i.production-icon-color {
	color: #aaa;
}
.negative-margin-left-20 {
	margin-left: -20px;
}
.column-count-2 {
	column-count: 2;
}
.column-count-3 {
	column-count: 3;
}
.column-count-4 {
	column-count: 4;
}
.inline-block-amber .amberWidget {
	display: inline-block;
}
.accordion-button .inline-block-amber .row .col {
	display: flex;
	justify-content: space-between;
	padding-right: 0;
}
.inline-centered {
	display: inline-block;
	width: 100%;
	text-align: center;
}
.nowrap , .no-wrap {
 	white-space: nowrap;
}
.cell-align-right {
	text-align: right;
}
.cell-align-left {
	text-align: left;
}
.cell-align-center {
	text-align: center;
}
.cell-align-middle {
	vertical-align: middle!important;
}
.cell-align-top , .cell-align-top table  td , .cell-align-top table th , .v-top {
	vertical-align: top!important;
}
.cell-align-bottom , .vertical-align-bottom {
	vertical-align: bottom!important;
}
.vertical-align-text-bottom {
	vertical-align: text-bottom;
}
.vertical-align-middle {
	vertical-align: middle;
}
.drop-icon::after {
	content: "\f0d7";
    	padding-left: 4px;
	color: #000;
    	font-size: 12px;
    	font-family: "Font Awesome 5 Pro";
	font-weight: bold;
}
.row-margin-offset .row.simple, .row-margin-offset .row.standard {
    margin-bottom: 0;
}
.row-margin-offset table td {
	border: none;
}
.mandatory-field {
	color: #ff0000;
}
.mandatory-field-new::after {
	color: #ff0000;
	content: " *";
}
.table-layout-fixed {
	table-layout: fixed;
}
.btn:focus , .btn-group:focus  {
	outline: none;
	box-shadow: none;
}
.line-through , .line-through a {
	text-decoration: line-through;
	font-style: italic;
}
.pointer-cursor {
	cursor: pointer;
}
.nrmb .row.simple, 
.nrmb .row.standard ,
.no-row-margin-bottom .row.simple, 
.no-row-margin-bottom .row.standard ,
.accordion.no-row-margin-bottom .panel-heading .row.simple ,  
.accordion.no-row-margin-bottom .panel-heading.row.standard {
	margin-bottom: 0;
}
.bumpy {
	display: flex;
	align-items: center;
	justify-content: center;	
	font-size: 18px;
	font-weight: bold;
	margin: 0 auto;
}
.margin-auto {
	margin: auto;
}
.margin-zero-auto {
	margin: 0 auto;
}
.offset-bootstrap-margin , .obm {
    	margin-left: -15px;
    	margin-right: -15px;
}
.height-one-third {
	height: 33.33333%;
}
.pivot-container  * {
	box-sizing: content-box;
}
.position-relative {
	position: relative!important;
}
.position-absolute {
	position: absolute!important;
}
.form-switch {
	display: inline-block;
	vertical-align: middle;
}
.form-switch .form-check-input {
	 transform: scale(1.9);
	margin-left: -1.65em;
}
.form-switch.micro .form-check-input {
	 transform: scale(1.0);
	margin-left: -2.45em;
}
.form-switch.mini .form-check-input {
	 transform: scale(1.15);
	margin-left: -2.25em;
}
.form-switch.small .form-check-input {
	 transform: scale(1.6);
	margin-left: -1.95em;
}
.phone-input-country-flag {
	width: 20px;
	margin-left: -32px;
}
.no-native-affordance input[type=radio] {
	display: none;
}
.in-absence-buttons {
	margin-right: 8px;
}
.menu-container .btn:not(:last-child) ,  .menu-container .amberWidget:not(:last-child) {
	margin-right: 0.25rem !important;
}
ul.style-dash li {
	list-style-type: "-  ";
}
.border-dotted {
	border-bottom: 1px dotted rgba(0, 0, 0, 0.125);
}
.border-1px {
	border: 1px solid rgba(0, 0, 0, 0.125);
}
.fa-layers.fa-lg {
	vertical-align: -0.175em;
}
.border-none , border-0 {
	border: none;
}
.btn-group.disabled {
	cursor: default;
    	opacity: .5;
}
.btn-group.disabled .btn {
	cursor: default;
	pointer-events: none;
}
.d-block-center-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	top: 10%;
	position: relative;
}
.d-block-center{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.as-ol li {
	list-style-type: decimal;
}
.sortable-list-title {
	display: flex;
    	align-items: center;
    	gap: 8px;
}
.form-control-plaintext {
	display: block;
	width: 100%;
	padding: 0.375rem 0;
	margin-bottom: 0;
	line-height: 1.5;
	color: var(--bs-body-color);
	background-color: transparent;
	border: solid transparent;
	border-width: var(--bs-border-width) 0;
}
.overflow-hidden {
	overflow:hidden; 
}
.rounded-8 {
	border-radius: 8px;
}
.rounded-6 {
	border-radius: 6px;
}
.rounded-4 {
	border-radius: 4px;
}
.rounded-2 {
	border-radius: 2px;
}
.rounded-50-percent {
	border-radius: 50%;
}
.visibility-toggle {
	cursor: pointer;
}
.test-logo {
	white-space: nowrap;
	background-color: yellow;
	padding: 6px;
}
caption {
	    caption-side: top;
}
.pointer-events-auto {
    pointer-events: auto !important;
}
.pointer-events-none {
    pointer-events: none !important;
}
.pointer-events-unset {
    pointer-events: unset !important;
}
.amber-widget-width-100 ,  .amber-widget-width-100 > .row > [class*="col"] > .amberWidget {
	width: 100%;
}
.break-spaces {
	white-space:  break-spaces;
}
.width-auto-important {
	width: auto!important;
}
.chat-width-50-centered {
		width: 50%;
		margin: 0 auto;
}
/*------------------------------todo------------------------------*/
#todolist {
  	font-size: 13px;
  	clear: both;
}
ul.todo {
	list-style: square outside;
	padding: 10px 0 0 0;
	margin-left: 20px;
}
ul.todo li {
	padding: 3px;
	border-bottom: 1px solid #ddd;
}
ul.todo li a {
	text-decoration: none;
}
ul.todo li a:hover {
	text-decoration: underline;
}
ul.todo span.details {
	font-style: italic;
	font-weight: normal;
	font-size: 87%;
}
ul.todo li.unread {
	font-weight: bold;
}
.helvetia ul.todo li.read {
	opacity: 0.75;
}
.documentbrowser {
	white-space: nowrap;
}
body.document-browser {
	background-color: #404040;
	background-image: none;
}
#documentBrowser {
	width: 100%;
	border-bottom: 20px solid transparent;
	float: left;
	 
}
#documentBrowser #tabs {
	height: auto;
	float: left;
}
.document-browser {
	width: 100%;
	height: 100%;
}
.document-browser-container {
	height: 100vh;
	min-width: 800px;
	border: 0;
}
.document-browser-container tr:nth-child(2) td {
	height: 100%;
}

.number-input input[type="number"] {
	appearance: textfield;
}
.number-input input[type=number]::-webkit-inner-spin-button,
.number-input input[type=number]::-webkit-outer-spin-button {
  appearance: none;
}
.number-input {
  border: 2px solid #ddd;
  display: inline-flex;
}
.number-input,
.number-input * {
  	box-sizing: border-box;
}
.number-input button {
	outline:none;
	appearance: none;
	background-color: transparent;
	border: none;
	align-items: center;
	justify-content: center;
  	width: 3rem;
  	height: 3rem;
  	cursor: pointer;
  	margin: 0;
  	position: relative;
}

.number-input input[type=number] {
	font-family: sans-serif;
	max-width: 10rem;
	padding: .5rem;
	border: solid #ddd;
	border-width: 0 2px;
	font-size: 2rem;
	height: 3rem;
	font-weight: bold;
	text-align: center;
}

.alert-widget {
	display: flex;
	flex-direction: row;
	margin-bottom: 10px;
	background-color: rgba(179,147,101, 0.2);
	color: #004085;
	background-color: #cce5ff;
	align-items: center;
	border-radius: 0;
	padding: 0;
	border: none;
}
.alert-widget.no-margin-bottom {
	margin-bottom: 0;
}
.alert-widget.no-margin-bottom .caption .row.simple , 
.alert-widget.no-margin-bottom .caption .row.standard  {
	margin-bottom: 0;
}
.alert-widget.border-bottom {
	border-bottom: 2px solid #fff!important;
}
.alert-widget .icon {
	font-size: 20px;
	padding-left: 10px;
	padding-right: 10px;
}
.alert-widget .caption {
	border-left: 2px solid #fff;
	padding: 8px;
	font-weight: bold;
}
.alert-widget.success {
	color: #155724;
	background-color: #d4edda;
}
.alert-widget.danger {
	color: #721c24!important;
	background-color: #f8d7da;
}
.alert-widget.alert , .alert-widget.warning {
	color: #856404!important;
	background-color: #fff3cd;
}

.alert-widget.info {
	color: #0c5460;
	background-color: #d1ecf1;
}
.alert-widget.upload {
	color: #bbb;
	background-color: #fff;
	border: 1px dashed #bbb;
}
.alert-widget.upload .caption{
	color: #0c5460;
}

.dropdown-menu {
	border-color: #a7a7a7!important;
	background-color: #fff!important;
}
.dropdown-item {
	display: block;
	width: 100%;
	padding: .25rem 1.5rem;
	clear: both;
	font-weight: 400;
   	color: #333;
   	text-align: inherit;
    	white-space: nowrap;
    	background-color: #fff;
    	border: 0;
	font-weight: normal;
}
.dropdown-item:focus, .dropdown-item:hover {
    	color: #16181b;
    	text-decoration: none;
    	background-color: #f8f9fa;
}
.dropdown-divider {
    	height: 0;
    	margin: .5rem 0;
   	overflow: hidden;
    	border-top: 1px solid #e9ecef;
}
.website-summary .dropdown-menu {
	padding: 2px 0;
}
.website-summary .dropdown-divider {
	margin: 0;
}

:root {
	--avatar-size: 30px;
}
.avatar-circle {
	background-color: #ccc;
	border-radius: 50%;
	height: var(--avatar-size);
	text-align: center;
	width: var(--avatar-size);
}
.avatar-circle .initials {
	font-size: calc(var(--avatar-size) / 2); 
	line-height: 1;
	position: relative;
	top: calc(var(--avatar-size) / 4);
}
.avatar-css {
	background: #099bdd;
	color: white;
	opacity: 1; 
	background-color: attr(data-background-color); 
	display: inline-block; 
	font-weight: 0500; 
	border-radius: 50%; 
	vertical-align: middle; 
	width: 50px; 
	height: 50px; 
	line-height: 50px; 
	font-size: 18px;
	text-align: center; 
}
.avatar-css.md {
		width: 32px; 
		height: 32px; 
		line-height: 32px; 
		font-size: 14px; 
}
.avatar-css.sm {
		width: 24px; 
		height: 24px; 
		line-height:24px; 
		font-size: 12px;
}
.ghost-column {
	display: none;
}
:root {
	--date-picker-trigger-color: var(--color-primary-500, #000);
}
.ui-datepicker {
	width: 230px;
	height: auto;
	margin: 5px auto 0;
	font: 9pt Arial, sans-serif;
	z-index: 20!important;
}
.ui-datepicker a {
	text-decoration: none;
}
.ui-datepicker-year {
	color: #888;
	font-size: 11px;
}
.ui-datepicker table {
	background-color: #f4f4f4;
	width: 100%;
	border: 1px solid #e0e0e0;
}
.ui-datepicker-header {
	background: #555;
	color: #fff;
	font-weight: bold;
	line-height: 30px;
	border: none;
}
.ui-datepicker-title {
	text-align: center;
}
.ui-datepicker-prev, .ui-datepicker-next {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
	content: "";
}
.ui-datepicker-prev {
	float: left;
	background-position: center -30px;
}
.ui-datepicker-prev:before {
	content: "\f0d9"; 
	font-weight: bold;
	font-family: "Font Awesome 5 Pro"; 
	font-size: 18px;
	color: #fff;
 }
 .ui-datepicker-next:before {
	content: "\f0da"; 
	font-weight: bold;
	font-family: "Font Awesome 5 Pro"; 
	font-size: 18px;
	color: #fff;
 }
.ui-icon.ui-icon-circle-triangle-w , .ui-icon.ui-icon-circle-triangle-e {
	display: none;
 }
.ui-datepicker-next {
	float: right;
	background-position: center 0px;
}
.ui-datepicker thead {
	background-color: #f7f7f7;
	border-bottom: 1px solid #bbb;
}
.ui-datepicker th {
	text-transform: uppercase;
	font-size: 6pt;
	padding: 5px 0;
	color: #666;
	text-align: center;
}
.ui-datepicker tbody td {
	padding: 0;
	border: none;
}
.ui-datepicker tbody td:last-child {
	border-right: 0px;
}
.ui-datepicker tbody tr {
}
.ui-datepicker tbody tr:last-child {
	border-bottom: 0px;
}
.ui-datepicker td span, .ui-datepicker td a {
	display: inline-block;
	font-weight: bold;
	text-align: center;
	width: 31px;
	height: 30px;
	line-height: 30px;
	color: #666;
}
.ui-datepicker-calendar .ui-state-default {
	background: #ededed;
}
.ui-datepicker-calendar .ui-state-hover {
	background: #f7f7f7;
}
.ui-datepicker-calendar .ui-state-active {
	background: #6eafbf;
	color: #e0e0e0;
	position: relative;
}
.ui-datepicker-unselectable .ui-state-default {
	background: #f4f4f4;
	color: #b4b3b3;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
	width: 30px;
	margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
	width: 30px;
	margin-right: 0;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
	height: 30px;
	margin-bottom: 0;
}
.ui-datepicker-trigger {
	border:none;
	background:none;
	cursor: pointer;
	position: absolute;
    	padding: 0;
    	margin: 0;
	right: 11px;
    	top: 3px;
}
.bs .ui-datepicker-trigger {
	right: 8px;
	top: 8px;
}
.quantum .bs .ui-datepicker-trigger , 
.octium .bs .ui-datepicker-trigger ,
.ubs .bs .ui-datepicker-trigger , 
.lwlux .bs .ui-datepicker-trigger ,
.credit-suisse .ui-datepicker-trigger , 
.tower .ui-datepicker-trigger  {
	right: 8px;
	top: 2px;
}
.lmep .bs .ui-datepicker-trigger , 
.scottishWidows .bs .ui-datepicker-trigger, 
.wealins .bs .ui-datepicker-trigger ,
.code-base .bs .ui-datepicker-trigger {
	right: 8px;
	top: 4px;
}

.quantum .no-field > .ui-datepicker-trigger {
	right: -4px;
    	top: 0;
}
.ui-datepicker-trigger:after {
	font-family: "Font Awesome 5 Pro";
	content: "\f783";
	font-size: 1.5rem;
	color: var(--date-picker-trigger-color);
}
.bs .ui-datepicker-trigger:after {
	font-size: 1rem;
}
.ui-datepicker .highlighted-date a {
	background-color: #cbcbcb;
}
.no-field > .ui-datepicker-trigger {
	position: relative;
	top: 0; 
	right: 0;
}
.beautyprotect.funnel  .ui-datepicker-trigger {
        left: -128px;
	right: 0;
	top: 0;
	position: relative;
}
input.datepicker {
	width: 140px;
	display: inline-block;
}
@media (max-width: 992px) {
	input.datepicker {
		width: 120px;
	}
	.beautyprotect.funnel input.datepicker {
		width: 140px;
	}
}
@media (max-width: 768px) {
	.ui-datepicker-trigger {
		top: 1px;
	}
	input.datepicker {
		width: 120px;
	}
	.beautyprotect.funnel input.datepicker {
		width: 140px;
	}
	.beautyprotect.customer-club  .ui-datepicker-trigger {
   		top: 3px;
	}
}
.lipo .ui-datepicker-trigger {
	top: 5px;
    	right: 5px;
}
.lipo .ui-datepicker-header {
	background: rgb(243, 120, 43);
}
.lipo  .ui-datepicker-header {
	background-color: #4A4A4A;
}
.lipo .ui-datepicker-trigger:hover {
	background-color: transparent;
	opacity: 0.7;
}
.squarelife .ui-datepicker-header {
	background: #cb2026;
}
.heralife .ui-datepicker-header {
	background: #2388C2;
}
.nuernberger .ui-datepicker-header {
	background: #002d52;
}
.wealins .ui-datepicker-header {
	background: #c0b176;
}
.lmep .ui-datepicker-header {
	background: #00BCE4;
}
.sunlife .ui-datepicker-header {
	background: #316571;
}
.sunlife.distribution-portal .ui-datepicker-header {
	background: rgb(0, 57, 70);
}
.ubs .ui-datepicker-header {
	background: #406090;
}
.octium .ui-datepicker-header {
	background: #406090;
}
.helvetia .ui-datepicker-header {
	background: #46a9b4;
}
.helvetia .ui-datepicker-trigger {
	top: 0;
}
.credit-suisse .ui-datepicker-header {
	background: #094981;
}
.lilife .ui-datepicker-header {
	background: #643c53;
}
.prisma .ui-datepicker-header {
	background: #007dac;
}
.quantum .ui-datepicker-header {
	background: var(--date-picker-header-background-color , #0065a4);
}
:root {
	--search-icon-ml: -18px;
	/* box model - follows the form-control component where it is installed */
	--combo-color: var(--form-color, inherit);
	--combo-bg: var(--form-bg, #fff);
	--combo-border-color: var(--form-border, var(--input-field-border-color, #ccc));
	--combo-border-radius: var(--form-border-radius, 4px);
	--combo-border-color-focus: var(--form-border-focus, var(--combo-border-color));
	--combo-shadow-focus: var(--form-border-shadow-focus, transparent);
	--combo-bg-disabled: var(--form-bg-disabled, #EBEBEB);
	--combo-color-disabled: var(--form-color-disabled, inherit);
	/* drop, results and chips */
	--combo-icon-font: "Font Awesome 5 Pro";
	--combo-icon-color: #888;
	--combo-drop-bg: #fff;
	--combo-drop-border-color: #ccc;
	--combo-result-color-disabled: #ccc;
	--combo-result-bg-highlighted: #3875d7;
	--combo-result-color-highlighted: #fff;
	--combo-result-bg-selected: var(--active-result-bg, #3875d7);
	--combo-result-bg-empty: #f4f4f4;
	--combo-choices-bg: #fff;
	--combo-choice-bg: #e4e4e4;
	--combo-choice-bg-focus: #d4d4d4;
	--combo-choice-color: #666;
}
/* container */
.chzn-container {
	position: relative;
	display: inline-block;
}
.enhanced-select .chzn-container {
	display: inline-block;
	width: 100%;
	padding: 6px;
	line-height: 1.42857143;
	background-image: none;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.enhanced-select .chzn-container, .chzn-container.chzn-container-multi {
	color: var(--combo-color);
	appearance: none;
	background-color: var(--combo-bg);
	background-clip: padding-box;
	border: 1px solid var(--combo-border-color);
	border-radius: var(--combo-border-radius);
}
.enhanced-select .chzn-container.chzn-container-multi {
	height: auto;
	padding: 0;
}
/* single */
.chzn-container.chzn-container-single:has(b) {
	padding-right: 30px;
}
.chzn-container.chzn-container-single a, .chzn-container.chzn-container-single a:hover {
	font-weight: normal;
	color: unset;
	text-decoration: none;
	width: 100%;
	display: inline-block;
}
.chzn-container-single .chzn-single div {
	position: absolute;
	top: 6px;
	right: 0;
	display: block;
	height: 100%;
}
.chzn-container-single .chzn-single div b:after {
	font-family: var(--combo-icon-font);
	font-style: normal;
	content: "\f078";
	color: var(--combo-icon-color);
	margin-left: -22px;
	cursor: pointer;
	font-weight: normal;
}
.enhanced-select .chzn-container-single .chzn-default, .enhanced-select .chzn-container-single .chzn-default span {
	color: var(--combo-color-disabled);
}
/* drop and search */
.chzn-container .chzn-drop {
	position: absolute;
	top: 100%;
	left: -9999px;
	z-index: 1010;
	box-sizing: border-box;
	width: 100%;
	border: 1px solid var(--combo-drop-border-color);
	border-top: 0;
	background: var(--combo-drop-bg);
	box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chzn-container.chzn-with-drop .chzn-drop {
	left: 0;
}
.chzn-container-single .chzn-drop {
	border-radius: 0 0 4px 4px;
	margin-top: 1px;
}
.chzn-container-multi.chzn-with-drop .chzn-drop {
	margin-top: 2px;
}
.chzn-container-single .chzn-search {
	position: relative;
	z-index: 1010;
	margin: 0;
	padding: 3px 4px;
	white-space: nowrap;
}
.chzn-container-single .chzn-search input {
	box-sizing: border-box;
	margin: 1px 0;
	padding: 4px 20px 4px 5px;
	width: 100%;
	outline: 0;
	border: 1px solid var(--combo-drop-border-color);
	font-size: 1em;
}
.chzn-container-single .chzn-search:after {
	font-family: var(--combo-icon-font);
	font-style: normal;
	content: "\f002";
	color: var(--combo-icon-color);
	margin-left: var(--search-icon-ml);
	padding-right: 4px;
	cursor: pointer;
	font-weight: normal;
}
.chzn-container-single.chzn-container-single-nosearch .chzn-search {
	position: absolute;
	left: -9999px;
}
/* results */
.chzn-container .chzn-results {
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	margin-bottom: 0;
	padding-left: 1px;
	max-height: 240px;
}
.chzn-container .chzn-results li {
	display: none;
	margin: 0;
	padding: 5px 6px;
	list-style: none;
	line-height: 15px;
}
.chzn-container .chzn-results li.active-result {
	display: list-item;
	cursor: pointer;
}
.chzn-container .chzn-results li.disabled-result {
	display: list-item;
	color: var(--combo-result-color-disabled);
	cursor: default;
}
.chzn-container .chzn-results li.highlighted {
	background-color: var(--combo-result-bg-highlighted);
	color: var(--combo-result-color-highlighted);
}
.chzn-container .chzn-results li.no-results {
	display: list-item;
	background: var(--combo-result-bg-empty);
}
.chzn-container .active-result.result-selected.highlighted {
	background-color: var(--combo-result-bg-selected);
}
/* multi */
.chzn-container.chzn-container-multi ul.in-absence {
	padding-left: 4px;
	margin-top: 4px;
	margin-bottom: 2px;
	display: inline-block;
}
.chzn-container.chzn-container-multi ul.in-absence li {
	display: inline-block;
	list-style: none;
	float: left;
}
.chzn-container-multi .chzn-choices {
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	padding-left: 0px;
	width: 100%;
	background-color: var(--combo-choices-bg);
	cursor: text;
	margin-bottom: 2px;
	margin-top: 2px;
}
.chzn-container-multi .chzn-choices li {
	float: left;
	list-style: none;
}
.chzn-container-multi .chzn-choices li.search-field {
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
.chzn-container-multi .chzn-choices li.search-choice {
	position: relative;
	margin: 2px 0 2px 4px;
	padding: 4px;
	border-radius: 3px;
	background-color: var(--combo-choice-bg);
	background-clip: padding-box;
	cursor: default;
}
.chzn-container-multi .chzn-choices li.search-choice .decorator:empty {
	display: none;
}
.chzn-container-multi .chzn-choices li.search-choice .decorator {
	margin-right: 2px;
}
.chzn-container-multi .chzn-choices li.search-choice-focus {
	background: var(--combo-choice-bg-focus);
}
.chzn-container-multi .chzn-choices li.search-choice span:last-of-type {
	padding: 4px 8px 4px 4px;
}
.chzn-container-multi .chzn-choices li.search-choice .search-choice-close {
	display: inline;
	margin-top: -2px;
}
.chzn-container-multi .chzn-choices li.search-choice a.search-choice-close:after {
	font-family: var(--combo-icon-font);
	font-style: normal;
	content: "\f057";
	color: var(--combo-icon-color);
	cursor: pointer;
	transform: translateY(1px);
	display: inline-block;
	font-weight: normal;
}
.chzn-container-multi .chzn-choices li.search-choice a.search-choice-close:hover:after {
	font-weight: bold;
}
.chzn-container-multi .chzn-choices li.search-field input {
	border: 0 !important;
	background: transparent !important;
	box-shadow: none;
	outline: none;
	padding-left: 6px;
	color: var(--combo-choice-color);
	transform: translateY(4px);
}
.chzn-container-multi .chzn-choices li.search-field:only-child input {
	line-height: 2.2;
	transform: none;
}
/* focus and disabled */
.enhanced-select .chzn-container:focus, .chzn-container.chzn-container-multi .chzn-choices:focus {
	background-color: var(--combo-bg);
	color: var(--combo-color);
	border-color: var(--combo-border-color-focus);
	outline: 0;
	box-shadow: 0 0 0 0.25rem var(--combo-shadow-focus);
}
.enhanced-select:has(.width-100) {
	flex: 1;
	width: 100%;
}
.enhanced-select:has(.width-100) .chzn-container {
	flex: 1;
	width: 100%!important;
}
.chzn-container.chzn-disabled {
	background-color: var(--combo-bg-disabled);
	color: var(--combo-color-disabled);
	opacity: 1;
}

.split {
	width: 100%;
	display: flex;
}
.split table {
	width: 100%;
}
.split .left {
	vertical-align: top;
}
.split .right , .split-view .right-pane {
	flex: 1;
	vertical-align: top;
	padding-left: 12px;
	border-left: 1px dotted #bbb;
	line-height: 1.8;
	padding-bottom: 12px;
}
.split table.boxed {
	width: 100%;
	background: #ffe8c2;
}
.split table.boxed tr.standard td.col1 {
	padding-left: 10px;
	color: black;
}
.split table.boxed tr.simple td {
	padding-left: 10px;
	color: black;
}
.split table.boxed tr.actions td {
	padding-left: 10px;
	color: black;
}	
.split .small {
	font-size: 11px;
}
.split-view .right-pane .text-button {
	padding-right: 0;
}

.clipboard-target {
	font-size: 0;
}
.clipboard-trigger {
	cursor: pointer;
}
.clippable-toast {
    display: none;
    font-size: 12px;
    font-weight: normal;
    position: fixed;
    width: 300px;
    height: auto;
    left: 50%;
    margin-left: -150px;
    top: 25px;
    background-color: #6f6f6f;
    color: #e2e2e2;
    padding: 4px;
    text-align: center;
    border-radius: 2px;
    z-index: 9999999;
}

/*----- editableDropDown ----------*/

editableDropDown.highlighted {
	background: #eee;
	color: #333;
}
span.editableDropDown {
	display: inline-block;
	white-space: nowrap;
}
span.editableDropDown .form-control {
	display: inline-block;
}
.editableDropDown input::-ms-clear {
    display: none;
}
span.editableDropDown ul {
	list-style: none;
	border: 1px solid gray;
	overflow-x: hidden;
	overflow-y: auto;
	text-overflow: ellipsis;
	position: absolute;
	display: none;
	z-index: 100;
	left: 0;
	top: 0;
	padding-left: 0px;
	max-height: 300px;
}
span.editableDropDown ul li {
	background: white;
	white-space: nowrap;
	cursor: pointer;
	padding: 0px 2px;
}
span.editableDropDown ul li.highlightedSearchItem {
	background: #f0f0f0;
}
span.editableDropDown input.helping {
	color: #bbb;
}
span.editableDropDown span.clue {
	position: relative;
	cursor: pointer;
}
span.editableDropDown span.clue i {
	position: absolute;
	color: #7a7a7a;
	font-size: 13px;
  left: -24px;
	top: 4px;
}

.add-notification {
	position: relative;
}
.add-notification input {
	width: 100%!important;
}
.add-notification button {
	position: absolute;
	right: 3px;
	top: 3.5px;
}
.add-notification a {
	position: absolute;
 	right: 28px;
	top: 12px;
	font-size: 18px;
}
.independentLife .add-notification a {
	right: 16px;
    	top: 6px;
}
.zurich .add-notification a ,
independentLife .add-notification a {
	right: 16px;
    	top: 6px;
}

.add-notification {
	position: relative;
}
.add-notification input {
	width: 100%;
}
.add-notification button {
	position: absolute;
	right: 3px;
	top: 3.5px;
}
.notifications .row .simple {
	margin-bottom: 0px;
}
.notifications .notification > .row > [class^="col"] {
	display: flex;
    	gap: 8px;
}
.notifications  .notification {
	border-bottom: 1px solid #E8EAEF;
	border-radius: 4px 4px 0 0 ;
	padding: 8px;
	background-color: #fff;
}
.notifications  .notification .notification-date {
	display: flex;
	flex: 1;
	justify-content: flex-end;
	font-size: 0.8em;
	color: #bbb;
}
.notifications .notification-day h3 , .notifications .notification-day .subtitle {
	color: #555;
	font-size: 12px;
	margin: 8px 0;
	font-weight: bold;
}
:root {
	--tab-badge-bg: var(--color-grey-500, #6c757d);
	--tab-badge-border-color: var(--tab-badge-bg);
	--tab-badge-color: var(--color-grey-0, #fff);
	--tab-badge-status-color: var(--color-grey-0, #fff);
	--tab-badge-active-bg: var(--color-grey-0, #fff);
	--tab-badge-active-color: var(--color-primary-600, #6c757d);
	--tab-badge-radius: var(--radius-rounded, 999px);
	--tab-badge-line-height: 1;
}
/*tab badge*/
.tab-badge , .nav-link .badge , .tab .badge {
	color: var(--tab-badge-color)!important;
	line-height: var(--tab-badge-line-height);
	display: inline-flex;
	height: 18px;
	min-width: 18px;
	font-weight: 700;
	text-align: center;
	font-size: 9px;
	background-color: var(--tab-badge-bg)!important;
	border-radius: var(--tab-badge-radius);
	vertical-align: text-bottom;
	border: 1px solid var(--tab-badge-border-color)!important;
	padding: 4px 6px;
}
/*active tab badge*/
.nav-link.active .tab-badge , .nav-link.active .badge , .tab.selected .badge {
	--tab-badge-color: var(--tab-badge-active-color);
	--tab-badge-bg: var(--tab-badge-active-bg);
	--tab-badge-border-color: var(--tab-badge-active-bg);
	--badge-border-color: var(--tab-badge-active-bg);
}
/*center icon*/
.tab-badge i , .nav-link .badge i , .tab .badge .nav-link.active .tab-badge i, .nav-link.active .badge i {
	margin-inline: auto;
}
.tab-badge.process-step {
	margin-right: 0.35em;
}
/*status colors*/
.tab-badge.completed , .nav-link .badge.badge-success {
	--tab-badge-bg: var(--color-green-600, #198754);
	--tab-badge-color: var(--tab-badge-status-color);
	--tab-badge-border-color: var(--color-green-600, #198754);
	--badge-border-color: var(--color-green-600, #198754);
}
.nav-link.active .tab-badge.completed , .nav-link.active .badge.badge-success {
	--tab-badge-bg: var(--color-green-200, #BBF7D1);
	--tab-badge-color: var(--color-green-800, #166533);
	--tab-badge-border-color: var(--color-green-200, #BBF7D1);
	--badge-border-color: var(--color-green-200, #BBF7D1);
}
.tab-badge.ongoing , .nav-link .badge.badge-warning {
	--tab-badge-bg: var(--color-yellow-500, #ffc107);
	--tab-badge-color: var(--color-grey-900, #000);
	--tab-badge-border-color: var(--color-yellow-500, #ffc107);
	--badge-border-color: var(--color-yellow-500, #ffc107);
}
.nav-link.active .tab-badge.ongoing, .nav-link.active .badge.badge-warning {
	--tab-badge-bg: var(--color-yellow-200, #FEE78A);
	--tab-badge-color: var(--color-grey-900, #000);
	--tab-badge-border-color: var(--color-yellow-200, #FEE78A);
	--badge-border-color: var(--color-yellow-200, #FEE78A);
}
.tab-badge.danger , .nav-link .badge.badge-danger {
	--tab-badge-bg: var(--color-red-600, #DC2626);
	--tab-badge-color: var(--tab-badge-status-color);
	--tab-badge-border-color: var(--color-red-600, #DC2626);
	--badge-border-color: var(--color-red-600, #DC2626);
}
.nav-link.active .tab-badge.danger , .nav-link.active .badge.badge-danger {
	--tab-badge-bg: var(--color-red-200, #FECACA);
	--tab-badge-color: var(--color-red-800, #991b1b);
	--tab-badge-border-color: var(--color-red-200, #FECACA);
	--badge-border-color: var(--color-red-200, #FECACA);
}
.tab-icon .button-icon-label .production-icon-color {
	color: var(--color-grey-900, #000);
}
.nav-link.active .tab-icon .button-icon-label .production-icon-color {
	color: var(--tab-badge-color);
}
.tab-icon:has(.tab-badge, .badge) .button-icon-label .production-icon-color {
	color: var(--tab-badge-color)!important;
}

.form-label-input {
	display: flex;
    	flex-direction: column;
    	gap: 6px;
}

.tab-badge-container {
	display: inline-block;
}

.money-paragraph {
	display: inline-block;
	vertical-align: middle;
}
.money-paragraph .amberWidget {
	display: inline-flex;
}
.money-paragraph > .row > [class*="col"] {
	display: flex;
}
.money-paragraph input {
	text-align: right;
	width: 100% !important;
}
.wealins .money-paragraph input {
	width: 150px!important;
}
.wealins .money-paragraph .form-control {
	padding: 6px 12px;
}
.money-paragraph .select-container {
	margin-left: -2px;
}
.money-paragraph .select-container select {
	border-bottom-left-radius: 0;
    	border-top-left-radius: 0;
	min-width: 70px;
}
.money-paragraph.small input {
	font-size: 13px;
	min-width: 50px;
}
.money-paragraph.small .select-container select {
	padding: 0.5rem 0.35rem 0.5rem 0.35rem;
    	font-size: 13px;
    	min-width: 65px;
	background-size: 12px 12px;
}

html {
	scroll-behavior: auto !important;
}

:root {
	--file-attachment-as-tile-width: 280px;
	--file-attachment-as-tile-height: 40px;
}
.file-attachment-as-tile {
	border-radius: 2px;
	border: 0.5px solid rgba(0, 76, 108, 0.40);
	color: #004C6C;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #fff;
	width: var(--file-attachment-as-tile-width);
	min-width: 200px;
}
.file-attachment-as-tile .email-attachment-tile-left {
	display: flex;
	align-items: center;
}
.file-attachment-as-tile > .label-description {
	flex: 1;
	overflow: hidden;
}
.file-attachment-as-tile > .label-description .button-icon-label {
	display: flex;
	height: var(--file-attachment-as-tile-height);
	width: 40px;
	align-items: center;
	justify-content: start;
	padding-left: 8px;
	text-decoration: none;
}
.file-attachment-as-tile .email-attachment-tile-left .value-description {
	overflow: hidden;
    	white-space: nowrap;
    	text-overflow: ellipsis;
	line-height: 1;
	font-size: 12px;
	padding-right: 4px;
}
.file-attachment-as-tile .value-description:empty {
	display: none;
}
.file-attachment-as-tile .remove-attachment {
	font-size: 12px;
	height: var(--file-attachment-as-tile-height);
	width: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.file-attachment-as-tile:hover , 
.file-attachment-as-tile:hover a {
	color: rgb(0, 76, 108);
	background-color: rgba(0, 76, 108, 0.05);
}
.file-attachment-as-tile a.remove-attachment:hover {
	color: rgb(0, 76, 108);
	background-color: rgba(0, 76, 108, 0.1);
}
.file-attachment-as-tile a:hover i {
	color: rgb(0, 76, 108);
}

.file-attachment-as-tile-container {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.file-attachment-as-tile-container ,
.file-attachment-as-tile  {
	margin-bottom: 4px;
}
.file-attachment-as-tile-container .row.simple ,
.file-attachment-as-tile .row.simple {
	margin-bottom: 0;
}

.be-sticky {
    position: sticky;
    top: 0;
}
.text-button.tagger-button {
	font-size: var(--font-size-s, 11px);
	text-transform: capitalize;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
    max-width: 200px;
	line-height: 13px;
	margin: 0;
	padding: 0;
}
.text-button.tagger-button.dark-green-color {
	color: #336600;
	font-weight: var(--font-bold, 700);
}
.text-button.tagger-button.selected {
	background-color: #e4e4e4;
	color: #000;
	padding: 2px;
}
.lwlux .text-button.tagger-button.selected {
	background-color: #C1E8F7;
}
.prisma .text-button.tagger-button.selected {
	background-color: #e5f3f2;
}

.language-bar >.row> [class*="col"] {
	display: flex;
	gap: 4px;
    	justify-content: flex-start;
}
.language-bar a {
	padding: 4px;
}

.test-warning-container {
	width: 20px;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	color: #333;
	font-weight: normal;
	background-color: yellow;
	font-size: 14px;
	z-index: 999;
}
.test-warning-container .rotate {  
	margin-top: 8px;
	transform: rotate(90deg);
	white-space: nowrap;
}

.jobs-timetable {
    table-layout: fixed;
}
.jobs-timetable td:first-child {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.jobs-timetable td {
    padding: 0;
}
.jobs-timetable .fs-075 {
    font-size: 0.75em;
}
.jobs-timetable .translate-end-x {
    transform: translate(-100%);
}
.jobs-timetable .line-height-normal {
    line-height: normal;
}
:root {
	--google-address-icon-size: 32px;
	--google-address-icon-padding: 0;
	--google-address-icon-color: var(--color-primary-500, #555c5e);
	--google-address-icon-font-size: 14px;
	--google-address-border-radius: var(--form-border-radius , 4px);
}
.gmap-address {
	position: relative;
}
.gmap-address > .gmap-address-pin {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: var(--google-address-icon-size);
	height: var(--google-address-icon-size);
	padding: var(--google-address-icon-padding);
	color: var(--google-address-icon-color);
	font-size: var(--google-address-icon-font-size);
	pointer-events: none;
}
gmp-place-autocomplete {
	height: var(--google-address-icon-size);
	color-scheme: light;
	font-size: inherit;
	color: var(--form-color, #000);
	background-color: var(--form-bg , #fff);
	border: 1px solid var(--form-border , rgb(222, 226, 230));
	border-radius: var(--google-address-border-radius);
}
gmp-place-autocomplete:focus-within {
	box-shadow: 0 0 0 0.25rem var(--form-border-shadow-focus);
}
gmp-place-autocomplete::part(input) {
	padding: 0 var(--space-s, 8px) 0 var(--google-address-icon-size);
}
gmp-place-autocomplete::part(focus-ring) {
	border: 1px solid var(--form-border-focus);
}

	:root {
	--google-address-icon-size: 44px;
	--google-address-icon-padding: 0;
	--google-address-icon-color: var(--color-primary-500, #000);
	--google-address-icon-font-size: 14px;
	--google-address-border-radius: 8px;
}
 .chat-text{
     font-family: Avenir;
    font-size: min(2.5vw, 16px);
    color: #4A4A4A;
    padding: 0 0 60px 0;
    max-width: 760px;
    white-space: pre-wrap;
    font-weight: 400;
}
.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: var(--bp-light-red);
    padding-right: calc(1.5em + 0.75rem);
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.borderRadius4 {
	border-radius: 4px; 
}
.borderRadius8 {
	border-radius: 8px; 
}
/*
.gmap-address  .form-control {
	width: 94%;
}
.gmap-address  .pin {
	padding-left: 3px;
}
*/
.number-icon {
  background-color: var(--bp-grey);
  color: #fff;
  height: 30px;
  width: 30px;
  display: inline-block;
  font-size: 1.2em;
  margin-right: 10px;
  line-height: 30px;
  text-align: center;
  text-shadow: 0 1px 0 rgba(255,255,255,0.4);
  border-radius: 100%;
}
.number-icon.green {
  background-color: var(--bp-green);
}
.number-icon.orange {
  background-color: var(--bp-ornage);
}
body {
	background-color: #F2F2F2;
	font-family: avenir , sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 22px;
	color: #4F4F4F;
}
html {
	overflow: -moz-scrollbars-vertical;
}
.sidebar {
	margin-top: 30px;
}
.boxed-view:empty {
	display: none;
}
.boxed-view. {
	padding: 40px;
	padding-bottom: 20px;
	border-bottom: 1px solid #BDBDBD;
}

.boxed-view.shadow {
    border-radius: 8px;
    box-shadow: 0 1px 2px #00000014, 0 2px 8px #00000014, 0 12px 16px #00000005;
}

.boxed-view.orange {
	padding: 40px;
	padding-bottom: 20px;
	background-color: #FEF3EC;
	border-bottom: 1px solid #BDBDBD;
}
.boxed-view.blue {
	padding: 40px;
	padding-bottom: 20px;
	background-color: #EEF4FB;
	border-bottom: 1px solid #BDBDBD;
}
.boxed-view {
	padding: 40px;
	padding-bottom: 20px;
	border-bottom: 1px solid #BDBDBD;
}
.banner {
	padding: 20px;
 	border-bottom: 1px solid var( --bp-light-green);
}
.boxed-view.nb {
	border-bottom: none;
}
.boxed-view.pb-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.boxed-view.plr {
	padding-left: 62px;
	padding-right: 62px;
}
a {
	color: var(--bp-orange);
}
a , a:hover {
	text-decoration: none;
}
a:hover {
	color: #333333
}
.btn-group > .btn {
	border-radius: 0;
	margin-right: 8px;
}
ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
li {
	padding-bottom: 0;
	margin-left: 0;
}
.fa-ul {
	margin-top: 1em;
	margin-left: 1.5em;
}
.fa-ul li {
	list-style-image: none;
}
ul.disc li {
	list-style-type: disc;
}
.content a {
	text-decoration: none;
	color: #333333;
}
.content a:hover {
	text-decoration: none;
	color: var(--bp-orange);
}
.navi a {
	text-decoration: none;
}

.info {
	float: left;
	width: 165px;
	padding: 0px 0px 0px 15px;
}
.clear {
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	clear: both;
}
.white {
	background-color: #FFF;
}
hr {
	border: 0px;
	height: 1px;
	background-color: #ffb963;
	margin-top: 10px;
	margin-bottom: 10px;
}

select {
	border: 1px solid #C1AAAA;
}
input[type=checkbox] {
	border: 1px solid #C1AAAA;
	height: 15px;
	width: 15px;
}
input[type=button], input[type=submit] {
	border: 1px solid #C1AAAA;
	background-color: #C1AAAA;
	color: #fff;
}
input[type=button]:disabled, input[type=submit]:disabled {
	color: #ddd;
}
*/
.error {
	color: #AF1014;
}
.table_formular {
	color: #8C6666;
	font-weight: bold;
}
/********/
/* Navi */
/********/
.menu1, .menu2, .menu3 {
	display: block;
	color: #333333;
	text-align: left;
	border-bottom: 1px solid #E0E0E0;
	font-size: 16px;
	line-height: 22px;
	padding: 4px 0px 4px 8px;
	border-left: 1px solid transparent;
}
.menu1:hover {
	color: #4F4F4F;
	border-left: 1px solid #E0E0E0;
}
.menu1Down , .menu1Down:hover , .menu2Down , .menu2Down:hover , .menu3Down , .menu3Down:hover {
	color: var(--bp-orange);
	border-left: 1px solid var(--bp-orange);
}
.menu1 {
	z-index: 999;
	position: relative;
}
.menu2 {
	margin-left: 16px;
}
.menu3 {
	margin-left: 32px;
}
.menu2Active, .menu2:hover, .menu3Active, .menu3:hover {
	color: var(--bp-orange);
	border-left: 1px solid var(--bp-orange);
}
 
.menu2First {
	padding-top: 13px;
	margin-top: -8px;
}
.menu2Last , .menu2:last-of-type {
	margin-bottom : 2px;
}
.foot1 {
	color: #333333;
	font-size: 80%;
	text-decoration: none!important;
}
.foot {
	float: left;
	height: 25px;
	line-height: 25px;
	width: 820px;
	padding-top: 5px;
	text-align: right;
}
.allways-selected {
	font-family: avenirblack;
	font-weight: 800;
}
.flower-power {
	margin-left: -50px;
}
.small {
	font-size: 80%;
}
.block {
	display: block;
}
.beauty-cross-selling-highlight {
	color: var(--bp-orange);
	font-size: 18px;
}
.cross-selling-container {
}
.cross-selling-container .li-icon-padding .fa-li {
	 padding-top: 4px;
}
.cross-selling-container .rbutton.cross-selling {
    	font-size: 20px;
	padding: 8px;
	background-color:var(--bp-orange);
	border-color: var(--bp-orange);
	display: block;
	text-align: center;
}
.cross-selling-container .rbutton.cross-selling:hover {
    	color: var(--bp-orange);
	background-color: white;
}
.cross-selling-tile {
	background-color: #ffea9d;
	min-height: 350px;
	padding: 5px;
	border-radius: 5px;
}
.img-responsive {
	max-width: 50%;
}
.image-container {
	text-align: right;
	border-radius: 20px;
	background-color: var(--bp-orange);
	margin-top: -15px;
	padding-right: 0;
	overflow: hidden;
}
.circle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 12px;
  color: #fff;
  line-height: 50px;
  text-align: center;
  background: #000
}
.beauty-contact .col-md-5 , .beauty-contact .col-md-11 ,
.beauty-contact .col-sm-5 , .beauty-contact .col-sm-11 ,
.beauty-contact .col-xs-5 , .beauty-contact .col-xs-11 {
	padding-left: 4px;
	padding-right: 4px;
}
.beauty-contact .col-md-1:not(:first-child) , 
.beauty-contact .col-sm-1:not(:first-child) ,
.beauty-contact .col-xs-1:not(:first-child) {
	padding-left: 4px;
	padding-right: 0;
}
.beauty-contact .col-xs-1 {
	width: 20px;
}
.beauty-contact td {
	padding: 4px;
}
.small , .small-text , .text-small {
	font-size: 12px;
}
.flex-btn-group label {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	width: 202px;
}
.flex-btn-group.no-width label {
	width: unset;
}
.flex-btn-group label img {
        border-radius: 10px 10px 0 0;
	width: 200px;
	height: 150px;
}
.btn-group.flex-btn-group label .btn {
        border-radius: 10px ;
}
.flex-btn-group .btn {
	white-space: normal;
	text-align: left;
	padding:0;
  	margin-bottom: 5px;
}
.btn-group.flex-btn-group > .btn {
	border-radius: 11px;
}
.flex-btn-group div {
 	padding: 0px 5px 5px 5px;
	border: none;
 }
.btn-group.flex-btn-group .btn.btn-default {
	border: 1px solid #E6E6E6;
	border-radius: 11px;
}
.flex-btn-group.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
	border-radius: 11px;
}
.flex-btn-group.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-radius: 11px;
}
input.datepicker {
	padding-left: 40px;
}
.thumbnail-shadow {
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	margin: 8px;
}

.fs-1 , .h1 {
	font-family: Avenir;
	font-style: normal;
	font-weight: 800;
	font-size: 26px;
	line-height: 36px;
	color: #333;
}
@media screen and (max-width: 768px) {
.fs-1 , .h1 {
	font-size: 22px;
	line-height: 30px;
	}
}
.fs-2 , .h2 {
	font-style: normal;
	font-weight: 800;
	font-size: 20px;
	line-height: 28px;
	color: #4f4f4f;
}
.fs-3 , .h3 {
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 28px;
	color: #4f4f4f;
}
.h4 {
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 22px;
	color: #4f4f4f;
}
.h5 {
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 22px;
	color: #4f4f4f;
}
.h6 {
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 22px;
	color: #4f4f4f;
}
.h4.color-white {
	color: #fff;
}
.h3.color-white {
	color: #fff;
}
.h2.color-white {
	color: #fff;
}
.h1.color-white {
	color: #fff;
}
.plain-text {
	font-family: Avenir;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 22px;
	color: #4f4f4f;
}
.fs-12w {
	font-weight: 400;
	font-size: 12px;
	line-height: 14px;
	color: #fff;
}
.fs-16w {
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #fff;
}
.fs-20b {
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	color: var(--color-blue);
}

/* Style for IOS native date picker
input[type="date"] {
	background-color: #fff;
	border: 1px solid #D1D1D1;
	width: 132px; 
	position: relative;
	font-weight: normal;
    	font-size: 16px;
    	line-height: 22px;
    	color: #3F3E3E;
	border-radius: 0;
}
input[type=date]:after {
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	content: "\f783";
	position: absolute;
	top: 0;
	right: 5px;
}
*/
.facebook-color {
	color: #4267B2;
}
.instagram-color {
   	color: #5B51D8;
   }
.twitter-color {
	color: #1DA1F2;
}
.youtube-color {
	color: #FF0000;
}
.pinterest-color {
	color: #E60023;
}
.tiktok-color {
	color: #313133;
}
a.rbutton {
	padding: 8px 16px;
	font-weight: 800;
	font-size: 16px;
	color: #fff;
	min-width: 200px;
	text-align: center;
	background: var(--bp-orange);
	white-space: nowrap;
	display: inline-block;
	text-decoration: none;
}
a.rbutton.small-size {
	min-width: 48px;
	float: right;
}


a.rbutton.can-proceed {
	background: var(--bp-orange);
	color: #fff;
	padding: 0.8rem 1.75rem;
	border-radius: 6px;
	letter-spacing: 0.02em;
	text-decoration: none;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08),
				0 2px 4px rgba(0, 0, 0, 0.04);
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

a.rbutton.can-proceed:hover,
a.rbutton.can-proceed:focus,
a.rbutton.can-proceed:visited {
	background: var(--bp-orange);
	color: #fff;
	text-decoration: none;
	transform: translateY(-1px);
	box-shadow: 0 6px 14px rgba(243, 146, 0, 0.35),
				0 2px 4px rgba(0, 0, 0, 0.06);
}

a.rbutton.can-proceed:active {
	transform: translateY(0);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
	transition: all 0.1s ease;
}

a.rbutton.can-proceed-business {
	background: var(--bp-green);
	padding: 4px 8px;
	font-weight: 600;
	font-size:  14px;
	color: #fff;
	min-width: 160px;
	text-decoration: none;
}
.green-gradient a.rbutton.can-proceed-business {
	background: var(--bp-blue);
}
a.rbutton.can-not-proceed , a.rbutton:hover.can-not-proceed {
	backgroud: #d6d6d6;
}
a.rbutton.secondary , a.rbutton.secondary:hover {
	background: #fff;
	color: var(--bp-light-orange);
	border: 3px solid var(--bp-light-orange);
	font-size: 0.75em;
	padding: 2px 4px;
	min-width: 120px;
}
a.rbutton.secondary2 , a.rbutton.secondary2:hover {
	background: #fff;
	color: var(--bp-light-orange);
 	font-weight: 600;
	font-size: 16px;
	 text-align: center;
	border: none;
	padding: 4px 8px;
 	min-width: 120px;
	 border-radius: 3px;
}

.raised-button{
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    }


a.rbutton.tertiary {
	background: #AC3232;
}
a.rbutton.disabled ,  a.rbutton.disabled.can-proceed , a.rbutton.disabled:hover {
	background: #D6D6D6;
}

a.rbutton.disabled:hover , a.rbutton.disabled.can-proceed:hover {
	background: #D4D3D3;
}
a.back-button:before {
	content: " \f053";
	padding-right: 3px;
	font: var(--fa-font-solid); 
}
a.back-button {
	background-color: transparent;
	color: var(--bp-orange);
	padding: 8px 0;
	text-align: left;
}
a.back-button:hover  {
	color: #333;
}
a.hover, a.focus {
	text-decoration: none;
	outline: none;
}
.btn-group:focus , .button:focus , .btn:focus  {
	 outline:none;
}
*:focus {
  	outline: none;
}
.btn:active, .btn.active {
	color: var(--bp-orange);
	box-shadow: none;
}
.btn-default:active, .btn-default.active {
	background-color: #fff;
	border-color: var(--bp-orange);
}
.btn-default:active:hover, 
.btn-default.active:hover, 
.open > .dropdown-toggle.btn-default:hover, 
.btn-default:active:focus, 
.btn-default.active:focus, 
.open > .dropdown-toggle.btn-default:focus, 
.btn-default:active.focus, 
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
	background-color: #fff;
	border-color: var(--bp-orange);
	color: var(--bp-orange);
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
	outline: none;
}
.btn-default:focus {
	color: #333;
    	background-color: #fff;
	border-color: #ccc;
}

.table {
	margin-bottom: 0;
}
.table tr:last-child {
	border-bottom: 1px solid #ddd;
}
.table.nb tr:last-child {
	border-bottom: none;
}
.dropdown-fake {
	border: 1px solid #D1D1D1;
    	font-weight: normal;
    	font-size: 16px;
    	line-height: 22px;
    	color: #3F3E3E;
}
.dropdown-fake .one-item {
	padding: 6px 12px;
	border-bottom: 1px solid #D1D1D1;
	color: #333;
}
.dropdown-fake .one-item:hover {
	background-color: #f2f2f2;
}
.input-by-char-glyph  {
	position: absolute;
    	top: 8px;
    	right: 30px;
}
.row.selected-doctor  {
	display: flex;
    	align-items: center;
    	border: 1px solid var(--bp-orange);
	margin: 0;
	padding: 4px;
	background-color: #fff;
}
.table-striped > tbody > tr:nth-of-type(even) {
	background-color: #fbfbfb;
}
.table-striped > tbody > tr:nth-of-type(odd) {
	background-color: #fff;
}

.cookie-bar {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 0;
  left: 0;
  height: 30px;
  text-align: center;
  line-height: 30px;
  background: linear-gradient(#ff3333, #cc0000);
  color: white;
  font-size: 14px;
  font-family: "Lato", sans-serif;
  font-weight: 100;
  transition: 0.8s;
  -webkit-animation: slideIn 0.8s;
          animation: slideIn 0.8s;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.cookie-bar .message {
  white-space: nowrap;
  text-shadow: 0 1px 0 #cc0000;
}
@media (max-width: 767px) {
  .cookie-bar .message {
    display: none;
  }
}
.cookie-bar .mobile {
  display: none;
}
@media (max-width: 767px) {
  .cookie-bar .mobile {
    display: inline-block;
  }
}

@-webkit-keyframes slideIn {
  0% {
    transform: translateY(-50px);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes slideIn {
  0% {
    transform: translateY(-50px);
  }
  100% {
    transform: translateY(0);
  }
}
.close-cb {
  border: none;
  color: white;
  background: #990000;
  position: absolute;
  display: inline-block;
  right: 0;
  bottom: 0;
  cursor: pointer;
  border-radius: 3px;
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
  line-height: 30px;
  height: 30px;
  width: 30px;
  font-size: 16px;
  font-weight: bold;
}
.close-cb:hover {
  background: #cc0000;
}

.checkbox-cb {
  display: none;
}
.checkbox-cb:checked + .cookie-bar {
  transform: translateY(50px);
}

.checkbox-inline .beauty-option.ip:before  {
   	font: var(--fa-font-regular); 
	margin-right: .3em;
	position: absolute;
	margin-left: -35px;
	margin-top: 2px;
	color: #F48D48;
	font-size: 24px;
}
.checkbox-inline.implantat-style label:before {
	position: absolute;
	top: 10px;
	margin-left: -26px;
}
.checkbox-inline.beauty-option label::before {
	position: absolute;
}

input[type=checkbox] , 
input[type="radio"] {
  	display: none;
	outline: none;
}
.form-switch input[type=checkbox] , 
.form-switch input[type="radio"] {
  	display: inline-block;
}
.btn-group input[type=checkbox] + label::before , 
.btn-group  input[type=radio] + label::before {
	display: none;
	outline: none;
	outline-offset: none;
}
input[type=checkbox] + label , 
input[type="radio"] + label {
	cursor: pointer;
	margin-bottom: 0;
}
input[type=checkbox] + label::before , 
input[type=radio] + label::before {
 	font: var(--fa-font-regular);
	font-size: 1.2em;
  	content: "\f0c8";
	color: #000;
	color: var(--check-radio-icon-color);
	margin-left: -18px;
    	padding-right: 4px;
	cursor: pointer;
}
input[type=radio] + label::before {
	content: "\f111";
}
input[type=radio]:checked + label::before {
  	content: "\f058";
	font: var(--fa-font-solid);
	font-size: 1.2em;
}
input[type=checkbox]:checked + label::before {
  	content: "\f14a";
	font: var(--fa-font-solid);
	font-size: 1.2em;
}
input[type=checkbox]:disabled + label::before , 
input[type=checkbox]:disabled + label , 
input[type=radio]:disabled + label::before , 
input[type=radio]:disabled + label {
	color: #bbb;
	cursor: default;
}

.radio-inline.no-decoration label::before {
	display: none;
}
.radio-inline.no-decoration .radio-inline {
	padding-left: 0;
}
.radio-choice-paymentmode {
	border: 3px solid #eee;
 	padding: 20px;
    	margin-bottom: 20px;
}
input[type=radio]:checked + label::before {
	content: "\f192";
}
label.disabled .h1 {
	color: #ccc;
}
label.disabled ul li {
	color: #333;
}
.additional-options {
}

.product-pricing {
	border: 1px solid transparent;
}
.product-pricing.selected {
	border: 1px solid var(--bp-orange);
}
.product-pricing .description  {
	background-color: #f2f2f2;
	padding-top: 12px;
    	padding-bottom: 12px;
    	padding-left: 24px;
}
.product-pricing .description ul {
	margin-left: -1em;
	margin-top: 0.6em;
}
.product-pricing.additional-options .description ul {
	margin-left: 12px;
	margin-top: 12px;
	margin-bottom: 12px;
}
.product-pricing .pricing {
	background-color: #f2f2f2;
	padding: 0;
	border-left: 1px solid #dcdcdc;
	border-top: none;
}
@media only screen and (max-width : 768px) {
	.product-pricing .pricing {
		border-top: 1px solid #dcdcdc;
		border-left: none;
	}
}
.product-pricing.single-pricing .pricing {
	border: 1px solid #dcdcdc;
}
.product-pricing .radio-inline, .product-pricing  .checkbox-inline {
	width: 100%;
}
.product-pricing .radio-inline + .radio-inline {
	margin-left: 0;
}
.product-pricing .pricing label {
	margin-bottom: 0;
	padding: 8px;
	width: 100%;
	margin: 16px auto;
}
.product-pricing label.checked .h1 , 
.product-pricing label.checked .h2 ,
.product-pricing label.checked .h3 ,
.product-pricing label .h1.selected , 
.product-pricing label .h2.selected , 
.product-pricing label .h3.selected
 {
	color: var(--bp-orange);
}
.product-pricing label.checked .h2.unset {
	color: unset;
}
.product-pricing.disabled {
	opacity: 0.5;
}


.header-image {
	height: 200px;
}

.doctor-header-image img{
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: right center;
  max-height: 200px;
  width:100%;
  border-radius: 4px; 

}

.doctor-header-logo img{
	position: absolute;
	max-width: 90px;
	top: -60px;
	left: 5%;
	z-index: 3;
}


.quiz-image {
	height: 150px;
}

 .question.h1 {
	font-family: Avenir;
	font-style: normal;
	font-weight: 800;
	font-size: 4rem;
	line-height: 6rem;
 	color: #F48E4A;
}
.question.h2 {
	font-family: Avenir;
	font-style: normal;
	font-weight: 700;
	font-size: 3rem;
	line-height: 4rem;
	color: #4f4f4f;
}
.question.h3 {
	font-family: Avenir;
	font-style: normal;
	font-weight: 400;
	font-size: 2rem;
	line-height: 3rem;
	color: #4f4f4f;
}

.owl-dot:focus {
	outline: none;
}
.tile-format {
	background-color: #fff;
	border: 2px solid #fff;
	border-radius: 2px;
	padding: 8px;
	min-height: 200px;
}
.tile-format img , .tile-format-french img {
	max-width: 100%;
}
.tile-format-french {
	background-color: #10b1da;
	border: 0 solid #fff;
	border-radius: 2px;
	padding: 16px;
	color: #fff;
	margin-left: 4px;
}
.tile-format-french-news {
	background-color: #fff;
	border: 0 solid #fff;
	border-radius: 2px;
	color: #000;
}
.tile-format-french-news .h4 {
	padding: 8px; 
	display: block;
	line-height: 1.25;
}
.tile-format-french .h3 {
    color: #fff;
    height: 94px;
    display: block;
    margin-top: 0;
}
.tile-format-french a:hover {
	text-decoration: none;
}
.tile-format-french .black-on-white {
	background-color: white;
	color: black;
	margin: -8px -16px -16px -16px;
	padding: 16px;
}
.tile-format.news {
	min-height: 620px;
}
.tile-format.product.green {
	background-color: #06AE39;
}
.tile-format.product.pink {
	background-color: #FF66E4;
}
.tile-format.product.azure {
	background-color: #00B9E4;
}
.tile-format.product.violet {
	background-color: #A54AE8;
}
.tile-format.product.blue {
	background-color: #2358D2;
}
.tile-format.product.beige {
	background-color: #9F9E85;
}
.tile-format.product.brown {
	background-color: #8B8178;
}
.tile-format.product.turquoise {
	background-color: #41D4A7;
}
.tile-format.product a {
	font-size: 28px;
	font-family: Montserrat;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}
.tile-format.shrunk-centered {
	width: 50%;
	margin: 0 auto;
}
.tile-format.shrunk-centered.fixed-height {
	max-height: 50vh;
	overflow-y: scroll;
	overflow-x: hidden;
}
.tile-format.no-min-height {
	min-height: 100%;
}

.overflow-hidden {
	overflow: hidden;
}

.same-height {
	padding-bottom: 99999px!important;
	margin-bottom: -99991px;
}

.callout {
	border-collapse: separate;
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 3px;
	width: 100%;
	background-color: #fff;
}
.callout h2 , .callout .h2 {
    	margin-top: 0;
    	margin-bottom: 4px;
	font-size: 15px;
	font-weight: bold;
}
.callout h3 , .callout .h3 {
    	margin-top: 0;
    	margin-bottom: 5px;
	font-size: 13px;
	font-weight: bold;
}
.callout .heading-l {
	margin-top: 0;
}
.callout p:last-child {
    margin-bottom: 0;
}
.callout code {
    border-radius: 3px;
}
.callout+.callout {
    margin-top: -5px;
}
.callout-default {
    border-left-color: #777;
}
.callout-default h2 {
    color: #777;
}
.callout-primary {
    border-left-color: #428bca;
}
.callout-primary h2 {
    color: #428bca;
}
.callout-success {
    border-left-color: #5cb85c;
}
.callout-success h2 {
    color: #5cb85c;
}
.callout-danger {
    border-left-color: #d9534f;
}
.callout-danger h2 {
    color: #d9534f;
}
.callout-warning {
    border-left-color: #f0ad4e;
}
.callout-warning h2 {
    color: #f0ad4e;
}
.callout-info {
    border-left-color: #5bc0de;
}
.callout-info h2 {
    color: #5bc0de;
}
/*----- toggle paragraph ----------*/
:root {
	--table-expanded-bg: #f1f3f5;
}
.help-description {
	padding-left: 5px;
}
table.collapsed , 
div.collapsed , 
i.collapsed , 
tr.collapsed , 
svg.svg-inline--fa.collapsed , 
tbody.collapsed  {
	display: none;
}
i.expanded, svg.svg-inline--fa.expanded {
	display: inline;
}
table.expanded {
	display: table;
	background: var(--table-expanded-bg);
	border-radius: 3px;
	border-spacing: 4px;
	margin: 4px 0;
}
tr.expanded {
	display: table-row;
}
table.expanded h2, tr.expanded h2 {
	display: block;
	font-size: 1.2em;
}
table.expanded h3, tr.expanded h3 {
	display: block;
	font-size: 1.1em;
	color: #444;
}
/*
div.rule-suggestion td.col1 ,  div.rule-suggestion.buttons-left td.col2 {
	width: 85%;
}
div.rule-suggestion td.col2 ,  div.rule-suggestion.buttons-left td.col1 {
	width: 15%;
}
*/
.toggle-handle {
	cursor: pointer;
}
.toggle-handle:hover {
	text-decoration: none; 
}


a.toggleHelp:hover , a.toggleParagraph:hover {
	text-decoration: none;
}
a.toggleHelp:before {
	font: var(--fa-font-solid); 
	content: "\f059";
	padding-left: 5px;
	cursor: pointer;
}

label {
	font-weight: normal;
}
.boxes {
   	display: flex;
   	flex-wrap: wrap;
   	justify-content: space-between;
}
.one-box-in-boxes {
	border: 1px solid transparent;
	background-color: #f2f2f2;
	padding: 16px;
}
.one-box-in-boxes.red {
 	background-color: red;
}
.one-box-in-boxes.blue {
	background-color: blue;
}
.one-box-in-boxes.yellow { 
	background-color: yellow;
}
.one-box-in-boxes.selected {
	border-color: var(--bp-orange);
}
.one-box-in-boxes.readonly input[type="radio"] {
	display: none;
}
.one-box-in-boxes.readonly .radio-inline, .one-box-in-boxes .checkbox-inline {
	padding-left: 0;
}
.form-control {
	display: inline-block;
	box-shadow: none;
	color: #333;
	border: 1px solid #D1D1D1;
	font-weight: normal;
	font-size: 16px;
	line-height: 22px;
	color: #3F3E3E;
	border-radius: 0;
}
.supported-languages {
	display: inline;
	float: left;
	padding-left: 4px;
    	padding-top: 10px;
}
.supported-languages a {
	color: #333;
	padding: 0 4px;
	text-decoration: none;
}
.supported-languages a.selected {
	font-weight: 800;
	text-decoration: none;
} 
.supported-languages a:hover {
	color: var(--bp-orange);
	text-decoration: none;
}
.btn-group.open .dropdown-toggle   {
	box-shadow: none;
}
.dropdown-menu {
	min-width: 200px;
	text-align: right;
}
.editableDropDown li {
	margin-left: 0;
}
div.broken-rule  {
	display: none;
	color:  #ce4844;
	font-size: 90%;
}
.local-broken-rule {
	color:  #ce4844;
	font-size: 90%;
}
.incorrect div.broken-rule {
	display: block;
}
input[type="checkbox"] , 
input[type="radio"] {
	appearance: none;
	border-color: transparent;
	outline: none!important;
	display: unset;
}
.incorrect .checkbox-inline.beauty-option label::before {
	color:  #ce4844;
}
a.text-white {
	color: #fff;
}
a.text-white:hover {
	color: #fff;	
	text-decoration: underline;
}
.callout-warning h1 {
	color: var(--bp-orange);
}
input[type=text][name$="dynamic.money"] {
	width: auto;
}
.full-width-table {
	width: 100%;
}

.beauty-pricing-page  {
	background-color: #DACBCB;
	padding: 14px 14px 0 14px!important;
	text-align: center;
	border-radius: 4px;
	cursor: pointer;
	margin-bottom: 20px!important;
	width: 100%;
	height: 162px;
}
.beauty-pricing-page.cross-selling {
	width: 100%;
	height: 100%;
}
.beauty-pricing-page.beauty-pricing-page-wide {
	margin-bottom: 12px;
	margin-right: 0px;
	padding: 8px 8px 32px 8px;
}
.beauty-pricing-page.inline-block {
	display: inline-block; 
      	text-align: left;
     	background-color: #DACBCB;
	width: 100%;
}
.beauty-pricing-page.inline-block.selected {
	background-color: #fff;
}
.beauty-pricing-page.radio-inline  {
	cursor: default; 
}
.beauty-pricing-page.radio-inline label {
	cursor: pointer; 
}
beauty-pricing-page.tarif-page.radio-inline label {
	cursor: default;
}
.beauty-pricing-page.selected  {
	background-color: #fff;
}
.beauty-pricing-page.disabled {
    opacity: 0.3;
}
.beauty-pricing-page .beauty-product-duration {
	display: block; 
	font-weight: bold;
	color: var(--bp-orange);
}
.beauty-pricing-page .beauty-product-type {
	display: block; 
	color: #333;
	font-size: 1.6em;
	text-transform: uppercase;
	padding-bottom: 0.4em;
}
.beauty-pricing-page .beauty-product-price {
	display: block;
	font-weight: bold;
	font-size: 2.5em;
	color: #96110D;
	padding-bottom: 0.3em;
	padding-top: 0.3em;
}
.beauty-pricing-page .beauty-product-amount {
	display: block;
	font-weight: bold;
	font-size: 1.5em;
	color: #96110D;
}
.beauty-pricing-page .beauty-product-slogan {
	background-color: #96110d;
	color: #fff;
	font-size: 18px;
	margin: 8px 0;
	text-transform: uppercase;
	padding: 8px;
	display: inline-block;
}
.beauty-pricing-page.radio-inline input[type="radio"] {
	margin-left: -5px;
	margin-top: 120px;
}
.beauty-pricing-page.radio-inline.tarif-page input[type="radio"] {
	display: none;
}
.beauty-pricing-page li {
	list-style-image: none;
}
.beauty-pricing-page .bulleted {
	text-align: left;
	padding-top: 20px;
}
.beauty-pricing-page-margin {
	
}
.beauty-cross-selling-highlight {
	color: #96110d;
	font-size: 18px;
}
.top-aligned td {
	vertical-align: top;
}
.beauty-option-description {
	display: inline;
	font-weight: bold;
	font-size: 1.2em;
	color: #333;
}
.beauty-option-price {
	display: inline;
	font-weight: bold;
	font-size: 1.2em;
	color: #96110D;
}

.language-container {
	padding: 16px 0;
}
.logo-container {
	background: linear-gradient(89.75deg, var(--bp-light-orange) 0%, var(--bp-light-orange) 100%);
	height: 80px;
}
.production-logo {	
	height: 70px;
    	padding-top: 10px;
}
 
.main-content-container {
	background-color: #fff;
 }
.navbar-toggle {
	float: none;
}
.navbar-toggle .icon-bar {
	background-color: var(--bp-orange);
}
.navbar-collapse {
	padding-right: 0;
	margin-bottom: 20px;
   	padding-left: 0;
}
/* default state */	
.state-indicator {
    position: absolute;
    top: -999em;
    left: -999em;

    z-index: 1;
}

/* small desktop */
@media all and (max-width: 1200px) {
    .state-indicator {
        z-index: 2;
    }
}

/* tablet */
@media all and (max-width: 1024px) {
    .state-indicator {
        z-index: 3;
    }
}

/* mobile phone */
@media all and (max-width: 768px) {
    .state-indicator {
        z-index: 4;
    }
}
/* drawer */

#drawer-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 997;
	height: 120vh;
	width: 120vw;
}

@media screen and (max-width: 767px) {
.navbar-collapse {
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	transform: translateX(-100%);
    	transition: 0.350s ease;
	width: 300px;
	}
.open {
	transform: translateX(0);
	}
}


/* ------------------------------------> experimental <-------------------------------------------------- */

.chat-edit-button {
  position:relative;
  float: right;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background-color: #5bc0de;
  border: 1px solid #46b8da;
  left: 10px;
  top: -20px;
z-index:1000;
}

.chat-edit-button .fa-pencil:before {
  content: "\f040";
  position:relative;
  left: 7px;
  top: 2px;
}
 .two-columns {
	display: table-row;
	width: 100%;
}
.two-columns .item1 {
	width: 50%;
	display: table-cell;
}
 .two-columns .item2 {
	width: 50%;
	display: table-cell;
}
 .bubbleyou .fullsize, .bubbleyou .form-control {
	width: 100%;
}
/* ------------------------------------> chat bubble <-------------------------------------------------- */
   .bubbleme h1, .bubbleyou h1 {
	margin-top: 10px;
	font-weight: normal;
 }
   .bubbleme .suminsured {
	position: absolute;
	height: 55px;
	left: -2px;
	bottom: -2px;
	width: 51%;
	text-align: center;
	padding: 0.5rem;
	color: #fff;
	border-radius: 0px 0px 0px 10px;
	background-color: #03A9F4;
 }
   .bubbleme .premium {
	position: absolute;
	height: 55px;
	right: -2px;
	bottom: -2px;
	width: 51%;
	text-align: center;
	padding: 0.5rem;
	color: #fff;
	border-radius: 0px 0px 10px 0px;
	background-color: #03A9A8;
 }
.avatar {
	object-fit: cover;
	border-radius:50%;
	width: 65px;
	height: 65px;
	padding: 0.5rem;
}
  .bubbleme,  .bubbleyou {
	position: relative;
	max-width: 500px;
	padding: 1.75rem;
	text-align: left;
	border: 2px solid #03A9A8;
	background-color: #fff;
	border-radius: 10px;
 }
   .bubbleyou .btn-default.active {
      color: #fff;
	background-color: #03A9A8;
 }
  .bubbleme:before {
	content: " ";
	position: absolute;
	width: 0;
	height: 0;
	left: -6px;
	top: 15px;
	border: 5px solid;
	transform: rotate(-45deg);
	border-color: #03A9A8 transparent transparent #03A9A8;
  }
  .bubbleme:after {
	content: " ";
	position: absolute;
	width: 0;
	height: 0;
	left: -3px;
	top: 15px;
	border: 5px solid;
	transform: rotate(-45deg);
	border-color: #ffffff transparent transparent #ffffff;
  }
  .bubbleyou {
	border: 2px solid #03A9F4;
	background-color: #fff;
  }
.bubbleyou:before {
	content: " ";
	position: absolute;
	z-index: 1;
	width: 0;
	height: 0;
	right: -7px;
	top: 15px;
	border: 5px solid;
	transform: rotate(135deg);
	border-color: #03A9F4 transparent transparent #03A9F4;
}
.bubbleyou:after {
	content: " ";
	position: absolute;
	z-index: 1;
	width: 0;
	height: 0;
	right: -4px;
	top: 15px;
	border: 5px solid;
	transform: rotate(135deg);
	border-color: #ffffff transparent transparent #ffffff;
}
/* ------------------------------------> chat typing indikator <-------------------------------------------------- */
.typing {
  display: block;
  width: 60px;
  height: 40px;
  background-color: #BDBDBD;
  margin-left: 20px;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.circle {
  display: block;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: #757575;
  margin: 3px;
}
.circle.scaling {
  animation: typing 1000ms ease-in-out infinite;
  animation-delay: 3600ms;
}
.circle:nth-child(1) {
  animation-delay: 0ms;
}
.circle:nth-child(2) {
  animation-delay: 333ms;
}
.circle:nth-child(3) {
  animation-delay: 666ms;
}
@keyframes typing {
  0% {
    transform: scale(1);
  }
  33% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.4);
  }
  100% {
    transform: scale(1);
  }
}
/* ------------------------------------> Premium <-------------------------------------------------- */
.chat-premium {

  display:flex;
  justify-content:space-between;
  align-items:stretch;
  height:130;
  max-width:420px;
  position:fixed;
  bottom:0;
  left:$grid-gutter-width-base/2;
  right:$grid-gutter-width-base/2;
  z-index:25;
  background-color: #F3F8FC;
  border:1px solid #03A9A8;
  border-bottom:0;
  border-radius:5px 5px 0 0;
}

.chat-premium .col-sm-3  {
padding-right: 0px;
padding-left: 0px;
}

.chat-premium-text {
	font-size:14px;
	position:relative;
 	justify-content: center;
 	align-items: center;
	height: 100%;
}
.chat-premium-text p {
     width:100px;  /* set to fixed width to ensure two lines */
}
.chat-premium-text p span {
	display:none;
}

.chat-premium-amount {
 display:flex;
    flex:0 1 150px;
	max-width:250px;
	height: 100%;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: #03A9A8;
    color:#FFF;
    padding:1rem;
    border-radius:0 4px 0 0;
    text-align: center;
    font-size:2.75rem;
    font-weight: normal;
    line-height: 1;
}
.chat-premium .fa {
	color: #03A9A8;
}
.typing-indicator {
  width: auto;
  text-align: center;
  position: relative;
}
.typing-indicator  > span {
    display: inline-block;
    height: 8px;
    width: 8px;
    margin: 0 1px;
    background-color: black;
    border-radius: 100%;
    animation: bounce 1.4s infinite ease-in-out both;
}
.typing-indicator  > span:nth-of-type(1) {
      animation-delay: -.32s;
   }
.typing-indicator  > span:nth-of-type(2) {
      animation-delay: -.16s;
 
}


.beauty-chat-pricing-page  {
	background-color: #DACBCB;
	padding: 14px 14px 0 14px!important;
	text-align: left;
	border-radius: 4px;
	border: 2px solid #96110D;
	cursor: pointer;
	margin-bottom: 20px!important;
	width: 100%;
	height: 300px;
}

.beauty-chat-pricing-page.beauty-pricing-page-wide {
	margin-bottom: 12px;
	margin-right: 0px;
	padding: 8px 8px 32px 8px;
}

.beauty-chat-pricing-page.inline-block {
	display: inline-block; 
      text-align: left;
     background-color: #DACBCB;
	width: 100%;
}
.beauty-chat-pricing-page.inline-block.selected {
	background-color: #fff;
}
.beauty-chat-pricing-page.radio-inline  {
	cursor: default; 
}
.beauty-chat-pricing-page.radio-inline label {
	cursor: pointer; 
}
beauty-chat-pricing-page.tarif-page.radio-inline label {
	cursor: default;
}
.beauty-chat-pricing-page.selected  {
	background-color: #fff;
	border: 2px solid #03A9A8;
}
.beauty-chat-product-type {
	display: block; 
	text-align: center;
	color: #333;
	font-size: 1.6em;
	text-transform: uppercase;
	padding-bottom: 0.6em;
}
.beauty-chat-pricing-page .beauty-chat-product-price {
	display: block;
	font-weight: bold;
	font-size: 2.5em;
	color: #96110D;
	padding-bottom: 0.4em;
	padding-top: 0.4em;
}



.beauty-chat-pricing-page .beauty-chat-product-amount {
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 1.5em;
	color: #96110D;
}
.beauty-chat-pricing-page .beauty-chat-product-slogan {
	background-color: #96110d;
	color: #fff;
	font-size: 18px;
	margin: 8px 0;
	text-transform: uppercase;
	padding: 8px;
	display: inline-block;
}
.beauty-chat-pricing-page.radio-inline input[type="radio"] {
	margin-left: -5px;
	margin-top: 120px;
}
.beauty-chat-pricing-page.radio-inline.tarif-page input[type="radio"] {
	display: none;
}
.beauty-chat-pricing-page li {
	list-style-image: none;
}
.beauty-chat-pricing-page .bulleted {
	text-align: left;
	padding-top: 20px;
}
.beauty-chat-pricing-page-margin {
	
}


 a.beeme-app {
    background: none;
    font-size: 40px;
    display: inline;
    padding-left: 50px;
}
.beeme-extra-bold {
    font-weight: 900;
    text-transform: uppercase;
}

.thumbnail-container {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	border: 1px solid #dedede;
	margin: 0 10px 10px 0;
	width: 252px;
}
.thumbnail-container  div.one-thumbnail img {
    margin: 0;
    box-shadow: none;
    border: none;
    cursor: pointer;
    background: #f0f0f0;
}
.thumbnail-container:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.thumbnail-container .thumbnail-preview {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}
.thumbnail-container .thumbnail-preview , .thumbnail-container .thumbnail-preview img {
	width: 250px;
	height: 353px;
}
.thumbnail-container .thumbnail-preview  img.four-in-one {
	width: 125px;
	height: 176px;
}
.thumbnail-preview a::after {
	content: " ";
	box-sizing: content-box;
	background: linear-gradient(white, white, #888);
	opacity: 0.3;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 353px;
}
.thumbnail-preview a:hover::after {
	font-family: "Font Awesome 5 Pro;
	content: "\f002";
	color: #fff;
	font-size: 40px;
	line-height: 353px;
	text-align: center;
	box-sizing: content-box;
	background: #000;
	opacity: 0.7;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-weight: bold;
}
.thumbnail-container .thumbnail-information {
	padding: 0 10px;
	width: 250px;
	height: 130px;
}
.thumbnail-container .thumbnail-information .document-date {
	height: 30px;
	line-height: 30px;
}
.thumbnail-container .thumbnail-information .document-name {
	height: 65px;
	font-weight: bold;
	font-size: 15px;
	overflow: hidden;
	word-wrap: break-word;
	text-overflow: ellipsis;
	width: 100%;
}
.thumbnail-container .thumbnail-information .document-name.no-date {
	margin-top: 15px;
}
.thumbnail-container .thumbnail-information .document-comment {
	word-wrap: break-word;
	height: 35px;
	overflow: hidden;
	font-size: 0.9em;
	text-overflow: ellipsis;
}
.thumbnail-container .thumbnail-information .document-type {
}
.thumbnail-container .thumbnail-information .document-controls {
	height: 16px;
}
.thumbnail-container .thumbnail-information .document-controls .glyph-button ,
.thumbnail-container .thumbnail-information .document-controls .text-button {
	margin-right: 8px;
}
.thumbnail-container .thumbnail-information .document-controls .glyph-button.no-margin-right , 
.thumbnail-container .thumbnail-information .document-controls .text-button.no-margin-right {
	margin-right: 0;
}
.documents-date {
	display: block;
	padding: 0 4px;
	font-weight: bold;
	border: 1px solid #eee;
	border-radius: 4px;
	margin-bottom: 6px;
	line-height: 22px;
	height: 22px;
}
.thumbnail-container.minimal .thumbnail-information ,
.thumbnail-container.compact-information .thumbnail-information
 {
	height: 100px;
}
.thumbnail-container.minimal .thumbnail-information .document-type , .thumbnail-container.minimal .thumbnail-information .document-controls , .thumbnail-container.minimal .thumbnail-information .document-comment {
	display: none;
}

.thumbnail-editing {
	position: absolute;
	top: 0;
	left: 15px;
	display: none;
	opacity: 0;
	background: #e2e2e2;
	width: 250px;
	height: 353px;
	padding: 10px 0 10px 10px;
	transition-duration: 1s;
} 
.thumbnail-editing.open {
	opacity: 1;
	display: block;
}
.thumbnail-container .push-right {
	float: right;
}
.thumbnail-editing .chzn-container , .thumbnail-editing .textarea {
	max-width: 230px;
	min-width: 230px;
}
.thumbnail-container .thumbnail-information .document-date.no-date {
    height: 15px;
    line-height: 15px;
}

/* full size support */
.thumbnail-container.fullsize {
	width: 598px;
}
.thumbnail-container.fullsize .thumbnail-preview ,  
.thumbnail-container.fullsize .thumbnail-preview img {
	width: 596px;
	height: 843px;
}
.thumbnail-container.fullsize .thumbnail-editing {
	top: 543px;
	width: 596px;
	height: 300px;
}
.thumbnail-container.fullsize .thumbnail-preview a::after {
	height: 843px;
}
.thumbnail-container.fullsize .thumbnail-information {
	width: 596px;
}
.thumbnail-container.fullsize .thumbnail-preview a:hover::after {
	line-height: 843px;
}
/* one fifth support */
.thumbnail-container.one-fifth {
	width: 121px;
	margin: 0 3px 10px 0;
}
.thumbnail-container.one-fifth.landscape {
	width: 170px;
}
.thumbnail-container.one-fifth .thumbnail-preview ,  
.thumbnail-container.one-fifth .thumbnail-preview img {
	width: 119px;
	height: 168px;
}
.thumbnail-container.one-fifth.landscape .thumbnail-preview ,  
.thumbnail-container.one-fifth.landscape .thumbnail-preview img {
	height: 119px;
	width: 168px;
}
.thumbnail-container.one-fifth .thumbnail-preview a::after {
	height: 168px;
}
.thumbnail-container.one-fifth .thumbnail-information {
	width: 119px;
	height: 75px;
	padding: 2px 4px;
}
.thumbnail-container.one-fifth .thumbnail-preview a:hover::after {
	line-height: 168px;
}
.thumbnail-container.one-fifth .thumbnail-information .document-name {
	font-size: 0.9em;
	height: 45px;
}
.thumbnail-container.one-fifth .thumbnail-information .document-controls a {
	font-size: 0.8em;
}
.thumbnail-container.one-fifth .thumbnail-information .document-date {
	display: none;
}
.thumbnail-container.one-fifth.no-name .thumbnail-information .document-name {
	display: none;
	height: 0;
}
.thumbnail-container.one-fifth.no-name .thumbnail-information {
	height: 28px;
}
.thumbnail-container.one-fifth .thumbnail-editing {
	width: 260px;
	height: auto;
	z-index: 10;
}
/* two third support */
.thumbnail-container.two-third {
	width: 168px;
	margin: 0 5px 10px 0;
}
.thumbnail-container.two-third .thumbnail-editing {
	height: auto;
	z-index: 10;
}
.thumbnail-container.two-third .thumbnail-preview ,  .thumbnail-container.two-third .thumbnail-preview img {
	width: 166px;
	height: 235px;
}
.thumbnail-container.two-third .thumbnail-preview a::after {
	height: 235px;
}
.thumbnail-container.two-third .thumbnail-information {
	padding: 0 4px;
	width: 167px;
	height: 100px;
}
.thumbnail-container.two-third .thumbnail-preview a:hover::after {
	line-height: 167px;
}
.thumbnail-container.two-third .thumbnail-information .document-name {
	padding-top: 4px;
	font-size: 14px;
}
.thumbnail-container.two-third .thumbnail-information .document-date {
	display: none;
}
.document-thumbnail-preview a { 
	margin-top: 4px;
	display: inline-block;
	box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
}
.document-thumbnail-preview.margin-right a {
	margin-right: 10px;
}
.document-thumbnail-preview.margin-bottom a {
	margin-bottom: 10px;
}
.thumbnail-container .row.simple, .thumbnail-container .row.standard {
	margin-bottom: 0;
}
.thumbnail-container.two-third.slim .thumbnail-information {
	height: 70px;
}
.thumbnail-container.two-third.bubble-edition .thumbnail-editing {
	top: 55px;
    	left: 120px;
	width: 530px;
}
.thumbnail-container.two-third.bubble-edition .thumbnail-editing.open::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 36px;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top-color: #e2e2e2;
	border-bottom: 0;
	margin-left: -10px;
	margin-bottom: -10px;
}
.thumbnail-container.two-third.bubble-edition .thumbnail-editing .chzn-container {
     min-width: 500px;
}

/******************* flip **********************/
.flip-container {
	perspective: 1200px;
	display: inline-block;
	}

.flip-container .thumbnail-container.flipped-open {
	transform: rotateY(-180deg);
	}
	
.flip-container .thumbnail-container {
	transform: rotateY(0);
	transition: transform 0.4s ease-in, visibility 0.2s linear 0.2s;
	}

.flip-container .thumbnail-container .thumbnail-editing {
	display: block;
	visibility: hidden;
	transform: rotateY(180deg);
	}
	
.flip-container .thumbnail-container.flipped-open .thumbnail-information {
	opacity: 0;
	}
	
.flip-container .thumbnail-container.flipped-open .thumbnail-editing {
	visibility: visible;
	opacity: 1;
	}
	
.flip-container .thumbnail-container.flipped-open .thumbnail-editing i.editor-flipper {
	opacity: 1; 
	}
	
.flip-container .thumbnail-container .thumbnail-editing i.editor-flipper {
	opacity: 0; 
	position: absolute;
	right: 10px;
    	bottom: -106px;
	cursor: pointer;
}

/*----- live search ----------*/

span.livesearch {
	white-space: nowrap;
}

span.livesearch ul {
	list-style: none;
	border: 1px solid #aaa;
	border-radius: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	position: absolute;
	display: none;
	z-index: 100;
	left: 0;
	top: 0;
}

span.livesearch ul li {
	background: white;
	white-space: nowrap;
	cursor: pointer;
	font-style: italic;
	padding: 3px 4px;
}

span.livesearch input.helping {
	color: #bbb;
}

span.livesearch img {
	margin-left: 3px;
	position: absolute;
	left: 0px;  /* do not delete */
	top: 0px;   /* do not delete */
	z-index: 2;
}

span.livesearch img.clue {
	margin: -5px -5px -5px  1px;
	cursor: pointer;
}

* html span.livesearch img.clue {
	margin: 0px -5px -4px  1px;
}

span.livesearch ul li span.fullname {
	font-style: normal;
	font-weight: bold;
}

span.livesearch ul li span.address {
	font-style: normal;
	font-size: 80%;
}

@media (min-width: 992px) {
.container {
    width: 100%;
}
}
@media screen and (max-width: 768px) {
.display-flex {
	flex-direction: column;
	}
.product-pricing .pricing label {
    	padding: 6px 18px;
	}
.product-pricing.additional-options .description ul {
    	margin-left: -6px;
	}
.product-pricing .description ul {
    	margin-left: -20px;
	}
a.rbutton {
	    min-width: 80px;
	}
a.rbutton.can-not-proceed {
	margin-top: 4px;
}
.sidebar {
	margin-top: 0;
	}
.logo-container {
	height: 80px;
	}
.production-logo {	
	width: 160px;
    	padding-top: 16px;
	}
.core-container {
	margin-top: 0;
	padding: 0;
	}
.header-image {
    	height: 220px;
	}
.navbar-toggle {
	margin-top: 24px;
}
.navbar-collapse {
	padding-top: 0;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	border-radius: 0;
	background-color: #F2F2F2;
	}
.menu1, .menu2 {
	margin: 4px;
	font-size: 120%;
}
.menu2 {
	margin-left: 10px;
}
.form-control {
	width: 100%;
	}
.boxed-view {
	padding: 16px 8px;
}
.btn-group > .btn, .btn-group-vertical > .btn {
    	margin-top: 8px;
    	min-width: 56px;
	}
}

.cookies-banner {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9999;	
	background: rgb(0 0 0 / 70%);
}
.cookies-banner-body {
	max-width: 500px;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, 100%);
	background: #fff;
	padding: 20px;
}
.cookies-banner-policy {
	width: 800px;
	max-width: 80%;
	max-height: 80%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 100%);
	background: #fff;
	padding: 20px;
	overflow: auto;
}
@media (max-width: 768px) {
	.cookies-banner-body {
		transform: translate(-50%, 33%);
		width: 360px;
	}
}
.cookies-banner-body .pill-button {
	min-width: 150px;
}

.pill-button.cookie{
	border-radius: 50px;
	box-shadow: 0px 2px 6px #00274F21;
	color: var(--bp-orange);
	font-size: 13px;
	background-color: #fff;
	font-weight: 600;
	padding: 6px 16px;
    	white-space: nowrap;
	min-width: 100px;
}

.pill-button.cookie2{
	border-radius: 50px;
	box-shadow: 0px 2px 6px #00274F21;
	color: var(--bp-orange);
	font-size: 13px;
	background-color: #fff;
	font-weight: 600;
	padding: 6px 16px;
    	white-space: nowrap;
	min-width: 100px;
}
.pill-button {
	border-radius: 50px;
	box-shadow: 0px 2px 6px #00274F21;
	color: var(--bp-orange);
	font-size: 13px;
	background-color: #fff;
	font-weight: 600;
	padding: 6px 16px;
    	white-space: nowrap;
	min-width: 100px;
}
.pill-button.outline {
	border: 1px solid var(--bp-orange);
	box-shadow: none;
}
.pill-button.outline.corporate {
	border-color: var(--bp-orange);
	color: #fff;
}
.pill-button.outline.financial {
	border-color: var(--bp-orange);
	color: var(--bp-orange);
}
.pill-button.outline.insights {
	border-color: var(--grey);
	color: var(--grey);
}
.pill-button.outline:hover {
	border-color: var(--bp-orange);
}
.pill-button.btn:focus {
	box-shadow: 0px 2px 6px #00274F21;
}
.pill-button.me-3:last-child {
	margin-right: 0;
}
.pill-button.secondary {
	color: #fff;
	background-color: var(--bp-orange);
}
.pill-button.header-button {
	color: var(--mid-grey);
	background-color: var(--bp-orange);
	border-color: var(--mid-grey);
}
.pill-button.header-button:hover {
	color: #fff;
	border-color: var(--bp-orange);
}
  
.one-box-in-boxes .checkbox-inline label {
	padding-left: 35px;
} 
.searchResult {
	background-color: var(--very-light-grey);
}
 
a.rbutton.can-proceed.contact {
	margin: 0;
	padding: 0;
    	text-align: center;
     	width: 220px;
    	height: 25px;
    	display: block;    
	position: absolute;
    	bottom: -16px;
    	left: 4px;
	border: 1px solid var(--bp-orange);
     	font-family: inherit;
   	color: white;
	background-color: var(--bp-orange);
   	font-size:12px;
    	text-transform: uppercase;
    	-webkit-transition: all 0.3s ease-in-out;
    	-moz-transition:    all 0.3s ease-in-out;
    	-o-transition:      all 0.3s ease-in-out;
    	-ms-transition:     all 0.3s ease-in-out;
}
.mgContainer {
	width: 220px;
	margin: 5px auto;
	border: 1px solid #dcdcdc;
    	background-color: #f2f2f2;
    	padding: 10px;
 	}

.mgContainer:hover {
	transform: translateY(-0.5rem) scale(1.0125);
	box-shadow: 0 0.5em 3rem -1rem rgba(0,0,0,0.5);
}
.mgImageContainer img {
	width: 200px;
	height: 200px;
	transition: 0.5s;
	position: relative;
}
.mgDateCircle {
	font-size: 12px;
 	color: white;
	border: 3px solid #FFFFFF;
	background-color: var(--bp-orange);
	width: 50px;
	height: 50px;
	border-radius: 100%;
	padding-top: 15px;
	line-height: 18px;
	position: absolute;
	top: -2px;
	left: 170px;
	text-align: center;
}
.mgTinyPhotoBox {
	font-size: 12px;
 	color: white;
 	width: 56px;
	padding: 2px;
	text-align: center;
	position: absolute;
	top:  -10px;
	left: 4px;
	transition: 0.5s;
		}
.mgTinyPhotoBox.doctor{
	background-color: #2FDAC3;
	}
.mgTinyPhotoBox.clinic{
	background-color: #F4E04D;
	}

 .imageCollage {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 auto;
	max-width:100%;
}

.imageCollage img{
  height: 200px;
  flex-grow: 1;
  object-fit: cover;
  margin: 2px;
}

/* MASONRY GRID 
 * ------------------ */
.css-masonry { 
    -webkit-column-count: 4;
    -moz-column-count:4;
    column-count: 4;
    
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
    
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;    
    column-gap: 1.5em;
    
    margin: 1.5em;    
    padding: 0;
    font-size: .85em;
}

/* ITEM 
 * ------------------ */
.item {
    display: inline-block;
    width: 100%;
    
    font-family: 'Alata', sans-serif;
    font-size: 1.8em;
    
    background: #fff;
    margin: 0 0 1em;
    width: 100%;
    
	-webkit-transition:1s ease all;

    border: 2px solid orange;
    border-radius: 6px; 
    overflow: hidden; /* to affect the inner elements with the radius */
}

.item img{ max-width:100%; font-size: 0; height: auto; /* to be sure to dont have a spacing after the img due to the inline block function */ }

.item-number {
    border: 2px solid orange;
    border-radius: 50%;
    background: #fff;
    font-size: 0.8em;
    display: flex; /* flex is for center verticaly and horizontaly the number */
    align-items: center;
    justify-content: center;
    width: 30px;
    height:  30px;
    position: absolute;
    margin: 4px;
}

.item .title {
     padding: 5px  ;
    font-size: 0.5em;

}
.item .delete
 {
  position: absolute;
  bottom: 5px;
  right: 25px;
}

.item .videolink
 {
  position: absolute;
  opacity: 0.7;
  top: 40%;
  right: 40%;
}
.french {color: grey; font-size: 0.8em;}

@media only screen and (max-width: 420px) {
    .css-masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media only screen and (min-width: 421px) and (max-width: 768px){
    .css-masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}
@media only screen and (min-width: 769px) and (max-width: 1000px){
    .css-masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}
@media only screen and (min-width: 1001px) {
    .css-masonry {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}

.badge {
  padding: 0.5em 0.75em;
}

.badge.color-green {
  background-color: var(--bp-very-light-green);
  color: var(--bp-green);
}
.badge.color-orange {
  background-color: var(--bp-very-light-orange);
  color: var(--bp-orange);
}
 .badge-green {
  margin-top: -5px; 
  background-color: #4CAF50;
  color: white;
}
 .badge-blue {
  margin-top: -5px;
  background-color: #2962FF;
  color: white;
}
 .badge-orange {
  margin-top: -5px;
  background-color: #FFC107;
  color: black;
}
 .badge-red {
  margin-top: -5px;
  background-color: #E53935;
  color: white;
}
 


#features {
  display: flex;
  background: #f7f7f7;
  background: var(--color-gray);
}
/*feature-box*/
.feature-box-wrapper {
      padding: 8px;
}


.feature-box {
  background-color: rgba(255, 255, 255, 0.7);
  text-align: left;
  padding: 2.5rem;
  box-shadow: 0 1.5rem 5rem rgba(0, 0, 0, 0.15);
   border-radius: 1rem;
 }

.feature-box .icon {
  font-size: 6rem;
  color: var(--bp-green);
  display: inline-block;
  margin-bottom: .5rem;
}

.feature-box .h3 {
  font-size: 1.7rem;
  text-transform: uppercase;
  margin-bottom: 2rem;
}

.feature-box p {
  line-height: 1.45;
}



img.clerk-avatar {
	max-width: 100%;
	height: auto;
	border-radius: 50%;
}

.single-chart {
  justify-content: space-around ;
}

.circular-chart {
  display: block;
  margin: 10px auto;
  max-width: 33%;
  max-height: 250px;
}

.circle-bg {
  fill: none;
  stroke: #eee;
  stroke-width: 3.8;
}

.circle {
  fill: none;
  stroke-width: 2.8;
  stroke-linecap: round;
  animation: progress 1s ease-out forwards;
}

@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}

.circular-chart.orange .circle {
  stroke: #ff9f00;
}

.circular-chart.green .circle {
  stroke: #4CC790;
}

.circular-chart.blue .circle {
  stroke: #3c9ee5;
}

.percentage {
  fill: #666;
  font-family: sans-serif;
  font-size: 0.5em;
  text-anchor: middle;
}.product-banner {
	width: 100%;
	color: #8b5e2f;
	border-bottom: 1px solid rgba(237,135,51,0.12);
	padding: 14px 24px 16px;
	overflow: hidden;
}
.product-banner > .row > [class*="col"] {
	display: flex !important;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}
.pb-top-row > .row > [class*="col"] {
	display: flex !important;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	font-size: 14px;
	font-weight: 500;
}
.pb-tariffs {
	color: #d97020;
	font-weight: 700;
}
.pb-new-badge > .row > [class*="col"] {
	display: inline-flex !important;
	align-items: center;
	gap: 4px;
}
.pb-new-badge {
	padding: 2px 10px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	background: rgba(237,135,51,0.12);
	color: #c46a1a;
}
.pb-usp-row {
	width: 100%;
	max-width: 100%;
	overflow: hidden;
}
.pb-usp-row > .row {
	max-width: 100%;
	overflow: hidden;
}
.pb-usp-row > .row > [class*="col"] {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap;
	gap: 10px;
	justify-content: center;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scroll-snap-type: x mandatory;
	max-width: 100%;
}
.pb-usp-mini {
	padding: 8px 16px;
	border-radius: 10px;
	background: rgba(255,255,255,0.65);
	backdrop-filter: blur(8px);
	border: 1px solid rgba(0,0,0,0.05);
	white-space: nowrap;
	transition: transform 0.15s ease;
	flex: 0 0 auto;
	scroll-snap-align: start;
}
.pb-usp-mini:hover {
	transform: translateY(-1px);
}
.pb-usp-mini > .row > [class*="col"] {
	display: flex !important;
	flex-direction: row;
	align-items: center;
	gap: 8px;
}
.pb-ic-box {
	width: 28px;
	height: 28px;
	border-radius: 7px;
	background: rgba(237,135,51,0.1);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	flex-shrink: 0;
}
.pb-text-wrap > .row > [class*="col"] {
	display: flex !important;
	flex-direction: column;
}
.pb-text {
	font-size: 12px;
	font-weight: 600;
	color: #5a4230;
	line-height: 1.2;
}
.pb-subtext {
	font-size: 10px;
	font-weight: 400;
	color: #9a8070;
	line-height: 1.3;
	white-space: normal;
	max-width: 180px;
}

.product-card {
	display: flex;
	width: 100%;
	padding: var(--space-m, 24px);
	flex-direction: column;
	gap: 8px;
	background-color: #F2F2F2;
	margin-bottom: var(--space-m); 
}
.product-card.shadow {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.product-card .docs-alighn-bottom {
	margin-top:auto;
}
.product-card .button-alighn-bottom {
	width:100%;
}
.static-product-container  > .row > [class*="col"] {
    	display: flex;
    	gap: 4px;
    	flex-wrap: wrap;
}
@media(min-width:1400px) {
 	.product-choice-container .fragment-wrapper {
		display: flex;
		justify-content: space-between;
	}
	.product-card { 
		width: 32%;
	}
	.product-card .product-abstract-description {
		display: inline-block;
		min-height: 170px;
	}
}
.product-card .advantages-item:first-child {
	margin-top: 12px;
}
.product-card .advantages-item > .row > [class^="col"] {
	display: flex;
	width: 100%;
	gap: 8px;
	min-width: 320px;
	margin-bottom: var(--space-s);
}
.product-card .advantages-item.no-margin > .row > [class^="col"] {
	margin-bottom: 0;
}
.product-card .advantages-item.star-item {
	margin: 1rem 0 1.5rem 0;
	border-top: 1px solid var(--bp-orange);
	border-bottom: 1px solid var(--bp-orange);
	padding: 8px;
}
.finder-choice-container > .row > [class*="col"] {
	display: flex;
	flex-direction: row;
	gap: 20px;
}

.finder-card {
	flex: 1;
	border-radius: 16px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #e0ddd8;
	box-shadow: 0 4px 20px rgba(0,0,0,0.10);
	transition: box-shadow 0.25s, transform 0.25s;
	display: flex;
	flex-direction: column;
}
.finder-card:hover {
	box-shadow: 0 8px 32px rgba(0,0,0,0.15);
	transform: translateY(-2px);
}

.finder-card > .row {
	flex: 1;
	display: flex;
	flex-direction: column;
}
.finder-card > .row > [class*="col"] {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.finder-card .col-md-5 {
	overflow: hidden;
	background: #f7f5f2;
	padding: 0;
}
.finder-card .col-md-5 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	min-height: 210px;
}

.finder-card .col-md-7 {
	padding: 28px 24px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
.finder-card .col-md-7 .h3 {
	font-size: 28px !important;
	font-weight: 700 !important;
	color: #1a1a1a !important;
	margin-bottom: 10px;
}
.finder-card .col-md-7 > span:not(.h3) {
	font-size: 15px !important;
	color: #888 !important;
	line-height: 1.6 !important;
	margin-bottom: auto;
	display: block;
}

.finder-card .rbutton {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 10px 20px;
	background: #fff;
	color: #e8853d;
	border: 2px solid #e8853d;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.2s;
	align-self: flex-start;
	margin-top: 20px;
}
.finder-card .rbutton:hover {
	background: #e8853d;
	color: #fff;
}

.finder-card .row:not(.simple) {
	display: flex;
	flex-wrap: nowrap;
	flex: 1;
}
.finder-card .row:not(.simple) > [class*="col"]:not(.simple) {
	clear: none;
	float: none;
}

@media (max-width: 640px) {
	.finder-choice-container > .row > [class*="col"] {
		flex-direction: column;
	}
	.finder-card .row:not(.simple) {
		flex-wrap: wrap;
	}
	.finder-card .col-md-5 {
		width: 100%;
		min-height: 160px;
	}
	.finder-card .col-md-7 {
		width: 100%;
	}
}

:root {
	--border-xs: 1px;
  	--border-s: 2px;
  	--border-m: 4px;
  	--radius-zero: 0px;
  	--radius-sm: 4px;
 	 --radius-md: 8px;
 	 --radius-circle: 999px;
  	--space-xxs: 4px;
  	--space-xs: 8px;
  	--space-s: 16px;
  	--space-m: 24px;
  	--space-l: 32px;
 	 --space-xl: 48px;
  	--space-xxl: 80px;

  	--border-default: var(--color-secondary-200);
  	--border-disabled: var(--color-grey-200);
  	--border-error: var(--color-status-alert);
  	--border-focus: var(--color-secondary-200);
  	--border-hover: var(--color-secondary-400);
  	--border-strong: var(--color-grey-500);
  	--border-table: var(--color-grey-100);
  	--surface-box-default: var(--color-secondary-100);
  	--surface-box-error: var(--color-status-background-alert);
  	--surface-box-focus: var(--color-secondary-100);
  	--surface-cell-hover: var(--color-secondary-200);
  	--surface-content-area: var(--color-secondary-50);
  	--surface-none: var(--color-white);
  	--surface-primary-default: var(--color-primary-400);
  	--surface-primary-disabled: var(--color-grey-200);
 	--surface-primary-hover: var(--color-primary-500);
  	--text-cell-content: var(--color-grey-500);
  	--text-default: var(--color-secondary-600);
  	--text-error: var(--color-status-alert);
 	--text-heading: var(--color-secondary-700);
	--text-link-disabled: var(--color-grey-400);
	--text-link-hover: var(--color-primary-400);
	--text-negative: var(--color-white);
	--border-button-radius: var(--radius-m);
	--margin-s: var(--space-s);
}
:root {
	--color-white: #ffffff;
	--color-grey-100: #ebeae9;
	--color-grey-200: #c6c1bf;
	--color-grey-300: #a29a97;
	--color-grey-400: #7c7573;
	--color-grey-500: #575351;
	--color-grey-600: #363331;
	--color-grey-700: #171515;
	--color-primary-100: #fde5de;
	--color-primary-200: #f9b195;
	--color-primary-300: #ec7e33;
	--color-primary-400: #b66025;
	--color-primary-500: #834317;
	--color-primary-600: #52280b;
	--color-primary-700: #260f03;
	--color-secondary-100: #eef2f5;
	--color-secondary-200: #cfdce2;
	--color-secondary-300: #90a7b3;
	--color-secondary-400: #627c8e;
	--color-secondary-50: #eef2f5;
	--color-secondary-500: #49697d;
	--color-secondary-600: #3e596a;
	--color-secondary-700: #254153;
	--color-alert: #9e002f;
	--color-info: #0b51a8;
	--color-neutral: #42485c;
	--color-success: #045d0b;
	--color-warning: #664d03;
	--color-background-alert: #fff5fa;
	--color-background-info: #e6f9f9;
	--color-background-neutral: #ebeef1;
	--color-background-success: #dff7cf;
	--color-background-warning: #fff3cd;
}

:root {
	--font-regular: 400;
    	--font-semibold: 600;
    	--font-bold: 700;
	--font-line-height-xs: 18px;
	--font-line-height-s: 21px;
	--font-line-height-m: 24px;
	--font-line-height-l: 30px;
	--font-line-height-xl: 32px;
	--font-line-height-xxl: 40px;
 	--font-size-xs: 12px;
  	--font-size-s: 14px;
	--font-size-m: 16px;
	--font-size-l: 20px;
	--font-size-xl: 24px;
	--font-size-xxl: 32px;
	 --font-style: normal;
	 --font-family: "proxima-nova", sans-serif;
	
  	--heading-xxl: var(--font-style) var(--font-style) var(--font-bold) var(--font-size-xxl)/var(--font-line-height-xxl) var(--font-family);
  	--heading-xl: var(--font-style) var(--font-style) var(--font-bold) var(--font-size-xl)/var(--font-line-height-xl) var(--font-family);
  	--heading-l: var(--font-style) var(--font-style) var(--font-bold) var(--font-size-l)/var(--font-line-height-l) var(--font-family);
  	--heading-m: var(--font-style) var(--font-style) var(--font-bold) var(--font-size-m)/var(--font-line-height-m) var(--font-family);
	--heading-xs: var(--font-style) var(--font-style) var(--font-regular) var(--font-size-xs)/var(--font-line-height-xs) var(--font-family);
  	--body-m: var(--font-style) var(--font-style) var(--font-bold) var(--font-size-m)/var(--font-line-height-m) var(--font-family);
 	 --body-m: var(--font-style) var(--font-style) var(--font-regular) var(--font-size-m)/var(--font-line-height-m) var(--font-family);
  	--body-s: var(--font-style) var(--font-style) var(--font-bold) var(--font-size-s)/var(--font-line-height-s) var(--font-family);
	--body-xs: var(--font-style) var(--font-style) var(--font-bold) var(--font-size-xs)/var(--font-line-height-xs) var(--font-family);
}
.heading-xxl {
	font: var(--heading-xxl);
}
.heading-xl {
	font: var(--heading-xl);
}
.heading-xl-regular {
	font: var(--heading-xl);
	font-weight: 400;
}
.heading-m {
	font: var(--heading-m);
	display: inline-flex;
	margin-bottom: var(--space-xxs);
}
.heading-xs {
	font: var(--heading-xs);
}
.body-m {
	font: var(--heading-m);
}
.body-s-regular {
	font: var(--body-s);
	font-weight: 400;
}

/* The following rule overrides bootstrap3 btn-group rules */
.btn-group,
.btn-group-vertical {
    position      : relative;
    display       : flex;
    vertical-align: middle;
    gap           : 8px;
    flex-wrap     : wrap;
}
/* The following rule overrides the spacing we inserted to distance the group buttons */
.btn-group>.btn {
    margin-right: unset;
}	
.bp-card {
	background: #fff;
	border: 1px solid #e6e6e6;
	border-radius: 14px;
	padding: 24px;
	margin-bottom: 20px
}

.bp-card--shadow {
	box-shadow: 0 4px 20px rgba(0,0,0,.08);
	border-color: rgba(0,0,0,.06)
}

.bp-card--hover {
	transition: all .15s ease
}

.bp-card--hover:hover {
	border-color: var(--bp-orange);
	box-shadow: 0 4px 16px rgba(239,125,37,.08)
}

.bp-btn {
	background: var(--bp-orange);
	color: #fff;
	border: none;
	border-radius: 8px;
	padding: 13px 22px;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	display: block;
	width: 100%;
	box-sizing: border-box;
	transition: background .2s
}

.bp-btn-narrow {
	width: auto !important
}

.bp-btn:hover {
	opacity: .9
}

.bp-btn--secondary {
	background: #fff;
	color: var(--bp-orange);
	border: 2px solid var(--bp-orange)
}

.bp-btn--secondary:hover {
	background: var(--bp-light-orange);
	opacity: 1
}

.bp-icon-circle {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--bp-light-orange);
	color: var(--bp-orange);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	flex-shrink: 0
}

.bp-icon-circle--sm {
	width: 32px;
	height: 32px;
	font-size: 14px
}

.bp-icon-circle--gradient {
	background: linear-gradient(135deg, #f5842c, #f9a825);
	color: #fff
}

.bp-info-item {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	padding: 5px 0
}

.bp-heading {
	font-size: 22px;
	font-weight: 700;
	margin: 0 0 6px;
	color: #1a1a1a
}

.bp-subheading {
	font-size: 14px;
	color: #888;
	margin: 0 0 22px
}

.bp-input {
	padding: 13px 14px;
	border: 1.5px solid #e0e0e0;
	border-radius: 8px;
	font-size: 14px;
	background: #fff;
	width: 100%;
	box-sizing: border-box;
	outline: none;
	transition: border-color .2s
}

.bp-input:focus {
	border-color: var(--bp-orange)
}

.bp-n > .row,
.bp-n > .row > [class*='col'] {
	display: contents
}

.bp-n > .row::before,
.bp-n > .row::after {
	display: none
}

.bp-hint {
	font-size: 12px;
	color: #888;
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px solid #f0f0f0
}

.bp-hint a {
	color: var(--bp-orange);
	font-weight: 600;
	text-decoration: none
}

.brands-section .section-header {
	text-align: center;
	padding: 48px 48px 32px
}

.brands-section .section-header .h2 {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 6px
}

.brands-section .section-header p {
	font-size: 14px;
	color: var(--color-secondary-400)
}

.brands-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	padding: 0 48px 48px;
	justify-content: center;
	align-items: stretch
}

.brand-card {
	flex: 1 1 280px;
	max-width: 360px;
	display: flex;
	flex-direction: column;
	text-align: center;
	align-items: center;
	margin-bottom: 0
}

.brand-logo {
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 16px
}

.brand-logo img {
	max-height: 50px;
	object-fit: contain
}

.brand-name {
	font-size: 18px;
	margin-bottom: 10px
}

.brand-desc {
	font-size: 13px;
	color: #666;
	line-height: 1.6;
	margin-bottom: 18px;
	flex: 1 1 auto
}

.brand-btn {
	margin-top: auto;
	width: auto;
	padding: 10px 28px;
	font-size: 13px;
	display: inline-block
}

.brand-btn a {
	color: var(--bp-orange);
	text-decoration: none;
	font-weight: 600
}

.fk-section {
	padding: 60px 24px
}

.fk-head {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 40px;
	margin-bottom: 48px;
	padding-bottom: 32px;
	border-bottom: 1px solid #e6e6e6
}

.fk-head-left {
	max-width: 680px
}

.fk-eyebrow {
	display: block;
	font-size: 13px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--bp-orange);
	font-weight: 600;
	margin-bottom: 14px
}

.fk-section .fk-title {
	font-size: 36px;
	line-height: 1.2;
	font-weight: 700;
	color: #1a1a1a;
	display: block
}

.fk-trust {
	text-align: right;
	flex-shrink: 0
}

.fk-stars {
	letter-spacing: 2px;
	font-size: 14px;
	margin-bottom: 4px
}

.fk-rating {
	font-size: 32px;
	font-weight: 700;
	color: #1a1a1a;
	line-height: 1;
	display: block;
	margin-bottom: 4px
}

.fk-trust-label {
	font-size: 13px;
	color: #888;
	display: block
}

.fk-lede {
	font-size: 17px;
	color: #666;
	line-height: 1.6;
	max-width: 780px;
	margin-bottom: 48px
}

.fk-blocks {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	margin-bottom: 48px
}

.fk-block {
	background: var(--bp-light-orange);
	padding: 32px 28px;
	border-radius: 8px;
	border: 1px solid #e6e6e6
}

.fk-block-tag {
	font-size: 12px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--bp-orange);
	font-weight: 700;
	margin-bottom: 16px;
	display: block
}

.fk-section .fk-block-title {
	font-size: 20px;
	line-height: 1.3;
	margin-bottom: 12px;
	font-weight: 700;
	color: #1a1a1a;
	display: block
}

.fk-block-text {
	font-size: 14px;
	color: #666;
	line-height: 1.6
}

.fk-footer-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
	flex-wrap: wrap
}

.fk-fine {
	font-size: 13px;
	color: #888;
	max-width: 560px;
	line-height: 1.5;
	display: block
}

.fk-footer-link {
	font-size: 14px;
	font-weight: 600;
	color: #1a1a1a;
	border-bottom: 1px solid #1a1a1a;
	padding-bottom: 2px
}

.fk-footer-link:hover {
	color: var(--bp-orange);
	border-color: var(--bp-orange)
}

.im-section {
	padding: 60px 24px
}

.im-section-head {
	text-align: center;
	max-width: 640px;
	margin: 0 auto 48px
}

.im-eyebrow {
	display: block;
	font-size: 13px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--bp-orange);
	font-weight: 600;
	margin-bottom: 14px
}

.im-section .im-section-title {
	font-size: 36px;
	line-height: 1.2;
	font-weight: 700;
	color: #1a1a1a;
	display: block;
	margin-bottom: 16px
}

.im-section-lede {
	font-size: 17px;
	color: #666;
	line-height: 1.6
}

.im-tiles {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	margin-bottom: 48px
}

.im-tile {
	background: var(--bp-light-orange);
	padding: 32px 28px;
	border-radius: 8px;
	border: 1px solid #e6e6e6;
	display: flex;
	flex-direction: column;
	gap: 12px
}

.im-tile-num {
	font-size: 16px;
	color: var(--bp-orange);
	letter-spacing: 0.04em;
	font-weight: 700;
	display: block
}

.im-section .im-tile-title {
	font-size: 20px;
	line-height: 1.3;
	font-weight: 700;
	color: #1a1a1a;
	display: block
}

.im-tile-text {
	font-size: 14px;
	color: #666;
	line-height: 1.6
}

.im-footer-cta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
	flex-wrap: wrap;
	padding-top: 32px;
	border-top: 1px solid #e6e6e6
}

.im-trust-line {
	font-size: 13px;
	color: #888;
	max-width: 520px;
	line-height: 1.5;
	display: block
}

.im-cta-link {
	width: auto;
	padding: 12px 28px
}

@media (max-width: 768px) {
	.fk-head {
		flex-direction: column;
		align-items: flex-start
	}
	.fk-trust { text-align: left }
	.fk-section .fk-title { font-size: 28px }
	.fk-lede { font-size: 16px; margin-bottom: 36px }
	.fk-blocks { grid-template-columns: 1fr }
	.brands-section .section-header { padding: 36px 24px 24px }
	.brands-grid { padding: 0 24px 36px }
	.brand-card {
		max-width: 100%;
		flex-basis: 100%
	}
	.im-section .im-section-title { font-size: 28px }
	.im-section-lede { font-size: 16px }
	.im-tiles { grid-template-columns: 1fr }
	.im-footer-cta { justify-content: center; text-align: center }
}
.cb {
	position: fixed;
	bottom: 20px;
	left: 20px;
	z-index: 9999;
	width: 360px;
	max-width: calc(100vw - 40px);
	background: #fff;
	border-radius: 14px;
	box-shadow: 0 8px 32px rgba(0,0,0,0.18), 0 2px 8px rgba(0,0,0,0.08);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-size: 14px;
	color: #333;
	overflow: hidden;
	border: 1px solid var(--bp-orange);
}
.cb.cb--visible {
	opacity: 1;
	pointer-events: auto;
}
.cb.cb--hidden {
	display: none;
}
.cb__accent {
	display: none;
}
.cb__body {
	padding: 20px 22px 16px;
}
.cb__title {
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 6px;
	color: #222;
}
.cb__text {
	font-size: 13px;
	line-height: 1.5;
	color: #666;
	margin-bottom: 16px;
}
.cb__mehr-erfahren {
	color: var(--bp-orange);
	text-decoration: underline;
	text-underline-offset: 2px;
	background: none;
	border: none;
	font-size: 13px;
	font-family: inherit;
	cursor: pointer;
	padding: 0;
	display: inline;
}
.cb__mehr-erfahren:hover {
	color: var(--bp-orange);
}
.cb__actions {
	display: flex;
	gap: 8px;
}
.cb__btn {
	flex: 1;
	padding: 10px 14px;
	border-radius: 8px;
	font-size: 11px;
	font-weight: 600;
	cursor: pointer;
	border: none;
	transition: background 0.2s, transform 0.1s;
	line-height: 1.2;
}
.cb__btn:active {
	transform: scale(0.97);
}
.cb__btn--reject {
	background: #f0f0f0;
	color: #444;
}
.cb__btn--reject:hover {
	background: #e4e4e4;
}
.cb__btn--accept {
	background: var(--bp-orange);
	color: #fff;
}
.cb__btn--accept:hover {
	background: var(--bp-orange);
}
.cb__btn--full {
	width: 100%;
	display: block;
	text-align: center;
}
.cb__settings-link {
	color: #999;
	text-decoration: none;
	background: none;
	border: none;
	font-size: 12px;
	font-family: inherit;
	cursor: pointer;
	padding: 0;
	display: inline;
	margin-top: 10px;
}
.cb__settings-link:hover {
	color: var(--bp-orange);
}
.cb__settings {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.35s ease, padding 0.35s ease;
	padding: 0 22px;
}
.cb__settings.cb__settings--open {
	max-height: 300px;
	padding: 0 22px 16px;
}
.cb__setting-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 0;
	border-bottom: 1px solid #f0f0f0;
}
.cb__setting-row:last-child {
	border-bottom: none;
}
.cb__setting-label {
	font-size: 13px;
	color: #444;
}
.cb__setting-label-small {
	display: block;
	font-size: 11px;
	color: #999;
	font-weight: 400;
}
.cb__toggle-input {
	display: inline-block;
}
.cb__toggle-input .form-switch {
	padding: 0;
	min-height: auto;
}
.cb__toggle-input .form-switch .form-check-input,
.cb__toggle-input .form-check-input {
	width: 40px !important;
	height: 22px !important;
	margin: 0 !important;
	cursor: pointer;
	background-color: #ddd;
	border: none !important;
	border-radius: 11px !important;
	box-shadow: none !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3E%3Ccircle r=%273%27 fill=%27%23fff%27/%3E%3C/svg%3E") !important;
	background-size: 18px !important;
	transition: background-color 0.25s, background-position 0.25s;
}
.cb__toggle-input .form-check-input:checked {
	background-color: var(--bp-orange) !important;
}
.cb__toggle-input .form-check-input:disabled {
	background-color: var(--bp-orange) !important;
	opacity: 0.5;
	cursor: default;
}
.cb__toggle-input input[type="hidden"] {
	display: none !important;
}
.cb-reopen {
	position: fixed;
	bottom: 20px;
	left: 20px;
	z-index: 9998;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #fff;
	border: 1px solid #e0e0e0;
	box-shadow: 0 2px 8px rgba(0,0,0,0.08);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color: var(--bp-orange);
	transition: box-shadow 0.2s, transform 0.2s;
}
.cb-reopen:hover {
	box-shadow: 0 4px 16px rgba(0,0,0,0.12);
	transform: scale(1.05);
}
@media (max-width: 440px) {
	.cb {
		left: 10px;
		bottom: 10px;
		width: calc(100vw - 20px);
		border-radius: 12px;
	}
	.cb__actions {
		flex-direction: column;
	}
	.cb-reopen {
		left: 10px;
		bottom: 10px;
	}
}

.progress-wrapper {
	margin: 0 auto;
	padding: 20px 20px 0;
}
.progress-wrapper .row {
	margin: 0 !important;
	padding: 0 !important;
}
.progress-wrapper [class*="col"] {
	padding: 0 !important;
}
.progress-wrapper > .row > [class*="col"] {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.progress-top > .row.empty-line {
	display: none !important;
}
.progress-top > .row > [class*="col"] {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}
.progress-top > .row > [class*="col"] > .row.empty-line {
	display: none !important;
}
.progress-top .progress-counter {
	margin-left: auto;
}
.progress-top .float-right {
	float: none;
	margin-left: 0;
}
.progress-title {
	font-size: 18px;
	font-weight: 700;
	color: #333;
}
.progress-counter {
	font-size: 13px;
	color: #bbb;
	font-weight: 500;
}
.progress-subtitle {
	font-size: 13px;
	color: #999;
	line-height: 1.4;
	margin-bottom: 12px;
}
.progress-wrapper .stepper {
	margin-bottom: 0;
}
.stepper > .row > [class*="col"] {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	position: relative;
}
.stepper-line-bg {
	position: absolute;
	top: 16px;
	left: 16px;
	right: 16px;
	height: 2.5px;
	background: #e8e8e8;
	z-index: 0;
	border-radius: 2px;
}
.stepper-line-bg > .row,
.stepper-line-bg > .row > [class*="col"] {
	height: 100%;
}
.stepper-line-fill {
	height: 100%;
	background: var(--bp-orange);
	border-radius: 2px;
	transition: width 0.4s ease;
}
.pb-fill-1 { width: 0%; }
.pb-fill-2 { width: 20%; }
.pb-fill-3 { width: 40%; }
.pb-fill-4 { width: 60%; }
.pb-fill-5 { width: 80%; }
.pb-fill-6 { width: 100%; }
.step {
	flex: 1;
	z-index: 2;
	min-width: 0;
}
.step > .row > [class*="col"] {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.step-dot {
	width: 33px;
	height: 33px;
	border-radius: 50%;
	background: #f7f7f7;
	border: 2.5px solid #ddd;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-weight: 700;
	color: #ccc;
	transition: all 0.3s ease;
}
.step-dot > .row {
	width: auto;
}
.step-dot > .row > [class*="col"] {
	width: auto;
}
.step-label {
	margin-top: 8px;
	font-size: 11px;
	color: #bbb;
	text-align: center;
	line-height: 1.25;
	font-weight: 500;
	max-width: 76px;
	transition: all 0.3s;
}
.step.done .step-dot {
	background: var(--bp-orange);
	border-color: var(--bp-orange);
	color: #fff;
}
.step.done .step-label {
	color: #e8913a;
	font-weight: 600;
}
.step.active .step-dot {
	background: #fff;
	border-color: var(--bp-orange);
	color: #ec7e33;
	box-shadow: 0 0 0 4px rgba(245, 166, 35, 0.12);
}
.step.active .step-label {
	color: var(--bp-orange);
	font-weight: 700;
}
@media (max-width: 480px) {
	.progress-title { font-size: 16px; }
	.step-dot { width: 28px; height: 28px; font-size: 11px; }
	.stepper-line-bg { top: 14px; left: 14px; right: 14px; }
	.step-label { font-size: 9px; max-width: 56px; }
}

.bp-contact-doctor-card {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.12);
    padding: 24px 28px;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
    margin-bottom: 8px;
    border: 1px solid rgba(0,0,0,0.06);
}
.bp-contact-doctor-card > .row { display: contents }
.bp-contact-doctor-card > .row > [class*='col'] { display: contents }

.bp-contact-avatar {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: linear-gradient(135deg, #f5842c, #f9a825);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #fff;
    font-size: 28px;
}
.bp-contact-avatar img {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center top;
}
.bp-contact-doctor-name {
    font-family: 'avenirblack', Helvetica, sans-serif;
    font-size: 20px !important;
    font-weight: 700;
    color: #1a202c;
    margin-bottom: 2px;
    display: block;
}
.bp-contact-doctor-spec {
    font-family: 'avenir', Helvetica, sans-serif;
    font-size: 13px !important;
    color: #718096;
    margin-bottom: 6px;
    display: block;
}
.bp-contact-badges {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.bp-contact-badges > .row { display: contents }
.bp-contact-badges > .row > [class*='col'] { display: contents }
.bp-contact-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-family: 'avenir', Helvetica, sans-serif;
    font-size: 11px !important;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 20px;
}
.bp-contact-badge-verified { background: #e6fffa; color: #0d9488; }
.bp-contact-badge-response { background: #fef3e2; color: #c2780e; }
.bp-contact-badge-gdpr { background: #eef2ff; color: #5b6abf; }

.bp-contact-sidebar-column {
    position: sticky;
    top: 24px;
}

.bp-contact-section {
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.12);
    padding: 28px;
    margin-bottom: 24px;
}
.bp-contact-section-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    margin-left: -14px;
}
.bp-contact-section-number {
    min-width: 32px;
    font-family: 'avenirblack', Helvetica, sans-serif;
    font-size: 14px !important;
    font-weight: 700;
}
.bp-contact-section-title {
    font-family: 'avenirblack', Helvetica, sans-serif;
    font-size: 17px !important;
    font-weight: 700;
    color: #1a202c;
    display: block;
}
.bp-contact-section-subtitle {
    font-family: 'avenir', Helvetica, sans-serif;
    font-size: 13px !important;
    color: #a0aec0;
    font-weight: 400;
    display: block;
}

.bp-contact-section input[type="text"],
.bp-contact-section input[type="email"],
.bp-contact-section input[type="tel"],
.bp-contact-section select {
    padding: 12px 16px;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    font-size: 14px !important;
    font-family: 'avenir', Helvetica, sans-serif;
    color: #2d3748;
    transition: border-color 0.2s, box-shadow 0.2s;
    background: #fff;
}
.bp-contact-section input[type="text"]:focus,
.bp-contact-section input[type="email"]:focus,
.bp-contact-section input[type="tel"]:focus,
.bp-contact-section select:focus {
    outline: none;
    border-color: #f5842c;
    box-shadow: 0 0 0 3px rgba(245,132,44,0.12);
}
.bp-contact-section textarea {
    width: 100%;
    padding: 12px 16px;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    font-size: 14px !important;
    font-family: 'avenir', Helvetica, sans-serif;
    color: #2d3748;
    resize: vertical;
    min-height: 100px;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.bp-contact-section textarea:focus {
    outline: none;
    border-color: #f5842c;
    box-shadow: 0 0 0 3px rgba(245,132,44,0.12);
}
.bp-contact-label {
    display: block;
    font-family: 'avenir', Helvetica, sans-serif;
    font-size: 13px !important;
    font-weight: 600;
    color: #4a5568;
    margin-bottom: 6px;
}
.bp-contact-section input[type="checkbox"] {
    accent-color: #f5842c;
    width: 16px;
    height: 16px;
}
.bp-contact-section .valued-checkbox {
    margin-bottom: 12px;
}
.bp-contact-section .valued-checkbox:last-child {
    margin-bottom: 0;
}
.bp-contact-section label {
    font-family: 'avenir', Helvetica, sans-serif;
    font-size: 14px !important;
    color: #4a5568;
    cursor: pointer;
}

.bp-contact-section .btn-group-heralife {
    display: inline-flex;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    overflow: hidden;
}
.bp-contact-section .btn-group-heralife .btn {
    padding: 10px 24px !important;
    font-family: 'avenir', Helvetica, sans-serif;
    font-size: 14px !important;
    font-weight: 500;
    color: #718096;
    border: none !important;
    border-right: 1px solid #e2e8f0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    margin: 0 !important;
    box-shadow: none !important;
}
.bp-contact-section .btn-group-heralife .btn:last-child {
    border-right: none !important;
}
.bp-contact-section .btn-group-heralife .btn.active {
    background: linear-gradient(135deg, #f5842c, #f9a825) !important;
    color: #fff !important;
}

.bp-contact-section .bootstrap-tagsinput {
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    padding: 8px 12px;
    min-height: 48px;
    box-shadow: none;
}
.bp-contact-section .bootstrap-tagsinput:focus-within {
    border-color: #f5842c;
    box-shadow: 0 0 0 3px rgba(245,132,44,0.12);
}
.bp-contact-section .bootstrap-tagsinput .tag {
    background: #fef3e2;
    color: #c2780e;
    border-radius: 20px;
    padding: 4px 10px;
    font-size: 13px;
}

.bp-contact-submit {
    margin-bottom: 24px;
}
.bp-contact-submit a.rbutton {
    width: 100%;
    padding: 16px !important;
    border-radius: 12px !important;
    font-family: 'avenirblack', Helvetica, sans-serif;
    font-size: 16px !important;
    font-weight: 600;
    text-align: center;
}
.bp-contact-submit a.rbutton.can-proceed-business {
    background: linear-gradient(135deg, #f5842c, #f09030) !important;
    box-shadow: 0 4px 14px rgba(245,132,44,0.35);
}
.bp-contact-submit a.rbutton.can-proceed-business:hover {
    box-shadow: 0 6px 20px rgba(245,132,44,0.45);
}

.bp-contact-sidebar-card {
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.12);
    margin-bottom: 20px;
}
.bp-contact-sidebar-title {
    font-family: 'avenirblack', Helvetica, sans-serif;
    font-size: 15px !important;
    font-weight: 700;
    color: #1a202c;
    margin-bottom: 16px;
    display: block;
}
.bp-contact-info-item {
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 14px;
    font-family: 'avenir', Helvetica, sans-serif;
    font-size: 13px !important;
    color: #4a5568;
}
.bp-contact-info-item:last-child { margin-bottom: 0; }
.bp-contact-trust-item {
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f5;
    font-family: 'avenir', Helvetica, sans-serif;
    font-size: 13px !important;
    color: #4a5568;
}
.bp-contact-trust-item:last-child { border-bottom: none; }

.bp-contact-consent {
    margin-top: 16px;
}
.bp-contact-consent label {
    font-family: 'avenir', Helvetica, sans-serif;
    font-size: 12px !important;
    color: #718096;
    line-height: 1.5;
}

@media (max-width: 768px) {
    .bp-contact-doctor-card {
        flex-direction: column;
        text-align: center;
        padding: 24px 20px;
    }
    .bp-contact-badges { justify-content: center; }
    .bp-contact-section { padding: 20px; }
    .bp-contact-sidebar-column { position: static; }
}
.bp-claim-card {
	border-radius: 16px;
	padding: 28px;
	margin-bottom: 24px;
}
.bp-claim-card > .row {
	margin: 0;
}
.bp-claim-card > .row > [class*='col'] {
	padding: 0;
}
.bp-claim-section-sub {
	margin-bottom: 28px;
}
.bp-claim-stepper {
	position: relative;
	padding-left: 48px;
	margin-bottom: 48px;
}
.bp-claim-stepper > .row {
	margin: 0;
}
.bp-claim-stepper > .row > [class*='col'] {
	padding: 0;
}
.bp-claim-stepper::before {
	content: '';
	position: absolute;
	left: 19px;
	top: 8px;
	bottom: 8px;
	width: 2px;
	background: linear-gradient(to bottom, var(--bp-orange) 0%, rgba(255,255,255,0) 100%);
	border-radius: 2px;
}
.bp-claim-step {
	position: relative;
	padding-bottom: 32px;
}
.bp-claim-step > .row {
	margin: 0;
}
.bp-claim-step > .row > [class*='col'] {
	padding: 0;
}
.bp-claim-step:last-child {
	padding-bottom: 0;
}
.bp-claim-step-dot {
	position: absolute;
	left: -48px;
	top: 2px;
	width: 40px;
	height: 40px;
	background: linear-gradient(135deg, var(--bp-light-orange), var(--bp-light-orange));
	z-index: 1;
}
.bp-claim-step-dot svg {
	width: 20px;
	height: 20px;
}
.bp-claim-step-badge {
	display: inline-block;
	font-size: 11px;
	font-weight: 600;
	color: var(--bp-orange);
	letter-spacing: 0.5px;
	margin-bottom: 4px;
}
.bp-claim-step h3 {
	font-size: 16px;
	font-weight: 600;
	color: #1a1a1a;
	margin-bottom: 4px;
}
.bp-claim-step p {
	font-size: 14px;
	color: #777;
	line-height: 1.6;
}
.bp-claim-accordion-item {
	border: 1px solid #e8e8e8;
	border-radius: 12px;
	margin-bottom: 10px;
	background: #fff;
	overflow: hidden;
	transition: box-shadow .2s;
}
.bp-claim-accordion-item:hover {
	box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}
.bp-claim-accordion-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 20px;
	font-size: 14.5px;
	font-weight: 600;
	color: #333;
	background: none;
	border: none;
	width: 100%;
	text-align: left;
	transition: color .2s;
}
.bp-claim-accordion-header:hover {
	color: var(--bp-orange);
}
.bp-claim-accordion-body {
	max-height: 0;
	overflow: hidden;
	transition: max-height .35s ease, padding .35s ease;
	padding: 0 20px;
}
.bp-claim-accordion-item.open .bp-claim-accordion-body {
	max-height: 300px;
	padding: 0 20px 18px;
}
.bp-claim-accordion-body p {
	font-size: 13.5px;
	color: #666;
	line-height: 1.7;
}
.bp-claim-label {
	display: block;
	font-size: 13px;
	font-weight: 500;
	color: #555;
	margin-bottom: 6px;
}
.bp-claim-login-card {
	border-color: var(--bp-orange);
	border-radius: 16px;
	padding: 28px;
}
.bp-claim-login-card > .row {
	margin: 0;
}
.bp-claim-login-card > .row > [class*='col'] {
	padding: 0;
}
.bp-claim-login-card h2 {
	font-size: 19px;
	font-weight: 600;
	margin-bottom: 6px;
}
.bp-claim-login-card input[type="email"], .bp-claim-login-card input[type="text"] {
	width: 100%;
	padding: 13px 14px;
	border: 1.5px solid #ddd;
	border-radius: 10px;
	font-size: 15px;
	transition: border-color .2s;
	outline: none;
}
.bp-claim-login-card input:focus {
	border-color: var(--bp-orange);
}
.bp-claim-btn {
	border-radius: 10px !important;
	font-size: 15px;
	margin-top: 12px;
}
.bp-claim-btn:hover {
	transform: translateY(-1px);
}
.bp-claim-hint {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin-top: 16px;
	padding: 11px;
	background: #fafafa;
	border-radius: 8px;
	font-size: 12px;
	color: #888;
	line-height: 1.5;
	border: none;
}
.bp-claim-hint > .row {
	display: contents;
}
.bp-claim-hint > .row > [class*='col'] {
	display: contents;
}
.bp-claim-contact-card {
	margin-top: 16px;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 16px;
	padding: 24px 28px;
}
.bp-claim-contact-card > .row {
	margin: 0;
}
.bp-claim-contact-card > .row > [class*='col'] {
	padding: 0;
}
.bp-claim-contact-card h3 {
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 14px;
	color: #1a1a1a;
}
.bp-claim-contact-card a {
	text-decoration: none;
	color: #555;
}
.bp-claim-contact-card a:hover {
	color: var(--bp-orange);
}
.bp-claim-contact-card .fa, .bp-claim-contact-card .fas, .bp-claim-contact-card .far, .bp-claim-contact-card .fa-solid, .bp-claim-contact-card svg {
	color: var(--bp-orange);
	vertical-align: middle;
	margin-right: 8px;
}
.bp-claim-contact-hours {
	font-size: 12px;
	color: #aaa;
	margin-top: 10px;
	padding-top: 10px;
}
.bp-ma-content {
	padding: 40px 0;
	max-width: 1100px
}

.bp-ma-section-header {
	margin-bottom: 22px;
	padding: 22px;
	border-radius: 10px
}

.bp-ma-section-sub {
	color: #666
}

.bp-ma-card-grid .row:not(.simple) {
	display: flex;
	flex-wrap: wrap
}

.bp-ma-card-grid .row:not(.simple)::before,
.bp-ma-card-grid .row:not(.simple)::after {
	display: none
}

.bp-ma-card-grid .row:not(.simple) > [class*='col'] {
	display: flex
}

.bp-ma-card {
	border-radius: 10px;
	padding: 22px;
	flex: 1;
	margin-bottom: 16px
}

.bp-ma-card h3 {
	font-size: 15px;
	margin: 0 0 6px
}

.bp-ma-card p {
	font-size: 13px;
	color: #666;
	margin: 0;
	line-height: 1.55
}

.bp-ma-icon {
	border-radius: 10px;
	font-size: 20px;
	margin-bottom: 14px
}

.bp-ma-login {
	background: fff;
	border: 1px solid  var(--bp-orange);
	border-radius: 12px;
	padding: 28px 30px;
	position: sticky;
	top: 20px
}

.bp-ma-login h2 {
	margin: 0 0 10px;
	font-size: 20px
}

.bp-ma-login-desc {
	margin: 0 0 18px;
	color: #7a5a3a;
	font-size: 14px;
	line-height: 1.55
}

.bp-ma-email-label {
	font-size: 13px;
	font-weight: 600;
	color: #5a3e1e;
	margin-bottom: 6px
}

.bp-ma-login input[type="text"] {
	padding: 13px 14px;
	border: 1px solid var(--bp-orange);
	border-radius: 6px;
	font-size: 14px;
	background: #fff;
	width: 100%;
	box-sizing: border-box
}

.bp-ma-send-btn {
	letter-spacing: .5px;
	margin-top: 10px
}

.bp-ma-login-benefits {
	margin: 18px 0 0;
	border-top: 1px solid #f0d5b0;
	padding-top: 16px
}

.bp-ma-benefit-item {
	color: #6b4a28
}

.bp-search-hero {
    padding: 40px 44px 56px;
    border-radius: 8px 8px 0 0;
    margin-bottom: 0;
    position: relative;
    overflow: hidden;
}

.bp-search-hero::before {
    content: '';
    position: absolute;
    top: -60px;
    right: -60px;
    width: 280px;
    height: 280px;
    background: rgba(255, 255, 255, 0.07);
    border-radius: 50%;
    pointer-events: none;
}

.bp-search-hero::after {
    content: '';
    position: absolute;
    bottom: -80px;
    left: -40px;
    width: 200px;
    height: 200px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 50%;
    pointer-events: none;
}

.bp-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.20);
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 100px;
    padding: 7px 18px;
    margin-bottom: 20px;
}

.bp-hero-badge-text {
    color: #ffffff;
    font-family: 'avenir', Helvetica, sans-serif;
    font-size: clamp(15px, 2.2vw, 18px) !important;
    font-weight: 600;
}

.bp-hero-title {
    font-family: 'avenirblack', Helvetica, sans-serif;
    font-size: clamp(28px, 5vw, 44px) !important;
    font-weight: 800;
    color: #ffffff;
    line-height: 1.2;
    letter-spacing: -0.5px;
    display: block;
    margin-bottom: 14px;
}

.bp-hero-subtitle {
    font-family: 'avenir', Helvetica, sans-serif;
    font-size: clamp(18px, 3vw, 26px) !important;
    color: rgba(255, 255, 255, 0.92);
    line-height: 1.5;
    display: block;
}

.bp-search-trust-bar {
    background: #ffffff;
    border: 1px solid var(--light-grey);
    border-top: 3px solid var(--bp-orange);
    border-radius: 0 0 8px 8px;
    padding: 14px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    gap: 12px 0;
    margin-bottom: 28px;
}

.bp-trust-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 10px;
}

.bp-trust-icon {
    font-size: clamp(14px, 2vw, 20px) !important;
    flex-shrink: 0;
}

.bp-trust-label {
    font-family: 'avenir', Helvetica, sans-serif;
    font-size: clamp(12px, 1.8vw, 18px) !important;
    color: var(--bp-grey);
    font-weight: 500;
    white-space: nowrap;
}

.bp-gdpr-label {
    font-weight: 700;
}


.bp-search-card {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
    padding: 28px 32px 24px;
}

.bp-search-field-group {
    display: flex;
    flex-direction: column;
    padding-right: 8px;
}

.bp-search-field-group input,
.bp-search-field-group select {
    width: 100%;
    height: 48px;
    padding: 0 16px;
    border: 1.5px solid #e0e0e0;
    border-radius: 8px;
    font-size: clamp(15px, 2vw, 16px) !important;
    color: #333333;
    background: #ffffff;
    outline: none;
    box-sizing: border-box;
}

.bp-search-field-group input:focus,
.bp-search-field-group select:focus {
    border-color: var(--bp-orange);
}

.bp-field-label {
    font-family: 'avenirblack', Helvetica, sans-serif;
    font-size: clamp(11px, 1.5vw, 13px) !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #888888;
    margin-bottom: 6px;
    display: block;
}

.bp-treatment-combo {
    width: 100%;
    height: 48px;
    padding: 0 16px;
    border: 1.5px solid #e0e0e0;
    border-radius: 8px;
    font-size: clamp(15px, 2vw, 16px) !important;
    color: #333333;
    background: #ffffff;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    box-sizing: border-box;
}

.bp-treatment-combo:focus {
    border-color: var(--bp-orange);
}

.bp-search-btn-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-right: 0;
}

.bp-search-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: var(--bp-orange);
    color: #ffffff;
    border: none;
    border-radius: 8px;
    height: 48px;
    padding: 0 20px;
        margin-top: 4px;
    font-family: 'avenirblack', Helvetica, sans-serif;
    font-size: clamp(15px, 2vw, 16px) !important;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    width: 100%;
    box-sizing: border-box;
}

.bp-search-btn:hover {
    background: #c05218;
}

.bp-popular-row {
    display: block;
    padding-top: 18px;
    margin-top: 4px;
    line-height: 2.4;
}

.bp-popular-label {
    display: inline-block;
    font-family: 'avenir', Helvetica, sans-serif;
    font-size: clamp(13px, 1.8vw, 15px) !important;
    color: #666666;
    font-weight: 600;
    margin-right: 8px;
    vertical-align: middle;
}

.bp-treatment-pill {
    display: inline-block;
    padding: 5px 13px;
    margin: 0 6px 0 0;
    border: 1.5px solid #e0e0e0;
    border-radius: 100px;
    font-family: 'avenir', Helvetica, sans-serif;
    font-size: clamp(12px, 1.5vw, 13px) !important;
    color: #444444;
    background: #ffffff;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
}

.bp-treatment-pill:hover {
    border-color: var(--bp-orange);
    color: var(--bp-orange);
}

.bp-treatment-pill--active {
    border-color: var(--bp-orange);
    color: var(--bp-orange);
    font-weight: 600;
}

@media (max-width: 900px) {
    .bp-search-hero {
        padding: 32px 28px 44px;
    }
}

@media (max-width: 768px) {
    .bp-popular-row {
        gap: 8px;
        padding-top: 14px;
    }

    .bp-popular-label {
        width: 100%;
        margin-bottom: 2px;
    }

    .bp-treatment-pill {
        padding: 5px 12px;
        font-size: 12px !important;
    }

    .bp-search-btn-container {
        justify-content: stretch;
    }
}

@media (max-width: 600px) {
    .bp-search-hero {
        padding: 28px 20px 40px;
        border-radius: 6px 6px 0 0;
    }

    .bp-search-trust-bar {
        padding: 10px 10px;
        justify-content: flex-start;
        gap: 12px 20px;
    }

    .bp-trust-item {
        padding: 2px 0;
    }

    .bp-trust-label {
        white-space: normal;
    }

    .bp-search-card {
        padding: 20px 18px 18px;
    }

    .bp-popular-row {
        gap: 7px;
    }
}
.bp-filter-sidebar {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    position: sticky;
    top: 80px;
}

.bp-filter-header {
    padding: 16px 20px;
    border-bottom: 1px solid #f0f0f0;
    min-height: 52px;
}

.bp-filter-header > .row {
    margin: 0;
    width: 100%;
}

.bp-filter-header > .row > [class*='col'] {
    display: flex;
    float: none;
    width: 100%;
    padding: 0;
    align-items: center;
}

.bp-filter-title {
    font-family: 'avenirblack', Helvetica, sans-serif;
    font-size: 15px !important;
    font-weight: 700;
    color: #333333;
}

.bp-filter-reset {
    margin-left: auto;
    font-family: 'avenir', Helvetica, sans-serif;
    font-size: 13px !important;
    color: var(--bp-orange);
    font-weight: 600;
    background: none;
    border: none;
    cursor: pointer;
    text-decoration: none;
    padding: 0;
}

.bp-filter-reset:hover {
    text-decoration: underline;
}

.bp-filter-section {
    padding: 16px 20px;
    border-bottom: 1px solid #f0f0f0;
}

.bp-filter-section:last-child {
    border-bottom: none;
}

.bp-filter-section-title {
    display: block;
    font-family: 'avenirblack', Helvetica, sans-serif;
    font-size: 11px !important;
    font-weight: 700;
    color: #888888;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    margin-bottom: 12px;
}

.bp-filter-check-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}

.bp-filter-check-row:last-child {
    margin-bottom: 0;
}

.bp-filter-checkbox {
    width: 16px;
    height: 16px;
    accent-color: var(--bp-orange);
    flex-shrink: 0;
    cursor: pointer;
}

.bp-filter-check-label {
    font-family: 'avenir', Helvetica, sans-serif;
    font-size: 14px !important;
    color: #444444;
}

.bp-radius-wrap {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.bp-radius-value {
    font-family: 'avenirblack', Helvetica, sans-serif;
    font-size: 14px !important;
    font-weight: 700;
    color: var(--bp-orange);
    text-align: right;
    display: block;
}

.bp-radius-slider {
    width: 100%;
    accent-color: var(--bp-orange);
    height: 4px;
    cursor: pointer;
}

.bp-results-area {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.bp-map-container {
    border-radius: 12px;
    overflow: hidden;
}
.bp-results-topbar {
    margin-bottom: 4px;
}

.bp-results-topbar > .row {
    margin: 0;
}

.bp-results-topbar > .row > [class*='col'] {
    display: flex;
    float: none;
    width: 100%;
    padding: 0;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.bp-results-count {
    display: flex;
    align-items: baseline;
    gap: 5px;
}

.bp-results-count-number {
    font-family: 'avenirblack', Helvetica, sans-serif;
    font-size: clamp(14px, 2vw, 16px) !important;
    font-weight: 800;
    color: #333333;
}

.bp-results-count-label {
    font-family: 'avenir', Helvetica, sans-serif;
    font-size: clamp(14px, 2vw, 16px) !important;
    color: #777777;
}

.bp-sort-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
}

.bp-sort-label {
    font-family: 'avenir', Helvetica, sans-serif;
    font-size: 13px !important;
    color: #888888;
    white-space: nowrap;
}

.bp-sort-select {
    padding: 8px 12px;
    border: 1.5px solid #e0e0e0;
    border-radius: 8px;
    font-size: 14px !important;
    color: #333333;
    background: #ffffff;
    outline: none;
    cursor: pointer;
    font-family: 'avenir', Helvetica, sans-serif;
}

.bp-sort-select:focus {
    border-color: var(--bp-orange);
}

.bp-doctor-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.bp-doc-card {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    padding: 20px;
    border: 2px solid transparent;
    transition: box-shadow 0.2s, transform 0.15s, border-color 0.2s;
    cursor: pointer;
    border-color: #FCE7C5;
    margin-bottom: 5px;
}

.bp-doc-card:hover {
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.13);
    transform: translateY(-2px);
    border-color: #f5a623;
}

.bp-doc-card--featured {
    border-color: var(--bp-orange);
}

.bp-doc-card > .row {
    margin-left: 0;
    margin-right: 0;
}

.bp-doc-card > .row > [class*='col'] {
    display: flex;
    float: none;
    width: 100%;
    padding: 0;
    gap: 18px;
    align-items: flex-start;
}

.bp-doc-avatar {
    flex: 0 0 72px;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--bp-orange), #f5a623);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.bp-doc-avatar img {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center top;
    display: block;
    flex-shrink: 0;
}
.bp-doc-avatar > .row {
    margin: 0;
    height: 100%;
}

.bp-doc-avatar > .row > [class*='col'] {
    display: flex;
    float: none;
    width: 100%;
    height: 100%;
    padding: 0;
    align-items: center;
    justify-content: center;
}

.bp-doc-initials {
    font-family: 'avenirblack', Helvetica, sans-serif;
    font-size: 22px !important;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: 1px;
}

.bp-doc-info {
    flex: 1;
    min-width: 0;
}

.bp-doc-info > .row {
    margin: 0;
}

.bp-doc-info > .row > [class*='col'] {
    display: flex;
    flex-direction: column;
    float: none;
    width: 100%;
    padding: 0;
    gap: 6px;
}

.bp-doc-name-row {
    display: block;
    margin-bottom: 0;
}

.bp-doc-name-row > .row {
    margin: 0;
}

.bp-doc-name-row > .row > [class*='col'] {
    display: flex;
    float: none;
    width: 100%;
    padding: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 6px;
}

.bp-doc-name-row .button-icon-label {
    display: inline-flex;
    align-items: center;
    line-height: 1;
}

.bp-doc-name {
    font-family: 'avenirblack', Helvetica, sans-serif;
    font-size: clamp(15px, 2.2vw, 17px) !important;
    font-weight: 700;
    color: #222222;
}

.bp-verified-icon {
    color: #2e7d32;
    font-size: 13px !important;
}

.bp-verified-badge {
    background: #e8f5e9;
    color: #2e7d32;
    font-family: 'avenir', Helvetica, sans-serif;
    font-size: 11px !important;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 100px;
}

.bp-featured-icon {
    color: var(--bp-orange);
    font-size: 12px !important;
}

.bp-featured-badge {
    background: #fff5ed;
    color: var(--bp-orange);
    font-family: 'avenir', Helvetica, sans-serif;
    font-size: 11px !important;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 100px;
}

.bp-doc-specialty {
    font-family: 'avenir', Helvetica, sans-serif;
    font-size: clamp(12px, 1.8vw, 13px) !important;
    color: #777777;
    display: block;
}

.bp-doc-rating {
    margin-bottom: 0;
}

.bp-doc-rating > .row {
    margin: 0;
}

.bp-doc-rating > .row > [class*='col'] {
    display: flex;
    float: none;
    width: 100%;
    padding: 0;
    align-items: center;
    gap: 4px;
}

.bp-rating-star {
    color: #f5a623;
    font-size: 13px !important;
}

.bp-rating-score {
    font-family: 'avenirblack', Helvetica, sans-serif;
    font-size: 14px !important;
    font-weight: 700;
    color: #333333;
}

.bp-rating-count {
    font-family: 'avenir', Helvetica, sans-serif;
    font-size: 12px !important;
    color: #aaaaaa;
}

.bp-doc-tags > .row {
    margin: 0;
}

.bp-doc-tags > .row > [class*='col'] {
    display: flex;
    float: none;
    width: 100%;
    padding: 0;
    flex-wrap: wrap;
    gap: 5px;
}

.bp-doc-tag {
    display: inline-block;
    font-family: 'avenir', Helvetica, sans-serif;
    font-size: 12px !important;
    background: #f5f5f5;
    color: #666666;
    padding: 3px 9px;
    border-radius: 100px;
    white-space: nowrap;
}

.bp-doc-tag--lang {
    background: #fff5ed;
    color: var(--bp-orange);
}

.bp-doc-actions {
    flex: 0 0 152px;
    width: 152px;
}

.bp-doc-actions > .row {
    margin: 0;
}

.bp-doc-actions > .row > [class*='col'] {
    display: flex;
    flex-direction: column;
    float: none;
    width: 100%;
    padding: 0;
    gap: 7px;
    align-items: stretch;
}

.bp-doc-distance {
    font-family: 'avenir', Helvetica, sans-serif;
    font-size: 12px !important;
    color: #aaaaaa;
    text-align: right;
}

.bp-btn-appointment {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bp-orange);
    color: #ffffff;
    border: none;
    border-radius: 8px;
    padding: 10px 14px;
    font-family: 'avenirblack', Helvetica, sans-serif;
    font-size: 13px !important;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    transition: background 0.2s;
}

.bp-btn-appointment:hover {
    background: #c05218;
}

.bp-doc-secondary > .row {
    margin: 0;
}

.bp-doc-secondary > .row > [class*='col'] {
    display: flex;
    float: none;
    width: 100%;
    padding: 0;
    gap: 6px;
}

.bp-btn-profile {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    background: #ffffff;
    color: #555555;
    border: 1.5px solid #e0e0e0;
    border-radius: 8px;
    padding: 8px 10px;
    font-family: 'avenir', Helvetica, sans-serif;
    font-size: 13px !important;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    transition: border-color 0.2s, color 0.2s;
    white-space: nowrap;
}

.bp-btn-profile:hover {
    border-color: #999999;
    color: #333333;
}

.bp-btn-save {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: 1.5px solid #e0e0e0;
    border-radius: 8px;
    cursor: pointer;
    font-size: 16px !important;
    color: #bbbbbb;
    flex-shrink: 0;
    text-decoration: none;
    transition: border-color 0.2s, color 0.2s, background 0.2s;
}

.bp-btn-save:hover,
.bp-btn-save--saved {
    border-color: var(--bp-orange);
    color: var(--bp-orange);
    background: #fff5ed;
}

.bp-results-footer {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 24px;
    padding: 14px 18px;
    background: #f9f9f9;
    border: 1px solid #e8e8e8;
    border-left: 3px solid var(--bp-orange);
    border-radius: 8px;
}

.bp-footer-icon {
    color: var(--bp-orange);
    font-size: 15px !important;
    flex-shrink: 0;
    margin-top: 2px;
}

.bp-footer-label {
    font-family: 'avenirblack', Helvetica, sans-serif;
    font-size: 13px !important;
    font-weight: 700;
    color: #555555;
    white-space: nowrap;
}

.bp-footer-text {
    font-family: 'avenir', Helvetica, sans-serif;
    font-size: 13px !important;
    color: #777777;
    line-height: 1.5;
}

@media (max-width: 900px) {
    .bp-doc-card > .row > [class*='col'] {
        flex-wrap: wrap;
    }

    .bp-doc-avatar {
        flex: 0 0 60px;
        width: 60px;
        height: 60px;
    }

    .bp-doc-actions {
        flex: 0 0 100%;
        width: 100%;
    }

    .bp-doc-actions > .row > [class*='col'] {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }

    .bp-btn-appointment {
        flex: 1;
    }

    .bp-doc-distance {
        width: 100%;
        text-align: left;
    }
}

@media (max-width: 600px) {
    .bp-filter-sidebar {
        position: static;
    }

    .bp-doc-card {
        padding: 16px;
    }

    .bp-doc-card > .row > [class*='col'] {
        gap: 12px;
    }

    .bp-doc-avatar {
        flex: 0 0 52px;
        width: 52px;
        height: 52px;
    }

    .bp-doc-initials {
        font-size: 16px !important;
    }

    .bp-results-topbar > .row > [class*='col'] {
        flex-direction: column;
        align-items: flex-start;
    }

    .bp-sort-row {
        margin-left: 0;
        width: 100%;
    }
}

.bp-doctor-hero,
.bp-sidebar,
.bp-section,
.bp-book-card,
.bp-info-card,
.bp-map-card,
.bp-assoc-card,
.bp-tab-bar,
.bp-quick-chips {
	--bp-orange: #E8711A;
	--bp-orange-light: #F5A623;
	--bp-orange-dark: #C45A0E;
	--bp-orange-bg: #FFF5ED;
	--bp-green: #2E7D32;
	--bp-green-bg: #E8F5E9;
	--bp-gray-100: #F8F9FA;
	--bp-gray-200: #E9ECEF;
	--bp-gray-400: #ADB5BD;
	--bp-gray-500: #8A9199;
	--bp-gray-600: #6C757D;
	--bp-gray-700: #495057;
	--bp-gray-800: #343A40;
	--bp-white: #FFFFFF;
	--bp-radius: 14px;
	--bp-radius-sm: 8px;
	--bp-shadow-sm: 0 2px 8px rgba(0, 0, 0, .07);
	--bp-shadow-md: 0 4px 20px rgba(0, 0, 0, .11)
}

.bp-hero-stats > .row,
.bp-hero-stat > .row,
.bp-hero-stat-divider > .row,
.bp-quick-chips > .row,
.bp-tab-bar > .row,
.bp-gallery-grid > .row,
.bp-team-grid > .row,
.bp-certified-badge > .row,
.bp-hero-left > .row,
.bp-hero-photo-wrap > .row,
.bp-hero-photo > .row,
.bp-hero-avail-badge > .row,
.bp-book-meta > .row,
.bp-book-meta-row > .row,
.bp-info-row > .row,
.bp-assoc-badge > .row,
.bp-assoc-logo > .row,
.bp-assoc-info > .row,
.bp-rating-overview > .row,
.bp-rating-summary > .row,
.bp-rating-bars > .row,
.bp-rating-bar-row > .row,
.bp-bar-track > .row,
.bp-review-header > .row,
.bp-reviewer > .row,
.bp-reviewer-avatar > .row,
.bp-review-stars > .row,
.bp-review-verified > .row,
.bp-service-row > .row,
.bp-service-name > .row,
.bp-service-price > .row,
.bp-service-comment > .row,
.bp-service-category > .row,
.bp-map-placeholder > .row,
.bp-map-addr > .row {
	display: contents
}

.bp-hero-stats > .row > [class*='col'],
.bp-hero-stat > .row > [class*='col'],
.bp-hero-stat-divider > .row > [class*='col'],
.bp-quick-chips > .row > [class*='col'],
.bp-tab-bar > .row > [class*='col'],
.bp-gallery-grid > .row > [class*='col'],
.bp-team-grid > .row > [class*='col'],
.bp-certified-badge > .row > [class*='col'],
.bp-hero-left > .row > [class*='col'],
.bp-hero-photo-wrap > .row > [class*='col'],
.bp-hero-photo > .row > [class*='col'],
.bp-hero-avail-badge > .row > [class*='col'],
.bp-book-meta > .row > [class*='col'],
.bp-book-meta-row > .row > [class*='col'],
.bp-info-row > .row > [class*='col'],
.bp-assoc-badge > .row > [class*='col'],
.bp-assoc-logo > .row > [class*='col'],
.bp-assoc-info > .row > [class*='col'],
.bp-rating-overview > .row > [class*='col'],
.bp-rating-summary > .row > [class*='col'],
.bp-rating-bars > .row > [class*='col'],
.bp-rating-bar-row > .row > [class*='col'],
.bp-bar-track > .row > [class*='col'],
.bp-review-header > .row > [class*='col'],
.bp-reviewer > .row > [class*='col'],
.bp-reviewer-avatar > .row > [class*='col'],
.bp-review-stars > .row > [class*='col'],
.bp-review-verified > .row > [class*='col'],
.bp-service-row > .row > [class*='col'],
.bp-service-name > .row > [class*='col'],
.bp-service-price > .row > [class*='col'],
.bp-service-comment > .row > [class*='col'],
.bp-service-category > .row > [class*='col'],
.bp-map-placeholder > .row > [class*='col'],
.bp-map-addr > .row > [class*='col'] {
	display: contents
}

.bp-doctor-hero {
	background: linear-gradient(135deg, #1a1a2e 0%, #2d2d44 100%);
	padding: 40px 44px 32px;
	position: relative;
	overflow: hidden;
	border-radius: 8px 8px 0 0;
	margin-bottom: 0
}

.bp-doctor-hero::before {
	content: "";
	position: absolute;
	top: -80px;
	right: -80px;
	width: 400px;
	height: 400px;
	background: rgba(232, 113, 26, .12);
	border-radius: 50%;
	pointer-events: none
}

.bp-hero-left {
	padding-bottom: 32px
}

.bp-certified-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: var(--bp-green-bg);
	color: var(--bp-green);
	font-size: 12px;
	font-weight: 700;
	padding: 5px 12px;
	border-radius: 100px;
	margin-bottom: 16px
}

.bp-certified-text {
	color: var(--bp-green)
}

.bp-doctor-name {
	font-size: clamp(28px, 4vw, 42px);
	font-weight: 800;
	color: #fff;
	letter-spacing: -1px;
	margin-bottom: 8px
}

.bp-doctor-title {
	font-size: 16px;
	color: rgba(255, 255, 255, .70);
	margin-bottom: 20px
}

.bp-hero-stats {
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
	align-items: center
}

.bp-hero-stat {
	display: flex;
	flex-direction: column
}

.bp-stat-value {
	font-size: 22px;
	font-weight: 800;
	color: #fff;
	line-height: 1.1
}

.bp-hero-stat span,
.bp-hero-stat div {
	font-size: 12px;
	color: rgba(255, 255, 255, .55)
}

.bp-hero-stat-divider {
	width: 1px;
	height: 36px;
	background: rgba(255, 255, 255, .15);
	flex-shrink: 0
}

.bp-hero-photo-wrap {
	position: relative;
	width: 160px;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-bottom: 32px
}

.bp-hero-photo {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	background: linear-gradient(160deg, #E8711A, #F5A623);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 56px;
	color: rgba(255, 255, 255, .90);
	overflow: hidden;
	border: 4px solid rgba(255, 255, 255, .25);
	box-shadow: 0 4px 20px rgba(0, 0, 0, .2)
}

.bp-hero-photo img {
	width: 140px;
	height: 140px;
	object-fit: cover;
	object-position: center top;
	border-radius: 50%
}

.bp-hero-avail-badge {
	margin-top: 12px;
	background: #fff;
	border-radius: 100px;
	padding: 6px 16px;
	font-size: 12px;
	font-weight: 700;
	color: var(--bp-green);
	white-space: nowrap;
	box-shadow: var(--bp-shadow-md);
	display: flex;
	align-items: center;
	gap: 6px
}

.bp-quick-chips {
	background: #ffffff;
	border: 1px solid var(--bp-gray-200);
	border-top: 3px solid var(--bp-orange);
	border-radius: 0 0 8px 8px;
	padding: 14px 20px;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin: 0 0 24px 0
}

.bp-chip {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 9px 16px;
	background: var(--bp-gray-100);
	border-radius: 100px;
	font-size: 13px;
	color: var(--bp-gray-700);
	font-weight: 500
}

.bp-chip-highlight {
	background: var(--bp-orange-bg);
	color: var(--bp-orange)
}

.bp-tab-bar {
	background: #fff;
	border-bottom: 2px solid #E9ECEF;
	position: sticky;
	top: 64px;
	z-index: 150;
	display: flex;
	gap: 0;
	margin-bottom: 24px
}

.bp-tab-btn {
	padding: 16px 24px;
	font-size: 14px;
	font-weight: 600;
	color: var(--bp-gray-600);
	cursor: pointer;
	border: none;
	background: none;
	border-bottom: 3px solid transparent;
	margin-bottom: -2px;
	transition: color .2s, border-color .2s;
	white-space: nowrap
}

.bp-tab-btn:hover {
	color: var(--bp-orange)
}

.bp-tab-btn.active {
	color: var(--bp-orange);
	border-bottom-color: var(--bp-orange)
}

.bp-section {
	background: var(--bp-white);
	border-radius: var(--bp-radius);
	box-shadow: var(--bp-shadow-sm);
	padding: 28px;
	margin-bottom: 20px
}

.bp-section-title {
	font-size: 18px;
	font-weight: 800;
	margin-bottom: 18px;
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--bp-gray-800)
}

.bp-about-quote-wrap {
	border-left: 4px solid var(--bp-orange);
	padding-left: 16px;
	margin-bottom: 14px
}

.bp-about-quote {
	font-size: 17px;
	font-weight: 700;
	line-height: 1.5;
	color: var(--bp-gray-800)
}

.bp-about-text {
	font-size: 14px;
	color: var(--bp-gray-600);
	line-height: 1.8
}

.bp-about-para {
	margin-bottom: 14px
}

.bp-team-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	margin-top: 16px
}

.bp-team-card {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 16px;
	background: var(--bp-gray-100);
	border-radius: 10px
}

.bp-team-avatar {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: linear-gradient(135deg, #E8711A, #F5A623);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	flex-shrink: 0;
	color: #fff
}

.bp-team-name {
	font-weight: 700;
	font-size: 14px;
	color: var(--bp-gray-800)
}

.bp-team-specialty {
	font-size: 12px;
	color: var(--bp-gray-500)
}

.bp-team-cert {
	font-size: 11px;
	font-weight: 600;
	color: var(--bp-green);
	margin-top: 3px
}

.bp-service-category {
	margin-bottom: 24px
}

.bp-service-cat-label {
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .8px;
	color: var(--bp-gray-400);
	margin-bottom: 10px;
	padding-bottom: 8px;
	border-bottom: 1px solid var(--bp-gray-200)
}

.bp-service-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 11px 14px;
	border-radius: var(--bp-radius-sm);
	font-size: 14px;
	transition: background .15s;
	cursor: pointer
}

.bp-service-row:hover {
	background: var(--bp-orange-bg)
}

.bp-service-name {
	flex: 1;
	text-align: left;
	color: var(--bp-gray-700);
	font-weight: 500
}

.bp-service-price {
	font-weight: 800;
	color: var(--bp-orange);
	white-space: nowrap;
	margin-left: 16px;
	text-align: right
}

.bp-service-comment {
	font-size: 12px;
	color: var(--bp-gray-500);
	padding: 2px 14px 8px;
	line-height: 1.5;
	font-style: italic;
	text-align: left
}

.bp-price-on-request {
	color: var(--bp-gray-400);
	font-weight: 500;
	font-size: 13px
}

.bp-price-note {
	font-size: 12px;
	color: var(--bp-gray-400);
	margin-top: 16px;
	font-style: italic
}

.bp-rating-overview {
	display: flex;
	gap: 32px;
	align-items: center;
	margin-bottom: 24px;
	padding-bottom: 24px;
	border-bottom: 1px solid var(--bp-gray-200)
}

.bp-rating-summary {
	text-align: center;
	flex-shrink: 0
}

.bp-rating-num {
	font-size: 56px;
	font-weight: 900;
	color: var(--bp-orange);
	line-height: 1
}

.bp-rating-bars {
	flex: 1
}

.bp-rating-bar-row {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 7px;
	font-size: 13px;
	color: var(--bp-gray-600)
}

.bp-bar-label {
	width: 30px;
	text-align: right;
	font-weight: 600
}

.bp-bar-track {
	flex: 1;
	height: 8px;
	background: var(--bp-gray-200);
	border-radius: 100px;
	overflow: hidden
}

.bp-bar-fill {
	height: 100%;
	background: #F5A623;
	border-radius: 100px
}

.bp-bar-fill.width-0 { width: 0% }
.bp-bar-fill.width-2 { width: 2% }
.bp-bar-fill.width-5 { width: 5% }
.bp-bar-fill.width-10 { width: 10% }
.bp-bar-fill.width-12 { width: 12% }
.bp-bar-fill.width-20 { width: 20% }
.bp-bar-fill.width-25 { width: 25% }
.bp-bar-fill.width-30 { width: 30% }
.bp-bar-fill.width-40 { width: 40% }
.bp-bar-fill.width-50 { width: 50% }
.bp-bar-fill.width-60 { width: 60% }
.bp-bar-fill.width-70 { width: 70% }
.bp-bar-fill.width-75 { width: 75% }
.bp-bar-fill.width-80 { width: 80% }
.bp-bar-fill.width-82 { width: 82% }
.bp-bar-fill.width-90 { width: 90% }
.bp-bar-fill.width-95 { width: 95% }
.bp-bar-fill.width-100 { width: 100% }

.bp-bar-count {
	width: 24px;
	font-size: 12px;
	color: var(--bp-gray-400)
}

.bp-review-card {
	padding: 18px 0;
	border-bottom: 1px solid var(--bp-gray-200)
}

.bp-review-card:last-child {
	border-bottom: none
}

.bp-review-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 8px
}

.bp-reviewer {
	display: flex;
	align-items: center;
	gap: 10px
}

.bp-reviewer-avatar {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--bp-orange), var(--bp-orange-light));
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	font-weight: 800;
	color: #fff;
	flex-shrink: 0
}

.bp-avatar-initials {
	font-size: 14px;
	font-weight: 800;
	color: #fff;
	text-transform: uppercase
}

.bp-reviewer-name {
	font-size: 14px;
	font-weight: 700;
	color: var(--bp-gray-800)
}

.bp-reviewer-meta {
	font-size: 12px;
	color: var(--bp-gray-400)
}

.bp-review-stars {
	color: #F5A623;
	font-size: 14px
}

.bp-review-text {
	font-size: 14px;
	color: var(--bp-gray-600);
	line-height: 1.7
}

.bp-review-verified {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	background: var(--bp-green-bg);
	color: var(--bp-green);
	font-size: 11px;
	font-weight: 700;
	padding: 3px 9px;
	border-radius: 100px;
	margin-top: 8px
}

.bp-show-all-reviews {
	margin-top: 20px;
	padding: 10px 28px
}

.bp-gallery-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px
}

.bp-gallery-item {
	border-radius: 10px;
	overflow: hidden;
	aspect-ratio: 4/3;
	background: linear-gradient(135deg, #e0d8ce, #f0ebe3);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: transform .2s;
	position: relative;
	font-size: 32px
}

.bp-gallery-item:hover {
	transform: scale(1.03)
}

.bp-gallery-item img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.bp-gallery-featured {
	grid-column: span 2;
	aspect-ratio: 16/9;
	font-size: 48px
}

.bp-gallery-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, .35);
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	padding: 8px 12px;
	text-align: center;
	opacity: 0;
	transition: opacity .2s
}

.bp-gallery-item:hover .bp-gallery-caption {
	opacity: 1
}

.bp-sidebar {
	display: flex;
	flex-direction: column;
	gap: 18px;
	position: sticky;
	top: 120px
}

.bp-book-card {
	background: var(--bp-white);
	border-radius: var(--bp-radius);
	box-shadow: var(--bp-shadow-md);
	padding: 24px;
	border-top: 4px solid var(--bp-orange)
}

.bp-book-card-title {
	font-size: 15px;
	font-weight: 800;
	margin-bottom: 4px;
	color: var(--bp-gray-800)
}

.bp-book-card-sub {
	font-size: 13px;
	color: var(--bp-gray-500);
	margin-bottom: 18px
}

.bp-btn-book-main {
	width: 100%;
	padding: 14px;
	background: var(--bp-orange);
	color: #fff;
	border: none;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 800;
	cursor: pointer;
	transition: background .2s;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px
}

.bp-btn-book-main:hover {
	background: var(--bp-orange-dark)
}

.bp-btn-contact {
	width: 100%;
	padding: 12px;
	background: var(--bp-white);
	color: var(--bp-orange);
	border: 2px solid var(--bp-orange);
	border-radius: 10px;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
	transition: background .2s;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px
}

.bp-btn-contact:hover {
	background: var(--bp-orange-bg)
}

.bp-book-meta {
	margin-top: 14px;
	display: flex;
	flex-direction: column;
	gap: 8px
}

.bp-book-meta-row {
	display: flex;
	align-items: center;
	gap: 9px;
	font-size: 13px;
	color: var(--bp-gray-600)
}

.bp-info-card {
	background: var(--bp-white);
	border-radius: var(--bp-radius);
	box-shadow: var(--bp-shadow-sm);
	padding: 20px
}

.bp-info-card-title {
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .6px;
	color: var(--bp-gray-400);
	margin-bottom: 14px
}

.bp-info-row {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 13px;
	color: var(--bp-gray-600);
	margin-bottom: 12px;
	line-height: 1.5
}

.bp-info-row a {
	color: var(--bp-orange);
	text-decoration: none
}

.bp-info-row a:hover {
	text-decoration: underline
}

.bp-map-card {
	background: var(--bp-white);
	border-radius: var(--bp-radius);
	box-shadow: var(--bp-shadow-sm);
	overflow: hidden
}

.bp-map-placeholder {
	height: 140px;
	background: linear-gradient(135deg, #e8f0e8, #d4e8d4);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	color: var(--bp-gray-500);
	font-size: 13px;
	cursor: pointer
}

.bp-map-addr {
	padding: 14px 16px;
	font-size: 13px;
	color: var(--bp-gray-600)
}

.bp-map-addr a {
	color: var(--bp-orange);
	font-size: 12px;
	font-weight: 600;
	text-decoration: none
}

.bp-assoc-card {
	background: var(--bp-white);
	border-radius: var(--bp-radius);
	box-shadow: var(--bp-shadow-sm);
	padding: 20px
}

.bp-assoc-title {
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .6px;
	color: var(--bp-gray-400);
	margin-bottom: 14px
}

.bp-assoc-badge {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
	background: var(--bp-gray-100);
	border-radius: var(--bp-radius-sm);
	margin-bottom: 8px
}

.bp-assoc-badge:last-child {
	margin-bottom: 0
}

.bp-assoc-logo {
	width: 44px;
	height: 44px;
	background: var(--bp-white);
	border-radius: var(--bp-radius-sm);
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--bp-gray-200);
	flex-shrink: 0;
	overflow: hidden
}

.bp-assoc-logo img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain
}

.bp-assoc-logo-text {
	font-size: 9px;
	font-weight: 800;
	color: var(--bp-gray-600);
	text-align: center;
	line-height: 1.2
}

.bp-assoc-name {
	display: block;
	font-size: 13px;
	font-weight: 700;
	color: var(--bp-gray-800)
}

.bp-assoc-full-name {
	font-size: 12px;
	color: var(--bp-gray-500);
	line-height: 1.4
}

@media(max-width:900px) {
	.bp-sidebar {
		position: static
	}

	.bp-hero-photo-wrap {
		width: 100px;
		margin: 0 auto 16px
	}

	.bp-hero-photo {
		width: 100px;
		height: 100px
	}

	.bp-hero-photo img {
		width: 100px;
		height: 100px
	}

	.bp-doctor-hero {
		padding: 24px 16px 0
	}

	.bp-team-grid {
		grid-template-columns: 1fr
	}

	.bp-gallery-grid {
		grid-template-columns: repeat(2, 1fr)
	}

	.bp-gallery-featured {
		grid-column: span 2
	}

	.bp-rating-overview {
		flex-direction: column;
		align-items: flex-start;
		gap: 16px
	}
}

@media(max-width:600px) {
	.bp-hero-stats {
		gap: 12px
	}

	.bp-stat-value {
		font-size: 18px
	}

	.bp-gallery-grid {
		grid-template-columns: 1fr
	}

	.bp-gallery-featured {
		grid-column: span 1
	}

	.bp-quick-chips {
		gap: 6px;
		padding: 10px 16px
	}

	.bp-chip {
		font-size: 12px;
		padding: 7px 12px
	}

	.bp-doctor-hero {
		border-radius: 6px 6px 0 0
	}
}

.bp-topfooter {
	padding: 36px 0;
	margin-left: -15px;
	margin-right: -15px;
	border-top: 1px solid rgba(236,126,51,0.18)
}
.bp-topfooter__inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 32px
}
.bp-headline-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 22px;
	gap: 28px;
	flex-wrap: wrap
}
.bp-headline {
	font-size: 19px;
	font-weight: 700;
	color: #1a1a2e;
	letter-spacing: -0.3px;
	line-height: 1.3;
	max-width: 620px
}
.bp-headline .accent {
	color: var(--bp-orange);
	font-weight: 700
}
.bp-trust-cluster {
	display: inline-flex;
	align-items: center;
	gap: 18px;
	padding: 10px 16px 10px 18px;
	background: #fff;
	border: 1px solid rgba(236,126,51,0.18);
	border-radius: 14px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.02)
}
.bp-reviews-inline {
	display: inline-flex;
	flex-direction: column;
	gap: 3px;
	line-height: 1.1
}
.bp-reviews-top {
	display: inline-flex;
	align-items: center;
	gap: 8px
}
.bp-reviews-count {
	font-size: 18px;
	font-weight: 800;
	color: #1a1a2e;
	letter-spacing: -0.3px
}
.bp-reviews-stars {
	display: inline-flex;
	gap: 1px;
	color: #f5a623
}
.bp-reviews-label {
	font-size: 11px;
	color: #5a5a6a;
	font-weight: 500
}
.bp-trust-sep {
	width: 1px;
	height: 36px;
	background: rgba(236,126,51,0.18);
	flex-shrink: 0
}
.bp-trust-testsieger {
	display: inline-block;
	line-height: 0;
	transition: transform 0.2s ease
}
.bp-trust-testsieger:hover {
	transform: scale(1.05)
}
.bp-trust-testsieger img {
	height: 56px;
	width: auto
}
.bp-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr auto;
	gap: 12px;
	align-items: stretch
}
.bp-tile {
	background: #fff;
	border: 1px solid rgba(236,126,51,0.18);
	border-radius: 12px;
	padding: 16px 18px;
	display: flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
	color: #1a1a2e;
	transition: all 0.2s ease
}
.bp-tile--link {
	position: relative;
	cursor: pointer
}
.bp-tile--link:hover {
	border-color: var(--bp-orange);
	box-shadow: 0 6px 18px rgba(236,126,51,0.12);
	transform: translateY(-2px)
}
.bp-tile--link a.bp-tile-value {
	position: static;
	color: #666;
	text-decoration: none
}
.bp-tile--link a.bp-tile-value:hover {
	color: #666
}
.bp-tile--link a.bp-tile-value::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	border-radius: 12px
}
.bp-tile-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: var(--bp-light-orange);
	color: var(--bp-orange);
	flex-shrink: 0
}
.bp-tile-label {
	display: block;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	color: #5a5a6a;
	line-height: 1;
	margin-bottom: 4px
}
.bp-tile-value {
	display: block;
	font-size: 13px;
	font-weight: 600;
	color: #666;
	line-height: 1.2
}
.bp-tile-value a {
	color: #666;
	text-decoration: none
}
.bp-tile-value a:hover {
	color: var(--bp-orange)
}
.bp-tile--social {
	padding: 12px 14px;
	gap: 6px;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center
}
.bp-tile-social-row {
	display: flex;
	gap: 6px
}
.bp-tile-social-row a {
	display: inline-flex;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--bp-light-orange);
	color: var(--bp-orange);
	align-items: center;
	justify-content: center;
	text-decoration: none;
	transition: all 0.2s
}
.bp-tile-social-row a:hover {
	background: var(--bp-orange);
	color: #fff
}
@media (max-width: 960px) {
	.bp-grid {
		grid-template-columns: 1fr 1fr
	}
}
@media (max-width: 600px) {
	.bp-topfooter {
		padding: 28px 0
	}
	.bp-topfooter__inner {
		padding: 0 20px
	}
	.bp-headline {
		font-size: 17px
	}
	.bp-headline-row {
		flex-direction: column;
		align-items: flex-start;
		gap: 16px
	}
	.bp-trust-cluster {
		width: 100%;
		justify-content: space-between;
		padding: 12px 16px
	}
	.bp-trust-testsieger img {
		height: 52px
	}
	.bp-grid {
		grid-template-columns: 1fr;
		gap: 10px
	}
	.bp-tile {
		padding: 14px 16px
	}
	.bp-tile--social {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		padding: 14px 16px
	}
}

.cp-banner {
    border-top: 1px solid var(--bp-very-light-orange);
    border-bottom: 1px solid var(--bp-very-light-orange);
    padding: 22px 48px;
}
.cp-banner > .row > [class*="col"] {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}
.cp-banner-icon-wrap {
    width: 52px;
    height: 52px;
    min-width: 52px;
    background: #fff;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    border: 1px solid var(--bp-very-light-orange);
    flex-shrink: 0;
}
.cp-banner-icon-wrap i {
    font-size: 20px;
    color: var(--bp-orange);
}
.cp-banner-text {
    flex: 1;
}
.cp-banner-text > .row > [class*="col"] {
    display: flex !important;
    flex-direction: column;
}
.cp-banner-line1 {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: var(--bp-orange);
    margin-bottom: 1px;
}
.cp-banner-line2 {
    font-size: 16px;
    font-weight: 600;
    color: #1A1A2E;
    margin-bottom: 2px;
}
.cp-banner-line3 {
    font-size: 13px;
    color: var(--grey);
}
.cp-banner .text-button.cp-banner-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 600;
    color: var(--bp-orange);
    text-decoration: none;
    white-space: nowrap;
    padding: 10px 22px;
    background: #fff;
    border: 2px solid var(--bp-orange);
    border-radius: 8px;
    transition: all 0.2s;
    cursor: pointer;
}
.cp-banner .text-button.cp-banner-btn:hover {
    background: var(--bp-orange);
    color: white;
}
@media (max-width: 768px) {
    .cp-banner > .row > [class*="col"] { flex-wrap: wrap; gap: 14px; }
    .cp-banner { padding: 18px 20px; }
    .cp-banner .text-button.cp-banner-btn { width: 100%; justify-content: center; }
}

.cpi-section {
    padding: 40px 48px;
}
.cpi-section-alt {
    padding: 40px 48px;
    background: var(--very-light-grey);
}
.cpi-section > .row > [class*="col"],
.cpi-section-alt > .row > [class*="col"] {
    display: flex !important;
    flex-direction: column;
    max-width: 900px;
    margin: 0 auto;
}
.cpi-label {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--bp-orange);
    margin-bottom: 4px;
}
.cpi-title {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 12px;
    color: #1A1A2E;
}
.cpi-text {
    font-size: 15px;
    color: var(--grey);
    line-height: 1.7;
}
.cpi-note {
    font-size: 13px;
    color: var(--grey);
    font-style: italic;
    padding-left: 16px;
    border-left: 3px solid var(--bp-very-light-orange);
    margin-top: 12px;
}
.cpi-key-facts {
    padding: 30px 48px;
}
.cpi-key-facts > .row > [class*="col"] {
    display: flex !important;
    flex-direction: row;
    gap: 16px;
    justify-content: center;
    max-width: 1000px;
    margin: 0 auto;
}
.cpi-fact {
    flex: 1;
    text-align: center;
    border-radius: 16px;
    padding: 24px 16px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    transition: all 0.2s;
}
.cpi-fact:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.cpi-fact > .row > [class*="col"] {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
.cpi-fact-icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.cpi-fact-icon > .row > [class*="col"] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}
.cpi-fact-icon i {
    font-size: 20px;
    color: var(--bp-orange);
}
.cpi-fact-title {
    font-size: 15px;
    font-weight: 700;
    color: #1A1A2E;
}
.cpi-fact-desc {
    font-size: 13px;
    color: var(--grey);
}
.cpi-coverage-grid {
    margin-top: 20px;
}
.cpi-coverage-grid > .row > [class*="col"] {
    display: flex !important;
    flex-direction: row;
    gap: 24px;
}
.cpi-coverage-card {
    flex: 1;
    border-radius: 16px;
    padding: 28px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    border: 1px solid var(--very-light-grey);
}
.cpi-coverage-card > .row > [class*="col"] {
    display: flex !important;
    flex-direction: column;
    gap: 8px;
}
.cpi-card-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.cpi-card-icon > .row > [class*="col"] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}
.cpi-card-icon i {
    font-size: 18px;
    color: var(--bp-orange);
}
.cpi-card-title {
    font-size: 17px;
    font-weight: 600;
    color: #1A1A2E;
}
.cpi-card-desc {
    font-size: 14px;
    color: var(--grey);
    line-height: 1.6;
}
.cpi-timeline {
    margin-top: 24px;
    position: relative;
}
.cpi-timeline > .row > [class*="col"] {
    display: flex !important;
    flex-direction: row;
    gap: 0;
    position: relative;
}
.cpi-timeline > .row > [class*="col"]::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 10%;
    right: 10%;
    height: 3px;
    background: var(--bp-very-light-orange);
    border-radius: 2px;
    z-index: 0;
}
.cpi-tl-step {
    flex: 1;
    text-align: center;
    position: relative;
    z-index: 1;
    padding-top: 48px;
}
.cpi-tl-step > .row > [class*="col"] {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}
.cpi-tl-step::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--bp-orange);
    border: 4px solid var(--bp-light-orange);
}
.cpi-tl-step-first::before {
    background: var(--mid-grey);
    border-color: var(--light-grey);
}
.cpi-tl-title {
    font-size: 15px;
    font-weight: 600;
    color: #1A1A2E;
}
.cpi-tl-desc {
    font-size: 13px;
    color: var(--grey);
    padding: 0 12px;
}
.cpi-for-whom {
    margin-top: 20px;
}
.cpi-for-whom > .row > [class*="col"] {
    display: flex !important;
    flex-direction: column;
    gap: 16px;
}
.cpi-whom-item {
    border-radius: 14px;
    padding: 24px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    border: 1px solid var(--very-light-grey);
    transition: all 0.2s;
}
.cpi-whom-item:hover {
    border-color: var(--bp-very-light-orange);
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.cpi-whom-item > .row > [class*="col"] {
    display: flex !important;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
}
.cpi-whom-icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.cpi-whom-icon > .row > [class*="col"] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}
.cpi-whom-icon i {
    font-size: 16px;
    color: var(--bp-orange);
}
.cpi-whom-text {
    flex: 1;
}
.cpi-whom-text > .row > [class*="col"] {
    display: flex !important;
    flex-direction: column;
}
.cpi-whom-title {
    font-size: 15px;
    font-weight: 600;
    color: #1A1A2E;
    margin-bottom: 4px;
}
.cpi-whom-desc {
    font-size: 14px;
    color: var(--grey);
    line-height: 1.5;
}
.cpi-transparency {
    border-radius: 20px;
    padding: 40px;
    margin-top: 24px;
}
.cpi-transparency > .row > [class*="col"] {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    gap: 32px;
}
.cpi-transp-icon {
    width: 64px;
    height: 64px;
    min-width: 64px;
    background: var(--bp-orange);
    border-radius: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 20px rgba(236,126,51,0.25);
    flex-shrink: 0;
}
.cpi-transp-icon > .row > [class*="col"] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}
.cpi-transp-icon i {
    font-size: 28px;
    color: #fff;
}
.cpi-transp-text {
    flex: 1;
}
.cpi-transp-text > .row > [class*="col"] {
    display: flex !important;
    flex-direction: column;
}
.cpi-transp-title {
    font-size: 20px;
    font-weight: 700;
    color: #1A1A2E;
    margin-bottom: 8px;
}
.cpi-transp-desc {
    font-size: 15px;
    color: var(--grey);
    line-height: 1.7;
}
.cpi-faq {
    margin-top: 20px;
}
.cpi-faq > .row > [class*="col"] {
    display: flex !important;
    flex-direction: column;
    gap: 12px;
}
.cpi-faq-item {
    border-radius: 14px;
    background: #fff;
    border: 1px solid var(--very-light-grey);
    padding: 20px 24px;
    transition: all 0.2s;
}
.cpi-faq-item:hover {
    border-color: var(--bp-very-light-orange);
}
.cpi-faq-item > .row > [class*="col"] {
    display: flex !important;
    flex-direction: column;
    gap: 8px;
}
.cpi-faq-q {
    font-size: 15px;
    font-weight: 600;
    color: #1A1A2E;
}
.cpi-faq-a {
    font-size: 14px;
    color: var(--grey);
    line-height: 1.7;
}
.cpi-cta {
    padding: 60px 48px;
    text-align: center;
    border-top: 1px solid var(--very-light-grey);
}
.cpi-cta > .row > [class*="col"] {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    max-width: 600px;
    margin: 0 auto;
}
.cpi-cta-title {
    font-size: 28px;
    font-weight: 700;
    color: #1A1A2E;
}
.cpi-cta-desc {
    font-size: 15px;
    color: var(--grey);
    line-height: 1.7;
}
@media (max-width: 768px) {
    .cpi-section, .cpi-section-alt, .cpi-key-facts, .cpi-cta { padding-left: 20px; padding-right: 20px; }
    .cpi-key-facts > .row > [class*="col"] { flex-wrap: wrap; }
    .cpi-fact { min-width: calc(50% - 12px); }
    .cpi-coverage-grid > .row > [class*="col"] { flex-direction: column; }
    .cpi-timeline > .row > [class*="col"] { flex-direction: column; gap: 16px; }
    .cpi-timeline > .row > [class*="col"]::before { display: none; }
    .cpi-tl-step { padding-top: 0; text-align: left; padding-left: 32px; }
    .cpi-tl-step::before { left: 0; top: 4px; transform: none; }
    .cpi-transparency > .row > [class*="col"] { flex-direction: column; text-align: center; }
    .cpi-transparency { padding: 28px 20px; }
}

.cpi-cta .cpi-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--bp-orange);
    color: white !important;
    font-size: 16px;
    font-weight: 600;
    padding: 16px 32px;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.2s;
    box-shadow: 0 4px 14px rgba(236,126,51,0.3);
}
.cpi-cta .cpi-cta-btn:hover {
    background: #D96A10;
    transform: translateY(-1px);
    color: white !important;
}

.cpi-section > .row > [class*="col"],
.cpi-section-alt > .row > [class*="col"],
.cpi-cta > .row > [class*="col"] {
    max-width: none;
}
.cpi-faq-item > .row > [class*="col"] {
    gap: 0;
}
.cpi-faq-q {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    user-select: none;
}
.cpi-faq-q::after {
    content: "+";
    min-width: 28px;
    height: 28px;
    background: var(--very-light-grey);
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: var(--grey);
    transition: all 0.2s;
    margin-left: 16px;
}
.cpi-faq-item.open .cpi-faq-q::after {
    content: "\2212";
    background: var(--bp-orange);
    color: white;
}
.cpi-faq-a {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}
.cpi-faq-item.open .cpi-faq-a {
    max-height: 500px;
    margin-top: 8px;
}

.hero-banner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	min-height: 520px;
	overflow: hidden;
	border-radius: 16px;
	margin: 16px 0
}
.hero-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 60px 40px 60px 60px;
	align-items: flex-start
}
.hero-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #FFF7F0;
	border: 1px solid var(--bp-very-light-orange);
	color: var(--bp-orange);
	font-size: 13px;
	font-weight: 600;
	padding: 6px 14px;
	border-radius: 20px;
	width: fit-content;
	margin-bottom: 24px
}
.hero-badge::before {
	content: '\2726';
	font-size: 11px
}
.hero-title {
	font-size: 42px;
	font-weight: 700;
	line-height: 1.1;
	color: #1A1A2E;
	margin-bottom: 4px;
	letter-spacing: -0.5px;
	display: block
}
.hero-sub {
	font-size: 42px;
	font-weight: 700;
	line-height: 1.1;
	color: var(--bp-orange);
	margin-bottom: 16px;
	letter-spacing: -0.5px;
	display: block
}
.hero-nr1 {
	font-size: 18px;
	color: #6B7280;
	font-weight: 400;
	margin-bottom: 16px;
	display: block
}
.hero-desc {
	font-size: 15px;
	color: #3D3D5C;
	max-width: 520px;
	margin-bottom: 32px;
	line-height: 1.6;
	display: block
}
.hero-actions {
	display: flex;
	gap: 16px;
	align-items: center;
	flex-wrap: wrap
}
.hero-actions .row.empty-line {
	display: none
}
.hero-actions a.rbutton,
.hero-actions .hero-btn-primary {
	width: auto !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	background: var(--bp-orange) !important;
	color: #fff !important;
	font-size: 15px;
	font-weight: 600;
	padding: 12px 28px;
	border-radius: 10px;
	border: none;
	cursor: pointer;
	text-decoration: none;
	transition: all 0.2s;
	box-shadow: 0 4px 14px rgba(236,126,51,0.3)
}
.hero-actions a.rbutton:hover,
.hero-actions .hero-btn-primary:hover {
	opacity: 0.9;
	transform: translateY(-1px);
	box-shadow: 0 6px 20px rgba(236,126,51,0.35)
}
.hero-actions .hero-btn-secondary,
.hero-actions a.text-button.hero-btn-secondary {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background: transparent !important;
	color: #3D3D5C !important;
	font-size: 14px;
	font-weight: 500;
	padding: 10px 22px;
	border-radius: 10px;
	border: 1.5px solid #D1D5DB;
	cursor: pointer;
	text-decoration: none;
	transition: all 0.2s;
	width: auto !important
}
.hero-actions .hero-btn-secondary:hover {
	border-color: var(--bp-orange);
	color: var(--bp-orange) !important
}
.hero-trust {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px
}
.hero-trust .reviews-container {
	margin-left: 0
}
.hero-trust .reviews-container .fa-star {
	color: var(--bp-orange)
}
.hero-trust .reviews-container .h5 {
	color: #1A1A2E
}
.hero-trust .reviews-container a {
	color: #1A1A2E
}
.hero-visual {
	position: relative;
	background:
		radial-gradient(circle at center, rgba(236,126,51,0.12) 0%, rgba(236,126,51,0.12) 95px, transparent 96px),
		radial-gradient(circle at center, rgba(236,126,51,0.08) 0%, rgba(236,126,51,0.08) 150px, transparent 151px),
		linear-gradient(135deg, var(--bp-very-light-orange) 0%, var(--bp-light-orange) 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden
}
.hero-visual::before {
	content: '\2713';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90px;
	height: 90px;
	background: var(--bp-orange);
	border-radius: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 10px 30px rgba(236,126,51,0.3);
	z-index: 2;
	color: #fff;
	font-size: 40px;
	font-weight: 300
}
.hero-float-card {
	position: absolute;
	background: #fff;
	border-radius: 14px;
	padding: 14px 18px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
	z-index: 3;
	animation: heroFloat 3s ease-in-out infinite
}
.float-card-1 { top: 25%; right: 15%; animation-delay: 0s }
.float-card-2 { bottom: 25%; left: 12%; animation-delay: 1.5s }
.float-card-3 { bottom: 15%; right: 20%; animation-delay: 0.8s }
.float-card-label {
	font-size: 11px;
	color: #6B7280;
	margin-bottom: 4px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	display: block
}
.float-card-value {
	font-size: 17px;
	font-weight: 700;
	color: #1A1A2E;
	display: block
}
.float-card-value.orange {
	color: var(--bp-orange)
}
@keyframes heroFloat {
	0%, 100% { transform: translateY(0) }
	50% { transform: translateY(-8px) }
}
.hero-tarif-ribbon {
	background: #1A1A2E;
	color: #fff;
	padding: 16px 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 32px;
	font-size: 13px;
	border-radius: 0;
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 16px
}
.tarif-ribbon-label {
	font-weight: 600;
	color: var(--bp-orange)
}
.tarif-ribbon-label::before {
	content: '\2726 '
}
.tarif-ribbon-item {
	color: rgba(255,255,255,0.85)
}
.tarif-ribbon-item::before {
	content: '\2713 ';
	color: var(--bp-orange);
	font-weight: 700
}
@media (max-width: 768px) {
	.hero-banner {
		grid-template-columns: 1fr;
		min-height: auto
	}
	.hero-content {
		padding: 36px 20px
	}
	.hero-title,
	.hero-sub {
		font-size: 28px
	}
	.hero-visual {
		min-height: 280px
	}
	.hero-actions {
		flex-direction: column;
		align-items: flex-start
	}
	.float-card-1 { top: 15%; right: 5% }
	.float-card-2 { left: 2% }
	.float-card-3 { right: 8% }
	.hero-tarif-ribbon {
		flex-wrap: wrap;
		gap: 12px;
		padding: 14px 16px;
		margin-left: -15px;
		margin-right: -15px
	}
}
.bh-hero-banner {
	position: relative;
	min-height: 80vh;
	overflow: hidden;
	margin: 0 -15px;
	background: var(--bp-very-light-orange);
	display: flex;
	align-items: flex-end
}
.bh-hero-banner > .row {
	width: 100%;
	margin: 0
}
.bh-hero-bg {
	position: absolute;
	inset: 0;
	z-index: 0;
	overflow: hidden
}
.bh-hero-bg > .row,
.bh-hero-bg > .row > .col {
	height: 100%;
	margin: 0;
	padding: 0
}
.bh-hero-video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 20%;
	display: block
}
.bh-hero-bg::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to right, var(--bp-very-light-orange) 0%, rgba(255,243,238,0.97) 30%, rgba(255,243,238,0.75) 50%, rgba(255,243,238,0.25) 70%, rgba(255,243,238,0) 100%);
}
.bh-hero-left {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	padding: 80px 64px 25px 60px;
	max-width: 640px
}
.bh-hero-left > *:last-child {
	margin-bottom: 0
}
.bh-hero-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #fff;
	border: 1px solid var(--bp-very-light-orange);
	padding: 8px 16px;
	border-radius: 20px;
	font-size: 13px;
	font-weight: 500;
	color: #6A4A38;
	margin-bottom: 32px;
	width: fit-content
}
.bh-hero-badge::before {
	content: "\2726";
	color: var(--bp-orange);
	font-size: 11px
}
.bh-hero-title {
	font-size: 38px;
	font-weight: 700;
	line-height: 1.15;
	color: #2A1A0E;
	margin-bottom: 4px;
	display: block
}
.bh-hero-subtitle {
	font-size: 38px;
	font-weight: 700;
	line-height: 1.15;
	color: var(--bp-orange);
	margin-bottom: 16px;
	display: block
}
.bh-hero-tagline {
	font-size: 18px;
	font-style: italic;
	color: #6A4A38;
	margin-bottom: 24px;
	display: block
}
.bh-hero-sub {
	font-size: 17px;
	color: #6A4A38;
	line-height: 1.75;
	max-width: 480px;
	margin-bottom: 40px;
	display: block
}
.bh-hero-actions {
	display: flex;
	gap: 16px;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 48px
}
.bh-hero-actions .row.empty-line {
	display: none
}
.bh-hero-actions a.rbutton,
.bh-hero-actions .bh-hero-btn-primary {
	width: auto !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	background: var(--bp-orange) !important;
	color: #fff !important;
	font-size: 15px;
	font-weight: 600;
	padding: 15px 34px;
	border-radius: 10px;
	border: none;
	cursor: pointer;
	text-decoration: none;
	transition: all 0.2s
}
.bh-hero-actions a.rbutton:hover,
.bh-hero-actions .bh-hero-btn-primary:hover {
	opacity: 0.92;
	transform: translateY(-1px)
}
.bh-hero-actions .bh-hero-btn-outline,
.bh-hero-actions a.text-button.bh-hero-btn-outline {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	background: transparent !important;
	color: var(--bp-orange) !important;
	font-size: 15px;
	font-weight: 500;
	padding: 14px 34px;
	border-radius: 10px;
	border: 1.5px solid var(--bp-orange);
	cursor: pointer;
	text-decoration: none;
	transition: all 0.2s;
	width: auto !important
}
.bh-hero-actions .bh-hero-btn-outline:hover {
	background: var(--bp-orange) !important;
	color: #fff !important
}
.bh-hero-proof {
	display: flex;
	gap: 28px;
	align-items: center;
	flex-wrap: wrap;
	padding-top: 32px;
	border-top: 1px solid var(--bp-very-light-orange)
}
.bh-hero-proof-item {
	display: flex;
	flex-direction: column;
	gap: 2px
}
.bh-hero-proof-value {
	font-size: 20px;
	font-weight: 700;
	color: var(--bp-orange);
	display: block
}
.bh-hero-proof-label {
	font-size: 12px;
	color: #9A7A68;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	display: block
}
@media (max-width: 960px) {
	.bh-hero-banner {
		align-items: flex-end
	}
	.bh-hero-bg::after {
		background: linear-gradient(to top, var(--bp-very-light-orange) 0%, rgba(255,243,238,0.97) 35%, rgba(255,243,238,0.55) 60%, rgba(255,243,238,0) 100%)
	}
	.bh-hero-left {
		padding: 60px 32px 25px;
		max-width: 100%
	}
}
@media (max-width: 768px) {
	.bh-hero-title {
		font-size: 30px
	}
	.bh-hero-subtitle {
		font-size: 30px
	}
	.bh-hero-actions {
		flex-direction: column;
		align-items: flex-start
	}
	.bh-hero-actions a.rbutton,
	.bh-hero-actions .bh-hero-btn-primary,
	.bh-hero-actions .bh-hero-btn-outline {
		width: 100% !important;
		text-align: center
	}
	.bh-hero-proof {
		gap: 16px
	}
}

.expand-reviews .section-header {
	text-align: center;
	padding: 48px 48px 32px;
}
.expand-reviews .section-header .h2 {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 6px;
}
.expand-reviews .section-header p {
	font-size: 14px;
	color: var(--color-secondary-400);
}

.expand-wrap { padding: 0 48px 48px; }
.expand-grid {
	max-width: 1100px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.expand-card {
	background: #fff;
	border-radius: 14px;
	padding: 24px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.08);
	cursor: pointer;
	transition: all 0.3s;
	border: 1.5px solid rgba(0,0,0,0.06);
}
.expand-card:hover {
	border-color: var(--color-primary-200);
	box-shadow: 0 6px 20px rgba(0,0,0,0.12);
	transform: translateY(-2px);
}

.expand-card .card-stars { color: var(--color-primary-500); font-size: 13px; margin-bottom: 10px; }

.expand-card .card-text {
	font-size: 14px;
	color: var(--color-secondary-400);
	line-height: 1.7;
	max-height: 72px;
	overflow: hidden;
	transition: max-height 0.4s ease;
	position: relative;
}
.expand-card .card-text::after {
	content: '';
	position: absolute;
	bottom: 0; left: 0; right: 0;
	height: 32px;
	background: linear-gradient(transparent, #fff);
	transition: opacity 0.3s;
}
.expand-card.open .card-text { max-height: 500px; }
.expand-card.open .card-text::after { opacity: 0; }

.expand-card .card-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px solid var(--color-secondary-100);
}
.expand-card .card-author { font-size: 13px; font-weight: 600; }
.expand-card .card-toggle { font-size: 12px; font-weight: 600; color: var(--color-primary-500); }
.expand-card .card-toggle-less { display: none; }
.expand-card.open .card-toggle-more { display: none; }
.expand-card.open .card-toggle-less { display: inline; }

@media (max-width: 768px) {
	.expand-grid { grid-template-columns: 1fr; }
	.expand-reviews .section-header { padding: 36px 24px 24px; }
	.expand-wrap { padding: 0 24px 36px; }
}

.bp-tx-g > .row > [class*='col'] > .row, .bp-tx-g > .row > [class*='col'] > .row > [class*='col'] { display: contents }
.bp-tx-g > .row > [class*='col'] > .row::before, .bp-tx-g > .row > [class*='col'] > .row::after { display: none }
.bp-tx-hero { background: var(--bp-light-orange); padding: 48px 15px 56px; margin: 0 -15px }
.bp-tx-hero-grid > .row > [class*='col'] { display: grid; grid-template-columns: 1.3fr 1fr; gap: 48px; align-items: center }
.bp-tx-kicker { display: inline-block; background: #fff; color: var(--bp-orange); font-size: 12px; letter-spacing: 1px; font-weight: 700; padding: 6px 12px; border-radius: 999px; text-transform: uppercase; margin-bottom: 16px; border: 1px solid #e6e6e6 }
.bp-tx-h1 { font-size: 32px; font-weight: 700; color: #1c1c1c; line-height: 1.25; letter-spacing: -0.5px; display: block; margin-bottom: 8px }
.bp-tx-hero-lead { font-size: 18px; color: #2b2b2b; max-width: 560px; display: block; margin-top: 8px; line-height: 1.6 }
.bp-tx-hero-meta > .row > [class*='col'] { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 20px; font-size: 13px; color: #6b6b6b }
.bp-tx-meta-bold { color: #2b2b2b; font-weight: 600 }
.bp-tx-hero-cta > .row > [class*='col'] { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px }
.bp-tx-btn-primary { display: inline-block; padding: 14px 22px; border-radius: 10px; font-weight: 600; font-size: 15px; background: var(--bp-orange); color: #fff; border: none; cursor: pointer; text-decoration: none; transition: all .15s ease }
.bp-tx-btn-primary:hover { opacity: .9; text-decoration: none }
.bp-tx-btn-outline { display: inline-block; padding: 14px 22px; border-radius: 10px; font-weight: 600; font-size: 15px; background: transparent; color: #1c1c1c; border: 1.5px solid #1c1c1c; cursor: pointer; text-decoration: none; transition: all .15s ease }
.bp-tx-btn-outline:hover { background: #1c1c1c; color: #fff; text-decoration: none }
.bp-tx-visual { background: #fff; border-radius: 16px; padding: 24px; box-shadow: 0 4px 16px rgba(28,28,28,.08); border: 1px solid #e6e6e6 }
.bp-tx-visual-title { font-size: 16px; color: #6b6b6b; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; display: block; margin-bottom: 16px }
.bp-tx-fact-row > .row > [class*='col'] { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px dashed #e6e6e6; font-size: 15px; padding-left: 0; padding-right: 25px; margin-left: 15px }
.bp-tx-fact-row:last-child > .row > [class*='col'] { border-bottom: none }
.bp-tx-fact-val { font-weight: 700; color: #1c1c1c }
.bp-tx-author-box { background: #fff; border-radius: 16px; padding: 20px 24px; margin-top: 32px; font-size: 14px; border: 1px solid #e6e6e6 }
.bp-tx-author-box > .row { display: contents }
.bp-tx-author-box > .row::before, .bp-tx-author-box > .row::after { display: none }
.bp-tx-author-box > .row > [class*='col'] { float: none; width: auto; padding: 0 }
.bp-tx-author-box > .row > [class*='col'] > .row { display: flex; flex-direction: column; gap: 0 }
.bp-tx-author-box > .row > [class*='col'] > .row::before, .bp-tx-author-box > .row > [class*='col'] > .row::after { display: none }
.bp-tx-author-box > .row > [class*='col'] > .row > [class*='col'] { float: none; width: auto; padding: 0 }
.bp-tx-author-toprow > .row, .bp-tx-author-toprow > .row > [class*='col'] { display: contents }
.bp-tx-author-toprow > .row::before, .bp-tx-author-toprow > .row::after { display: none }
.bp-tx-author-toprow { display: flex; align-items: center; gap: 8px; flex-wrap: wrap }
.bp-tx-author-stand { margin-left: 16px }
.bp-tx-author-botrow > .row, .bp-tx-author-botrow > .row > [class*='col'] { display: contents }
.bp-tx-author-botrow > .row::before, .bp-tx-author-botrow > .row::after { display: none }
.bp-tx-author-botrow { display: flex; align-items: flex-start; gap: 12px; margin-top: 10px }
.bp-tx-reviewer-list > .row { display: contents }
.bp-tx-reviewer-list > .row::before, .bp-tx-reviewer-list > .row::after { display: none }
.bp-tx-reviewer-list > .row > [class*='col'] { float: none; width: auto; padding: 0 }
.bp-tx-reviewer-list { display: flex; flex-direction: column; gap: 4px }
.bp-tx-reviewer-line > .row, .bp-tx-reviewer-line > .row > [class*='col'] { display: contents }
.bp-tx-reviewer-line > .row::before, .bp-tx-reviewer-line > .row::after { display: none }
.bp-tx-reviewer-line { display: flex; align-items: center; gap: 6px }
.bp-tx-reviewer-name { font-weight: 700; color: #1c1c1c }
.bp-tx-pill { background: #fff; padding: 4px 10px; border-radius: 999px; font-size: 12px; color: var(--bp-orange); font-weight: 600; letter-spacing: 0.3px; display: inline-block; border: 1px solid #e6e6e6 }
.bp-tx-pill-review { display: inline-block; padding: 4px 12px; border-radius: 999px; font-size: 12px; font-weight: 600; letter-spacing: 0.3px; background: var(--bp-orange); color: #fff; flex-shrink: 0; align-self: flex-start; margin-top: 2px }
.bp-tx-reviewer-link { color: var(--bp-orange); font-weight: 500; text-decoration: none; cursor: pointer; background: none; border: none; padding: 0; font-size: 14px; text-align: left }
.bp-tx-reviewer-link:hover { text-decoration: underline }
.bp-tx-blockquote { background: #fff; border-left: 4px solid var(--bp-orange); padding: 20px 24px; font-size: 17px; color: #2b2b2b; box-shadow: 0 2px 12px rgba(28,28,28,.06); border-radius: 0 8px 8px 0; line-height: 1.6 }
.bp-tx-section { padding: 64px 0; border-bottom: 1px solid #e6e6e6 }
.bp-tx-section:last-child { border-bottom: none }
.bp-tx-eyebrow { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 1.5px; color: var(--bp-orange); text-transform: uppercase; margin-bottom: 10px }
.bp-tx-h2 { font-size: 26px; font-weight: 700; color: #1c1c1c; line-height: 1.25; letter-spacing: -0.3px; display: block; margin-bottom: 12px }
.bp-tx-section-desc { font-size: 15px; color: #2b2b2b; max-width: 760px; line-height: 1.6; margin-bottom: 36px; display: block }
.bp-tx-dgrid > .row > [class*='col'] { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px }
.bp-tx-dcard { background: #fff; border: 1px solid #e6e6e6; border-radius: 12px; padding: 24px; transition: all .15s ease }
.bp-tx-dcard:hover { box-shadow: 0 4px 16px rgba(28,28,28,.08); transform: translateY(-2px) }
.bp-tx-dcard-title { font-size: 16px; font-weight: 700; color: var(--bp-orange); display: block; margin-bottom: 10px }
.bp-tx-dcard-desc { font-size: 14px; color: #6b6b6b; display: block; margin-bottom: 12px }
.bp-tx-dcard-link { color: #1c1c1c; font-weight: 500; text-decoration: none; padding: 4px 0; display: block; font-size: 14px; cursor: pointer; background: none; border: none; text-align: left }
.bp-tx-dcard-link:hover { color: var(--bp-orange) }
.bp-tx-cat-block { margin-bottom: 40px }
.bp-tx-cat-header > .row > [class*='col'] { display: flex; align-items: center; gap: 12px; padding-bottom: 8px; border-bottom: 2px solid var(--bp-light-orange); margin-bottom: 16px }
.bp-tx-cat-title { font-size: 20px; font-weight: 700; color: #1c1c1c }
.bp-tx-cat-count { color: #6b6b6b; font-size: 13px; font-weight: 500 }
.bp-tx-tgrid > .row > [class*='col'] { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px }
.bp-tx-tcard { background: #fff; border: 1px solid #e6e6e6; border-radius: 12px; padding: 20px; transition: all .15s ease; display: flex; flex-direction: column }
.bp-tx-tcard:hover { box-shadow: 0 4px 16px rgba(28,28,28,.08); border-color: #f7e5d0 }
.bp-tx-tcard-link { color: #1c1c1c; font-size: 16px; font-weight: 700; text-decoration: none; margin-bottom: 8px; display: block; cursor: pointer; background: none; border: none; text-align: left; padding: 0 }
.bp-tx-tcard-link:hover { color: var(--bp-orange) }
.bp-tx-tcard-desc { font-size: 14px; color: #6b6b6b; flex: 1; margin-bottom: 14px; display: block; line-height: 1.5 }
.bp-tx-tcard-meta { font-size: 12px; color: #6b6b6b; padding-top: 10px; border-top: 1px solid #e6e6e6; display: block }
.bp-tx-tcard-meta b { color: #2b2b2b; font-weight: 600 }
.bp-tx-facts-bg { background: var(--bp-light-orange); padding: 64px 15px; margin: 0 -15px }
.bp-tx-fgrid > .row > [class*='col'] { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px }
.bp-tx-fcard { background: #fff; border-radius: 12px; padding: 24px; border: 1px solid #e6e6e6 }
.bp-tx-fnum { font-size: 36px; font-weight: 700; color: var(--bp-orange); line-height: 1; margin-bottom: 8px; display: block }
.bp-tx-flabel { font-size: 14px; color: #2b2b2b; font-weight: 500; display: block; margin-bottom: 8px }
.bp-tx-fsrc { font-size: 11px; color: #6b6b6b; border-top: 1px solid #e6e6e6; padding-top: 8px; margin-top: 10px; display: block }
.bp-tx-clgrid > .row > [class*='col'] { display: grid; grid-template-columns: 1fr 1fr; gap: 28px }
.bp-tx-clcard { background: #fff; border: 1px solid #e6e6e6; border-radius: 12px; padding: 28px }
.bp-tx-clcard-title { font-size: 18px; font-weight: 700; color: #1c1c1c; display: block; margin-bottom: 16px }
.bp-tx-cl-item { font-size: 15px; margin-bottom: 10px; display: block; line-height: 1.5 }
.bp-tx-cl-item b { font-weight: 600 }
.bp-tx-clhint { font-size: 13px; color: #6b6b6b; padding: 10px 14px; background: var(--bp-light-orange); border-radius: 8px; margin-top: 12px }
.bp-tx-glossar-bg { background: #fafafa; padding: 64px 15px; margin: 0 -15px }
.bp-tx-ggrid > .row > [class*='col'] { column-count: 4; column-gap: 28px }
.bp-tx-gletter { break-inside: avoid; margin-bottom: 16px; display: block }
.bp-tx-gletter-h { font-size: 12px; color: var(--bp-orange); font-weight: 700; letter-spacing: 2px; border-bottom: 1px solid #e6e6e6; padding-bottom: 4px; margin-bottom: 6px; display: block }
.bp-tx-gletter-item { padding: 2px 0; font-size: 14px; display: block }
.bp-tx-gletter-link { color: #2b2b2b; text-decoration: none; cursor: pointer; background: none; border: none; text-align: left; padding: 0; font-size: 14px }
.bp-tx-gletter-link:hover { color: var(--bp-orange) }
.bp-tx-faq-header { padding: 64px 0 0; border-bottom: none }
.bp-tx-faq-desc { font-size: 15px; color: #2b2b2b; max-width: 760px; line-height: 1.6; margin-bottom: 8px; display: block }
.bp-tx-faq-item { background: #fff; border: 1px solid #e6e6e6; border-radius: 10px; margin-bottom: 10px; padding: 18px 22px }
.bp-tx-faq-q { font-weight: 600; font-size: 16px; color: #1c1c1c; display: block; margin-bottom: 12px }
.bp-tx-faq-a { font-size: 15px; color: #2b2b2b; line-height: 1.6; display: block }
.bp-tx-faq-a a { color: var(--bp-orange); font-weight: 600 }
.bp-tx-cta-band { background: linear-gradient(135deg, #1c1c1c 0%, #2d2d2d 100%); color: #fff; border-radius: 16px; padding: 48px; text-align: center; margin: 40px 0 }
.bp-tx-cta-band .bp-tx-h2 { color: #fff }
.bp-tx-cta-desc { color: #d9d9d9; max-width: 600px; margin: 0 auto 24px; font-size: 15px; display: block; line-height: 1.6 }
.bp-tx-rgrid > .row > [class*='col'] { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px }
.bp-tx-rcard { background: #fff; border: 1px solid #e6e6e6; border-radius: 12px; padding: 24px; transition: all .15s ease }
.bp-tx-rcard:hover { box-shadow: 0 4px 16px rgba(28,28,28,.08); border-color: #f7e5d0 }
.bp-tx-rcard-title { font-size: 17px; font-weight: 700; color: #1c1c1c; display: block; margin-bottom: 8px }
.bp-tx-rcard-desc { font-size: 14px; color: #6b6b6b; display: block; margin-bottom: 12px; line-height: 1.5 }
.bp-tx-rcard-cta { color: var(--bp-orange); font-weight: 600; font-size: 14px; cursor: pointer; background: none; border: none; text-align: left; padding: 0; text-decoration: none }
.bp-tx-rcard-cta:hover { opacity: .8 }
.bp-tx-muted { color: #6b6b6b }
.bp-tx-small-note { font-size: 14px; color: #6b6b6b; margin-top: 24px }
.bp-tx-small-note a { color: var(--bp-orange); font-weight: 600 }
@media (max-width: 860px) { .bp-tx-hero-grid > .row > [class*='col'] { grid-template-columns: 1fr; gap: 32px } }
@media (max-width: 900px) { .bp-tx-ggrid > .row > [class*='col'] { column-count: 3 } }
@media (max-width: 760px) { .bp-tx-clgrid > .row > [class*='col'] { grid-template-columns: 1fr } }
@media (max-width: 640px) { .bp-tx-ggrid > .row > [class*='col'] { column-count: 2 } }

.bp-op-g > .row > [class*='col'] > .row, .bp-op-g > .row > [class*='col'] > .row > [class*='col'] { display: contents }
.bp-op-g > .row > [class*='col'] > .row::before, .bp-op-g > .row > [class*='col'] > .row::after { display: none }
.bp-op-hero { background: var(--bp-light-orange); padding: 48px 15px 56px; margin: 0 -15px }
.bp-op-hero > .row > [class*='col'] > .row, .bp-op-hero > .row > [class*='col'] > .row > [class*='col'] { display: contents }
.bp-op-hero > .row > [class*='col'] > .row::before, .bp-op-hero > .row > [class*='col'] > .row::after { display: none }
.bp-op-hero-grid > .row > [class*='col'] { display: grid; grid-template-columns: 1.3fr 1fr; gap: 48px; align-items: center }
.bp-op-kicker { display: inline-block; background: #fff; color: var(--bp-orange); font-size: 12px; letter-spacing: 1px; font-weight: 700; padding: 6px 12px; border-radius: 999px; text-transform: uppercase; margin-bottom: 16px; border: 1px solid #e6e6e6 }
.bp-op-h1 { font-size: 32px; font-weight: 700; color: #1c1c1c; line-height: 1.25; letter-spacing: -0.5px; display: block; margin-bottom: 8px }
.bp-op-h2 { font-size: 26px; font-weight: 700; color: #1c1c1c; line-height: 1.25; letter-spacing: -0.3px; display: block; margin-bottom: 12px }
.bp-op-hero-lead { font-size: 18px; color: #2b2b2b; max-width: 560px; display: block; margin-top: 8px; line-height: 1.6 }
.bp-op-hero-cta > .row > [class*='col'] { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px }
.bp-op-hero-cta > .row > [class*='col'] > .row, .bp-op-hero-cta > .row > [class*='col'] > .row > [class*='col'] { display: contents }
.bp-op-hero-cta > .row > [class*='col'] > .row::before, .bp-op-hero-cta > .row > [class*='col'] > .row::after { display: none }
.bp-op-btn-primary { display: inline-block; padding: 14px 22px; border-radius: 10px; font-weight: 600; font-size: 15px; background: var(--bp-orange); color: #fff; border: none; cursor: pointer; text-decoration: none; transition: all .15s ease }
.bp-op-btn-primary:hover { opacity: .9; text-decoration: none }
.bp-op-btn-outline { display: inline-block; padding: 14px 22px; border-radius: 10px; font-weight: 600; font-size: 15px; background: transparent; color: #1c1c1c; border: 1.5px solid #1c1c1c; cursor: pointer; text-decoration: none; transition: all .15s ease }
.bp-op-btn-outline:hover { background: #1c1c1c; color: #fff; text-decoration: none }
.bp-op-visual { background: #fff; border-radius: 16px; padding: 24px; box-shadow: 0 4px 16px rgba(28,28,28,.08); border: 1px solid #e6e6e6; text-align: center; display: flex; align-items: center; justify-content: center }
.bp-op-hero-svg { max-width: 100%; height: auto }
.bp-op-author-box { background: #fff; border-radius: 16px; padding: 20px 24px; margin-top: 32px; font-size: 14px; border: 1px solid #e6e6e6 }
.bp-op-author-box > .row { display: contents }
.bp-op-author-box > .row::before, .bp-op-author-box > .row::after { display: none }
.bp-op-author-box > .row > [class*='col'] { float: none; width: auto; padding: 0 }
.bp-op-author-box > .row > [class*='col'] > .row { display: flex; flex-direction: column; gap: 0 }
.bp-op-author-box > .row > [class*='col'] > .row::before, .bp-op-author-box > .row > [class*='col'] > .row::after { display: none }
.bp-op-author-box > .row > [class*='col'] > .row > [class*='col'] { float: none; width: auto; padding: 0 }
.bp-op-author-toprow > .row, .bp-op-author-toprow > .row > [class*='col'] { display: contents }
.bp-op-author-toprow > .row::before, .bp-op-author-toprow > .row::after { display: none }
.bp-op-author-toprow { display: flex; align-items: center; gap: 8px; flex-wrap: wrap }
.bp-op-author-stand { margin-left: 16px }
.bp-op-author-botrow > .row, .bp-op-author-botrow > .row > [class*='col'] { display: contents }
.bp-op-author-botrow > .row::before, .bp-op-author-botrow > .row::after { display: none }
.bp-op-author-botrow { display: flex; align-items: flex-start; gap: 12px; margin-top: 10px }
.bp-op-reviewer-list > .row { display: contents }
.bp-op-reviewer-list > .row::before, .bp-op-reviewer-list > .row::after { display: none }
.bp-op-reviewer-list > .row > [class*='col'] { float: none; width: auto; padding: 0 }
.bp-op-reviewer-list { display: flex; flex-direction: column; gap: 4px }
.bp-op-reviewer-line > .row, .bp-op-reviewer-line > .row > [class*='col'] { display: contents }
.bp-op-reviewer-line > .row::before, .bp-op-reviewer-line > .row::after { display: none }
.bp-op-reviewer-line { display: flex; align-items: center; gap: 6px }
.bp-op-reviewer-name { font-weight: 700; color: #1c1c1c }
.bp-op-pill { background: #fff; padding: 4px 10px; border-radius: 999px; font-size: 12px; color: var(--bp-orange); font-weight: 600; letter-spacing: 0.3px; display: inline-block; border: 1px solid #e6e6e6 }
.bp-op-pill-review { display: inline-block; padding: 4px 12px; border-radius: 999px; font-size: 12px; font-weight: 600; letter-spacing: 0.3px; background: var(--bp-orange); color: #fff; flex-shrink: 0; align-self: flex-start; margin-top: 2px }
.bp-op-section { padding: 56px 15px; border-bottom: 1px solid #e6e6e6; margin: 0 -15px }
.bp-op-section:last-child { border-bottom: none }
.bp-op-section-alt { background: #fafafa }
.bp-op-eyebrow { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 1.5px; color: var(--bp-orange); text-transform: uppercase; margin-bottom: 10px }
.bp-op-from-class { max-width: 820px }
.bp-op-from-class h2, .bp-op-from-class .h2 { margin-top: 0 }
.bp-op-crosslink { margin-top: 24px; font-size: 14px; color: #6b6b6b; padding: 14px 18px; background: var(--bp-light-orange); border-radius: 8px; max-width: 820px }
.bp-op-crosslink > .row > [class*='col'] > .row, .bp-op-crosslink > .row > [class*='col'] > .row > [class*='col'] { display: contents }
.bp-op-crosslink > .row > [class*='col'] > .row::before, .bp-op-crosslink > .row > [class*='col'] > .row::after { display: none }
.bp-op-crosslink-anchor { color: var(--bp-orange); font-weight: 600; cursor: pointer; background: none; border: none; padding: 0; font-size: 14px; text-align: left; text-decoration: none }
.bp-op-crosslink-anchor:hover { text-decoration: underline }
.bp-op-rgrid > .row > [class*='col'] { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px }
.bp-op-rcard { background: #fff; border: 1px solid #e6e6e6; border-radius: 12px; padding: 24px; transition: all .15s ease }
.bp-op-rcard:hover { box-shadow: 0 4px 16px rgba(28,28,28,.08); border-color: #f7e5d0 }
.bp-op-rcard-title { font-size: 17px; font-weight: 700; color: #1c1c1c; display: block; margin-bottom: 8px }
.bp-op-rcard-desc { font-size: 14px; color: #6b6b6b; display: block; margin-bottom: 12px; line-height: 1.5 }
.bp-op-rcard-cta { color: var(--bp-orange); font-weight: 600; font-size: 14px; cursor: pointer; background: none; border: none; text-align: left; padding: 0; text-decoration: none }
.bp-op-rcard-cta:hover { opacity: .8 }
.bp-op-cta-band { background: linear-gradient(135deg, #1c1c1c 0%, #2d2d2d 100%); color: #fff; border-radius: 16px; padding: 48px; text-align: center; margin: 40px 0 }
.bp-op-cta-band .bp-op-h2 { color: #fff }
.bp-op-cta-desc { color: #d9d9d9; max-width: 600px; margin: 0 auto 24px; font-size: 15px; display: block; line-height: 1.6 }
@media (max-width: 860px) { .bp-op-hero-grid > .row > [class*='col'] { grid-template-columns: 1fr; gap: 32px } }
.faq-hero {
	background: linear-gradient(180deg, #fff4ec 0%, #fffaf6 100%);
	padding: 64px 40px 32px;
	border-bottom: 1px solid #ece4da;
	margin-left: -15px;
	margin-right: -15px;
	padding-left: 55px;
	padding-right: 55px;
}
.faq-eyebrow {
	display: inline-block;
	font-size: 12px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	font-weight: 600;
	color: var(--bp-orange);
	margin-bottom: 14px;
}
.faq-hero .h1 {
	font-size: 42px;
	line-height: 1.1;
	letter-spacing: -0.02em;
	margin-bottom: 12px;
	display: block;
}
.faq-lead {
	font-size: 18px;
	color: #5a544c;
	max-width: 640px;
	margin-bottom: 28px;
	display: block;
}
.faq-cats {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 14px;
	margin-top: 28px;
}
.faq-cat {
	text-align: left;
	padding: 18px;
	border-radius: 14px;
	border: 1px solid #ece4da;
	background: #fff;
	transition: transform .12s, border-color .12s, box-shadow .12s;
	text-decoration: none;
	color: inherit;
	display: block;
}
.faq-cat:hover {
	transform: translateY(-2px);
	border-color: var(--bp-orange);
	box-shadow: 0 1px 2px rgba(28,26,23,.04), 0 8px 24px rgba(28,26,23,.06);
}
.faq-cat-num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--bp-orange);
	color: #fff;
	font-weight: 600;
	font-size: 13px;
	margin-bottom: 10px;
}
.faq-cat.guide .faq-cat-num {
	background: #1f7a6a;
}
.faq-cat-title {
	display: block;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 4px;
}
.faq-cat-sub {
	font-size: 13px;
	color: #5a544c;
	display: block;
}
.faq-chapter {
	padding: 48px 40px;
	border-bottom: none;
}
.faq-chapter-head {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 6px;
}
.faq-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: var(--bp-light-orange);
	color: var(--bp-orange);
	font-size: 14px;
	font-weight: 600;
	flex-shrink: 0;
	margin-right: 15px;
}
.faq-chapter.guide .faq-badge {
	background: #e6f3f0;
	color: #1f7a6a;
}
.faq-chapter .h2 {
	font-size: 26px;
	letter-spacing: -0.01em;
	margin: 0;
	display: inline;
}
.faq-chapter-sub {
	color: #5a544c;
	margin-left: 48px;
	margin-bottom: 20px;
	display: block;
}
.faq-accordion .panel-group {
	margin-bottom: 0;
}
.faq-accordion .panel {
	background: #fff;
	border: 1px solid #ece4da;
	border-radius: 14px !important;
	margin-bottom: 10px;
	box-shadow: none;
	transition: border-color .12s, box-shadow .12s;
}
.faq-accordion .panel.is-open {
	border-color: var(--bp-orange);
	box-shadow: 0 1px 2px rgba(28,26,23,.04), 0 8px 24px rgba(28,26,23,.06);
}
.faq-accordion .panel-heading {
	background: transparent;
	border: none;
	padding: 18px 56px 18px 22px;
	border-radius: 14px;
	position: relative;
}
.faq-accordion .panel-heading:hover {
	background: var(--bp-light-orange);
}
.faq-accordion .panel-title {
	font-weight: 600;
	font-size: 16px;
	margin: 0;
}
.faq-accordion .panel-title a {
	color: #1c1a17;
	text-decoration: none;
}
.faq-accordion .panel-heading::after {
	content: "";
	position: absolute;
	right: 22px;
	top: 50%;
	width: 10px;
	height: 10px;
	border-right: 2px solid #5a544c;
	border-bottom: 2px solid #5a544c;
	transform: translateY(-70%) rotate(45deg);
	transition: transform .2s;
}
.faq-accordion .panel.is-open .panel-heading::after {
	transform: translateY(-30%) rotate(-135deg);
	border-color: var(--bp-orange);
}
.faq-accordion .panel-body, .faq-accordion .accordion-inner {
	padding: 0 22px 20px;
	color: #5a544c;
	font-size: 15px;
}
.faq-accordion .accordion-item {
	background: #fff;
	border: 1px solid #ece4da;
	border-radius: 14px !important;
	margin-bottom: 10px;
}
.faq-accordion .accordion-item .accordion-header.is-open {
	border-color: var(--bp-orange);
	box-shadow: 0 1px 2px rgba(28,26,23,.04), 0 8px 24px rgba(28,26,23,.06);
}
.faq-accordion .accordion-button {
	font-weight: 600;
	font-size: 16px;
	padding: 18px 22px;
	background: transparent;
	border-radius: 14px;
	color: #1c1a17;
}
.faq-accordion .accordion-button:hover {
	background: var(--bp-light-orange);
}
.faq-accordion .accordion-button:not(.collapsed) {
	color: #1c1a17;
	background: transparent;
	box-shadow: none;
}
.faq-accordion .accordion-body {
	padding: 0 22px 20px;
	color: #5a544c;
	font-size: 15px;
}
.faq-checklist {
	background: #fff;
	border: 1px solid #ece4da;
	border-radius: 14px;
	padding: 28px;
	box-shadow: 0 1px 2px rgba(28,26,23,.04), 0 8px 24px rgba(28,26,23,.06);
}
.faq-checklist-intro {
	color: #5a544c;
	margin-bottom: 18px;
	display: block;
}
.faq-checklist-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px 24px;
}
.faq-checklist-item {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 10px;
	font-size: 15px;
	line-height: 1.45;
}
.faq-checklist-item:hover {
	background: #e6f3f0;
}
.faq-checklist-item::before {
	content: "\2610";
	color: #1f7a6a;
	font-size: 16px;
	flex-shrink: 0;
	margin-top: 1px;
}
.faq-checklist-tip {
	margin-top: 22px;
	padding: 16px 18px;
	background: #e6f3f0;
	border-left: 3px solid #1f7a6a;
	border-radius: 8px;
	font-size: 14px;
	color: #1c1a17;
	display: block;
}
.faq-checklist-actions {
	margin-top: 24px;
	text-align: center;
}
.faq-contact {
	margin-top: 30px;
	margin-bottom: 20px;
	background: linear-gradient(135deg, #fff4ec, #fde6dc);
	border-radius: 18px;
	padding: 36px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	flex-wrap: wrap;
}
.faq-contact .h3 {
	margin: 0 0 6px;
	font-size: 22px;
	display: block;
}
.faq-contact-sub {
	color: #5a544c;
	display: block;
}
.faq-contact-ctas {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}
@media (max-width: 780px) {
	.faq-cats {
		grid-template-columns: 1fr 1fr 	}
	.faq-checklist-grid {
		grid-template-columns: 1fr 	}
	.faq-hero {
		padding: 40px 20px 24px;
		margin-left: -15px;
		margin-right: -15px;
		padding-left: 35px;
		padding-right: 35px;
	}
	.faq-contact {
		padding: 24px 	}
	.faq-chapter {
		padding: 32px 20px 	}
}
@media (max-width: 480px) {
	.faq-cats {
		grid-template-columns: 1fr	}
}
.faq-cats {
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
.faq-stats {
	margin: 14px 0 4px;
}
.faq-stats-row {
	display: flex;
	align-items: baseline;
	gap: 12px;
	padding: 9px 2px;
	border-bottom: 1px solid #f2ebe3;
	font-size: 15px;
}
.faq-stats-row.is-head {
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #8a8279;
	border-bottom-color: #ece4da;
}
.faq-stats-row.is-total {
	font-weight: 700;
	color: #1c1a17;
	border-bottom: none;
	border-top: 2px solid #ece4da;
}
.faq-stats-label {
	flex: 1 1 auto;
}
.faq-stats-cases {
	flex: 0 0 90px;
	text-align: right;
}
.faq-stats-share {
	flex: 0 0 72px;
	text-align: right;
}
.faq-note {
	display: block;
	margin-top: 12px;
	font-size: 13px;
	color: #8a8279;
}
@media (max-width: 780px) {
	.faq-cats {
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 480px) {
	.faq-cats {
		grid-template-columns: 1fr;
	}
}

.bp-how-did-you-find-us {
	padding: 32px 0
}
.bp-how-did-you-find-us .radio-inline {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	min-height: 56px;
	border: 1.5px solid #d4d4d4;
	border-radius: 8px;
	cursor: pointer;
	transition: border-color 120ms ease, background 120ms ease;
	background: #fff;
	margin-bottom: 8px;
	width: 100%
}
.bp-how-did-you-find-us .radio-inline:hover {
	border-color: var(--bp-orange);
	background: #fdfbfc
}
.bp-how-did-you-find-us .radio-inline.active {
	border-color: var(--bp-orange);
	background: var(--bp-light-orange)
}
.bp-how-did-you-find-us .radio-inline label {
	flex: 1;
	font-size: 15px;
	cursor: pointer;
	margin: 0;
	padding-left: 0
}
.bp-how-did-you-find-us .radio-inline label::before {
	border-color: #d4d4d4
}
.bp-how-did-you-find-us .radio-inline.active label::before {
	border-color: var(--bp-orange);
	color: var(--bp-orange)
}
.bp-other-label {
	display: block;
	font-size: 14px;
	color: #6b6b6b;
	margin: 16px 0 8px;
	font-weight: 500
}
.bp-how-did-you-find-us input[type="text"] {
	width: 100%;
	padding: 12px 14px;
	border: 1.5px solid #d4d4d4;
	border-radius: 8px;
	font-size: 15px;
	outline: none;
	transition: border-color 120ms ease
}
.bp-how-did-you-find-us input[type="text"]:focus {
	border-color: var(--bp-orange)
}

a.sfl-trigger.rbutton {
	padding: 0;
	min-width: 0;
	background: transparent;
	color: inherit;
	font-weight: inherit;
	font-size: inherit;
	display: inline-block;
	white-space: normal;
	text-align: inherit;
	margin-left: auto
}

.sfl-modal .modal-body {
	padding: 32px 40px 40px;
	position: relative
}

.sfl-modal .modal-header {
	padding: 20px 40px 0;
	border-bottom: none
}

.sfl-close {
	position: absolute;
	top: 18px;
	right: 18px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: none;
	background: none;
	color: #8c8c8c;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 20px;
	transition: all .15s
}

.sfl-close:hover {
	background: #f4f4f4;
	color: #1f1f1f
}

.sfl-icon {
	width: 56px;
	height: 56px;
	border-radius: 14px;
	background: var(--bp-light-orange);
	color: var(--bp-orange);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px
}

.sfl-desc {
	color: #525252;
	font-size: 15px;
	margin-bottom: 24px;
	line-height: 1.5
}

.sfl-label {
	display: block;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 6px
}

.sfl-modal .modal-body input[type="email"] {
	width: 100%;
	padding: 14px 16px;
	border: 1.5px solid #e5e5e5;
	border-radius: 10px;
	font-size: 15px;
	margin-bottom: 16px;
	box-sizing: border-box;
	transition: border-color .15s;
	outline: none
}

.sfl-modal .modal-body input[type="email"]:focus {
	border-color: var(--bp-orange);
	box-shadow: 0 0 0 4px rgba(243,146,0,0.12)
}

.sfl-submit {
	width: 100%;
	background: var(--bp-orange);
	color: #fff;
	padding: 15px;
	border-radius: 10px;
	font-size: 15px;
	font-weight: 600;
	border: none;
	cursor: pointer;
	transition: background .15s
}

.sfl-submit:hover {
	opacity: .9
}

.sfl-secondary {
	display: block;
	width: 100%;
	background: transparent;
	color: #8c8c8c;
	padding: 12px;
	margin-top: 8px;
	font-size: 15px;
	font-weight: 500;
	border: none;
	cursor: pointer;
	text-align: center;
	transition: color .15s
}

.sfl-secondary:hover {
	color: #1f1f1f
}

.sfl-trust {
	margin-top: 16px;
	font-size: 12px;
	color: #8c8c8c;
	display: flex;
	align-items: center;
	gap: 6px;
	justify-content: center
}

.sfl-modal .modal-dialog {
	max-width: 460px
}

.sfl-modal .modal-content {
	border-radius: 16px;
	border: none;
	box-shadow: 0 24px 48px rgba(0,0,0,0.2)
}

.bb-hero .hero-banner {
	background:
		radial-gradient(circle at 85% 20%, var(--bp-very-light-green) 0%, transparent 55%),
		linear-gradient(180deg, var(--bp-very-very-light-green) 0%, #ffffff 100%);
	border-radius: 0;
	margin: 0;
	min-height: 480px
}
.bb-hero .hero-content {
	padding: 64px 40px 56px 60px
}
.bb-hero .hero-badge {
	background: #fff;
	border: 1px solid var(--bp-very-light-green);
	color: var(--bp-green)
}
.bb-hero .hero-badge::before {
	content: "";
	display: none
}
.bb-hero .hero-sub {
	color: var(--bp-green);
	font-size: 42px
}
.bb-hero .hero-actions a.rbutton:not(.hero-btn-secondary),
.bb-hero .hero-actions .hero-btn-primary {
	background: var(--bp-green) !important;
	box-shadow: 0 4px 14px rgba(62,182,144,0.3)
}
.bb-hero .hero-actions a.rbutton:not(.hero-btn-secondary):hover,
.bb-hero .hero-actions .hero-btn-primary:hover {
	box-shadow: 0 6px 20px rgba(62,182,144,0.35)
}
.bb-hero .hero-actions .hero-btn-secondary {
	background: transparent !important;
	border: 1px solid var(--bp-green) !important;
	color: var(--bp-green) !important;
	box-shadow: none !important
}
.bb-hero .hero-actions .hero-btn-secondary:hover {
	background: var(--bp-very-very-light-green) !important;
	border: 1px solid var(--bp-green) !important;
	color: var(--bp-green) !important;
	box-shadow: none !important
}
.bb-hero .hero-visual {
	background:
		radial-gradient(circle at center, rgba(62,182,144,0.12) 0%, rgba(62,182,144,0.12) 95px, transparent 96px),
		radial-gradient(circle at center, rgba(62,182,144,0.08) 0%, rgba(62,182,144,0.08) 150px, transparent 151px),
		linear-gradient(135deg, var(--bp-very-light-green) 0%, #E9F7F1 100%)
}
.bb-hero .hero-visual::before {
	background: var(--bp-green);
	box-shadow: 0 10px 30px rgba(62,182,144,0.3)
}
.bb-hero .float-card-value.green {
	color: var(--bp-green)
}
.bb-hero .hero-trust .reviews-container .fa-star {
	color: #f5a623
}
.bb-hero .hero-microlink {
	margin: 0 0 22px;
	padding: 10px 14px;
	background: #fff;
	border: 1px dashed var(--bp-light-green);
	border-radius: 8px;
	font-size: 13px;
	color: #4f4f4f;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap
}
.bb-hero .hero-microlink a {
	color: var(--bp-green);
	font-weight: 700
}
.bb-trust-ribbon {
	background: #fff;
	border-top: 1px solid #e6ebe9;
	border-bottom: 1px solid #e6ebe9;
	padding: 18px 0;
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 16px
}
.bb-trust-ribbon-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
	flex-wrap: wrap;
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 24px
}
.bb-trust-item {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #4f4f4f;
	font-size: 14px;
	font-weight: 600
}
.bb-trust-item .fa {
	color: var(--bp-green);
	font-size: 18px
}
.bb-trust-item .num {
	color: var(--bp-green);
	font-weight: 800
}
.bb-section-head {
	text-align: center;
	margin-bottom: 48px
}
.bb-section-eyebrow {
	color: var(--bp-green);
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1.2px;
	margin-bottom: 10px
}
.bb-section-head h2, .bb-section-head .h2 {
	font-size: 34px;
	line-height: 1.2;
	font-weight: 800;
	color: #1f1f1f;
	max-width: 780px;
	margin: 0 auto 14px
}
.bb-section-lede {
	font-size: 17px;
	color: #6b6b6b;
	max-width: 680px;
	margin: 0 auto
}
.bb-pillars {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	margin-bottom: 48px
}
.bb-pillar {
	background: #fff;
	border: 1px solid #e6ebe9;
	border-radius: 12px;
	padding: 32px 28px;
	box-shadow: 0 2px 10px rgba(0,0,0,.05);
	display: flex;
	flex-direction: column;
	transition: transform .15s, box-shadow .15s
}
.bb-pillar:hover {
	transform: translateY(-4px);
	box-shadow: 0 4px 20px rgba(0,0,0,.08);
	border-color: var(--bp-very-light-green)
}
.bb-pillar-num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: var(--bp-very-very-light-green);
	color: var(--bp-green);
	font-weight: 800;
	font-size: 18px;
	margin-bottom: 18px
}
.bb-pillar-tag {
	color: var(--bp-green);
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .8px;
	margin-bottom: 8px
}
.bb-pillar h3, .bb-pillar .h3 {
	font-size: 20px;
	font-weight: 800;
	color: #1f1f1f;
	margin: 0 0 8px;
	line-height: 1.3
}
.bb-pillar p, .bb-pillar .pillar-desc {
	color: #6b6b6b;
	font-size: 15px;
	margin: 0 0 18px
}
.bb-pillar ul {
	list-style: none;
	padding: 0;
	margin: 0 0 22px
}
.bb-pillar ul li {
	position: relative;
	padding-left: 26px;
	margin-bottom: 10px;
	font-size: 14px;
	color: #4f4f4f;
	line-height: 1.5
}
.bb-pillar ul li::before {
	content: "\f00c";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	color: var(--bp-green);
	position: absolute;
	left: 0;
	top: 2px;
	font-size: 12px
}
.bb-pillar-cta {
	margin-top: auto;
	color: var(--bp-green);
	font-weight: 700;
	font-size: 14px;
	display: inline-flex;
	align-items: center;
	gap: 6px
}
.bb-pillar-cta:hover {
	text-decoration: none;
	gap: 10px
}
.bb-expectations {
	background: var(--bp-very-very-light-green);
	border-radius: 12px;
	padding: 36px 40px;
	margin-top: 0;
	margin-bottom: 48px;
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 32px;
	align-items: center
}
.bb-expectations-icon {
	width: 64px;
	height: 64px;
	border-radius: 16px;
	background: var(--bp-green);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px
}
.bb-expectations h4, .bb-expectations .h4 {
	margin: 0 0 19px;
	font-size: 18px;
	font-weight: 800;
	color: #1f1f1f
}
.bb-expectations-items {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px
}
.bb-expectations-items > div {
	font-size: 14px;
	color: #4f4f4f;
	display: flex;
	gap: 10px;
	align-items: flex-start
}
.bb-expectations-items .fa {
	color: var(--bp-green);
	margin-top: 4px
}
.bb-stats {
	background: #f7faf9;
	padding: 72px 0;
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 16px
}
.bb-stats-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
	text-align: center;
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 24px
}
.bb-stat .n {
	font-size: 42px;
	font-weight: 800;
	color: var(--bp-green);
	line-height: 1;
	letter-spacing: -.5px
}
.bb-stat .l {
	margin-top: 8px;
	font-size: 14px;
	color: #6b6b6b;
	font-weight: 600
}
.bb-steps {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
	counter-reset: step
}
.bb-step {
	background: #fff;
	border-radius: 12px;
	padding: 28px 24px;
	border: 1px solid #e6ebe9;
	position: relative
}
.bb-step::before {
	counter-increment: step;
	content: counter(step, decimal-leading-zero);
	position: absolute;
	top: -14px;
	left: 24px;
	background: var(--bp-green);
	color: #fff;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
	font-size: 13px
}
.bb-step h5, .bb-step .h5 {
	margin: 8px 0 8px;
	font-size: 16px;
	font-weight: 800;
	color: #1f1f1f
}
.bb-step p, .bb-step .step-desc {
	margin: 0;
	font-size: 14px;
	color: #6b6b6b
}
.bb-cta-section {
	background: linear-gradient(135deg, var(--bp-green) 0%, #2f9a78 100%);
	color: #fff;
	padding: 72px 0;
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 0
}
.bb-cta-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 48px;
	align-items: center;
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 24px
}
.bb-cta-left .h2 {
	color: #fff;
	font-size: 34px;
	line-height: 1.2;
	font-weight: 800;
	margin-bottom: 14px
}
.bb-cta-desc {
	color: rgba(255,255,255,.92);
	font-size: 17px;
	margin-bottom: 28px
}
.bb-cta-bullets {
	margin-bottom: 28px
}
.bb-cta-bullet {
	position: relative;
	padding-left: 28px;
	margin-bottom: 10px;
	font-size: 15px;
	color: #fff
}
.bb-cta-bullet::before {
	content: "\f00c";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position: absolute;
	left: 0;
	color: #fff
}
.bb-cta-contact {
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 20px
}
.bb-cta-contact-item {
	display: inline-flex;
	align-items: center;
	gap: 8px
}
.bb-cta-contact-link {
	color: #fff !important;
	font-weight: 700
}
.bb-cta-right {
	background: #fff;
	border-radius: 12px;
	padding: 36px;
	color: #1f1f1f;
	box-shadow: 0 20px 60px rgba(0,0,0,.15)
}
.bb-cta-right .h3 {
	margin: 0 0 22px;
	font-size: 22px;
	font-weight: 800;
	color: #1f1f1f;
	display: block
}
.bb-cta-right .h4 {
	font-size: 13px;
	font-weight: 700;
	color: #4f4f4f;
	margin-bottom: 6px
}
.bb-cta-right .one-box-in-boxes {
	margin-bottom: 0
}
.bb-cta-right input,
.bb-cta-right textarea {
	width: 100%;
	padding: 12px 14px;
	font-size: 15px;
	border: 1.5px solid #e6ebe9;
	border-radius: 8px;
	outline: none;
	box-sizing: border-box
}
.bb-cta-right input:focus,
.bb-cta-right textarea:focus {
	border-color: var(--bp-green)
}
.bb-cta-right .rbutton {
	background: var(--bp-green) !important;
	width: 100%;
	padding: 14px;
	border-radius: 10px;
	font-weight: 700
}
@media (max-width: 960px) {
	.bb-hero .hero-banner {
		grid-template-columns: 1fr;
		min-height: auto
	}
	.bb-hero .hero-content {
		padding: 40px 20px
	}
	.bb-hero .hero-sub {
		font-size: 28px
	}
	.bb-pillars {
		grid-template-columns: 1fr
	}
	.bb-stats-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 32px
	}
	.bb-steps {
		grid-template-columns: repeat(2, 1fr)
	}
	.bb-expectations {
		grid-template-columns: 1fr;
		padding: 28px
	}
	.bb-expectations-items {
		grid-template-columns: 1fr
	}
	.bb-trust-ribbon-inner {
		justify-content: center
	}
	.bb-cta-grid {
		grid-template-columns: 1fr;
		gap: 32px
	}
}
@media (max-width: 540px) {
	.bb-hero .hero-banner {
		min-height: auto
	}
	.bb-hero .hero-title,
	.bb-hero .hero-sub {
		font-size: 28px
	}
	.bb-stats-grid {
		grid-template-columns: 1fr 1fr
	}
	.bb-steps {
		grid-template-columns: 1fr
	}
}

.tf-hero {
	background: linear-gradient(170deg, var(--bp-light-orange) 0%, #fff 78%);
	padding: 70px 24px 90px;
	overflow: hidden;
	margin-left: -15px;
	margin-right: -15px
}
.tf-hero-grid {
	display: grid;
	grid-template-columns: 1.05fr .95fr;
	gap: 56px;
	align-items: center;
	max-width: 1180px;
	margin: 0 auto
}
.tf-hero-eyebrow {
	display: inline-block;
	font-size: 13px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--bp-orange);
	font-weight: 600;
	margin-bottom: 14px
}
.tf-hero-title {
	font-size: 42px;
	font-weight: 700;
	line-height: 1.15;
	color: #1a1a1a;
	margin-bottom: 18px;
	display: block
}
.tf-hero-title .accent {
	color: var(--bp-orange)
}
.tf-hero-lead {
	font-size: 18px;
	color: #666;
	max-width: 460px;
	margin-bottom: 30px;
	line-height: 1.6;
	display: block
}
.tf-hero-actions {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
	margin-bottom: 28px
}
.tf-hero-actions .row.empty-line { display: none }
.tf-hero-actions a.rbutton,
.tf-hero-actions .tf-btn-primary {
	width: auto !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	background: var(--bp-orange) !important;
	color: #fff !important;
	font-size: 15px;
	font-weight: 600;
	padding: 14px 28px;
	border-radius: 999px;
	border: none;
	cursor: pointer;
	text-decoration: none;
	transition: all 0.2s;
	box-shadow: 0 8px 20px rgba(236,125,45,0.32)
}
.tf-hero-actions a.rbutton:hover,
.tf-hero-actions .tf-btn-primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 26px rgba(236,125,45,0.42)
}
.tf-hero-actions .tf-btn-secondary,
.tf-hero-actions a.text-button.tf-btn-secondary {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	background: transparent !important;
	color: #1a1a1a !important;
	font-size: 15px;
	font-weight: 600;
	padding: 14px 28px;
	border-radius: 999px;
	border: 1.5px solid #e6e6e6;
	cursor: pointer;
	text-decoration: none;
	transition: all 0.2s;
	width: auto !important
}
.tf-hero-actions .tf-btn-secondary:hover,
.tf-hero-actions a.text-button.tf-btn-secondary:hover {
	border-color: var(--bp-orange);
	color: var(--bp-orange) !important
}
.tf-hero-rating {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	color: #666
}
.tf-hero-rating b { color: #1a1a1a }
.tf-hero-visual {
	position: relative
}
.tf-hero-panel {
	background: #fff;
	border-radius: 30px;
	box-shadow: 0 24px 60px rgba(44,40,35,0.16);
	padding: 40px;
	position: relative;
	overflow: hidden
}
.tf-hero-panel img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 16px
}
.tf-hero-chip {
	position: absolute;
	background: #fff;
	border-radius: 14px;
	box-shadow: 0 14px 36px rgba(44,40,35,0.10);
	padding: 12px 16px;
	display: flex;
	align-items: center;
	gap: 10px;
	z-index: 2
}
.tf-chip-ico {
	width: 36px;
	height: 36px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--bp-light-orange);
	flex-shrink: 0
}
.tf-chip-num {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.1;
	color: #1a1a1a;
	display: block
}
.tf-chip-label {
	font-size: 11.5px;
	color: #666;
	display: block
}
.tf-chip-tl { top: 18px; left: -26px }
.tf-chip-br { bottom: 26px; right: -26px }
@media (max-width: 1024px) {
	.tf-hero-grid { grid-template-columns: 1fr; gap: 40px }
	.tf-hero-visual { max-width: 460px; margin: 0 auto }
}
@media (max-width: 420px) {
	.tf-hero-actions { flex-direction: column; align-items: stretch }
	.tf-hero-actions a.rbutton,
	.tf-hero-actions .tf-btn-primary,
	.tf-hero-actions .tf-btn-secondary,
	.tf-hero-actions a.text-button.tf-btn-secondary { width: 100% !important }
	.tf-chip-tl { left: 10px }
	.tf-chip-br { right: 10px }
}

.tf-facts {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin-bottom: 48px
}
.tf-fact {
	background: #fff;
	border: 1px solid #e6e6e6;
	border-radius: 18px;
	padding: 26px 24px;
	box-shadow: 0 2px 10px rgba(44,40,35,0.06);
	transition: transform 0.2s, box-shadow 0.2s
}
.tf-fact:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 36px rgba(44,40,35,0.10)
}
.tf-fact-ico {
	width: 46px;
	height: 46px;
	border-radius: 12px;
	background: var(--bp-light-orange);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 16px;
	color: var(--bp-orange);
	font-size: 18px
}
.tf-fact-title {
	font-size: 19px;
	font-weight: 700;
	margin-bottom: 4px;
	color: #1a1a1a;
	display: block
}
.tf-fact-desc {
	font-size: 14px;
	color: #666;
	display: block
}
.tf-tariff-head {
	max-width: 660px;
	margin: 0 auto 48px;
	text-align: center
}
.tf-tariff-head .tf-tariff-eyebrow {
	display: block;
	font-size: 13px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--bp-orange);
	font-weight: 600;
	margin-bottom: 14px
}
.tf-tariff-head .tf-tariff-title {
	font-size: clamp(28px, 3.4vw, 40px);
	font-weight: 700;
	color: #1a1a1a;
	margin-bottom: 12px;
	display: block
}
.tf-tariff-head .tf-tariff-sub {
	color: #666;
	font-size: 17px;
	display: block
}
.tf-country {
	text-align: center
}
.tf-country .radio-container {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	margin-bottom: 44px
}
.tf-country .radio-container label {
	font-size: 14.5px;
	font-weight: 500;
	padding: 10px 22px;
	border-radius: 999px;
	border: 1.5px solid #e6e6e6;
	background: #fff;
	color: #666;
	cursor: pointer;
	transition: all 0.16s
}
.tf-country .radio-container label:hover {
	border-color: var(--bp-orange);
	color: var(--bp-orange)
}
.tf-country .radio-container input[type=radio] { display: none }
.tf-country .radio-container input[type=radio]:checked + label,
.tf-country .radio-container label.active {
	background: var(--bp-orange);
	border-color: var(--bp-orange);
	color: #fff
}
.tf-tariffs {
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
	align-items: start;
	margin-bottom: 32px;
	max-width: 420px;
	margin-left: auto;
	margin-right: auto
}
@media (min-width: 1200px) {
	.tf-tariffs {
		grid-template-columns: repeat(3, 1fr);
		max-width: none
	}
}
.tf-tariff {
	position: relative;
	background: #fff;
	border: 1px solid #e6e6e6;
	border-radius: 22px;
	padding: 34px 24px;
	box-shadow: 0 2px 10px rgba(44,40,35,0.06);
	transition: transform 0.2s, box-shadow 0.2s;
	overflow: visible
}
.tf-tariff:hover {
	transform: translateY(-6px);
	box-shadow: 0 14px 36px rgba(44,40,35,0.10)
}
.tf-tariff--featured {
	border: 2px solid var(--bp-orange);
	box-shadow: 0 14px 36px rgba(44,40,35,0.10)
}
.tf-tariff--featured:hover {
	box-shadow: 0 24px 60px rgba(44,40,35,0.16)
}
.tf-ribbon {
	display: block;
	width: fit-content;
	margin: -49px auto 20px;
	background: var(--bp-orange);
	color: #fff;
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 0.04em;
	padding: 6px 18px;
	border-radius: 999px;
	white-space: nowrap;
	box-shadow: 0 6px 16px rgba(236,125,45,0.4);
	text-align: center
}
.tf-tariff-name {
	font-weight: 700;
	font-size: 22px;
	margin-bottom: 2px;
	color: #1a1a1a;
	display: block
}
.tf-tariff-name .orange { color: var(--bp-orange) }
.tf-tariff-tag {
	color: #666;
	font-size: 14px;
	margin-bottom: 20px;
	display: block
}
.tf-tariff-price {
	display: flex;
	align-items: baseline;
	gap: 6px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 20px
}
.tf-price-amount {
	font-weight: 700;
	font-size: 28px;
	color: #1a1a1a
}
.tf-price-per {
	font-size: 14px;
	color: #666
}
.tf-tariff-desc {
	font-size: 14px;
	color: #666;
	margin-bottom: 22px;
	min-height: 84px;
	display: block
}
.tf-tariff .bp-btn {
	margin-bottom: 24px;
	font-size: 16px;
	padding: 14px 28px;
	width: 100%;
	text-align: center;
	justify-content: center
}
.tf-feat-title {
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #666;
	margin-bottom: 14px;
	display: block
}
.tf-feats {
	display: flex;
	flex-direction: column;
	gap: 12px
}
.tf-feat {
	display: flex;
	align-items: flex-start;
	gap: 7px;
	font-size: 14px;
	min-width: 0
}
.tf-feat > .row,
.tf-feat > .row > [class*="col-"] {
	display: contents
}
.tf-feat-ico {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	margin-top: 2px
}
.tf-feat-ico > .row,
.tf-feat-ico > .row > [class*="col-"] {
	display: contents
}
.tf-feat--yes .tf-feat-ico {
	background: rgba(63,157,107,0.14);
	color: #3F9D6B
}
.tf-feat--no .tf-feat-ico {
	background: #f1ece4;
	color: #b7afa4
}
.tf-feat--no .tf-feat-label { color: #aba398 }
.tf-feat-label { flex: 1; min-width: 0 }
.tf-feat-info {
	margin-left: -6px;
	display: inline-flex;
	align-items: center
}
.tf-feat-info > .row,
.tf-feat-info > .row > [class*="col-"] {
	display: contents
}
.tf-feat-max {
	margin-left: auto;
	font-weight: 600;
	font-size: 11px;
	color: #d2691c;
	background: var(--bp-light-orange);
	border-radius: 999px;
	padding: 2px 8px;
	white-space: nowrap;
	flex-shrink: 0
}
.tf-tariff .popover {
	min-width: 200px;
	z-index: 1060
}
.tf-tariff .popover-container {
	position: static
}
.tf-feats .popover-container {
	position: static
}
.tf-feat-info .popover-container {
	position: static
}
.tf-tariff:has(.popover.in) {
	z-index: 10
}
.tf-note {
	text-align: center;
	font-size: 13.5px;
	color: #666;
	margin-top: 32px;
	display: block
}
@media (max-width: 1024px) {
	.tf-facts { grid-template-columns: repeat(2, 1fr) }
}
@media (max-width: 760px) {
	.tf-facts { grid-template-columns: 1fr }
	.tf-tariff-desc { min-height: 0 }
}

.tf-intro {
	background: linear-gradient(170deg, #FDF4EA 0%, #fff 78%);
	padding: 84px 0;
	margin-left: -15px;
	margin-right: -15px
}
.tf-intro-inner {
	max-width: 760px;
	margin: 0 auto;
	text-align: center;
	padding: 0 24px
}
.tf-intro-inner .tf-intro-title {
	font-size: clamp(28px, 3.4vw, 40px);
	font-weight: 700;
	color: #1a1a1a;
	line-height: 1.2;
	margin-bottom: 12px;
	display: block
}
.tf-intro-inner .tf-intro-sub {
	color: var(--bp-orange);
	font-size: clamp(16px, 2.2vw, 22px);
	font-weight: 600;
	margin-top: 5px;
	margin-bottom: 26px;
	display: block
}
.tf-intro-inner .tf-intro-para {
	color: #555;
	margin-bottom: 18px;
	font-size: 16.5px;
	line-height: 1.6;
	display: block
}
.tf-intro-inner .tf-intro-para:last-child {
	margin-bottom: 0
}
.tf-cta-banner {
	background: linear-gradient(135deg, var(--bp-orange) 0%, #E0691B 100%);
	border-radius: 26px;
	padding: 56px 48px;
	text-align: center;
	color: #fff;
	position: relative;
	overflow: hidden;
	margin: 40px 0
}
.tf-cta-banner::before,
.tf-cta-banner::after {
	content: "";
	position: absolute;
	border-radius: 50%;
	background: rgba(255,255,255,0.10)
}
.tf-cta-banner::before { width: 220px; height: 220px; top: -90px; right: -50px }
.tf-cta-banner::after { width: 160px; height: 160px; bottom: -80px; left: -40px }
.tf-cta-title {
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 12px;
	position: relative;
	display: block
}
.tf-cta-text {
	max-width: 540px;
	margin: 0 auto 26px;
	font-size: 16px;
	color: rgba(255,255,255,0.92);
	position: relative;
	display: block
}
.tf-cta-banner a.rbutton,
.tf-cta-banner .tf-cta-btn {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	background: #fff !important;
	color: var(--bp-orange) !important;
	font-size: 16px;
	font-weight: 600;
	padding: 16px 34px;
	border-radius: 999px;
	border: none;
	cursor: pointer;
	text-decoration: none;
	transition: all 0.2s;
	box-shadow: 0 2px 10px rgba(44,40,35,0.06);
	position: relative;
	width: auto !important
}
.tf-cta-banner a.rbutton:hover,
.tf-cta-banner .tf-cta-btn:hover {
	box-shadow: 0 14px 36px rgba(44,40,35,0.10);
	transform: translateY(-2px)
}
.tf-faq-section {
	padding: 60px 24px
}
.tf-faq-head {
	max-width: 660px;
	margin: 0 auto 48px;
	text-align: center
}
.tf-faq-head .tf-faq-eyebrow {
	display: block;
	font-size: 13px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--bp-orange);
	font-weight: 600;
	margin-bottom: 14px
}
.tf-faq-head .tf-faq-title {
	font-size: 36px;
	font-weight: 700;
	color: #1a1a1a;
	margin-bottom: 12px;
	display: block
}
.tf-faq-head .tf-faq-sub {
	color: #666;
	font-size: 17px;
	display: block
}
.tf-docs-section {
	padding: 60px 24px;
	background: #FFFBF6
}
.tf-docs-head {
	max-width: 660px;
	margin: 0 auto 48px;
	text-align: center
}
.tf-docs-head .tf-docs-eyebrow {
	display: block;
	font-size: 13px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--bp-orange);
	font-weight: 600;
	margin-bottom: 14px
}
.tf-docs-head .tf-docs-title {
	font-size: 36px;
	font-weight: 700;
	color: #1a1a1a;
	margin-bottom: 12px;
	display: block
}
.tf-docs-head .tf-docs-sub {
	color: #666;
	font-size: 16px;
	display: block;
	line-height: 1.6
}
@media (max-width: 768px) {
	.tf-cta-banner { padding: 44px 26px }
	.tf-cta-title { font-size: 26px }
	.tf-intro { padding: 56px 0 }
	.tf-intro-inner .tf-intro-title { font-size: 26px }
}

.bp-pay-section-title {
	font-size: 19px;
	font-weight: 700;
	margin: 26px 0 4px
}
.bp-pay-section-sub {
	font-size: 13px;
	color: #8A8A8A;
	margin-bottom: 14px
}
.bp-pay-opt {
	border: 1px solid #E2E2E2;
	background: #F3F3F3;
	border-radius: 8px;
	padding: 16px 18px;
	margin-bottom: 12px;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 12px
}
.bp-pay-opt > * {
	display: flex;
	align-items: center;
	gap: 5px;
	flex-wrap: wrap
}
.bp-pay-opt label {
	display: flex;
	align-items: center;
	gap: 5px;
	flex-wrap: wrap;
	cursor: pointer
}
.bp-pay-opt.selected {
	border-color: var(--bp-orange);
	background: var(--bp-light-orange)
}
.bp-pay-amt {
	color: var(--bp-orange);
	font-weight: 700
}
.bp-pay-save {
	color: #2E9E5B;
	font-weight: 600;
	font-size: 13px;
	margin-left: 6px;
	display: inline
}
.bp-pay-method {
	border: 1px solid #E2E2E2;
	background: #F3F3F3;
	border-radius: 8px;
	margin-bottom: 14px;
	overflow: hidden;
	cursor: pointer;
	transition: border-color .15s;
	padding: 16px 18px
}
.bp-pay-method > div {
	padding: 0;
	margin: 0
}
.bp-pay-method.selected {
	border-color: var(--bp-orange);
	background: var(--bp-light-orange)
}
.bp-pay-method-title {
	font-size: 17px;
	font-weight: 700;
	display: inline;
	vertical-align: middle
}
.bp-pay-badge {
	background: var(--bp-orange);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 8px;
	border-radius: 20px;
	letter-spacing: .3px;
	text-transform: uppercase;
	display: inline-block;
	margin-left: 8px;
	vertical-align: middle
}
.bp-pay-sepa-ico {
	display: inline-flex;
	width: 34px;
	height: 22px;
	border-radius: 4px;
	background: #1a3a6b;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	align-items: center;
	justify-content: center;
	letter-spacing: .5px;
	margin-right: 6px;
	vertical-align: middle
}
.bp-pay-method-body {
	padding: 10px 0 0 0;
	margin-top: 12px
}
.bp-pay-method:not(.selected) .bp-pay-method-body {
	display: none
}
.bp-pay-lead {
	font-size: 14.5px;
	line-height: 1.5;
	margin: 2px 0 14px;
	color: #454545;
	max-width: 640px
}
.bp-pay-trust {
	font-size: 12.5px;
	color: #5a7a64;
	margin-top: 10px
}
.bp-pay-fineprint {
	font-size: 11.5px;
	color: #a0a0a0;
	margin-top: 14px;
	max-width: 640px;
	line-height: 1.4
}
.bp-pay-payer {
	margin-top: 18px
}
.bp-pay-payer-lbl {
	font-size: 13px;
	color: #8A8A8A;
	margin-bottom: 7px
}
.bp-pay-friction {
	font-size: 13px;
	color: #9a6a3a;
	background: #FCF4EC;
	border: 1px solid #F2D9C2;
	border-radius: 6px;
	padding: 10px 12px;
	margin-top: 4px;
	line-height: 1.45
}
.bp-pay-cardlogos {
	display: inline-flex;
	gap: 7px;
	align-items: center;
	margin-left: 8px;
	vertical-align: middle
}
.bp-pay-cardlogo {
	height: 22px;
	border: 1px solid #ddd;
	border-radius: 3px;
	background: #fff;
	font-size: 10px;
	font-weight: 700;
	color: #444;
	padding: 3px 6px;
	display: inline-flex;
	align-items: center
}

.bp-contact-shell {
	margin-left: -15px;
	margin-right: -15px
}
.bp-contact-shell > .row > [class*="col"] {
	display: grid !important;
	grid-template-columns: 0.85fr 1fr;
	max-width: none;
	margin: 0;
	background: #fff;
	border-radius: 0;
	overflow: hidden;
	box-shadow: none;
	float: none !important;
	width: 100% !important;
	padding: 0 !important
}
.bp-contact-shell > .row {
	margin: 0 !important
}
.bp-contact-brand {
	background: linear-gradient(160deg, var(--bp-orange) 0%, var(--bp-light-orange) 100%);
	color: #fff;
	padding: 3rem 2.5rem;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column
}
.bp-contact-brand::after {
	content: '';
	position: absolute;
	right: -60px;
	bottom: -60px;
	width: 220px;
	height: 220px;
	border-radius: 50%;
	background: rgba(255,255,255,0.08)
}
.bp-contact-brand > .row {
	margin: 0 !important;
	float: none !important
}
.bp-contact-brand > .row > [class*="col"] {
	padding: 0 !important;
	float: none !important;
	width: auto !important
}
.bp-contact-brand > .row.last {
	margin-top: auto !important
}
.bp-contact-brand-title {
	font-size: 24px !important;
	font-weight: 700 !important;
	letter-spacing: -0.3px;
	margin-bottom: 12px;
	line-height: 1.3
}
.bp-contact-brand-lead {
	font-size: 14px !important;
	opacity: 0.92;
	line-height: 1.6;
	margin-bottom: 0
}
.bp-contact-features > .row > [class*="col"] {
	display: flex !important;
	flex-direction: column;
	gap: 16px
}
.bp-contact-feat > .row > [class*="col"] {
	display: flex !important;
	align-items: flex-start;
	gap: 12px
}
.bp-contact-feat-icon {
	flex-shrink: 0;
	margin-top: 2px;
	opacity: 0.95;
	font-size: 16px
}
.bp-contact-feat-text > .row {
	margin: 0 !important
}
.bp-contact-feat-text > .row > [class*="col"] {
	padding: 0 !important;
	float: none !important;
	width: auto !important
}
.bp-contact-feat-title {
	display: block;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.3
}
.bp-contact-feat-sub {
	opacity: 0.85;
	font-size: 12px !important;
	line-height: 1.4
}
.bp-contact-panel {
	padding: 3rem 2.75rem
}
.bp-contact-panel > .row {
	margin: 0 !important
}
.bp-contact-panel > .row > [class*="col"] {
	padding: 0 !important;
	float: none !important;
	width: 100% !important
}
.bp-contact-form-title {
	font-size: 22px !important;
	font-weight: 700 !important;
	letter-spacing: -0.3px;
	margin-bottom: 6px;
	line-height: 1.3;
	color: #1a1a2e
}
.bp-contact-form-sub {
	color: #6b7280;
	font-size: 13px !important;
	line-height: 1.5;
	display: block;
	margin-bottom: 20px
}
.bp-contact-label {
	font-size: 12px !important;
	font-weight: 400 !important;
	margin-top: 16px;
	margin-bottom: 4px;
	display: inline-block;
	color: #1a1a2e
}
.bp-contact-panel .form-label {
	font-size: 12px !important;
	font-weight: 400 !important;
	width: auto !important;
	float: none !important;
	padding: 0 !important;
	margin-bottom: 4px;
	color: #1a1a2e
}
.bp-contact-panel .form-group {
	width: 100% !important;
	float: none !important;
	padding: 0 !important
}
.bp-contact-panel .row.standard {
	margin: 0 !important;
	display: block !important
}
.bp-contact-panel .row.empty-line {
	display: none !important
}
.bp-contact-panel .row.standard + .row.standard {
	margin-top: 12px !important
}
.bp-contact-panel input[type="text"],
.bp-contact-panel input[type="email"],
.bp-contact-panel input[type="tel"],
.bp-contact-panel textarea {
	width: 100%;
	padding: 10px 14px;
	font-size: 14px !important;
	color: #1a1a2e;
	background: #f8f9fb;
	border: 1.5px solid transparent;
	border-radius: 10px;
	transition: all 0.18s ease;
	outline: none
}
.bp-contact-panel select {
	width: 100%;
	padding: 10px 14px;
	height: 42px;
	font-size: 14px !important;
	color: #1a1a2e;
	background: #f8f9fb;
	border: 1.5px solid transparent;
	border-radius: 10px;
	transition: all 0.18s ease;
	outline: none;
	appearance: none;
	-moz-appearance: none;
	appearance: none
}
.bp-contact-panel input[type="text"]:focus,
.bp-contact-panel input[type="email"]:focus,
.bp-contact-panel input[type="tel"]:focus,
.bp-contact-panel select:focus,
.bp-contact-panel textarea:focus {
	background: #fff;
	border-color: var(--bp-orange);
	box-shadow: 0 0 0 3px rgba(232,115,42,0.12)
}
.bp-contact-panel input::placeholder,
.bp-contact-panel textarea::placeholder {
	color: #aab0bc;
	font-size: 14px
}
.bp-contact-panel textarea {
	resize: vertical;
	min-height: 100px
}
.bp-contact-panel img[width="5"] {
	display: none !important
}
.bp-contact-panel .checkbox-inline {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 16px 0 0;
	padding-left: 25px
}
.bp-contact-panel .checkbox-inline label {
	font-size: 12px !important;
	color: #6b7280;
	cursor: pointer;
	padding-left: 0;
	line-height: 1.5
}
.bp-contact-panel .checkbox-inline label::after {
	content: ' *';
	color: red;
	font-weight: 600
}
.bp-contact-panel .bp-contact-submit {
	display: block;
	width: 100%;
	padding: 12px;
	margin-top: 24px;
	font-size: 15px !important;
	font-weight: 600;
	color: #fff;
	background: var(--bp-orange);
	border: none;
	border-radius: 10px;
	cursor: pointer;
	transition: all 0.18s ease;
	text-align: center;
	text-decoration: none
}
.bp-contact-panel .bp-contact-submit:hover {
	background: #d4651f;
	transform: translateY(-1px);
	box-shadow: 0 6px 16px rgba(232,115,42,0.30);
	color: #fff;
	text-decoration: none
}
@media (max-width: 760px) {
	.bp-contact-shell > .row > [class*="col"] {
		grid-template-columns: 1fr
	}
	.bp-contact-brand {
		padding: 2.25rem 2rem
	}
	.bp-contact-brand > .row.last {
		margin-top: 2rem !important
	}
	.bp-contact-panel {
		padding: 2.25rem 2rem
	}
}

.bc-kicker {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--bp-orange);
	margin-bottom: 14px;
	display: block
}
.bc-h2 {
	font-size: 34px;
	line-height: 1.25;
	font-weight: 700;
	color: #1D1D1B;
	margin-bottom: 12px;
	display: block
}
.bc-sub {
	font-size: 18px;
	color: #5C5C58;
	max-width: 640px;
	line-height: 1.6;
	margin-bottom: 8px;
	display: block
}
.bc-hero {
	margin: 0 -15px;
	background: linear-gradient(160deg, var(--bp-very-light-orange) 0%, #fff 75%);
	padding: 80px 60px 64px
}
.bc-hero-grid > .row > [class*='col'] {
	display: grid;
	grid-template-columns: 1.2fr 0.8fr;
	gap: 48px;
	align-items: center
}
.bc-hero-title {
	font-size: 44px;
	line-height: 1.15;
	font-weight: 800;
	color: #1D1D1B;
	margin-bottom: 6px;
	display: block
}
.bc-hero-accent {
	font-size: 44px;
	line-height: 1.15;
	font-weight: 800;
	color: var(--bp-orange);
	margin-bottom: 18px;
	display: block
}
.bc-hero-sub {
	font-size: 18px;
	color: #5C5C58;
	line-height: 1.65;
	max-width: 540px;
	margin-bottom: 28px;
	display: block
}
.bc-hero-badges > .row > [class*='col'] {
	display: flex;
	gap: 10px;
	flex-wrap: wrap
}
.bc-badge {
	background: #fff;
	border: 1px solid var(--bp-very-light-orange);
	border-radius: 999px;
	padding: 7px 16px;
	font-size: 13px;
	font-weight: 600;
	color: #5C5C58;
	box-shadow: 0 2px 8px rgba(0,0,0,0.04)
}
.bc-hero-badges {
	margin: 22px 0 30px
}
.bc-hero-actions > .row > [class*='col'] {
	display: flex;
	gap: 14px;
	align-items: center;
	flex-wrap: wrap
}
.bc-hero-actions .row.empty-line {
	display: none
}
.bc-hero-actions a.rbutton,
.bc-hero-actions .bc-btn {
	width: auto !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	background: var(--bp-orange) !important;
	color: #fff !important;
	font-size: 16px;
	font-weight: 600;
	padding: 14px 30px;
	border-radius: 999px;
	border: none;
	cursor: pointer;
	text-decoration: none;
	transition: background 0.2s
}
.bc-hero-actions a.rbutton:hover,
.bc-hero-actions .bc-btn:hover {
	opacity: 0.92
}
.bc-hero-actions .bc-btn-ghost,
.bc-hero-actions a.text-button.bc-btn-ghost {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	background: transparent !important;
	color: var(--bp-orange) !important;
	font-size: 16px;
	font-weight: 600;
	padding: 12px 30px;
	border-radius: 999px;
	border: 2px solid var(--bp-orange);
	cursor: pointer;
	text-decoration: none;
	transition: all 0.2s;
	width: auto !important
}
.bc-hero-actions .bc-btn-ghost:hover {
	background: var(--bp-very-light-orange) !important
}
.bc-hero-visual {
	background: #fff;
	border: 1px solid var(--bp-very-light-orange);
	border-radius: 18px;
	padding: 40px 34px;
	text-align: center;
	box-shadow: 0 12px 40px rgba(241,100,30,0.10)
}
.bc-stars {
	color: #F5A623;
	font-size: 24px;
	line-height: 1;
	letter-spacing: 3px;
	display: block;
	margin-bottom: 14px
}
.bc-score {
	font-size: 44px;
	line-height: 1;
	font-weight: 800;
	color: #1D1D1B;
	margin-bottom: 10px;
	display: block
}
.bc-score-sub {
	color: #5C5C58;
	font-size: 14px;
	line-height: 1.5;
	display: block
}
.bc-seal {
	margin-top: 28px;
	display: inline-block;
	background: var(--bp-very-light-orange);
	border-radius: 12px;
	padding: 12px 18px;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;
	color: var(--bp-orange)
}
.bc-stats {
	margin: 0 -15px;
	background: #1D1D1B;
	color: #fff;
	padding: 44px 60px
}
.bc-stats-grid > .row > [class*='col'] {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 24px;
	text-align: center
}
.bc-stat {
	display: block
}
.bc-stat-num {
	display: block;
	font-size: 30px;
	font-weight: 800;
	line-height: 1.2;
	margin-bottom: 6px;
	color: #FFB68A
}
.bc-stat-label {
	display: block;
	font-size: 13.5px;
	line-height: 1.4;
	color: #CFCAC4
}
.bc-timeline-band {
	margin: 0 -15px;
	background: #fff;
	padding: 72px 60px
}
.bc-timeline > .row > [class*='col'] {
	position: relative;
	padding-left: 30px;
	border-left: 3px solid var(--bp-light-orange);
	margin-top: 44px
}
.bc-t-item {
	position: relative;
	padding: 0 0 38px 26px
}
.bc-t-item::before {
	content: "";
	position: absolute;
	left: -41px;
	top: 4px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: var(--bp-orange);
	border: 4px solid var(--bp-very-light-orange)
}
.bc-t-year {
	font-size: 14px;
	font-weight: 800;
	color: var(--bp-orange);
	letter-spacing: 0.08em;
	display: block
}
.bc-t-title-row > .row > [class*='col'] {
	display: flex;
	align-items: baseline;
	gap: 10px;
	flex-wrap: wrap
}
.bc-t-title {
	font-size: 20px;
	font-weight: 700;
	color: #1D1D1B;
	margin: 4px 0 6px;
	display: block
}
.bc-new-tag {
	display: inline-block;
	background: var(--bp-orange);
	color: #fff;
	border-radius: 6px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.06em;
	padding: 2px 8px
}
.bc-t-text {
	color: #5C5C58;
	max-width: 620px;
	font-size: 16px;
	line-height: 1.6;
	display: block
}
.bc-partners {
	margin: 0 -15px;
	background: var(--bp-very-light-orange);
	padding: 72px 60px
}
.bc-cards-2 > .row > [class*='col'] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 26px;
	margin-top: 40px
}
.bc-card {
	background: #fff;
	border-radius: 18px;
	padding: 36px;
	border: 1px solid var(--bp-very-light-orange);
	box-shadow: 0 8px 28px rgba(0,0,0,0.05)
}
.bc-role {
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #fff;
	background: var(--bp-orange);
	border-radius: 999px;
	padding: 5px 14px;
	margin-bottom: 16px
}
.bc-card-title {
	font-size: 23px;
	font-weight: 700;
	color: #1D1D1B;
	margin-bottom: 10px;
	display: block
}
.bc-card-text {
	color: #5C5C58;
	font-size: 16px;
	line-height: 1.6;
	display: block
}
.bc-legal {
	margin-top: 14px;
	font-size: 12.5px;
	line-height: 1.5;
	color: #9B8A7A;
	display: block
}
.bc-checks {
	margin-top: 16px
}
.bc-check > .row > [class*='col'] {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 8px;
	font-size: 15.5px;
	color: #1D1D1B
}
.bc-check .fa,
.bc-check i {
	color: var(--bp-orange);
	font-weight: 800;
	margin-top: 3px
}
.bc-founder > .row > [class*='col'] {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-top: 24px;
	padding-top: 20px;
	border-top: 1px solid var(--bp-very-light-orange)
}
.bc-avatar {
	width: 58px;
	height: 58px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--bp-orange), #FB637E);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
	font-size: 20px;
	flex-shrink: 0
}
.bc-founder-name {
	font-size: 16px;
	font-weight: 700;
	color: #1D1D1B;
	display: block
}
.bc-founder-role {
	color: #5C5C58;
	font-size: 13.5px;
	display: block
}
.bc-promises {
	margin: 0 -15px;
	background: #fff;
	padding: 72px 60px
}
.bc-cards-3 > .row > [class*='col'] {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	margin-top: 40px
}
.bc-promise {
	background: #fff;
	border: 1px solid var(--bp-very-light-orange);
	border-radius: 18px;
	padding: 30px
}
.bc-promise-num {
	font-size: 14px;
	font-weight: 800;
	color: #FB637E;
	letter-spacing: 0.1em;
	display: block
}
.bc-promise-title {
	font-size: 19px;
	font-weight: 700;
	color: #1D1D1B;
	margin: 8px 0;
	display: block
}
.bc-promise-text {
	color: #5C5C58;
	font-size: 15.5px;
	line-height: 1.6;
	display: block
}
.bc-doctors {
	margin: 0 -15px;
	background: #fff;
	padding: 0 60px 72px
}
.bc-doctors-grid > .row > [class*='col'] {
	display: grid;
	grid-template-columns: 1.1fr 0.9fr;
	gap: 48px;
	align-items: start
}
.bc-doctors-text {
	display: block
}
.bc-doctors-text .bc-hero-actions {
	margin-top: 32px
}
.bc-doc-box {
	background: var(--bp-very-light-orange);
	border-radius: 18px;
	padding: 40px;
	margin-top: 30px
}
.bc-doc-big {
	font-size: 42px;
	font-weight: 800;
	line-height: 1;
	color: var(--bp-orange);
	margin-bottom: 18px;
	display: block
}
.bc-doc-text {
	color: #5C5C58;
	font-size: 15.5px;
	line-height: 1.7;
	display: block
}
.bc-doc-source {
	margin-top: 12px;
	font-size: 11.5px;
	line-height: 1.5;
	color: #A98F77;
	display: block
}
.bc-cta-band {
	margin: 0 -15px;
	background: linear-gradient(135deg, var(--bp-light-orange) 0%, var(--bp-very-light-orange) 100%);
	padding: 72px 60px
}
.bc-cta-grid > .row > [class*='col'] {
	display: grid;
	grid-template-columns: 1.1fr 0.9fr;
	gap: 64px;
	align-items: center
}
.bc-cta-text {
	display: block
}
.bc-cta-kicker {
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--bp-orange);
	margin-bottom: 20px
}
.bc-cta-headline {
	font-size: 46px;
	line-height: 1.1;
	font-weight: 800;
	letter-spacing: -0.5px;
	color: #1D1D1B;
	display: block
}
.bc-cta-accent {
	font-size: 46px;
	line-height: 1.1;
	font-weight: 800;
	letter-spacing: -0.5px;
	color: var(--bp-orange);
	margin-bottom: 26px;
	display: block
}
.bc-cta-lead {
	font-size: 18px;
	line-height: 1.65;
	color: var(--bp-grey);
	max-width: 520px;
	display: block
}
.bc-cta-card {
	background: #fff;
	border-radius: 26px;
	padding: 44px 40px;
	box-shadow: 0 24px 60px rgba(201,110,50,0.16)
}
.bc-cta-stars {
	color: #F5A623;
	font-size: 26px;
	letter-spacing: 4px;
	line-height: 1;
	margin-bottom: 20px;
	display: block
}
.bc-cta-quote {
	font-size: 19px;
	font-style: italic;
	line-height: 1.55;
	color: #1D1D1B;
	margin-bottom: 22px;
	display: block
}
.bc-cta-by {
	font-size: 14px;
	font-weight: 700;
	color: var(--bp-orange);
	display: block
}
@media (max-width: 840px) {
	.bc-hero-grid > .row > [class*='col'],
	.bc-cards-2 > .row > [class*='col'],
	.bc-doctors-grid > .row > [class*='col'],
	.bc-cta-grid > .row > [class*='col'] {
		grid-template-columns: 1fr
	}
	.bc-stats-grid > .row > [class*='col'] {
		grid-template-columns: repeat(2, 1fr)
	}
	.bc-cards-3 > .row > [class*='col'] {
		grid-template-columns: 1fr
	}
	.bc-doc-box {
		margin-top: 0
	}
	.bc-hero-title,
	.bc-hero-accent {
		font-size: 32px
	}
	.bc-cta-headline,
	.bc-cta-accent {
		font-size: 36px
	}
	.bc-hero {
		padding: 48px 24px
	}
	.bc-stats,
	.bc-timeline-band,
	.bc-partners,
	.bc-promises,
	.bc-doctors,
	.bc-cta-band {
		padding-left: 24px;
		padding-right: 24px
	}
}

.bh-hero-seal {
	display: flex;
	align-items: center;
	gap: 12px;
	background: #fff;
	border-radius: 10px;
	padding: 10px 16px;
	box-shadow: 0 4px 14px rgba(42,26,14,0.10);
	margin-bottom: 24px;
	width: fit-content
}
.bh-price-anchor {
	display: inline-flex;
	align-items: baseline;
	gap: 4px;
	font-size: 14px;
	color: #6A4A38
}
.bh-price-value {
	font-size: 19px;
	font-weight: 700;
	color: #2A1A0E
}
.bh-seal-mark {
	background: #C8102E;
	color: #fff;
	border-radius: 6px;
	padding: 6px 9px;
	text-align: center;
	line-height: 1.25;
	flex-shrink: 0
}
.bh-seal-label {
	display: block;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 0.04em
}
.bh-seal-years {
	display: block;
	font-size: 12px;
	font-weight: 800
}
.bh-seal-title {
	display: block;
	font-size: 12.5px;
	font-weight: 700;
	color: #2A1A0E;
	line-height: 1.35
}
.bh-seal-source {
	display: block;
	font-size: 11.5px;
	color: #6A4A38;
	line-height: 1.35
}
.cmp-section {
	padding: 8px 0 56px
}
.cmp-eyebrow {
	display: block;
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--bp-orange);
	margin-bottom: 12px
}
.cmp-h2 {
	display: block;
	text-align: center;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.2;
	color: #1D1D1B
}
.cmp-h2-accent {
	display: block;
	text-align: center;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--bp-orange);
	margin-bottom: 12px
}
.cmp-lede {
	display: block;
	text-align: center;
	font-size: 17px;
	color: #5C5C58;
	line-height: 1.6;
	max-width: 660px;
	margin: 0 auto
}
.cmp-table {
	margin-top: 38px;
	border: 1px solid var(--bp-very-light-orange);
	border-radius: 14px;
	overflow: hidden
}
.cmp-row {
	display: grid;
	grid-template-columns: 34fr 30fr 36fr;
	align-items: stretch
}
.cmp-row:nth-of-type(even) {
	background: #FFFAF6
}
.cmp-cell {
	padding: 14px 18px;
	font-size: 14.5px;
	line-height: 1.5;
	min-width: 0;
	overflow-wrap: break-word
}
.cmp-cell-label {
	display: none
}
.cmp-th {
	background: #FAF3EC;
	font-size: 13px;
	font-weight: 700;
	color: #1D1D1B
}
.cmp-th-us {
	background: var(--bp-orange);
	color: #fff;
	font-weight: 800
}
.cmp-feature-label {
	display: block;
	font-weight: 600;
	color: #1D1D1B
}
.cmp-feature-note {
	display: block;
	font-size: 12.5px;
	font-weight: 400;
	color: #9B8A7A;
	margin-top: 2px
}
.cmp-other {
	color: #6B6B6B
}
.cmp-other .fa,
.cmp-other i {
	margin-right: 6px;
	font-weight: 700
}
.cmp-hasnot .fa,
.cmp-hasnot i {
	color: #B5433D
}
.cmp-has .fa,
.cmp-has i {
	color: #1D8A3C
}
.cmp-us {
	color: #1D1D1B
}
.cmp-us .fa,
.cmp-us i {
	color: #1D8A3C;
	font-weight: 700;
	margin-right: 6px
}
.cmp-tarif {
	display: inline-block;
	font-size: 12px;
	color: #A06A2C;
	background: var(--bp-very-light-orange);
	border-radius: 6px;
	padding: 1px 7px;
	margin-left: 6px;
	white-space: nowrap
}
.cmp-fine {
	display: block;
	text-align: center;
	font-size: 12px;
	color: #A08A75;
	line-height: 1.5;
	margin-top: 16px
}
.cmp-chips-block {
	margin-top: 44px;
	text-align: center
}
.cmp-chips-title {
	display: block;
	font-size: 21px;
	font-weight: 700;
	color: #1D1D1B;
	margin-bottom: 8px
}
.cmp-chips-sub {
	display: block;
	font-size: 16px;
	color: #5C5C58;
	line-height: 1.6;
	max-width: 660px;
	margin: 0 auto
}
.cmp-chips {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 20px
}
.cmp-chip {
	background: #FFFAF6;
	border: 1px solid var(--bp-very-light-orange);
	border-radius: 999px;
	padding: 9px 18px;
	font-size: 13.5px;
	color: #6A4B33
}
.cmp-chip-pro {
	border-color: var(--bp-orange)
}
.cmp-chip-tarif {
	color: var(--bp-orange);
	font-weight: 700;
	margin-left: 5px
}
.hf-section {
	padding: 8px 0 56px;
	max-width: 820px;
	margin: 0 auto
}
.hf-eyebrow {
	display: block;
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--bp-orange);
	margin-bottom: 12px
}
.hf-h2 {
	display: block;
	text-align: center;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.2;
	color: #1D1D1B;
	margin-bottom: 24px
}
.hf-more {
	text-align: center;
	margin-top: 20px
}
.hf-more-link {
	color: var(--bp-orange);
	font-weight: 600;
	font-size: 14px;
	text-decoration: none
}
@media (max-width: 840px) {
	.cmp-h2,
	.cmp-h2-accent {
		font-size: 24px
	}
	.cmp-table {
		border: none;
		border-radius: 0;
		overflow: visible;
		margin-top: 28px
	}
	.cmp-head {
		display: none
	}
	.cmp-row {
		display: block;
		background: #fff;
		border: 1px solid var(--bp-very-light-orange);
		border-radius: 14px;
		margin-bottom: 14px;
		overflow: hidden
	}
	.cmp-row:nth-of-type(even) {
		background: #fff
	}
	.cmp-cell {
		display: block;
		padding: 14px 16px
	}
	.cmp-cell-label {
		display: block;
		font-size: 11px;
		font-weight: 700;
		letter-spacing: 0.08em;
		text-transform: uppercase;
		color: #9B8A7A;
		margin-bottom: 4px
	}
	.cmp-feature {
		background: #FAF3EC;
		border-bottom: 1px solid var(--bp-very-light-orange)
	}
	.cmp-feature-label {
		font-size: 15.5px;
		font-weight: 700
	}
	.cmp-other {
		border-bottom: 1px solid var(--bp-very-light-orange)
	}
	.cmp-us {
		background: #FFFAF6
	}
	.cmp-us .cmp-cell-label {
		color: var(--bp-orange)
	}
}

.cp-page > .row,
.cp-page > .row > [class*='col'] {
	display: contents
}
.cp-page {
	--cp-primary: var(--bp-orange, #EC7E33);
	--cp-primary-soft: var(--bp-light-orange, #FEF3EC);
	--cp-primary-wash: var(--bp-light-orange, #FEF3EC);
	--cp-accent: var(--bp-green, #3EB690);
	--cp-accent-soft: var(--bp-light-green, #67CBAB);
	--cp-accent-tint: var(--bp-very-light-green, #C2EADE);
	--cp-ink: #1D1D1B;
	--cp-txt: #5C5C58;
	--cp-mut: #8A8A8A;
	--cp-line: #E6E6E6;
	--cp-band: #F4F4F3;
	--cp-radius: 14px;
	--cp-shadow: 0 8px 28px rgba(28,28,28,0.07);
	color: var(--cp-txt);
	font-size: 15px;
	line-height: 1.6
}
@supports (color: color-mix(in srgb, red 50%, white)) {
	.cp-page {
		--cp-primary-wash: color-mix(in srgb, var(--bp-orange, #EC7E33) 8%, #fff)
	}
}
.cp-eyebrow {
	display: block;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--cp-primary);
	margin-bottom: 12px
}
.cp-h2 {
	display: block;
	font-size: 32px;
	line-height: 1.2;
	font-weight: 800;
	letter-spacing: -0.01em;
	color: var(--cp-ink);
	margin-bottom: 12px
}
.cp-h3 {
	display: block;
	font-size: 19px;
	line-height: 1.25;
	font-weight: 800;
	color: var(--cp-ink);
	margin-bottom: 8px
}
.cp-lead {
	display: block;
	font-size: 17px;
	line-height: 1.6;
	max-width: 720px;
	color: var(--cp-txt)
}
.cp-small {
	display: block;
	font-size: 13px;
	line-height: 1.55;
	color: var(--cp-txt)
}
.cp-sec {
	margin: 0 -15px;
	padding: 72px 60px;
	background: #fff
}
.cp-sec-flush {
	padding-top: 0
}
.cp-sec-head {
	max-width: 800px;
	margin: 0 auto 40px;
	text-align: center
}
.cp-sec-head .cp-lead {
	margin: 0 auto
}
.cp-hero {
	margin: 0 -15px;
	padding: 60px 60px 56px;
	background: linear-gradient(180deg, var(--cp-primary-wash) 0%, #fff 80%)
}
.cp-hero-inner {
	max-width: 880px;
	margin: 0 auto;
	text-align: center
}
.cp-pill {
	display: inline-block;
	border: 1px solid var(--cp-primary);
	color: var(--cp-primary);
	background: #fff;
	padding: 5px 14px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 18px
}
.cp-hero-title {
	display: block;
	font-size: 46px;
	line-height: 1.15;
	font-weight: 800;
	letter-spacing: -0.015em;
	color: var(--cp-ink)
}
.cp-hero-accent {
	display: block;
	font-size: 46px;
	line-height: 1.15;
	font-weight: 800;
	letter-spacing: -0.015em;
	color: var(--cp-primary);
	margin-bottom: 18px
}
.cp-hero-lead {
	display: block;
	font-size: 18px;
	line-height: 1.65;
	max-width: 780px;
	margin: 0 auto 26px;
	color: var(--cp-txt)
}
.cp-hero-actions > .row > [class*='col'] {
	display: flex;
	gap: 14px;
	justify-content: center;
	flex-wrap: wrap
}
.cp-hero-actions .row.empty-line {
	display: none
}
.cp-rating {
	display: block;
	margin-top: 24px;
	font-size: 13px;
	color: var(--cp-mut)
}
.cp-btn,
.cp-hero-actions a,
.cp-hero-actions button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: auto !important;
	background: var(--cp-primary) !important;
	color: #fff !important;
	border: 2px solid var(--cp-primary);
	border-radius: 10px;
	padding: 13px 28px;
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
	cursor: pointer;
	transition: opacity 0.15s
}
.cp-btn:hover,
.cp-hero-actions a:hover,
.cp-hero-actions button:hover {
	opacity: 0.92;
	color: #fff !important
}
.cp-btn-outline {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: auto !important;
	background: transparent !important;
	color: var(--cp-primary) !important;
	border: 2px solid var(--cp-primary);
	border-radius: 10px;
	padding: 13px 28px;
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
	cursor: pointer;
	transition: background 0.15s
}
.cp-btn-outline:hover {
	background: var(--cp-primary-soft) !important
}
.cp-portal {
	max-width: 1060px;
	margin: 44px auto 0;
	background: #fff;
	border: 1px solid var(--cp-line);
	border-radius: 20px;
	overflow: hidden;
	box-shadow: var(--cp-shadow)
}
.cp-portal-bar {
	background: var(--cp-ink);
	padding: 12px 22px;
	font-size: 12px;
	color: #fff
}
.cp-portal-bar > .row > [class*='col'] {
	display: flex;
	gap: 18px;
	align-items: center;
	flex-wrap: wrap
}
.cp-portal-brand {
	font-weight: 700;
	color: var(--cp-accent-soft)
}
.cp-portal-url {
	opacity: 0.6
}
.cp-portal-ctx {
	margin-left: auto;
	opacity: 0.6
}
.cp-mock > .row > [class*='col'] {
	display: grid;
	grid-template-columns: 1.1fr 1fr
}
.cp-mock-left {
	padding: 26px 28px;
	border-right: 1px solid var(--cp-line)
}
.cp-mock-right {
	padding: 26px 28px
}
.cp-mock-h {
	display: block;
	font-size: 15px;
	font-weight: 700;
	color: var(--cp-ink);
	margin-bottom: 4px
}
.cp-hint {
	display: block;
	font-size: 12px;
	color: var(--cp-mut);
	margin-bottom: 12px
}
.cp-tariffs > .row > [class*='col'] {
	display: flex;
	gap: 10px;
	margin-bottom: 22px
}
.cp-tariff {
	flex: 1;
	border: 1px solid var(--cp-line);
	border-radius: 10px;
	overflow: hidden;
	text-align: center;
	font-size: 12px;
	background: #fff
}
.cp-tariff-on {
	border-color: var(--cp-primary);
	box-shadow: 0 0 0 2px var(--cp-primary-soft)
}
.cp-tariff-brand {
	display: block;
	background: #F5F5F5;
	padding: 8px;
	font-weight: 700;
	color: var(--cp-ink)
}
.cp-tariff-badge {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: var(--cp-mut);
	color: #fff;
	font-weight: 700;
	font-size: 12px;
	margin: 12px auto 8px
}
.cp-tariff-on .cp-tariff-badge {
	background: var(--cp-primary)
}
.cp-tariff-cov {
	display: block;
	padding: 0 8px 4px;
	line-height: 1.4
}
.cp-tariff-on .cp-tariff-cov {
	color: var(--cp-primary)
}
.cp-chips > .row > [class*='col'] {
	display: flex;
	gap: 8px;
	margin-bottom: 22px
}
.cp-chip {
	border: 1px solid var(--cp-line);
	border-radius: 6px;
	padding: 6px 14px;
	font-size: 13px;
	background: #fff;
	color: var(--cp-txt)
}
.cp-chip-on {
	border-color: var(--cp-primary);
	color: var(--cp-primary)
}
.cp-frow > .row > [class*='col'] {
	display: grid;
	grid-template-columns: 110px 1fr;
	gap: 10px;
	align-items: center;
	margin-bottom: 8px
}
.cp-frow-label {
	font-size: 12px;
	color: var(--cp-mut)
}
.cp-frow-value {
	font-size: 12px;
	font-weight: 500;
	color: var(--cp-ink);
	border: 1px solid var(--cp-line);
	border-radius: 6px;
	padding: 6px 10px;
	background: #FAFAFA
}
.cp-mock-submit {
	display: inline-block;
	background: var(--cp-accent);
	color: #fff;
	font-weight: 700;
	font-size: 12px;
	padding: 8px 18px;
	border-radius: 6px;
	margin-top: 8px
}
.cp-mock-note {
	display: block;
	font-size: 12px;
	line-height: 1.5;
	color: var(--cp-mut);
	margin-top: 16px
}
.cp-mock-gap {
	display: block;
	height: 22px
}
.cp-tag {
	display: inline-block;
	background: var(--cp-accent-tint);
	color: var(--cp-accent);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 3px 9px;
	border-radius: 6px;
	margin-bottom: 10px
}
.cp-tag-brand {
	background: var(--cp-primary-soft);
	color: var(--cp-primary)
}
.cp-demo {
	border: 1px dashed var(--cp-line);
	border-radius: 10px;
	padding: 12px;
	font-size: 12px;
	line-height: 1.5;
	color: var(--cp-mut);
	margin-top: 10px
}
.cp-demo-ok {
	display: block;
	color: var(--cp-accent);
	font-weight: 700
}
.cp-demo-pending {
	display: block;
	color: var(--cp-primary);
	font-weight: 700
}
.cp-trust {
	margin: 0 -15px;
	padding: 18px 60px;
	background: #fff;
	border-top: 1px solid var(--cp-line);
	border-bottom: 1px solid var(--cp-line)
}
.cp-trust > .row > [class*='col'] {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap
}
.cp-trust-item > .row > [class*='col'] {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	color: var(--cp-txt)
}
.cp-trust-item i {
	color: var(--cp-primary)
}
.cp-trust-strong {
	font-weight: 700;
	color: var(--cp-ink)
}
.cp-trust-value {
	font-weight: 700;
	color: var(--cp-primary)
}
.cp-grid-2 > .row > [class*='col'] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 26px
}
.cp-grid-3 > .row > [class*='col'] {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px
}
.cp-grid-4 > .row > [class*='col'] {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	text-align: center
}
.cp-card {
	background: #fff;
	border: 1px solid var(--cp-line);
	border-radius: var(--cp-radius);
	padding: 30px;
	box-shadow: var(--cp-shadow)
}
.cp-flow {
	margin: 0 -15px;
	padding: 0 60px 72px;
	background: #fff
}
.cp-flow > .row > [class*='col'] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: start
}
.cp-flow-intro {
	position: sticky;
	top: 90px
}
.cp-flow-step {
	margin-bottom: 18px;
	background: #fff;
	border: 1px solid var(--cp-line);
	border-radius: var(--cp-radius);
	padding: 26px 30px;
	box-shadow: var(--cp-shadow)
}
.cp-flow-step > .row > [class*='col'] {
	display: grid;
	grid-template-columns: 52px 1fr;
	gap: 18px;
	align-items: start
}
.cp-num {
	font-size: 22px;
	font-weight: 800;
	color: var(--cp-primary)
}
.cp-stats {
	margin: 0 -15px;
	padding: 56px 60px;
	background: var(--cp-band)
}
.cp-stat-num {
	display: block;
	font-size: 40px;
	line-height: 1.1;
	font-weight: 800;
	color: var(--cp-primary)
}
.cp-stat-label {
	display: block;
	margin-top: 6px;
	font-size: 14px;
	line-height: 1.45;
	color: var(--cp-txt)
}
.cp-banner {
	background: var(--cp-primary-wash);
	border: 1px solid var(--cp-primary-soft);
	border-radius: var(--cp-radius);
	padding: 26px 32px
}
.cp-banner > .row > [class*='col'] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 28px;
	flex-wrap: wrap
}
.cp-banner-text {
	flex: 1 1 420px
}
.cp-banner-text .cp-h3 {
	margin-bottom: 4px
}
.cp-banner-actions > .row > [class*='col'] {
	display: flex;
	gap: 12px;
	align-items: center;
	flex-wrap: wrap
}
.cp-banner-actions a.rbutton {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: auto !important;
	background: #fff !important;
	color: var(--cp-primary) !important;
	border: 2px solid var(--cp-primary);
	border-radius: 10px;
	padding: 11px 22px;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	transition: opacity 0.15s
}
.cp-banner-actions a.rbutton:hover {
	opacity: 0.85;
	color: var(--cp-primary) !important
}
.cp-banner-actions a.cp-btn {
	padding: 11px 22px;
	font-size: 14px
}
.cp-cta {
	margin: 0 -15px;
	padding: 64px 60px 72px;
	background: var(--cp-band)
}
.cp-cta-card {
	max-width: 960px;
	margin: 0 auto;
	background: #fff;
	border: 1px solid var(--cp-line);
	border-radius: 18px;
	padding: 34px 38px;
	box-shadow: 0 12px 36px rgba(28,28,28,0.10)
}
.cp-cta-card > .row > [class*='col'] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	align-items: start
}
.cp-cta-title {
	display: block;
	font-size: 25px;
	line-height: 1.22;
	font-weight: 800;
	color: var(--cp-ink);
	margin-bottom: 10px
}
.cp-cta-lead {
	display: block;
	font-size: 15px;
	line-height: 1.6;
	color: var(--cp-txt);
	margin-bottom: 16px
}
.cp-cta-item {
	font-size: 14px;
	color: var(--cp-ink)
}
.cp-cta-item > .row > [class*='col'] {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	margin-bottom: 7px
}
.cp-cta-item i {
	color: var(--cp-accent);
	margin-top: 4px
}
.cp-cta-contact {
	margin-top: 20px
}
.cp-cta-contact > .row > [class*='col'] {
	display: flex;
	gap: 22px;
	align-items: center;
	flex-wrap: wrap
}
.cp-cta-contact a,
.cp-cta-link {
	color: var(--cp-primary) !important;
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom: 1px solid var(--cp-primary)
}
.cp-cta-contact a:hover,
.cp-cta-link:hover {
	color: var(--cp-primary) !important;
	opacity: 0.75
}
.cp-form {
	padding: 0
}
.cp-form .one-box-in-boxes {
	padding: 0;
	margin: 0;
	border: none;
	background: transparent;
	box-shadow: none
}
.cp-form .h4 {
	display: inline-block;
	margin: 6px 0 4px;
	font-size: 13px;
	font-weight: 700;
	color: var(--cp-ink)
}
.cp-form input,
.cp-form textarea {
	display: block;
	width: 100%;
	border: 1px solid var(--cp-line);
	border-radius: 8px;
	padding: 10px 12px;
	background: #FAFAFA;
	box-sizing: border-box
}
.cp-form textarea {
	min-height: 74px
}
.cp-form a.rbutton {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 100% !important;
	margin-top: 6px;
	padding: 12px 28px;
	background: var(--cp-primary) !important;
	color: #fff !important;
	border-radius: 10px;
	font-weight: 700;
	text-decoration: none
}
@media (max-width: 980px) {
	.cp-hero,
	.cp-sec,
	.cp-flow,
	.cp-stats,
	.cp-cta,
	.cp-trust {
		padding-left: 20px;
		padding-right: 20px
	}
	.cp-hero-title,
	.cp-hero-accent {
		font-size: 32px
	}
	.cp-h2 {
		font-size: 26px
	}
	.cp-cta-title {
		font-size: 22px
	}
	.cp-mock > .row > [class*='col'],
	.cp-grid-2 > .row > [class*='col'],
	.cp-grid-3 > .row > [class*='col'],
	.cp-grid-4 > .row > [class*='col'],
	.cp-flow > .row > [class*='col'],
	.cp-cta-card > .row > [class*='col'] {
		grid-template-columns: 1fr
	}
	.cp-banner > .row > [class*='col'] {
		flex-direction: column;
		align-items: flex-start
	}
	.cp-tariffs > .row > [class*='col'] {
		flex-wrap: wrap
	}
	.cp-mock-left {
		border-right: 0;
		border-bottom: 1px solid var(--cp-line)
	}
	.cp-flow-intro {
		position: static
	}
	.cp-cta-card {
		padding: 26px 22px
	}
}