/* Styly stránky /sluzby/ */

.services-text-hero *{margin:0;
padding:0;
box-sizing:border-box;}
.services-text-hero{position:relative;
min-height:72vh;

display:flex;
align-items:center;
justify-content:center;

padding:140px 24px 90px;

overflow:hidden;
background:#050505;

font-family:'Poppins',sans-serif;}
.services-text-hero:before{content:'';
position:absolute;

top:-340px;
left:-340px;

width:760px;
height:760px;

background:
radial-gradient(circle,#FF5C0012 0%,transparent 72%);

filter:blur(150px);}
.services-text-hero:after{content:'';
position:absolute;

bottom:-340px;
right:-340px;

width:760px;
height:760px;

background:
radial-gradient(circle,#ffffff06 0%,transparent 72%);

filter:blur(150px);}
.services-text-hero .services-text-wrap{position:relative;
z-index:2;

max-width:980px;
margin:auto;

text-align:center;}
.services-text-hero .services-text-mini{display:inline-flex;
align-items:center;
gap:12px;

margin-bottom:28px;

font-size:11px;
font-weight:700;
letter-spacing:3px;
text-transform:uppercase;

color:#FF5C00;

opacity:0;
animation:fadeUp .8s .2s forwards;}
.services-text-hero .services-text-mini:before,
.services-text-hero .services-text-mini:after{content:'';

width:34px;
height:1px;

background:#FF5C00;}
.services-text-hero .services-text-title{margin-bottom:30px;}
.services-text-hero .stw{display:block;
overflow:hidden;
line-height:.88;}
.services-text-hero .stw span{display:inline-block;

font-size:clamp(52px,6vw,120px);
font-weight:900;
letter-spacing:-6px;

color:#fff;

transform:translateY(110%);
animation:wordUp .85s cubic-bezier(.76,0,.24,1) forwards;}
.services-text-hero .stw .orange{color:#FF5C00;background:none;padding:0;border-radius:0;}
.services-text-hero .services-text-desc{max-width:760px;
margin:auto;

font-size:17px;
line-height:1.9;
font-weight:400;

color:rgba(255,255,255,.58);

opacity:0;
transform:translateY(20px);

animation:fadeUp .8s 1s forwards;}
.services-text-hero .services-bg-word{position:absolute;

left:50%;
bottom:-10px;

transform:translateX(-50%);

font-size:180px;
font-weight:900;
line-height:1;
letter-spacing:-10px;

color:rgba(255,255,255,.018);

white-space:nowrap;

pointer-events:none;}
@keyframes wordUp{
to{
transform:translateY(0);
}
}
@keyframes fadeUp{
to{
opacity:1;
transform:translateY(0);
}
}
@media(max-width:991px){
.services-text-hero .stw span{font-size:82px;
letter-spacing:-4px;}
.services-text-hero .services-text-desc{font-size:16px;
line-height:1.8;}
.services-text-hero .services-bg-word{font-size:110px;
letter-spacing:-5px;}
}
@media(max-width:767px){
.services-text-hero{padding:120px 18px 80px;
min-height:auto;}
.services-text-hero .services-text-mini{font-size:10px;
letter-spacing:2px;

margin-bottom:22px;}
.services-text-hero .services-text-mini:before,
.services-text-hero .services-text-mini:after{width:24px;}
.services-text-hero .stw{line-height:.92;}
.services-text-hero .stw span{font-size:52px;
letter-spacing:-2px;}
.services-text-hero .services-text-title{margin-bottom:24px;}
.services-text-hero .services-text-desc{font-size:15px;
line-height:1.8;}
.services-text-hero .services-bg-word{font-size:64px;
letter-spacing:-2px;

bottom:14px;}
}

.zv-services *{margin:0;
padding:0;
box-sizing:border-box;}
.zv-services{position:relative;
padding:130px 24px;
background:#E9E5DD;
font-family:'Poppins',sans-serif;
overflow:hidden;}
.zv-services .zv-services-wrap{max-width:1380px;
margin:auto;}
.zv-services .zv-services-head{text-align:center;
margin-bottom:70px;}
.zv-services .zv-services-head h2{font-size:clamp(54px,6vw,110px);
font-weight:900;
line-height:.9;
letter-spacing:-5px;
color:#111;
margin-bottom:22px;}
.zv-services .zv-services-head h2 span{background:#FF5C00;
color:#fff;
padding:2px 18px 10px;
border-radius:12px;
display:inline-block;}
.zv-services .zv-services-head p{font-size:18px;
line-height:1.8;
color:#666;
max-width:760px;
margin:auto;}
.zv-services .zv-services-grid{display:grid;
grid-template-columns:repeat(3,1fr);
gap:28px;}
.zv-services .zv-service{position:relative;
overflow:hidden;
border-radius:34px;
background:#050505;

transition:
transform .45s ease,
box-shadow .45s ease;}
.zv-services .zv-service:hover{transform:translateY(-10px);

box-shadow:
0 40px 100px rgba(0,0,0,.18);}
.zv-services .zv-service-image{height:260px;
overflow:hidden;}
.zv-services .zv-service-image img{width:100%;
height:100%;
object-fit:cover;

transition:transform 1s ease;}
.zv-services .zv-service:hover img{transform:scale(1.08);}
.zv-services .zv-service-content{padding:28px;}
.zv-services .zv-service-price{font-size:15px;
font-weight:800;
letter-spacing:-1px;
color:#FF5C00;
margin-bottom:14px;}
.zv-services .zv-service-title{font-size:46px;
font-weight:900;
line-height:.88;
letter-spacing:-3px;
color:#fff;
margin-bottom:20px;}
.zv-services .zv-service-text{font-size:15px;
line-height:1.8;
color:rgba(255,255,255,.68);
margin-bottom:26px;}
.zv-services .zv-service-list{list-style:none;
display:flex;
flex-direction:column;
gap:14px;
margin-bottom:34px;}
.zv-services .zv-service-list li{position:relative;
padding-left:18px;
font-size:14px;
line-height:1.5;
color:#fff;}
.zv-services .zv-service-list li:before{content:'';
position:absolute;
left:0;
top:9px;
width:6px;
height:6px;
border-radius:50%;
background:#FF5C00;}
.zv-services .zv-service-btn{display:inline-flex;
align-items:center;
justify-content:center;

height:54px;
padding:0 28px;

border-radius:999px;

background:#FF5C00;
color:#fff !important;

font-size:11px;
font-weight:800;
letter-spacing:2px;
text-transform:uppercase;

text-decoration:none;

transition:
transform .35s ease,
box-shadow .35s ease,
background .35s ease;}
.zv-services .zv-service-btn:hover{transform:translateY(-4px);

background:#ff6a14;
color:#fff !important;

box-shadow:
0 18px 50px rgba(255,92,0,.3);}
.zv-services .zv-service-btn:visited,
.zv-services .zv-service-btn:focus,
.zv-services .zv-service-btn:active{color:#fff !important;
text-decoration:none;}
@media(max-width:1100px){
.zv-services .zv-services-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:767px){
.zv-services{padding:90px 18px;}
.zv-services .zv-services-head{margin-bottom:50px;}
.zv-services .zv-services-head h2{font-size:58px;
letter-spacing:-2px;}
.zv-services .zv-services-head p{font-size:15px;
line-height:1.7;}
.zv-services .zv-services-grid{grid-template-columns:1fr;
gap:22px;}
.zv-services .zv-service{border-radius:26px;}
.zv-services .zv-service-image{height:220px;}
.zv-services .zv-service-title{font-size:38px;
letter-spacing:-2px;}
}

.zv-contact{position:relative;

padding:150px 24px;

background:#050505;

overflow:hidden;

font-family:'Poppins',sans-serif;}
.zv-contact:before{content:'';

position:absolute;
top:-320px;
left:50%;

transform:translateX(-50%);

width:900px;
height:900px;

background:
radial-gradient(circle,
rgba(255,92,0,.07) 0%,
transparent 72%);

filter:blur(140px);}
.zv-contact .zv-contact-wrap{position:relative;
z-index:2;

max-width:1400px;
margin:auto;

text-align:center;}
.zv-contact h2{font-size:clamp(48px,6vw,96px);
font-weight:900;
line-height:.92;
letter-spacing:-4px;

color:#F5F3EF;

margin-bottom:24px;}
.zv-contact p{max-width:760px;
margin:auto auto 42px;

font-size:18px;
line-height:1.8;
font-weight:400;

color:rgba(255,255,255,.58);}
.zv-contact .zv-contact-btn{display:inline-flex;
align-items:center;
justify-content:center;

height:70px;
padding:0 42px;

border-radius:999px;

background:#FF5C00;
color:#fff;

font-size:12px;
font-weight:800;
letter-spacing:3px;
text-transform:uppercase;

text-decoration:none;

transition:
transform .35s ease,
box-shadow .35s ease,
background .35s ease;}
.zv-contact .zv-contact-btn:hover{transform:translateY(-6px);

background:#ff6a14;

box-shadow:
0 28px 70px rgba(255,92,0,.32);}
@media(max-width:991px){
.zv-contact{padding:120px 22px;}
.zv-contact h2{font-size:68px;
letter-spacing:-3px;}
.zv-contact p{font-size:17px;}
}
@media(max-width:767px){
.zv-contact{padding:100px 18px;}
.zv-contact h2{font-size:44px;
line-height:.96;
letter-spacing:-2px;}
.zv-contact p{font-size:15px;
line-height:1.8;

margin-bottom:36px;}
.zv-contact .zv-contact-btn{width:100%;
height:64px;

font-size:11px;
letter-spacing:2px;}
}

.zv-price{position:relative;
padding:110px 24px;
background:#ECE8DD;
overflow:hidden;
border-radius:38px;

font-family:'Poppins',sans-serif;}
.zv-price .zv-price-wrap{max-width:1450px;
margin:auto;}
.zv-price .zv-price-head{text-align:center;
margin-bottom:70px;}
.zv-price .zv-price-head h2{font-size:clamp(28px,3.6vw,58px);
font-weight:900;
line-height:.98;
letter-spacing:-2px;
color:#111;
margin-bottom:22px;}
.zv-price .zv-price-head p{font-size:18px;
line-height:1.7;
color:rgba(0,0,0,.58);
max-width:760px;
margin:auto;}
.zv-price .zv-price-grid{display:grid;
grid-template-columns:1fr 1.08fr 1fr;
gap:28px;
align-items:stretch;}
.zv-price .zv-plan{background:#050505;
border-radius:34px;
padding:40px;

display:flex;
flex-direction:column;
justify-content:space-between;

min-height:700px;

transition:
transform .4s ease,
box-shadow .4s ease;

position:relative;
overflow:hidden;}
.zv-price .zv-plan:hover{transform:translateY(-10px);
box-shadow:0 30px 60px rgba(0,0,0,.16);}
.zv-price .zv-plan.featured{background:#FF5C00;
transform:scale(1.03);
z-index:2;}
.zv-price .zv-plan.featured:hover{transform:scale(1.03) translateY(-10px);}
.zv-price .zv-badge{display:inline-flex;
align-items:center;
justify-content:center;

padding:10px 22px;

border-radius:999px;

background:#fff;
color:#111;

font-size:11px;
font-weight:800;
letter-spacing:1px;

margin-bottom:32px;

width:fit-content;}
.zv-price .zv-plan.featured .zv-badge{background:#fff;
color:#111;}
.zv-price .zv-title{font-size:76px;
font-weight:900;
line-height:.9;
letter-spacing:-4px;

color:#fff;

margin-bottom:18px;}
.zv-price .zv-desc{font-size:19px;
line-height:1.45;
font-weight:600;

color:rgba(255,255,255,.72);

margin-bottom:36px;
max-width:400px;}
.zv-price .zv-plan.featured .zv-desc{color:#fff;}
.zv-price .zv-money{font-size:54px;
font-weight:900;
line-height:1;
letter-spacing:-3px;

color:#fff;

margin-bottom:6px;}
.zv-price .zv-plan.featured .zv-money{color:#fff;}
.zv-price .zv-month{font-size:22px;
font-weight:700;
color:rgba(255,255,255,.75);

margin-bottom:38px;}
.zv-price .zv-plan.featured .zv-month{color:#fff;}
.zv-price .zv-list{display:flex;
flex-direction:column;
gap:16px;
margin-bottom:46px;}
.zv-price .zv-list div{position:relative;
padding-left:22px;

font-size:17px;
font-weight:500;
line-height:1.45;

color:#fff;}
.zv-price .zv-list div:before{content:'';
position:absolute;

left:0;
top:10px;

width:8px;
height:8px;

border-radius:50%;
background:#FF5C00;}
.zv-price .zv-plan.featured .zv-list div{color:#fff;}
.zv-price .zv-plan.featured .zv-list div:before{background:#fff;}
.zv-price .zv-btn{display:flex;
align-items:center;
justify-content:center;

width:100%;
height:68px;

border-radius:999px;

background:#fff;
color:#111 !important;

font-size:13px;
font-weight:800;
letter-spacing:1px;

text-decoration:none;

transition:
transform .3s ease,
background .3s ease,
color .3s ease;}
.zv-price .zv-btn:hover{transform:translateY(-2px);
background:#f5f5f5;
color:#111 !important;}
.zv-price .zv-btn:visited,
.zv-price .zv-btn:focus,
.zv-price .zv-btn:active{color:#111 !important;
text-decoration:none;}
.zv-price .zv-plan.featured .zv-btn{background:#fff;
color:#111 !important;}
@media(max-width:1180px){
.zv-price .zv-price-grid{grid-template-columns:1fr;
max-width:720px;
margin:auto;}
.zv-price .zv-plan,
.zv-price .zv-plan.featured{transform:none !important;
min-height:auto;}
.zv-price .zv-title{font-size:64px;}
}
@media(max-width:767px){
.zv-price{padding:70px 16px;
border-radius:24px;}
.zv-price .zv-price-head{margin-bottom:40px;}
.zv-price .zv-price-head h2{font-size:34px;
line-height:1;
letter-spacing:-1px;}
.zv-price .zv-price-head p{font-size:15px;
line-height:1.6;}
.zv-price .zv-price-grid{gap:20px;}
.zv-price .zv-plan{padding:28px 24px;
border-radius:24px;}
.zv-price .zv-badge{font-size:10px;
padding:9px 18px;
margin-bottom:24px;}
.zv-price .zv-title{font-size:52px;
letter-spacing:-2px;
margin-bottom:14px;}
.zv-price .zv-desc{font-size:16px;
line-height:1.5;
margin-bottom:28px;}
.zv-price .zv-money{font-size:42px;
letter-spacing:-2px;}
.zv-price .zv-month{font-size:18px;
margin-bottom:28px;}
.zv-price .zv-list{gap:14px;
margin-bottom:34px;}
.zv-price .zv-list div{font-size:15px;
line-height:1.5;
padding-left:20px;}
.zv-price .zv-list div:before{width:7px;
height:7px;
top:9px;}
.zv-price .zv-btn{height:58px;
font-size:12px;}
}