.single-service__wrapper{
    padding-top: 3.75rem;
}
.single-service {
    background-color: #f0f9fe;
}
.single-service .breadcrumbs.--mob{
    display: none;
}
.single-service__top-block{
    padding: 1.25rem;
    border-radius: .625rem;
    background: url("/wp-content/themes/belberry/assets/img/fonservice.jpg") no-repeat center;
    background-size: cover;
    position: relative;
    overflow: hidden;
    min-height: 32.25rem;
}
.single-service__top-block .breadcrumbs{
    padding: 0;
}
.single-service__top-block-info{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4rem;
}
.single-service__top-block-img{
    object-fit: cover;
    object-position: bottom;
    position: relative;
    bottom: -1.25rem;
}
.single-service__top-block-right{
    display: flex;
    flex-direction: column;
    gap: 2rem;
    max-width: 40%;
    width: 100%;
}
.single-service__top-block-right h2{
    font-size: 2.75rem;
    font-weight: 400;
    color: #3BC3F3;
}
.single-service__top-block-list{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    max-width: 86%;
}
.single-service__top-block-item{
    display: flex;
    align-items: flex-start;
    gap: .5rem;
}
.single-service__top-block-item svg{
    max-width: 1.25rem;
    max-height: 1.25rem;
    width: 100%;
}
.single-service__top-block-item span{
    color: #454545;
    font-weight: 400;
    font-size: 1.125rem;
}

.single-service__top-block-link{
    color: white;
    font-weight: 400;
    font-size: 1.25rem;
    padding: 1.25rem 3.75rem;
    border-radius: 6px;
    border: 2px solid #3BC3F3;
    background-color: #3BC3F3;
    cursor: pointer;
    width: max-content;
    text-align: center;
}

@media (max-width:1280px) {
    .single-service__top-block-img{
        left: -5rem;
        height: 100%;
        width: 52%;
        position: absolute;
    }
    .single-service__top-block-info{
        gap: 0;
        justify-content: end;
    }
    .single-service__top-block-right{
        max-width: 50%;
    }
}
@media (max-width:991px) {
    .single-service__top-block-img{
        left: -7rem;
        width: 60%;
    }
}

@media (max-width:768px) {
    .single-service__top-block-img{
        display: none;
    }
    .single-service__top-block-info{
        justify-content: center;
    }
    .single-service__top-block-right{
        max-width: 100%;
    }
    .single-service__top-block{
        min-height: auto;
    }
    .single-service__top-block-link{
        font-size: 0.938rem;
        font-weight: 700;
        padding: 1.25rem;
        width: 100%;
        margin-top: .75rem;
    }
    .single-service__top-block-right h2{
        font-size: 1.5rem;
    }
    .single-service__top-block-list{
        gap: .75rem;
    }
    .single-service__top-block-right{
        gap: 1.25rem;
    }
    .single-service__top-block-item span{
        font-size: .875rem;
    }
    .single-service__top-block-item svg{
        max-width: 1rem;
        max-height: 1rem;
    }
    .single-service .breadcrumbs.--mob{
        display: block;
    }
    .single-service__top-block .breadcrumbs{
        display: none;
    }
}

.anchor-block{
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    padding-top: 3.75rem;
}
.anchor-block-link{
    color: #2399D2;
    font-weight: 400;
    font-size: 0.938rem;
    padding: .75rem 1.75rem;
    border: 1px solid #3BC3F3;
    border-radius: 6px;
    background-color: #fff;
}
.anchor-block-link:hover{
    background-color: #3BC3F3;
    color: white;
}

.single-service__top-block-link:hover{
    background-color: white;
    color: #000000;
}


.single-service__category-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15.625rem, 1fr));
    gap: .75rem;
}

