@font-face {
    font-family: "Gilroy";
    src: url("/local/templates/citrus/fonts/Gilroy-Light.otf");
}
body{
    color: #1C1C1C;
}
main{
    overflow: hidden;
    font-family: "Montserrat";
}
.menu-item {
  cursor: pointer;
  align-items: center;
  color: #3b3b3b;
  padding: 16px;
  text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    
}
@media (max-width:900px) {
    .menu-item {
  cursor: pointer;
  align-items: center;
  color: #3b3b3b;
  padding: 16px;
  text-align: center;
  flex-direction: row;
    display: flex;
    justify-content: center;
    align-items: center;
}

.programm-menu .menu-item {
  cursor: pointer;
  align-items: center;
  color: #3b3b3b;
  padding: 16px;
  text-align: center;
  flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
}

.menu-item.active {
  cursor: pointer;
  align-items: center;
  color: #3b3b3b;
  padding: 16px;
  text-align: center;
  flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
}
    
}
.search-form{
    display: none;
}

.header-button{
    width: 162px!important;
    height: 40px!important;
}
.btn-green.openModal, .btn-warning.openModal{
    width: 412px;
    height: 54px;
}
.search-form{
    position: absolute;
    width: 100%;
    top: 43px;
    height: 64px;
    z-index: 1;
    background-color: white!important;
}
.search-form form{
     padding: 15px 0px;
}
#searchButton-dop,#closeButton{
    cursor: pointer;
}

.search-form input{
    width: 100%;
    border: none;
    font-family: "Gilroy";
    color: #3F3F3F;
    font-size: 18px;
    margin: auto 0px;
}
.b-captcha_item span{
    border:1px solid rgba(63, 63, 63, 0.2);
}
.b-captcha_item_active span{
    border:1px solid red;
}
.search-form input:focus-visible{
    outline: none;
}
.search-form svg{
    margin: auto 8px auto 0px;
}
h6{
    font-size: 16px;
    color: #3F3F3F;
    font-weight: 600;
}
#searchButton{
    background-color: transparent;
}
.menu-item:hover {
  color: var(--blue);
}
.menu-item-active {
  background-color: #F7F8FB;
  font-weight: 500;
  color: #3f3f3f !important;
}
.cont-metrics{
    position: absolute;
}
header{
    position: relative;
}
.order-together-item{
    border:1px solid rgba(28, 28, 28, 0.05);
    border-radius: 16px;
    padding: 24px;
    font-size: 16px;
    color: rgba(63, 63, 63, 0.8);
}
.order-together-item h4{
    padding-top: 14px;
    padding-bottom: 24px;
    font-size: 16px;
    color: rgba(63, 63, 63, 0.8);
    font-weight: 600;
}
.order-together-item svg{
    max-width: 48px;
}
.buy-column button {
    background-color: white;
    padding: 6px 24px;
    border: 1px solid rgba(63, 63, 63, 1);
    border-radius: 8px;
    font-weight: bold;
    height: 40px;
}
tr td:first-child{
    width: 70%;
}
.order-together-item:hover p{
    cursor: pointer;
}
.preview-services h4{
    color: rgba(63, 63, 63, 0.9);
    margin-top: 16px;
    font-size: 16px;
    margin-bottom: 24px;
    font-weight: 600;
}
.preview-services p{
    color: rgba(63, 63, 63, 0.9);
    font-size: 16px;
}
.order-together-item:hover{
    cursor: pointer;
    color: rgba(63, 63, 63, 0.75);
    border:1px solid rgba(0, 132, 255, 1);
}
.sections-list {
  width: 100%;
  max-width: 100%;
display: flex;
}

.sections-list ul{
    display: flex;
    padding: 0px;
    list-style: none;
    flex-wrap: wrap;
}
.isActive {
    background-color: rgba(29, 168, 75, 1)!important;
}
.isActive a{
    color: white!important;
}
.sections-list ul li{
    background-color: rgba(247, 248, 251, 1);
    padding: 4px 20px;
    border-radius: 4px;
    margin-right: 8px;
    margin-top: 8px;
}
.sections-list ul li a{
    color: rgba(63, 63, 63, 0.9);
    font-size: 12px;
    font-weight: 700;
}
    
