.calculator {
	--color-text: #000;
	--color-slider-value: #fff;
	--color-slider-value-bg: #373737;
	--color-slider-fill: #000;
	--color-slider-fill-bg: #0002;
	float: left;
	width: 100%;
	display: flex;
	position: absolute;
	color: var(--color-text);
	justify-content: center;
	justify-items: center;
	align-items: center;
	opacity:0;
	transition: opacity 0.2s ease;
}

.calculator.visible  {
	opacity:1;
}

.calculator .sliders {
	width: 100%;
	margin: 0;
	float: left;
}

.calculator .slider-box {
	float: left;
	width: 100%;
	padding-top: 15px;
	margin: 0 0 15px;
	vertical-align: baseline;
	line-height: 40px;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.calculator .details {
	float: left;
	width: 100%;
	display:flex;
	justify-content: space-between;
	align-items: baseline;
	padding: 0 0 14px;
	box-sizing: border-box;
}

.calculator .details > label {
	font-size: 16px;
	line-height: 16px;
}

.calculator .slider-box .value-box {
	float: right;
	color: #000;
	display: flex;
	align-items: baseline;
	min-width: 50px;
	margin-bottom: 0;
	}

.calculator .slider-box .value-box .calculator-value {
	float: right;
	font-size: 32px;
	line-height: 1;
	display: block;
	border: none;
	padding: 0 4px 0 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
	font-weight: bold;
	font-family: "Roboto", "Poppins", sans-serif;
}

 .calculator .slider-box .value-box > span:nth-child(2) {
	font-size: 20px;
	line-height: 20px;
	box-sizing: border-box;
}

.calculator .slider-box[data-type=amount] .value-box .calculator-value {
  max-width: 170px;
}

.calculator .slider-box[data-type=term] .value-box .calculator-value {
 max-width: 99px;
}

.calculator .sliders {
    position:relative;
    z-index: 2;
    padding: 30px 30px 15px;
    margin-bottom: 10px;
    box-sizing: border-box;
    width: 100%;
    min-width: 200px;
}

.calculator .range-control {
	float:left;
	width: 100%;
	position: relative;
	margin: 0;
	z-index: 1;
	background: #0002;
	position: relative;
	box-sizing: border-box;
	height: 4px;
}

.calculator .range-control:after {
	content: "";
	width: var(--percent, 50%);
	height:100%;
	position: absolute;
	left:0;
	top:0;
	margin: 0;
	z-index: 2;
	background: #000;
	box-sizing: border-box;
	height: 8px;
	height: 100%;
}

.calculator .range-control input[type=range]{
	-webkit-appearance: none;
	width: calc(100% + 40px);
	max-width: unset;
	margin: 0 0 0 -20px;
	height: 100%;
	font-size:0;
	outline: none !important;
	border: none;
	background: none;
	top: 0;
	position: absolute;
	display: block;
	z-index: 3;
}

.calculator .range-control input[type=range]::-webkit-slider-thumb{
	-webkit-appearance: none;
	position:relative;
	width: 40px;
	height: 24px;
	cursor:pointer;
	background-color: var(--main-color-hex);
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' d='M0 0h20v20H0z'/%3E%3Cpath fill='%230006' d='M3 10.03 9 6v8zM11 6l6 4.03L11 14V6z'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 45%;
	border-radius:5px;
	border-left:1px solid #fff6;
	border-top:1px solid #fff6;
	border-right:1px solid #0003;
	border-bottom:1px solid #0003;
	box-shadow: 0 6px 6px -3px #0004;
	z-index:3;
	scale:1;
	transition:scale 0.2s ease;
}

.calculator .range-control input[type=range]::-webkit-slider-thumb:hover{
	filter: brightness(0.8);
	scale:1.2;
}

.calculator .range-control input[type=range]::-moz-range-thumb{
	-webkit-appearance: none;
	position:relative;
	width: 40px;
	height: 24px;
	cursor:pointer;
	background-color: var(--main-color-hex);
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' d='M0 0h20v20H0z'/%3E%3Cpath fill='%230006' d='M3 10.03 9 6v8zM11 6l6 4.03L11 14V6z'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 45%;
	border-radius:5px;
	border-left:1px solid #fff6;
	border-top:1px solid #fff6;
	border-right:1px solid #0003;
	border-bottom:1px solid #0003;
	box-shadow: 0 6px 6px -3px #0004;
	z-index:3;
	scale:1;
	transition:scale 0.2s ease;
}

.calculator .range-control input[type=range]::-moz-range-thumb:hover{
	filter: brightness(0.8);
	scale:1.2;
}

.calculator .range-control input[type=range]::-webkit-slider-runnable-track {
    margin:0;
    padding:0;
    box-shadow:none;
    height: unset;
    background:unset;
    border:unset;
}

.calculator .range-control .adjust {
    position:absolute;
    cursor: pointer;
    top: -15px;
    bottom:-15px;
    margin: auto;
    width: 30px;
    height: 30px;
    border-radius:20%;
    background-color: #0002;
    background-repeat:no-repeat;
    background-position:center;
    background-size: 33%;
    scale:1;
    transition: all 0.2s ease;
    border-top:1px solid #fff6;
    border-bottom:1px solid #0002;
    box-shadow: 0 4px 4px -2px #0002;
	--adjuster-side-position: -50px;
    box-sizing: border-box;
    /* opacity: 0; */
}

.calculator .range-control .adjust:hover {
    background-color: #0003;
    scale:1.3;
}

.calculator .range-control .adjust.minus {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='1 1 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%230005' d='M15 6H1v4h14V6Z'/%3E%3C/svg%3E");
	left:var(--adjuster-side-position);
}

.calculator .range-control .adjust.plus {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1 1 14 14'%3E%3Cpath fill='%230005' d='M10 1H6v5H1v4h5v5h4v-5h5V6h-5V1Z'/%3E%3C/svg%3E");
	right:var(--adjuster-side-position);
}


.calculator .payment {
    position: relative;
    z-index: 1;
    text-align: center;
    font-weight: bold;
    white-space: nowrap;
    padding: 0px 0 85px;
}

.calculator .payment > .amount > .integer {
    font-size: 40px;
    font-family: "Roboto", "Poppins", sans-serif;
}

.calculator .payment > .amount > .fraction {
    font-size: 20px;
    font-family: "Roboto", "Poppins", sans-serif;
}

.calculator .payment > .amount > .currency {
    font-size: 36px;
    font-weight: normal;
    padding-left: 6px;
}

.calculator .payment > .label {
	position:relative;
	width:fit-content;
	white-space: normal;
	max-width: 170px;
	font-size:12px;
	font-weight: bold;
	padding: 2px;
	border-radius: 5px;
	box-sizing: border-box;
}

.calculator .payment > .label > .additional {
    display: inline-block;
    font-weight: normal;
    color: #0009;
}

.calculator .payment > .label > .info-icon {
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	right: -18px;
	top: -3px;
	background-image: url("data:image/svg+xml,%3Csvg fill='%23000' viewBox='0 0 245.33 245.33' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M122.667 0C55.028 0 0 55.028 0 122.667s55.027 122.667 122.666 122.667 122.667-55.028 122.667-122.667S190.305 0 122.667 0zm0 215.334C71.57 215.334 30 173.764 30 122.667S71.57 30 122.667 30s92.667 41.57 92.667 92.667-41.571 92.667-92.667 92.667z'/%3E%3Cpath d='M107.67 109.17h30v79h-30zm0-52h30v29h-30z'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	cursor:pointer;
	opacity: 0.5;
}

.calculator .payment > .label > .info-icon:hover {
	opacity: 1;
}


@media screen and (min-width: 900px) {
	
	.calculator .sliders {
		padding: 30px 50px 0;
		margin-bottom: 0;
	}

	.calculator .slider-box {
		backdrop-filter: unset;
		-webkit-backdrop-filter: unset;
	}

	.calculator .range-control input[type=range]{
		width: calc(100% + 36px);
		margin: 0 0 0 -18px;
	}
	
	.calculator .range-control input[type=range]::-webkit-slider-thumb{
		width: 36px;
		height: 24px;
	}
	
	.calculator .range-control input[type=range]::-moz-range-thumb{
		width: 36px;
		height: 24px;
	}

	.calculator .range-control .adjust {
	    width: 24px;
	    height: 24px;
	    font-size:16px;
	    background-size: 33%;
		--adjuster-side-position: -40px;
	}
	
	.calculator .payment {
	    padding: 10px 0 0;
	}
}

body {
	background: #fff;
 }
 
 #application {
	float: left;
	width: 100%;
	margin: 40px 0;
 }
 
 #application h2 {
	float: left;
	width: 100%;
	color: #11365d;
	font-size: 17px;
	letter-spacing: 2px;
 }
 
 #application h3 {
	float: left;
	width: 100%;
	font-size: 28px;
	color: #000;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: 600;
 }
 
 #calculator {
	float: left;
	width: 90%;
    margin-left: 5%;
	position: relative;
 }
 
 #calculator_bars {
	float: left;
	width: 100%;
	box-sizing: border-box;
 }
 
 .calculator_bar {
	float: left;
	width: 100%;
	margin: 10px 0 15px;
 }
 
