.vl24-services{
padding:40px 0; background:#ffffff !important;
} .services-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:60px;
}
@media(max-width:1024px){
.services-grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:640px){
.services-grid{grid-template-columns:1fr;}
} .service-card{
border-radius:8px;
overflow:hidden;
background:#fff;
box-shadow:0 15px 40px rgba(0,0,0,.06);
} .service-image{
position:relative;
width:100%;
height:420px; overflow:hidden;
} .service-image img{
width:100%;
height:100%;
object-fit:cover;
display:block;
} .service-cta{
position:absolute;
top:16px;
right:16px;
z-index:5;
} .service-info{
position:absolute;
left:10px;
right:10px;
bottom:10px;
padding:12px 16px;
border-radius:8px !important;
background:rgba(255,255,255,.75);
backdrop-filter:blur(18px);
text-align:center;
} .service-image img{
transition:.5s ease;
}
.service-card:hover .service-image img{
transform:scale(1.05);
}  .vl24-services .service-card{
padding:0 !important;
overflow:hidden;
} .vl24-services .service-image{
position:relative;
width:100%;
height:420px;
margin:0 !important;
padding:0 !important;
} .vl24-services .service-image img{
width:100% !important;
height:100% !important;
object-fit:cover;
display:block;
} .vl24-services article{
padding:0 !important;
} .vl24-services .section-title{
font-family:"Outfit",sans-serif;
font-weight:600;
font-size:clamp(36px,4vw,56px);
line-height:1.1;
letter-spacing:-0.02em;
margin:0 0 16px; color:#1a1f16; text-shadow:
0 1px 0 rgba(255,255,255,.6),
0 20px 40px rgba(0,0,0,.08);
} .vl24-services .section-text{
max-width:680px;
font-family:"Inter",sans-serif;
font-size:18px;
line-height:1.65;
color:#555;
margin:0;
} @media(max-width:768px){
.vl24-services .section-text{
font-size:16px;
line-height:1.55;
}
}  .vl24-services-sticky{
display:grid;
grid-template-columns:420px minmax(0,1fr);
gap:80px;
align-items:start; } .vl24-services-nav{
position:sticky;
top:140px;
}
.vl24-services-nav__btn{
width:100%;
text-align:left;
padding:18px 22px;
border-radius:18px;
background:#fff;
border:0;
cursor:pointer;
font-size:15px;
font-weight:600;
transition:.25s ease;
box-shadow:0 10px 30px rgba(0,0,0,.06);
}
.vl24-services-nav__btn:hover{
transform:translateX(4px);
}
.vl24-services-nav__btn.is-active{
outline:2px solid var(--brand-primary);
} .vl24-services-rail{ max-width:760px; margin:0 auto;
display:flex;
flex-direction:column; gap:140px;
} .vl24-service-section{
scroll-margin-top:160px; } .vl24-service-title{
font-family:"Outfit",sans-serif;
font-size:clamp(36px,4vw,52px);
line-height:1.1;
margin-bottom:24px;
letter-spacing:-0.02em;
} .vl24-service-intro{
font-size:20px;
line-height:1.7;
color:#444;
margin-bottom:50px;
} .vl24-service-chapters{
position:relative;
padding-left:40px;
} .vl24-service-chapters::before{
content:"";
position:absolute;
left:10px;
top:0;
bottom:0;
width:2px;
background:rgba(0,0,0,.08);
} .vl24-service-chapter::before{
content:"";
position:absolute;
left:-30px;
top:30px;
width:10px;
height:10px;
border-radius:50%;
background:var(--brand-primary);
}
.vl24-service-chapter{
padding-left:28px;
border-left:2px solid rgba(0,0,0,.08);
} .vl24-service-chapter h4{
font-size:22px;
margin-bottom:10px;
} .vl24-chapter-text{
font-size:18px;
line-height:1.7;
color:#555;
}  @media(max-width:1024px){
.vl24-services--sticky .vl24-services-sticky{
grid-template-columns:1fr;
gap:60px;
}
.vl24-services-nav{
position:relative;
top:auto;
}
.vl24-services-rail{
max-width:100%;
}
} @media(max-width:640px){
.vl24-service-title{
font-size:32px;
}
.vl24-service-intro{
font-size:18px;
}
} .vl24-services--sticky{
background:#f6f7f8;
}
.vl24-services-sticky{
align-items:start;
} .vl24-services-nav{
position:sticky;
top:120px;
padding:18px;
border-radius:22px;
background:rgba(255,255,255,.65);
backdrop-filter:blur(18px);
-webkit-backdrop-filter:blur(18px);
box-shadow:0 18px 55px rgba(0,0,0,.08);
border:1px solid rgba(0,0,0,.06);
overflow:hidden;
} .vl24-services-nav::before{
content:"";
position:absolute;
left:22px;
top:18px;
bottom:18px;
width:2px;
border-radius:999px;
background:linear-gradient(
180deg,
rgba(0,0,0,.10),
rgba(0,0,0,.04)
);
opacity:.7;
} .vl24-services-nav::after{
background:linear-gradient(
180deg,
#f5e6b2,
#e2c46c 35%,
#b8923e 70%,
#8f6a1f
) !important;
box-shadow:
0 0 18px rgba(184,146,62,.35);
} .vl24-services-nav ul{
position:relative;
gap:10px;
} .vl24-services-nav__btn{
position:relative;
display:flex;
align-items:center;
gap:12px;
width:100%;
padding:14px 14px 14px 30px; border-radius:16px;
background:rgba(255,255,255,.75);
border:1px solid rgba(0,0,0,.06);
box-shadow:0 10px 30px rgba(0,0,0,.06);
font-family:Inter,sans-serif;
font-size:14px;
font-weight:600;
letter-spacing:-0.01em;
color:#111;
transition:
transform .25s ease,
box-shadow .25s ease,
background .25s ease,
border-color .25s ease,
color .25s ease;
}
.vl24-services-nav__btn:hover{
transform:translateY(-1px);
box-shadow:0 16px 45px rgba(0,0,0,.10);
background:rgba(255,255,255,.92);
} .vl24-services-nav__btn.is-active{
background:rgba(17,17,17,.96);
color:#fff;
border-color:rgba(255,255,255,.10);
box-shadow:
0 18px 60px rgba(0,0,0,.18),
0 0 0 1px rgba(212,225,87,.30) inset;
transform:translateY(-1px);
} .vl24-services-nav__btn:focus-visible{
outline:3px solid rgba(212,225,87,.55);
outline-offset:3px;
} .vl24-services-detail{
min-width:0;
}
.vl24-services-rail{
display:flex;
flex-direction:column;
gap:42px;
}
.vl24-service-section{
padding:34px 34px;
border-radius:8px;
background:rgba(255,255,255,.78);
backdrop-filter:blur(18px);
-webkit-backdrop-filter:blur(18px);
border:1px solid rgba(0,0,0,.06);
box-shadow:0 18px 55px rgba(0,0,0,.08);
scroll-margin-top:140px; }
.vl24-service-title{
margin:0 0 10px;
font-family:Outfit,sans-serif;
font-weight:600;
font-size:clamp(22px, 2.2vw, 30px);
letter-spacing:-0.02em;
color:#111;
}
.vl24-service-intro{
font-family:Inter,sans-serif;
font-size:16px;
line-height:1.7;
color:#3b3b3b;
max-width:76ch;
}
.vl24-service-chapters{
margin-top:18px;
display:grid;
gap:14px;
}
.vl24-service-chapter{
padding:16px 18px;
border-radius:8px;
background:rgba(255,255,255,.72);
border:1px solid rgba(0,0,0,.05);
}
.vl24-service-chapter h4{
margin:0 0 6px;
font-family:Inter,sans-serif;
font-size:14px;
font-weight:700;
letter-spacing:-0.01em;
color:#111;
}
.vl24-chapter-text{
font-family:Inter,sans-serif;
font-size:15px;
line-height:1.75;
color:#444;
} @media (max-width: 1024px){
.vl24-services-sticky{
grid-template-columns:1fr;
gap:22px;
} .vl24-services-nav{
position:sticky;
top:calc(var(--header-h, 0px) + 14px);
z-index:10;
padding:12px 12px;
border-radius:18px;
} .vl24-services-nav ul{
display:flex;
flex-direction:row;
gap:10px;
overflow:auto;
padding-bottom:6px;
scrollbar-width:none;
}
.vl24-services-nav ul::-webkit-scrollbar{ display:none; }
.vl24-services-nav li{
flex:0 0 auto;
}
.vl24-services-nav__btn{
width:auto;
padding:12px 14px;
border-radius:999px;
white-space:nowrap;
} .vl24-services-nav::before,
.vl24-services-nav::after{
display:none;
}
.vl24-services-nav__btn::before{
display:none;
}
.vl24-service-section{
scroll-margin-top:160px;
padding:26px 22px;
border-radius:22px;
}
}
@media (max-width: 640px){
.vl24-services--sticky{
padding:90px 0;
}
.vl24-service-intro,
.vl24-chapter-text{
font-size:14.5px;
}
}  .vl24-services-sticky{
align-items:start;
} .vl24-services-detail{
min-height:120vh; 
} .vl24-services-nav{
align-self:start;
position:sticky;
top:140px;
} html{
overflow-y:auto !important; overflow-x:hidden !important;
height:auto !important;
}
body{
overflow:visible !important; height:auto !important;
min-height:100% !important;
} .vl24-service-section{
background:#fff; backdrop-filter:none;
border:1px solid rgba(0,0,0,.06);
box-shadow:
0 40px 120px rgba(0,0,0,.08);
position:relative;
overflow:hidden;
} .vl24-service-section::before{
content:"";
position:absolute;
left:0;
top:0;
width:4px;
height:100%;
background:linear-gradient(
180deg,
transparent,
var(--brand-primary),
transparent
);
opacity:.7;
} .vl24-service-process{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
gap:16px;
margin:30px 0 20px;
} .vl24-service-step{
padding:18px;
border-radius:16px;
background:#f8fafc;
border:1px solid rgba(0,0,0,.06);
transition:.25s;
} .vl24-service-step:hover{
transform:translateY(-4px);
border-color:var(--brand-primary);
} .vl24-service-step svg{
width:28px;
height:28px;
margin-bottom:10px;
color:var(--brand-primary);
} .vl24-service-step strong{
display:block;
margin-bottom:6px;
font-size:14px;
} .vl24-service-step p{
font-size:14px;
color:#555;
} .vl24-service-chapters{
position:relative;
padding-left:28px;
} @media (max-width:640px){
.vl24-service-chapters{
padding-left:0 !important;
}
.vl24-service-chapters::before{
display:none !important;
}
.vl24-service-chapter::before{
display:none !important;
}
.vl24-process .vl24-step::before{
display:none !important;
}
}
.vl24-service-chapters::before{
content:"";
position:absolute;
left:6px;
top:0;
bottom:0;
width:2px;
background:linear-gradient(
180deg,
rgba(245,230,178,.9),
rgba(226,196,108,.9) 30%,
rgba(184,146,62,.95) 65%,
rgba(143,106,31,.9)
);
box-shadow:
0 0 12px rgba(184,146,62,.35),
inset 0 0 4px rgba(0,0,0,.15);
}
.vl24-service-chapter{
position:relative;
padding:14px 18px;
} .vl24-service-chapter::before{
content:"";
position:absolute;
left:-22px;
top:22px;
width:10px;
height:10px;
border-radius:50%;
background:var(--brand-primary);
}
.vl24-services-nav__btn.is-active{
background:#111;
color:#fff;
box-shadow:
0 20px 60px rgba(0,0,0,.25),
0 0 0 1px var(--brand-primary) inset;
} .vl24-service-media{
border-radius:8px;
overflow:hidden;
margin-bottom:26px;
max-height:340px; }
.vl24-service-media img{
width:100%;
height:340px;
object-fit:cover;
display:block;
} .vl24-service-chapter:nth-child(even){
background:#f8fafc;
}
.vl24-service-chapter:nth-child(odd){
background:#fff;
}
.vl24-service-chapter{
padding:22px 26px;
border-radius:18px;
border:1px solid rgba(0,0,0,.05);
box-shadow:0 10px 30px rgba(0,0,0,.05);
transition:.25s;
}
.vl24-service-chapter:hover{
transform:translateY(-4px);
box-shadow:0 25px 70px rgba(0,0,0,.12);
} .vl24-service-title{
font-size:clamp(28px,3vw,40px);
margin-bottom:12px;
}
.vl24-service-intro{
font-size:18px;
color:#555;
max-width:60ch;
margin-bottom:40px;
}
.vl24-services-nav__btn.is-active{
background:#111;
color:#fff;
box-shadow:
0 20px 60px rgba(0,0,0,.25),
0 0 0 1px var(--brand-primary) inset,
0 0 40px rgba(212,225,87,.25);
}
.vl24-service-chapter{
position:relative;
padding:26px 30px; border-radius:18px;
background:#fff;
border:1px solid rgba(0,0,0,.05);
box-shadow:0 10px 30px rgba(0,0,0,.05);
margin-bottom:16px; }
.vl24-service-chapter h4{
margin-bottom:12px;
}
.vl24-chapter-text{
margin-top:6px;
}
.vl24-service-title,
.vl24-service-intro{
padding-left:24px;
} .vl24-service-chapter{
margin-right:24px;
}  .vl24-service-chapter:has(.vl24-chapter-text p + p){
background:linear-gradient(180deg,#fff,#f7f9fb);
border:1px solid rgba(0,0,0,.06);
box-shadow:0 30px 90px rgba(0,0,0,.08);
} .vl24-service-chapter:has(.vl24-chapter-text p + p) .vl24-chapter-text{
counter-reset:step;
} .vl24-service-chapter:has(.vl24-chapter-text p + p) .vl24-chapter-text p{
counter-increment:step;
position:relative;
padding:18px 20px 18px 90px;
margin:14px 0;
background:#fff;
border-radius:14px;
border:1px solid rgba(0,0,0,.05);
} .vl24-service-chapter:has(.vl24-chapter-text p + p) .vl24-chapter-text p::before{
content:counter(step, decimal-leading-zero);
position:absolute;
left:22px;
top:50%;
transform:translateY(-50%);
width:44px;
height:44px;
display:flex;
align-items:center;
justify-content:center;
border-radius:12px;
font-weight:700;
font-size:14px;
background:var(--brand-primary);
color:#111;
} .vl24-service-chapter:has(.vl24-chapter-text p + p) .vl24-chapter-text p:not(:last-child)::after{
content:"";
position:absolute;
left:44px;
top:66px;
width:2px;
height:calc(100% + 10px);
background:rgba(0,0,0,.08);
}
.vl24-process{
counter-reset:step;
}
.vl24-process .vl24-step{
position:relative;
padding:20px 24px 20px 80px;
margin:12px 0;
background:#fff;
border-radius:16px;
border:1px solid rgba(0,0,0,.05);
box-shadow:0 10px 30px rgba(0,0,0,.04);
counter-increment:step;
}
.vl24-process .vl24-step::before{
content:counter(step, decimal-leading-zero);
position:absolute;
left:18px;
top:50%;
transform:translateY(-50%);
width:44px;
height:44px;
display:flex;
align-items:center;
justify-content:center;
border-radius:12px;
font-weight:700;
color:#fff;
background:var(--brand-primary);
color:#111;
box-shadow:
0 8px 25px rgba(212,225,87,.45),
0 0 0 6px rgba(212,225,87,.12);
} .vl24-services-nav{
background:#fff;
padding:12px;
border-radius:8px;
box-shadow:0 20px 50px rgba(0,0,0,.08);
}
.vl24-services--sticky .vl24-services-nav ul{
display:grid;
grid-template-columns:1fr;
gap:14px;
list-style:none;
padding:0;
margin:0;
} .vl24-services-nav__btn{
border:none;
background:#f1f3f5;
padding:14px 26px;
border-radius:999px;
font-weight:600;
font-size:14px;
transition:all .25s ease;
cursor:pointer;
} .vl24-services-nav__btn:hover{
background:#e9ecef;
} .vl24-services-nav__btn.is-active{
background:#111;
color:#fff;
box-shadow:
0 0 0 2px var(--brand-primary),
0 10px 30px rgba(0,0,0,.2);
} .vl24-services-nav{
background:rgba(255,255,255,.7);
backdrop-filter:blur(16px);
} @media (max-width:1024px){ .vl24-services--sticky{
padding-top:20px !important;
padding-bottom:60px !important;
} .vl24-page-header + .vl24-services,
.vl24-page-header + section{
margin-top:-0px !important;
} .vl24-services-nav{
margin-bottom:-20px !important;
}
} @media (max-width:1024px){
.vl24-services-nav{
border-radius:999px !important; padding:8px 12px !important; backdrop-filter:blur(18px);
-webkit-backdrop-filter:blur(18px);
} .vl24-services-nav ul{
align-items:center;
}
} @media (max-width:640px){
.vl24-services-nav{
height:70px;   
padding:8px 12px;
display:flex;
align-items:center;
}
.vl24-services-nav ul{
height:100%;
align-items:center;
}
} @media (max-width:1024px){ .vl24-services-nav{
background:rgba(255,255,255,.55) !important;
backdrop-filter:blur(20px) !important;
-webkit-backdrop-filter:blur(20px) !important;
border:1px solid rgba(255,255,255,.4) !important;
box-shadow:0 20px 60px rgba(0,0,0,.12) !important;
} .vl24-services-nav__btn{
background:transparent !important;
box-shadow:none !important;
border:1px solid rgba(0,0,0,.06) !important;
} .vl24-services-nav__btn:hover{
background:rgba(255,255,255,.35) !important;
} .vl24-services-nav__btn.is-active{
background:#111 !important;
color:#fff !important;
box-shadow:
0 0 0 2px var(--brand-primary),
0 10px 30px rgba(0,0,0,.25) !important;
}
} .vl24-services--sticky + section{
position:relative;
z-index:5;
} .site-footer{
position:relative;
z-index:10;
}  .vl24-services{
padding-top:60px !important; padding-bottom:60px !important;
} @media (max-width:1024px){
.vl24-services{
padding-top:60px !important; padding-bottom:60px !important;
}
} .vl24-services{
position:relative;
isolation:isolate;
background:#f6f7f8; overflow:visible;
} .vl24-services::before{
content:"";
position:absolute;
inset:0px; z-index:0;
pointer-events:none;
background: radial-gradient(1200px 520px at 15% 10%,
rgba(255, 214, 140, .55),
rgba(255, 214, 140, 0) 60%), radial-gradient(900px 480px at 85% 25%,
rgba(255, 230, 170, .35),
rgba(255, 230, 170, 0) 62%), radial-gradient(1000px 520px at 40% 85%,
rgba(255, 205, 120, .30),
rgba(255, 205, 120, 0) 65%), conic-gradient(from 210deg at 30% 40%,
rgba(255, 220, 150, .18),
rgba(255, 220, 150, 0) 35%,
rgba(255, 210, 130, .16) 55%,
rgba(255, 210, 130, 0) 78%,
rgba(255, 220, 150, .14)
), linear-gradient(180deg,
rgba(255,255,255,.90),
rgba(246,247,248,.82) 45%,
rgba(244,246,248,.92) 100%);
filter: blur(10px) saturate(1.05);
opacity:1;
} .vl24-services::after{
content:"";
position:absolute;
inset:0;
z-index:1;
pointer-events:none;
background-image:
repeating-linear-gradient(
0deg,
rgba(0,0,0,.03) 0px,
rgba(0,0,0,.03) 1px,
transparent 2px,
transparent 5px
);
opacity:.12;
mix-blend-mode:multiply;
} .vl24-services > *{
position:relative;
z-index:2;
} .vl24-services .hero-eyebrow{
display:inline-flex; align-items:center;
justify-content:center;
padding:6px 12px;
border-radius:8px;
background:rgba(255,255,255,.35);
backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);
border:1px solid rgba(255,255,255,.5);
position:relative;
z-index:50; }
.vl24-services .hero-eyebrow{
display:inline-block;
padding:6px 12px;
border-radius:6px;
background:rgba(255,255,255,.55);
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
border:1px solid rgba(255,255,255,.7);
box-shadow:none; } @media (max-width:640px){
.vl24-services .hero-eyebrow{
border:1px solid rgba(201,162,39,0.2) !important;  }
}  .vl24-services--sticky > .section-head{
max-width:1200px; margin:0 auto 80px;
padding:0 20px; } .vl24-services--sticky .section-title{
font-family:"Outfit",sans-serif;
font-weight:600;
font-size:clamp(36px,4vw,56px);
line-height:1.1;
letter-spacing:-0.02em;
color:#1a1f16;
margin:0 0 16px;
} .vl24-services--sticky .section-text{
max-width:680px;
font-family:"Inter",sans-serif;
font-size:18px;
line-height:1.65;
color:#555;
margin:0;
} .vl24-services--sticky .hero-eyebrow{
display:inline-block;
padding:6px 12px;
border-radius:6px;
background:rgba(255,255,255,.55);
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
border:1px solid rgba(255,255,255,.7);
font-family:"Inter",sans-serif;
font-size:13px;
font-weight:600;
letter-spacing:.08em;
text-transform:uppercase;
color:#555;
margin-bottom:18px;
} .vl24-services--sticky{
transition:transform .45s cubic-bezier(.22,.61,.36,1);
}
.vl24-services--sticky.is-offset{
transform:translateX(60px);
}  .vl24-services-nav__btn,
.vl24-services-nav__btn.is-active,
.vl24-services-nav__btn:hover{
outline:none !important;
box-shadow:none !important;
} .vl24-services-nav::after{
background:none !important;
box-shadow:none !important;
} .vl24-services-nav__btn::before,
.vl24-services-nav__btn.is-active::before{
box-shadow:none !important;
background:rgba(0,0,0,.25) !important;
} .vl24-services-nav__btn{
border-color:rgba(0,0,0,.08) !important;
} .vl24-services-nav__btn.is-active{
background:linear-gradient(
135deg,
#f5e6b2 0%,
#e2c46c 35%,
#b8923e 65%,
#8f6a1f 100%
) !important;
border:1px solid #8f6a1f !important;
box-shadow:
0 10px 25px rgba(0,0,0,.15),
inset 0 1px 0 rgba(255,255,255,.6),
inset 0 -2px 4px rgba(0,0,0,.2) !important;
color:#111 !important;
} .vl24-services-nav__btn:focus,
.vl24-services-nav__btn:focus-visible{
outline:none !important;
box-shadow:none !important;
} .vl24-services--sticky .vl24-service-chapter::before,
.vl24-services--sticky .vl24-process .vl24-step::before{
background:linear-gradient(
135deg,
#f5e6b2 0%,
#e2c46c 40%,
#b8923e 70%,
#8f6a1f 100%
) !important;
color:#111 !important;
box-shadow:
0 6px 18px rgba(0,0,0,.15),
inset 0 1px 0 rgba(255,255,255,.6),
inset 0 -2px 4px rgba(0,0,0,.25) !important;
} .vl24-services-nav__btn.is-active{
position:relative;
overflow:hidden;
}
.vl24-services-nav__btn.is-active::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(
120deg,
transparent 0%,
rgba(255,255,255,.4) 30%,
transparent 60%
);
transform:translateX(-120%);
animation:goldSweep 3.5s ease-in-out infinite;
}
@keyframes goldSweep{
0%{ transform:translateX(-120%); }
60%{ transform:translateX(120%); }
100%{ transform:translateX(120%); }
}
.vl24-service-section::after{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:
radial-gradient(
600px 200px at 20% 0%,
rgba(255,214,140,.18),
transparent 70%
);
opacity:.6;
}
.vl24-services--sticky .vl24-services-nav ul{
list-style:none !important;
padding-left:0 !important;
margin:0 !important;
}
.vl24-services--sticky .vl24-services-nav li{
list-style:none !important;
} @media (max-width:640px){
.vl24-services--sticky .vl24-services-nav ul{
display:flex !important;
flex-direction:row !important;
gap:12px;
overflow-x:auto;
overflow-y:hidden;
flex-wrap:nowrap !important;
padding:4px 6px;
scrollbar-width:none;
}
.vl24-services--sticky .vl24-services-nav ul::-webkit-scrollbar{
display:none;
}
.vl24-services--sticky .vl24-services-nav li{
flex:0 0 auto;
}
.vl24-services--sticky .vl24-services-nav__btn{
width:auto !important;
white-space:nowrap;
border-radius:999px;
}
} .vl24-services--sticky .vl24-services-nav{
border-radius:18px !important;
}
.vl24-services--sticky .vl24-services-nav__btn{
border-radius:18px !important;
} @media (max-width:640px){
.vl24-services--sticky .vl24-process .vl24-step::before{
display:flex !important;
}
} @media (max-width:640px){ .vl24-services-detail{
display:flex;
justify-content:center;
padding-left:0 !important;
padding-right:0 !important;
} .vl24-services-rail{
width:100%;
max-width:520px; } .vl24-service-section{
width:100%;
margin-left:auto !important;
margin-right:auto !important;
} .vl24-service-chapter{
margin-left:auto !important;
margin-right:auto !important;
}
}
@media (max-width:640px){
.vl24-services--sticky .section-title{
font-size:24px !important;
line-height:1.2 !important;
}
} @media (max-width:640px){
.vl24-services--sticky > .section-head{
max-width:520px !important; margin-left:auto !important;
margin-right:auto !important;
padding-left:30px !important;
padding-right:30px !important;
}
} @media (min-width:768px) and (max-width:1024px){
.vl24-services--sticky > .section-head{
padding-left:80px !important; padding-right:60px !important; }
} @media (min-width:768px) and (max-width:1024px){
.vl24-services--sticky .vl24-services-nav ul{
display:flex !important;
flex-direction:row !important;
gap:12px;
overflow-x:auto;
overflow-y:hidden;
flex-wrap:nowrap !important;
padding:4px 6px;
scrollbar-width:none;
}
.vl24-services--sticky .vl24-services-nav ul::-webkit-scrollbar{
display:none;
}
.vl24-services--sticky .vl24-services-nav li{
flex:0 0 auto;
}
.vl24-services--sticky .vl24-services-nav__btn{
width:auto !important;
white-space:nowrap;
border-radius:999px;
}
} @media (max-width:1024px){ html, body{
max-width:100% !important;
overflow-x:clip !important;
}
@supports not (overflow: clip){
html, body{ overflow-x:hidden !important; }
} .vl24-services--sticky{
overflow-x:visible !important;
max-width:100% !important;
} .vl24-services--sticky .vl24-services-sticky,
.vl24-services--sticky .vl24-services-nav,
.vl24-services--sticky .vl24-services-detail,
.vl24-services--sticky .vl24-services-rail{
min-width:0 !important;
max-width:100% !important;
} .vl24-services--sticky .vl24-services-nav ul{
overflow-x:auto !important;
overflow-y:hidden !important;
-webkit-overflow-scrolling:touch;
max-width:100% !important;
}
.vl24-services--sticky .vl24-services-nav li{
flex:0 0 auto !important;
}
} @media (max-width:640px){
.vl24-breadcrumb{
display:flex;
flex-wrap:wrap;
gap:6px;
line-height:1.4;
font-size:14px;
}
.vl24-breadcrumb a,
.vl24-breadcrumb span{
white-space:normal;
word-break:break-word;
}
} .vl24-services .section-text a{
color:#caa24a;
text-decoration:none;
font-weight:500;
border-bottom:1px solid rgba(202,162,74,.35);
padding-bottom:2px;
transition:all .25s ease;
}
.vl24-services .section-text a:hover{
color:#e6c875;
border-bottom:1px solid #e6c875;
}
.vl24-services::before,
.vl24-services::after{
display:none !important;
} .service-cta{
display:flex !important;
align-items:center !important;
justify-content:center !important; background:linear-gradient(135deg,#ef4444,#dc2626,#991b1b) !important;
color:#fff !important;
border:none !important;
text-align:center !important;
padding:12px 18px;
}
.service-cta:hover{
background:linear-gradient(135deg,#dc2626,#991b1b,#7f1d1d) !important;
color:#fff !important;
} .service-cta,
.service-cta:hover,
.service-cta:focus,
.service-cta:active{
box-shadow:none !important;
outline:none !important;
border:none !important;
} .service-cta.vl24-btn:hover{
box-shadow:none !important;
}
.vl24-services-sticky{
gap:30px !important;
}
.vl24-services--sticky > .section-head{
margin:0 auto 20px !important;
}
.vl24-services-rail{
gap:40px !important;
}
.vl24-services-detail{
min-height:auto !important;
}
.vl24-services{
margin-top:-40px;
padding-top:20px; }
.feature-strip{
padding-bottom:0 !important;
}