* {
box-sizing: border-box;
margin: 0;
padding: 0;
scroll-behavior: smooth;
}
:root{
--bg:#ffffff;
--text:#000000;         /* User asked: font black */
--muted:#3a3a3a;
--line:#e9e9e9;
--card:#ffffff;
--shadow:0 12px 30px rgba(0,0,0,.08);

/* Logo-aligned accent (gold-ish) while keeping text black */
--accent:#d4af37;
--accentSoft:#fff6da;
--btnText:#000000;
--radius:18px;
--radiusSm:14px;
--primary-color: #2c3e50;
--border-color: #eee;
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
margin:0;
font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
background:var(--bg);
color:var(--text);
line-height:1.55;
}
a{ color:inherit; text-decoration:none; }
img{ max-width:100%; height:auto; display:block; }

.wrap{ max-width:1180px; margin:0 auto; padding:0 18px; }
.section{ padding:72px 0; }
.section.sm{ padding:52px 0; }
.grid{ display:grid; gap:18px; }
.grid2{ grid-template-columns: 1.1fr .9fr; }
.grid3{ grid-template-columns: repeat(3, 1fr); }
.grid4{ grid-template-columns: repeat(4, 1fr); }

@media (max-width: 980px){
.grid2{ grid-template-columns:1fr; }
.grid3{ grid-template-columns:1fr; }
.grid4{ grid-template-columns:1fr 1fr; }
}
@media (max-width: 560px){
.grid4{ grid-template-columns:1fr; }
}

/* Header */
.topbar{
position:sticky; top:0; z-index:50;
background:#000;
border-bottom:1px solid var(--line);
}
.nav{
display:flex; align-items:center; justify-content:space-between;
padding:0;
gap:12px;
}
.brand{
display:flex; align-items:center; gap:12px;
min-width:200px;
}
.brand img{
height:120px; width:auto;
}
.navlinks{
display:flex; align-items:center; gap:0px;
font-weight:600;
color:#111;
flex-wrap:wrap;
justify-content:center;
}
.navlinks a{ padding:10px 10px; border-radius:12px; color: #fff;}
.navlinks a:hover{ background:rgb(225 179 76); }

.actions{
display:flex; align-items:center; gap:10px;
justify-content:flex-end;
min-width:260px;
}

.btn{
display:inline-flex; align-items:center; justify-content:center;
padding:11px 14px;
border-radius:999px;
border:1px solid #111;
background:#fff;
color:#000;
font-weight:800;
font-size:14px;
line-height:1;
white-space:nowrap;
transition:transform .12s ease, box-shadow .12s ease, background .12s ease;
}
.btn:hover{ transform:translateY(-1px); box-shadow:0 10px 18px rgba(0,0,0,.08); }
.btn.primary{
border-color:var(--accent);
background:var(--accent);
color:var(--btnText);

}
.btn.primary:hover{
background: #fff;
color: #000;
}
.btn.ghost{
border-color:rgba(0,0,0,.22);
color:#000;
font-weight: 700;
}
a.btn.ghost:hover {
background: #d4af37;
color: #fff;
}
.actions .btn.primary{
font-weight: 500;
}

/* Mobile nav */
.hamburger{ display:none; }
.drawer{
display:none;
border-top:1px solid var(--line);
padding:10px 0 16px;
}
.drawer a{
display:block;
padding:12px 10px;
border-radius:12px;
font-weight:700;
}
.drawer a:hover{ background:rgba(0,0,0,.04); }

@media (max-width: 980px){
.navlinks{ display:none; }
.actions{ min-width:auto; }
.hamburger{ display:inline-flex; }
.drawer{ display:block; }
.drawer.hidden{ display:none; }
.nav{
padding:12px;
}
}

/* Cards */
.card{
background:var(--card);
border:1px solid var(--line);
border-radius:var(--radius);
box-shadow:var(--shadow);
padding:22px;
}
.card.flat{
box-shadow:none;
border-color:var(--line);
}

/* Typography */
.kicker{
display:inline-flex; align-items:center; gap:8px;
padding:8px 12px;
border-radius:999px;
background:var(--accentSoft);
border:1px solid rgba(212,175,55,.35);
font-weight:900;
font-size:12px;
letter-spacing:.4px;
text-transform:uppercase;
}
h1{ margin:12px 0 10px; font-size:44px; line-height:1.05; letter-spacing:-.6px; }
h2{ margin:0 0 12px; font-size:30px; letter-spacing:-.3px; }
h3{ margin:0 0 10px; font-size:22px; }
p{ margin:0 0 12px; color:var(--muted); }
.muted{ color:var(--muted); }
.fine{ font-size:12px; color:#5a5a5a; }

@media (max-width: 560px){
h1{ font-size:34px; }
h2{ font-size:26px; }
}

/* ================ TOP SLIDER SECTION ================== */

.homeSwiper {
width: 100%;
height: 84vh;
position: relative;
overflow: hidden;
}

.swiper-slide {
position: relative;
}

.swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
}

.swiper-slide::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
to right,
rgba(0, 0, 0, 0.75),
rgba(0, 0, 0, 0.35),
rgba(0, 0, 0, 0.2)
);
z-index: 1;
}

