@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=SN+Pro:ital,wght@0,200..900;1,200..900&display=swap');
:root {
  --default-font: "Roboto",  system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --heading-font:  "SN Pro", sans-serif;
  
  --nav-font: "Lato",  sans-serif;
}
/*-----------Top Header------------*/
.vita-top-header{
  background:linear-gradient(90deg,#b30000,#ff7a00);
  font-family:sans-serif;
  font-size:14px;
}

.vita-header-text{
  display:flex;
  align-items:center;
  gap:10px;
  color:#fff;
  font-weight:600;
}

.vita-live-dot{
  width:9px;
  height:9px;
  background:#fff;
  border-radius:50%;
  box-shadow:0 0 8px #fff,0 0 18px #fff;
  animation:vitaBlink 1.2s infinite;
}

@keyframes vitaBlink{
  0%,100%{
    opacity:1;
    transform:scale(1);
  }
  50%{
    opacity:.2;
    transform:scale(.6);
  }
}

.vita-badge{
  background:#fff;
  color:#b30000;
  padding:6px 18px;
  border-radius:40px;
  font-weight:500;
  display:flex;
  align-items:center;
  gap:8px;
  box-shadow:0 5px 18px rgba(0,0,0,.15);
  animation:vitaFloat 3s ease-in-out infinite;
}

.vita-icon{
  color:#ff7a00;
  animation:vitaSpin 6s linear infinite;
}

@keyframes vitaFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}

@keyframes vitaSpin{
  from{transform:rotate(0)}
  to{transform:rotate(360deg)}
}

@media(max-width:768px){
  .vita-header-text{
    display:none;
  }
  .vita-top-header .container{
    justify-content:center !important;
  }
}
/*--------------Hero Section Start----------*/
.vita-slider-wrap{position:relative;overflow:hidden;}

.vita-slide{
width:100%;
height:85vh;
min-height:420px;
background-size:cover;
background-position:center;
position:relative;
}

.vita-slide::before{
content:"";
position:absolute;
inset:0;
background:inherit;
background-size:cover;
animation:vitaZoom 8s ease-in-out infinite;
}

@keyframes vitaZoom{
0%{transform:scale(1)}
50%{transform:scale(1.05)}
100%{transform:scale(1)}
}

.vita-overlay{
position:absolute;
inset:0;
background:rgba(0,0,0,.45);
}

.vita-content{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
text-align:center;
color:#fff;
width:90%;
}

.vita-text3d{font-size:3rem;font-weight:800;font-family: var(--heading-font);}
.vita-content p{font-size:1.2rem;margin-top:10px;}
.vita-content .btn{margin-top:18px;padding:12px 28px;font-weight:600;}


@media(max-width:768px){
.vita-slide{
    height:35vh;
min-height:260px;}
.vita-text3d{font-size:1.2rem;}
.vita-content p{font-size:.8rem;}
.vita-content .btn{padding:7px 16px;font-size:.8rem;}
}

