.uc-d-none {
   display: none;
}
img.uc-st-img {
   float: right;
   border-radius: 10px;
   width: 430px;
   height: 260px;
   margin: 50px 0 50px 50px;
}
img.uc-st-img.w-auto {
   width: auto;
   max-width: 100%;
}
img.uc-st-img.mt-0 {
   margin-top: 0;
}
@media screen and (max-width: 960px) {
   img.uc-st-img {
       float: right;
       width: 100%;
       margin: 0 0 25px 0;
   }
}
.uc-text-b {
   color: #424552;
   font-size: 16px;
   font-family: 'Rubik', Arial, sans-serif;
   line-height: 1.6;
   font-weight: 400;
   counter-reset: myCounter; /* Инициализация счетчика */
}
.uc-text-b p + * {
   margin-top: 20px;
}
.uc-text-b h2 {
   font-size: 42px;
   font-family: 'Rubik', Arial, sans-serif;
   font-weight: 700;
   line-height: 1.4;
   margin: 40px 0 20px;
   color: #0C163B;
}
.uc-text-b h3 {
   font-size: 24px;
   font-family: 'Rubik', Arial, sans-serif;
   font-weight: 700;
   margin: 30px 0 10px;
   color: #0C163B;
}
.uc-text-b ol,
.uc-text-b ul {
   padding-left: 0 !important;
   margin-left: 0;
}
.uc-text-b ol li,
.uc-text-b ul li {
   list-style: none;
   padding-left: 35px; /* Или большее значение, если маркеры шире */
   position: relative;
   margin-bottom: 20px; /* Указать отступы между элементами списка, если надо */
}
.uc-text-b ol {counter-reset: myCounter; /* Сброс счетчика при начале нового блока */
}
.uc-text-b ol > li {
   counter-increment: myCounter;
}
.uc-text-b ol > li:before {
   content: counter(myCounter);
   font-family: 'Rubik', Arial, sans-serif;
   color: white;
   display: inline-block;
   text-align: center;
   width: 24px;
   height: 24px;
   border-radius: 4px;
   background-color: #EB6B34;
   line-height: 24px;
   position: absolute;
   top: 0;
   left: 0; /* Смещаем маркеры влево от текста */
}
.uc-text-b ul > li:before {
   content: "";
   position: absolute;
   top: 0;
   width: 26px;
   height: 26px;
   background-image: url('https://static.tildacdn.com/tild3932-6233-4536-a334-313662343936/Frame_14.svg');
   background-size: cover;
   left: 0; /* Смещаем маркеры влево от текста */
}
@media (max-width: 960px) {
   .uc-text-b .t-col {
       max-width: 375px;
       margin: 0 auto;
   }
   .uc-text-b h2 {
   font-size: 26px;
   }
   .uc-text-b h3 {
   font-size: 22px;
   }
}



/* Стиль услуг */
body {
font-family: Montserrat, sans-serif;
}

.services {
display: flex;
flex-direction: column;
flex-wrap: wrap;
}

.top-title {
font-family: 'Rubik', Arial, sans-serif;
font-size: 22px;
color: #023341;
text-align: center;
font-weight: bold;
margin-bottom: 18px;
}

.service-item {
flex: 1 1 100%;
display: flex;
justify-content: space-between;
padding: 10px 0;
border-bottom: 1px dashed #ccc;
}

.service-name, #allrecords a {
color: #023341;
}

.service-card {
border: 1px solid #ccc;
border-radius: 0px;
width: 45%;
margin: 10px;
padding: 16px;
display: flex;
align-items: center;
text-decoration: none;
color: inherit;
}

.service-container {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
padding: 0px;
}

.service-info {
flex: 1;
padding: 10px;
}

.service-image {
width: 150px;
height: 150px;
background-color: #F0F0F0;
border-radius: 0px;
background-size: cover;
background-position: flex-start;
}

.service-title {
font-weight: bold;
color: #023341;
font-size: 18px;
}

.service-description {
margin: 10px 0;
font-size: 15px;
color: #5C5C5C;
}

.service-price {
color: #FF7C44;
font-weight: bold;
}

.service-card:hover {
background-color: #C0F6FC;
border-color: #C0F6FC;
}

@media (max-width: 768px) {
.top-title {
font-size: 18px;
}

.service-card {
padding: 12px;
width: 100%;
margin-right: 0;
margin-left: 0;
margin-bottom: 14px;
align-items: flex-start;
}

.service-image {
margin-top: 10px;
}

.service-title, .service-description {
font-size: 14px;
}

.service-price {
font-size: 15px;
}

.row {
flex-wrap: wrap;
}
}

@media (min-width: 768px) {
.service-item {
flex: 1 1 48%;
margin: 10px 1%;
}
}

.table {
margin-top: 8px;
display: flex;
flex-direction: column;
gap: 8px;
width: 100%;
}

.row {
display: flex;
gap: 8px;
}

.service, .price {
padding: 14px;
border-radius: 5px;
align-items: center;
display: flex;
}

.header .service {
background-color: #011D6E;
color: #fff;
text-align: left;
justify-content: flex-start;
}

.header .price {
background-color: #011D6E; /* Синий фон для "Цена" в заголовке ​*/
color: #fff;
text-align: center;
justify-content: center;
}
.service {
flex: 4;
background-color: #F0F0F0;
color: #0C163B;
text-align: left;
}
.price {
flex: 0.5;
background-color: #f15c34; /* Оранжевый фон для цен ​*/
color: #fff;
text-align: center;
justify-content: center;
}
.tabs {
display: flex;
cursor: pointer;
}
.tab {
padding: 10px 20px;
background-color: #F1F1F1;
border-radius: 5px;
margin-right: 5px;
display: flex;
align-items: center;
}
.tab-icon {
width: 60px;
height: 60px;
margin-right: 10px;
}
.tab.active {
background-color: #ddd;
}
.content {
display: flex;
flex-direction: column;
width: 100%;
}
.content.active {
display: block;
}
@media (max-width: 768px) {
.service-title, .service-description, .service-price {
font-size: 14px; /* Устанавливаем размер шрифта для заголовка, описания и цены */
}

.service, .price {
font-size: 14px; /* Устанавливаем размер шрифта для текста услуг и цен в таблице */
}
}