:root {
   --font-family: "Inter", sans-serif;
   --second-family: "Roboto", sans-serif;
   --third-family: "Arial", sans-serif;
   --font3: "SF Pro Display", sans-serif;
}
.page_bitrix_24_new .sct-top{
   background: none;
}

.sct-top {
   position: relative;
   overflow: hidden;
}
.sct-top .bg-fade {
   position: absolute;
   inset: 0;
   background: center/cover no-repeat;
   transition: opacity 1s ease-in-out;
   z-index: 0;
   opacity: 1;
}
.sct-top .bg-fade.fade-out {
   opacity: 0;
}

.item_slider .title_list{
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 24px;
   line-height: 135%;
   color: #e8ebf2;
}

.title_bg{
   width: 362px;
   max-width: 362px;
   height: 350px;
   position: absolute;
   object-fit: contain;
   z-index: 9999;
}
.slider_top .owl-stage-outer{
   height: 75vh;
}
.slider_top .owl-dots{
   display: flex;
   justify-content: center;
}
.slider_top .owl-dot{
   width: 40px;
   height: 4px;
   background: rgba(255, 255, 255, 0.4) !important;
   margin-right: 8px;
}
.slider_top .owl-dot.active{
   background: #0f76ea !important;
}

.section_title{
   font-family: var(--font-family);
   font-weight: 700;
   font-size: 48px;
   line-height: 135%;
   letter-spacing: -0.02em;
   color: #3f4158;
}

.section_title--light{
   color: #e8ebf2;
}
section.adv_card{
   padding: 140px 0 200px 0;
   min-height: 100vh;
   background: url('../imgs/projects/b-24/adv-bg.png')center/cover no-repeat;
}

.adv_card_list{
   display: grid;
   grid-template-columns: repeat(2,1fr);
   gap: 30px;
   padding-top: 80px;
}
.adv_card_list .card_item{
   border-radius: 16px;
   padding: 30px;
   backdrop-filter: blur(20px);
   background: rgba(255, 255, 255, 0.1);
   color: #fff;
}
.adv_card_list .card_item .icon{
   width: 100px;
   height: 100px;
   margin-bottom: 32px;
}
.adv_card_list .card_item .title{
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 32px;
   line-height: 135%;
   color: #fff;
   margin-bottom: 24px;
}
.adv_card_list .card_item p{
   font-family: var(--font-family);
   font-weight: 400;
   font-size: 16px;
   line-height: 175%;
   color: rgba(255, 255, 255, 0.8);
}

.hdr--flex{
   display: flex !important;
   width: 100%;
   max-width: 100% !important;
   text-align: left;
   gap: 80px;
}
.hdr--flex .uk-h2{
   text-align: left;
}

.align-end{
   align-items: flex-end;
}

.w-45{
   width: 45%;
}

.tags-list{
   display: grid;
   gap: 30px;
   grid-template-columns: repeat(3,1fr);
   margin-top: 60px;
   margin-bottom: 80px;
}
.tags-list .item{
   border-radius: 24px;
   padding: 24px;
   color: #fff;
   width: 100%;
   box-sizing: border-box;
}
.tags-list .item-green {
   background: #94b01c;
}
.tags-list .item-orange{
   background: #fa0;
}
.tags-list .item-red{
   background: #f11f27;
}
.tags-list .item .title{
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 24px;
   line-height: 135%;
   letter-spacing: -0.02em;
   color: rgba(255, 255, 255, 0.8);
   margin-bottom: 8px;
}
.tags-list .item .price{
   font-family: var(--font-family);
   font-weight: 700;
   font-size: 40px;
   line-height: 110%;
   letter-spacing: -0.02em;
   color: #fff;
}