.calculator_bar label {
	float: left;
	display: block;
	font-size: 16px;
	line-height: 23px;
	height:23px;

}

.calculator_bar > label {
    padding-top: 4px;
}
 
 .calculator_bar_result {
	float: right;
	border-bottom: 1px solid #707070;
	color: #666666;
	display: flex;
    align-items: end;
 }
 
 .calculator_bar_result p {
	float: left;
	width: 10px;
 }
 
 .calculator_bar_result input[type="number"],
 .calculator_bar_result input[type="text"] {
	float: right;
	font-size: 25px;
    line-height: 25px;
    text-align: center;
    border: none;
    background: transparent;
    padding: 0;
 }
 
 .calculator_bar .calculator_button {
    float: left;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 90px;
    box-sizing: border-box;
    background: #f2f2f2;
    font-size: 12px;
    margin-top: 7px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor:pointer;
 }

 .calculator_bar .calculator_button:hover {
	background: #cacaca;
 }
 
 .calculator_bar .calculator_button.fa-minus {
	clear: left;
 }
 
 .calculator_bar .range-slider {
	float: left;
	width: calc(100% - 80px);
	height: 14px;
	background: #e1e1e1;
	box-shadow: inset 0 3px 3px #cfcfcf;
	border-radius: 90px;
	margin: 15px 10px 0;
	position: relative;
	box-sizing: border-box;
 }
 
 .calculator_bar .range-slider-fill {
	float: left;
	width: 0;
	height: 100%;
	background: #23dc69;
	border-radius: 90px;
 }
 
 .calculator_bar .ui-slider-handle {
	width: 40px !important;
	height: 40px !important;
	background-size: contain !important;
	border: none !important;
	margin-top: -5px;
	border-radius: 0;
	outline: none !important;
	float: left;
	margin-top: -14px;
	margin-left: -14px;
	position: absolute;
	cursor:pointer;
 }
 
 .calculator_bar .ui-slider-handle:hover {
 	filter: brightness(0.8);
 }

 #amount-slider .ui-slider-handle {
	background: url(/design/img/public/icons/calculator/calculator-amount.png) !important;
	background-size: contain !important;
 }
 
 #term-slider .ui-slider-handle {
	background: url(/design/img/public/icons/calculator/calculator-term.png) !important;
	background-size: contain !important;
 }
 #ha-slider .ui-slider-handle {
	background: url(/design/img/public/icons/calculator/calculator-ha.png) !important;
	background-size: contain !important;
 }
 
 #calculator_result {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 20px 0;
 }
 
 #calculator_payment {
	position:relative;
	float: left;
	width: 100%;
	text-align: center;
	font-weight: 500;
	white-space: nowrap;
 }
 
 #calculator_payment_first {
	display: inline-block;
	font-size: 65px;
 }
 
 #calculator_payment_second {
	display: inline-block;
	font-size: 30px;
	margin-top: 10px;
 }
 
 #calculator_payment_third {
	display: inline-block;
	font-size: 50px;
	margin-top: 20px;
 }

 #calculator_result > .bg {
	display:none;
}
 
 #calculator_result p {
	position:relative;
	float: left;
	width: 100%;
	font-size: 13px;
	color: #8d8d8d;
	text-align: center;
 }
 
 #calculator_result a {
	color: inherit;
	text-decoration: underline;
 }
 
 #application form {
	float: left;
	width: 100%;
 }
 
 #application form .form-control {
	float: left;
	width: 100%;
	margin: 10px 0;
	padding: 0 20px;
	box-sizing: border-box;
 }
 
 #application form .form-control:last-of-type {
	text-align: center;
 }
 
 #application-term {
	width: 48px;
 }

 #application-amount {
	width: 93px;
 }

 #application form .checkbox-control {
	float: left;
	width: 100%;
	padding: 0 30px;
	box-sizing: border-box;
 }
 
 #application form .checkbox-control input[type="checkbox"] {
	float: left;
	margin: 10px 25px;
	width: 30px;
	height: 30px;
 }
 
 #application form .checkbox-control p {
	float: left;
	width: calc(100% - 30px - (2 * 25px));
	font-weight: 300;
	line-height: 30px;
	font-size: 14px;
	color: #a3a3a3;
 }


 
 @media screen and (min-width: 600px) {
	#calculator {
		width: 70%;
		margin-left: 15%;
	}
 }
 
 @media screen and (min-width: 900px) {
	 
	#calculator {
	   padding-top: 20px;
	   width:50%;
	   margin: 0 0 0 25%;
	}

	.calculator_bar .ui-slider-handle {
		width: 59px !important;
		height: 59px !important;
		margin-top: -20px;
		margin-left: -20px;
	}
	.calculator_bar .calculator_button {
		width: 35px;
		height: 35px;
		line-height: 35px;
		margin-top: 13px;
	}
	.calculator_bar .range-slider {
		width: calc(100% - 90px);
		height: 21px;
		margin: 20px 10px 0;
	}

	#application form .form-control {
	   float: left;
	   width: 50%;
	}
 
	#application form .form-control:last-of-type {
	   width: 100%;
	}
 }
 
 @media screen and (min-width: 1200px) {
	#calculator {
		padding-top: 30px;
		width:95%;
		margin:0;
	 }
     #calculator_payment {
        padding-top:40px;
     }
	 #calculator_result {
		position: relative;
		z-index: 0;
		float: left;
		top: -10px;
		width: 34%;
		height: 190px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		align-content: center;
		margin-bottom: unset;
		}
	#calculator_result > .bg {
		display:block;
		position: absolute;
		z-index: 0;
		top: 6%;
		width: 310px;
		height: 230px;
		rotate: 10deg;
		top: -4%;
		left: -10%;
		right: unset;
	}
	/*
	#calculator_result::before {
		content: " ";
		position: absolute;
		z-index: 0;
		top: -4%;
		left: -14%;
		width: 320px;
		height: 250px;
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 6621 5013' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m2618 5002-115-21c-36-6-78-15-95-19-16-5-50-14-75-21-395-107-766-326-1076-634-204-204-321-358-454-600-65-118-82-157-261-588l-100-240-74-177c-12-30-70-168-128-306-116-278-179-468-202-604-3-19-10-60-16-90-16-90-22-327-10-447 35-372 211-713 478-927 256-206 551-310 917-322 145-4 233 3 1166 101l385 40 285 29 290 31 285 30 440 45 765 80c105 12 186 27 212 41 10 5 25 9 33 9s23 4 33 9c9 5 49 24 87 42 39 18 72 37 73 41 2 4 9 8 15 8 42 1 349 279 441 399 87 113 145 196 146 208 0 6 3 13 8 15 9 4 41 57 49 81 3 9 9 17 14 17s9 9 9 20 5 20 10 20c6 0 10 9 10 20s5 20 10 20c6 0 10 9 10 20s5 20 10 20c6 0 10 9 10 20s5 20 10 20c6 0 10 7 10 15s5 25 12 38c24 47 28 57 28 72 0 8 5 15 10 15 6 0 10 10 10 23s4 27 9 33c8 9 38 103 126 394l64 210c10 30 28 93 40 140s27 99 32 116 9 39 9 50 4 24 9 30c5 5 12 32 15 59l17 155c7 58 12 134 12 170 0 104-15 270-24 276-5 3-9 23-9 44s-4 42-10 45c-5 3-10 17-10 30 0 34-68 189-109 248-42 62-145 166-196 200-22 14-139 66-260 116l-600 247-510 209-680 280-375 155c-403 167-471 191-675 232-66 13-476 19-540 8z' fill='%23f6f6f6' stroke='%23f6f6f6' stroke-width='10'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-size: contain;
	}
	 #calculator_result::before { 
		 content: " ";
		 position: absolute;
		 z-index: 0;
		 top: 7%;
		 left: 6%;
		 width: 122%;
		 height: 105%;
		 background-color: #00000009;
		 transform: skew(357deg, 20deg) perspective(238px) rotate(153deg) rotateY(152deg) rotateX(174deg);
		 border-radius: 75px;
	 }*/

	 #calculator_bars {
		 float: right;
		 width: 58%;
	 }
  

	#application h3 {
	   font-size: 36px;
	   margin-bottom: 60px;
	}
 
	#application form {
	   width: 65%;
	}
 }
 

main {
	width: 100%;
	float:left;
	background: #4b4b4b;
	overflow: hidden;
}

section h1, section h2, section h3 {
	text-align:center;
}

section h1 {
	font-size: 28px;
}

section h2 {
	font-size: 16px;
}

section h3 {
	font-size: 24px;
	padding: 10px 0;
}

section h4 {
	font-size: 30px;
}

#section-relevant-products.reveal,
#section-advantages.reveal,
#section-why-us.reveal,
#section-media.reveal,
#section-partners.reveal {
	transform: translateY(0);
}

#section-product {
	float: left;
	width: 100%;
	padding: 0;
	position: relative;
	z-index: 1;
	box-sizing: border-box;
}

#section-product > .splitter {
	position:absolute;
	z-index: 0;
	top: calc(1000px - 50vw);
	left:0;
	width:100%;
}

