/* Import Soothing Elegant Fonts */
/* @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Poppins:wght@300;400;500&display=swap'); */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pridi:wght@200;300;400;500;600;700&display=swap');

* {
    box-sizing: border-box;
}

html{
    scroll-behavior:smooth;
}

body {
    font-family: 'Poppins', sans-serif;
    background-color: #f8f8f8;
}

header {
    background-color: #fff;
}

h1, h2, h3, h4, h5, h6, p, div, span, b {
    font-family: 'Poppins', sans-serif;
}

ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

a{
    cursor:pointer !important;
}
 :root{
      --topbar-bg:#A67C52;
      --topbar-text:#ffffff;
      --header-bg:#F7F2EC;
      --text:#4A2E1E;
      --accent:#B87333;
      --border:#e0d6cc;
      --shadow: 0 10px 25px rgba(0,0,0,.06);
      --radius: 14px;
      --container: 1240px;
      --dd-gap: 10px;
    }
* {
    box-sizing: border-box;
    outline: none;
}
.navbar-toggler:focus{
  box-shadow: none;
}
html{
    scroll-behavior:smooth;
}
    *{ box-sizing:border-box; outline:0;}

    html,body{ margin:0; padding:0; }

    body{
      
      color:var(--text);
      background:#fff;
    }

    a{ color:inherit; text-decoration:none; }

    img{ max-width:100%; height:auto; display:block; }