.single-service__card {
    padding: 1.5rem;
    background-color: #fff;
    border-radius: 1rem;
    box-shadow: 0 4px 12px #27445826;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    justify-content: space-between;
    /* max-width: 19.75rem; */
}
.single-service__card__info{
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.single-service__category-list {
    margin-top: 32px;
}

.single-service__card-badge {
    padding: .25rem .75rem;
    border: 1px solid #cccccc;
    border-radius: 1.25rem;
    color: #484A4A;
    font-size: .875rem;
    font-weight: 400;
    width: max-content;
}

.single-service__card-image {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.single-service__card-img {
    object-fit: contain;
    object-position: top;
    height: 8.563rem;

}
.single-service__card-title {
    font-size: 1.5rem;
    font-weight: 400;
    color: #484A4A;
    text-transform: unset;
    margin: 0;
}

.single-service__card-btn {
    margin-top: .25rem;
    font-weight: 400;
    font-size: 1.25rem;
    width: max-content;
    padding: 0.938rem 2.344rem;
}
@media (max-width:768px) {
    .anchor-block{
        padding-top: 2rem;
        gap: .75rem;
        flex-wrap: nowrap;
        overflow: auto;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none;
    }
    .anchor-block-link{
        font-size: .875rem;
        padding: .75rem;
        white-space: nowrap;
    }
    .single-service__card-img{
        width: 32%;
        height: 100%;
    }
    .single-service__card-btn {
        font-size: 0.938rem;
        font-weight: 700;
        width: 100%;
        margin-top: .5rem;
    }
    .single-service__card__info{
        gap: .75rem;
    }
    .single-service__top-block-img{
        left: -7rem;
        width: 60%;
    }
    .single-service__card-image {
        flex-direction: row-reverse;
        gap: .75rem;
        align-items: center;
    }
    .single-service__card-badge {
        font-size: .625rem;
    }
    .single-service__card-title {
        font-size: 1rem;
    }
}


.reviews-slider__card {
    padding: 20px;
    background: #fff;
    /* max-width: 412px; */
    width: 100%;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.reviews-slider__card-content {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
.reviews-slider__card-text{
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 5; /* Ограничение в 5 строк */
    overflow: hidden; 
    text-overflow: ellipsis; 
    line-height: 1.4; 
    max-height: calc(1.4em * 5);
    font-weight: 400;
    font-size: 1rem;
    color: #212121;
}
.reviews-slider__card-date{
    padding-top: .25rem;
    color: #A5A5A5;
    font-size: 0.875rem;
    font-weight: 400;
    opacity: .6;
}
.reviews-slider__card-headline{
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    align-items: center;
}
.reviews-slider__card-btn{
    color: #2173A4;
    font-weight: 400;
    font-size: 0.875rem;
    padding: .75rem 1rem;
    width: 100%;
    border-radius: 0.375rem;
    border: 1px solid #2173A4;
    background-color: white;
    text-align: center;
}
.reviews-slider__card-btn:hover{
    background-color: #2173A4;
    color: white;
}

.buttons-block__link-new{
    background-color: #2173A4;
    border-radius: 0.313rem;
    padding: 1.125rem 1.25rem;
    color: white;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 120%;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #2173A4;
}
.buttons-block__link-new:hover{
    color: #2173A4;
    background-color: #fff;
    
}
@media (max-width: 768px) {
    .reviews-slider__card-text {
      font-size: 0.875rem;
    }
    .buttons-block__link-new{
        font-weight: 700;
        font-size: 0.938rem;
    }
    .reviews-slider__card-btn{
        font-weight: 700;
        font-size: 0.938rem;
    }
  }
.reviews-section__slider,
.lic-section__slider{
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.lic-section{
    padding-bottom: 3.75rem;
}
.lic-section__slider__item{
    padding: 1.688rem 1.375rem;
    background-color: #fff;
    border-radius: .625rem;
    position: relative;
}
.lic-section__slider__item img{
    width: 100%;
}
.lic-section__slider__item_lupa{
    padding: 1.5rem;
    border-radius: 50%;
    background-color: #FFFFFFCC;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    opacity: 0; 
    visibility: hidden; 
    transition: all 0.3s;
}
.lic-section__slider__item:hover .lic-section__slider__item_lupa{
    opacity: 1; 
    visibility: visible;
}

.content-section {}

.content-section__info {
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    position: relative;
}

.content-section__info__block {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
   max-width: 53.813rem;
   width: 100%;
}

.content-section__info__block .text-block {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.content-section__info::after{
    display: none;
}

.info1-wrap2.mob{
    display: none;
}
@media (max-width:1050px) {
    .content-section .info1-wrap2 .info1-img{
        display: block;
    }
    .info1-wrap2.desc{
        display: none;
    }
    .info1-wrap2.mob{
        display: block;
    }
    .content-section.pt-40{
        padding-top: 2.5rem;
    }
    .content-section__info .info1-banner-wrap .info1-banner{
        padding: 1.625rem .875rem ;
    }
    .content-section__info .info1-banner h3,
    .content-section__info .info1-price{
        padding-left: .75rem;
        margin-bottom: 1.563rem;
    }
    .content-section__info  .info1-banner h4{
        margin-bottom: .75rem;
        font-size: 1.25rem;
    }
    .info1-price b, 
    .content-section__info .info1-banner h3{
        font-size: 2rem;
    }
    .content-section .info1-form .form-control.phone_input.input1{
        font-size: 1rem !important;
    }
    .content-section .info1-form button{
        background-size: 1.875rem 1.375rem !important;
    }
    .content-section__info{
        flex-direction: column;
    }
    .content-section .info1-banner{
        margin-bottom: 0;
    }
    
}

.text-block__title{
    font-size: 2rem;
    font-weight: 400;
    color: #3AC3F3;
    margin: 0;
    line-height: 120%;
}
.text-block__info {
    display: flex;
    flex-direction: column;
}

.text-block h2{
    font-size: 2rem;
    font-weight: 400;
    color: #3AC3F3;
    margin: 0;
    line-height: 120%;
}
.text-block__info-grid{
    grid-template-columns: repeat(2, 1fr);
    display: grid;
    gap: .625rem;
}
.span-2{
    grid-column: span 2;
}
@media (max-width: 768px) {
    .lic-section__slider__item{
        padding: 1.188rem 0.969rem;
    }
    .text-block__info {
        grid-template-columns: repeat(1, auto);
    }
    .span-2{
        grid-column: span 1;
    }
  }
.text-block__info__item {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.25rem;
    background-color: #fff;
    border-radius: 1rem;
}
.text-block__info__item svg{
    min-width: 0.875rem;
}
.text-block__info__item-new{
    background-color: white !important;
    padding: 1.5rem !important;
}
.text-block__info__item-new h5{
    font-weight: 400;
    font-size: 1.25rem;
    color: #1D1D1D;
}
.plus-block{
    display: flex;
    flex-direction: column;
    gap: .75rem;
}
.plus-block-item{
    display: flex;
    gap: .75rem;
}
.plus-block-item span{
    font-size: 1rem;
    font-weight: 400;
    color: #1D1D1D;
    opacity: .8;
}
.text-block__info__item-img{
    border-radius: .625rem;
}
.text-block__info-link{
    display: flex;
    align-items: center;
    gap: .625rem;
    width: 100%;
    padding: 1.313rem;
    border-radius: .625rem;
    border: 1px solid #2173A4;
    justify-content: center;
}
.text-block__info-link:hover{
    background-color: #2173A4;
}

.text-block__info-link:hover span{
    color: white;
}
.text-block__info-link:hover path{
    stroke: white;
}

.text-block__info-link span{
    font-size: 1rem;
    font-weight: 400;
    color: #2173A4;
}
.text-block__info__item__title {
    color: #1D1D1D;
    font-weight: 400;
    font-size: 1.625rem;
}

.text-block__info__item h3 {
    color: #1D1D1D;
    font-weight: 400;
    font-size: 1.625rem;
    margin: 0;
    line-height: 140%;
    text-transform: none;
}

.text-block__info__item p {
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    color: #3C3C3C;
    line-height: 150%;
}
@media (max-width:768px) {
    .text-block__info__item-new{
        padding: 1.25rem !important;
        gap: .75rem !important;
    }
    .text-block__info__item-new h5{
        font-size: 1.125rem;
    }
    .text-block__info__item svg{
        position: relative;
        top: .25rem;
    }
    .plus-block-item span{
        font-size: .875rem;
    }
    .text-block__info-link span{
        font-size: .75rem;
    }
    .text-block__info-link{
        padding: .75rem;
    }
    .text-block__info-link svg{
        width: 1rem;
        height: 1rem;
    }
    .mt-05 {
        margin-top: .75rem;
    }
    .text-block h2{
        font-size: 1.5rem;
    }
    .text-block__info__item h3{
        font-size: 1.25rem;
    }
    .text-block__info__item p{
        font-size: .875rem;
    }
    
}
/* step */
.text-block .steps {
    position: relative;
    counter-reset: point;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.text-block .steps-contine {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.text-block .step {
    position: relative;
    padding: .5rem;
    padding-left: 60px;
    counter-increment: point;
    
}

.text-block .step::before {
    content: counter(point);
    position: absolute;
    left: 0;
    top: .5rem;
    width: 36px;
    height: 36px;
    background: #3AC3F3;
    color: #EEF8FA;
    border-radius: 50%;
    text-align: center;
    font-weight: 400;
    line-height: 2.375rem;
    font-size: 1.5rem;
    z-index: 2;
}

.text-block .step::after {
    content: "";
    position: absolute;
    left: 14px;
    top: 36px;
    bottom: -2.5rem;
    width: 10px;
    background-image: radial-gradient(#3AC3F3 2px, transparent 2px);
    background-size: 10px 11px;
    background-repeat: repeat-y;
    z-index: 1;
}

.text-block .step:last-child::after {
    display: none;
}
.text-block .content{
display: flex;
flex-direction: column;
gap: .5rem;

}
.text-block .content h3 {
   font-size: 1.5rem;
   font-weight: 400;
    color: #1D1D1D;
}

.text-block .content p {
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    color: #3C3C3C
}
@media (max-width:768px) {
    .text-block .content h3{
        font-size: 1.125rem;
        line-height: 120%;
    }
    .text-block .content p{
        font-size: .875rem;
    }
    
}

/* price */

.price-section{
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.price-section__title{
    color: #3BC3F3;
    font-size: 2rem;
    font-weight: 700;
}
.price-section__content{
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}
.price-section__content__left{
    max-width: 52.5rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
.price-section__content__left__title{
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    max-width: 51.063rem;
    width: 100%;
}
.price-section__content__left__title__text{
    color: #212121;
    font-size: 1rem;
    font-weight: 700;
}
.cena-block{
    display: flex;
    gap: 1.5rem;
}
.cena-block__text{
    color: #212121;
    font-size: 1rem;
    font-weight: 700;
}
.cena-block__opacity{
    color: #21212180;
    font-weight: 400;
    font-size: 1rem;
    max-width: 6.938rem;
    width: 100%;
    text-align: right;
}
.price-section__ul{
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    max-width: 51.063rem;
    width: 100%;
}
.price-section__ul__info{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}
.price-section__ul__info__li{
    position: relative;
    padding: .75rem 1.25rem;
    padding-left: 2.5rem;
    background-color: #fff;
    border-radius: .25rem;
    max-width: 44.5rem;
    width: 100%;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.price-section__ul__info__li::before {
    content: "";
    position: absolute;
    left: 1.25rem; /* Отступ слева */
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    background-color: #0F7A9E;
    border-radius: 50%; /* Круг */
}
.price-section__ul__info__li__block{
    display: flex;
    flex-direction: column;
    gap: .25rem;
}
.price-section__ul__info__li__block .under-text{
    color: #B2B3B4;
    font-size: .875rem;
    font-weight: 400;
}
.price-section__ul__info__li__block span.price-section__ul__info__li-name,
.price-section__ul__info__li__block a.price-section__ul__info__li-name{
    color: #212121;
    font-size: 1rem;
    font-weight: 400;
}
.price-section__ul__info__li__block a.price-section__ul__info__li-name{
    color: #3BC3F3;
    line-height: 1rem;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.25em; 
}
.price-section__ul__info__li-price{
    display: flex;
    align-items: center;
    gap: .25rem;
}
.price-section__ul__info__li-price .currency{
    color: #212121;
    font-size: 1rem;
    font-weight: 400;
}
@media (max-width:991px) {
    .price-section__content{
        flex-direction: column;
        gap: 2rem;
    }
    .price-section__content__right.sticky-block{
        max-width: 100%;
    }
}

@media (max-width:768px) {
    .price-section__ul__info__li::before{
        left: 1rem;
    }
    .price-section__title{
        font-size: 1.5rem;
        font-weight: 400;
    }
    .price-section__content__left__title__text,
    .cena-block__opacity
    {
        font-size: .875rem;
    }
    .cena-block__opacity{
        font-weight: 400;
        max-width: 21%;
    }
    .cena-block .cena-block__opacity{
        max-width: 46%;
    }
    .cena-block{
        gap: .5rem;
    }
    .price-section__content__left,
    .price-section__content__left__title{
        gap: .75rem;
        max-width: 100%;
    }
    
    .price-section__ul__info__li{
        padding: .75rem;
        padding-left: 2rem;
    }
    .price-section__ul__info__li__block{
        max-width: 61%;
    }
    .price-section__ul__info__li__block span.price-section__ul__info__li-name,
    .price-section__ul__info__li__block a.price-section__ul__info__li-name{
        font-size: .875rem;
        /* width: min-content; */
    }
    .price-section__ul__info__li__block .under-text{
        font-size: .75rem;
    }
}
.sticky-block{
    position: sticky;
    top: 170px;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.price-section__content__right{
    padding: 2.75rem 1.875rem;
    border-radius: 6px;
    background: #2399d2;
    background-image: linear-gradient(-45deg, #3bc3f3 30%, #2399d2 60%);
    gap: 1.25rem;
    max-width: 22.5rem;
    width: 100%;
    height: max-content;
}
.price-section__content__right h3{
    font-size:1.87rem;
    font-weight: 400;
    color: white;
    line-height: 120%;
    margin: 0;
    text-transform: none;
}
.price-section__content__right span{
    font-size: 1rem;
    font-weight: 400;
    color: white;
    line-height: 130%;
}

@media (max-width:768px) {
    .price-section__content__right{
        padding: 1.625rem 1.25rem;
    }
    .price-section__content__right h3{
        font-size: 1.5rem;
    }
    .price-section__content__right span{
        font-size: .875rem;
    }
    .price-section .info1-form{
        margin-top: .75rem;
    }
}

.question-doc{
display: flex;
flex-direction: column;
gap: 2rem;
}
.question-doc__title{
    max-width: 53.5rem;
    width: 100%;
    padding: 0 .6rem;
}
.question-doc__left{

    width: 100%;
    padding: 2.313rem 1.25rem;
    background-image: linear-gradient(-45deg, #3bc3f3 30%, #2399d2 60%);
    border-radius: .625rem;
    position: relative;
}
.question-doc-block__slider{
    max-width: 53.5rem;
    width: 100%;
    overflow-x: clip;
}
.question-doc__left__info{
    display: flex;
    flex-direction: column;
    align-items: end;
    padding-right: 1.25rem;
    gap: 1.25rem;
}
.question-doc__left__info__idea{
    padding: .75rem 1.125rem;
    border-radius: 1.25rem;
    background-color: #BEEEFF;
    position: relative;
    max-width: 30.375rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.question-doc__left__info__idea__ugol{
    clip-path: polygon(100% 100%, 41% 0, 35% 32%, 26% 66%, 0 100%);
    background: #BEEEFF;
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    bottom: 0;
    left: -0.563rem;
}
.question-doc__left__info__idea.--bgwhite {
    background-color: white;
    max-width: 21.75rem;
}
.question-doc__left__info__idea.--bgwhite .question-doc__left__info__idea__ugol{
    right: -1.1rem;
    clip-path: polygon(58% 33%, 64% 56%, 79% 80%, 100% 100%, 41% 100%, 0 100%, 14% 56%, 56% 0, 56% 13%);
    background: white;
    position: absolute;
    width: 2.5rem;
    height: 1.5rem;
    bottom: 0;
    left: auto;
}
.question-doc__left__info__idea__text{
    color: black;
    font-size: 1rem;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0px;
}
.question-doc__left .absolute-block{
    position: absolute;
    left: .875rem;
    bottom: 0;
    display: flex;
}


.absolute-block__img{
    /* position: relative;
    bottom: 0; */
}
.absolute-block__name{
   display: flex;
   flex-direction: column;
   gap: .25rem;
   max-width: 13.813rem;
   width: 100%;
   position: relative;
   top: 3rem;
   right: 5rem;
}
.absolute-block__name__text{
    color: white;
    font-size: 1.25rem;
    font-weight: 400;
}
.absolute-block__name__info{
    color: #ADD8EA;
    font-weight: 400;
    font-size: .875rem;
}
.question-doc-block{
    display: flex;
    align-items: stretch;
    gap: .75rem;
}
.question-doc__right{
    padding: 1.875rem;
    border-radius: .625rem;
    background-color: #fff;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    max-width: 25.625rem;
    width: 100%;
}
.question-doc__right__info{
    display: flex;
    flex-direction: column;
    gap: .75rem;
}
.question-doc__right__info h3{
    color: #000000;
    font-weight: 400;
    font-size: 1.625rem;
    text-align: center;
    line-height: 120%;
    margin: 0;
    text-transform: none;
}
.question-doc__right__info span{
    color: #000000;
    font-weight: 400;
    font-size: 1rem;
    text-align: center;
    line-height: 120%;
}
.question-doc__right__link{
    width: 100%;
    padding: 1.0311rem 1.25rem;
}
.container-new{
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
}
@media (max-width:1280px) {
    .question-doc-block{
        flex-direction: column;
    }
    .question-doc__right,
    .question-doc-block__slider,
    .question-doc__title{
        max-width: 100%;
    }
    
}
@media (max-width:991px) {
    .question-doc__left__info__idea__text{
        font-size: .875rem;
    }
    .question-doc__left__info__idea.--bgwhite,
    .question-doc__left__info__idea{
        padding: .75rem;
    }
    .question-doc__left__info__idea.--bgwhite{
        max-width: 94%;
    }
    .absolute-block__name__text{
        font-size: 1rem;
    }
    .absolute-block__name__info{
        font-size: .875rem;
    }
    .question-doc__left__info{
        width: 51%;
    }
    .absolute-block__name{
        max-width: 27%;
    }
    .question-doc__left .absolute-block{
        left: .1rem;
        gap: 1rem;
    }
    .question-doc__left{
        display: flex;
        justify-content: end;
    }
    .absolute-block__img{
        width: 52%;
    }
}
@media (max-width:768px) {
    .question-doc__left{
        display: block;
    }
    .question-doc__left__info{
        width: 100%;
    }
    .question-doc__left__info__idea{
        max-width: 100%;
    }
    .container-new{
        padding-right: 1.25rem !important;
        padding-left: .65rem !important;
    }
    .question-doc__right{
        padding: 1.5rem 1.875rem;;
    }
    .question-doc__right__info h3{
        font-size: 1.25rem;
    }
    .question-doc__right__info span{
        font-size: .875rem;
    }
   
    .question-doc__left{
        padding: 1rem 0.375rem;
    }
    .question-doc__left__info{
        padding-left: .5rem;
        padding-right: 0;
        gap: .5rem;
        align-items: start;
    }
    .question-doc__left .absolute-block{
        position: relative;
        left: -1.125rem;
        bottom: -1rem;
        gap: 0;
    }

    .absolute-block__img{
        width: 71%;
        max-height: 25.188rem;
        max-width: 18.875rem;
    }
    .question-doc-block__slider{
        padding-left: 0.6rem;
    }
    .absolute-block__name{
        top: 2rem;
        right: 13%;
        position: absolute;
        max-width: 49.1%;
    }

}
@media (max-width:580px) {
    .absolute-block__name{
        right: 4%;
    }
   
}
@media (max-width:480px) {
    .absolute-block__name{
        right: 0;
    }
   
}
.help-section{
    position: relative;
}

.help-section__img{
    object-fit: cover;
    min-height: 36.188rem;
    /* height: 100%; */
    width: 100%;
    aspect-ratio: 2.21 / 1;
    border-radius: .625rem;
    /* background-image: radial-gradient(#3BC3F3 2px, #2399D2 2px); */
}
.help-section::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-image: radial-gradient(#3BC3F3 2px, #2399D2 2px); */
    opacity: 0.5; 
    mix-blend-mode: overlay; 
    pointer-events: none;
}
.help-section__info-block{
    position: absolute;
    left: 3.75rem;
    top: 5.313rem;
    padding: 2.5rem;
    background-color: #FFFFFFE5;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    max-width: 37.875rem;
    width: 100%;
    border-radius: .625rem;
}
.help-section__info-block__title{
    font-size: 2.5rem;
    font-weight: 400;
    color: #212121;
    line-height: 120%;
}
.help-section__info-block__points{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.help-section__info-block__points__item{
    display: flex;
    align-items: center;
    gap: .5rem;
}
.help-section__info-block__points__item span{
    color: #454545;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 120%;
}
.help-section__info-block__link{
    padding: 1.25rem;
    font-size: 1rem;
}
.help-section__img.mob{
    display: none;
}
@media (max-width:768px) {
    .help-section{
        display: flex;
        flex-direction: column;
        gap: 1.25rem;
    }
    .help-section__img{
        min-height: 10rem;
        display: none;
    }
    .help-section__img.mob{
        display: block;
    }
    .help-section__info-block{
        position: static;
        padding: 1.25rem;
    }
    .help-section__info-block__title{
        font-size: 1.5rem;
    }
    .help-section__info-block__points__item span{
        font-size: 1rem;
    }
    .help-section__info-block__link{
        font-size: 0.938rem;
    }
}


.prof-option{
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.prof-option-title{

}
.prof-option__info-block{
    display: flex;
    gap: 1.875rem;
    max-height: 18.875rem;
}

.prof-option__info-block-left{
    max-width: 42.2%;
}
.prof-option__info-block-link{
    position: relative;
    border-radius: .625rem;
    display: block;
}
.prof-option__info-block-img{
    border-radius: .625rem;
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.prof-option__info-block-link span{
    font-weight: 700;
    font-size: .875rem;
    color: white;
    position: absolute;
    left: 1.125rem;
    top:  1.875rem;
    max-width: 10.125rem;
}
.prof-option__info-block-play{
    max-width: 3.438rem;
    max-height: 3.438rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0.75rem;
    background-color: rgba(59, 195, 243, 0.5019607843);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}
.prof-option__info-block-right{
    display: grid;
    /* grid-template-columns: repeat(auto-fill, minmax(15.625rem, 1fr)); */
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: .75rem;
    row-gap: .5rem;
    max-height: 18.875rem;
    overflow-y: auto; 
    padding-right: 8px;
}

/* Стилизация скроллбара для WebKit браузеров (Chrome, Safari, Edge) */
.prof-option__info-block-right::-webkit-scrollbar {
    width: 3px;
    border-radius: 100px;
}

.prof-option__info-block-right::-webkit-scrollbar-track {
    background: #C5DBDF;
    border-radius: 100px;
}

.prof-option__info-block-right::-webkit-scrollbar-thumb {
    background-color: #3BC3F3;
    border-radius: 100px;
}
.prof-option__info-block__item{
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 0.438rem .625rem;
    border-radius: .625rem;
    border: 1px solid #3BC3F3;
    background-color: #EFF9FB;
}

.prof-option__info-block__item-left{
    position:relative;
    border-radius: .25rem;
    height: fit-content;
}
.prof-option__info-block__item-img{
    border-radius: .25rem;
    max-width: 3.313rem;
    max-height: 2.5rem;
    width: 100%;
    height: 100%;
    min-width: 2.65rem;
    min-height: 2rem;
}
.prof-option__info-block__item-play{
    max-width: 1.375rem;
    max-height: 1.375rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0.25rem;
    background-color: rgba(59, 195, 243, 0.5019607843);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
.prof-option__info-block__item-play svg,
.prof-option__info-block-play svg{
    /* width: 100%; */
    height: 100%;
    position: relative;
    right: -6%;
}

.prof-option__info-block__item span{
    font-weight: 400;
    font-size: 1rem;
    color: #000000;
    line-height: 120%;
}

@media (max-width:768px) {
    .prof-option__info-block{
        flex-direction: column;
        gap: .75rem;
        max-height: max-content;
    }
    .prof-option__info-block-left{
        max-width: 100%;
    }
    .prof-option__info-block-right{
        gap: .25rem;
        display: flex;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none;
    }
    .prof-option__info-block-right::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0;
    }
    .prof-option__info-block-link span{
        max-width: 8.188rem;
        font-size: .75rem;
        left: .75rem;
        top: .75rem;
    }
    .prof-option__info-block__item span{
        font-size: .75rem;
    }
    .prof-option__info-block__item{
        padding: .625rem;
        min-width: 13.563rem;
    }

}

.stock-section{
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}
.stock-section__item{
    background-color: #A6DDF633;
    border-radius: .625rem;
    border: 2px solid #3BC3F3;
}
.stock-section__item-img{
    object-fit: cover;
}

@media (max-width:768px) {
    .stock-section{
        gap: 1.5rem;
    }
    
}

.fag-section{
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}
.fag-section-title{

}
.fag-section__info-block{
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
.accordion-header-title svg{

}
.accordion-item .accordion-header svg {
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

.accordion-item.active .accordion-header svg {
    transform: rotate(180deg);
}
.accordion-header-title{
    /* padding: 0.594rem 0; */
    font-size: 1.25rem;
    font-weight: 400;
    color: #1D1D1D;
}
.accordion-item {
    cursor: pointer;
    background-color: white;
    padding: .75rem 1.5rem;
    border-radius: .625rem;
}
.accordion-item.active {
    background-color: #A6DDF6;
    padding-bottom: 1.25rem; 
}
.accordion-item .accordion-header {
    pointer-events: none;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    
}
.accordion-item .accordion-body {
    max-height: 0;
    overflow: hidden;
    pointer-events: none;
    transition: max-height 0.3s ease-out;
}
.accordion-item .accordion-content {
    max-width: 45.375rem;
    padding-top: 0.5rem;
}
.accordion-item .accordion-content span{
    font-size: 1rem;
    font-weight: 400;
    opacity: .8;
    color: #1D1D1D;
}
.section-title{
    color: #3AC3F3;
    font-size: 2.25rem;
    font-weight: 400;
    line-height: 120%;
}
@media (max-width:768px) {
    .accordion-item .accordion-header svg{
        width: 2rem;
        height: 2rem;
    }
    .fag-section{
        gap: 1.5rem;
    }
    .accordion-item {
        padding: .75rem;
    }
    .accordion-item.active {
        padding: 1.25rem .75rem;
    }
    .accordion-header-title{
        font-size: 1rem;
    }
    .accordion-item .accordion-content span{
        font-size: .875rem;
    }
}

.equipment{
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.equipment__info-block{
    display: flex;
    gap: .625rem;
}
.equipment__info-block-content {
    max-width:53.438rem;
    width: 100%;
  }

  .sidebar {
    flex: 1;
    /* background-color: #FFFFFF80; */
    display: flex;
    flex-direction: column;
    gap: .25rem;

    max-height: 26.313rem;
    overflow: scroll;
  }

  .sidebar__button {
    padding: 1rem 1.5rem;
    border: none;
    background: none;
    border-radius: .625rem;
    text-align: left;
    cursor: pointer;
    font-size: 1.125rem;
    transition: background 0.3s;
    color: #252525;
    background-color: #FFFFFF80;
  }

  .sidebar__button.active,
  .sidebar__button:hover {
    background-color: #3BC3F3;
    color: white;
  }

  .equipment__info-block-content h2 {
    color: #3BC3F3;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 120%;
    margin: 0;
    
  }

  .equipment__info-block-content ul {
    padding-left: 1rem;
    display: flex;
    flex-direction: column;
    gap: .75rem;
  }

  .equipment__info-block-content li::before {
    content: "•"; 
    color: #3BC3F3; 
    font-size: 1.2em; 
    display: inline-block;
    width: 1em; 
    margin-left: -1em; 
  }
  .equipment__info-block-content ul li {
    color: #252525;
    font-size: 1rem;
    font-weight: 400;
    line-height: 140%;
  }

  /* Стили для скрытых блоков с информацией */
  .equipment__info-block-item {
    display: none;
    position: relative;
    width:100%;
    background-color: white;
    border-radius: 1.25rem;
    padding: 1.875rem 2.5rem;
    gap: 1rem;
    justify-content: space-between;
  }
  .equipment__info-block-item__left-block{
    display: flex;
    flex-direction: column;
    gap: 3.125rem;
    max-width: 52%;
  }
  .equipment-top-block{
    display: flex;
    gap: .5rem;
    align-items: center;
    flex-wrap: wrap;
  }
  .equipment-top-block span{
    color: #3BC3F3;
    font-size: .875rem;
    font-weight: 400;
    padding: .5rem 1rem;
    border-radius: 6px;
    border: 1px solid #3BC3F3;
  }
  .equipment-bottom-block{
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }
  .equipment__info-block-img{
    position: absolute;
    top: 0;
    right: 0;
    object-fit: contain;
    max-width: 23.375rem;
    width: 100%;
    height: 100%;
  }

  .equipment__info-block-item.active {
    display: flex;
    height: 100%;
  }

  @media (max-width:991px) {
    .equipment__info-block-content ul li {
        font-size: .875rem;
    }
    .equipment-bottom-block{
        gap: 1.25rem;
    }
    .equipment{
        gap: .75rem;
    }
    .equipment__info-block-item__left-block{
        max-width: 100%;
        gap: 1.25rem;
    }
    .equipment-top-block{
        gap: .25rem;
    }
    .equipment-top-block span{
        font-size: .75rem;
        padding: .5rem 0.375rem;
    }
    .equipment__info-block-item{
        padding: 1.25rem;
        flex-direction: column;
        gap: 1.25rem;
    }
    .equipment__info-block-img{
        position: relative;
        width: 82%;
        max-height: 19.3vh;
        margin: 0 auto;
    }
    .equipment__info-block-img-block{
        background-color: #F0F9FE;
        border-radius: .75rem;
        display: flex;
    }
    .equipment__info-block{
        flex-direction: column-reverse;
        gap: 1.5rem;
    }
    .sidebar{
        flex-direction: row;
        gap: .25rem;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; 
    }
    .sidebar__button{
        padding: .5rem .75rem;
        font-size: .875rem;
        white-space: nowrap;
    }
    .equipment__info-block-content h2 {
        font-size: 1.125rem;
      }
}


.mt-05{
    margin-top: .5rem;
}
@media (max-width:768px) {
    .section-title{
        font-size: 1.5rem;
    }

}