#section-product > .splitter svg {
	width:100%;
	float:left;
}


#section-product > .splitter:before {
	content: "";
	position:absolute;
	height: calc(1000px - 30vw);
	width:100%;
	top: calc(-1 * (1000px - 30vw));
	left:0;
	background:#fff
}


#section-product > .wrapper {
	height:100%;
	text-align: center;
	line-height: 1.25;
}

#section-product h1, #section-product h2 {
	z-index:1;
}

#section-product h1 {
	line-height: 1.2;
	padding: 30px 0 10px;
	font-weight: bold;
	position: relative;
}

#section-product h2 {
	padding: 0;
	position: relative;
	font-weight: normal;
}

#section-product > .wrapper > .content {
	width: 100%;
	height: auto;
	float:left;
	position: relative;
	margin: 0;
	z-index: 0;
	padding-top: 30px;
}


#section-product .calculator-placement {
	width: calc(270px + 5vw);
	max-width: 300px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content:center;
	padding: 0;
	box-sizing: border-box;
	margin: 0 auto;
	position: relative;
}

#section-product .calculator-placement > .calculator {
	width: 100%;
	height: 100%;
	flex-direction: column;
}

#section-product .calculator-placement > .calculator .circle-visualization {
	content: "";
	position:absolute;
	z-index: 0;
	width: 200px;
	height: 200px;
	background-position:  center;
	background-repeat: no-repeat;
	background-size: 100%;
	rotate: 0deg;
	left: 0;
	right: 0;
	bottom: -20px;
	margin: auto;
	stroke:var(--main-color-hex);
	stroke-width: 12px;
}

#section-product .calculator-placement > .calculator .circle-visualization.amount {
	background: radial-gradient(#0000 45%, rgba(var(--main-color-rgb), 0.10) 60%, rgba(var(--main-color-rgb), 0) 69%, #0000 73%);
	transform: scale(1.32) rotate(var(--rotate, 200deg));
	animation: rotate-right 90s linear infinite;
	border-radius:50%;
}

#section-product .calculator-placement > .calculator svg.circle-visualization.term {
	transform: scale(1.19) rotate(var(
	--rotate, 50deg));
	opacity: 1;
	animation: rotate-right 30s linear infinite;
	border-radius: 50%;
}

#section-product .application-placement {
	color: #666666;
	width: 100%;
	max-width: 1000px;
	height: fit-content;
	text-align: left;
	margin: auto;
	z-index: 1;
	position: relative;
	left: 0;
	right: 0;
	padding: 0;
	margin-top: 0;
	box-sizing: border-box;
	transform: translateZ(0);
}

#section-product .application-placement .application-box {
	padding: 35px 0 25px;
	float: left;
	width: 100%;
	position: relative;
	z-index: 2;
	background: #fff;
	border: 1px solid #ddd;
	margin-top: -4px;
	box-sizing: border-box;
}

#section-product .application-placement.application-short {
	max-width: 420px;
}

#section-product .application-placement .product-select-tabs {
	display: flex;
	width: 100%;
	height: 45px;
	position: relative;
	z-index: 3;
}

#section-product .application-placement .product-select-tabs input[type="radio"] {
	display: none;
}


#section-product .application-placement .product-select-tabs > label {
	flex: 1;
	text-align: center;
	background-color: #dddddd;
	color: #00000087;
	border-top: 1px solid #0000001f;
	border-left: 1px solid #00000014;
	border-bottom: 1px solid #0000001f;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	padding: 3px 9px 0;
	line-height: 1;
	transition: all 0.1s linear;
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
	box-sizing: border-box;
}

#section-product .application-placement .product-select-tabs > input:first-child + label {
	border-left: 1px solid #00000014;
}

#section-product .application-placement .product-select-tabs > label:last-child {
	border-right: 1px solid #00000014;
}
  
#section-product .application-placement .product-select-tabs > label:hover {
	filter: brightness(0.7);
}

#section-product .application-placement .product-select-tabs input[type="radio"]:checked + label {
	background: none;
	filter:brightness(1);
	box-shadow: none;
	margin-top: -5px;
	background: #fff;
	margin: -5px 0 0 0;
	border-left-color: #fff;
	border-right:0;
	padding-top:7px;
	color: #000;
	border-color: #00000000;
	box-shadow: 0 -15px 10px -10px #0001;
	border: 1px solid #ddd;
	border-bottom: none;
	box-sizing: border-box;
}

#section-product .application-placement .product-select-tabs input[type="radio"]:checked + label:after {
	/* content:""; */
	position:absolute;
	height: 18px;
	width: 18px;
	left: 0;
	right:0;
	top: -29px;
	margin:auto;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='3 3 18 18'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18Zm-.232-5.36 5-6-1.536-1.28-4.3 5.159-2.225-2.226-1.414 1.414 3 3 .774.774.701-.84Z' fill='%2323dc69'%3E%3C/path%3E%3C/svg%3E");
}

#section-product .application-placement .btn > span {
	font-weight: lighter;
}

#section-product .application-placement .btn i {
	font-style:normal;
	font-weight: bold;
}


#section-product .application-placement .button-wrapper {
    margin: 10px 0 0 0;
    width: calc(100% + 20px);
}

#section-product .application-placement .license-below-cta {
	margin: 10px 0 0;
	font-size: 12px;
	line-height: 1.35;
	color: #333;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
}

#section-product .application-placement .data-security {
    text-align: left;
    font-size: 13px;
    width: fit-content;
    margin: 12px 0 0;
    white-space: nowrap;
    padding-left: 24px;
    line-height: 17px;
    color: #000;
    height: 17px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='4 4 40 40'%3E%3Cpath d='M0 0h48v48H0z' fill='none'%3E%3C/path%3E%3Cpath d='M24 44s20-4 20-34L24 4 4 10c0 32 20 34 20 34zm0-35.824 15.928 4.779c-1.045 21.068-13.211 26.065-16.114 26.96-2.805-.62-14.778-4.575-15.751-26.958L24 8.176z'%3E%3C/path%3E%3Cpath d='M32.829 18 30 15.172l-8 8-4-4L15.171 22 22 28.828z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
}

#section-product .visualization-placement {
	width: 97%;
	max-width: 450px;
	max-height: 450px;
	aspect-ratio: 1;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content:center;
	padding: 0;
	box-sizing: border-box;
	position: relative;
	z-index: 0;
	bottom: 40px;
	backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px);
	background: #fff;
	margin: auto;
	overflow: visible;
} 


#section-product .visualization-placement:after {
	content: "";
	position:absolute;
	width: 100%;
	height: 100%;
	border-radius:50%;
	left: 0;
	right: 0;
	top:0;
	bottom: 0;
	margin: auto;
	background: url("data:image/svg+xml,%3Csvg viewBox='0 0 500 500' style='stroke:%23fff;stroke-width:20px' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M489.903 250c0-6.672-.271-13.283-.807-19.816l.096-.013c.536 6.537.808 13.152.808 19.829 0 75.945-35.277 143.652-90.332 187.628l-.065-.07c55.039-43.958 90.3-111.641 90.3-187.558Z'/%3E%3Cpath d='M10 250C10 117.452 117.452 10 250 10c7.157 0 14.239.313 21.235.927l-.009.093A243.731 243.731 0 0 0 250 10.097C117.504 10.097 10.097 117.504 10.097 250c0 62.556 23.941 119.516 63.158 162.223l-.068.068C33.952 369.567 10 312.579 10 250Z'/%3E%3C/svg%3E");
	background-position:  center;
	background-repeat: no-repeat;
	background-size: 100%;
	z-index:0;
	rotate: 317deg;
	scale: 1.08;
}

#section-product .visualization-placement:before {
	content: "";
	position:absolute;
	z-index:0;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	margin: auto;
	background:#fff1;
	scale: 1.18;
	border-radius: 50%;
	animation: 1s ease 0s 1 normal forwards running showUp;
}

#section-product .visualization-placement img{
	margin:0;
	padding:0;
	width: 90%;
	height: 90%;
	border-radius:50%;
	position: relative;
	z-index: 1;
}

#section-product .visualization-placement > picture {
	display:contents;
}

#section-product .btn.trigger-video-open {
    width: fit-content;
    height: fit-content;
    min-width: auto;
    margin: auto;
    padding: 15px 55px 15px 15px;
    font-size: 13px;
    border-radius: 6px;
    background: #fff9;
    border: 1px solid #fff9;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    color: #333;
    box-shadow: 0 9px 16px 3px #0000001a;
    font-weight: bold;
    overflow:hidden;
    position:absolute;
    cursor: pointer;
    z-index:1;
    left:0;
    right:0;
    top: 0;
    bottom: 0;
    scale:1;
    transition:all 0.2s;
}

#section-product .btn.trigger-video-open:after {
	content: "";
	position:absolute;
	right: 0;
	top:0;
	bottom: 0;
	padding: 0 5px;
	margin: auto;
	width: 30px;
	height: 80%;
	background: no-repeat center / 12px;
	background-image:url(/design/img/public/icon/play.svg);
	opacity: 0.7;
	transition:all 0.2s;
	border-left: 1px solid #fff;
}