.footer-banner{
    display: block;
    height: 381px;
}
.block-header{
    margin-bottom: 16px;
}
.block-container{
    margin-right: 16px;
    width: 80%;
    border-right: 1px solid rgba(28, 28, 28, 0.05);
}
.price{
	border: 1px solid rgba(28, 28, 28, 0.05);
}
.price-header{
	color:rgba(28, 28, 28, 1) ;
}

.price button{
	background-color: white;
    padding: 12px 24px;
    border: 1px solid rgba(63, 63, 63, 1);
    border-radius: 8px;
    font-weight: bold;
}
.price tr {
	border-bottom:1px solid rgba(28, 28, 28, 0.05);
	line-height: normal;
}
th{
	line-height: normal;
}
.price tr:first-of-type {
	border-bottom:none;
}
.price-header
{margin-bottom: 0px;}
.download-price{
    margin-bottom: 32px;
}
.download-price h4{
    font-size: 32px;
    color: rgba(63, 63, 63, 1);
    font-weight: 500;
    line-height: 100%;
    font-family: "Montserrat";
    padding-bottom: 24px;
}
.download-price p{
    margin-top: 8px;
    color:rgba(63, 63, 63, 1) ;
    font-size: 16px;
    line-height: 135%;
    font-family: "Montserrat";
}
.tarif-tips{
    padding-top: 24px;
}
.tarif-tips p{
    color:rgba(63, 63, 63, 0.75);
    font-size: 16px;
    font-family: "Montserrat";
}
.openModal:hover{
    background-color: white;
    border-color: var(--green);
    color: var(--green);
}
.tarif-tips:last-of-type{
    padding-bottom: 120px;
}
.block-container:last-of-type{
    margin-right: 16px;
    border-right: none;
}
.block-header svg{
    margin-right: 8px;
}
.catalog-container a, .link{
    color: #3F3F3F;
}
.catalog-container a:hover, .link:hover{
    filter: brightness(0) saturate(100%) invert(3%) sepia(7%) saturate(594%) hue-rotate(314deg) brightness(103%) contrast(84%);
    color: #3F3F3F;
}

.soft div img, .services .news-list div img, .programs .news-list div img{
    transition: transform 0.3s ease-in-out;
}
.text-container-header-bills{
    margin-left: 0px;
    font-size: 18px;
    line-height: 135%;
    color: rgba(28, 28, 28, 1);
}
.card-box h2{
    font-size: 18px;
    font-weight: 700;
    color: #3F3F3F;
    padding-top: 12px;
    padding-bottom: 20px;
}
.catalog-container{
    padding-top: 60px;
}
.rate-container{
    padding-top: 60px;
    padding-bottom: 100px;
}
.rate-tip{
    padding-top: 32px;
    
}
.rate-tip p{
color: rgba(63, 63, 63, 0.8);
    font-size: 16px;
    line-height: 135%;
    font-family: "Gilroy";
}

.rate-container h4,.popular-services-header h4{
    font-size: 32px;
    margin-bottom: 24px;
    color: #3F3F3F;
}
.company-body{
    padding-bottom: 60px;
}
.catalog-body:nth-of-type(2){
    padding-left: 48px;
    padding-right: 48px;
}
.first-block{
    margin-right: 24px;
    max-width: 400px;
    width: 100%;
    min-width: 295px;
}
.second-block{
    min-width: 295px;
    max-width: 400px;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 100%;
    margin-left: 24px;
    margin-right: 24px;
}
.third-block{
    min-width: 295px;
    max-width: 400px;
    width: 100%;
    margin-left: 24px;
}
.carousel-caption {
    position: absolute;
    right: 0;
    top:82px;
    bottom: 1.25rem;
    left: 0;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
}

