@media screen and (max-width: 1024px) {
    .technologies__second-title {
        padding-left: 0 !important;
        margin-left: 0 !important;
        text-align: left !important;}
   
	.technologies__second-title h4 {
        padding-left: 0 !important;
        margin-left: 0 !important;
        text-align: left !important;}
}


.vc_images_carousel .vc_carousel-control .icon-next:before { color: #ff0202;}
.wpcpro-wrapper .wpcp-carousel-section .wpcp-swiper-dots .swiper-pagination-bullet:not(.wpcp-number-pagination){ width: 7px !important; height: 7px !important;
    border-radius: unset !important;}

@media (min-width: 765px) {p {font-size: 1.10rem;}}
@media (min-width: 1800px) {p {font-size: 1.55rem;}}
.technologies__item-second-list ul{
    padding:0;
    margin:0;
}
 
.accordion-mobile .vc_tta-controls-icon.vc_tta-controls-icon-plus{
    right:0 !important;
}
.accordion-mobile .vc_tta-panel-heading{
    background-color:transparent !important;
} 
.accordion-mobile .vc_tta-panels{
    border-bottom: 1px solid #fff !important;
    border-radius:unset !important;
    
}
.accordion-mobile a{
    font-family: var(--font-family);
    font-size: 14px;
    line-height: 129%;
    color: #fff;
    padding:11px 0 !important;
}
.accordion-mobile .vc_tta-panel-body{
     background-color:transparent !important;
     padding:10px 0 !important;
}
.accordion-mobile{
    display:none;
}
.technologies__item-last-text{
    font-weight: 400;
font-size: 20px;
line-height: 140%;
     text-indent: 0px;
}
.technologies__item-second-list ul li{
    display:flex;
    align-items:center;
    gap:10px;
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
}
.technologies__item p{
    margin-top:0;
}
.technologies__item-title{
      margin-bottom:40px;
}
.technologies__item-desc{
      margin-bottom:40px;
 
}
.technologies__second-title h4{
      font-family: var(--font-family);
    font-weight: 500;
    font-size: 40px;
    line-height: 115%;
    color:#fff;
    margin:0;
}
.technologies__second-title{
  margin:0;
  margin-bottom:40px;
}
.technologies__item-desc p{
    margin-top:0;
}
.technologies__item-desc.bottom p{
    font-weight: 500;
font-size: 20px;
line-height: 140%;
 text-indent: 0;
}
.technologies__item p{
/*    text-indent: 25px; */
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
  
}
.technologies__item-title h2{
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 32px;
    line-height: 125%;
    color: #fff;
 /*   padding-left:20px;
    border-left: 4px solid #af0b0b; */
  /*  max-width:835px; */
    margin-top:0;
  
}
.technologies__item-list h3{
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 24px;
    line-height: 150%;
    color: #fff;
    margin:0;
    margin-bottom:20px;
}
.technologies__item-list ul{
    display:flex;
    flex-direction:column;
    gap:20px;
    padding:0;
    list-style:none;
	--space-4: none;
}
.technologies__item-list ul li{
   padding-left:25px;
   position:relative;
   font-family: var(--font-family);
    font-weight: 400;
    font-size: 24px;
    line-height: 150%;
    text-transform: uppercase;
    color: #fff;
}
.technologies__item-list ul li > div{
   font-family: var(--font-family);
    font-weight: 400;
    text-transform: none;
    color: #fff;
    font-size: 20px;
    line-height: 140%;
}
.technologies__item-list ul li::before{
    content:"";
    position:absolute;
    background:#af0b0b;
    left:0;
    top:10px;
    width:16px;
    height:16px;
  
}
.technologies{
    padding:100px 50px 100px 50px!important;
}
.technologies__content{ 
    display: flex;
    align-items: center;
    gap: 40px;
    
}
   .technologies__item{
       padding:0;
   }
.hero{
    position:relative;
}
.hero .vc_col-sm-12{
    margin:0;
    padding:0;
}
.hero .wpb_single_image.vc_align_left{
    margin:0;
}
.hero__title p{
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 40px;
    line-height: 115%;
    color: #1d1d1d;
    margin:0;
}
.hero__content{
    display:flex;
    gap:5px;
    padding: 0 50px;
    margin:0;
}
.hero__content::before{
    display:none;
}
.hero__content-bottom{
    pointer-events:none;
    position:absolute; 
    bottom:0;
    left:50px;
}

.hero__content-item{
    padding:0;
}
.hero__content-bottom img{
    max-width:clamp(43.125rem, -97.297rem + 156.13vw, 90.063rem);
}
.hero__content-title{
    padding:0;
    padding-top:80px;
    
}
  .technologies__item.mobile .technologies__item-img{
       display:none;
   }
.technologies__item-desc-none {display:none;}
@media screen and (max-width:1440px){
    .technologies__item-title h2{ 
        font-size: 36px;    
    }
	.hero-img {display:none; }
	.hero__content-bottom{
		position: relative; }
   
    .hero__content-bottom{
     /*   display:none; */
		margin-top: -150px;
    }
	
    .hero__title p{
        font-size:36px;
    }
    
}
.tehnologi-title-1 {text-align: center;}

@media screen and (min-width:1025px){
    .technologies__content.reverse{
        flex-direction:row-reverse;
    }
}
@media screen and (max-width:1024px){
	.tehnologi-title-1 {text-align: left;}
    .technologies.padding-bottom{ padding-bottom:40px !important;}
    .technologies__item-second-list.none{ display:none; }
    .technologies__item-desc.none{ display:none;}
    .accordion-mobile{ display:block;}
    .technologies.none{ display:none; }
    .technologies__item-last-text{ font-weight: 400; font-size: 16px; line-height: 137%; }   
    .technologies__item-second-list ul li{ gap:4px; font-weight: 400; font-size: 14px; line-height: 137%; }
	.mobile-no {display:none; }
    .technologies__second-title{
        width:fit-content;
        margin: 0 auto;
        margin-bottom:20px; margin-top: 40px;
    }
    .technologies__second-title h4{
         font-weight: 500;
        font-size: 24px;
        line-height: 125%;
    }
    .technologies__item-desc.bottom p{
   font-weight: 500;
font-size: 14px;
line-height: 143%;
}
    .technologies__item-desc{
      margin-bottom:20px;
}
    .technologies__item p{
 font-weight: 400;
font-size: 14px;
line-height: 143%;
}
    .technologies__content{
            justify-content: center;
            margin-left:0;
            margin-right:0;
            padding:0 0px;
    }
    .technologies__item-list ul li{
        font-weight: 400;
        font-size: 14px;
        padding-top: 5px;
        line-height: 137%;
    }
    .technologies__item-list ul li > div{
          font-weight: 400;
        font-size: 16px;
        line-height: 137%;
    }
    .technologies__item-list ul li::before{
        width: 11px;
        height: 11px;
    }
    .technologies__item-list h3{
        font-weight: 500;
        font-size: 16px;
        line-height: 137%;
        margin-bottom:10px;
    }
      .technologies__item-title{
		margin-top: 40px;
        margin-bottom:20px;
      }
    .technologies__item-title h2{
        font-weight: 500;
        font-size: 16px;
        line-height: 125%;
 /*         padding-left:10px;
    border-left: 2px solid #af0b0b; */
    }
     .technologies__item img{
         margin-bottom:20px;
         margin-top: 20px;
    }
    .technologies{
            padding: 0px 15px  0px 15px!important;
    }
/*   .technologies__item.is-not-mobile{
       display:none;
   } */
   .technologies__item-list {margin-bottom: 30px; margin-top: 25px;}
   .technologies__item.mobile .technologies__item-img{
       display:block;
   }
     .hero__title p{
       font-weight: 500;
        font-size: 18px;
        line-height: 130%;
    }
    .hero__content{
    flex-direction: column;
    align-items: center;
    }
    .hero__content-title{
        padding-top:40px;
    }
}
@media screen and (max-width:768px){
	.accordion-black a {color: #1d1d1d !important;}
	.accordion-black .vc_tta-panels{ border-bottom: 1px solid #000 !important; }
	.accordion-black i {border-color: #1d1d1d !important;}
	.accordion-black .vc_tta-controls-icon::before {border-color: #1d1d1d !important;}
	.accordion-black .vc_tta-controls-icon::after {border-color: #1d1d1d !important;}
	.accordion-black .vc_tta-controls-icon-plus {border-color: #1d1d1d !important;}
	.accordion-black .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::after {border-color: #1d1d1d !important;}
	.accordion-black .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::before {border-color: #1d1d1d !important;}
    .technologies__content{ display:block; }
	.technologies__item-list {display:block;}
	.technologies__item-desc-none {display:block;}
    .hero__content{
        padding:0 0px;
        margin-top: -40px;
    }
	.technologies__item-list ul{
		gap:0px;}
}





/* ===== HH Video: базовая обёртка ===== */
.hh-vid{
  --radius: 18px;
  --shadow: 0 18px 44px rgba(0,0,0,.20);
  margin: clamp(16px, 3vw, 32px) auto;
  max-width: min(1080px, 96vw); padding: 20px 0px 120px 0px;
}
.hh-vid-mobile {display:none;}

@media (max-width:1024px){.hh-vid {display:none;} .hh-vid-mobile{ padding: 40px 0px 20px 0px;} .hh-vid-mobile {display:block;}}

.plyr__video-wrapper{ position: relative;width: 100%; aspect-ratio: var(--ratio, 16/9); background: #000; border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow);}

/* собственно  */
.hh-vid__el{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #000;
}
.hh-vid__cap{margin-top: 10px;font: 400 14px/1.45 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color: #555;}
.hh-vid__el::-webkit-media-controls-panel{backdrop-filter: saturate(120%) blur(2px);}
@media (prefers-reduced-motion: reduce){.hh-vid{ --shadow: 0 8px 24px rgba(0,0,0,.12); }}

/* === Hilbert × video.js — Big Play = FA-style pill (CSS-only) === */
/* Помести этот блок ниже подключаемого CSS video.js. Страница уже тянет Font Awesome.
   Если где-то FA нет — см. fallback в конце (раскомментируй блок @supports not). */

.hh-vid .video-js .vjs-big-play-button {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 64px;
  height: 64px;
  border-radius: 9999px;                 /* круг */
  padding: 0 !important;
  border: none !important;
  background: rgba(0,0,0,.65) !important;/* тёмная плашка как в плагине */
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: none !important;
 /* transition: transform .2s ease, opacity .2s ease, background-color .2s ease; */
  z-index: 3;
}

.hh-vid .video-js .vjs-big-play-button:hover {
 /* transform: translate(-50%, -50%) scale(1.06); */
  background-color: rgba(0,0,0,.75) !important;
}

/* Подменяем встроенную иконку Video.js на FA play (без JS) */
.hh-vid .video-js .vjs-big-play-button .vjs-icon-placeholder {
  display: flex; align-items: center; justify-content: center;
}
.hh-vid .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f04b" !important;                  /* FA play */
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", sans-serif !important;
  font-weight: 900 !important;                  /* solid */
  font-size: 20px; line-height: 1;              /* как в плагине */
  -webkit-font-smoothing: antialiased;          /* чёткий глиф */
  -moz-osx-font-smoothing: grayscale;
  margin-top: 20px;
}

/* Скрыть текстовую подпись, но оставить для screen readers */
.hh-vid .video-js .vjs-big-play-button .vjs-control-text{
  position:absolute; width:1px; height:1px; margin:-1px; padding:0;
  border:0; clip:rect(0 0 0 0); clip-path: inset(50%); overflow:hidden; white-space:nowrap;
}

/* Не мешаем клику ставить паузу: уводим big-play при старте и убираем события с него */
.hh-vid .video-js.vjs-has-started .vjs-big-play-button,
.hh-vid .video-js.vjs-playing   .vjs-big-play-button{
  opacity:0 !important;
  pointer-events:none !important;               /* чтобы клик по видео ставил паузу */
}

/* Чуть меньше на мобиле */
@media (max-width: 768px){
  .hh-vid .video-js .vjs-big-play-button{ width:56px; height:56px; }
  .hh-vid .video-js .vjs-big-play-button .vjs-icon-placeholder:before{ font-size:18px; }
}