.datasheet-button {
display: inline-flex;
align-items: center;
padding: 10px 20px;
background-color: #f1f1f1;
color: #333;
border: 1px solid black;
border-radius: 4px;
font-size: 16px;
cursor: pointer;
margin-top: 5px;
margin-bottom: 5px;
transition: background-color 0.3s ease;
}
.datasheet-button:hover {
background-color: #ddd;
}
.logoMw{
width: 160px;
}
.splide__slide {
opacity: 0.6;
}
.splide__slide.is-active {
opacity: 1;
}
.splide__slide img {
width: 100%;
height: 100%;
object-fit: contain;
}
.img_center{
display:flex;
flex-direction: column;
align-items: center;
}
.price {
font-family: 'Karla', sans-serif;
font-size: 1.05rem; font-weight: normal; }
.shop-icon{
width:30px;
height:30px;
}
.wrapper {
width: 100%;
min-height: 100vh;
background-image: url(/wp-content/plugins/monitor-berater/bg_0.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.count_box {
max-width: 25rem;
min-height: 5.625rem;
background: -webkit-gradient(linear, left top, right top, from(#544cf9), to(#814cf9));
background: linear-gradient(to right, #544cf9, #814cf9);
font-family: "Jost", sans-serif;
}
.count_clock img {
width: 2.8125rem;
}
.count_title h4 {
font-size: 1.146875rem;
font-weight: 800;
margin-bottom: -0.4rem;
}
.count_title span {
font-size: 1.146875rem;
font-weight: 800;
}
.count_number {
width: 14rem;
height: 4.5rem;
background-color: #ffffff;
}
.count_number .count_hours h3,
.count_number .count_min h3,
.count_number .count_sec h3 {
color: #000a38;
font-size: 1.75rem;
font-weight: 800;
margin-bottom: -0.4rem;
}
.count_number .count_hours span,
.count_number .count_min span,
.count_number .count_sec span {
color: #000a38;
font-size: 1rem;
font-weight: 800;
margin-bottom: 0rem;
padding-left: 0.2rem;
}
.count_number .count_hours:after,
.count_number .count_min:after,
.count_number .count_sec:after {
content: "";
width: 0.1875rem;
height: 2.5625rem;
top: 50%;
right: 80px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
background-color: #e1e1e1;
}
.count_number .count_hours:before,
.count_number .count_min:before,
.count_number .count_sec:before {
content: "";
width: 0.1875rem;
height: 2.5625rem;
top: 50%;
left: 80px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
background-color: #e1e1e1;
}
.multisteps_form {
}
.multisteps_form_panel {
display: none;
}
.question_number span {
color: #e5e5e5;
font-size: 2.5rem;
}
.question_title h1 {
font-size: 2.5rem;
font-weight: 400;
background: -webkit-linear-gradient(#544cf9, #814cf9);
-webkit-text-fill-color: transparent;
}
.form_items_content2 label {
padding: 1.5rem;
border-radius: 0.5rem;
border: 2px solid #e1e1e1;
margin: 1rem;
cursor: pointer;
}
.form_items_content2 input {
display: none;
}
.form_items_content2:after {
content: "";
width: 1.7rem;
height: 1.7rem;
top: 20%;
right: 35px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
border-radius: 100%;
border: 2px solid #e1e1e1;
cursor: pointer;
}
.form_items_content2:before {
content: "";
top: 19.5%;
right: 39px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 1.2rem;
font-weight: 900;
background: -webkit-linear-gradient(#544cf9, #814cf9);
-webkit-text-fill-color: transparent;
z-index: 1;
position: absolute;
font-family: "Font Awesome 5 Free";
display: none;
}
.form_items_content2.active:after {
border: 2px solid #544cf9;
}
.form_items_content2.active:before {
display: block;
}
.form_items_icon img {
width: 3.75rem;
height: auto;
}
.form_items_text {
color: #576072;
font-size: 1.210625rem;
font-family:"Russo One", sans-serif !important;
}
.step_progress span {
color: #2f3146;
font-size: 1rem;
font-family: "Jost", sans-serif;
}
.progress {
border: 4px solid #ededed;
background-color: white;
}
.progress-bar {
background: -webkit-gradient(linear, left top, right top, from(#544cf9), to(#814cf9));
background: linear-gradient(to right, #544cf9, #814cf9);
padding: 1rem;
}
.f_btn {
font-size: 1.1rem;
outline: none;
border: none;
background: -webkit-gradient(linear, left top, right top, from(#554cf9), to(#804cf9));
background: linear-gradient(to right, #C2AB92, #FCB465);
}
.f_btn:hover {
color: #000000 !important;
background: -webkit-gradient(linear, left top, right top, from(#804cf9), to(#554cf9));
background: linear-gradient(to right, #804cf9, #554cf9);
-webkit-transition: 0.3s cubic-bezier(0.25, 1, 0.5, 1);
transition: 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
.next_btn {
padding: 0.9375rem 3rem;
}
.prev_btn {
padding: 0.9375rem 1.5625rem;
}
.right_img img {
background-position: center;
background-size: cover;
}
a,
button,
input {
cursor: pointer;
text-decoration: none;
}
a:hover,
button:hover,
input:hover {
text-decoration: none;
}
a:focus,
button:focus,
input:focus {
outline: none;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 700;
}
img {
max-width: 100%;
height: auto;
} .animate_25ms {
-webkit-animation-delay: 25ms;
animation-delay: 25ms;
}
.animate_50ms {
-webkit-animation-delay: 50ms;
animation-delay: 50ms;
}
.animate_100ms {
-webkit-animation-delay: 100ms;
animation-delay: 100ms;
}
.animate_150ms {
-webkit-animation-delay: 150ms;
animation-delay: 150ms;
}
.animate_200ms {
-webkit-animation-delay: 200ms;
animation-delay: 200ms;
} a,
button {
-webkit-transition: 0.3s cubic-bezier(0.25, 1, 0.5, 1);
transition: 0.3s cubic-bezier(0.25, 1, 0.5, 1);
} @media (min-width: 1500px) {
.container {
max-width: 1510px;
}
} @media screen and (max-width: 1499.98px) {
.f_btn {
font-size: 1rem;
}
.next_btn {
padding: 0.8375rem 2.5rem;
}
.prev_btn {
padding: 0.8375rem 1.3625rem;
}
}
@media screen and (max-width: 1399.98px) {
.step_progress {
text-align: center;
}
.next_btn {
padding: 0.8375rem 1.5rem;
}
}
.question_number span {
font-size: 2rem;
}
.question_title h1 {
font-size: 2rem;
padding: 1.3rem !important;
}
.form_items_content2 label {
padding: 2rem;
}
.form_items_icon img {
width: 3rem;
}
.form_items_text {
font-size: 0.8rem;
}
.f_btn {
font-size: 0.8rem;
}
.next_btn {
padding: 0.7375rem 1.2rem;
margin-right: 0.1rem;
}
.prev_btn {
padding: 0.8375rem 1.3625rem;
}
@media screen and (max-width: 991.98px) {
.count_box {
max-width: 22rem;
min-height: 5rem;
}
.count_clock img {
width: 2.5rem;
}
.count_title h4 {
font-size: 0.8rem;
font-weight: 700;
margin-bottom: -0.4rem;
}
.count_title span {
font-size: 0.8rem;
font-weight: 700;
}
.count_number {
width: 11rem;
height: 4rem;
}
.count_number .count_hours h3,
.count_number .count_min h3,
.count_number .count_sec h3 {
font-size: 1.5rem;
font-weight: 600;
}
.count_number .count_hours span,
.count_number .count_min span,
.count_number .count_sec span {
font-size: 1rem;
font-weight: 600;
padding-left: 0rem;
}
.count_number .count_hours:after,
.count_number .count_min:after,
.count_number .count_sec:after {
right: 61px;
}
.count_number .count_hours:before,
.count_number .count_min:before,
.count_number .count_sec:before {
left: 64px;
}
.multisteps_form {
min-height: 42rem;
}
.question_title h1 {
font-size: 1.5rem;
padding: 0.5rem !important;
}
.form_items_content2:after {
width: 1.5rem;
height: 1.5rem;
}
.form_items_content2:before {
right: 39px;
font-size: 1rem;
}
.form_items_icon img {
width: 2rem;
}
.form_items_text {
font-size: 0.6rem;
}
.f_btn {
font-size: 0.5rem;
}
.next_btn {
padding: 0.5375rem 0.5rem;
}
.prev_btn {
padding: 0.5375rem 0.5rem;
}
}
@media screen and (max-width: 767.98px) {
.logo_area {
text-align: center;
padding-left: 0rem !important;
padding-bottom: 2rem;
margin-top: 1rem !important;
width:inherit !important;
}
.multisteps_form {
min-height: 45rem;
}
.question_title h1 {
padding: 1rem !important;
}
.form_items_icon img {
width: 5rem;
}
.form_items_text {
font-size: 1rem;
}
.f_btn {
font-size: 0.8rem;
margin-bottom: 2rem;
}
}
@media screen and (max-width: 575.98px) {
.f_btn {
font-size: 0.8rem;
margin-bottom: 2rem;
}
}
@media screen and (max-width: 379.98px) {
.question_number span {
font-size: 1.5rem;
}
.f_btn {
font-size: 0.6rem;
margin-bottom: 2rem;
}
}
code {
font-family: monospace;
font-weight: 600;
}
.modal-header {
background-color: #efe5da;
}
.btn-modal {
--bs-btn-color: #fff;
--bs-btn-bg: #6c757d;
--bs-btn-border-color: #6c757d;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #5c636a;
--bs-btn-hover-border-color: #565e64;
--bs-btn-focus-shadow-rgb: 130,138,145;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #565e64;
--bs-btn-active-border-color: #51585e;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #6c757d;
--bs-btn-disabled-border-color: #6c757d;
}
hr + h2 {
display: inline-block;
position: relative;
left: 50%;
margin: 0;
padding: 5px 10px;
border: 1px solid #453986;
transform: translateX(-50%);
color: #453986;
font-size: 24px;
font-weight: 500;
letter-spacing: 0.025em;
text-align: center; background-color: #fff;
}
.custom-button {
font-family: 'Karla', sans-serif;
border-radius: 10px;
background-color: #c2ab92;
font-size: 15px;
border-color: #c2ab92;
transition: background-color 0.3s, border-color 0.3s;
padding: 10px 20px;
}
.custom-button:hover {
background-color: #e8dcd1;
border-color: #e8dcd1;
}
.rowX {
display: flex !important;
flex-wrap: wrap !important;
justify-content: space-between;
}
.rowX .ite {
flex-basis: calc(50% - 10px);
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
.rowX .ite {
flex-basis: 100%;
}
}
.card-label {
cursor: pointer;
padding: 1rem;
border: 1px solid #1c1c1c;
border-radius: 0.25rem;
background-color: #fff;
display: flex;
align-items: center;
flex-direction: column;
flex-grow: 1;
}
.card-label.selected {
border: 2px solid #c2ab92;
border-radius: 0.5rem;
box-shadow: 0 0 0.25rem 0.1rem rgba(194, 171, 146, 0.4);
}
.card-input {
display: none;
}
.card-content {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
font-family: "Russo One", sans-serif;
color: #576072;
font-size: 1.09rem;
user-select: none;
height: 100%;
}
.radio-icon {
width: 20px;
height: 20px;
}
.select-icon {
margin-right: 0.5rem;
width: 20px;
height: 20px;
}
.card-content img {
width: 80px;
height: 80px;
vertical-align: middle;
}
.question-title{
font-family:"Russo One", sans-serif;
}
.back-button { background-color: #007bff;
color: #fff;
padding: 10px 20px;
border: none;
border-radius: 4px;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.next-button {
background-color: #007bff;
color: #fff;
padding: 10px 20px;
border: none;
border-radius: 4px;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.next-button:disabled {
background-color: #ccc;
cursor: not-allowed;
}
.next-button:not(:disabled):hover {
background-color: #0056b3;
}
.right_img {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.right_img img {
max-height: 100%;
max-width: 100%;
}
.leiste{
width:100%;
background: white;
}
.logo {
display: block;
padding-top:1%;
margin-left: auto;
margin-right: auto;
width:130px;
height: auto;
}
.card {
background-color: #fff;
border-radius: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);;
margin: 5px;
text-align: center;
}
.card-body {
flex-grow: 1;
padding-left: 10px;
}
.card-img-top{
width:250px !important;
height:250px !important;
}
.energy-sign{
display: flex;
justify-content: flex-end;
margin-right: 10%;
}
.card-title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
details div {
border-left: 2px solid #000;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
padding: 1.5em;
background-color:#fff;
}
details div>*+* {
margin-top: 1.5em;
}
details+details {
margin-top: .5rem;
}
summary {
list-style: none;
background-color: #F2F2F2;
text-align: left;
}
summary::-webkit-details-marker {
display: none;
}
summary {
border: 2px solid #000;
padding: .75em 1em;
cursor: pointer;
position: relative;
padding-left: calc(1.75rem + .75rem + .75rem);
}
summary:before {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: .75rem;
content: "↓";
width: 1.75rem;
height: 1.75rem;
background-color: #000;
color: #FFF;
display: inline-flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
}
details[open] summary {
background-color: #f4efea;
}
details[open] summary:before {
content: "↑";
}
summary:hover {
background-color: #eee;
}
a {
color: inherit;
}
code {
font-family: monospace;
font-weight: 600;
}@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.css);.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;touch-action:none;-moz-user-select:none;user-select:none;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#fafafa;border-radius:4px;border:1px solid #d3d3d3;box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb}.noUi-connects{border-radius:3px}.noUi-connect{background:#3fb8af}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #d9d9d9;border-radius:3px;background:#fff;cursor:default;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb}.noUi-active{box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#e8e7e6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#b8b8b8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#ccc}.noUi-marker-large,.noUi-marker-sub{background:#aaa}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{transform:translateY(-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{transform:translateY(50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #d9d9d9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{transform:translate(-50%);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{transform:translateY(-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{transform:translate(50%);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{transform:translateY(-18px);top:auto;right:28px}.slider-component{width:70%;margin:0 auto;margin-bottom:5%;margin-top:5%}.slider-wrapper{width:100%}.noUi-connect{background-color:#6cb5f5}.stepslider-component{width:70%;margin:0 auto;margin-bottom:40%;margin-top:5%}.stepslider-wrapper{width:100%}.noUi-handle{background-color:#e7effb}.noUi-value{font-size:16px;color:#333;text-align:center;white-space:normal;width:80px;display:block;margin-top:10px}.noUi-value:before{content:""}.noUi-marker{background-color:#333}.star-container{display:inline-block;margin-right:1px}.star-rating{margin-bottom:5px}.datasheet-btn[data-v-a6110fa6]{background-color:#e6e0d980;border:none;color:#625e5e;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:15px;margin:4px 2px;transition-duration:.4s;cursor:pointer}.custom-btn[data-v-a6110fa6]:hover{background-color:#fff;color:#000;border:2px solid #4caf50}.datasheet-table th[data-v-a6110fa6]{background-color:#e9d9c7;color:#0e0808;text-align:left}.datasheet-table td[data-v-a6110fa6],.datasheet-table th[data-v-a6110fa6]{text-align:left;font-size:14px}.datasheet-table label[data-v-a6110fa6]{font-weight:700}.product-tabs[data-v-a6110fa6]{overflow-x:hidden;border-bottom:1px solid #ccc}.product-tabs [type=radio][data-v-a6110fa6]{display:none}.tabs[data-v-a6110fa6]{display:flex;align-items:stretch;list-style:none;padding:0;border-bottom:1px solid #ccc;margin:0}.tab>label[data-v-a6110fa6]{display:block;margin-bottom:-1px;border:1px solid #ccc;background:#eee;color:#666;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;padding:2px}.tab:hover label[data-v-a6110fa6]{border-top-color:#333;color:#333}.tab-content[data-v-a6110fa6]{display:none;color:#777}.product-tabs [type=radio]:first-of-type:checked~.tabs .tab:first-of-type label[data-v-a6110fa6],.product-tabs [type=radio]:nth-of-type(2):checked~.tabs .tab:nth-of-type(2) label[data-v-a6110fa6],.product-tabs [type=radio]:nth-of-type(3):checked~.tabs .tab:nth-of-type(3) label[data-v-a6110fa6],.product-tabs [type=radio]:nth-of-type(4):checked~.tabs .tab:nth-of-type(4) label[data-v-a6110fa6]{border-bottom-color:#fff;border-top-color:#b721ff;background:#fff;color:#222}.product-tabs [type=radio]:first-of-type:checked~.tab-content[data-v-a6110fa6]:first-of-type,.product-tabs [type=radio]:nth-of-type(2):checked~.tab-content[data-v-a6110fa6]:nth-of-type(2),.product-tabs [type=radio]:nth-of-type(3):checked~.tab-content[data-v-a6110fa6]:nth-of-type(3),.product-tabs [type=radio]:nth-of-type(4):checked~.tab-content[data-v-a6110fa6]:nth-of-type(4){display:block}.custom-modal-body[data-v-a6110fa6]{padding:0}.display-properties[data-v-a6110fa6]{margin:5px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.property[data-v-a6110fa6]{font-size:15px}label[data-v-a6110fa6]{font-weight:700;display:block;font-size:14px}.mt-small-device[data-v-a6110fa6]{margin-top:0}@media (max-width:576px){.mt-small-device[data-v-a6110fa6]{margin-top:5px}}.btn14[data-v-a6110fa6]{background-color:#fa890052;border:1px solid #222!important;width:70%;line-height:1.3}.datasheet-btn[data-v-b4462ee0]{background-color:#e6e0d980;border:none;color:#625e5e;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:15px;margin:4px 2px;transition-duration:.4s;cursor:pointer}.custom-btn[data-v-b4462ee0]:hover{background-color:#fff;color:#000;border:2px solid #4caf50}.datasheet-table th[data-v-b4462ee0]{background-color:#e9d9c7;color:#0e0808;text-align:left}.datasheet-table td[data-v-b4462ee0],.datasheet-table th[data-v-b4462ee0]{text-align:left;font-size:14px}.tt-product-tabs[data-v-b4462ee0]{overflow-x:hidden;border-bottom:1px solid #ccc}.tt-product-tabs [type=radio][data-v-b4462ee0]{display:none}.tt-tabs[data-v-b4462ee0]{display:flex;align-items:stretch;list-style:none;padding:0;border-bottom:1px solid #ccc;margin:0}.tt-tab>label[data-v-b4462ee0]{display:block;margin-bottom:-1px;border:1px solid #ccc;background:#eee;color:#666;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;padding:3px}.tt-tab:hover label[data-v-b4462ee0]{border-top-color:#333;color:#333}.tt-tab-content[data-v-b4462ee0]{display:none;color:#777}.tt-product-tabs [type=radio]:first-of-type:checked~.tt-tabs .tt-tab:first-of-type label[data-v-b4462ee0],.tt-product-tabs [type=radio]:nth-of-type(2):checked~.tt-tabs .tt-tab:nth-of-type(2) label[data-v-b4462ee0],.tt-product-tabs [type=radio]:nth-of-type(3):checked~.tt-tabs .tt-tab:nth-of-type(3) label[data-v-b4462ee0],.tt-product-tabs [type=radio]:nth-of-type(4):checked~.tt-tabs .tt-tab:nth-of-type(4) label[data-v-b4462ee0]{border-bottom-color:#fff;border-top-color:#b721ff;background:#fff;color:#222}.tt-product-tabs [type=radio]:first-of-type:checked~.tt-tab-content[data-v-b4462ee0]:first-of-type,.tt-product-tabs [type=radio]:nth-of-type(2):checked~.tt-tab-content[data-v-b4462ee0]:nth-of-type(2),.tt-product-tabs [type=radio]:nth-of-type(3):checked~.tt-tab-content[data-v-b4462ee0]:nth-of-type(3),.tt-product-tabs [type=radio]:nth-of-type(4):checked~.tt-tab-content[data-v-b4462ee0]:nth-of-type(4){display:block}.tt-custom-modal-body[data-v-b4462ee0]{padding:0}.tt-display-properties[data-v-b4462ee0]{margin:5px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.tt-property[data-v-b4462ee0]{font-size:15px}.tt-property label[data-v-b4462ee0]{font-weight:700;display:block;font-size:14px}.tt-mt-small-device[data-v-b4462ee0]{margin-top:0}@media (max-width:576px){.tt-mt-small-device[data-v-b4462ee0]{margin-top:5px}}.btn13[data-v-b4462ee0]{background-color:#fa890052;border:1px solid #222!important;width:80%;line-height:1.3}.thank-you-message[data-v-3a391bf8]{border:none}h4.feedback-headline[data-v-3a391bf8]{font-family:HKGroteskPro,serif!important}.feedback-btn[data-v-3a391bf8]{background:#b9d1ff!important;color:#222!important;border:1px solid #222!important}.feedback-box[data-v-3a391bf8]{border:none;padding:0;max-width:600px;margin:auto;text-align:center}.feedback-form[data-v-3a391bf8]{display:flex;flex-direction:column;align-items:center}.feedback-form textarea[data-v-3a391bf8]{width:100%;height:150px;border:1px solid #bebcbc;padding:10px;resize:vertical;font-size:16px;margin-bottom:10px}.feedback-form button[data-v-3a391bf8]{padding:10px 20px;font-size:16px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;text-align:center}.feedback-form button[data-v-3a391bf8]:hover{background-color:#0056b3}.feedback-details[data-v-3a391bf8]{border:1px solid #ddd;margin-top:20px;border-radius:5px}.no_select[data-v-3a391bf8]{cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.card.card-share{background:linear-gradient(120deg,#fcf5eb2e,#f0ebe5 50%,#e6e1dc8f)}.ribbon{background-color:hsla(30,31%,94%,.7);border:.8px solid}.rightBox{width:60%}.icon-size{width:1.5rem;height:1.5rem}.tooltip-container{cursor:help}.tooltip-content{position:absolute;width:18rem;opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;transition-delay:.1s;z-index:1000;bottom:100%;left:50%;transform:translateX(-50%)}.tooltip-container:hover .tooltip-content{opacity:1;visibility:visible}.tooltip-arrow{position:absolute;width:0;height:0;border-left:.5rem solid transparent;border-right:.5rem solid transparent;top:100%;left:50%;transform:translateX(-50%);border-top:.5rem solid #212529}.rounded-xl{border-radius:.75rem!important}.shadow-lg{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.hover-bg:hover{background-color:rgba(13,110,253,.1)}.group-hover-text:hover{color:#0b5ed7}.rightBox .card2{margin-top:5px}@media (max-width:576px){.rightBox{width:100%;padding:0 1rem}}.share-icon{font-size:1.5rem;transition:opacity .2s}.share-icon:hover{opacity:.8}.twitter{color:#1da1f2}.facebook{color:#1877f2}.whatsapp{color:#25d366}.linkedin{color:#0077b5}.pinterest{color:#e60023}.reddit{color:#ff4500}.telegram{color:#08c}.email{color:#ea4335}.clipboard{color:#6c757d}code[data-v-9e763618]{background-color:#202129;border-radius:4px;padding:20px;height:70px;color:#fff;display:flex;margin:0 auto;align-items:center;width:350px}.typingEffect[data-v-9e763618]{overflow:hidden;border-right:2px solid #fff;font-size:16px;white-space:normal;animation:typing-9e763618 2s forwards}@keyframes typing-9e763618{0%{width:0}to{width:100%}}.flip-card-3D-wrapper{perspective:1000px}.card{background-color:#fff;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.1);text-align:center;transform-style:preserve-3d;transition:transform .5s;position:relative;display:flex}.card.is-flipped{transform:rotateY(180deg)}.card-front{position:relative;overflow:hidden}.card-back,.card-front{width:100%;height:100%;backface-visibility:hidden;background-color:#fff;border-radius:10px}.card-back{position:absolute;top:0;left:0;transform:rotateY(180deg)}.label-data-front{color:#999}.btn13{background-color:#fa890052;border:1px solid #222!important}.icon-margin-right{margin-right:8px}.highlights{color:var(--default-black,#222);background:#b9d1ff;position:relative;border:1px solid #222;border-left:none;font-weight:500;margin-bottom:0}.specs{display:flex;flex-wrap:wrap}.spec-item{flex:1 0 200px;margin:10px;border:1px solid #222;background:#121212;border-radius:12px;padding:12px;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.spec-item:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.2)}.spec-item:before{content:"";position:absolute;top:-75px;right:-75px;width:128px;height:128px;background-color:#f9b23478;border-radius:50%}.icon-black{color:#000!important}.spec-item:nth-child(2n):before{background-color:#3ecd5e5e}.spec-item:nth-child(3n):before{background-color:#e4400261}.spec-item:nth-child(4n):before{background-color:#952aff66}.spec-item:nth-child(5n):before{background-color:#cd3e9462}.spec-item:nth-child(6n):before{background-color:#4c49ea83}.spec-item>*{position:relative;z-index:2;color:#fff}.ribbon-wrapper{width:150px;height:150px;overflow:hidden;position:absolute;top:-10px;right:-10px;z-index:10}.ribbon{font-family:Arial,sans-serif;font-size:14px;font-weight:700;color:#040404;text-align:center;line-height:20px;transform:rotate(45deg);-webkit-transform:rotate(45deg);position:relative;padding:7px 0;left:-5px;top:45px;width:200px;background-color:#296fe84f;box-shadow:0 4px 6px rgba(0,0,0,.15)}.top3-example .card{margin:0 auto} @media (max-width:576px){.row{overflow-x:hidden}}@media (max-width:992px){.row{overflow-x:hidden}}.cards-grid[data-v-ed079c56]{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);align-items:stretch}@media (min-width:576px) and (max-width:991.98px){.cards-grid[data-v-ed079c56]{grid-template-columns:repeat(2,1fr)}}@media (max-width:575.98px){.cards-grid[data-v-ed079c56]{grid-template-columns:1fr;display:block}.card-center[data-v-ed079c56]{display:none!important}}.grid-item[data-v-ed079c56]{display:flex}.grid-item>.card-center[data-v-ed079c56],.grid-item>.usage-card[data-v-ed079c56]{display:flex;flex-direction:column;width:100%}.card-center[data-v-ed079c56]{background:linear-gradient(211deg,#60a5fa,#0c53c6de);backdrop-filter:none;-webkit-backdrop-filter:none;border:none;box-shadow:none;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:1rem;margin:1rem;position:relative}.center-card-title[data-v-ed079c56]{position:relative;display:inline-block;background:hsla(0,0%,100%,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;padding:.5rem 1rem;transition:all .3s ease}.center-card-title[data-v-ed079c56]:hover{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.3);transform:translateY(-2px)}.usage-card[data-v-ed079c56]{background-color:#f9fafb;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:all .3s ease-in-out}.usage-card[data-v-ed079c56]:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,.12)}.card-body[data-v-ed079c56]{flex:1;display:flex;flex-direction:column}.card-title[data-v-ed079c56]{font-size:1.125rem;font-weight:500;color:#3d84f6;margin-bottom:1rem}ul[data-v-ed079c56]{list-style:none;padding-left:0}li[data-v-ed079c56]{font-size:.875rem;color:#4b5563;line-height:1.4}.empty-cell[data-v-ed079c56]{flex:1}.wrapper[data-v-348ffdd6]{width:100%;min-height:100vh;background-image:url();background-repeat:no-repeat;background-position:50%;background-size:cover}.flip-card-3D-wrapper[data-v-348ffdd6]{perspective:1000px}.card[data-v-348ffdd6]{background-color:#fff;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.1);text-align:center;transform-style:preserve-3d;transition:transform .5s;display:flex}.card.is-flipped[data-v-348ffdd6]{transform:rotateY(180deg)}.card-back[data-v-348ffdd6],.card-front[data-v-348ffdd6]{width:100%;height:100%;backface-visibility:hidden}.card-back[data-v-348ffdd6]{transform:rotateY(180deg);position:absolute}.label-data-front[data-v-348ffdd6]{color:#999}#form .typewriter-container[data-v-348ffdd6]{border:1px solid #ccc;padding:10px;border-radius:5px;width:40%;text-align:justify}.question-text[data-v-348ffdd6]{font-size:18px;margin-top:10px}h1[data-v-348ffdd6]{font-size:3rem;margin-bottom:2rem}#form .container-infobox[data-v-348ffdd6]{text-align:left}.typewriter>[data-v-348ffdd6]{color:transparent;position:relative}.icon-margin-right[data-v-348ffdd6]{margin-right:8px}.typewriter>[data-v-348ffdd6]:after{content:attr(data-content);color:var(--font-color,#000);position:absolute;left:0;top:0}#form blockquote.speech-bubble[data-v-348ffdd6]{--border-color:#c2ab92;--arrow-w:0.5em;--arrow-h:1em;--bubble-corners:5px;--w:12em;--border-size:1.5px;--text-color:#000;--bubble-color:#fff;--border-color:#daab4f;text-align:center;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:15px;font-weight:None;color:var(--text-color);background:var(--bubble-color);padding:1.5rem 2.5rem;border-radius:var(--bubble-corners);box-shadow:0 0 0 var(--border-size) var(--border-color);line-height:none;border:None}#form blockquote.speech-bubble.round[data-v-348ffdd6]{--bubble-corners:1em}#form blockquote.speech-bubble.circle[data-v-348ffdd6]{--bubble-corners:100%;padding:2em}#form blockquote.speech-bubble.pop[data-v-348ffdd6]{animation-name:pop-348ffdd6;animation-duration:.5s;animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@keyframes pop-348ffdd6{0%{transform:scale(.8)}80%{transform:scale(1.1)}90%{transform:scale(.9)}to{transform:scale(1)}}@keyframes float-up-348ffdd6{0%{transform:translateY(0)}50%{transform:translateY(calc(var(--arrow-h)*-1))}}@keyframes float-left-348ffdd6{0%{transform:translateX(0)}50%{transform:translateX(calc(var(--arrow-h)*-1))}}@keyframes float-right-348ffdd6{0%{transform:translateX(0)}50%{transform:translateX(var(--arrow-h))}}@keyframes float-down-348ffdd6{0%{transform:translateY(0)}50%{transform:translateY(var(--arrow-h))}}#form .container.topCont[data-v-348ffdd6]{padding-top:0;background:linear-gradient(193deg,#9471427d,#ddcfbd69 50%,#978b801a);border-left:1px solid;border-right:1px solid;border-bottom:1px solid;border-top:none;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:10px;border-bottom-right-radius:10px}@media (min-width:1500px){.container.topCont[data-v-348ffdd6]{max-width:1230px;padding-top:0}}#form .dingoPic[data-v-348ffdd6]{max-height:250px;width:20%;position:absolute;bottom:0;right:0;margin-bottom:-40px;margin-right:5px}@media (max-width:576px){#form .dingoPic[data-v-348ffdd6]{max-height:350px;width:20%;position:absolute;bottom:0;right:0;margin-right:5px;margin-bottom:0}}.question-title[data-v-348ffdd6]{font-family:HKGroteskPro,serif!important}#form .btn12-next[data-v-348ffdd6],#form .btn12[data-v-348ffdd6]{background-color:#fa890052;border:1px solid #222!important}#form .btn12-next[data-v-348ffdd6]{padding:.6em 1em .4em!important}#form .btn13-back[data-v-348ffdd6]{background-color:#0d6efd30;border:1px solid #222!important;padding:.6em 1em .4em!important}.back-button-wrapper[data-v-348ffdd6]{margin-top:10px;margin-left:15px;margin-bottom:20px}@media (min-width:1024px){.firstPage-info[data-v-348ffdd6]{width:60%;margin-left:auto;margin-right:auto;margin-top:30px}}.slide-fade-enter-from[data-v-348ffdd6]{opacity:0;transform:translateX(100%)}.slide-fade-enter-to[data-v-348ffdd6]{opacity:1;transform:translateX(0)}.slide-fade-enter-active[data-v-348ffdd6]{transition:opacity .5s ease,transform .5s ease}.slide-fade-leave-from[data-v-348ffdd6]{opacity:1;transform:translateX(0);width:100%}.slide-fade-leave-to[data-v-348ffdd6]{opacity:0;display:block;transform:translateX(0)}.slide-fade-leave-active[data-v-348ffdd6]{transition:opacity .5s ease}.infoText[data-v-348ffdd6]{text-align:left}.overlay[data-v-348ffdd6]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:9999}.spinner-container[data-v-348ffdd6]{text-align:center;color:#fff}.rotating-image[data-v-348ffdd6]{width:100px;animation:spin-348ffdd6 2s linear infinite}.loading-text[data-v-348ffdd6]{font-size:1.5rem;margin-top:1rem;animation:fadeInOutFast-348ffdd6 2.5s ease-in-out infinite}@keyframes spin-348ffdd6{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeInOutFast-348ffdd6{0%,15%{opacity:0}25%,75%{opacity:1}85%,to{opacity:0}}.line-gap[data-v-348ffdd6]{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25;height:1px;background-color:#ccc;width:100%}h2.question-title[data-v-348ffdd6]{font-weight:500!important;font-size:37px!important;font-family:HKGroteskPro,serif!important}@media (max-width:768px){h2.question-title[data-v-348ffdd6]{font-size:30px!important;font-family:HKGroteskPro,serif!important;font-weight:500!important}}@media (max-width:480px){h2.question-title[data-v-348ffdd6]{font-size:30px!important;font-family:HKGroteskPro,serif!important;font-weight:500!important}}.sort-container[data-v-348ffdd6]{margin-top:10px;display:flex;flex-direction:column;align-items:center}.sort-container label[data-v-348ffdd6]{margin-bottom:.2em;font-weight:700}.sort-container select[data-v-348ffdd6]{padding:.25em .5em}.spanField[data-v-348ffdd6]{background-color:#b9d1ff;border-radius:10px 10px 0 0}.spanSelectField[data-v-348ffdd6]{border-radius:0 10px 10px 10px;border-width:1px}@media (min-width:576px){.form-select[data-v-348ffdd6]{width:auto}}h1.firstPage[data-v-348ffdd6]{font-size:2rem;margin-top:10px;margin-bottom:.5rem}.card2[data-v-348ffdd6]{width:60%}.header-container[data-v-348ffdd6]{display:flex;justify-content:space-between;align-items:flex-end;max-width:40em;margin:0 auto 1rem}.logoMw[data-v-348ffdd6]{display:block}@media (max-width:768px){.logoMw[data-v-348ffdd6]{display:none}}.intro-text[data-v-348ffdd6]{text-align:left;max-width:40em;margin:0 auto 1.5rem;line-height:1.6}.detail-desc[data-v-348ffdd6]{text-align:left;padding:.5rem 1rem}.image-container[data-v-348ffdd6]{text-align:center;margin:1.5rem 0}.image-container img[data-v-348ffdd6]{max-width:100%;height:auto}@media (max-width:768px){.card2[data-v-348ffdd6]{width:100%;padding:0 1rem}.header-container[data-v-348ffdd6]{flex-direction:column;align-items:flex-start}.logoMw[data-v-348ffdd6]{margin-top:1rem;align-self:flex-start}.intro-text[data-v-348ffdd6]{max-width:100%}}@media (min-width:768px) and (max-width:1023px){.container-md.underQuestion[data-v-348ffdd6]{max-width:720px;padding:1rem}.card2[data-v-348ffdd6]{width:80%;margin:1rem auto}.firstPage-info[data-v-348ffdd6]{width:80%;margin:1.5rem auto}h2.question-title[data-v-348ffdd6]{font-size:32px!important}}@media only screen and (min-width:768px) and (max-width:1024px){.col-md-6[data-v-348ffdd6]{flex:0 0 auto;width:80%}}.row>.progress-glass[data-v-348ffdd6]{padding-left:0;padding-right:0}.progress-glass[data-v-348ffdd6]{margin-top:10px;position:relative;width:100%;height:1.5rem;background:hsla(0,0%,100%,.15);border-radius:14px;border:1px solid hsla(0,0%,100%,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 6px rgba(0,0,0,.1);overflow:hidden;--fill-start:hsla(0,0%,100%,0);--fill-end:#e8f3ee}.progress-glass__fill[data-v-348ffdd6]{display:block;height:100%;background:linear-gradient(90deg,var(--fill-start) 0,var(--fill-end) 100%);border-radius:inherit;transition:width .4s ease;box-shadow:inset 0 1px 2px rgba(0,0,0,.15)}.sr-only[data-v-348ffdd6]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}