a.navbar-brand span {
    display: inline-block;
    width: 280px;
}
    .apg-container{
      max-width:var(--container);
      margin:0 auto;
      padding:0 18px;
    }

    /* Top Bar */
    .apg-topbar{
      background:var(--topbar-bg);
      color:var(--topbar-text);
      font-size:14px;
      line-height:1.2;
    }
    .apg-topbar .apg-container{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:14px;
      padding:10px 0;
    }
    .apg-top-left, .apg-top-right{
      display:flex;
      align-items:center;
      gap:18px;
      flex-wrap:wrap;
    }
    .apg-top-item{
      display:flex;
      align-items:center;
      gap:8px;
      opacity:.95;
      white-space:nowrap;
    }
    .apg-top-item svg{ width:16px; height:16px; fill:#fff; opacity:.95; }

    .apg-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      padding:9px 14px;
      border-radius:999px;
      background:#fff;
      color:#5b3a24;
      font-weight:600;
      border:1px solid rgba(255,255,255,.35);
      transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
    }
    .apg-btn:hover{ transform:translateY(-1px); box-shadow:0 8px 16px rgba(0,0,0,.12); background:#fff; }

    /* Header */
    .apg-header{
      background:var(--header-bg);
      border-bottom:1px solid var(--border);
      position:sticky;
      top:0;
      z-index:999;
      backdrop-filter:saturate(180%) blur(10px);
    }
    .apg-header-inner{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:18px;
      padding:14px 0;
    }

    /* Logo (Left) */
    .apg-logo{
      display:flex;
      align-items:center;
      gap:14px;
      line-height:1.05;
      padding:6px 0;
      flex:0 0 auto;
    }

    .apg-logo-img{
      height:60px;
      width:auto;
      object-fit:contain;
      flex:0 0 auto;
    }

    .apg-logo-text{ display:flex; flex-direction:column; }

    .apg-title{
      
      font-size:30px;
      font-weight:400;
      letter-spacing:1px;
      margin:0;
      color:var(--text);
      white-space:nowrap;
      position:relative;
      display:inline-block;
      padding-top:10px;
      line-height:1.05;
    }
    .apg-title::before{
      content:"";
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:3px;
      background:currentColor;
      border-radius:2px;
    }

    .apg-sub{
      margin-top:6px;
      font-size:12px;
      letter-spacing:2px;
      color:var(--accent);
      text-transform:uppercase;
      white-space:nowrap;
    }

    .apg-right-wrap{
      display:flex;
      align-items:center;
      justify-content:flex-end;
      gap:16px;
      flex:1 1 auto;
      min-width:0;
    }

    /* Nav (Desktop) */
    .apg-nav{
      display:flex;
      align-items:center;
      gap:16px;
      flex-wrap:nowrap;
    }
    .apg-nav a, .apg-nav button{
      
      font-size:20px;
      letter-spacing:1px;
      text-transform:uppercase;
      font-weight:600;
      color:var(--text);
      padding:10px 6px;
      border-radius:10px;
      transition: background .15s ease, color .15s ease;
      border:none;
      background:transparent;
      cursor:pointer;
      white-space:nowrap;
      line-height:1;
    }
    .apg-nav a:hover, .apg-nav button:hover{
      background:rgba(184,115,51,.10);
      color:var(--accent);
    }

    /* Dropdown (Desktop) */
    .apg-dd{ position:relative; }
    .apg-dd > button{
      display:inline-flex;
      align-items:center;
      gap:8px;
    }
    .apg-caret{
      width:10px; height:10px;
      border-right:2px solid currentColor;
      border-bottom:2px solid currentColor;
      transform:rotate(45deg);
      margin-top:-2px;
      opacity:.9;
    }
    .apg-dd::after{
      content:"";
      position:absolute;
      left:0;
      top:100%;
      width:100%;
      height:var(--dd-gap);
    }
    .apg-dd-menu{
      position:absolute;
      top:calc(100% + var(--dd-gap));
      left:0;
      min-width:220px;
      background:#fff;
      border:1px solid var(--border);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
      padding:10px;
      display:none;
      z-index:9999;
    }
    .apg-dd-menu a{
      display:block;
      padding:10px 12px;
      border-radius:10px;
      letter-spacing:1px;
      text-transform:none;
      
      font-weight:600;
      font-size:14px;
      color:var(--text);
      white-space:nowrap;
    }
    .apg-dd-menu a:hover{
      background:rgba(184,115,51,.12);
      color:var(--accent);
    }
    .apg-dd:hover .apg-dd-menu,
    .apg-dd:focus-within .apg-dd-menu{ display:block; }

    /* Mobile Toggle */
    .apg-mobile-toggle{
      display:none;
      align-items:center;
      justify-content:center;
      width:44px; height:44px;
      border-radius:12px;
      border:1px solid var(--border);
      background:#fff;
      cursor:pointer;
      box-shadow:0 6px 14px rgba(0,0,0,.06);
    }
    .apg-burger{ width:18px; height:12px; position:relative; }
    .apg-burger span{
      position:absolute; left:0; right:0;
      height:2px; background:var(--text);
      border-radius:2px;
    }
    .apg-burger span:nth-child(1){ top:0; }
    .apg-burger span:nth-child(2){ top:5px; }
    .apg-burger span:nth-child(3){ top:10px; }

    /* Mobile Panel */
    .apg-mobile-panel{
      display:none;
      background:#fff;
      border-top:1px solid var(--border);
    }
    .apg-mobile-panel.is-open{ display:block; }
    .apg-mobile-panel .apg-container{ padding:14px 18px 18px; }

    .apg-mobile-links a,
    .apg-mobile-links button{
      display:flex;
      align-items:center;
      justify-content:space-between;
      width:100%;
      padding:12px 12px;
      border-radius:12px;
      
      font-weight:700;
      letter-spacing:1px;
      text-transform:uppercase;
      font-size:13px;
      border:1px solid var(--border);
      margin-bottom:10px;
      background:#fff;
      color:var(--text);
      cursor:pointer;
    }
    .apg-mobile-links a:hover,
    .apg-mobile-links button:hover{
      border-color:rgba(184,115,51,.4);
      background:rgba(184,115,51,.08);
      color:var(--accent);
    }

    .apg-mcaret{
      width:10px; height:10px;
      border-right:2px solid currentColor;
      border-bottom:2px solid currentColor;
      transform:rotate(45deg);
      opacity:.9;
      margin-left:10px;
      flex:0 0 auto;
    }

    .apg-mobile-sub{
      display:none;
      margin:-4px 0 10px 0;
      padding-left:10px;
    }
    .apg-mobile-sub a{
      text-transform:none;
      letter-spacing:.2px;
      font-weight:600;
      font-size:13px;
    }
    .apg-mobile-sub.is-open{ display:block; }

    /* Responsive */
    @media (max-width: 1100px){
      .apg-title{ font-size:26px; }
      .apg-logo-img{ height:52px; }
      .apg-nav{ gap:12px; }
      .apg-nav a, .apg-nav button{ font-size:18px; }
    }

    @media (max-width: 980px){
      .apg-right-wrap .apg-nav{ display:none; }
      .apg-mobile-toggle{ display:inline-flex; }
      .apg-title{ font-size:22px; }
      .apg-logo-img{ height:45px; }
      .apg-sub{ font-size:11px; letter-spacing:1.5px; }
    }

    @media (max-width: 560px){
      .apg-topbar .apg-container{ justify-content:center; gap:10px; }
      .apg-top-right{ display:none; }
      .apg-title{ font-size:20px; padding-top:8px; }
      .apg-title::before{ height:2px; }
      .apg-logo-img{ height:38px; }
      .apg-sub{ display:none; }
    }
 
/* Container */
.container{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
}

/* Light Colored Box Wrapper */
/* .content-box{
  background: linear-gradient(180deg, rgba(255,255,255,0.92), rgba(250,248,244,0.92));
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 18px;
  padding: 28px 24px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.06);
} */

/* CTA box variant for dark background section */
.content-box-dark{
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.16);
  box-shadow: 0 14px 36px rgba(0,0,0,0.22);
}

