/* ===== Services Section ===== */

.kasi-eswar-services-section{
padding:100px 0;
background:linear-gradient(135deg,#f8fbff,#eef4ff);
font-family:'Poppins',sans-serif;
}


/* Heading */

.services-heading h2{
font-size:46px;
font-weight:700;
margin-bottom:15px;
color:#222;
}

.services-heading span{
background:linear-gradient(90deg,#ff6a00,#ff0000);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.services-heading p{
max-width:700px;
margin:auto;
color:#666;
font-size:16px;
line-height:1.7;
margin-bottom:60px;
}


/* Service Card */

.kasi-eswar-service-card{
background:#fff;
border-radius:18px;
overflow:hidden;
box-shadow:0 15px 40px rgba(0,0,0,0.08);
transition:0.4s;
position:relative;
}


/* Hover Border Gradient */

.kasi-eswar-service-card:before{
content:"";
position:absolute;
inset:0;
border-radius:18px;
padding:2px;
background:linear-gradient(45deg,#ff6a00,#ff0000,#ff8c00);
-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
-webkit-mask-composite:xor;
mask-composite:exclude;
opacity:0;
transition:0.4s;
}

.kasi-eswar-service-card:hover:before{
opacity:1;
}


/* Hover Animation */

.kasi-eswar-service-card:hover{
transform:translateY(-12px);
box-shadow:0 25px 60px rgba(0,0,0,0.15);
}


/* Image */

.service-img{
overflow:hidden;
}

.service-img img{
width:100%;
transition:0.6s;
}

.kasi-eswar-service-card:hover img{
transform:scale(1.15);
}


/* Content */

.service-content{
padding:28px;
}

.service-content h3{
font-size:22px;
font-weight:700;
margin-bottom:10px;
color:#111;
}

.service-content p{
font-size:15px;
color:#666;
line-height:1.7;
}


/* Responsive */

@media(max-width:768px){

.services-heading h2{
font-size:32px;
}

.service-content h3{
font-size:20px;
}

}









/* ===== Gallery Section ===== */

.kasi-eswar-gallery{

padding:100px 20px;
background:linear-gradient(135deg,#f7f9ff,#eef2ff);
font-family:'Poppins',sans-serif;

}


/* Heading */

.gallery-heading{

text-align:center;
max-width:700px;
margin:auto;
margin-bottom:60px;

}

.gallery-heading h2{

font-size:46px;
font-weight:700;

}

.gallery-heading span{

background:linear-gradient(90deg,#ff6a00,#ff0000);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;

}

.gallery-heading p{

color:#666;
line-height:1.7;

}


/* Grid */

.gallery-grid{

display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;

}


/* Item */

.gallery-item{

position:relative;
overflow:hidden;
border-radius:12px;

box-shadow:0 10px 30px rgba(0,0,0,0.1);
transition:0.4s;

}

.gallery-item img{

width:100%;
height:260px;
object-fit:cover;
transition:0.6s;

}


/* Hover */

.gallery-item:hover{

transform:translateY(-8px);

}

.gallery-item:hover img{

transform:scale(1.12);

}


/* Overlay */

.gallery-overlay{

position:absolute;
top:0;
left:0;
width:100%;
height:100%;

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

background:rgba(0,0,0,0.45);

opacity:0;
transition:0.4s;

}

/* Show overlay on hover */

.gallery-item:hover .gallery-overlay{

opacity:1;

}

/* Title Style */

.gallery-overlay h4{

color:#fff;
font-size:20px;
font-weight:700;

background:rgba(255,255,255,0.15);
padding:10px 20px;

border-radius:30px;

backdrop-filter:blur(8px);

letter-spacing:1px;

}

/* Lightbox */

.gallery-lightbox{

position:fixed;
top:0;
left:0;

width:100%;
height:100%;

background:rgba(0,0,0,0.9);

display:none;

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

z-index:9999;

}

.lightbox-img{

max-width:90%;
max-height:90%;

}

.close-lightbox{

position:absolute;
top:30px;
right:40px;

font-size:40px;
color:#fff;
cursor:pointer;

}


/* Responsive */

@media(max-width:992px){

.gallery-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.gallery-grid{

grid-template-columns:1fr;

}

.gallery-heading h2{

font-size:34px;

}

}




/* ===== End of Services & Gallery Sections ===== */



/* ===== Contact Section ===== */


/* ================= SPLIT CONTACT ================= */

.split-contact{
font-family:'Poppins',sans-serif;
}


/* Left Side */

.contact-left-side{
background:linear-gradient(135deg,#ff6a00,#ff8533);
color:white;
padding:100px 60px;
display:flex;
align-items:center;
}

.contact-left-content h2{
font-size:38px;
font-weight:700;
margin-bottom:20px;
}

.contact-left-content p{
margin-bottom:35px;
opacity:0.9;
}


/* Contact Info */

.info-item{
display:flex;
align-items:center;
margin-bottom:18px;
font-size:16px;
}

.info-item i{
margin-right:12px;
background:white;
color:#ff6a00;
width:40px;
height:40px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
}


/* Right Side */

.contact-right-side{
background:#f8f9fa;
padding:80px 40px;
display:flex;
align-items:center;
justify-content:center;
}


/* Floating Card */

.contact-floating-card{
background:white;
padding:45px;
border-radius:12px;
box-shadow:0 15px 45px rgba(0,0,0,0.1);
max-width:600px;
width:100%;
}

.contact-floating-card h3{
font-weight:700;
margin-bottom:25px;
}


/* Inputs */

.contact-floating-card input,
.contact-floating-card textarea{
width:100%;
padding:12px 15px;
border:1px solid #ddd;
border-radius:6px;
outline:none;
}

.contact-floating-card input:focus,
.contact-floating-card textarea:focus{
border-color:#ff6a00;
}


/* Button */

.contact-submit{
background:#ff6a00;
border:none;
color:white;
padding:12px 25px;
border-radius:6px;
font-weight:600;
transition:0.3s;
}

.contact-submit:hover{
background:#e55d00;
}


/* Mobile */

@media(max-width:768px){

.contact-left-side{
padding:60px 30px;
text-align:center;
}

.contact-right-side{
padding:40px 20px;
}

.contact-left-content h2{
font-size:28px;
}

}


/* ===== End of Contact Section ===== */


/* ===== Map Section ===== */
/* ================= MAP SECTION ================= */

.map-section{
padding:80px 0;
background:#f8f9fa;
font-family:'Poppins',sans-serif;
}

.map-heading h2{
font-size:36px;
font-weight:700;
margin-bottom:10px;
}

.map-heading p{
color:#666;
margin-bottom:40px;
}


/* Map */

.map-wrapper{
border-radius:12px;
overflow:hidden;
box-shadow:0 10px 40px rgba(0,0,0,0.1);
}