/* Start:/care/style_care.css?178067418728430*/




/* Класс для неактивной кнопки */
.disabled-btn {
  background-color: #cccccc !important;
  color: #ffffff !important;
  cursor: not-allowed !important;
  opacity: 0.7;
  pointer-events: none; /* Запрещает клики */
}

/* Когда кнопка активна - возвращаем нормальный вид */
#modalSubmit:not(.disabled-btn) {
  pointer-events: auto !important;
  cursor: pointer !important;
  opacity: 1;
}
.status-modal {
  position: fixed;
  inset: 0;
  display: none;
  z-index: 99999;
}

.status-modal.active {
  display: block;
}

.status-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.5);
  backdrop-filter: blur(6px);
}

/* CARD */
.status-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.9);

  width: 340px;
  padding: 28px;
  border-radius: 20px;
  background: #fff;

  text-align: center;

  box-shadow: 0 30px 80px rgba(0,0,0,0.25);

  opacity: 0;
  transition: all 0.3s ease;
}

.status-modal.active .status-content {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

/* ICON */
.status-icon {
  width: 64px;
  height: 64px;
  margin: 0 auto 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  font-weight: bold;
}

/* SUCCESS */
.status-icon.success {
  background: #e8f8ee;
  color: #22c55e;
}

/* ERROR */
.status-icon.error {
  background: #fdeaea;
  color: #ef4444;
}

/* TEXT */
.status-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
}

.status-text {
  font-size: 14px;
  color: #666;
  margin-bottom: 20px;
}

/* BUTTON */
.status-btn {
  width: 100%;
  height: 48px;
  border-radius: 12px;
  border: none;
  background: #4a8cff;
  color: #fff;
  font-weight: 500;
  cursor: pointer;
  transition: 0.2s;
}

.status-btn:hover {
  background: #3b7df0;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 9999;
      overflow-y: scroll;
}

.popup-overlay.active {
  opacity: 1;
  visibility: visible;
}
body.no-scroll {
  overflow: hidden;
  touch-action: none;
}
/* состояние по умолчанию (спрятан снизу) */
.popup-content {
  position: absolute;
  left: 50%;
  
top: 40px;
  transform: translate(-50%, 120%); /* ниже экрана */
  opacity: 0;
  pointer-events: none;

 /* width: 90%;
  max-width: 700px;

  background: #f5f5f5;
  border-radius: 30px;
  padding: 40px;*/
 height: 0;
  transition: 
    transform 0.4s cubic-bezier(.22,1,.36,1),
    opacity 0.3s;
}

/* активный попап */
.popup-content.active {
  transform: translate(-50%, 0%); /* центр */
  opacity: 1;
  pointer-events: auto;
      height: fit-content;
    margin-bottom: 90px;
}

.popup-close {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
  font-size: 18px;
}


.uslg_2_close {
    height: 44px;
    width: 44px;
    background: url(https://labburo.ru/company/img/uslugi/close.svg) no-repeat;
    background-size: cover;
    cursor: pointer;
    transition: 0.3s;
    right: 20px;
    top: 20px;
    position: absolute;
}


.popup-spre {
    background: #f5f5f5;
    border-radius: 30px;
    padding: 40px;
}
.popup-sprepo {
    height: 200px;
}





.clb-modal {
  position: fixed;
  inset: 0;
  display: none;
  z-index: 99999;
}

.clb-modal.active {
  display: block;
}

.clb-modal-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.6);
}

.clb-modal-content {
  position: relative;
  max-width: 600px;
  width: 95%;
  margin: 80px auto;
  background: #fff;
  border-radius: 16px;
  padding: 25px;
}

.clb-modal-close {
  position: absolute;
  top: 10px;
  right: 15px;
  cursor: pointer;
  font-size: 18px;
}

.select-list {
  z-index: 100000;
  position: absolute;
}