.accardeon_list{
   display: flex;
   flex-direction: column;
   gap: 20px;
}
.accardeon_list .item{
   border-radius: 24px;
   padding: 32px 24px 16px 24px;
   background: #fff;
}
.accardeon_list .item .title{
   font-family: var(--font-family);
   font-weight: 600;
   font-size: 20px;
   line-height: 120%;
   color: #414159;
   margin-bottom: calc(32px - 16px);
   cursor: pointer;
}
.accardeon_list .item.open .title{
   margin-bottom: 32px;
}
.accardeon_list .item-content .row{
   display: grid;
   grid-template-columns: 1fr 200px 200px 200px;
   gap: 24px;
}
.accardeon_list .item-content .row .item{

}
.accardeon_list .item-content .row .item:has(svg){
   display: flex;
   justify-content: center;
   border-bottom: 1px solid rgba(63, 65, 88, 0.3);
   border-radius: 0;
}
.accardeon_list .item-content .row .item:has(span){
   display: flex;
   justify-content: center;
   border-bottom: 1px solid rgba(63, 65, 88, 0.3);
   border-radius: 0;
}
.accardeon_list .item-content .row .item span{
   font-family: var(--font-family);
   font-weight: 600;
   font-size: 16px;
   line-height: 125%;
   text-align: right;
   color: #3f4158;
}
.accardeon_list .item-content .row .item-title{
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 20px;
   line-height: 120%;
   letter-spacing: -0.02em;
   text-align: center;
   color: #94b01c;
   border-bottom: 3px solid;
   border-radius: 0;
}
.accardeon_list .item-content .row .item-title--orange{
   color: #fa0;
}
.accardeon_list .item-content .row .item-title--red{
   color: #f11f27;
}

.accardeon_list .item-content .row:last-child .item:has(span),
.accardeon_list .item-content .row:last-child .item:has(svg){
   border-bottom: transparent;
}

