.home-header{
position:fixed;
top:0;
left:0;
width:100%;
z-index:9999;
padding:18px 0;
transition:.35s;
background:transparent;
}

.home-header.scrolled{
background:#ffffff;
box-shadow:0 8px 30px rgba(0,0,0,.08);
}

.home-container{
width:92%;
max-width:1400px;
margin:auto;
display:flex;
align-items:center;
justify-content:space-between;
}

.home-logo img{
height:90px;
width:auto;
display:block;
}

.home-nav{
display:flex;
align-items:center;
gap:35px;
}

.home-nav a{
text-decoration:none;
color:#fff;
font-size:16px;
font-weight:600;
transition:.3s;
}

.home-nav a:hover{
color:#ff4605;
}

.home-phone a{
text-decoration:none;
background:#ff4605;
color:#fff;
padding:12px 22px;
border-radius:40px;
font-weight:700;
transition:.3s;
}

.home-phone a:hover{
background:#ff6b37;
}

.home-header.scrolled .home-nav a{
color:#222;
}

.home-header.scrolled .home-nav a:hover{
color:#ff4605;
}

@media(max-width:1100px){

.home-nav{
display:none;
}

.home-phone{
display:none;
}

.home-container{
justify-content:center;
}

.home-logo img{
height:60px;
}

}

.home-header{
height:95px;
}

.hero{
padding-top:95px;
}

.hero-content{
padding-top:120px;
}


body.page-template-page-home-premium{
margin:0;
padding:0;
}

.home-header{
position:absolute;
top:0;
left:0;
right:0;
}

.home-header.scrolled{
position:fixed;
}


.home-nav a{

letter-spacing:.4px;
text-transform:uppercase;
font-size:15px;
font-weight:700;

}

.home-nav a:after{

content:"";
display:block;
height:2px;
background:#ff4605;
width:0;
transition:.3s;
margin-top:6px;

}

.home-nav a:hover:after{

width:100%;

}


/*==========================
  MOBILE MENU
==========================*/

.mobile-toggle{
display:none;
width:42px;
height:42px;
cursor:pointer;
position:relative;
z-index:10002;
}

.mobile-toggle span{
display:block;
height:3px;
width:30px;
margin:6px auto;
background:#fff;
border-radius:10px;
transition:.35s;
}

.home-header.scrolled .mobile-toggle span{
background:#222;
}

