/*
Theme Name: SaveTaxs
Theme URI: https://savetaxs.com
Author: SaveTaxs
Author URI: https://savetaxs.com
Description: SaveTaxs – A modern, responsive WordPress theme for NRI taxation, investment and finance blogs. Includes a custom blog listing with admin-selectable categories, matching single post template, Recent Post auto-slider, admin managed FAQs, and full header/footer.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: savetaxs
Tags: blog, custom-logo, custom-menu, featured-images, theme-options, translation-ready, responsive
*/


/* ── Contact Page ───────────────────────────── */
/* .nritax-contact-wrap {
    padding: 60px 30px !important;
} */

.st-menu > li > a{
	color: #1F1F2E !important;
}

/* ── Hero Heading ───────────────────────────── */
.nritax-contact-hero {
    text-align: center;
    padding: 20px 0px;
    margin: 40px 0px;
/*     background-color: var(--wp-editor-canvas-background); */
}
.nritax-contact-hero h1 {
    font-size: clamp(26px, 4vw, 42px) !important;
    font-weight: 800 !important;
    color: #111 !important;
    margin: 0 0 14px !important;
    line-height: 1.2 !important;
}
.nritax-contact-hero p {
    font-size: 16px !important;
    color: #666 !important;
    margin: 0 auto !important;
    line-height: 1.7 !important;
}

/* ── Form Box ────────────────────────────────── */
.nritax-contact-form-box {
    max-width: 60% !important;
    margin: 0 auto !important;
    background: #fff !important;
    border: 1px solid #e9dffc !important;
    border-radius: 20px !important;
    padding: 40px 36px 10px !important;
    box-shadow: 0 12px 50px rgba(107,33,168,0.09) !important;
    box-sizing: border-box !important;
}

.st-page__body{
	padding-bottom:0px;
}

.nritax-contact-form-box h2 {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #1a1333 !important;
    margin: 0 0 8px !important;
}
.nritax-contact-form-box > p {
    font-size: 14px !important;
    color: #6b6581 !important;
    margin: 0 0 24px !important;
    line-height: 1.6 !important;
}

/* ── Fields ──────────────────────────────────── */
.nritax-cf-field {
    margin-bottom: 14px !important;
}
.nritax-cf-field input,
.nritax-cf-field textarea {
    width: 100% !important;
    padding: 13px 16px !important;
    font-size: 15px !important;
    font-family: inherit !important;
    color: #1a1333 !important;
    border: 1.5px solid #e5dff5 !important;
    border-radius: 10px !important;
    background: #faf9ff !important;
    outline: none !important;
    box-sizing: border-box !important;
    transition: border-color 0.15s, box-shadow 0.15s !important;
    box-shadow: none !important;
}
/* .nritax-cf-field input:focus,
.nritax-cf-field textarea:focus {
    border-color: #7c3aed !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(124,58,237,0.1) !important;
} */
.nritax-cf-field textarea {
    resize: vertical !important;
    min-height: 110px !important;
}

/* ── Phone Field ─────────────────────────────── */
.nritax-cf-phone {
    display: flex !important;
    align-items: center !important;
    border: 1.5px solid #e5dff5 !important;
    border-radius: 10px !important;
    background: #faf9ff !important;
    padding: 0 14px !important;
}
/* .nritax-cf-phone:focus-within {
    border-color: #7c3aed !important;
    box-shadow: 0 0 0 3px rgba(124,58,237,0.1) !important;
} */
.nritax-cf-phone-flag {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1a1333 !important;
    white-space: nowrap !important;
    padding-right: 10px !important;
    margin-right: 10px !important;
}
.nritax-cf-phone input {
    border: none !important;
    flex: 1 !important;
}

