:root{
--parallax-offset: 1px;
--stack-gap: 1vh; /* расстояние между соседними слайдами в стопке (в vh) */
--bg-parallax: 30px; /* сила параллакса фона */
}
html,body{height:100%;margin:0;}
main{min-height:100vh;}

.parallax-clip { 
    position: relative; 
    width:100%; 
    
}
.parallax-area {
position: sticky;
top: 0;
width:100%;
height:100vh;
overflow:hidden;
background:#fff;
outline:none;
}

.ParallaxSlide {
position:absolute;
left:0; 
right:0;
top:0;
height:100%;
display:flex;
align-items:center;
justify-content:center;

z-index:1;
will-change: transform;
pointer-events:none;
}



.ParallaxSlide .content {
position:relative; 
z-index:5; 


text-align:center;
transform: translateY(0);
opacity:1;
pointer-events:auto;
}

.ParallaxSlide .container-fluid{
    padding:0;
    height:96vh;
    margin-left:18px;
    margin-right:18px;
    border-radius:18px;
    background-color:#F5F7F1;
    padding-top:60px;
}

.borderheader
{
        height: 90px;
    border-bottom: 2px solid black!important;
    border-top: 2px solid black!important;
 
    padding-left: 0;
    padding-right: 0;
}
.devices{
       background-color: #FFFFFF;
    border-radius: 8.35px;
    width: 498px;
    margin-bottom: 8px;
    min-height: 67px;
    height: auto;
}

.devices .btn{
    width: 66px;
    height: 45px;
    border-radius: 44px;
    border: none;
    background-color: #272727;
    margin-top: 10px;
}
.devices img,.devices .col-6
{
 font-weight: 500;
    margin-top: 2px;
    line-height: 1;
    margin-bottom: 2px;
    align-content: center;
}
.devices .bntBig a{
    color:#fff;
    text-decoration:none;
     font-weight:500;
    font-size:16px;
    line-height:1.21;
    letter-spacing: -.02em;
    align-content: center;
}


.devices .col .btn
{
    float: right;
    margin-right: 10px;
    
}

.bntBig img{
    
        float: right;
    margin-right: 15px;
}
.btnbtnbtn .devices{
      padding-left:0;
    padding-right:0;
}
.devices .bntBig{
    width:498px;
    height:67px;
    background-color:#2979DD;
    border-radius:9px;
    border:none;
  
}

.btnsc
{
    width: 498px;
    background-color: #2979DD;
    height: 67px;
    border-radius: 9px;
        align-content: center;
}
.btnsc a{
    color:#fff;
    text-decoration:none;
}

p.btntxtsc{
     color:#fff!important;
    text-decoration:none!important;
     font-weight:600!important;
    font-size:18px!important;
    line-height:1.21!important;
    letter-spacing: -.02em!important;
    margin-top: 20px;
    text-indent: 20px;
    
}


.btnsc .btn-dark{
    width: 66px;
    height: 45px;
    border-radius: 44px;
    border: none;
    background-color: #fff;
    float: right;
    margin-right: 10px;
    margin-top: -50px;
    
   
}
.btnsc .btn-dark img{
    margin-left: 5px;
    margin-top: -40px;
}

.scrbp1{
        color:#272727;
    font-weight:600;
    font-size:16px;
    line-height:1.46;
    letter-spacing: -.02em;
}
.scrbp2{
        color:#272727;
    font-weight:600;
    font-size:18px;
    line-height:1;
    letter-spacing: -.02em;
    opacity:0.44;
}
.scienLeftBlock p{
         color:#272727;
    font-weight:500;
    font-size: 18px;
    line-height:1.17;
    letter-spacing: -.02em;
    padding-right:0;
   
}
.devCont{
   padding-top:48px;
    padding-right: 0;

}
.devCont button img{
    margin-top:0px;
}
.scienRightBlock{
   
      background-image:url("https://1bio.ru/wp-content/themes/nibochTmp_v1_orange/img/siencBG.png");
   
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center bottom;
}
.scientCont{
    padding-top:48px;
}
.scienRightBlock span {
    bottom: 50px !important;
    position: absolute;
}
@media (min-width: 1200px) {
    .devCont{
           padding-top: 30px;
    }
    .ParallaxSlide .container-fluid{
        padding-top:15px;
    }
    }