.mobile-menu{
position:fixed;
top:0;
right:-340px;
width:320px;
height:100vh;
background:linear-gradient(180deg,#111111 0%,#1c1c1c 40%,#ff4605 100%);
backdrop-filter:blur(18px);
-webkit-backdrop-filter:blur(18px);
padding:120px 35px 40px;
display:flex;
flex-direction:column;
gap:22px;
transition:.35s;
z-index:10001;
box-shadow:-10px 0 35px rgba(0,0,0,.35);
}

.mobile-menu.active{
right:0;
}

.mobile-menu a{
color:#fff;
text-decoration:none;
font-size:18px;
font-weight:600;
padding:10px 0;
border-bottom:1px solid rgba(255,255,255,.08);
transition:.25s;
}

.mobile-menu a:hover{
color:#ff4605;
padding-left:10px;
}

.mobile-phone{
margin-top:35px;
padding-top:25px;
border-top:1px solid rgba(255,255,255,.15);
}

.mobile-phone a{
background:#ff4605;
display:block;
text-align:center;
padding:15px;
border-radius:50px;
border:none!important;
font-weight:700;
}

.mobile-phone a:hover{
background:#ff6b37;
color:#fff;
padding-left:0;
}

@media(max-width:1100px){

.home-nav{
display:none;
}

.home-phone{
display:none;
}

.mobile-toggle{
display:block;
}

.home-container{
justify-content:space-between;
}

.home-logo img{
height:65px;
}

}


.mobile-toggle span{
background:#ffffff !important;
}

.home-header.scrolled .mobile-toggle span{
background:#222222 !important;
}

.mobile-toggle.active span:nth-child(1){
transform:rotate(45deg) translate(7px,7px);
}

.mobile-toggle.active span:nth-child(2){
opacity:0;
}

.mobile-toggle.active span:nth-child(3){
transform:rotate(-45deg) translate(6px,-6px);
}


.mobile-toggle{
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}

.mobile-toggle span{
width:30px;
height:3px;
margin:3px 0;
background:#ffffff !important;
border-radius:3px;
transition:.3s;
}

.home-header.scrolled .mobile-toggle span{
background:#ffffff !important;
}

.mobile-toggle.active span:nth-child(1){
transform:translateY(9px) rotate(45deg);
}

.mobile-toggle.active span:nth-child(2){
opacity:0;
}

.mobile-toggle.active span:nth-child(3){
transform:translateY(-9px) rotate(-45deg);
}


.home-container{
display:flex !important;
justify-content:center !important;
align-items:center !important;
}

.home-nav{
margin:0 auto;
}

.home-phone{
margin-left:40px;
}

@media(max-width:1100px){

.home-container{
justify-content:space-between !important;
}

}


.mobile-toggle span,
.mobile-toggle span:before,
.mobile-toggle span:after{
background:#fff !important;
border-color:#fff !important;
}

.home-header.scrolled .mobile-toggle span,
.home-header.scrolled .mobile-toggle span:before,
.home-header.scrolled .mobile-toggle span:after{
background:#fff !important;
}


.mobile-menu{
display:none;
}

@media(max-width:1100px){

.mobile-menu{
display:flex;
}

}


.mobile-menu a{
display:flex;
align-items:center;
gap:16px;
}

.mobile-menu i{
width:26px;
text-align:center;
font-size:20px;
color:#ff4605;
transition:.3s;
}

.mobile-menu a:hover i{
transform:scale(1.15);
color:#ffffff;
}

.mobile-phone i{
color:#ffffff;
}


.mobile-toggle{
display:none;
cursor:pointer;
}

.mobile-toggle span{
display:block;
width:28px;
height:3px;
background:#fff;
margin:6px 0;
border-radius:5px;
}

.mobile-menu{
display:none;
}

@media(max-width:768px){

.home-nav{
display:none;
}

.home-phone{
display:none;
}

.mobile-toggle{
display:block;
}

.mobile-menu{
position:fixed;
top:0;
right:-100%;
width:85%;
height:100vh;
background:#111;
z-index:9999;
display:flex;
flex-direction:column;
padding:90px 30px 30px;
gap:20px;
transition:.35s;
}

.mobile-menu.active{
right:0;
}

.mobile-menu a{
color:#fff;
text-decoration:none;
font-size:18px;
display:flex;
align-items:center;
gap:15px;
}

.mobile-phone{
margin-top:20px;
padding-top:20px;
border-top:1px solid rgba(255,255,255,.2);
}

}


.mobile-toggle{
display:none;
cursor:pointer;
width:35px;
}

.mobile-toggle span{
display:block;
height:3px;
background:#fff;
margin:6px 0;
border-radius:5px;
}

@media(max-width:768px){

.home-nav,
.home-phone{
display:none;
}

.mobile-toggle{
display:block;
position:absolute;
right:20px;
top:25px;
z-index:9999;
}

}


/* FINAL MOBILE FIX */

@media(max-width:768px){

.home-container{
display:flex !important;
justify-content:space-between !important;
align-items:center !important;
}

.home-nav,
.home-phone{
display:none !important;
}

.mobile-toggle{
display:flex !important;
flex-direction:column;
justify-content:center;
align-items:center;
width:42px;
height:42px;
position:absolute;
right:20px;
top:25px;
z-index:10002;
}

.mobile-toggle span{
display:block !important;
width:30px !important;
height:3px !important;
margin:4px 0 !important;
background:#fff !important;
border-radius:5px;
}

.mobile-menu{
display:flex !important;
right:-100%;
}

.mobile-menu.active{
right:0 !important;
}

}


/* CLEAN MOBILE MENU FIX */

@media(max-width:768px){

.home-container{
display:flex !important;
justify-content:space-between !important;
}

.home-nav,
.home-phone{
display:none !important;
}

.mobile-toggle{
display:flex !important;
position:absolute;
right:20px;
top:25px;
width:40px;
height:40px;
flex-direction:column;
justify-content:center;
z-index:10002;
}

.mobile-toggle span{
display:block !important;
width:30px !important;
height:3px !important;
margin:4px 0 !important;
background:#fff !important;
}

.mobile-menu{
display:flex !important;
position:fixed !important;
top:0;
right:-100%;
width:85%;
height:100vh;
background:#111;
padding:90px 30px;
flex-direction:column;
gap:20px;
z-index:10001;
transition:.3s;
}

.mobile-menu.active{
right:0 !important;
}

}



.clients-section{
padding:80px 5%;
background:#fff;
}

.clients-title{
text-align:center;
margin-bottom:50px;
}

.clients-title h2{
font-size:42px;
font-weight:800;
}

.clients-title p{
font-size:18px;
color:#666;
}


.clients-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
max-width:1400px;
margin:auto;
}


.client-card{
height:320px;
background:#f3f3f3;
border-radius:20px;
overflow:hidden;
box-shadow:0 15px 40px rgba(0,0,0,.08);
}


.client-image{
width:100%;
height:100%;
}


@media(max-width:900px){

.clients-grid{
grid-template-columns:repeat(2,1fr);
}

}


@media(max-width:600px){

.clients-grid{
grid-template-columns:1fr;
}

}


/* CLIENTII NOSTRI */

.clients-section{
padding:100px 0;
background:#fff;
}

.clients-section h2{
text-align:center;
font-size:42px;
font-weight:800;
margin-bottom:20px;
color:#111;
}

.clients-section p{
max-width:800px;
margin:0 auto 50px;
text-align:center;
font-size:18px;
line-height:1.6;
color:#555;
}

.clients-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
}

.client-card{
height:260px;
background:#f5f5f5;
border-radius:20px;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,.08);
position:relative;
transition:.3s;
}

.client-card:hover{
transform:translateY(-8px);
box-shadow:0 15px 35px rgba(0,0,0,.15);
}


/* mobil */

@media(max-width:1100px){

.clients-grid{
grid-template-columns:repeat(2,1fr);
}

}


@media(max-width:600px){

.clients-section{
padding:60px 20px;
}

.clients-section h2{
font-size:32px;
}

.clients-grid{
grid-template-columns:1fr;
}

.client-card{
height:220px;
}

}