.carousel-caption p{
    font-size: 20px;
    margin-bottom: 60px;
}
.btn-green {
  background-color: var(--green);
  color: var(--white);
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.btn-green.w-auto{
    padding: 16px 32px;
    z-index: 1000;
    
}
.services-card{
    position: relative;
    border: 1px solid #1C1C1C0D;
    border-radius: 8px;
        max-height: 112px;
}
.services-card::after {
    content: '';
    position: absolute;
    top: 40px;
    right: 40px;
    width: 32px;
    height: 32px;
    background-image: url('data:image/svg+xml;utf8,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.70711 24.7071L24.7071 8.70711C24.8946 8.51957 25 8.26522 25 8C25 7.73478 24.8946 7.48043 24.7071 7.29289C24.5196 7.10536 24.2652 7 24 7C23.9827 7 23.9655 7.00045 23.9483 7.00134C23.7013 7.01414 23.4678 7.11801 23.2929 7.29289L7.29327 23.2925C7.10573 23.4801 7 23.7348 7 24C7 24.2652 7.10536 24.5196 7.29289 24.7071C7.48043 24.8946 7.73478 25 8 25C8.26522 25 8.51957 24.8946 8.70711 24.7071Z" fill="white"/><path d="M23 9V21C23 21.5523 23.4477 22 24 22C24.5523 22 25 21.5523 25 21V8C25 7.44772 24.5523 7 24 7H11C10.4477 7 10 7.44772 10 8C10 8.55228 10.4477 9 11 9H23Z" fill="white"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.services-card:hover::after {
    opacity: 1;
}
.p-lg-5-c{
    padding-left: 5rem;
}
.btn.btn-warning:hover{
    background-color: var(--green);
    border-color: var(--green);
}
.popular-services-card {
    position: relative;
    overflow: hidden;
}
.popular-services-card h5{
    font-size: 16px;
    color: rgba(63, 63, 63, 1);
    margin-top: 16px;
    line-height: 100%;
}
.popular-services-card:hover h5{
    color: white;
}
.popular-services-card .detail_picture{
    display: none;
}
.popular-services-card .preview_picture{
    margin-bottom: 8px;
}
.popular-services-card::after {
    content: '';
    position: absolute;
    top: 25px;
    right: 40px;
    width: 32px;
    height: 32px;
    background-image: url('data:image/svg+xml;utf8,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.70711 24.7071L24.7071 8.70711C24.8946 8.51957 25 8.26522 25 8C25 7.73478 24.8946 7.48043 24.7071 7.29289C24.5196 7.10536 24.2652 7 24 7C23.9827 7 23.9655 7.00045 23.9483 7.00134C23.7013 7.01414 23.4678 7.11801 23.2929 7.29289L7.29327 23.2925C7.10573 23.4801 7 23.7348 7 24C7 24.2652 7.10536 24.5196 7.29289 24.7071C7.48043 24.8946 7.73478 25 8 25C8.26522 25 8.51957 24.8946 8.70711 24.7071Z" fill="white"/><path d="M23 9V21C23 21.5523 23.4477 22 24 22C24.5523 22 25 21.5523 25 21V8C25 7.44772 24.5523 7 24 7H11C10.4477 7 10 7.44772 10 8C10 8.55228 10.4477 9 11 9H23Z" fill="white"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.popular-services-card:hover::after {
    opacity: 1;
}

.popular-services-card:hover {
    background-color: var(--yellow);
    color: #fff;
    
}
.popular-services-card:hover .detail_picture{
    display: block;
    margin-bottom: 8px;
}
.popular-services-card:hover .preview_picture{
    display: none;
    
}
.btn-green.w-auto:hover{
    background-color: var(--yellow);
    color: white!important;
}
.header-button{
    border: 1px solid var(--green);
}
.header-button:hover{
    border: 1px solid var(--green);
}
.first-block, .second-block, .third-block{

    transition: box-shadow 0.3s ease-in-out;
}
.first-block:hover, .second-block:hover, .third-block:hover{
    box-shadow: 0px 24px 31px -9px rgba(34, 60, 80, 0.2);
}
.soft div img,.services div img,.programs div img {
    display: block;
    transition: transform 0.3s ease-in-out;
  }
  .programs:hover div img {
    /* transform: rotate(59.19deg); */
	margin-left: -40px; /* Двигаем влево на 100px */
  }
.soft:hover div img,.services:hover div img {
    transform: rotate(20deg);
     /* Поворот на 10 градусов */
  }
  .soft div img{
	margin: auto;
  }
  .services div img{
    margin: auto;
    height: 300px;
    overflow: hidden;
  }
  .programs div img{
    height: 430px;
    position: absolute;
    top: -110px;
    left: -370px;
    transition: transform 0.3s ease, margin-left 0.3s ease;
    
  }
  .text-body{
    z-index: 1000;
  }
   .services-card:hover h5{
    color: white;
   }
  .services-card:hover{
    background-color:var(--yellow);
    color: white!important;
    border-color:var(--yellow)!important;
    cursor: pointer;
  }
.container-small .row{
        flex-direction: row;
    }
/* @media (max-width: 576px) {
    .footer-banner{
        display: none!important;
    }
    
} */
.image-container{
    position: relative;
}
.image-container-help img{
    position: relative;
    top: 0px;
    left: -50px;
}
.image-container img{
    position: relative;
    bottom: -23px;
    left: -50px;
}
.footer-link button.openModal{
    padding: 0;
    line-height: 16px;
    opacity: 0.75;
    background-color: transparent;
    font-weight: 500;
}
.footer-link button.openModal:hover{
    opacity: 1;
}
.footer-banner {
    background-image: url(/include/images/banner.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /* background-image: url(/local/templates/citrus/img/footer_img.png); */
    background-size: cover;
    /* background-position: -217px 0px; */
    background-repeat: repeat;
    
 /* базовая высота на десктопе */
    width: 100%;
    padding: 60px 20px; /* отступы для контента */
}
.buy-column {
    display: table-cell;
    vertical-align: middle;
}
.info-container{
    margin-top: 24px;
    color: #1C1C1C;
}
.text-about-comp{
    font-size: 16px;
}
.text-about-comp .row{
    margin-top: auto;

}
thead tr{
    height: 56px;
    vertical-align: middle;
    text-align: center;
}
thead tr th:first-child{

    text-align: left;
}
/* Показываем только на маленьких экранах, например до 768px */
@media (max-width: 992px) {
    .btn-green.openModal, .btn-warning.openModal{
    width: 100%;
    height: 54px;
}
    .buy-column {
        display: none;
    }
    .p-lg-5-c{
    padding-left: 0rem;
    
}
thead th:last-of-type{
    width: 0px!important;
    padding: 0px!important;
}
.footer-banner h4{
    margin-bottom: 24px;
}
.footer-banner div{
    margin-top: 30px;
    margin-bottom: 32px;
}
.footer-banner h4,.footer-banner div{
    text-align: left;
}
}
.news-more{
    padding-top: 30px;
}
.news-more svg{
    vertical-align:sub;
}
h1 {
    font-weight: 700;
    font-size: 50px;
    color: rgba(63, 63, 63, 1);
    font-family: "Montserrat";
    letter-spacing: 1%;
}
.ex-serv-text{
    display: flex;
    flex-direction: column;
}
.banner-text{
    font-family: "Gilroy";
    font-size: 16px;
    color: #3F3F3F;
    font-weight: 400;
    line-height: 135%;
    padding-bottom: 24px;
}
.prev-text{
    padding-bottom: 24px;
    padding-top: 12px;
    font-size: 20px;
    color: rgba(63, 63, 63, 1);
    }
    .ex-serv-text b{
        font-size: 20px;
    color: rgba(63, 63, 63, 1);
    padding-bottom: 24px;
    }
.carousel-caption p {
    font-size: 20px;
    color: rgba(63, 63, 63, 1);
}
.carousel-caption button{
    font-size: 18px;
}
.block-header h5{
    color: rgba(63, 63, 63, 0.8);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}
.block-container div{
    color: rgba(63, 63, 63, 1);
    font-size: 14px;

}
.catalog-container h1,.services-container h3, .head-text , .catalog-container h5, .news-container h3, .solution-container h4,.sup-programms h3,.ext-serv-title{
    font-size: 32px;
    color: rgba(63, 63, 63, 1)!important;
    font-weight: 500;
}
.catalog-container{
    margin-bottom: 24px;
}
.services-container {
    padding-top: 60px;
}
.tips{
    padding-top: 40px;
    padding-bottom: 40px;
}
.text-container div,.options div,.news-detail ,.sup-programms span,.ex-serv-text{
    font-size: 16px;
    color: rgba(63, 63, 63, 0.6);
}
.func-prob{
    padding-top: 24px;
}
.text-container{
    margin-bottom: 60px;
}
.programms-container h5{
    color: rgba(28, 28, 28, 0.8);
    font-weight: 600;
    font-size: 16px;
}
.programms-container{
    margin-bottom: 60px;
}
.cost-container{
    position:relative;
}
.solution-text-container:first-of-type{
    font-size: 14px;
    font-weight: 400;
}

.solution-text-container{
    padding: 32px;
    font-size: 16px;
    font-weight: 500;
    color: rgba(63, 63, 63, 0.9);
}
.rate-card small{
    color: rgba(63, 63, 63, 0.8);
    font-size: 16px;
}
.cost-container span:first-of-type{
    position:relative;
    font-size:30px;
    font-weight:700;
    color:#3F3F3F;
}
.cost-container span:last-of-type{
    position:relative;
    font-size:20px;
    font-weight:700;
    color:#3F3F3F;
}
.catalog-annon,.text-about-comp {
    margin-bottom: 32px;
    color: #3F3F3F;
    font-size: 16px;
}
.rate-card{
    padding: 32px;
}
.rate-card span, .footer-banner div {
    color: rgba(63, 63, 63, 1);
    font-size: 16px;
}
/* .rate-card h5{
    margin-bottom: 48px;
} */
.rate-card p{
    margin-bottom: 8px;
}
.more-tips span p span:nth-child(1){
    font-size: 24px;
    line-height: 135%;
    
}
/* .news-list-grid .rate-card{
    display: flex;
} */
.rate-card div.d-flex.flex-column.rate-tips{
    padding-top: 32px;
    padding-bottom: 20px;
}
.rate-card div.d-flex.flex-column{
    padding-top: 32px;
    padding-bottom: 60px;
}
.rate-card h5, .footer-banner h4{
    font-size: 24px;
    font-weight: 600;
    color: #3F3F3F;
}
ext{
    color: rgba(255, 199, 2, 1);
}
.rate-card-orange{
    display: flex;
    position: relative;
    overflow: hidden;
}
.rate-card-orange img{
    margin-bottom: 30px;
}
.rate-card-orange p{
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 120%;
    font-weight: 700;
    color: #3F3F3F;
}
.rate-card-orange small{
    font-size: 16px;
    line-height: 135%;
    color: #3F3F3F;
}
.rate-card-orange h5{
    margin-bottom: 48px;
    font-size: 32px;
    line-height: 120%;
    font-weight: 700;
}
.rate-card-orange::after{
    background-image: url(/include/images/paporotnik.png);
    content: "";
    width: 100%;
    position: absolute;
    height: 339px;
    left: 0px;
    background-size: cover;
    background-repeat: no-repeat;
    transform: scaleX(-1);
    top: 0px;
    background-position: center;
}
.rate-card-orange div{
    margin-top: auto;
}
.rate-card svg{
    margin-right: 8px;
}
.text-body h5{
    font-weight: 600;
    color: rgba(63, 63, 63, 0.9);
}
.text-body p{
    color: rgba(63, 63, 63, 0.6);
}
.catalog-body{
    margin-bottom: 60px;
}
@media (max-width: 768px) {
    .footer-banner {
        padding: 40px 15px;
    }
    .tips .col{
        flex:none;
    }
    .tips{
        overflow-x: auto;
        padding-top: 40px;
        padding-bottom: 40px;
        flex-wrap: nowrap;
    }

    .tips::-webkit-scrollbar{
        display: none;
    }
    h1{
        font-size: 32px;
    }
    .func-prob {
        display: none;

    }
}

@media (max-width: 576px) {
    .footer-banner {
        background-position: -378px 0px;
        padding: 30px 10px;
        text-align: center;
        height: fit-content;
    }
}
@media (max-width: 991px) {
    .block-container{
        border: none;
        margin-top: 20px;
    }
    .container-small{
        width: 900px;
    }
    .container-small .row{
        flex-direction: column;
    }
    .container-small .block-container{
        width: 100%;
    }
    .cont-metrics{
        position: static;
    }
    .first-block{
        margin-right: 0px;
        max-width: 100%;
        width: 100%;
        min-width: 295px;
    }
    .second-block{
        min-width: 295px;
        max-width: 100%;
        width: 100%;
        margin-top: 24px;
        margin-bottom: 24px;
        margin-left: 0px;
        margin-right: 0px;
    }
    .third-block{
        min-width: 295px;
        max-width: 100%;
        width: 100%;
        margin-left: 0px;
    }
    .soft div img{
        margin: auto 20%;
      }
      .services div img{
        margin: 0px;
        height: 300px;
        overflow: hidden;
      }
      .programs div img{
        height: 430px;
        position: absolute;
        top: -110px;
        left: -370px;
        transition: transform 0.3s ease, margin-left 0.3s ease;
        
      }
      .footer-banner {
        background-position: -378px 0px;
        padding: 30px 10px;
        text-align: center;
    }

    
}

@media (max-width: 1600px) {
    .footer-banner {
        background-position: 100% 0px;
        padding: 30px 10px;
        text-align: center;
    }
}
@media (max-width: 1400px) {
    .footer-banner {
        background-position: 60% 0px;
        padding: 30px 10px;
        text-align: center;
        
    }
}
.catalog-list{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    padding: 36px 32px;
    margin-bottom: 24px;
    border:1px solid rgba(28, 28, 28, 0.05);
    border-radius: 1px;
}
a.soft, a.services{
    color: rgba(41, 114, 224, 1);
}
.catalog-programms,.catalog-services,.catalog-bills {
    display: flex;
    flex-wrap: wrap;
}
.catalog-programms,.catalog-services,.catalog-bills a{
    color:rgba(0, 132, 255, 1) ;
}
    table{
        margin-top: 32px;

    }
  th{
    padding: 12px 16px!important;
    font-size: 13px;
    font-weight: 600;
    color: white;
    background-color: #898989!important;
  }
  tbody td{
    color: rgba(63, 63, 63, 0.75);
    padding: 21px 16px!important;
    font-size: 16px;
  }
  tr td:nth-child(2) {
    padding: 21px 0px!important;
    text-align: center;
  }
  tbody tr:nth-child(even){
    background-color: #F7F8FB;
  }
  thead tr{
    background-color: #898989;
    text-transform: uppercase;
    border-top:1px solid #898989;
    border-left:1px solid #898989;
    border-right:1px solid #898989;
    border-bottom-width:0px!important;
  }
  thead th{
    border:none;
    
  }
  thead th:last-of-type{
    width: 15%;
    text-align: center;
  }
  tbody td:last-of-type{
    text-align: center;
  }
  tbody tr:first-of-type{

    border:1px solid rgba(28, 28, 28, 0.05);
  }
    tbody tr{
        background-color: white;
        border-bottom:1px solid rgba(28, 28, 28, 0.05);
        border-left:1px solid rgba(28, 28, 28, 0.05);
        border-right:1px solid rgba(28, 28, 28, 0.05);
    }
    .table-hover>tbody>tr:hover{
        --bs-table-accent-bg: transparent;
    }
    .buy-column{
        padding: 12px 16px!important;
    }
.programms-list .news-item::before, .bills-list .news-item::before{
    content: "";
    background-image: url(/include/images/back.png);
    background-size: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0px;
    overflow: hidden;
    border-radius: 8px;
    z-index: -1;
    opacity: 0;
}
.programms-list .news-item b{
    color: rgba(63, 63, 63, 1);
    font-size: 16px;
    font-weight: 600;
}
.programms-list .news-item:hover::before,.bills-list .news-item:hover::before{
    opacity: 1;
    transition: opacity 0.4s;
}
.img-box{
    position: relative;
}
.img-preview{
        position: absolute;
    font-size: 8px;
    top: 36px;
    left: 12px;
    max-width: 88px;
    font-weight: 500;
}
.logo-name:hover{
    cursor: pointer;
}
.pagination-footer {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin: 48px 0;
    flex-wrap: wrap;
}
.pagination-btn {
    padding: 6px 12px;

    text-decoration: none;
    color: rgba(147, 149, 152, 1);
    background: #fff;
    transition: 0.2s;
    border: none !important;;
    border-radius: 6px;
    font-size: 18px;
    line-height: 135%;

}
.carousel-indicators [data-bs-target]{
    background-color: #3b3b3b;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}
.carousel-indicators{
        margin-bottom: -34px;
}
.offcanvas-header .btn-close{
    margin-bottom: -10px;
        margin-right: -18px;
}
.accordion .link{
    font-size: 13px;
    font-weight: 600;
    padding: 0px;
    text-transform: uppercase;
    font-size: inherit;
    font-weight: inherit;
    position: relative;
    display: flex
;
    align-items: center;
    width: 100%;
    color: #3F3F3F;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
}
.accordion .link:hover {
    filter: unset;}
.pagination-btn:hover {
    background: #007bff;
    color: #fff;
        border-radius: 6px;
    border-color: #007bff;
}
.pagination .pagination-btn:first-child:hover, .pagination .pagination-btn:last-child:hover{
    opacity: 0.8;
    background-color: white;
}
.pagination-btn.active {
    background: #007bff;
    color: #fff;
        border-radius: 6px;
    border-color: #007bff;
}
.pagination-btn.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.news-item:hover .preview_picture{
    opacity: 1!important;
}
.ex-serv-container
{
    margin-bottom: 20px;
}
.ex-serv {
    max-width: 400px;
    width: 100%;
    border:1px solid rgba(28, 28, 28, 0.05);
    border-radius:8px;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.ex-serv img{
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 8px 8px 0 0;
}
.ex-serv-text{
    padding:24px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.conf-button, .serv-button{
    background-color:rgba(255, 199, 2, 1);
    color:white;
    padding:16px 32px;
    border-radius:4px;
    margin-top:16px;
    border: none;
    cursor: pointer;
    transition: all 0.3s;
    width: 100%;
    text-align:center;
}
.conf-button:hover, .serv-button:hover{
    background-color:var(--green)!important;
    color: white!important;
}

.ext-serv-title{
    margin-bottom:32px;
    font-size: 28px;
    font-weight: 600;
}



@media (min-width: 992px) {
    .desktop-static-view {
        display: flex !important;
    }
    
    #servicesCarouselMobile,
    #servicesCarouselTablet {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #servicesCarouselTablet {
        display: block !important;
    }
    
    #servicesCarouselMobile,
    .desktop-static-view {
        display: none !important;
    }
    
    .carousel-item .row {
        margin: 0;
    }
    
    .carousel-item .col-md-6:first-child {
        padding-right:12px;
        padding-left:0px;
    }
        .carousel-item .col-md-6:last-child {
        padding-left:12px;
        padding-right:0px;
    }
}
.catalog-programms a:first-child svg,.catalog-services a:first-child svg,.catalog-bills a:first-child svg{
    display: none;
}
@media (max-width: 767.98px) {
    #servicesCarouselMobile {
        display: block !important;
    }
    
    #servicesCarouselTablet,
    .desktop-static-view {
        display: none !important;
    }
    
    .ex-serv-container {
        padding: 0px;
    }
    .catalog-programms,.catalog-services,.catalog-bills {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .catalog-programms a, .catalog-services a, .catalog-bills a{display: flex;}
    .catalog-programms a:first-child svg,.catalog-services a:first-child svg,.catalog-bills a:first-child svg{
        display: flex;
    }
}
.carousel-indicators{
    margin-bottom:-16px!important;
}



td.yes p,
td.no p {
    font-size: 0;
    display: flex;
    justify-content: center;
    margin: 0;
}

/* Галочка */
td.yes p::before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.70748 15.2933L6.70711 15.2929C6.51957 15.1054 6.26522 15 6 15C5.73478 15 5.48043 15.1054 5.29289 15.2929C5.10536 15.4804 5 15.7348 5 16C5 16.016 5.00038 16.032 5.00115 16.048C5.0131 16.2964 5.1171 16.5313 5.29289 16.7071L5.29327 16.7075L12.2929 23.7071C12.6834 24.0976 13.3166 24.0976 13.7071 23.7071L27.7071 9.70711C27.8946 9.51957 28 9.26522 28 9C28 8.73478 27.8946 8.48043 27.7071 8.29289C27.5196 8.10536 27.2652 8 27 8C26.7348 8 26.4804 8.10536 26.2929 8.29289L13 21.5858L6.70748 15.2933Z' fill='%231DA84B'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Крестик */
td.no p::before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.5'%3E%3Cpath d='M24.2929 6.29289L6.29289 24.2929C6.10536 24.4804 6 24.7348 6 25C6 25.2652 6.10536 25.5196 6.29289 25.7071C6.48043 25.8946 6.73478 26 7 26C7.26522 26 7.51957 25.8946 7.70711 25.7071L25.7071 7.70711C25.8946 7.51957 26 7.26522 26 7C26 6.73478 25.8946 6.48043 25.7071 6.29289C25.5196 6.10536 25.2652 6 25 6C24.7348 6 24.4804 6.10536 24.2929 6.29289Z' fill='%233F3F3F'/%3E%3Cpath d='M7.70711 6.29289C7.51957 6.10536 7.26522 6 7 6C6.73478 6 6.48043 6.10536 6.29289 6.29289C6.10536 6.48043 6 6.73478 6 7C6 7.26522 6.10536 7.51957 6.29289 7.70711L24.2929 25.7071C24.4804 25.8946 24.7348 26 25 26C25.2652 26 25.5196 25.8946 25.7071 25.7071C25.8946 25.5196 26 25.2652 26 25C26 24.7348 25.8946 24.4804 25.7071 24.2929L7.70711 6.29289Z' fill='%233F3F3F'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.connceted-products-item{
    padding: 6px 12px;
    background-color: rgba(247, 248, 251, 1);
    border-radius: 8px;
    font-size: 14px;
    line-height: 135%;
}
.connected-products{
    display: flex;
    flex-direction: row;
    gap: 16px;
}
.connceted-products-item:hover{
    color: #007bff;
}
  /* — демо-обёртка, в шаблоне не нужна — */
  body {
    margin: 0;
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    background: #fff;
  }
 
  /* ─────────── Блок 404 ─────────── */
  .error {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    margin: 0 auto;
    padding: 134px 15px;
    min-height: 190px;
    box-sizing: border-box;
  }
 

 
  .error__title {
    margin: 0 0 14px;
    font-size: 32px;
    font-weight: 500;
    color: #3F3F3F;
    letter-spacing: 1%;
    
  }
 
  .error__text {
    margin: 0;
    font-size: 18px;
    line-height: 135%;
    color: #3F3F3F;
  }
 
  .error__link {
    color: #2972E0;
    text-decoration: none;
    transition: color .2s ease;
  }
 
  .error__link:hover {
    color: #1b54bd;
    text-decoration: underline;
  }
 
  .error__code {
    flex-shrink: 0;
    font-size: 110px;
    font-weight: 800;
    line-height: 1;
    color: #f9c200;
    margin-right: 8%;
    user-select: none;
  }
 
  /* ─────────── Адаптив ─────────── */
  @media (max-width: 767px) {
    .error {
      flex-direction: column-reverse;
      align-items: flex-start;
      gap: 24px;
      padding: 40px 20px;
    }
    .error__content,
    .error__code {
      margin: 0;
    }
    .error__code {
      font-size: 76px;
    }
    .error__title {
      font-size: 24px;
    }
  }
  .pagination{
  display:block !important;
  width:100%;
  font-size:14px;
  line-height:120%;
  color:#4F4F4F;
  white-space:normal;        /* разрешаем перенос */
}

/* все пункты и разделители — строчные, текут в одну строку и переносятся */
.pagination .pagination-page,
.pagination .ul-line{
  display:inline !important;
  float:none !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  vertical-align:baseline !important;
}

.pagination .pagination-page{
  color:#b3b3b3;
  text-decoration:none;
}
.pagination .pagination-page:hover{ color:#8c8c8c; }

/* старый разделитель гасим, ставим «—» */
.pagination .ul-line{
  border:0 !important;
  background:none !important;
  font-size:0 !important;
}.pagination .ul-line::before{
  content:"—";
  font-size:14px;
  color:rgba(28, 28, 28, 0.4);
  margin:0 7px;
}
@media (max-width: 768px) {
    h2.accordion-header{
        margin-bottom: 0px!important;
        color: rgba(73, 73, 73, 1);
        font-size: 32px !important;
    }
}
.detail-link{
    color: #0084ff;
    text-decoration: underline;
    font-size: 16px;
    line-height: 135%;
    font-family: "Montserrat";
}
.detail-link:hover{
    color: #0084ff;
    text-decoration: underline;
    font-size: 16px;
    line-height: 135%;
    font-family: "Montserrat";
}