/* ARROWS */
.vita-slider-wrap .carousel-control-prev,
.vita-slider-wrap .carousel-control-next{
width:60px;
height:60px;
top:50%;
transform:translateY(-50%);
opacity:1;
background:linear-gradient(135deg,#ff2a2a,#b30000);
border-radius:50%;
box-shadow:0 0 20px rgba(255,0,0,.7);
}

.carousel-control-prev-icon,
.carousel-control-next-icon{
filter:brightness(0) invert(1);
width:22px;
height:22px;
}

/* DOTS */
.carousel-indicators [data-bs-target]{
width:12px;
height:12px;
border-radius:50%;
background:linear-gradient(135deg,#ff2a2a,#b30000);
opacity:.5;
border:none;
margin:0 6px;
}

.carousel-indicators .active{
opacity:1;
transform:scale(1.2);
box-shadow:0 0 10px rgba(255,0,0,.8);
}
@media(max-width:768px){
.carousel-control-prev,
.carousel-control-next{
display:none !important;
}
}

/*------------Hero Section End-------------*/

/*-----------Services Section Start--------*/
.vita-header{
max-width:1200px;
margin:auto;
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:50px;
flex-wrap:wrap;
gap:20px;
padding:0 20px;
}
.vita-header h2{font-size:2.3rem;font-weight:700}

.vita-btn{
background:linear-gradient(90deg,#ff3131,#ff0000);
padding:14px 32px;
border-radius:50px;
color:#fff;
text-decoration:none;
font-weight:600;
box-shadow:0 10px 25px rgba(255,0,0,.3);
transition:.3s;
}
.vita-btn:hover{
transform:translateY(-3px);
box-shadow:0 15px 35px rgba(255,0,0,.45);
}

.vita-slider{
max-width:1200px;
margin:auto;
position:relative;
overflow:hidden;
padding:0 20px;
}

.vita-track{
display:flex;
transition:.6s cubic-bezier(.77,0,.18,1);
}

.vita-card{
flex:0 0 33.3333%;
max-width:33.3333%;
padding:14px;
box-sizing:border-box;
}

.vita-box{
position:relative;
border-radius:24px;
overflow:hidden;
height:420px;
box-shadow:0 20px 50px rgba(0,0,0,.15);
transition:.5s;
background:#000;
}
.vita-box:hover{transform:translateY(-12px)}

.vita-box img{
width:100%;
height:100%;
object-fit:cover;
filter:brightness(.85);
}

.vita-overlay{
position:absolute;
inset:0;
background:linear-gradient(to top,rgba(0,0,0,.4),rgba(0,0,0,.1));
}



.vita-title {
    position: absolute;
    bottom: 25px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    width: 100%;
    text-align: center;
    background: red;
}

.vita-arrow{
position:absolute;
top:45%;
width:55px;
height:55px;
border-radius:50%;
background:#fff;
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
cursor:pointer;
z-index:5;
box-shadow:0 10px 25px rgba(0,0,0,.15);
}

.vita-prev{left:0}
.vita-next{right:0}

@media(max-width:900px){
.vita-card{
flex:0 0 85%;
max-width:85%;
}
.vita-track{
overflow-x:auto;
scroll-snap-type:x mandatory;
}
.vita-card{scroll-snap-align:center}
.vita-arrow{display:none}
}
/*----------Services Section End---------*/

/*----------Portfolio Section Start---------*/
/* wrapper */
.ap-wrap{
max-width:1300px;
margin:auto;
overflow:hidden;
position:relative;
padding:0 20px;
}

.ap-track{
display:flex;
transition:.7s cubic-bezier(.77,0,.18,1);
}

/* card */
.ap-card{
flex:0 0 25%;
max-width:25%;
padding:14px;
box-sizing:border-box;
}

/* image box */
.ap-box{
position:relative;
border-radius:22px;
overflow:hidden;
height:360px;
box-shadow:0 25px 70px rgba(0,0,0,.6);
}

/* image fit universal */
.ap-box img{
width:100%;
height:100%;
object-fit:cover;
transition:transform 1.2s ease;
}

/* zoom animation */
.ap-box:hover img{
transform:scale(1.12);
}

/* shimmer overlay */
.ap-box::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.25),transparent 70%);
opacity:0;
transition:.6s;
}
.ap-box:hover::after{
opacity:1;
animation:shine 1.2s linear;
}

@keyframes shine{
0%{transform:translateX(-100%)}
100%{transform:translateX(100%)}
}

/* overlay gradient */
.ap-overlay{
position:absolute;
inset:0;
background:linear-gradient(to top,rgba(0,0,0,.4),transparent);
}

/* title */
.ap-title{
position:absolute;
bottom:20px;
left:20px;
font-size:20px;
font-weight:600;
}