.overlay {
position: absolute;
inset: 0;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
padding: 5vw;
color: #fff;
}

.contentBox {
max-width: 900px;
width: 100%;
background: rgba(255, 255, 255, 0.08);
backdrop-filter: blur(8px);
padding: 36px 40px;
border-radius: 18px;
border: 1px solid rgba(255, 255, 255, 0.15);
box-shadow: 0 10px 40px rgba(0,0,0,0.25);
}

.kicker {
text-transform: uppercase;
letter-spacing: 2px;
font-size: 13px;
color: var(--accent);
font-weight: 600;
}

.contentBox h1 {
font-size: clamp(30px, 4vw, 52px);
line-height: 1.15;
margin: 12px 0;
color: #fff;
}

.price {
color: var(--accent);
}

.contentBox p {
font-size: 16px;
line-height: 1.6;
opacity: 0.9;
margin-bottom: 22px;
color: #fff;
}

.ctaRow {
display: flex;
gap: 14px;
flex-wrap: wrap;
}

.sliderPills {
display: flex;
gap: 10px;
flex-wrap: wrap;
margin-top: 18px;
}

.pill {
padding: 6px 14px;
border-radius: 999px;
font-size: 13px;
background: rgba(255, 255, 255, 0.15);
color: #fff;
}

.contentBox .fine {
margin-top: 14px;
font-size: 12px;
color: #fff;
}

.swiper-pagination-bullet {
background: rgba(255,255,255,0.6);
opacity: 1;
}

.swiper-pagination-bullet-active {
background: var(--accent);
}


@media (max-width: 1024px) {
.homeSwiper {
height: 85vh;
}

.contentBox {
max-width: 760px;
padding: 30px 32px;
}

.contentBox h1 {
font-size: clamp(28px, 4.5vw, 44px);
}
}


@media (max-width: 768px) {
.homeSwiper {
height: 92vh;
}

.overlay {
align-items: flex-start;
padding: 18px;
}

.contentBox {
padding: 24px;
border-radius: 16px;
}

.kicker {
font-size: 12px;
}

.contentBox h1 {
font-size: clamp(26px, 6vw, 34px);
}

.contentBox p {
font-size: 15px;
}

.ctaRow {
gap: 10px;
}

.pill {
font-size: 12px;
padding: 5px 12px;
}
}

@media (max-width: 480px) {
.homeSwiper {
height: 95vh;
}

.contentBox {
padding: 20px;
}

.contentBox h1 {
font-size: 24px;
}

.contentBox p {
font-size: 14px;
}
}

/* Feature items */
.iconDot{
width:34px; height:34px;
border-radius:12px;
display:grid; place-items:center;
border:1px solid rgba(212,175,55,.45);
background:var(--accentSoft);
font-weight:900;
}
.featureRow{
display:flex; gap:12px; align-items:flex-start;
}

/* Steps */
.step{
display:flex; gap:12px; align-items:flex-start;
padding:14px;
border:1px solid var(--line);
border-radius:var(--radiusSm);
background:#fff;
}
.num{
width:34px; height:34px; border-radius:12px;
background:var(--accentSoft);
border:1px solid rgba(212,175,55,.35);
display:grid; place-items:center;
font-weight:900;
flex:0 0 auto;
}
.step b{ display:block; margin-bottom:4px; }

/* Chips */
.chips{ display:flex; flex-wrap:wrap; gap:10px; }
.chip{
padding:10px 12px;
border:1px solid rgba(0,0,0,.14);
border-radius:999px;
background:#fff;
font-weight:800;
font-size:13px;
}