#section-product .btn.trigger-video-open:hover {filter: brightness(0.9);/* background: rgba(var(--main-color-rgb), 0.9); *//* color: #ffff; */}

#section-product .btn.trigger-video-open:hover:after {
	opacity:1;
}

#section-relevant-products {
	float: left;
	width: 100%;
	position: relative;
	padding-top: 30px;
	z-index: 1;
}

#section-relevant-products .row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
}

#section-relevant-products .row > .item {
	padding: 20px 10px;
	text-align: center;
	width: calc(100% / 2);
	flex-basis: calc(100% / 2);
	box-sizing: border-box;
	max-width: 300px;
	line-height: 1.2;
	position:relative;
}

#section-relevant-products .row > .item > .pic {
	position: relative;
	z-index: 1;
	width: 110px;
	height: 110px;
	border-radius: 50%;
	display: inline-block;
	transition: all 0.2s ease;
	border: 6px solid #fff;
	font-size: 12px;
	font-weight: lighter;
	background: #fff;
}

#section-relevant-products .row > .item > .pic img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: absolute;
	top: -50%;
	bottom: -50%;
	right: -50%;
	left: -50%;
	margin: auto;
	z-index: 1;
}

#section-relevant-products .row > .item > .pic > picture {
	display:contents;
}

#section-relevant-products .row > .item > .name {
	margin-top: 10px;
	font-size: 16px;
	color: #f1f1f1;
	padding: 0 7px;
	box-sizing: border-box;
}

#section-relevant-products .row > .item > .pic::before {
	content: "";
	position:absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	margin: auto;
	background:#fff1;
	scale: 1;
	border-radius: 50%;
	opacity:0;
	transition: all 0.2s ease;
}

#section-relevant-products .row > .item > .pic::after {
	content: "";
	position:absolute;
	z-index: 0;
	width: calc(100% + 22px);
	height: calc(100% + 22px);
	left: -50%;
	right: -50%;
	top: -50%;
	bottom: -50%;
	margin: auto;
	background: url("data:image/svg+xml,%3Csvg viewBox='0 0 500 500' style='stroke:%23fff;stroke-width:50px' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M489.903 250c0-6.672-.271-13.283-.807-19.816l.096-.013c.536 6.537.808 13.152.808 19.829 0 75.945-35.277 143.652-90.332 187.628l-.065-.07c55.039-43.958 90.3-111.641 90.3-187.558Z'/%3E%3Cpath d='M10 250C10 117.452 117.452 10 250 10c7.157 0 14.239.313 21.235.927l-.009.093A243.731 243.731 0 0 0 250 10.097C117.504 10.097 10.097 117.504 10.097 250c0 62.556 23.941 119.516 63.158 162.223l-.068.068C33.952 369.567 10 312.579 10 250Z'/%3E%3C/svg%3E");
	rotate: 0deg;
	transform: rotate(135deg);
	border-radius: 50%;
	opacity:1;
	transition: all 6s ease;
}

#section-relevant-products .row > .item:hover > .pic {
	scale: 1.10;
}


#section-relevant-products .row > .item:hover > .pic::before {
	scale: 1.3;
	opacity: 1;
}

#section-relevant-products .row > .item:hover > .pic::after {
	/* opacity:0.6; */
	transform: rotate(355deg);
}

#section-advantages, #section-compare {
	float: left;
	width: 100%;
	position: relative;
	padding-top: 90px;
	z-index: 1;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='262.218 350.395 14623.17 19361.598' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23f1f1f1' d='M14885.388 19710.707s-14178.166 2.919-14623.17-.044l.62-18105.311c96.798-8.771 14487.177-1244.792 14621.988-1254.957l.562 19360.312Z'/%3E%3C/svg%3E");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	box-sizing: border-box;
}


#section-advantages .row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
}

#section-advantages .item {
	display: block;
	padding: 20px 5px;
	color: #000;
	text-align: center;
	font-size: 14px;
	flex-basis: calc(100% / 2);
	box-sizing: border-box;
	max-width: 255px;
	line-height: 1.2;
	width: 50%;
	position: relative;
	z-index: 1;
}

#section-advantages .item p {
	padding: 0 7px;
}

#section-advantages .icon-wrap {
	position: relative;
	margin-bottom: 10px;
	width: 50%;
	display: inline-block;
}

#section-advantages.new .icon-wrap {
	width: 40%;
	aspect-ratio: 1;
	display: inline-flex;
	justify-content:center;
}

#section-advantages.new .icon-wrap img {
	max-width:100%;
}

#section-advantages .icon-wrap .line-rotate {
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	z-index: 0;
	stroke:var(--main-color-hex);
	stroke-width: 10px;
}

#section-advantages .icon-wrap .line-1 {
	animation: 12s rotate-line-1 infinite linear;
}

#section-advantages .icon-wrap .line-2 {
	animation: 12s rotate-line-2 infinite linear;
}

#section-advantages .icon-wrap .line-3 {
	animation: 12s rotate-line-3 infinite linear;
}

#section-advantages .icon-wrap .line-4 {
	animation: 12s rotate-line-4 infinite linear;
}

#section-compare .wrapper {
    display: flex;
    justify-content: center;
    width: fit-content;
    background: #f1f1f1;
    background-position: left top;
    background-size: cover;
    padding: 20px 0 0;
}

#section-compare .column {
	max-width:400px;
	width: 50%;
	padding: 10px 0 0;
	margin: 1px;
	line-height: 1.2;
}

#section-compare .column:not(:nth-child(1)) {
	border-left: 2px solid #0000000a;
}

#section-compare .column > .title {
	text-align: center;
	font-weight:bold;
	font-size: 18px;
	padding: 0;
}

#section-compare .column > .item {
	height: 95px;
	padding: 2px 10px;
	box-sizing: border-box;
	display:flex;
	align-items:center;
	font-size: 14px;
	justify-content: center;
	text-align: center;
	position: relative;
}

#section-compare .column:nth-child(1) > .item {
	padding-right: 20px;
}

#section-compare .column:nth-child(2) > .item {
	padding-left: 20px;
}

#section-compare .column:not(:nth-child(1)) > .item::before {
	content: "";
	position: absolute;
	width: 32px;
	height: 32px;
	background: #f1f1f1;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='57.39 61.54 478.61 473.38' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m136 300 50-50 68 70 73-72 69.299-69.299 42.562 40.654c.737 1.798 1.139 3.378 1.139 4.645 0 14-172 186-186 186-1.6 0-5.656-2.559-11.415-7.021l-88.092-84.143Z' fill='%2333dd66'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	left: -15px;
	top:0;
	bottom:0;
	margin: auto;
	z-index:1;
}


#section-faq {
	float:left;
	width:100%;
	background-color: #f1f1f1;
}

#section-faq > .wrapper {
	max-width: 900px;
}

#section-faq * {
	box-sizing: border-box;
}

#section-faq h3 {
	margin:6vh 0 2vh;
}

	
#section-faq > .wrapper > .list {
	float:left;
	width:100%;
}

#section-faq > .wrapper > .list > .item {
	float:left;
	width:100%;
	margin: 5px 0;
	background: #fff;
	border: 2px solid #6565651c;
	border-radius: 10px;
	overflow: hidden;
	transition: all 0.2s;
}

#section-faq > .wrapper > .list > .item > .question {
	position: relative;
	padding: 15px 33px 15px 15px;
	font-size: 14px;
	transition: all 0.2s;
	cursor: pointer;
	background-color: #00000005;
	background-image: linear-gradient(245deg,#7c7c7c0a 5%,#fff3 65%);
}

#section-faq > .wrapper > .list > .item > .question::before {
	content: ">";
	position: absolute;
	display:block;
	right: 15px;
	top: 0;
	bottom: 0;
	rotate: 90deg;
	margin: auto;
	height: fit-content;
	color: #0008;
	font-size:22px;
	line-height:1;
	transition: all 0.2s;
}

#section-faq > .wrapper > .list > .item.active > .question::before {
	rotate: -90deg;
	color: var(--main-color-hex);
}

#section-faq > .wrapper > .list > .item.active > .question {
	background-color: rgba(var(--main-color-rgb), 0.1);
}

#section-faq > .wrapper > .list > .item.active {
	border-color: rgba(var(--main-color-rgb), 1);
}

#section-faq > .wrapper > .list > .item > .answer {
	display:none;
	font-size: 14px;
	padding: 15px 15px 25px;
}

#section-responsible-borrowing {
    width: 100%;
    float: left;
    padding: 40px 0 50px;
    background-color: #f1f1f1;
}

#section-responsible-borrowing .wrapper {
    max-width: 900px;
    margin: 0 auto;
}

#section-responsible-borrowing h3 {
    margin: 0 0 20px;
}

#section-responsible-borrowing p {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
}

#section-informational {
    width: 100%;
    float: left;
    padding: 50px 0;
    background-color: #f1f1f1
}

#section-informational .wrapper {
    max-width: 900px;
}

#section-informational .content-wrapper {
    position: relative;
    display: block;
    float: left;
    width: 100%;
}

#section-informational h3 {
	margin: 6vh 0 2vh;
}