/* ── Submit Button ───────────────────────────── */
.nritax-cf-submit {
    width: 100% !important;
    padding: 14px !important;
    background: #7c3aed !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    margin-top: 6px !important;
    transition: background 0.2s !important;
    letter-spacing: 0.3px !important;
}
.nritax-cf-submit:hover { background: #6d28d9 !important; }

.nritax-cf-note {
    text-align: center !important;
    font-size: 12px !important;
    color: #999 !important;
    margin: 12px 0 0 !important;
}
.nritax-cf-msg {
    text-align: center;
    font-size: 14px;
    margin-top: 10px;
    min-height: 20px;
}
.nritax-cf-msg.success { color: #0a7c3a; }
.nritax-cf-msg.error   { color: #c42a2a; }

/* ── Mobile ──────────────────────────────────── */
@media (max-width: 600px) {
    .nritax-contact-wrap     { padding: 30px 14px !important; }
    .nritax-contact-form-box { padding: 24px 16px !important; }
}


/* Contact Us page title hide */
.st-page__header{
	display: none;
}



/* Base stylesheet — actual styles are in assets/css/main.css */
#attachment_176 {
  width: 100%;     /* Makes the image fill the container width */
  height: auto;    /* Maintains the aspect ratio */
  max-width: 100%; /* Ensures image doesn't exceed the container's width */
}

/* .st-cta-card{
	display:none;
} */

.Hero_Banner{
	width: 60%;
}

/* ── Hero Banner ─────────────────────────────── */
.Hero_Banner.nri-hero-banner {
    background:  #ffffff;
    padding:  60px 0px 60px 0px;
    height:      auto !important;
    width:       100%;
    box-sizing:  border-box;
    position:    relative;
    overflow:    hidden;
}

.nri-hero-inner {
/*     max-width:    1200px; */
    margin:       0 auto;
    display:      flex;
    align-items:  center;
    gap:          20px;
}

/* LEFT */
.nri-hero-text {
    flex:      1;
    min-width: 0;
}

.nri-tagline {
    font-size:      13px;
    font-weight:    700;
    letter-spacing: 2.5px;
    color:          #7c3aed;
    text-transform: uppercase;
    margin:         0 0 18px 0;
}

.nri-heading {
    font-size:   45px;
    font-weight: 800;
    color:       #111111;
    line-height: 1.12;
    margin:      0 0 22px 0;
}

.nri-heading .nri-purple {
    color: #7c3aed;
}

.nri-subtext {
    font-size:   16px;
    color:       #444444;
    line-height: 1.65;
    max-width:   420px;
    margin:      0;
}

/* RIGHT */
.nri-hero-image {
    flex:            1.6;
    display:         flex;
    justify-content: flex-end;
    align-items:     center;
}

.nri-hero-image img {
    width:      100%;
/*     max-width:  680px; */
    height:     auto;
    object-fit: contain;
}

/* ── Subtext ─────────────────────────────────── */
.nri-subtext {
    font-size:   16px;
    color:       #444444;
    line-height: 1.65;
    max-width:   420px;
    margin:      0 0 8px 0;
}

/* ── Button ──────────────────────────────────── */
.nri-btn {
    display:         inline-flex;
    align-items:     center;
    gap:             10px;
    background:      #7c3aed;
    color:           #ffffff;
    font-size:       15px;
    font-weight:     600;
    padding:         14px 32px;
    border-radius:   50px;
    text-decoration: none;
    margin-top:      24px;
    transition:      background 0.2s, transform 0.2s;
}
.nri-btn:hover {
    background: #6d28d9;
    transform:  translateX(3px);
    color:      #ffffff;
}

/* Mobile */
@media (max-width: 768px) {
    .Hero_Banner.nri-hero-banner { padding: 40px 20px; }
    .nri-hero-inner  { flex-direction: column; gap: 30px; }
    .nri-hero-image  { justify-content: center; width: 100%; }
    .nri-subtext     { max-width: 100%; }
}




.hero-banner {
    width: 100%;
    height: 500px; /* You can adjust or make this responsive */
    background-position: center center;
    background-repeat: no-repeat;
}

/* ===== CTA Form Card ===== */
.st-cta-form-card {
	background: #fff;
	border: 1px solid #e9dffc;
	border-radius: 16px;
	padding: 20px 14px;
	box-shadow: 0 10px 40px rgba(107, 33, 168, 0.08);
	position: relative;
}
.st-cta-form-card__title {
	font-size: 22px;
	font-weight: 700;
	color: #1a1333;
	margin: 0 0 8px;
}
.st-cta-form-card__subtitle {
	font-size: 14px;
	line-height: 1.5;
	color: #6b6581;
	margin: 0 0 24px;
}
.st-cta-form__field {
	margin-bottom: 14px;
}
.st-cta-form__field input[type="email"],
.st-cta-form__field input[type="tel"],
.st-cta-form__field textarea {
	width: 100%;
	padding: 14px 16px;
	font-size: 15px;
	font-family: inherit;
	color: #1a1333;
	border: 1px solid #e5dff5;
	border-radius: 10px;
	background: #fff;
	outline: none;
	transition: border-color .15s ease, box-shadow .15s ease;
	box-sizing: border-box;
}
.st-cta-form__field input:focus,
.st-cta-form__field textarea:focus {
	border-color: #6b21a8;
	box-shadow: 0 0 0 3px rgba(107, 33, 168, 0.12);
}
.st-cta-form__field textarea {
	resize: vertical;
	min-height: 96px;
}
.st-cta-form__field--phone {
	display: flex;
	align-items: center;
	gap: 10px;
	border: 1px solid #e5dff5;
	border-radius: 10px;
	padding: 0 14px;
	background: #fff;
	transition: border-color .15s ease, box-shadow .15s ease;
}
.st-cta-form__field--phone:focus-within {
	border-color: #6b21a8;
	box-shadow: 0 0 0 3px rgba(107, 33, 168, 0.12);
}
.st-cta-form__flag { display: inline-flex; align-items: center; }
.st-cta-form__flag svg { display: block; border-radius: 2px; }
.st-cta-form__code {
	font-size: 15px;
	color: #1a1333;
	font-weight: 500;
}
.st-cta-form__field--phone input[type="tel"] {
	border: none !important;
	padding: 14px 0 !important;
	box-shadow: none !important;
	background: transparent;
	flex: 1;
}
.st-cta-form__submit {
	width: 100%;
	padding: 14px 20px;
	background: #6b21a8;
	color: #fff;
	border: none;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	margin-top: 6px;
	transition: background .15s ease, transform .05s ease;
}
.st-cta-form__submit:hover { background: #581c87; }
.st-cta-form__submit:active { transform: translateY(1px); }
.st-cta-form__submit[disabled] { opacity: 0.7; cursor: not-allowed; }

.st-cta-form__note {
	text-align: center;
	font-size: 13px;
	color: #6b6581;
	margin: 14px 0 0;
}
.st-cta-form__message {
	margin-top: 12px;
	font-size: 14px;
	text-align: center;
	min-height: 20px;
}
.st-cta-form__message.is-success { color: #0a7c3a; }
.st-cta-form__message.is-error { color: #c42a2a; }