li.li_blue {
    padding: 20px;
    background-color: #6093cd17;
    border-radius: 20px;
    color: #5d9cec;
    font-size: 16px;
    font-weight: 500;
}


.header-title{
  display: none;
}
html {
  scroll-behavior: smooth;
}
.clb-body {
  font-family: Arial, sans-serif;
  background: #ffffff;
  color: #1a1a1a;
}

.clb-container {
  width: 1488px;
  margin: 0 auto;
}
.clb-text_bnr_kt0{
font-size: 18px;
    color: #161A1D;
    line-height: 140%;
    font-weight: 600;
    margin: auto;
    margin-bottom: 40px;
    text-align: center;
}
.clb-section {
  padding: 60px 0;
}

.clb-h1 {
  font-size: 42px;
  font-weight: 700;
}

.clb-h2 {
  font-size: 32px;
  margin-bottom: 30px;
  text-align: center;
}

.clb-h3 {
  font-size: 20px;
  margin-bottom: 10px;
}
.clb-h3_kt2 {
font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}

.clb-text {
    font-size: 18px;
    color: #161A1D;
    line-height: 140%;
    font-weight: 600;
}
.clb-text_kt2{
      font-size: 14px;
    color: #161A1D;
    line-height: 140%;
    
}
.kt4{
font-size: 64px;
    margin-bottom: 50px;
    text-transform: uppercase;
    font-weight: 800;
    line-height: 1em;
}
/* HERO */
.clb-hero {
    background: linear-gradient(135deg, #0d1b2a, #1b263b);
    color: #fff;
    padding: 80px 0;
    border-radius: 40px;
    margin: 20px;
    background-image: url(https://labburo.ru/care/img/bnr.png);
    background-size: cover;
        max-width: 1488px;
    height: 344px;
    margin: auto;
    margin-top: 20px;
    position: relative;
}
.clb-container_bnr{
      width: fit-content;
    position: absolute;
    right: 26%;
    top: 20%;
    color: white;
        margin-top: 20px;
}
.clb-btns {
 margin-top: 15px;
    display: flex;
        GAP: 10PX;
    align-items: center;
    justify-content: center;

}
.clb-h1_bnr{
font-weight: 700;
    height: fit-content;
    line-height: 90%;
    font-size: 55px;
}
.clb-text_bnr{
color: #ffffff;
    line-height: 140%;
    font-weight: 600;
    font-size: 25px;
}
a,
a:visited,
a:hover,
a:active {
  color: inherit;
  text-decoration: none;
}
.clb-btn {
  padding: 12px 20px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  /* margin-right: 10px; */
  height: fit-content;
    display: block;
    width: fit-content;
        font-size: 16px;
    line-height: 24px;
    text-decoration: none;
    font-weight: 500;
}

.clb-btn-primary {
    background: #2d6cdf;
    color: #fff;
    background-color: #4292ee;
    padding: 19px;
    border-radius: 8px;
    height: fit-content;
    display: block;
    width: fit-content;
        text-align: center;
}

.clb-btn-outline {
background: transparent;
    border: 1px solid #4292ee;
    color: #fff;
    padding: 19px;
    border-radius: 8px;
    text-decoration: none;
}
.clb-info-box {
  display: flex;
align-items: center;
    gap: 16px;
    padding: 20px 24px;
    border-radius: 20px;
    background: #FAFAFC;
    border: 1px dashed #d6dde5;
    max-width: 1200px;
    margin: 0 auto;
    width: fit-content;
    margin-top: 30px;
}

/* Иконка */
.clb-info-icon {
min-width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 2px solid #3b82f6;
    color: #3b82f6;
    font-weight: bold;
    font-size: 12px;
}

/* Текст */
.clb-info-text {
  font-size: 16px;
  color: #6b7280;
  line-height: 1.5;
}
/* GRID */
.clb-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    width: fit-content;
    margin: auto;
}

.clb-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.clb-text_mobile{
  display: none;
}
/* CARDS */
.clb-card {
background: #fff;
max-width: 400px;
    padding: 20px;
    border-radius: 20px;
    /* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); */
    height: 254px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
    padding: 30px;
    text-align: center;
    border: solid 1px #E8EAF6;
}

.clb-card_kt2 {
background: #fff;
    padding: 20px;
    border-radius: 20px;
   max-width: 400px;
    height: 357px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 40px;
    padding: 30px;
    text-align: center;
    border: solid 1px #E8EAF6;
    width: 360px;
}

.clb-card_kt4 {
background: #fff;
    padding: 20px;
    border-radius: 48px;

    height: 480px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 40px;
    padding: 30px;
    text-align: center;
    border: solid 1px #5d9cec;
    transition: 0.3s;
    max-width: 400px;
    color: black;
}
.clb-btn-primary:hover {
    background-color: #64acff !important;
    border-color: #64acff !important;
    color:white;
}


.clb-img_kt2{
position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.img_prt{
    height: 89px;
    width: 169px;
    position: relative;
}

.kt22 {
  visibility: hidden;
  position: absolute; /* Чтобы картинки накладывались друг на друга */
    left: 50%;
    transform: translateX(-50%);
}

/* При наведении на карточку: скрываем первую, показываем вторую */
.clb-card_kt4:hover .clb-img_kt1 {
  visibility: hidden;
}
input {
    outline: none !important;
    background-color: white;
}
.clb-card_kt4:hover .clb-img_kt2 {
  visibility: visible;
}
/* .clb-card_kt4.uop1:hover .clb-img_kt2 {
  content: url("/care/img/kt4/ico_111.svg");
} */
/* .clb-card_kt4.uop2:hover .clb-img_kt2 {
  content: url("/care/img/kt4/ico_222.svg");
}
.clb-card_kt4.uop3:hover .clb-img_kt2 {
  content: url("/care/img/kt4/ico_333.svg");
}
.clb-card_kt4.uop4:hover .clb-img_kt2 {
  content: url("/care/img/kt4/ico_444.svg");
} */





.clb_pri_g_po {     margin-bottom: 20px; color: #5d9cec;}
.clb_pri_g_po:after {
    content: ' ';
    display: block;
    height: 1px;
    width: 100%;
    background-color: #5d9cec;
}


.clb-card_kt4.uop4:hover .clb_pri_g_po {color: #ffffff;}
.clb-card_kt4.uop4:hover .clb_pri_g_po:after {
  background-color: #ffffff;
}





.clb-card_kt4.uop3:hover .clb_pri_g_po {color: #ffffff;}
.clb-card_kt4.uop3:hover .clb_pri_g_po:after {
  background-color: #ffffff;
}


.clb-card_kt4.uop2:hover .clb_pri_g_po {color: #ffffff;}
.clb-card_kt4.uop2:hover .clb_pri_g_po:after {
  background-color: #ffffff;
}


.clb-card_kt4.uop1:hover .clb_pri_g_po {color: #ffffff;}
.clb-card_kt4.uop1:hover .clb_pri_g_po:after {
  background-color: #ffffff;
}



.clb-card_kt4:hover{

transform: scale(1.01) translateY(-10px);
    transition: 0.3s;
    cursor: pointer;
    will-change: transform;
    background-color: #4292ee;
    color: white;
}

.clb-card-highlight {
  border: 2px solid #2d6cdf;
}

/* STEPS */
.clb-step {
    background: #fff;
    padding: 30px;
    border-radius: 20px;
    text-align: center;
    border: solid 1px #E8EAF6;
    position: relative;
}
.clb_step_numb {
position: absolute;
    /* border: solid 1px #E8EAF6; */
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    left: 20px;
    top: 20px;
    font-size: 14px;
    font-weight: 700;
    background-color: #FAFAFC;
    color: #a2a2a2;
}
.clb_step_text {
    font-size: 18px;
    line-height: 140%;
    font-weight: 600;
}
img.clb-img_kt2 {
    min-width: 50px;
    margin-bottom: -20px;
}
/* CTA */
.clb-cta {
  background: linear-gradient(135deg, #0d1b2a, #1b263b);
  color: #fff;
  padding: 60px 0;
  text-align: center;
}


.clb_pri_text1 {
    font-size: 20px;
    font-weight: 600;
    line-height: 140%;
}

.clb_pri_text3 {
    font-size: 18px;
}
div#popup-uop1 li {
    list-style: none;
}
div#popup-uop2 li {
    list-style: none;
}
div#popup-uop3 li {
    list-style: none;
}
div#popup-uop4 li {
    list-style: none;
}
.clb_pri_text4 {
    font-weight: 600;
    font-size: 45px;
}
.kt4_texht{
  height: 56px;
      margin-bottom: 20px;
}
.clb_pri_text5 {
font-size: 20px;
    font-weight: 600;
    text-align: left;
}

.clb_pri_g_kt4{
  display: flex;
  gap: 10px;
      align-items: center;
}
.dgr{

  display: flex;
  gap: 10px;

}
.popup-mspace{
  height: 40px;
}
.fgr{
  color: #4292EE;
}
.textkt5{
text-align: center;
    font-size: 18px;
    margin-top: 40px;
    margin-bottom: 40px;
    font-weight: 600;
    color: black;
}


.clb-contract-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    margin-bottom: 100px;
}

.clb-contract-left {
    width: 450px;
}
.clb-contract-right {
   width: 450px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

h2.clb-contract-title-right {
    font-size: 40px;
}

p.clb-contract-text {
    font-size: 16px;
    color: #6b7280;
    line-height: 140%;
}

img.clb-img_sert {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}




.quiz_pics {
    max-height: 500px;
    max-width: 500px;
    display: block;
}
img.clb-img_qz {
    height: 100%;
    width: 100%;
}


.quiz_pics {
  position: relative;
}

.clb-img_qz {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;

  opacity: 0;
  transform: translateY(30px);
  transition: all 0.4s ease;

  pointer-events: none;
}

/* активная картинка */
.clb-img_qz.active {
  opacity: 1;
  transform: translateY(0);
  position: relative;
}


@keyframes shake {
  0% { transform: translateX(0); }
  20% { transform: translateX(-6px); }
  40% { transform: translateX(6px); }
  60% { transform: translateX(-4px); }
  80% { transform: translateX(4px); }
  100% { transform: translateX(0); }
}

.select.shake {
animation: shake 0.4s ease;
    border: 1px solid #4292ee;
    border-radius: 10px;
}




.select_model {
margin: auto;
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 40px;
}

.clb-contract-buttons {
    margin-top: 20px;
}
.clb-contract-text {
    font-size: 18px;
}
.kt_o{
  margin-bottom: 20px!important;
}


.quiz{
    width: 600px;
    background: #FAFAFC;
    padding: 30px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.title_kt6{
  font-weight:600;
  margin-bottom:10px;
  font-size: 18px;
}
.title_kt66{
  font-weight:600;
  margin-bottom:15px;
  font-size: 14px;
}
.title_kt67{
  font-weight:600;
  margin-bottom:10px;
  font-size: 20px;
}
.tabs{
  display:flex;
  border-radius:10px;
  background:#f3f4f6;
  overflow:hidden;
  margin-bottom:20px;
    overflow-x: auto;
  -webkit-overflow-scrolling: touch;

  scrollbar-width: none; /* Firefox */
}
.tabs::-webkit-scrollbar {
  display: none; /* Chrome/Safari */
}
.segment::-webkit-scrollbar {
  display: none; /* Chrome/Safari */
}
.tab{
  flex:1;
  padding:15px;
  background:#ffffff;
  border:none;
  cursor:pointer;
  font-size:14px;
  color:#161A1D;
  position:relative;
  font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    border-radius: 0;
    padding: 11px 20px 11px 20px;
    color: #505a62;

}

/* бордеры */
.tab:not(:last-child){
  border-right:1px solid #d1d5db;
  border-bottom:1px solid #d1d5db;
  border-top:1px solid #d1d5db;
}

.tab:first-child{
  border-left:1px solid #d1d5db;
  border-radius:10px 0 0 10px;
}

.tab:last-child{
  border-right:1px solid #d1d5db;
  border-bottom: 1px solid #d1d5db;
    border-top: 1px solid #d1d5db;
  border-radius:0 10px 10px 0;
}

/* активный */
.tab.active{
  background:#e7f0ff;
  color:#4292EE;
  border:1px solid #4292EE;
}

/* склейка */
.tab:has(+ .active){
  border-right:none;
}

.tab.active + .tab{
  border-left:none;
}

.block{
  margin-bottom:20px;
}

.label{
  margin-bottom:10px;
}

.select{
  position:relative;
}

.select-header{
  padding:15px;
  border:1px solid #ddd;
  border-radius:10px;
  cursor:pointer;
  position:relative;
  background:white;
  font-size: 16px;
}

/* стрелка */
.select-header::after{
  content:"";
  position:absolute;
  right:15px;
  top:50%;
  transform:translateY(-50%);
  width:16px;
  height:16px;

  background:url('data:image/svg+xml;utf8,<svg fill="gray" height="20" width="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M5.516 7.548l4.484 4.486 4.484-4.486L16 8.548 10 14.548 4 8.548z"/></svg>')
  no-repeat center;
}

/* список */
.select-list{
  position:absolute;
  width:100%;
  background:white;
  border:1px solid #ddd;
  border-radius:10px;
  margin-top:5px;
  display:none;
  max-height:200px;
  overflow:auto;
  z-index:5;
}

/* hover */
.select-item:hover{
  background:#eef4ff;
}

.select.active .select-list{
  display:block;
}

.select-item{
  padding:12px;
  cursor:pointer;
}

.select-item:hover{
  background:#eef4ff;
}

/* контейнер */
.segment{
  display:flex;
  border-radius:10px;
  background:#f3f4f6;
  overflow:hidden;
      overflow-x: auto;
  -webkit-overflow-scrolling: touch;

  scrollbar-width: none; /* Firefox */
}

/* кнопки */
.seg{
  flex:1;
  padding:15px;
  background:#ffffff;
  border:none;
  cursor:pointer;
  font-size:14px;
  color:#161A1D;
  position:relative;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    border-radius: 0;
    padding: 11px 20px 11px 20px;
    color: #505a62;
}

/* бордеры */
.seg:not(:last-child){
  border-right:1px solid #d1d5db;
  border-bottom:1px solid #d1d5db;
  border-top:1px solid #d1d5db;
}

.seg:first-child{
  border-left:1px solid #d1d5db;
  border-radius:10px 0 0 10px;
}

.seg:last-child{
  border-right:1px solid #d1d5db;
   border-top:1px solid #d1d5db;
   border-bottom:1px solid #d1d5db;
  border-radius:0 10px 10px 0;
}

/* активный */
.seg.active{
  background:#e7f0ff;
  color:#4292EE;
  border:1px solid #4292EE;
}

/* склейка */
.seg:has(+ .active){
  border-right:none;
}

.seg.active + .seg{
  border-left:none;
}

.seg.active{
  background:#e7f0ff;
  color:#4292EE;
}

input{
  width:100%;
  padding:15px;
  border:1px solid #ddd;
  border-radius:10px;
}

.result{
  margin-top:0px;
}

.res-value{
  font-size:30px;
  font-weight:700;
      
}

.res-title_kt6 {
    font-size: 16px;
    color: #6b7280;
    margin-top: 10px;
}
.res_heads {
    font-size: 30px;
    font-weight: 700;
}
.res-blockg {
    display: flex;
    align-items: center;
    gap: 10px;
        margin-top: 20px;
    margin-bottom: 20px;
}









.accordion .accordion-item {
  border-bottom: 1px solid #e5e5e5;
}
.accordion .accordion-item button[aria-expanded=true] {
  border-bottom: 1px solid #4292EE;
}
.accordion button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  padding: 2em 0;
  color: #2d2d2d;
  font-size: 20px;
  font-weight: bold;
  border: none;
  background: none;
  outline: none;
      font-family: 'SF Pro Display' !important;
      padding-right: 40px;
}
.accordion button:hover, .accordion button:focus {
  cursor: pointer;
  color: #4292EE;
  background-color: #F8F8F;
}
.accordion button:hover::after, .accordion button:focus::after {
  cursor: pointer;
  color: #03b5d2;
  border: 1px solid #03b5d2;
}
.accordion button .accordion-title {
  padding: 1em 1.5em 1em 0;
  line-height: 140%;
}
.accordion button .icon {
  display: inline-block;
  position: absolute;
      top: 50%;
      transform: translateY(-50%);
  right: 0;
  width: 22px;
  height: 22px;


   background: url(/care/./img/q_arrow.svg) no-repeat;
   background-size: cover;
   transition: 0.3s;
}
/*.accordion button .icon::before {
  display: block;
  position: absolute;
  content: "";
  top: 9px;
  left: 5px;
  width: 10px;
  height: 2px;
  background: currentColor;
}
.accordion button .icon::after {
  display: block;
  position: absolute;
  content: "";
  top: 5px;
  left: 9px;
  width: 2px;
  height: 10px;
  background: currentColor;
}*/
.accordion button[aria-expanded=true] {
  color: #4292EE;
}
.accordion button[aria-expanded=true] .icon {
    background: url(/care/./img/q_arrow_blue.svg) no-repeat;
  width: 22px;
  transform: translateY(-50%)rotate(-180deg);
  transition: 0.3s;
}
.accordion button[aria-expanded=true] + .accordion-content {
  opacity: 1;
  max-height: max-content;
  transition: all 300ms linear;
  will-change: opacity, max-height;
}
/*.accordion .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 300ms linear, max-height 300ms linear;
  will-change: opacity, max-height;
}*/

.accordion .accordion-content {
  overflow: hidden;
  transition: height 0.3s ease, opacity 0.3s ease;
  height: 0;
  opacity: 0;
  padding: 0 0em;
}
.accordion .accordion-content.active {
  opacity: 1;
  /* height будет устанавливаться динамически через JS */
}
.accordion .accordion-content p {
  font-size: 1rem;
font-size: 16px!important;
    font-weight: 400;
    color: #7288a2;
    margin: 2em 0;
        line-height: 140%;
}


.levels{
display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 15px;
}

/* колонка */
.level{
  padding:20px;
  position:relative;
  background:#fff;
  background: #FAFAFC;
}

/* вертикальные разделители */
.level{
  /*border: 1px solid #d1d5db;*/
    border-radius: 20px;
}

/* заголовок */
.level-title{
  font-weight:600;
  margin-bottom:15px;
  color:#6b7280;
}

/* список */
.level ul{
  padding:0;
  margin:0;
  list-style:none;
}

/* пункты */
.level li{
  position:relative;
  padding-left:14px;
  margin-bottom:8px;
  color:#6b7280;
  font-size:14px;
  line-height:1.4;
}

/* точки */
.level li::before{
  content:"•";
  position:absolute;
  left:0;
  color:#9ca3af;
}

#priceInput:focus{
  outline:none;
  border:1px solid #4292EE;
  box-shadow:0 0 0 2px rgba(66,146,238,0.15);
}

.clb-img_sert_mobile{
  display: none;
}
.clb-hero2{
  display: none;
}




.reges{
  display: none;
}


.clb-btnsty{
  display: none;
}



.select-list {
  display: none;
}

.select.active .select-list {
  display: block;
}















@media (max-width: 1600px) {
  .clb-container {
    width: 1272px;
  }
  .clb-grid-4 {
        display: grid;
        grid-template-columns: repeat(2, 2fr);
        gap: 20px;
        width: fit-content;
        margin: auto;
}
.clb-container_bnr{
  right: 24%;
}
}

@media (max-width: 1440px) {
  .clb-container_bnr{
  right: 18%;
}
}

@media (max-width: 1315px) {
  .clb-container_bnr{
  right: 15%;
}
}

@media (max-width: 1300px) {
.levels{
  grid-template-columns: repeat(2, 4fr);
      width: fit-content;
}
  .clb-container {
    width: 100%;
    padding: 20px;
  }
      .clb-grid-3 {
        display: grid;
        grid-template-columns: repeat(2, 2fr);
    }
        .clb-grid-3 > :last-child {
        grid-column: 1 / -1;
        justify-self: center;
    }
}  



@media (max-width: 1230px) {
  .clb-btn-primary{
width: 100%;
}
.clb-btn-primary{
width: 100%;
}


.cclb-btn clb-btn-outline treex{
width: 100%;
}



    .clb-contract-buttons {
        flex-direction: column;
        text-align: center;
        max-width: 240px;
        margin: auto;
        margin-top: 20px;
    }


.clb-btn-outline{
width: 100%;
}

.clb-hero2{
        background: linear-gradient(135deg, #0d1b2a, #1b263b);
        color: #fff;
        padding: 80px 0;
        border-radius: 0;
        margin: 20px;
        background-image: url(https://labburo.ru/care/img/bnr_pads.png);
        background-size: cover;
        max-width: 100%;
        height: 31vw;
        margin: auto;
        margin-top: 20px;
        display: block;
}
.clb-hero{
  display: none;
}
.clb-btnsty{
display: flex;
        flex-direction: column;
        gap: 15px;
        margin: auto;
        width: fit-content;
        margin-bottom: 40px;
}
.treex{
  color: black;
}
}


@media (max-width: 1130px) {
  .clb-container {
    width: 100%;
  }
  .clb-grid-3{
        display: grid;
    grid-template-columns: repeat(2, 2fr);


  }
  .clb-grid-3 > :last-child {
  grid-column: 1 / -1;
  justify-self: center;
}
}





@media (max-width: 908px) {


  .clb-contract-buttons {
flex-direction: column;
        text-align: center;
        max-width: 240px;
        margin: auto;
        margin-top: 20px;
}

.clb-contract-container {

    flex-direction: column;
}
img.clb-img_sert{
  display: none;
}
.clb-img_sert_mobile{
  display: block;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
        width: 260px;
        margin: auto;
        margin-top: 20px;
        margin-bottom: 20px;
}
.clb-contract-title-right{
  text-align: center;
}
}





@media (max-width: 780px) {
  .clb-card_kt2{
  width: 100%;
}
  br.br {
    display: none;
}
      .clb-grid-3 {
        
        grid-template-columns: repeat(1, 2fr);
    }
      .clb-grid-3 > :last-child {
  grid-column: inherit;
  justify-self: center;
  width: 100%;
}
  .clb-container {
    width: 100%;
    padding: 0 16px;
  }
  .clb-info-box{
    width: calc(100% - 40px);
  }
  .select_model{
        flex-direction: column;
        gap: 20px;
        max-width: 100vw;
  }
  .quiz_pics {
    max-height: 60%;
    max-width: 60%;
    display: block;
}
}

@media (max-width: 670px) {
    .clb-grid-4 {

        grid-template-columns: repeat(1, 1fr);

    }
.quiz{
  width: 100%;
}
.kt4 {
    font-size: 34px;
}
.clb-card{
      width: 350px;
    margin: auto;
}
    .clb-grid-3 > :last-child {
        grid-column: inherit;
        justify-self: center;
        width: 350px;
    }
.clb-card_kt2{
       width: 350px;
    margin: auto; 
}
.clb-step{
        width: 350px;
    margin: auto;  
}
}


@media (max-width: 500px) {
  .clb-contract-text {
    width: 259px;
    margin: auto;
}
  .popup-content.active {
    transform: translate(-50%, 0%);
    opacity: 1;
    pointer-events: auto;
            width: 90%;
}
.popup-content{
  top: 40px;
  width: 90%;

}
  .popup-overlay {

    overflow-y: scroll;
}

.clb-contract-right{
  width: 100%;
}
.clb-card_kt2{
 
}

}





@media (max-width: 465px) {
.clb-hero2{
        background: linear-gradient(135deg, #0d1b2a, #1b263b);
        color: #fff;
        padding: 80px 0;
        border-radius: 0;
        margin: 20px;
        background-image: url(https://labburo.ru/care/img/bnr_pads.png);
        background-size: cover;
        max-width: 100%;
        height: 34vw;
        margin: auto;
        margin-top: 20px;
        display: none;
}
.clb-hero{
  display: none;
}
.clb-hero2{
          background-image: url(https://labburo.ru/care/img/bnr_mobile.png);
        background-size: cover;
        display: block;
                max-width: 100%;
        height: 100vw;
}
.reges{
  display: block;
}
}


.seg.disabled {
  opacity: 0.3;
  pointer-events: none;
  cursor: not-allowed;
}

.clb-btn-outline:hover {
    background-color: #64acff !important;
    border-color: #64acff !important;
    color: white;
}
/* End */


/* Start:/local/assets/care/dialog.css?17921505132194*/
/* Shared program typography matches the existing /care/ popups. */
.lb-care-program-details{font:14px/20px "SF Pro Display",sans-serif;color:#161a1d}
.lb-care-program-details *{box-sizing:border-box;margin:0;padding:0}
.lb-care-program-details h2{font:700 40px/56px "SF Pro Display",sans-serif!important;margin:32px 0 28px!important}
.lb-care-program-details h5{font:700 20px/28px "SF Pro Display",sans-serif!important;margin:32px 0 16px!important}
.lb-care-program-details h6{font:700 18px/28px "SF Pro Display",sans-serif!important;margin:32px 0 12px!important}
.lb-care-program-details ul{list-style:none;margin:20px 0 0!important;padding:0!important}
.lb-care-program-details li{font:400 14px/20px "SF Pro Display",sans-serif!important;margin:0!important;padding:0!important;color:#161a1d}
.lb-care-program-details p{font:400 14px/20px "SF Pro Display",sans-serif!important}
.lb-care-program-details li.li_blue{padding:20px!important;background:#6093cd17;border-radius:20px;color:#5d9cec;font-size:16px!important;font-weight:500!important}
.lb-care-dialog{position:fixed;inset:0;box-sizing:border-box;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:#161a1d;overflow-y:auto;overscroll-behavior:contain;box-shadow:none}
.lb-care-dialog::backdrop{background:rgba(0,0,0,.6)}
.lb-care-dialog-panel{position:absolute;left:50%;top:40px;transform:translateX(-50%);box-sizing:border-box;padding:40px;margin-bottom:240px;background:#f5f5f5;border-radius:30px}
.lb-care-dialog .lb-care-dialog-close{position:absolute;right:20px;top:20px;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;background:url('https://labburo.ru/company/img/uslugi/close.svg') no-repeat center/cover;box-shadow:none;cursor:pointer}
.lb-care-dialog .lb-care-dialog-close:focus-visible{outline:2px solid #4292ee;outline-offset:2px}
@media(max-width:1366px){.lb-care-program-details h2{font-size:35px!important;line-height:46px!important}}
@media(max-width:575px){.lb-care-program-details h2{font-size:30px!important;line-height:42px!important;margin:24px 0 20px!important}}
@media(max-width:500px){.lb-care-dialog-panel{width:90%}}

/* End */
/* /care/style_care.css?178067418728430 */
/* /local/assets/care/dialog.css?17921505132194 */