#section-informational h4 {
    font-size: 16px;
    display: block;
    position:relative;
    z-index: 2;
    width: 100%;
    float: left;
    clear: both;
    line-height: 1.25;
    cursor: pointer;
    margin: 0;
    padding: 15px 50px 15px 20px;
    border-bottom: 1px solid #7773;
    box-sizing: border-box;
    color: #777;
    opacity:0.5;
}

#section-informational h4:not(.selected):hover {
    opacity:1;
}

#section-informational h4.selected {
    color: #000;
    opacity:1;
    border: none;
}

#section-informational h4:nth-last-of-type(1) {
    border: none;
}

#section-informational h4::before {
  content: ">";
  font-size: 28px;
  color: #777777;
  font-weight: normal;
  position: absolute;
  transform: rotate(90deg);
  top: 0;
  bottom: 0;
  right: 0;
  left: calc(100% - 52px);
  margin: auto;
  height: fit-content;
  width: fit-content;
  line-height: 1;
  transition: all 0.2s;
}

#section-informational h4.selected::before {
  content: ">";
  font-size: 55px;
  color: var(--main-color-hex);
  font-weight: normal;
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 13px;
  transform: rotate(90deg);
  top: unset;
  bottom: -30px;
  right: 0;
  left: 0;
  margin: auto;
  height: fit-content;
  width: fit-content;
  line-height: 1;
}

#section-informational p {
	opacity: 0;
	scale: 0.6;
	width: 600px;
	position: relative;
	z-index: 1;
	height: 0;
	float: right;
	width: 100%;
	color: #fff;
	font-size: 14px;
	padding: 0;
	box-sizing: border-box;
	border-radius: 10px;
	background-color: #000000b8;
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
	transition: all 0.3s ease-in;
}

#section-informational h4.selected+p {
    opacity: 1;
    scale: 1;
    height: auto;
    padding: 20px;
}

#section-informational .visualization {
	position: absolute;
	top: 180px;
	right: unset;
	left: calc(100% + 250px);
	height: 200px;
	z-index: 2;
	display: none;
}

#section-why-us {
	width: 100%;
	float: left;
	text-align: center;
	position: relative;
	background-color: #f1f1f1;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='262.218 350.395 14623.17 19361.598' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M14885.388 19710.707s-14178.166 2.919-14623.17-.044l.62-18105.311c96.798-8.771 14487.177-1244.792 14621.988-1254.957l.562 19360.312Z'/%3E%3C/svg%3E");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top 470px center;
	padding-bottom: clamp(100px, 11vw, 11vw);
}

#section-media {
	width: 100%;
	float: left;
	padding: 0 0 10vh;
	background: #fff;
}

#section-media h3 {
	margin-bottom: 20px;
}

#section-media .content {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
	width: 100%;
	margin-top: 40px;
}

#section-media .content .item {
	width: 140px;
	height: 140px;
	position: relative;
	border-radius: 50%;
	margin-bottom: 13px;
	display: flex;
}


#section-media .content .item .partner {
	width: 80%;
	margin: auto;
}

#section-media .item .circles {
    transform: rotateX(0deg);
    aspect-ratio: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all 0.5s ease;
}

#section-media .item:hover .circles {
	transform: rotateX(180deg);
}

#section-media .item .circle {
	position: absolute;
	width: calc(100% + 30px);
	height: calc(100% + 30px);
	top: -15px;
	left: -20px;
	stroke: #f1f1f1;
	opacity:1;
}

#section-media .item .circle:nth-child(1) {
	animation: 14s rotate-circle-in infinite linear;
	stroke-width: 20px;
}

#section-media .item .circle:nth-child(2) {
	animation: 17s rotate-circle-out infinite linear;
	scale: 0.84;
	stroke-width: 4px;
}

#section-media .item:hover .circle:nth-child(2) {
    animation-duration: 3s;
	stroke-width: 2px;
	stroke:var(--main-color-hex);
}

#section-why-us .atbildes {
	float: left;
	width: 100%;
	text-align: left;
	padding: 20px 0 20px 30px;
	margin-top: 30px;
	float: right;
	z-index: 100;
}

#section-why-us .target {
	display:none;
}

#section-why-us .main-icon {
	float: left;
	width: 18px;
	min-width: 18px;
	height: 18px;
	margin: 0 5%;
}

#section-why-us .main-icon {
	background-color: var(--main-color-hex);
	background-image: url("data:image/svg+xml,%3Csvg viewBox='57.39 61.54 478.61 473.38' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m160 276 26-26 68 70 74-72 69.093-69.093 133.657 130.38s-2.672 149.073-160.135 212.971L136.533 300.406 160 276Z' fill='%230002'/%3E%3Cpath d='m136 300 50-50 68 70 73-72 69.299-69.299 42.562 40.654c.737 1.798 1.139 3.378 1.139 4.645 0 14-172 186-186 186-1.6 0-5.656-2.559-11.415-7.021l-88.092-84.143Z' fill='%23fff'/%3E%3C/svg%3E");
	background-size: 18px;
	background-position: right bottom;
	background-repeat: no-repeat;
	border-radius: 50%;
}

#section-why-us .main-icon.open {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='57.39 61.54 478.61 473.38' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M362.53 523.484c-2.995 0-181.893-173.454-191.591-185.489-4.072-5.053 13.895-14.168 113.725-14.168h114.803v-29.949c0-16.971 12.96-30.328 15.296-28.453 6.988 5.61 100.622 107.818 100.622 108.668 0 15.972-26.779 61.834-53.733 90.286-27.952 28.45-82.651 59.105-99.122 59.105Z' fill='%230002'/%3E%3Cpath d='M169.861 301.365V263.93h244.58v74.871h-244.58v-37.436Z' fill='%23FFF'/%3E%3C/svg%3E");
}

#section-why-us .main-icon.open + .atbildes-txt {
	color: var(--main-color-hex);
	filter: contrast(0.5);
}

#section-why-us .main-icon + .atbildes-txt::before {
	content: ">";
	position: absolute;
	display:block;
	right: -20px;
	top: 0;
	bottom: 0;
	rotate: 90deg;
	margin: auto;
	height: fit-content;
	color: #0004;
	font-size: 18px;
	text-transform: lowercase;
	line-height:1;
	transition: all 0.2s;
}

#section-why-us .main-icon.open + .atbildes-txt::before {
	rotate: 270deg;
}
	
#atbildes-content {
	float: left;
	box-sizing: border-box;
}

#atbildes-content-main {
	float: left;
	margin: 20px;
}

#section-why-us .atbildes-item {
	float: left;
	width: 100%;
	padding: 10px 0;
	cursor: pointer;
	position: relative;
}

#section-why-us .atbildes-item:first-child {
	border: none;
}

#section-why-us .atbildes-item .main {
	width: 75%;
	margin: 0 10%;
	float: left;
	display: flex;
	align-items: center;
}

@keyframes textFadeIn {
	0% {
		color: #0000;
	}

	100% {
		color: #000;
	}
}

#section-why-us .atbildes-item .text {
	display: none;
	font-size: 15px;
	color: #000;
	box-sizing: border-box;
	text-align: center;
	padding: 5px 10% 15px;
	width: 100%;
	animation: textFadeIn 0.5s ease;
	z-index: 2;
	overflow: hidden;
}

#section-why-us .atbildes-item .text span {
	line-height: 1.5;
	display: inline-block;
	vertical-align: middle;
}

#section-why-us .atbildes-txt {
	float: left;
	line-height: 30px;
	position: relative;
	white-space: nowrap;
	font-weight: normal;
	font-size: 18px;
	color: #000000;
	transition: all 0.4s ease;
}

#section-why-us .atbildes-txt i {
	color: #bdbdbd;
	margin-left: 10px;
	font-size: 12px;
}

#section-why-us .atbildes-item .show {
	display: block;
}

#section-partners {
	float: left;
	width: 100%;
	padding: 0 0 5vh;
	background: #fff;
}

#section-partners h3 {
	margin-bottom: 20px;
}


#section-partners .logo {
	width: 24vw;
	max-width: 125px;
	height: 12vw;
	max-height: 70px;
	display: flex;
	position: relative;
	border-radius: 180px;
	/* background: #fff; */
	margin: 5px auto;
}

#section-partners .logo img {
	width: 85%;
	margin: auto;
}

#credit-int {
	margin-top: 70px;
}

#section-footer-credits {
	width: 100%;
	padding-bottom: 80px;
	float: left;
	background-image: linear-gradient(rgb(0 0 0 / 50%), #fff 70%), url(/design/img/public/bg-credit.webp);
	background-size: 100%, cover;
}


#credit-main {
	border-radius: 3px;
	background: #fff;
	background: linear-gradient(to top, #ffffff 75%, #fff9);
	text-align: center;
	padding: 60px 30px;
	box-sizing: border-box;
	margin: 0;
	width: 100%;
	float: left;
}

#credit-main h3 {
	padding-top: 10px;
}

#credit-main h4 {
	text-align: center;
}

#credit-main-txt {
	margin: 30px 0;
	font-size: 18px;
}

#credit-main-txt p,
#credit-main-txt img {
	padding: 0 6px;
	display: inline-block;
	vertical-align: middle;
}

