.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(//xn--d1ajebkedbcem2k7b.xn--p1ai/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.no-text{
min-height: auto;
}
.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;
max-width: 400px;
width: auto;
}
.no-text .single-service__top-block-img{
width: auto;
bottom: 0;
}
.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: 0;  height: 100%;
width: 28%;
position: absolute;
object-fit: contain;
top: 50%;
left: 0%;
transform: translate(-0%, -50%);
object-position: center;
}
.no-text .single-service__top-block-img{
width: 52%;
top: auto;
left: 0;
transform: translate(0);
padding-top: 2rem;
}
.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{  width: 28%;
height: auto;  transform: translate(-0%, -50%);
}
}
.single-service__top-block.individual-block{
background: none;
min-height: auto;
}
.single-service__top-block.individual-block .single-service__top-block-info{
display: none;
}
@media (max-width:768px) {
.single-service__top-block.individual-block{ }
.desc-individual{
display: none;
}
.mobile-individual{
display: block;
}
.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; }
.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: center;
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;
margin: 0 auto;
}
@media (max-width:768px) {
.anchor-block{
padding-top: 2rem;
gap: .75rem;
flex-wrap: nowrap;
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none;
}
.anchor-block-link{
font-size: .875rem;
padding: .75rem;
white-space: nowrap;
}
.single-service__card-img{ height: 5rem;
width: 50%;
flex-shrink: 0; }
.single-service__card-btn {
font-size: 0.938rem;
font-weight: 700;
width: 100%;
margin-top: .5rem;
text-align: center;
}
.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;
justify-content: space-between;
}
.single-service__card-badge {
font-size: .625rem;
}
.single-service__card-title {
font-size: 1rem;
}
}
.reviews-slider__card {
padding: 20px;
background: #fff; width: 100%;
border-radius: 16px;
display: flex;
flex-direction: column;
gap: 20px;
height: auto;
}
.reviews-slider__card-content {
display: flex;
flex-direction: column;
gap: .5rem;
height: 100%;
}
.reviews-slider__card-text{
display: -webkit-box; 
-webkit-box-orient: vertical; 
-webkit-line-clamp: 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;
max-height: 230px;
height: auto;
overflow: hidden;
}
.lic-section__slider__item a{
display: block;
overflow: hidden;
height: 100%;
}
.lic-section__slider__item img{
width: 100%;
object-fit: cover;
height: 100%;
object-position: top;
}
.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;
max-width: 100%;
}
.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;
}
} .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-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;
justify-content: space-between;
}
.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;
width: 85%;
}
.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: 65%;
width: 100%;
}
.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; }
.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{ }
.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; width: 100%;
aspect-ratio: 2.21 / 1;
border-radius: .625rem; }
.help-section::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; 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(2, minmax(0, 1fr));
column-gap: .75rem;
row-gap: .5rem;
max-height: 18.875rem;
overflow-y: auto; 
padding-right: 8px;
} .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{ 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-img{
height: auto;
}
.prof-option__info-block-right{
gap: .25rem;
display: flex;
scrollbar-width: none; -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{ 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 { padding-top: 0.5rem;
}
.accordion-item .accordion-content span,
.accordion-item .accordion-content .acc-text{
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,
.accordion-item .accordion-content .acc-text{
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; 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; -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;
}
}