/* Section Divider */
.section-divider{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding: 8px 0;
  background: linear-gradient(90deg, #ffffff, #fbfbfb, #ffffff);
}
.section-divider-line{
  width: 120px;
  height: 1px;
  background: linear-gradient(to right, transparent, rgba(0,0,0,0.20), transparent);
}
.section-divider-icon{
  font-size: 16px;
  color: #c89b3c;
  line-height: 1;
  opacity: 0.9;
}

/* Sections */
.home-section{
  padding: 42px 0;
  background: #f7b553;
}
.about-section{ background: #fbfbfb; }

/* CTA */
.cta-section{
  padding: 34px 0;
  background: linear-gradient(90deg, rgba(0,0,0,0.9), rgba(200,155,60,0.35));
}

/* Head */
.content-box .section-head{ margin-bottom: 22px; }
.section-head{
  text-align: center;
  margin-bottom: 22px;
}
.section-head h2{
      font-size: 32px;
    font-weight: 600;
    color: #1d2e5a;
    margin-bottom: 30px;
}
.section-head p{
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #555;
  margin: 0;
}

/* Hero Section Styling */

.hero-section img{
	width:100%;
}
/* .hero-section { */
  /* width: 100%; */
  /* height: 100vh; */
  /* background: url('../images/banner-img.png') no-repeat center center/cover; */
  /* position: relative; */
  /* display: flex; */
  /* align-items: flex-end; */
  /* justify-content: center; */
  /* overflow: hidden; */
  /* animation: zoomBg 20s ease-in-out infinite alternate; */
  /* padding-bottom: 48px; */
/* } */
/* .hero-section { */
    /* height: 100vh; */
    /* background-image: url(../images/banner-img.png); */
    /* position: relative; */
    /* display: flex; */
    /* align-items: flex-end; */
    /* justify-content: center; */
    /* overflow: hidden; */
    /* padding: 100px; */
    /* background-size: cover; */
    /* width: 100%; */
    /* background-position: center; */
/* } */
/* .hero-section::before { */
  /* content: ""; */
  /* position: absolute; */
  /* top: 0; */
  /* left: 0; */
  /* width: 100%; */
  /* height: 100%; */
  /* background: rgba(0, 0, 0, 0.45); */
  /* z-index: 1; */
/* } */
/* .hero-overlay{ */
  /* width: 100%; */
  /* display: flex; */
  /* justify-content: center; */
/* } */
@keyframes zoomBg {
  0% { background-size: 100%; }
  100% { background-size: 110%; }
}
.hero-content {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 900px;
  padding: 20px;
  animation: fadeUp 1.5s ease forwards;
  opacity: 0;
}
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(40px); }
  to { opacity: 1; transform: translateY(0); }
}
.hero-content h1 {
  
  font-size: 52px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #ffffff;
  text-shadow: 0 6px 20px rgba(0,0,0,0.6);
  letter-spacing: 1px;
}
.hero-content p {
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 18px;
  color: #f1f1f1;
  text-shadow: 0 4px 15px rgba(0,0,0,0.5);
}