#credit-main-txt img {
	display: inline-block;
	width: 15px;
	height: 15px;
}

#credit-main .btn {
	font-size: 16px;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

#calculation-example {
	float: left;
	width: 100%;
	text-align: center;
	line-height: 1.5;
	font-size: 13px;
	background-color: #fff;
}

#calculation-example.popup {
	position: fixed;
	z-index: 11;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: #55705e5e;
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
}

#calculation-example.popup .wrapper {
	padding: 35px 4%;
	margin: 0 20px;
	max-width: 900px;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 10px;
	position: relative;
	animation-name: fadeIn;
	animation-duration: 0.5s;
}

#calculation-example .close {
	display: none;
}

#calculation-example.popup .close {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  fill='%23000' viewBox='4 4 16 16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.227 4.227a.774.774 0 0 1 1.095 0L12 10.905l6.678-6.678a.774.774 0 1 1 1.095 1.095L13.095 12l6.678 6.678a.774.774 0 1 1-1.095 1.095L12 13.095l-6.678 6.678a.774.774 0 1 1-1.095-1.095L10.905 12 4.227 5.322a.774.774 0 0 1 0-1.095Z' /%3E%3C/svg%3E") center no-repeat;
	display: block;
	position: absolute;
	top: 6px;
	right: 6px;
	cursor: pointer;
    padding: 18px;
	background-size:20px;
	transform: rotate(0deg);
	transition: all 0.2s;
}

#calculation-example.popup .close:hover {
    background-size:25px;
	transform: rotate(90deg)
}


@keyframes pulse01 {
	0% {
		box-shadow: 0 0 0 0 #9bf1bf;
	}

	50% {
		box-shadow: 0 0 0 25px rgba(204, 169, 44, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
	}
}


#section-product .application-form .form-group {
	width: fit-content;
	min-width: 260px;
	max-width: 75%;
	margin: auto;
	display: flex;
	align-items: center;
	flex-direction: column;
	grid-template-columns: 1fr;
	transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
}


#section-product .application-form .form-group ul {
	margin: 0px auto 0;
	width: fit-content;
}

#section-product .application-form .form-group ul li {
	align-items: center;
	display: flex;
	padding: 5px;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 1.2;
}

#section-product .application-form .form-group ul li input[type="checkbox"] {
	width: 25px;
	height: 25px;
	outline: 2px solid rgba(var(--main-color-rgb), 1);
	flex-shrink: 0;
}

#section-product .application-form .form-group ul i {
	font-size: 22px;
	margin: 5px;
	margin-right: 10px;
	width: 25px;
	text-align: center;
}

#section-product .application-form .form-group .btn {
	width: 100%;
	padding: 20px 0;
	font-size: 22px;
	animation: pulse02 8s infinite;
}

#section-product .application-form .form-group .btn.btn-cta {
	animation: pulse02-cta 8s infinite;
}

#section-partners .grid__body {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}


section#latest-blog-articles {
	width: 100%;
	float: left;
	padding: 0 0 30px;
	background: #fff;
}

#latest-blog-articles h3 {
	margin-bottom: 30px;
}

section#latest-blog-articles ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: stretch;
}

#latest-blog-articles ul>li {
	float: left;
	max-width: 800px;
	flex-basis: 450px;
	flex-grow: 1;
	margin: 0px 15px 30px;
	background: #fff;
	box-shadow: 0 5px 20px 0px #00000021;
	border-radius: 5px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	align-items: stretch;
	cursor: pointer;
	filter: brightness(1);
	transition: all 0.2s ease;
}

#latest-blog-articles ul>li:hover {
	filter: brightness(0.95);
	box-shadow: 0 5px 30px 0px #00000046;
}

#latest-blog-articles ul>li .thumb {
	width: 100%;
	height: 44vw;
	overflow: hidden;
	position: relative;
}


#latest-blog-articles ul>li .thumb > * {
	position: absolute;
	left: -50%;
	top: -50%;
	right: -50%;
	bottom: -50%;
	margin: auto;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#latest-blog-articles ul>li .text {
	padding: 15px clamp(15px, 3%, 25px);
	box-sizing: border-box;
}

#latest-blog-articles ul>li .text a {
	float: left;
	width: 100%;
	text-align: left;
	margin: 0;
	padding: 0;
	color: #1d1d1b;
	font-weight: bold;
	font-size: 22px;
	line-height: 1.25;
}

#latest-blog-articles ul>li .text p {
	float: left;
	width: 100%;
	margin: 0;
	margin-top: 10px;
	font-size: 14px;
	line-height: 1.5;
	color: #555;
}


#video-pop.popup {
	display:none;
	position: fixed;
	z-index: 999998;
	left: 0;
	top: 0;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: #62626285;
	backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

#video-pop.popup.show{
    display: flex;
 }

 #video-pop.popup > .wrapper {
    margin: 0;
    width: auto;
    box-sizing: border-box;
    position:relative;
    animation-name: fadeIn;
    animation-duration: 0.5s;
    padding:0;
    border-radius: 0;
 }

 #video-pop.popup > .wrapper > .content {
    position: relative;
    padding: 0;
    line-height: 0;
    box-sizing: border-box;
    background: #c2c2c285;
    padding: 22px;
    border-radius: 10px;
    box-shadow: 0 5px 10px 0px #0001;
 }

 #video-pop.popup > .wrapper > .content > iframe {
    width: calc(100vw - 54px);
    max-width: 1080px;
    max-height: calc(100vh - 54px);
    aspect-ratio: 56/31.5;
    opacity:0;
    transition: all 3s;
}


#video-pop.popup.ready > .wrapper > .content > iframe {
	opacity:1;
	border-radius: 10px;
}

@keyframes rotateRight {
  to {
    transform: rotate(360deg);
  }
}

 #video-pop.popup.loading > .wrapper > .content:before {
    content:"";
    position:absolute;
    left: 0;
	right: 0;
    top: 0;
	bottom: 0;
	margin: auto;
    width: 100px;
    height: 100px;
    z-index: 1;
	background: no-repeat center;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%230003' d='M12.9 3.1C14.2 4.3 15 6.1 15 8c0 3.9-3.1 7-7 7s-7-3.1-7-7c0-1.9.8-3.7 2.1-4.9l-.8-.8C.9 3.8 0 5.8 0 8c0 4.4 3.6 8 8 8s8-3.6 8-8c0-2.2-.9-4.2-2.3-5.7l-.8.8z'/%3E%3C/svg%3E");
	animation: rotateRight 1s linear infinite;
 }

 @keyframes fadeIn { from {opacity:0;}to {opacity:1;} }

 #video-pop.popup .close {
    position: absolute;
    right: -7px;
    top: -7px;
    width: 55px;
    height: 55px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  fill='%23444' viewBox='4 4 16 16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.227 4.227a.774.774 0 0 1 1.095 0L12 10.905l6.678-6.678a.774.774 0 1 1 1.095 1.095L13.095 12l6.678 6.678a.774.774 0 1 1-1.095 1.095L12 13.095l-6.678 6.678a.774.774 0 1 1-1.095-1.095L10.905 12 4.227 5.322a.774.774 0 0 1 0-1.095Z' /%3E%3C/svg%3E") center/40% no-repeat;
    transition: .2s;
    cursor: pointer;
    z-index: 10;
    transform: rotate(0)
}

#video-pop.popup .close:hover {
    background-size: 50%;
    transform: rotate(90deg)
}


@media screen and (min-width: 600px) {

	#section-relevant-products .row > .item > .pic {
		width: 160px;
		height: 160px;
		border: 9px solid #fff;
	}

	#section-relevant-products .row > .item > .pic:after {
		width: calc(100% + 32px);
		height: calc(100% + 32px);
	}
	
	#section-advantages .item {
		font-size: 16px;
		max-width: 300px;
	}

	#section-compare .column > .title {
		font-size: 28px;
	}
	
	#section-compare .column > .item {
		height: 80px;
		font-size: 16px;
		padding: 2px 30px;
	}

	#section-relevant-products .row > .item > .name {
		margin-top: 15px;
		font-size: 20px;
	}

	#section-informational h4 {
        font-size: 20px;
        padding: 20px 50px 20px 40px;
 }
	
	#section-informational p {
		font-size:16px;
	}
	
	#section-informational h4.selected+p {
		padding: 20px 40px;
	}	
	
	#section-faq > .wrapper > .list > .item > .question {
		padding: 25px 50px 25px 25px;
		font-size: 16px;
		background-image: linear-gradient(190deg, #7c7c7c0a 5%, #fff3 65%);
	}
	
	#section-faq > .wrapper > .list > .item > .question::before {
		right: 22px;
		font-size: 22px;
	}

	#section-faq > .wrapper > .list > .item > .answer {
		font-size: 16px;
		padding: 20px 25px 30px;
		background: #fff;
	}
	
	
	#section-media .content {
		flex-direction: row;
	}
	
	#section-partners .grid__body {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	
	#section-partners .logo {
		margin: 10px auto;
		width:18vw;
		height: 9vw;
	}
	
	
	#latest-blog-articles ul>li {
		flex-wrap: nowrap;
	}

	#latest-blog-articles ul>li .thumb {
		width: 250px;
		min-width: 250px;
		height: auto;
	}

	#latest-blog-articles ul>li .text p {
		margin-top: 7px;
	}

	#video-pop.popup > .wrapper > .content {
	    padding: 40px;
	 }
	
	 #video-pop.popup > .wrapper > .content > iframe {
	    width: calc(100vw - 120px);
	    max-height: calc(100vh - 120px);
	}

	 #video-pop.popup .close {
	    right: -5px;
	    top: -5px;
	    width: 75px;
	    height: 75px;
	}


}


