.labs-block {}

.wp-block-columns:where(.wp-block-columns.is-layout-flex) {gap:80px;}

.labs-block .col {margin:0 40px;}

.labs-block .labs-cta {position: relative; width:100%;max-width: 619px; height: 307px;border-right: 1px solid transparent;padding:70px 80px;margin-bottom:80px;background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 100%), rgba(0, 0, 0, 0.50);backdrop-filter: blur(10px);float:right;}
.labs-block .labs-cta:hover { background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 100%), rgba(0, 0, 0, 0.80); backdrop-filter: blur(10px); }
.labs-block .labs-cta::before { content: ''; position: absolute; right: 0; width: 1px; height: 33%; background-color: white; top: 0; }
.labs-block .labs-cta::after { content: ''; position: absolute; right: 0; width: 1px; height: 66%; background: linear-gradient(to bottom, #69E0F5 33%, #F85849 66%); top: 33%; }

.labs-block .labs-cta h2 {color: #FFF;font-family:'Graphie Bold', sans-serif;font-size: 60px;letter-spacing: 12px;text-transform: uppercase;margin-bottom:25px;}
.labs-block .labs-cta p {color: #FFF;font-family:'Graphie Light', sans-serif;font-size: 18px;line-height: 125%;margin-bottom:50px;}
.labs-block .labs-cta a {color: #FFF;font-family: 'Graphie Bold', sans-serif;font-size: 24px;display:table;line-height:61px;white-space:nowrap;color:#ffffff;padding:0 50px;text-decoration:none;position:absolute;left:80px;bottom:-33px;border:1px solid #FFF;}
.labs-block .labs-cta a:hover {text-decoration: none;}
.labs-block .labs-cta a::after { content: ""; display: inline-block; width: 11px; height: 17px; margin-left: 15px; background-size: contain; background-repeat: no-repeat; background-image: url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2211%22 height%3D%2217%22 viewBox%3D%220%200%2011%2017%22 fill%3D%22none%22%3E%3Cpath d%3D%22M2 15.5L9 8.5L2 1.5%22 stroke%3D%22%23ffffff%22 stroke-width%3D%222%22 stroke-linecap%3D%22square%22/%3E%3C/svg%3E'); }
.labs-block .labs-cta a {transition: background 1s ease;overflow: hidden;z-index: 1;}
.labs-block .labs-cta a::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(90deg, #0094FF 0%, #00EB6C 100%);z-index: -1;opacity: 0;transition: opacity 1s ease;}
.labs-block .labs-cta a:hover::before {opacity: 1;}

.labs-block .big-dots {margin-bottom:30px;}

.labs-block .form-cta {background:#1B2331;padding:36px 95px 36px 80px;margin-bottom:50px;position:relative;float:right;}
.labs-block .form-cta h3 {color: #FFF;font-family: 'Graphie Bold', sans-serif;font-size: 24px;line-height: 102%;padding-bottom:24px;}
.labs-block .form-cta a {display: flex;justify-content: center;align-items: flex-start;gap: 24px;color: #FFF;text-decoration: none;}
.labs-block .form-cta a:hover {text-decoration: underline;}
.labs-block .form-cta a strong {color: #FFF;font-family: 'Graphie Light', sans-serif;font-size: 18px;line-height: 125%;font-weight: normal;}
.labs-block .form-cta a span {display:table;border:1px solid #FFF;padding:16px 20px 14px 21px;}
.labs-block .form-cta a span::after {content: "";display: inline-block;width: 10px;height: 18px;background-size: contain;background-repeat: no-repeat;background-image: url('data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%2218%22 viewBox%3D%220%200%2010%2018%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath id%3D%22Icon%22 d%3D%22M1.5 16L8.5 9L1.5 2%22 stroke%3D%22white%22 stroke-width%3D%222%22 stroke-linecap%3D%22square%22/%3E%3C/svg%3E');}
.labs-block .form-cta::after {position:absolute;top:43px;right:60px;content: "";display: inline-block;width: 9px;height: 88px;background-size: contain;background-repeat: no-repeat;background-image: url('data:image/svg+xml,%3Csvg width%3D%229%22 height%3D%2288%22 viewBox%3D%220%200%209%2088%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Crect y%3D%220.5%22 width%3D%229%22 height%3D%229%22 fill%3D%22%2300E96C%22/%3E%3Crect y%3D%2226.5%22 width%3D%229%22 height%3D%229%22 fill%3D%22%2300A1E1%22/%3E%3Crect y%3D%2252.5%22 width%3D%229%22 height%3D%229%22 fill%3D%22%2369E0F5%22/%3E%3Crect y%3D%2278.5%22 width%3D%229%22 height%3D%229%22 fill%3D%22%23F85849%22/%3E%3C/svg%3E');}


.labs-block .about-text {margin-bottom:80px;}
.labs-block .about-text h3 {color: #FFF;font-family: 'Graphie Bold',sans-serif;font-size: 24px;line-height: 125%;margin-bottom:30px;}
.labs-block .about-text p {color: #FFF;font-family: 'Graphie Light',sans-serif;font-size: 18x;line-height: 125%;margin-bottom:30px;}
.labs-block .about-text a {color: #FFF;font-family: 'Graphie Light',sans-serif;font-size: 24px;letter-spacing: 2.4px;text-decoration-line: underline;display: table;}
.labs-block .about-text a:hover {text-decoration: none;}
.labs-block .about-text a::after {content: "";display: table;float:right;width: 36px;height: 36px;margin-left:30px;background-size: contain;background-repeat: no-repeat;background-image: url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2236%22 height%3D%2236%22 viewBox%3D%220%200%2036%2036%22 fill%3D%22none%22%3E%3Crect width%3D%2236%22 height%3D%2236%22 fill%3D%22%23262F3F%22/%3E%3Cpath d%3D%22M10 18L24.7273 18%22 stroke%3D%22white%22 stroke-linecap%3D%22square%22/%3E%3Cpath d%3D%22M17 11.4551L25.1818 18.0005L17 24.546%22 stroke%3D%22white%22/%3E%3C/svg%3E');}

.labs-block .popin-overlay {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; z-index: 9999;}
.labs-block .popin-overlay .popin-content {width: 90%; max-width: 1300px; position: relative; margin: auto;}
.labs-block .popin-overlay .popin-content-inner {margin-left:360px;position:relative;}
.labs-block .popin-overlay .popin-page {display: none;background:#FFF;padding:60px 60px 60px 120px;min-height: 600px;}
.labs-block .popin-overlay .popin-page.active {display: block;}
.labs-block .popin-overlay .demo-link {margin-top: 20px; padding: 10px 20px; border: none; background: #007bff; color: #fff; cursor: pointer;margin-bottom:30px;}
.labs-block .popin-overlay .demo-link {background: #6c757d;}
.labs-block .popin-overlay .demo-link:hover, .labs-block button:hover {opacity: 0.9;}
.labs-block .popin-overlay .close {position: absolute; top: 0; right: 0; background: none; border: none; font-size: 30px; color: #000; cursor: pointer; z-index: 1001;background:#FFF;border-bottom:2px solid #e8e9ea;border-left:2px solid #e8e9ea;width: 60px;height: 60px;line-height:60px;}
.labs-block .popin-overlay h3 {font-size:28px;color:#000;max-width: 475px;margin-bottom:15px;position:relative;padding-left:60px;}
.labs-block .popin-overlay h3.b {font-size:34px;}
.labs-block .popin-overlay h3 span {color:#737981;display: block;margin-bottom:10px;}
.labs-block .popin-overlay h3::before {position: absolute;top: 7px;left:0;content: "";display: inline-block;width: 9px;height: 88px;background-size: contain;background-repeat: no-repeat;background-image: url('data:image/svg+xml,%3Csvg width%3D%229%22 height%3D%2288%22 viewBox%3D%220%200%209%2088%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Crect y%3D%220.5%22 width%3D%229%22 height%3D%229%22 fill%3D%22%230199f5%22/%3E%3Crect y%3D%2226.5%22 width%3D%229%22 height%3D%229%22 fill%3D%22%2300b7c3%22/%3E%3Crect y%3D%2252.5%22 width%3D%229%22 height%3D%229%22 fill%3D%22%2300cc9f%22/%3E%3Crect y%3D%2278.5%22 width%3D%229%22 height%3D%229%22 fill%3D%22%2300e96f%22/%3E%3C/svg%3E');}
.labs-block .popin-overlay .left-image {position:absolute;left:-360px;top:50px;}
.labs-block .popin-overlay .left-image img {max-height: 500px;}
.labs-block .popin-overlay .left-image .img-left-1 {display: none;}
.labs-block .popin-overlay .left-image .img-left-2 {display: none;}
.labs-block .popin-overlay .left-image .img-left-3 {display: none;}
.labs-block .popin-overlay .left-image .img-left-4 {display: none;}
.labs-block .popin-overlay .sector-image {cursor: pointer;transition: opacity 0.2s ease;width:288px;height:105px;display: block;margin-bottom:5px;}
.labs-block .popin-overlay #page1 label {display: block;margin-bottom:30px;}
.labs-block .popin-overlay .forward {background:#000;color: #FFF;font-family: 'Graphie Bold', sans-serif;font-size: 24px;display:table;line-height:61px;white-space:nowrap;padding:0 50px;text-decoration:none;border:2px solid #000;cursor: pointer;float:left;margin-bottom:30px;}
.labs-block .popin-overlay .forward::after { content: ""; display: inline-block; width: 11px; height: 17px; margin-left: 15px; background-size: contain; background-repeat: no-repeat; background-image: url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2211%22 height%3D%2217%22 viewBox%3D%220%200%2011%2017%22 fill%3D%22none%22%3E%3Cpath d%3D%22M2 15.5L9 8.5L2 1.5%22 stroke%3D%22%23ffffff%22 stroke-width%3D%222%22 stroke-linecap%3D%22square%22/%3E%3C/svg%3E'); }
.labs-block .popin-overlay .prev {background:#FFF;color: #000;font-family: 'Graphie Bold', sans-serif;font-size: 24px;display:table;line-height:61px;white-space:nowrap;padding:0 50px;text-decoration:none;border:2px solid #000;cursor: pointer;float:left;margin-right:30px;margin-bottom:30px;}
.labs-block .popin-overlay .prev::before { content: ""; display: inline-block; width: 11px; height: 17px; margin-right: 15px; background-size: contain; background-repeat: no-repeat;background-image: url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2211%22 height%3D%2217%22 viewBox%3D%220%200%2011%2017%22 fill%3D%22none%22%3E%3Cpath d%3D%22M9 15.5L2 8.5L9 1.5%22 stroke%3D%22%23000000%22 stroke-width%3D%222%22 stroke-linecap%3D%22square%22/%3E%3C/svg%3E');}
.labs-block .popin-overlay .question {font-size:28px;color:#000;max-width: 475px;margin-bottom:30px;position:relative;padding-left:60px;}

.labs-block label.int input[type="radio"] { display: none; }
.labs-block label.int { position: relative; display: flex; align-items: center; cursor: pointer; font-size: 16px;margin-bottom:15px;}
.labs-block label.int .checkbox { width: 20px; height: 20px; border: 2px solid black; background-color: #fafbfb; display: inline-flex; align-items: center; justify-content: center; margin-right: 8px; transition: background-color 0.3s ease;float:right;margin-top:30px;}
.labs-block label.int .checkbox.checked { background-color: black; color: white; }
.labs-block label.int .checkbox.checked::after { content: '✔'; color: white; font-size: 14px; font-weight: bold; }
.labs-block label.int strong {display:block;width:80px;line-height: 80px;text-align: center;background:#f5f7f7;}
.labs-block label.int p {display:block;line-height: 80px;text-align: left;background:#fafbfb;padding:0 30px 0 50px;width: 100%;}
.labs-block label.int.checked strong {background: #d3ecfa;}
.labs-block label.int.checked p {background: linear-gradient(90deg, #d6f0fb 0%, #d8fce8 100%);}
.labs-block .engine {display:table;margin:0 auto;}
.labs-block #page3 {text-align: center;}
.labs-block #page3 p {text-align: center;}
.labs-block #page3 h3 {max-width: 100%;padding-left:0}
.labs-block #page3 h3::before {display:none;}
.labs-block #page3 .question {max-width: 100%;padding-left:0}
.labs-block #page3 .demo-link {margin-top:0;}
.labs-block .btns {display:table;margin:0 auto;}
.labs-block #page3 .btns a.demo-link {background: linear-gradient(90deg, #0295fe 0%, #01ea6f 100%);border:0;line-height:65px;color:#000;}
.labs-block #page3 .btns a.demo-link::after {background-image: url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2211%22 height%3D%2217%22 viewBox%3D%220%200%2011%2017%22 fill%3D%22none%22%3E%3Cpath d%3D%22M2 15.5L9 8.5L2 1.5%22 stroke%3D%22%23000000%22 stroke-width%3D%222%22 stroke-linecap%3D%22square%22/%3E%3C/svg%3E');}








@media all and (min-width: 1px) and (max-width: 768px) {
    .labs-block {margin-top:0 !important}
    .labs-block .labs-cta {padding:20px 30px;height:207px;}
    .labs-block .labs-cta p {font-size:16px;}
    .labs-block .labs-cta h2 {font-size:26px;}
    .labs-block .labs-cta a {font-size:16px;left:50%;transform: translate(-50%,0);padding:0 24px;line-height:48px;}
    .labs-block .big-dots {margin:0 auto 30px auto;}
    .labs-block .form-cta h3 {margin-top:30px;}
    .labs-block .form-cta::after {transform: rotate(-90deg);top: 0;left:80px;right: auto;}
    .labs-block .form-cta {padding: 36px 40px 36px 40px;}
    .labs-block .form-cta a strong {font-size:16px;}
    .labs-block .form-cta a span {padding: 10px 15px 7px 15px;}
    .labs-block .about-text h3 {font-size:20px;}
    .labs-block .about-text p {font-size:16px;}
    .labs-block .about-text a {font-size:16px;}
    .labs-block .about-text a::after {zoom:75%;}
    .labs-block .popin-content {width: 100%;padding: 15px;}
    .labs-block button, .labs-block  .demo-link {width: 100%;margin-top: 15px;}
    .labs-block .popin-overlay .popin-page {padding:30px 30px 30px 30px;}
    .labs-block .popin-overlay .popin-content-inner {margin-left:0;}
    .labs-block .popin-overlay .left-image {display:none;}
    .labs-block .popin-overlay #page1 label {display:table;margin:0 auto}
    .labs-block .popin-overlay .sector-image {width: auto;height: 60px;margin: 0 auto;}
    .labs-block label.int p {line-height: 23px;padding: 0 30px 0 15px;background: transparent;position:relative;}
    .labs-block label.int .checkbox {margin-top:-10px;}
    .labs-block .popin-overlay .prev {width:40%;}
    .labs-block .popin-overlay .forward {width:50%;}
    .labs-block label.int .checkbox {position: absolute;right: 0;top: 13px;}
    .labs-block .popin-overlay .close {margin-top:0 !important;}
    .labs-block label.int.checked p {background: transparent}
    .labs-block .popin-overlay .prev {width:250px;margin: 0 auto 5px auto;display: table;float: none;}
    .labs-block .popin-overlay .forward {width:250px;margin: 0 auto 5px auto;display: table;float: none;}
}
@media all and (min-width: 769px) and (max-width: 999px) {
    .labs-block {margin-top:0 !important}
    .labs-block .labs-cta {zoom:66%;}
    .labs-block .big-dots {zoom:66%;}
    .labs-block .form-cta {zoom:66%;}
    .labs-block .about-text {zoom:75%;}
    .wp-block-columns:where(.wp-block-columns.is-layout-flex) {gap:40px;}
    .labs-block .col {margin:0 20px;}
    .labs-block .popin-overlay .popin-page {padding:60px 60px 60px 60px;}
    .labs-block .popin-overlay .popin-content-inner {margin-left:0;}
    .labs-block .popin-overlay .left-image {display:none;}
    .labs-block .popin-overlay #page1 label {display:table;margin:0 auto}
    .labs-block .popin-overlay .sector-image {width: auto;height: 60px;margin: 0 auto;}
    .labs-block label.int p {line-height: 23px;padding: 0 30px 0 15px;background: transparent;position:relative;}
    .labs-block label.int .checkbox {margin-top:-10px;}
    .labs-block .popin-overlay .prev {width:40%;}
    .labs-block .popin-overlay .forward {width:50%;}
    .labs-block label.int .checkbox {position: absolute;right: 0;top: 13px;}
    .labs-block .popin-overlay .close {margin-top:0 !important;}
    .labs-block label.int.checked p {background: transparent}
    .labs-block .popin-overlay .prev {width:250px;margin: 0 auto 5px auto;display: table;float: none;}
    .labs-block .popin-overlay .forward {width:250px;margin: 0 auto 5px auto;display: table;float: none;}
}