.os-hero-slider{
position:relative;
width:100vw;
max-width:100vw;
min-height:var(--os-slider-h-desktop,720px);
margin-left:calc(50% - 50vw);
overflow:hidden;
background:#f5f5f5;
}

.os-hero-slider__slides{
position:relative;
width:100%;
height:var(--os-slider-h-desktop,720px);
}

.os-hero-slider__slide{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
opacity:0;
visibility:hidden;
pointer-events:none;
transition:opacity .9s ease;
z-index:1;
}

.os-hero-slider__slide.is-active{
opacity:1;
visibility:visible;
pointer-events:auto;
z-index:2;
}

.os-hero-slider__bg{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-size:cover;
background-repeat:no-repeat;
z-index:1;
}

.os-hero-slider__bg--desktop{
display:block;
background-position:right center;
}

.os-hero-slider__bg--mobile{
display:none;
background-position:center top;
}

.os-hero-slider__inner{
position:relative;
z-index:3;
width:100%;
height:100%;
display:flex;
align-items:center;
}

.os-hero-slider__content{
width:min(100% - 60px, 1280px);
margin:0 auto;
padding:0;
box-sizing:border-box;
display:flex;
flex-direction:column;
align-items:flex-start;
}

.os-hero-slider__title{
font-family:'Montserrat',sans-serif;
font-size:var(--os-title-size-desktop,64px);
font-weight:700;
line-height:var(--os-title-line-height,1);
letter-spacing:-0.02em;
margin:0 0 24px 0;
color:var(--os-title-color,#6c8293);
max-width:650px;
text-align:left;
text-shadow:0 6px 30px rgba(0,0,0,0.12);
}

.os-hero-slider__title span{
color:var(--os-accent-color,#2c96d4);
}

.os-hero-slider__text{
font-family:'Montserrat',sans-serif;
font-size:var(--os-text-size-desktop,20px);
line-height:var(--os-text-line-height,1.5);
color:var(--os-text-color,#6c8293);
max-width:420px;
margin:0 0 32px 0;
text-align:left;
text-shadow:0 3px 15px rgba(0,0,0,0.08);
}

.os-hero-slider__content .nectar-button{
align-self:flex-start;
margin-left:0 !important;
}

.os-hero-slider__nav{
position:absolute;
left:max(30px, calc((100vw - 1280px) / 2));
bottom:60px;
z-index:10;
display:flex;
gap:25px;
}

.os-hero-slider__arrow{
background:none;
border:none;
font-size:30px;
line-height:1;
padding:0;
cursor:pointer;
color:#7a8c99;
transition:all .25s ease;
}

.os-hero-slider__arrow:hover{
color:#2c96d4;
transform:translateY(-1px);
}

@media(max-width:1000px){
.os-hero-slider{
min-height:var(--os-slider-h-tablet,760px);
}

.os-hero-slider__slides{
height:var(--os-slider-h-tablet,760px);
}

.os-hero-slider__bg--desktop{
display:none;
}

.os-hero-slider__bg--mobile{
display:block;
}

.os-hero-slider__content{
width:calc(100% - 50px);
}

.os-hero-slider__title{
font-size:var(--os-title-size-tablet,42px);
max-width:100%;
}

.os-hero-slider__text{
font-size:var(--os-text-size-tablet,18px);
max-width:100%;
}

.os-hero-slider__nav{
left:25px;
bottom:40px;
gap:18px;
}

.os-hero-slider__arrow{
font-size:28px;
}
}

@media(max-width:600px){
.os-hero-slider{
min-height:var(--os-slider-h-mobile,720px);
}

.os-hero-slider__slides{
height:var(--os-slider-h-mobile,720px);
}

.os-hero-slider__content{
width:calc(100% - 40px);
}

.os-hero-slider__title{
font-size:var(--os-title-size-mobile,36px);
}

.os-hero-slider__text{
font-size:var(--os-text-size-mobile,16px);
}

.os-hero-slider__nav{
left:20px;
bottom:28px;
gap:14px;
}

.os-hero-slider__arrow{
font-size:26px;
}
}