/* icon */
.ap-icon{
position:absolute;
top:15px;
right:15px;
width:50px;
height:50px;
border-radius:14px;
background: linear-gradient(135deg, #ff4d4d, #ff0000);
display:flex;
align-items:center;
justify-content:center;
font-size:20px;

}
.ap-icon i{
    color: white;
    font-size: 36px;
    font-weight: bold;
}

/* arrows */
.ap-arrow{
position:absolute;
top:45%;
width:55px;
height:55px;
border-radius:50%;
background:rgba(255,255,255,.2);
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
z-index:10;
}
.ap-prev{left:0}
.ap-next{right:0}

/* view all */
.ap-view{
height:360px;
border-radius:22px;
display:flex;
align-items:center;
justify-content:center;
font-weight:600;
font-size:22px;
background:linear-gradient(135deg,#6366f1,#22c55e);
}

/* mobile */
@media(max-width:900px){
.ap-card{flex:0 0 85%;max-width:85%}
.ap-track{overflow-x:auto;scroll-snap-type:x mandatory}
.ap-card{scroll-snap-align:center}
.ap-arrow{display:none}
}

.ap-view-link{
 display:block;
 height:100%;
 text-decoration:none;
}

.ap-view{
 height:360px;
 border-radius:22px;
 display:flex;
 align-items:center;
 justify-content:center;
 font-weight:600;
 font-size:22px;
 color:#fff;
 background:linear-gradient(135deg,#ff0844,#ff2d2d,#ff6a00);
 transition:.4s;
}

.ap-view:hover{
 transform:scale(1.05);
 box-shadow:0 0 40px rgba(255,60,60,.6);
}
/* width */
.ap-track::-webkit-scrollbar{
 height:10px;
}

/* track */
.ap-track::-webkit-scrollbar-track{
 background:#111827;
 border-radius:20px;
}

/* thumb */
.ap-track::-webkit-scrollbar-thumb{
 background:linear-gradient(90deg,#ff0844,#ff2d2d,#ff6a00);
 border-radius:20px;
 transition:.3s;
}

/* hover */
.ap-track::-webkit-scrollbar-thumb:hover{
 background:linear-gradient(90deg,#ff1f5a,#ff3b3b,#ff7a18);
}
/* main scrollbar */
.ap-track::-webkit-scrollbar{
 height:12px;
}

/* track background */
.ap-track::-webkit-scrollbar-track{
 background:rgba(255,255,255,0.06);
 backdrop-filter:blur(10px);
 border-radius:50px;
 margin:8px 120px; /* left right gap */
}

/* thumb */
.ap-track::-webkit-scrollbar-thumb{
 border-radius:50px;
 background:linear-gradient(270deg,#ff0844,#ff3d00,#ff0844);
 background-size:300% 300%;
 animation:scrollGlow 6s ease infinite;
 box-shadow:
 0 0 10px rgba(255,40,40,.6),
 inset 0 0 6px rgba(255,255,255,.3);
}

/* hover effect */
.ap-track::-webkit-scrollbar-thumb:hover{
 box-shadow:
 0 0 18px rgba(255,50,50,.9),
 inset 0 0 8px rgba(255,255,255,.5);
}

/* animation */
@keyframes scrollGlow{
 0%{background-position:0% 50%}
 50%{background-position:100% 50%}
 100%{background-position:0% 50%}
}

/* Firefox */
.ap-track{
 scrollbar-width:thin;
 scrollbar-color:#ff2d2d rgba(255,255,255,.1);
}
/*--------Portfolio Section End--------*/
/*--------Features Section Start---------*/


/* wrapper */
.uf-section{padding:100px 0;
background:radial-gradient(circle at top,#111827,#020617);}

/* heading */
.uf-title{
font-size:40px;
font-weight:700;
text-align:center;
margin-bottom:70px;
position:relative;
}

.uf-title span{
background:linear-gradient(90deg,#ff0844,#ff6a00);
-webkit-background-clip:text;
color:transparent;
}

.uf-title:after{
content:"";
width:140px;
height:4px;
border-radius:10px;
background:linear-gradient(90deg,#ff0844,#ff6a00);
position:absolute;
left:50%;
transform:translateX(-50%);
bottom:-18px;
animation:ufline 3s infinite;
}

@keyframes ufline{
0%{width:0}
50%{width:140px}
100%{width:0}
}

/* card */
.uf-card{
background:#f7f7f7;
border-radius:16px;
padding:24px;
display:flex;
align-items:center;
gap:18px;
position:relative;
overflow:hidden;
transition:.4s;
}

.uf-card:hover{
transform:translateY(-10px) scale(1.02);
box-shadow:0 20px 40px rgba(0,0,0,.25);
background:linear-gradient(135deg,#ff0844,#ff6a00);
color:#fff;
}

/* glowing border */
.uf-card:before{
content:"";
position:absolute;
inset:-2px;
border-radius:inherit;
background:linear-gradient(120deg,#ff0844,#ff6a00,#ff0844);
background-size:300% 300%;
animation:ufborder 6s linear infinite;
z-index:-1;
}

@keyframes ufborder{
0%{background-position:0%}
50%{background-position:100%}
100%{background-position:0%}
}

/* icon */
.uf-icon{
width:70px;
height:70px;
border-radius:14px;
background:#ffe9e9;
display:flex;
align-items:center;
justify-content:center;
animation:uffloat 3s ease-in-out infinite;
transition:.4s;
}

.uf-icon svg{
width:34px;
height:34px;
stroke:#ff3d3d;
stroke-width:1.8;
fill:none;
transition:.4s;
}

@keyframes uffloat{
0%{transform:translateY(0)}
50%{transform:translateY(-6px)}
100%{transform:translateY(0)}
}

.uf-card:hover .uf-icon{
transform:scale(1.15);
background:#fff;
box-shadow:0 0 20px rgba(255,255,255,.8);
}

.uf-card:hover .uf-icon svg{
stroke:#ff0844;
}

/* text */
.uf-text{
font-size:19px;
font-weight:600;
transition:.3s;
}

.uf-card:hover .uf-text{
color:#fff;
}

/* mobile */
@media(max-width:576px){

.uf-title{font-size:28px}

.uf-card{
flex-direction:column;
text-align:center;
}

.uf-icon{
width:55px;
height:55px;
}

.uf-text{
font-size:16px;
}
}
/* Mobile 2 column layout */
@media(max-width:768px){
 .uf-section .col-md-6{
  width:50%;
 }
}
/*---------Features Section End-----------*/
/*------------Services Start--------------*/
/* title */
.up-title{

margin-bottom:30px !important;

}

.up-title:after{
content:"";
width:180px;
height:4px;
border-radius:10px;
position:absolute;
left:50%;
transform:translateX(-50%);
bottom:-18px;
background:linear-gradient(90deg,#ff2d55,#ff6a00);
animation:lineMove 3s infinite;
}

@keyframes lineMove{
0%{width:0}
50%{width:180px}
100%{width:0}
}

/* wrapper */
.up-wrap{
position:relative;
overflow:hidden;
/*padding:40px 0;*/
}

/* arrows middle */
.up-arrow{
position:absolute;
top:50%;
transform:translateY(-50%);
width:60px;
height:60px;
border-radius:50%;
border:none;
background:linear-gradient(135deg,#ff2d55,#ff6a00);
color:#fff;
font-size:24px;
cursor:pointer;
box-shadow:0 10px 30px rgba(0,0,0,.25);
z-index:5;
transition:.4s;
}

.up-arrow:hover{
transform:translateY(-50%) scale(1.15);
}

.up-left{left:10px}
.up-right{right:10px}

/* track */
.up-track{
display:flex;
transition:.9s cubic-bezier(.22,.61,.36,1);
}

/* card */
.up-card{
min-width:33.33%;
padding:20px;
}

/* inner */
.up-inner{
background:#fff;
border-radius:24px;
overflow:hidden;
box-shadow:0 20px 60px rgba(0,0,0,.15);
transition:.6s;
}

.up-img{
width:100%;
height:360px;
overflow:hidden;
display:flex;
align-items:center;
justify-content:center;
background:#f3f4f8;
}

.up-img img{
width:100%;
height:100%;
object-fit:cover;
transition:.7s;
}

/* 📱 Mobile Fix */
@media(max-width:768px){
.up-img img{
object-fit:contain;
}
.up-dots {
    margin-top: 8px !important;
}
}
.up-img img{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
display:block;
transition:transform .7s ease;
}

.up-inner:hover .up-img img{
transform:scale(1.08);
}

/* content */
.up-content{
display:flex;
justify-content:space-between;
align-items:center;
padding:20px;
font-weight:700;
}

/* text + icon */
.up-lefttext{
display:flex;
align-items:center;
gap:12px;
font-size:18px;
}

.up-lefttext a{
text-decoration:none;
color:#111;
font-family: var(--heading-font);
}

.up-lefttext a:hover{
color:#ff2d55;
}

.up-icon{
width:38px;
height:38px;
border-radius:10px;
display:flex;
align-items:center;
justify-content:center;
background:#f1f3f9;
}

/* button */
.up-btn{
padding:8px 18px;
border-radius:40px;
background:linear-gradient(135deg,#ff2d55,#ff6a00);
color:#fff;
font-size:14px;
text-decoration:none;
transition:.3s;
}

.up-btn:hover{
transform:scale(1.1);
color:#fff;
}

/* dots */
.up-dots{text-align:center;margin-top:30px}
.up-dots span{
width:13px;height:13px;
display:inline-block;
margin:6px;
background:#ffd2d8;
border-radius:50%;
transition:.4s;
}
.up-dots .active{
background:linear-gradient(135deg,#ff2d55,#ff6a00);
transform:scale(1.5);
}

/* responsive */
@media(max-width:992px){.up-card{min-width:50%}}
@media(max-width:576px){
.up-card{min-width:100%}
.up-arrow{display:none}
}

@media (max-width: 768px) {
    .hero {
        padding: 10px 0 10px;
    }
    .hero .hero-content {
        
        margin-bottom: 2px;
    }
}
/*-----Why Section-------*/
/* SECTION */
.xv91-sec{
padding:80px 15px;
background:linear-gradient(135deg,#ff4d4d,#b30000);
color:#fff
}

/* TITLE */
.xv91-title{text-align:center;margin-bottom:45px}
.xv91-title h2{
margin:0;
font-size:34px;
font-weight:800
}
.xv91-title p{
margin:8px 0 0;
font-weight:700;
color:#ffeaea
}

/* GRID */
.xv91-wrap{
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
max-width:1100px;
margin:auto
}

/* LEFT LIST */
.xv91-list{display:flex;flex-direction:column;gap:16px}

.xv91-item{
display:flex;
align-items:center;
gap:14px;
padding:16px 18px;
background:rgba(255,255,255,.12);
border-radius:14px;
backdrop-filter:blur(6px);
transition:.35s
}
.xv91-item:hover{transform:translateX(8px)}

.xv91-icon{
width:46px;height:46px;
display:grid;
place-items:center;
background:#fff;
color:#b30000;
border-radius:50%;
font-size:22px;
animation:xvPulse 2s infinite ease-in-out
}

@keyframes xvPulse{
0%,100%{transform:scale(1)}
50%{transform:scale(1.18)}
}

/* RIGHT CARDS */
.xv91-stats{
display:grid;
grid-template-columns:1fr 1fr;
gap:18px
}

.xv91-card{
background:#fff;
color:#222;
padding:24px 18px;
border-radius:16px;
text-align:center;
transition:.35s;
border:2px solid transparent
}
.xv91-card:hover{
transform:translateY(-8px);
border-color:#ff4d4d
}

.xv91-card i{
font-size:40px;
color:#ff2d2d;
display:block;
margin-bottom:8px;
animation:xvGlow 2.5s infinite ease-in-out
}

@keyframes xvGlow{
0%,100%{transform:scale(1)}
50%{transform:scale(1.12)}
}

.xv91-card h3{
margin:6px 0;
font-size:30px;
font-weight:800
}

.xv91-card small{
font-size:15px;
font-weight:700;
opacity:.8
}

/* BUTTONS */
.xv91-btns{
grid-column:1/3;
text-align:center;
margin-top:10px
}
.xv91-btn{
display:inline-block;
padding:12px 26px;
margin:5px;
border-radius:40px;
font-weight:700;
text-decoration:none
}
.xv91-main{background:#fff;color:#b30000}
.xv91-outline{border:2px solid #fff;color:#fff}
.xv91-outline:hover{background:#fff;color:#b30000}

/* MOBILE */
@media(max-width:768px){
.xv91-wrap{grid-template-columns:1fr}
.xv91-btns{grid-column:auto}
.xv91-card h3{font-size:26px}
}
/*------Google Review--------*/
/* CARD */
.gxrva-box{
max-width:700px;
margin:auto;
background:#fff;
border-radius:14px;
box-shadow:0 12px 35px rgba(0,0,0,.08);
padding:25px 20px;
text-align:center;
position:relative;
}

/* top google line */
.gxrva-box:before{
content:"";
position:absolute;
top:0;left:0;right:0;
height:5px;
border-radius:14px 14px 0 0;
background:linear-gradient(90deg,#4285F4,#EA4335,#FBBC05,#34A853);
}

/* Google text */
.gxrva-google{
font-weight:700;
font-size:20px;
margin-bottom:5px;
}
.gxrva-google span:nth-child(1){color:#4285F4}
.gxrva-google span:nth-child(2){color:#EA4335}
.gxrva-google span:nth-child(3){color:#FBBC05}
.gxrva-google span:nth-child(4){color:#4285F4}
.gxrva-google span:nth-child(5){color:#34A853}
.gxrva-google span:nth-child(6){color:#EA4335}

/* rating */
.gxrva-rate{
font-size:34px;
font-weight:800;
margin:6px 0;
}

.gxrva-stars{
color:#fbbc05;
font-size:18px;
margin-bottom:6px;
animation:gxrvaPulse 2s infinite ease-in-out;
}
@keyframes gxrvaPulse{
0%,100%{transform:scale(1)}
50%{transform:scale(1.12)}
}

.gxrva-text{
font-size:14px;
opacity:.7;
margin-bottom:18px;
}

/* Animated Red-Orange Button */
.gxrva-btn{
display:inline-block;
padding:11px 26px;
border-radius:40px;
background:linear-gradient(270deg,#ff3c3c,#ff7a00,#ff3c3c);
background-size:300% 300%;
color:#fff;
text-decoration:none;
font-weight:700;
font-size:14px;
transition:.3s;
animation:gxrvaGradient 4s ease infinite;
}

@keyframes gxrvaGradient{
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}

.gxrva-btn:hover{
transform:translateY(-4px) scale(1.05);
box-shadow:0 10px 25px rgba(255,80,0,.4);
}

/* mobile */
@media(max-width:600px){
.gxrva-rate{font-size:28px}
}

.testimonials .testimonial-card{
    height: 320px !important;
}
/*-----Footer Section-----*/
.vitaPro-footer{background:#0b1220;color:#cbd5e1;font-size:15px}
.vitaPro-footer h4{color:#fff;font-size:17px;margin-bottom:22px;font-weight:600;position:relative}
.vitaPro-footer h4::after{content:"";width:40px;height:2px;background:#ff5a1f;position:absolute;left:0;bottom:-8px}
.vitaPro-text{line-height:1.7}
.vitaPro-logo{font-size:22px;font-weight:700;color:#fff}
.vitaPro-badge{background:linear-gradient(45deg,#ff512f,#ff8c00);padding:4px 10px;font-size:12px;border-radius:50px;margin-left:8px;color:#fff}
.vitaPro-links{list-style:none;padding:0}
.vitaPro-links li{margin-bottom:12px}
.vitaPro-links a{text-decoration:none;color:#cbd5e1;transition:.3s}
.vitaPro-links a:hover{color:#ff7a18;padding-left:6px}
.vitaPro-contact i{color:#ff7a18;margin-right:10px}
.vitaPro-social a{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:#111827;border-radius:50%;margin-right:10px;color:#fff;transition:.3s}
.vitaPro-social a:hover{background:#ff7a18;transform:translateY(-5px)}
.vitaPro-bottom{border-top:1px solid #1f2937;margin-top:40px;padding-top:20px;font-size:14px}
.vitaPro-bottom a{color:#94a3b8;text-decoration:none;margin-left:15px}
.vitaPro-bottom a:hover{color:#ff7a18}
/* ===== Mobile Side-by-Side Columns ===== */
@media (max-width: 768px){

  .vitaPro-footer .row > div:nth-child(2),
  .vitaPro-footer .row > div:nth-child(3){
    width:50%;
    flex:0 0 50%;
  }

  /* spacing adjust */
  .vitaPro-footer .row > div:nth-child(2){
    padding-right:8px;
  }

  .vitaPro-footer .row > div:nth-child(3){
    padding-left:8px;
  }

  /* headings size small for mobile */
  .vitaPro-footer h4{
    font-size:16px;
  }

  /* link size adjust */
  .vitaPro-links li{
    margin-bottom:8px;
  }
}

/* Compact Contact List */
.vitaMini-contact{
list-style:none;
padding:0;
margin:0;
max-width:520px;
}

.vitaMini-contact li{
margin-bottom:14px;
}

.vitaMini-card{
display:flex;
gap:12px;
background:#111827;
padding:14px;
border-radius:12px;
align-items:flex-start;
transition:.3s;
}

.vitaMini-card:hover{
transform:translateY(-3px);
background:#1f2937;
}

/* Icon */
.vitaMini-icon{
width:40px;
height:40px;
border-radius:50%;
background:linear-gradient(45deg,#ff512f,#ff8c00);
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:17px;
flex-shrink:0;
box-shadow:0 0 14px rgba(255,120,0,.6);
}

/* Text */
.vitaMini-text{
font-size:14px;
line-height:1.5;
color:#cbd5e1;
}

/* Action buttons */
.vitaMini-action{
margin-top:6px;
display:inline-flex;
align-items:center;
gap:6px;
font-size:13px;
text-decoration:none;
color:#ff8c00;
font-weight:600;
}

.vitaMini-action i{
font-size:14px;
}

.vitaMini-action:hover{
text-decoration:underline;
}

/* Mobile */
@media(max-width:768px){
.vitaMini-card{padding:12px}
}

/*-------Form Section-------*/
/* Background with better visibility */
.vitaZ-contact{
position:relative;
padding:100px 0;
background:url("https://images.unsplash.com/photo-1497366216548-37526070297c?q=80&w=1600&auto=format&fit=crop") center/cover no-repeat fixed;
}

.vitaZ-contact::before{
content:"";
position:absolute;
inset:0;
background:rgba(11,18,32,.65); /* lighter overlay so image visible */
}

.vitaZ-contact .container{
position:relative;
z-index:2;
}

/* Card */
.vitaZ-card{
background:rgba(255,255,255,.95);
backdrop-filter:blur(6px);
border-radius:20px;
padding:40px;
box-shadow:0 25px 70px rgba(0,0,0,.35);
max-width:900px;
margin:auto;
}

/* Header */
.vitaZ-header{
display:flex;
align-items:center;
gap:18px;
margin-bottom:30px;
}

.vitaZ-icon{
width:60px;
height:60px;
border-radius:16px;
background:linear-gradient(45deg,#ff512f,#ff8c00);
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:24px;
box-shadow:0 10px 30px rgba(255,120,0,.4);
}

/* Inputs */
.vitaZ-group label{
font-size:14px;
margin-bottom:6px;
font-weight:600;
}

.vitaZ-wrap{
position:relative;
}

.vitaZ-wrap i{
position:absolute;
left:14px;
top:50%;
transform:translateY(-50%);
color:#ff7a18;
}

.vitaZ-wrap input,
.vitaZ-wrap textarea{
width:100%;
padding:13px 15px 13px 42px;
border:1px solid #e5e7eb;
border-radius:12px;
transition:.3s;
}

.vitaZ-wrap textarea{padding-top:14px}

.vitaZ-wrap input:focus,
.vitaZ-wrap textarea:focus{
border-color:#ff7a18;
box-shadow:0 0 0 3px rgba(255,120,0,.15);
outline:none;
}

/* Button */
.vitaZ-btn{
background:linear-gradient(45deg,#ff512f,#ff8c00);
border:none;
color:#fff;
padding:14px 35px;
border-radius:50px;
font-weight:600;
transition:.3s;
}

.vitaZ-btn:hover{
transform:translateY(-4px);
box-shadow:0 15px 35px rgba(255,120,0,.5);
}

/* Secure */
.vitaZ-secure{
margin-top:12px;
font-size:13px;
color:#475569;
}

/* Responsive */
@media(max-width:768px){
.vitaZ-card{padding:25px}
.vitaZ-contact{background-attachment:scroll}
}

/* ===== Floating Buttons ===== */
.vitaFloat-wrap{
  position:fixed;
  right:20px;
  bottom:65px;
  display:flex;
  flex-direction:column;
  gap:14px;
  z-index:9999;
}

.vitaFloat-btn{
  width:55px;
  height:55px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:22px;
  text-decoration:none;
  box-shadow:0 8px 25px rgba(0,0,0,.25);
  animation:vitaPulse 1.8s infinite;
  transition:.3s;
}

.vitaFloat-wa{
  background:#25D366;
}

.vitaFloat-call{
  background:linear-gradient(45deg,#ff512f,#ff8c00);
}

.vitaFloat-btn:hover{
  transform:translateY(-5px);
}

@keyframes vitaPulse{
  0%{box-shadow:0 0 0 0 rgba(255,120,0,.6);}
  70%{box-shadow:0 0 0 15px rgba(255,120,0,0);}
  100%{box-shadow:0 0 0 0 rgba(255,120,0,0);}
}

/*-------Breadcumb Section-------*/
/* ===== Vita Breadcrumb Section ===== */
.vitaBread-section{
  position:relative;
  padding:80px 0;
  background:url("/assets/img/about/vita-breadcumb.png") center/cover no-repeat;
}

.vitaBread-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(11,18,32,.75);
}

.vitaBread-section .container{
  position:relative;
  z-index:2;
}

.vitaBread-title{
  color:#fff;
  font-size:36px;
  font-weight:700;
  margin-bottom:15px;
}

.vitaBread-nav .breadcrumb{
  background:transparent;
}

.vitaBread-nav .breadcrumb-item a{
  color:#ff8c00;
  text-decoration:none;
  font-weight:500;
}

.vitaBread-nav .breadcrumb-item.active{
  color:#ffffff;
}

.vitaBread-nav .breadcrumb-item + .breadcrumb-item::before{
  content:"›";
  color:#ccc;
}

/* Mobile Responsive */
@media(max-width:768px){
  .vitaBread-title{
    font-size:24px;
  }
}














/*----------------Hero Section End---------------*/