/* FAQ */
.faq details{
border:1px solid var(--line);
border-radius:16px;
padding:12px 14px;
background:#fff;
}
.faq details + details{ margin-top:10px; }
.faq summary{
cursor:pointer;
font-weight:900;
list-style:none;
outline:none;
}
.faq summary::-webkit-details-marker{ display:none; }

/* CTA band */
.ctaBand{
border:1px solid rgba(212,175,55,.35);
background:var(--accentSoft);
border-radius:24px;
padding:22px;
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
flex-wrap:wrap;
}

/* Form */
.field{ display:grid; gap:6px; }
label{ font-size:12px; font-weight:800; color:#111; }
input, select, textarea{
width:100%;
padding:12px 12px;
border-radius:14px;
border:1px solid rgba(0,0,0,.18);
background:#fff;
color:#000;
outline:none;
}
textarea{ min-height:98px; resize:vertical; }

/* Footer */
/*footer{
border-top:1px solid var(--line);
padding:34px 0;
background:#fff;
}*/
.footGrid{
display:grid;
grid-template-columns: 1.2fr .8fr;
gap:16px;
align-items:start;
}
@media (max-width: 980px){ .footGrid{ grid-template-columns:1fr; } }

/* Small helpers */
.row{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.spacer8{ height:8px; }
.spacer12{ height:12px; }
.spacer18{ height:18px; }
.hr{ height:1px; background:var(--line); margin:18px 0; }


.gallery {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
}

.gallery img {
width: 100%;
height: 250px;
object-fit: cover;
cursor: pointer;
border-radius: 6px;
}

/* Lightbox */
.lightbox {
position: fixed;
inset: 0;
background: rgba(0,0,0,0.9);
display: none;
align-items: center;
justify-content: center;
z-index: 1000;
}

.lightbox img {
max-width: 85%;
max-height: 85%;
border-radius: 6px;
}

.close,
.prev,
.next {
position: absolute;
color: white;
font-size: 32px;
cursor: pointer;
user-select: none;
padding: 10px;
}

.close {
top: 15px;
right: 20px;
font-size: 36px;
}

.prev {
left: 20px;
}

.next {
right: 20px;
}

@media (max-width: 768px) {
.gallery {
grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 480px) {
.gallery {
grid-template-columns: 1fr;
}

}

/* =================style-28-26================ */

.grid.grid2.gridbox{
background: var(--card);
border: 1px solid var(--line);
box-shadow: var(--shadow);
border-radius: var(--radius);
gap: 0;
}

.grid.grid2.gridbox .card{
box-shadow: unset;
border: unset;
}
form .field {
margin-bottom: 15px !important;
}
@media (max-width: 1140px) {
.navlinks a{
padding: 6px;
}
.brand{
min-width: unset;
}
}
@media (max-width: 991px) {
.drawer a{
color: #fff;
}
.overlay{
top: 50%;
transform: translate(-50%, -50%);
left: 50%;
bottom: auto;
width: 100%;
right: auto;
}
.section, .section.sm {
padding: 30px 0;
}

.grid.grid2.gridbox .card:first-child{
padding-bottom: 0;
}
.grid.grid2.gridbox .card:last-child{
padding-top: 8px;
}
}

@media (max-width: 768px) {
.nav {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
padding: 10px 0;
}


.brand {
order: 1;
flex: 1 1 auto;
}

.hamburger {
order: 2;
margin-left: auto;
flex: 0 0 auto;
}

.navlinks {
display: none;
}

.actions {
order: 3;
width: 100%;
display: flex;
gap: 10px;
justify-content: space-between;
border-top: 1px solid #fff;
padding: 20px 0;
}

.actions .btn {
flex: 1 1 30%;
min-width: 100px;
text-align: center;
padding: 10px 0;
font-size: 14px;
}
}



/* ====================policy-page===================== */

[id^="policySec"] {
scroll-margin-top: 185px; 
}


.policy-container {
display: flex;
justify-content: center;
gap: 30px;
padding: 40px 20px;
}

/* Fixed Side Navigation Tabs */
.side-nav {
max-width: 300px;
display: flex;
flex-direction: column;
gap: 8px;
align-self: flex-start;
width: 100%;
background: white;
border-radius: 15px;
padding: 15px;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
border-radius: 10px;
position: sticky;
top: 161px;
}

.side-nav h5 {
color: #1e293b;
font-weight: 700;
font-size: 20px;
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 2px solid #e2e8f0;
}

.side-nav h5 i{
margin-right: 10px;
}

.side-nav a {
text-decoration: none;
color: #64748b;
font-size: 1rem;
font-weight: 500;
padding: 12px 15px;
transition: all 0.2s ease;
border-left: 4px solid transparent;
}

.side-nav a:hover {
background: #fff8f2;
border-left: 4px solid var(--text);
color: var(--text);
transform: translateX(5px);
}

/* Main Content Card */
.container {
width: 100%;
background: var(--card);
padding: 20px;
border-radius: 12px;
box-shadow: 0 10px 40px rgba(0,0,0,0.06);
}

.policy-header {
border-bottom: 2px solid var(--accent);
margin-bottom: 40px;
padding-bottom: 25px;
}

.policy-container h1 {
color: var(--primary-color);
font-size: 2.1rem;
margin-bottom: 20px;
}

.policy-container h2 {
color: var(--primary-color);
font-size: 1.5rem;
margin: 40px 0 20px 0;
display: flex;
align-items: center;
}

.policy-container h2::before {
content: "";
width: 5px;
height: 25px;
background: var(--accent);
margin-right: 15px;
border-radius: 3px;
}

.policy-container p { margin-bottom: 15px; }

ul { list-style: none; margin-bottom: 20px; }
ul li {
position: relative;
padding-left: 30px;
margin-bottom: 12px;
}
ul li::before {
content: "→";
position: absolute;
left: 0;
color: var(--accent);
font-weight: bold;
}

/* Table Design */
.table-container {
overflow-x: auto;
margin: 25px 0;
}
table {
width: 100%;
border-collapse: collapse;
font-size: 0.95rem;
}
th, td {
text-align: left;
padding: 15px;
border: 1px solid var(--border-color);
}
th { background: #f9fafb; color: var(--primary-color); font-weight: 700; }

.policy-contact-box {
background: #fdfaf7;
border: 1px solid #f9e1cc;
padding: 30px;
border-radius: 10px;
margin-top: 25px;
}

.policy-contact-box p { margin-bottom: 8px; }

.policy-container footer {
text-align: center;
margin-top: 50px;
padding-top: 20px;
border-top: 1px solid var(--border-color);
font-size: 0.9rem;
color: #777;
}

/* Mobile Viewport Fix */
@media (max-width: 1150px) {
.side-nav { display: none; }
}



/* =========================tahnyou page============================ */

.thank-you-card {
max-width: 600px;
width: 100%;
margin: 35px auto;
background: var(--bg);
padding: 50px 40px;
border-radius: 15px;
box-shadow: 0 10px 40px rgba(0,0,0,0.08);
text-align: center;
border-top: 8px solid var(--accent);
}

.thank-you-card .success-icon {
width: 80px;
height: 80px;
background: var(--accent);
color: var(--bg);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 40px;
margin: 0 auto 25px;
}

.thank-you-card h1 {
color: var(--primary-color);
font-size: 2.2rem;
margin-bottom: 15px;
}

.thank-you-card p {
color: #666;
font-size: 1.1rem;
line-height: 1.6;
margin-bottom: 30px;
}

.thank-you-card .info-box {
background: #f9fafb;
padding: 20px;
border-radius: 10px;
margin-bottom: 30px;
font-size: 0.95rem;
color: #555;
border: 1px dashed #ddd;
}

.thank-you-card .btn-home {
display: inline-block;
background-color: var(--accent);
color: var(--bg);
text-decoration: none;
padding: 15px 35px;
border-radius: 8px;
font-weight: 600;
transition: 0.3s;
box-shadow: 0 4px 15px rgba(236, 190, 37, 0.3);
border: 1px solid #fff;
}

.thank-you-card .btn-home:hover {
background-color: #fff;
transform: translateY(-2px);
box-shadow: 0 4px 15px rgba(236, 190, 37, 0.3);
color: #000;
border: 1px solid #000;
}

.thank-you-card .social-links {
margin-top: 40px;
padding-top: 25px;
border-top: 1px solid #eee;
}

.thank-you-card .social-links p {
font-size: 0.9rem;
margin-bottom: 15px;
}

.thank-you-card .social-icons a {
margin: 0 10px;
color: var(--primary-color);
text-decoration: none;
font-size: 0.9rem;
font-weight: 500;
}

.thank-you-card .social-icons a:hover {
color: var(--accent);
}

@media (max-width: 480px) {
.thank-you-card {
padding: 30px 20px;
}
.thank-you-card h1 { font-size: 1.8rem; }
}