@media screen and (min-width: 900px) {

	section	h1 {
		font-size: clamp(30px, 4vh, 60px);
	}

	section h2 {
		font-size: clamp(16px, 2vh, 32px);
	}

	section h3 {
		font-size: 37px;
	}

	
	#section-product > .splitter {
		top: clamp(530px, calc(42vh + 40px), 100vh);
	}

	#section-product > .splitter::before {
		height: calc(100vh + 1000px);
		top: calc(-100vh - 1000px + 3px);
	}
	
	#section-product {
		background-position: top center;
	}

	
	#section-product h1 {
		padding-top: clamp(40px, 9vh, 160px);
	}

	#section-product .calculator-placement > .calculator .circle-visualization,
	#section-product .calculator-placement > .calculator .circle-visualization {
		width: 350px;
		height: 350px;
		bottom: 0;
		right: -50%;
		top: 0;
		left: -50%;
	}

	#section-product .application-placement::after {
	    top: -50%;
	    bottom: -60%;
	    width: 130%;
	    min-width: 400px;
	    max-width: 500px;
	}
	
	#section-product > .wrapper > .content {
		padding-top: clamp(40px, 8vh, 6.5vw);
		height: auto;
		min-height: clamp(550px, 50vh, 800px);
	}

	#section-product .calculator-placement {
		bottom: unset;
		position: absolute;
		right: 68%;
		margin-top: calc(clamp(-100px, -8vh, -40px) + 110px);
	}

	#section-product .application-placement {
		margin-top: 0;
	}

	#section-product .application-placement.application-short {
		width: clamp(300px, 34vw, 420px);
	}

	#section-product .visualization-placement {
		position: absolute;
		width: 650px;
		height: 650px;
		max-width: unset;
		max-height: unset;
		right: -50%;
		left: 26%;
		top: -40px;
	}

	#section-relevant-products {
		padding-top: 50px;
	}
	
	#section-relevant-products .row > .item {
	    width: calc(100% / 4);
	    flex-basis: calc(100% / 4);
	    max-width: 255px;
	}
	
	#section-faq > .wrapper > .list > .item:not(.active):hover {
		border-color:#f9f9f9;
	}

	#section-faq > .wrapper > .list > .item > .question:hover {
		background-color: rgba(var(--main-color-rgb), 0.2);
	}

	#section-why-us {
		text-align: unset;
	}


	#section-product .application-form > .form-group {
		grid-template-columns: 50% 50%;
	}

	#section-product .application-form > .form-group ul li {
		justify-content: end;
	}


	#section-product .application-form > .form-group .btn {
		margin-top: 10px;
	}

	#section-google-reviews {
		padding-top: clamp(100px, 10vw, 10vw);
	}

	#section-advantages {
		padding-top: clamp(100px, 10vw, 10vw);
	}

	#section-advantages h3 {
		margin-bottom: 2vh;
	}

	#section-advantages .item {
		flex-basis: calc(100% / 4);
		max-width: 255px;
		box-sizing: border-box;
	}
	
	#section-why-us .main-icon {
		background-size: 45px;
	}
	
	#section-why-us .atbildes-txt {
		font-size: 22px;
	}
	
	#section-why-us .main-icon {
		width: 46px;
		min-width: 46px;
		height: 46px;
		position: relative;
		z-index: 1;
	}

	#section-why-us .target {
		position: absolute;
		width: 400px;
		height: 330px;
	}

	#credit-main {
		margin: 0 auto;
		width: 90%;
		float: none;
	}

	#credit-main h3 {
		padding-top: 100px;
		text-align: center;
		font-size: 50px;
	}

	#credit-main h4 {
		font-size: 37px;
	}

	#credit-main {
		text-align: center;
	}

	#credit-main-txt {
		font-size: 22px;
	}

	#credit-main-txt img {
		width: 53px;
		height: 47px;
	}

	#credit-main .btn {
		font-size: 21px;
		height: 50px;
	}


	#section-why-us .atbildes {
		padding: 40px 0;
		float: right;
		width: 100%;
	}

	#section-why-us .atbildes-item {
		width: 46%;
		padding: 0;
		margin: 10px 0;
		background: none;
		border: none;
	}

	#atbildes-content {
		padding: 0 50px;
		margin: auto;
		float: unset;
	}

	#atbildes-content-main {
		grid-template-columns: 1fr 1fr;
		border: 0;
		margin: 20px auto 0;
		float: unset;
		width: fit-content;
	}

	#section-why-us .atbildes-txt {
		line-height: 75px;
	}

	#section-why-us .atbildes-item .main-icon.open + .atbildes-txt,
	#section-why-us .atbildes-item:hover .main-icon + .atbildes-txt {
	    opacity: 0;
	}
	
	#section-why-us .main-icon + .atbildes-txt::before {
		display: none;
	}

	#section-why-us .atbildes-item .text {
		position: absolute;
		left: -21px;
		top: 0;
		z-index: 0;
		text-align: left;
		margin: -10px 0 0 calc(15% + 75px);
		height: 100px;
		line-height: 100px;
		width: auto;
		padding: 0 5% 0 calc(20px + 2%);
		animation: slideHorizontaly 0.2s ease;
		background-image: -webkit-radial-gradient(left center,ellipse cover, rgba(var(--main-color-rgb), 0.1) 30%, #0000 60%);
		box-shadow: inset 0 0 10px 7px #f1f1f1;
		z-index: 0;
		overflow: visible;
	}

	#section-why-us .atbildes-item:hover .text {
		display: block;
	}

	#section-partners .grid__body {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	}

	#section-partners .logo {
		width:15vw;
		height: 8vw;
		max-width:180px;
		max-height: 90px;
	}
	
	#section-partners .logo img {
		filter: grayscale(1);
	}

	#section-partners .logo:hover img {
		filter: grayscale(0);
	}
	
}


@media screen and (min-width: 1200px) {

	#section-product .calculator-placement {
		bottom: unset;
		position: absolute;
		right: 71%;
		z-index: 1;
	}

	#section-product .application-form .form-group {
		min-width: 285px;
	}
	
	#section-product .application-form .form-group .btn {
		font-size: 24px;
	}

	#section-relevant-products .row > .item > .pic {
		width: 185px;
		height: 185px;
	}
		
	#section-advantages .reveal {
		transform: translateY(0);
	}

	#section-compare .wrapper {
	    box-shadow: 0px -50px 100px -50px #45454540;
	}

	
	#section-informational .content-wrapper {
	    float: unset;
	    width: fit-content;
	    margin: auto;
	    transform: translateX(calc(100%  / -2));
	}

	
	#section-informational h4 {
		padding: 10px 70px 10px 0;
		border: unset;
	}

	#section-informational h4::before {
	  font-size: 28px;
	  color: #7777;
	  transform: rotate(0deg);
	  left: calc(100% - 52px);
	}

	#section-informational h4.selected::before {
	  transform: rotate(0deg);
	  left: calc(100% - 52px);
	  bottom:0;
	  top:0;
	}

	#section-informational h4:not(.selected):hover::before {
	  font-size: 50px;
	  left: calc(100% - 65px);
	}
		
	#section-informational p {
		width: 600px;
		position: absolute;
		left: 100%;
		width: 100%;
		min-height: 230px;
		min-width: 500px;
		z-index: 1;
	}
	
	#section-informational .visualization {
		display: block;
	}

	#section-why-us .target {
		display: block;
		height: 550px;
		width: unset;
		top: 0;
		right: 63%;
	}

	#section-why-us .atbildes {
		width: 58%;
		margin-top: clamp(50px, 5vw, 5vw);
		position: relative;
		background: none;
		z-index: 0;
	}

	#section-why-us .atbildes h3 {
		position: relative;
		padding-right: 33%;
		text-align: left;
	}

	#atbildes-content {
		padding: 0;
	}

	#atbildes-content-main {
		margin: 20px 0 0;
		float: left;
	}
	
	#section-why-us .atbildes-item .main {
		margin: 0;
	}

	#section-why-us .atbildes-item .text {
		margin-left: calc(5% + 56px);
		font-size:16px;
	}

	#section-why-us {
		background-position: top calc(500px + 2vw) center;
		padding-bottom: clamp(100px, 10vw, 10vw);
	}

	#section-media .item {
		width: 250px;
		height: 250px;
	}

	#section-partners .logo {
		width: 170px;
		height: 90px;
	}
}

@keyframes slideHorizontaly {
	0% {
		width: 30%;
		color: #0000;
	}

	75% {
		color: #0000;
	}

	100% {
		width: 75%;
		color: #000;
	}
}