/* Buttons */
.hero-btn, .btn-primary{
  display: inline-block;
  padding: 12px 26px;
  background: #c89b3c;
  color: #fff;
  text-decoration: none;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  border-radius: 30px;
  transition: 0.3s ease;
}
.hero-btn:hover, .btn-primary:hover{
  background: #a67c2a;
  transform: translateY(-2px);
}
.btn-outline{
  display: inline-block;
  padding: 12px 26px;
  background: transparent;
  color: #c89b3c;
  text-decoration: none;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  border-radius: 30px;
  border: 1px solid rgba(200,155,60,0.65);
  transition: 0.3s ease;
}
.btn-outline:hover{
  background: rgba(200,155,60,0.12);
  transform: translateY(-2px);
}

.divabout{
	padding:60px 0px;
}

.divabout h1{
	    font-size: 44px;
    line-height: 54px;
    text-align: center;
    color: #000;
    margin-bottom: 30px;
}

.divabout p {
    font-size: 18px;
    line-height: 36px;
    color: #000;
    text-align: center;
    margin-bottom: 30px;
}

.divabout h1{
	        font-size: 36px;
    line-height: 46px;
    text-align: center;
    color: #000;
    margin-bottom: 20px;
}

.divabout h1 span{
  color: #c89b3c;
}

.divabout p {
    font-size: 16px;
    line-height: 32px;
    color: #000;
    text-align: center;
    margin-bottom: 30px;
}

.Divwhy{
background: #1c2e59;
padding: 50px 0px;
}

.Divwhy h2{
     font-size: 32px;
    line-height: 42px;
    text-align: left;
    color: #fff;
    margin-bottom: 20px;
}

.Divwhy ul{
margin: 0px;
padding: 0px;
padding-left: 18px;
list-style: disc;
margin-bottom: 30px;
}

.Divwhy ul li{
font-size: 16px;
    line-height: 40px;
    color: #fff;
}

.Divwhy p{
  font-size: 16px;
    line-height: 32px;
    color: #fff;
    text-align: left;
    margin-bottom: 20px;
}