.accardeon_list .item .item-content{
   display: none;
}
.accardeon_list .item.open .item-content{
   display: block;
}
.accardeon_list .item .title{
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.accardeon_list .item .title:after{
   content: '';
   display: block;
   width: 24px;
   height: 24px;
   transition: .3s all;
   background: url("../imgs/projects/b-24/arr.svg")center/cover no-repeat;
}
.accardeon_list .item.open .title:after{
   transform: rotate(180deg);
}
.accardeon_list{
   margin-bottom: 140px;
}
.solo_link{
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 32px;
   line-height: 125%;
   letter-spacing: -0.02em;
   text-decoration: underline;
   text-decoration-skip-ink: none;
   color: #414159 !important;
   display: block;
}
section.accardeons,
section.calc{
   padding: 140px 0 200px 0;
   min-height: 100vh;
}

.align-center{
   align-items: center;
}

.mb-40{
   margin-bottom: 40px;
}
.mt-80{
   margin-top: 80px;
}

.btn_2025{
   font-family: var(--font-family);
   font-weight: 600;
   font-size: 16px;
   line-height: 150%;
   color: #fff;
   border-radius: 12px;
   padding: 16px 32px;
   background: #0072ee;
   border: none;
   outline: none;
   max-width: 255px;
   width: 100%;
}
.ligth{
   color: #fff !important;
}
section.calc{
   background: url("../imgs/projects/b-24/calc-bg.png")center/cover no-repeat;
}

.mt-500{
   margin-top: 200px;
}
.mb-100{
   margin-bottom: 100px;
}
.pl-33{
   padding-left: 33.33%;
}

.steps_custom li{
   margin-bottom: 100px;
}
.steps_custom li:before{
   height: 120% !important;
}

.steps_custom li .days{
   font-family: var(--font-family);
   font-weight: 400;
   font-size: 16px;
   line-height: 150%;
   text-align: right;
   color: #6d6d84;
}
.steps_custom li h3{
   font-family: var(--font-family);
   font-weight: 600;
   font-size: 40px;
   line-height: 120%;
   color: #e8ebf2 !important;
   margin-bottom: 24px;
}
.steps_custom li p{
   font-family: var(--font-family);
   font-weight: 400;
   font-size: 16px;
   line-height: 175%;
   color: rgba(232, 235, 242, 0.5) !important;
}

section.sert{
   padding: 140px 0 200px 0;
}
section.sert .list{
   display: grid;
   grid-template-columns: repeat(3,1fr);
   gap: 30px;
}
.mb-80{
   margin-bottom: 80px !important;
}
.mt-140{
   margin-top: 140px;
}
section.sert .list .item{

}
section.sert .list .item .icon{
   margin-bottom: 30px;
   width: 170px;
   height: 170px;
}
section.sert .list .item p{
   font-family: var(--font-family);
   font-weight: 400;
   font-size: 20px;
   line-height: 200%;
   color: rgba(63, 65, 88, 0.8);
}

.sert_list{
   display: grid;
   grid-template-columns: repeat(3,1fr);
   gap: 30px;
}
.sert_list .item{
   width: 350px;
   height: 88px;
}

.bitrix_24--mob{
   display: none;
}

.bitrix_24--mob .item_slider{
   overflow-x: hidden;
}
.bitrix_24--mob .item_slider .txt{

}
.bitrix_24--mob .item_slider .uk-h1{
   font-family: var(--font-family);
   font-weight: 700;
   font-size: 40px;
   line-height: 110%;
   letter-spacing: -0.02em;
   color: #e8ebf2;
   position: absolute;
   top: 1rem;
   left: 1rem;
}
.bitrix_24--mob .item_slider .main_img{
   height: 520px;
   object-fit: cover;
}

.bitrix_24--mob .item_slider .title_bg{
   width: 300px;
   height: 300px;
   right: 0;
   top: 0;
   transform: translate(20%, 50%);
}
.bitrix_24--mob .item_slider .txt{
   padding: 1rem;
}
.bitrix_24--mob .item_slider .txt .title_list{
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 24px;
   line-height: 135%;
   color: #3f4158;
}
.bitrix_24--mob .item_slider .txt ul li{
   font-family: var(--font-family);
   font-weight: 400;
   font-size: 16px;
   line-height: 175%;
   color: rgba(63, 65, 88, 0.8);
}
.bitrix_24--mob .item_slider .txt .btn_from{
   border-radius: 12px;
   padding: 16px 32px;
   width: 100%;
   height: 56px;
   background: #0072ee;
   font-family: var(--font-family);
   font-weight: 600;
   font-size: 16px;
   line-height: 150%;
   color: #fff;
}
.bitrix_24--mob .owl-dots{
   position: absolute;
   top: 500px;
   left: 0;
   right: 0;
   transform: translateY(-50%);
   z-index: 9999;
   display: flex;
   gap: 8px;
   align-items: center;
   justify-content: center;
}
.bitrix_24--mob .owl-dots button{
   width: 40px;
   height: 4px;
   background: rgba(255, 255, 255, 0.4) !important;
}
.bitrix_24--mob .owl-dots button.active{
   background: #0f76ea !important;
}

.img_calc_mob{
   display: none;
}
@media(max-width: 1280px){
   .page_bitrix_24 .list_text .item{
      flex-direction: column;
      margin-top: 0;

   }
   .page_bitrix_24 .list_text .item img{
      max-width: 100%;
      order: 0;
   }
   .page_bitrix_24 .list_text .item:nth-child(2) .txt, .page_bitrix_24 .list_text .item:nth-child(4) .txt,
   .page_bitrix_24 .list_text .item:nth-child(3) .txt,
   .page_bitrix_24 .list_text .item .txt{
      max-width: 100%;
      order: 1;
      padding-left: 0;
   }
   .page_bitrix_24 .list_text .item:first-child .txt, .page_bitrix_24 .list_text .item:nth-child(3) .txt{
      order: 1;
      max-width: 100%;
   }
}
.accardeon_list .item.finger svg{
   display: none;
}
@media(max-width: 1260px){
   .sert_list{
     gap: 1rem;
   }
   .sert_list .item{
      width: 100%;
   }
}


@media (max-width: 1075px){
   .sert_list{
      grid-template-columns: repeat(2,1fr);
   }
}

@media(max-width: 960px){
   .sert .sert_list .item{
      background-size: contain !important;
   }
   section.bitrix_24{
      display: none;
   }
   section.accardeons .hdr {
      flex-direction: column;
      align-items: flex-start;
   }
   section.accardeons .hdr h4{
      width: 100% ;
   }
   .accardeon_list .item-content .row{
      grid-template-columns: 310px 100px 100px 100px 100px;
   }
   .accardeon_list .item.open .item-content{
      overflow-x: scroll;
   }
   .tags-list{
      grid-template-columns: 1fr;
   }
   section.sert .list{
      grid-template-columns: 1fr;
   }
   section.sert .list .item{
      display: flex;
   }

   .card_plans .hdr{
      flex-direction: column;
   }
   .adv_card_list{
      grid-template-columns: 1fr;
   }
   .section_title{
      font-family: var(--font-family);
      font-weight: 700;
      font-size: 32px;
      line-height: 110%;
      letter-spacing: -0.02em;
   }

   .bitrix_24--mob{
      display: block;
   }
   .site .uk-h2{
      font-family: var(--font-family);
      font-weight: 700;
      font-size: 32px !important;
      line-height: 110% !important;
      letter-spacing: -0.02em;
      color: #3f4158;
      text-align: left;
      margin-bottom: 24px !important;
   }
   .page_bitrix_24 .list_text{
      margin-top: 60px;
   }
   .page_bitrix_24 .list_text .item .txt .title{
      font-family: var(--font-family);
      font-weight: 500;
      font-size: 24px;
      line-height: 135%;
      color: #3f4158;
   }
   .page_bitrix_24 .card_plans{
      padding-bottom: 80px;
   }
   section.adv_card{
      padding: 80px 0 80px 0;
   }
   .adv_card_list .card_item{
      padding: 24px;
   }
   .adv_card_list .card_item .icon{
      margin-bottom: 24px;
   }
   .adv_card_list .card_item .title{
      font-family: var(--font-family);
      font-weight: 500;
      font-size: 24px;
      line-height: 135%;
      color: #fff;
      margin-bottom: 20px;
   }

   .page_bitrix_24 .card_plans .hdr,
   section.accardeons .hdr{
      gap: 24px;
   }
   .page_bitrix_24 .card_plans,
   section.accardeons, section.calc{
      padding: 80px 0 !important;
   }
   .page_bitrix_24 .card_plans .tabs{
      margin-top: 60px;
   }
   .accardeon_list .item.open .title{
      position: relative;
   }
   .accardeon_list .item.open .title:before{
      /*content: '';*/
      /*display: block;*/
      /*width: 60px;*/
      /*height: 30px;*/
      /*background: url("../icns/finger.svg")center/cover no-repeat;*/
      /*position: absolute;*/
      /*bottom: 0;*/

   }
   .accardeon_list .item.finger{
      border-bottom: transparent !important;
   }
   .accardeon_list .item.finger svg{
      display: block;
   }
   .accardeon_list{
      margin-bottom: 80px;
   }
   .solo_link{
      font-family: var(--font-family);
      font-weight: 500;
      font-size: 24px;
      line-height: 135%;
      letter-spacing: -0.02em;
      text-decoration: underline;
      text-decoration-skip-ink: none;
      color: #414159;
   }
   section.calc .hdr--flex{
      flex-direction: column;
   }
   section.calc .w-45{
      width: 100%;
   }
   section.calc .img_calc{
      display: none;
   }

   section.calc .img_calc_mob{
      display: block;

   }

   section.calc .img_calc_mob img{
      height: 360px;
      object-fit: contain;
      width: 100%;
   }
   section.calc button{
      width: 100%;
      margin-top: 40px;
      max-width: 100%;
   }
   section.calc .section_title,
   section.sert .section_title{
      margin-top: 80px;
      margin-bottom: 60px !important;
   }
   section.sert{
      padding: 80px 0;
   }
   section.sert .list .item{
      gap: 20px;
   }
   section.sert .list .item .icon{
      width: 100px;
      height: 100px;
   }
   section.sert .list .item p{
      margin: 0;
      font-family: var(--font-family);
      font-weight: 400;
      font-size: 16px;
      line-height: 175%;
      color: rgba(63, 65, 88, 0.8);
   }
   .sert_list{
      grid-template-columns: 1fr;
      margin-bottom: 0 !important;
   }
}

@media (max-width: 926px){
   .bitrix_24--mob{
      margin-top: 55px;
   }
}