@keyframes rotate-right {
    from {
        rotate: 0deg;
    }
    to {
        rotate: 360deg;
    }
}

@keyframes pulse02 {
	0% {
		box-shadow: 0 0 0 0 rgba(var(--main-color-rgb), 0.5);
	}

	15% {
		box-shadow: 0 0 0 25px rgba(var(--main-color-rgb), 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(var(--main-color-rgb), 0);
	}
}

@keyframes pulse02-cta {
	0% {
		box-shadow: 0 0 0 0 rgba(var(--cta-color-rgb), 0.5);
	}

	15% {
		box-shadow: 0 0 0 25px rgba(var(--cta-color-rgb), 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(var(--cta-color-rgb), 0);
	}
}

@keyframes rotate-circle-in {
	from {
		transform: rotate(-0);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes rotate-circle-out {
	from {
		transform: rotate(0);
	}

	to {
		transform: rotate(-360deg);
	}
}

@keyframes rotate-line-1 {
	from {
		transform: rotate(-90deg);
	}

	to {
		transform: rotate(270deg);
	}
}

@keyframes rotate-line-2 {
	from {
		transform: rotate(-180deg);
	}

	to {
		transform: rotate(180deg);
	}
}

@keyframes rotate-line-3 {
	from {
		transform: rotate(-270deg);
	}

	to {
		transform: rotate(90deg);
	}
}

@keyframes rotate-line-4 {
	to {
		transform: rotate(360deg);
	}
}
/* Google Reviews Section */
#section-google-reviews {
float: left;
width: 100%;
position: relative;
padding: 50px 0 90px;
background: #fff;
z-index: 1;
box-sizing: border-box;
}

#section-google-reviews h3 {
margin-bottom: 20px;
padding-block: 10px;
font-size: 24px;
}

#section-google-reviews .stars {
display: flex;
gap: 4px;
font-size: 24px;
}

#section-google-reviews .star {
color: rgb(var(--main-color-rgb));
transition: transform 0.2s ease;
}

#section-google-reviews .star.main {
	color: #FF8558;
}

#section-google-reviews .star.empty {
color: #BDBDBD;
}

#section-google-reviews .star.half {
background: linear-gradient(90deg, rgb(var(--main-color-rgb)) 50%, #BDBDBD 50%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}

#section-google-reviews .carousel-container {
	position: relative;
	display: flex;
	align-items: center;
	max-width: 1200px;
	margin: 0 auto;
}

#section-google-reviews .carousel-container::before,
#section-google-reviews .carousel-container::after {
	content: '';
  position: absolute;
  top: 35%;
  width: 35%;
  height: 71%;
  border-radius: 400px;
  opacity: .2;
  background: rgb(var(--main-color-rgb));
  filter: blur(100px);
  pointer-events: none;
  z-index: 0;
}

#section-google-reviews .carousel-container::before {
	left: 0; /* Slightly outside to show soft glow on the left */
}

#section-google-reviews .carousel-container::after {
	right: 0; /* Slightly outside to show soft glow on the right */
}

#section-google-reviews .reviews-carousel {
	overflow: hidden;
	width: 100%;
	padding: 70px 50px 40px;
	z-index: 3;
}

#section-google-reviews .reviews-track {
	display: flex;
	gap: 20px;
	transition: transform 0.5s ease;
}

#section-google-reviews .review-wrapper {
	flex: 0 0 calc(33.333% - 14px);
	position: relative;
	margin-top: 80px;
}

#section-google-reviews .review-wrapper.is-occluded {
	pointer-events: none;
}

/* Fade only inner elements to avoid backdrop-filter artifacts */
#section-google-reviews .review-item,
#section-google-reviews .review-avatar {
	opacity: 1;
	transition: none;
	will-change: opacity;
}

#section-google-reviews .review-wrapper.is-occluded .review-item,
#section-google-reviews .review-wrapper.is-occluded .review-avatar {
	opacity: 0;
	transition: opacity 0.3s ease;
}

#section-google-reviews .review-item {
	background: rgba(255, 255, 255, 0.8);
	padding: 40px 35px;
	border-radius: 25px;
	border-radius: 25px;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.10);
	backdrop-filter: blur(10px);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	position: relative;
	z-index: 5;
	box-sizing: border-box;
	height: 400px;
}

#section-google-reviews .review-content {
	gap: 17px;
  display: grid;
	place-content: start;
}

#section-google-reviews .review-wrapper:hover .review-item {
	transform: translateY(-5px);
	box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.15);
}

#section-google-reviews .review-avatar {
	position: absolute;
  top: -120px;
  left: 50%;
  transform: translateX(-50%);
  width: 172px;
  height: 172px;
  border-radius: 50%;
  z-index: 1;
  object-fit: cover;
	display: grid;
	place-content: center;
	background-color: #fff;
}

#section-google-reviews .review-avatar svg {
	width: 110px;
	height: 110px;
}

#section-google-reviews .review-avatar-placeholder {
	background: linear-gradient(135deg, #e0e0e0 0%, #c0c0c0 100%);
}

#section-google-reviews .review-avatar-placeholder::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 50%;
	height: 50%;
	background: #999;
	border-radius: 50%;
}

/* Work-around for .review-wrapper opacity issues on reveal transition */
#section-google-reviews .wrapper.reveal { opacity: 1 !important; transform: translateY(100px); transition: transform 0.7s ease; }
#section-google-reviews .wrapper.reveal.active { opacity: 1 !important; transform: translateY(0); }


#section-google-reviews .carousel-nav {
	background: transparent;
	border: none;
	height: auto;
	cursor: pointer;
	z-index: 10;
	transition: color 0.3s, transform 0.2s;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

#section-google-reviews .carousel-nav svg {
	width: 26px;
	height: auto;
	filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
	transition: filter 0.3s;
}

#section-google-reviews .carousel-nav:hover {
	color: rgb(var(--main-color-rgb));
	transform: scale(1.15);
}

#section-google-reviews .carousel-nav:hover svg {
	filter: drop-shadow(0 4px 8px rgba(91, 188, 100, 0.3));
}

#section-google-reviews .carousel-nav:active {
	transform: scale(0.95);
}

#section-google-reviews .carousel-nav.disabled,
#section-google-reviews .carousel-nav:disabled {
	color: #cccccc;
	cursor: not-allowed;
	opacity: 0.4;
}

#section-google-reviews .carousel-nav.disabled:hover,
#section-google-reviews .carousel-nav:disabled:hover {
	color: #cccccc;
	transform: scale(1);
}

#section-google-reviews .carousel-nav.disabled svg,
#section-google-reviews .carousel-nav:disabled svg {
	filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.05));
}

#section-google-reviews .carousel-prev:hover:not(.disabled):not(:disabled) {
	transform: scale(1.15);
}

#section-google-reviews .carousel-prev:active:not(.disabled):not(:disabled) {
	transform: scale(0.95);
}

#section-google-reviews .reviews-list {
	display: flex;
	flex-direction: column;
	gap: 20px;
	max-width: 800px;
	margin: 0 auto;
	padding: 0 20px;
flex-wrap: wrap;
gap: 10px;
}

#section-google-reviews .author-name {
	font-weight: 600;
  font-size: 24px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#section-google-reviews .review-rating {
display: flex;
gap: 2px;
line-height: 1;
margin-left: -4px;
}

#section-google-reviews .review-rating .star {
font-size: 30px;
}

#section-google-reviews .review-text {
line-height: 1.6;
font-size: 16px;
overflow-y: auto;
  height: 160px;
	scrollbar-width: thin;
	padding-right: 10px;
}

#section-google-reviews .review-time {
	font-size: 20px;
	font-weight: 300;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 1024px) {
	#section-google-reviews {
		padding: 0 0 60px;
	}

	#section-google-reviews .wrapper {
		padding: 0;
	}

	#section-google-reviews .rating-number {
	font-size: 36px;
	}

	#section-google-reviews .stars {
	font-size: 20px;
	}

	#section-google-reviews .carousel-container {
		padding: 0 25px;
		box-shadow: none;
		background-image: none;
	}

	#section-google-reviews .review-wrapper {
		flex: 0 0 100%;
	}

	#section-google-reviews .carousel-nav {
		width: 40px;
	}

	#section-google-reviews .carousel-nav svg {
		width: 25px;
	}

	#section-google-reviews .review-item {
		text-align: center;
		height: 320px;
	}

	#section-google-reviews .review-text {
		height: 110px;
		font-size: 14px;
	}

	#section-google-reviews .review-rating {
		justify-content: center;
	}
}

@media (max-width: 640px) {
	#section-google-reviews .reviews-carousel {
		padding: 40px 20px 40px;
	}

	#section-google-reviews .carousel-container {
		padding: 0 15px;
		gap: 5px;
	}

	#section-google-reviews .review-avatar {
		width: 110px;
		height: 110px;
		top: -80px;
	}

	#section-google-reviews .review-avatar svg {
		width: 70px;
		height: 70px;
	}

	#section-google-reviews .author-name {
		font-size: 18px;
	}

	#section-google-reviews .review-time {
		font-size: 16px;
	}
}

@media screen and (min-width: 900px) {
  #section-google-reviews h3 {
    font-size: 37px;
  }
}