/* About */
.about-grid{
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 22px;
  align-items: stretch;
}
.about-text h3{
  
  font-size: 26px;
  color: #222;
  margin: 0 0 10px 0;
}
.about-text p{
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.8;
  color: #444;
  margin: 0 0 12px 0;
}
.about-points{
  margin: 0 0 14px 0;
  padding-left: 18px;
}
.about-points li{
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  line-height: 1.8;
  color: #333;
  margin-bottom: 6px;
}
.about-actions{
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.about-card{
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  border: 1px solid rgba(0,0,0,0.06);
}
.about-card-inner{ padding: 22px; }
.about-card h4{
  
  font-size: 22px;
  margin: 0 0 14px 0;
  color: #1b1b1b;
}
.highlight-row{
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px dashed rgba(0,0,0,0.08);
}
.highlight-label{
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  color: #666;
  font-weight: 500;
}
.highlight-value{
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  color: #222;
  font-weight: 400;
  text-align: right;
}
.note{
  margin-top: 14px;
  background: rgba(200,155,60,0.12);
  border: 1px solid rgba(200,155,60,0.35);
  padding: 12px 14px;
  border-radius: 12px;
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  color: #333;
}

/* Cards */
.card-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
.info-card{
  background: #fff;
  border-radius: 16px;
  padding: 20px;
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 10px 25px rgba(0,0,0,0.06);
  transition: 0.25s ease;
}
.info-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 16px 35px rgba(0,0,0,0.10);
}
.info-card h3{
  font-size: 18px;
    margin: 0 0 10px 0;
    color: #1b1b1b;
    font-weight: 600;
}
.info-card p{
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.8;
  color: #444;
  margin: 0 0 10px 0;
}
.vastu-images img{
  border-radius: 8px;
}
.card-link{
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #c89b3c;
  text-decoration: none;
}
.card-link:hover{ color: #a67c2a; }

/* Why */
.why-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.why-item{
  background: #fbfbfb;
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 16px;
  padding: 18px;
}
.why-item h4{
  
  font-size: 18px;
  margin: 0 0 6px 0;
  color: #1b1b1b;
}
.why-item p{
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.8;
  color: #444;
  margin: 0;
}

/* Responsive */
@media(max-width:992px){
  .card-grid{ grid-template-columns: repeat(2, 1fr); }
  .why-grid{ grid-template-columns: repeat(2, 1fr); }
  .about-grid{ grid-template-columns: 1fr; }
  .content-box{ padding: 22px 16px; }
}
@media(max-width:768px){
  .hero-section{
    background-position: center top;
    height: auto;
    padding-bottom: 36px;
  }
  .hero-content h1{ font-size: 32px; }
  .hero-content p{ font-size: 16px; }
  .home-section{ padding: 34px 0; }
  .cta-section{ padding: 26px 0; }
  .section-divider{ padding: 6px 0; }
}
@media(max-width:576px){
  .section-head h2{ font-size: 28px; }
  .card-grid{ grid-template-columns: 1fr; }
  .why-grid{ grid-template-columns: 1fr; }
  .section-divider-line{ width: 90px; }
  .section-divider{ gap: 10px; }
}



.site-footer{
    background:#0f0f0f;
    color:rgba(255,255,255,0.85);
    font-family:'Poppins',sans-serif;
}
.footer-top{
    padding:60px 0 40px 0;
    background:linear-gradient(180deg, rgba(0,0,0,0.92), rgba(0,0,0,0.98));
    border-top:1px solid rgba(200,155,60,0.20);
}
.footer-grid{
    display:grid;
    grid-template-columns:1.4fr 0.8fr 0.9fr 1.1fr;
    gap:22px;
}
.footer-brand{
    
    font-size:26px;
    margin-bottom:10px;
}
.footer-text{
    font-size:14px;
    line-height:1.9;
}
.footer-title{
    
    font-size:18px;
    margin-bottom:12px;
}
.footer-links,
.footer-contact{
    list-style:none;
    padding:0;
    margin:0;
}
.footer-links li,
.footer-contact li{
    margin-bottom:10px;
}
.footer-links a,
.footer-contact a{
    color:rgba(255,255,255,0.78);
    text-decoration:none;
    transition:0.25s;
}
.footer-links a:hover,
.footer-contact a:hover{
    color:#c89b3c;
}
.footer-btn{
    display:inline-block;
    padding:10px 18px;
    border-radius:30px;
    background:#c89b3c;
    color:#fff;
    text-decoration:none;
    margin-top:10px;
}
.footer-btn.outline{
    background:transparent;
    border:1px solid #c89b3c;
    color:#c89b3c;
}
.footer-bottom{
    padding:18px 0;
    background:#0b0b0b;
    text-align:center;
}

/* WhatsApp Floating */
.whatsapp-float{
    position:fixed;
    bottom:20px;
    right:20px;
    width:60px;
    height:60px;
    background:#25D366;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 8px 25px rgba(0,0,0,0.35);
    z-index:9999;
    transition:0.3s;
}
.whatsapp-float:hover{
    transform:translateY(-4px) scale(1.05);
}
@media(max-width:992px){
    .footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:576px){
    .footer-grid{grid-template-columns:1fr;}
    .whatsapp-float{
        width:54px;
        height:54px;
        bottom:15px;
        right:15px;
    }
}

.footer-social{
    display:flex;
    gap:14px;
    margin-top:18px;
}

.social-link{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:rgba(255,255,255,0.08);
    transition:0.3s ease;
}

.social-link svg{
    width:20px;
    height:20px;
    fill:#ffffff;
}

.social-link:hover{
    background:#c89b3c;
    transform:translateY(-3px);
}