.elementor-6 .elementor-element.elementor-element-92eb324:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-92eb324 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E7B21C;}.elementor-6 .elementor-element.elementor-element-92eb324{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-92eb324 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}/* Start custom CSS for html, class: .elementor-element-d43a24c *//* ---------- Global Reset ---------- */ * { margin: 0; padding: 0; box-sizing: border-box } :root { --aapkaa-brand: #8B1B13; --aapkaa-brand-2: #1550B2; --aapkaa-gold: #caa43b; --aapkaa-dark: #1f1f1f; --aapkaa-text: #3b3b3b; --aapkaa-bg: #fffaf1; } html { scroll-behavior: smooth } body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, Helvetica, sans-serif; color: var(--aapkaa-text); background: radial-gradient(1200px 600px at 10% -10%, #fff2c9, transparent) no-repeat, linear-gradient(180deg, #fffdf7, #fffaf1); } .aapkaa-container { max-width: 1200px; margin: auto; padding: 0 16px } /* Buttons */ .aapkaa-btn { display: inline-block; padding: 12px 18px; border-radius: 999px; text-decoration: none; font-weight: 700; border: 0; cursor: pointer; transition: transform .08s ease-in-out, box-shadow .2s ease; box-shadow: 0 10px 24px -12px rgba(0,0,0,.25); background: #f8d734; } @media screen and (max-width: 1023px) { .aapkaa-container { padding: 13px 16px !important; } .vastu-keywords { margin-top:0px !important; } .vastu-outline { outline: 3px solid #fffbbc; outline-offset: -2px; } .vastu-outline:hover { background: #8b0a07 !important; } /*.vastu-btn { border: 1px solid #fffbbc !important; }*/ .vastu-footer p, .vastu-footer a { font-size: 16px; color: #fffbbc !important; } .vastu-heading { color: #eab23a !important; } .aapkaa-hero-card { margin-top: 25px; } .aapkaa-hero h1 { margin-top: 12px; font-size: 30px; } .aapkaa-btn { margin-top: 10px; } .vastucontact { padding: 40px 0px; } .vastu-bottom { bottom: 0 !important; margin-top: 0px !important; } .vastu-footer { padding-bottom: 33px; } } /* Buttons */ .aapkaa-btn { display: inline-block; padding: 12px 18px; border-radius: 999px; text-decoration: none; font-weight: 700; border: 0; cursor: pointer; transition: transform .08s ease-in-out, box-shadow .2s ease; box-shadow: 0 10px 24px -12px rgba(0,0,0,.25); background: #f8d734; } .aapkaa-btn:active { transform: translateY(1px) } .aapkaa-btn-primary { background: var(--aapkaa-brand); color: #fff } .aapkaa-btn-outline { background: #fff; border: 2px solid var(--aapkaa-brand); color: var(--aapkaa-brand) } .aapkaa-btn-whatsapp { background: #25D366; color: #fff } .aapkaa-badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; background: #fffab6; color: var(--aapkaa-brand-2); font-weight: 700; font-size: 20px; margin-bottom: 10px; } /* ---------- Hero ---------- */ .aapkaa-hero { position: relative; overflow: hidden; background: radial-gradient(800px 260px at 80% -30%, rgba(255, 215, 140, .35), transparent), radial-gradient(700px 400px at -10% 10%, rgba(216, 60, 32, .10), transparent); } .aapkaa-hero-inner { display: grid; grid-template-columns: 1.2fr .8fr; gap: 28px; align-items: center; padding: 56px 0 } .aapkaa-hero h1 { font-size: clamp(2rem, 3.5vw, 3rem); line-height: 1.15; color: var(--aapkaa-brand); letter-spacing: .3px } .aapkaa-lead { font-size: 15px; margin-top: 10px; color: #803e00; font-weight: bold; } .aapkaa-hero-list { margin-top: 16px; display: grid; gap: 8px } .aapkaa-hero-list li { list-style: none; display: flex; gap: 10px; align-items: flex-start; font-size: 14px; color:#11652A; } .aapkaa-hero-list li::before { content: "✔"; font-weight: 900; color: #11652a; margin-top: 2px } .aapkaa-hero-card { background: #fffab6; border: 1px solid #eee; border-radius: 18px; padding: 18px; box-shadow: 0 16px 40px -28px rgba(0, 0, 0, .35); } .aapkaa-hero-card img { border-radius: 12px; border: 1px solid #f0e6d1; max-width: 100%; min-height: 435px; max-height: 435px; object-fit: cover; width: 100%; } /* ---------- Trust Row ---------- */ .aapkaa-trust { padding: 40px 0; border-top: 1px dashed #e8e2cd; border-bottom: 1px dashed #e8e2cd; background: #f8d734; } .aapkaa-trust .aapkaa-row { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; align-items: center } .aapkaa-trust .aapkaa-row span { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color:#11652a; padding: 10px; box-shadow: 0 2px 5px #8b1b13; } /* ---------- Sections ---------- */ .aapkaa-section { padding: 30px 0 } .aapkaa-section h2 { font-size: 40px; color: #e7b21c; } #aapkaa-for { background: #860903; } .aapkaa-sub { color:#8b1b13; margin-top: 6px; font-size: 16px; } /* Services grid */ .aapkaa-grid { display: grid; gap: 16px } .aapkaa-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) } .aapkaa-card { background: #11652a; border: 1px solid #eee; border-radius: 16px; padding: 18px; transition: transform .15s ease, box-shadow .2s ease; } .aapkaa-card:hover { transform: translateY(-2px); box-shadow: 0 22px 44px -32px rgba(0, 0, 0, .4) } .aapkaa-card h3 { color: #E7B21C; margin-bottom: 8px; font-size: 20px; } .aapkaa-card ul { display: grid; gap: 8px; margin-top: 8px } .aapkaa-card li { list-style: none; display: flex; gap: 10px; font-size: 15px; color: #fffab6; } .aapkaa-card li::before { content: "•"; color: #fffab6; font-weight: 900 } /* Who it's for */ .aapkaa-pills { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px } .aapkaa-pill { padding: 10px 12px; border-radius: 999px; background: #fffab6; border: 1px solid #eee; color:#11652a; font-size: 14px; } /* ---------- Form ---------- */ .aapkaa-form-wrap { background: #fffab6; border: 1px solid #eee; border-radius: 18px; padding: 22px; box-shadow: 0 16px 50px -34px rgba(0, 0, 0, .5); } .aapkaa-form { display: grid; gap: 12px } .aapkaa-form label { font-weight: 700; color: #4b3b2a } .aapkaa-input, select, textarea { width: 100%; padding: 12px 14px; border-radius: 12px; border: 1px solid #ddd; outline: none; transition: border-color .15s ease; background: #fff } .aapkaa-input:focus, select:focus, textarea:focus { border-color: var(--aapkaa-brand-2) } .aapkaa-form small { color: #6d6d6d } .aapkaa-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px } .aapkaa-actions { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-top: 4px } /* ---------- Footer ---------- */ .aapkaa-footer { background: #17340d; color: #e6ffed; margin-top: 56px } .aapkaa-footer a { color: #dff8ff; text-decoration: none } .aapkaa-footer-inner { display: grid; grid-template-columns: 1.2fr .8fr; gap: 18px; padding: 24px 0; align-items: center } .aapkaa-footer img { max-width: 100%; border-radius: 12px; border: 1px solid #224c19 } /* ---------- Responsive ---------- */ @media (max-width: 960px) { .aapkaa-hero-inner { grid-template-columns: 1fr } .aapkaa-grid-3 { grid-template-columns: 1fr 1fr } .aapkaa-footer-inner { grid-template-columns: 1fr } } @media (max-width: 600px) { .aapkaa-row { grid-template-columns: 1fr } .aapkaa-grid-3 { grid-template-columns: 1fr } } .aapkaa-form-wrap .wpcf7-form-control::placeholder { color:#11652a; } .aapkaa-form-wrap .wpcf7-submit { background: #860903; color: #fff !important; } .aapkaa-form-wrap .wpcf7-submit:hover { background:#fffab6 color:#; } .aapkaa-form-wrap h2 { color:#11652a; } .aapkaa-form-wrap .wpcf7-form-control { color:#11652a; } /* Footer Section Base */ .vastu-footer { background: #860903; /* dark green theme */ color: #fff; padding: 40px 20px 40px; font-family: Arial, sans-serif; } .vastu-footer-inner { display: block; } .vastu-heading { color: #11652a; margin-bottom: 12px; font-size: 22px; font-weight: 600; } .vastu-footer p { margin: 4px 0; font-size: 15px; color:#860903; } .vastu-footer a { color: #860903; text-decoration: none; transition: color 0.3s; } .vastu-footer a:hover { color:#11652a; } #aapkaa-services h2 { color:#8b1b13; } /* Buttons */ .vastu-buttons { margin-top: 14px; display: flex; flex-wrap: wrap; gap: 10px; } .vastu-btn { padding: 8px 16px; border-radius: 6px; font-size: 14px; text-decoration: none; transition: all 0.3s ease; border: 1px solid #11652a !important; } .vastu-outline { border: 1px solid #fff; color: #fff; } .vastu-outline:hover { background: #fff; color: #17310e; } .vastu-whatsapp { background: #25d366; color: #630c1c; border: none; } .vastu-whatsapp:hover { background: #1eb25a; } /* Right Image */ .vastu-footer img { max-width: 100%; border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.4); } /* Bottom Bar */ .vastu-bottom { text-align: center; padding: 12px 0; border-top: 1px solid #c6d4c1; margin-top: 0px; font-size: 14px; background: #630c1c; z-index: 999; position: relative; bottom: 0px; color:#fff; } @media (min-width: 769px) { .vastucontact { margin-top: -264px; padding-left: 50px; } #aapkaa-services h2 { margin-bottom: 5px; } .aapkagrid { display: grid !important; grid-template-columns: 1fr 1fr; gap: 42px !important; align-items: start; } #aapkaa-consult { padding: 100px 0px; } .aapka2 { margin-top:16px;display:flex;gap:10px;flex-wrap:wrap; } } .vastu-keywords { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; margin: 100px auto 0; padding: 20px; max-width: 100%; background: #fffab6; border-radius: 12px; } .vastu-keywords h4 { font-size: 18px; margin-bottom: 10px; color: #860903; font-weight: 600; } .vastu-keywords ul { list-style: none; padding: 0; margin: 0; } .vastu-keywords ul li { font-size: 14px; color: #11652a; margin-bottom: 6px; line-height: 1.5; position: relative; padding-left: 18px; } .vastu-keywords ul li::before { content: "✔"; position: absolute; left: 0; color: #11652a; font-size: 12px; top: 2px; } .vastu-bottom a { color: #fffab6; } .vastu-bottom a:hover { color:#fff; } /* Testimonials Section */ .testi { background: #fffab6; /* halka grey background */ padding: 60px 20px; text-align: center; } .testi h2 { font-size: 40px; color: #860903; margin-bottom: 10px; } .testi .aapkaa-sub { font-size: 16px; color: #860903; margin-bottom: 30px; } /* Grid Layout */ .aapkaa-grid.aapkaa-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } /* Testimonial Card */ .testi .aapkaa-card { background: #fffab6; padding: 25px 20px; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); text-align: left; position: relative; transition: transform 0.3s ease, box-shadow 0.3s ease; } .testi .aapkaa-card:hover { transform: translateY(-6px); box-shadow: 0 8px 18px rgba(0,0,0,0.12); } .testi .aapkaa-card p { font-style: italic; font-size: 18px; color: #9333ea; margin-bottom: 15px; line-height: 1.5; position: relative; padding-left: 25px; } /* Quote Icon Effect */ .testi .aapkaa-card p::before { content: "❝"; font-size: 28px; color: #9333ea; /* purple accent */ position: absolute; left: 0; top: -5px; } .testi .aapkaa-card h4 { font-weight: 600; font-size: 15px; color: #11652a; margin: 0; text-align: right; } /* Responsive Design */ @media (max-width: 992px) { .aapkaa-grid.aapkaa-grid-3 { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .aapkaa-grid.aapkaa-grid-3 { grid-template-columns: 1fr; } } /* FAQ Section */ .faq-section { background: #f8f9fa; padding: 60px 20px; } .faq-section h2 { text-align: center; font-size: 32px; margin-bottom: 40px; color: #11652a; } .faq-wrapper { max-width: 900px; margin: 0 auto; } .faq-item { border-bottom: 1px solid #ddd; margin-bottom: 10px; } .faq-question { width: 100%; background: #fff; border: none; outline: none; text-align: left; padding: 18px 20px; font-size: 18px; font-weight: 600; cursor: pointer; position: relative; transition: background 0.3s; color: #860903; } .faq-question::after { content: '+'; position: absolute; right: 20px; font-size: 20px; transition: transform 0.3s; } .faq-item.active .faq-question::after { transform: rotate(45deg); } .faq-question:hover { background: #f0f0f0; } .faq-answer { display: none; padding: 0 20px 18px; color: #333; font-size: 16px; line-height: 1.6; } .faq-item.active .faq-answer { display: block; } @media screen and (max-width: 768px) { .faq-section h2 { font-size: 26px; } .faq-question { font-size: 16px; padding: 15px 18px; } .faq-answer { font-size: 15px; padding: 0 18px 15px; } }/* End custom CSS */