:root{
--theme12-primary:#1E3A8A;
--theme12-dark:#0F172A;
--theme12-accent:#F59E0B;
--theme12-light:#F8FAFC;
}


/* HERO */

.theme12-hero{
position:relative;
height:100vh;
overflow:hidden;
}

.theme12-hero .bg-video{
width:100%;
height:100%;
object-fit:cover;
}

.theme12-hero .video-overlay{
position:absolute;
inset:0;
background:linear-gradient(to bottom,rgba(15,23,42,0.8),rgba(30,58,138,0.6));
display:flex;
align-items:center;
justify-content:center;
text-align:center;
padding:20px;
}

.hero-content{
color:white;
max-width:900px;
}

.hero-content h1{
font-family:"Playfair Display";
font-size:4rem;
margin-bottom:20px;
}

.hero-content p{
font-family:"Poppins";
font-size:1.3rem;
margin-bottom:35px;
}


/* BACKGROUND */

.contact-cards-theme12,
.contact-social-section-theme12{
background:var(--theme12-light);
}


/* POSTER */

.theme12-poster{
background:var(--theme12-primary);
padding:70px 80px;
color:white;
}

.poster-content{
max-width:1200px;
margin:auto;
display:flex;
align-items:center;
justify-content:space-between;
gap:60px;
}

.poster-right img{
max-width:420px;
width:100%;
}

.poster-name{
font-family:"Playfair Display";
font-size:3.3rem;
color:var(--theme12-accent);
margin-bottom:20px;
}

.poster-location-heading{
font-family:"Playfair Display";
font-size:2.2rem;
margin-top:40px;
margin-bottom:15px;
color:var(--theme12-accent);
}

.poster-contact{
font-size:1.2rem;
margin:12px 0;
display:flex;
gap:10px;
}

.poster-contact a,
.poster-contact i{
color:white;
}

.poster-location p{
font-size:1.1rem;
color:#e5e5e5;
}


/* BUTTON */

.btn-Know-theme12{
background:var(--theme12-accent);
color:black;
}

.btn-Know-theme12:hover{
background:var(--theme12-dark);
color:white;
}


/* SERVICES */

.theme12-services{
padding:80px 20px;
background:var(--theme12-light);
text-align:center;
}

.section-title{
font-family:"Playfair Display";
font-size:2.5rem;
margin-bottom:50px;
color:var(--theme12-dark);
}

.services-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
}

.services-grid img{
width:100%;
height:280px;
object-fit:cover;
border-radius:20px;
transition:0.4s;
}

.services-grid img:hover{
transform:scale(1.05);
}

.services-save{
margin-top:50px;
}


/* MAP */

.theme12-map{
padding:80px 20px;
background:white;
text-align:center;
}

.map-wrapper{
max-width:900px;
margin:auto;
border-radius:20px;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,0.2);
}

.map-wrapper iframe{
width:100%;
height:400px;
border:0;
}


/* PAYMENT */

.theme12-payment{
padding:80px 20px;
background:var(--theme12-light);
text-align:center;
}

.upi-id{
font-size:1.2rem;
margin-bottom:40px;
color:var(--theme12-dark);
}

.payment-icons{
display:flex;
justify-content:center;
gap:30px;
flex-wrap:wrap;
}

.payment-icons img{
width:90px;
padding:15px;
background:white;
border-radius:20px;
box-shadow:0 8px 25px rgba(0,0,0,0.15);
transition:0.3s;
}

.payment-icons img:hover{
transform:translateY(-8px);
}


/* SOCIAL */

.contact-social-section-theme12{
padding:70px 20px;
text-align:center;
}

.social-cards{
display:flex;
justify-content:center;
gap:35px;
flex-wrap:wrap;
}

.social-card img{
width:55px;
transition:0.3s;
}

.social-card img:hover{
transform:translateY(-6px) scale(1.05);
}


/* SLIDER */

.banner .slide-bg::before{
background:linear-gradient(to bottom,rgba(15,23,42,0.8),rgba(30,58,138,0.5));
}

.slide-content{
text-align:center;
max-width:900px;
margin:auto;
}

.slide-content h2{
font-family:"Playfair Display";
font-size:3rem;
color:white;
margin-bottom:10px;
}

.slide-content p{
font-size:1.1rem;
color:#f5f5f5;
margin-bottom:25px;
}


/* RESPONSIVE */

@media(max-width:992px){

.poster-content{
flex-direction:column;
text-align:center;
}

.services-grid{
grid-template-columns:repeat(2,1fr);
}

.services-grid img{
height:240px;
}

}

@media(max-width:576px){

.hero-content h1{
font-size:2.3rem;
}

.services-grid{
grid-template-columns:1fr;
}

.services-grid img{
height:200px;
}

.section-title{
font-size:1.8rem;
}

.map-wrapper iframe{
height:300px;
}

.social-card img{
width:45px;
}

}