/* ===== Global Reset ===== */
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

/* =========================================
   GLOBAL TYPOGRAPHY (Same as About Page)
========================================= */

/* ===== GLOBAL TYPOGRAPHY UPDATED ===== */

/* Body */
body {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  line-height: 1.6;
}

/* Headings → Tenor Sans */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Tenor Sans', sans-serif;
  font-weight: 400; /* Tenor works best in regular */
  letter-spacing: 0.5px;
}

/* Paragraphs */
p {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
}

/* Small text / nav */
small,
.nav-links a,
.footer-col h4,
.contact-right h2,
.market-header small {
  font-family: 'Poppins', sans-serif;
}
/* ===== NAVBAR ===== */
.navbar{
  display:flex;
  align-items:center;
  padding:12px 40px;
  background:#f8e1bf;
  border-bottom:1px solid #cfc6be;

  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:1000;
}

/* Prevent content hiding under fixed navbar */
body{
  padding-top:85px;
}

/* ===== LOGO ===== */
.logo{
  flex:1;
  display:flex;
  align-items:center;
}

.logo img{
  height:60px;
  width:200px;
  object-fit:contain;
}

/* ===== NAV LINKS (CENTER) ===== */
.nav-links{
  flex:1;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:35px;
}

.nav-links a{
  text-decoration:none;
  color:#1a1a1a;
  font-size:16px;
  font-weight:400;
  transition:0.3s ease;
}

.nav-links a:hover{
  opacity:0.6;
}

/* Active page highlight */

.nav-links a.active{
  position:relative;
  font-weight:500;
}

/* underline indicator */
.nav-links a.active::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-6px;
  width:100%;
  height:2px;
  background:#2b211c;
}
/* ===== RIGHT SIDE ===== */
.nav-right{
  flex:1;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:20px;
}

/* ===== ENQUIRE BUTTON ===== */
.enquire-btn{
  background:#2b211c;
  color:#fff;
  border:none;
  padding:10px 22px;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
  position:relative;
  overflow:hidden;
  transition:0.3s ease;
}

.enquire-btn:hover{
  background:#1a1411;
}

.enquire-btn::after{
  content:"";
  position:absolute;
  top:0;
  left:-75%;
  width:50%;
  height:100%;
  background:rgba(255,255,255,0.4);
  transform:skewX(-25deg);
  animation:flash 2.8s infinite;
}

@keyframes flash{
  0%{left:-75%;}
  100%{left:125%;}
}

/* ===== MOBILE MENU ICON ===== */
.menu-toggle{
  display:none;
  font-size:26px;
  cursor:pointer;
}

/* ===== CLOSE BUTTON ===== */
.menu-close{
  display:none;
}

/* Mobile enquire hidden by default */
.mobile-enquire{
  display:none;
}

/* ===== RESPONSIVE ===== */
@media(max-width:900px){

  .navbar{
    padding:15px 20px;
  }

  body{
    padding-top:70px;
  }

  .logo img{
    height:40px;
    width:auto;
  }

  .menu-toggle{
    display:block;
    font-size:28px;
  }

  /* Hide desktop enquire */
  .nav-right .enquire-btn{
    display:none;
  }

  /* Drawer */
  .nav-links{
    position:fixed;
    top:0;
    right:-100%;
    height:100dvh;
    width:280px;
    background:#f5efe9;
    flex-direction:column;
    align-items:flex-start;
    padding:90px 30px 30px 30px;
    gap:25px;
    transition:0.4s ease-in-out;
    box-shadow:-5px 0 15px rgba(0,0,0,0.1);
    z-index:1000;
    overflow-y:auto;
  }

  .nav-links.active{
    right:0;
  }

  /* CLOSE BUTTON INSIDE DRAWER */
  .menu-close{
    display:block;
    position:absolute;
    top:25px;
    right:25px;
    font-size:28px;
    cursor:pointer;
    color:#1a1a1a;
  }

  /* Mobile enquire button */
  .mobile-enquire{
    display:block;
    margin-top:20px;
    width:100%;
  }

  /* Overlay */
  body.menu-open::before{
    content:"";
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.4);
    z-index:999;
  }
}

body{
  margin:0;
  overflow-x:hidden;
  /* font-family:'Poppins', sans-serif; */
}

/* ===== WRAPPER ===== */
.lime-wrapper{
  width:100%;
  background:#f0e6d5;
  position: relative;
  z-index: 5;
}

/* ===== HEADING ===== */

.lime-heading{
  padding-top:290px;
  padding-bottom:40px;

  /* padding-left:6%;
  padding-right:45%;   added */

  width:100%;         /* full width */
  margin-left: 60px;
}

.lime-heading h1{
  font-size:50px;
  line-height:1.15;
  margin:0;
  font-weight:500;
  margin-right:20px;
}

/* ===== VIDEO / FULLSCREEN SECTION ===== */
.lime-video-section{
  position:relative;
  height:100vh;
  overflow:hidden;
}

.lime-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:1;

  /* remove any blur possibility */
  filter:none !important;
  transition:none !important;
}

/* ===== FULLSCREEN BANNER ===== */
.lime-banner{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding-left:8%;
  background:linear-gradient(90deg,#d9a63c 0%, #c6922e 60%, #b58227 100%);
  opacity:0;
  z-index:2;

  /* IMPORTANT — no transition */
  transition:none !important;
  filter:none !important;
  will-change:auto;
}

.lime-banner-content{
  max-width:700px;
  text-align:left;
  padding-right:80px;
}

.lime-banner h2{
  font-size: 37px;
  line-height:1.25;
  margin:0 0 40px 0;
  color:#111;
  font-weight:400;
}

.lime-cta{
  display:inline-flex;
  align-items:center;
  gap:12px;
  font-size:22px;
  font-weight:400;
  text-decoration:none;
  color:#2C211C;
  /* border-bottom:1.5px solid #111; */
  padding-bottom:4px;
}

.lime-cta span{
  background:#111;
  color:#fff;
  width:30px;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
}

/* Responsive */
@media(max-width:768px){
  .lime-heading h1{
    font-size:60px;
  }

  .lime-banner h2{
    font-size:22px;
  }
}

*{
  box-sizing:border-box;
  /* font-family:'Poppins', sans-serif; */
}
/*=====WHY TRADE US=====*/
html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

/* ===== SECTION ===== */
.minimal-section {
  width: 100%;
  height: 100vh;
  background: #f0e6d5;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;

  position: sticky;
  top: 0;
  z-index: 5;

  display: flex;
  flex-direction: column;

  overflow: hidden;
}

/* ===== SECTION HEADING ===== */
.minimal-heading {
  padding: 80px 60px 10px 60px;
  text-align: center;
}

.minimal-heading h2 {
  font-size: 40px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #777;
  font-weight: 400;
}

/* ===== GRID ===== */
.minimal-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  flex: 1;
  border-top: 1px solid #000;

  transform: translateZ(0);
}

/* ===== CARD ===== */
.minimal-item {
  padding: 160px 10px 20px 20px; /* ✅ ORIGINAL VALUES BACK */
  border-right: 1px solid #000;

  display: flex;
  flex-direction: column;
  justify-content: flex-end;

  position: relative;

  opacity: 1;

  /* ❌ REMOVE visible shift */
  transform: translateX(0); /* safer than 'none' */

  transition: transform 2.5s ease, background 2.5s ease;

  will-change: transform, opacity;
}

.minimal-item:last-child {
  border-right: none;
}

.minimal-item small {
  font-size: 35px; /* ✅ original */
  padding-bottom: 20px;
}

/* ===== HEADING ===== */
.minimal-item h3 {
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 -20px 0; /* ✅ ORIGINAL */
  line-height: 1.3;
  min-height: 70px;
}

/* ===== PARAGRAPH ===== */
.minimal-item p {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.7;
  margin: 0;
  max-width: 300px;
  min-height: 90px;

  opacity: 0.75;
  transition: opacity 0.35s ease;
}

/* ===== HOVER EFFECT ===== */
.minimal-item:hover {
  background: linear-gradient(135deg, #d1984e, #fdfbb3, #d1984e);
  transform: scale(1.04); /* ✅ same as original */
  z-index: 2;
  border-right: none;
}

.minimal-item:hover p {
  opacity: 1;
}

/* ===== Tablet ===== */
@media (max-width: 1024px) {

  .minimal-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  .minimal-item {
    border-bottom: 1px solid #000;
  }

  .minimal-item:nth-child(2n) {
    border-right: none;
  }
}

/* ===== Mobile ===== */
@media (max-width: 600px) {

  .minimal-wrapper {
    grid-template-columns: 1fr;
  }

  .minimal-item {
    border-right: none;
    border-bottom: 1px solid #000;
    padding: 120px 30px 60px 30px; /* ✅ original */
  }

  .minimal-item:last-child {
    border-bottom: none;
  }

  .minimal-heading {
    padding: 60px 30px 30px 30px;
  }

  .minimal-heading h2 {
    font-size: 28px;
  }
}

.consult-section {
  background: #f0e6d5;
  padding: 120px 20px 60px 60px;
  border-top: 1px solid #a3a19d;
  z-index: 10;
  position: relative;
}

/* TOP CONTENT */
.consult-top {
  max-width: 600px;
  margin-bottom: 40px;
  z-index: 5;
}

.consult-subtitle {
  font-size: 15px;
  letter-spacing: 2px;
  color: #6b6b6b;
  /* margin-bottom: 20px; */
}

.consult-title {
  font-size: 64px;
  font-weight: 500;
  color: #111;
  margin-bottom: 20px;
  line-height: 1.3;
}

.consult-desc {
  font-size: 15px;
  line-height: 1.7;
  color: #000000;
}

/* GRID */
.consult-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid #94918a;
  border-bottom: 1px solid #94918a;
}

/* CARD */
.consult-card {
  padding: 50px 10px;
  border-right: 1px solid #94918a;
  min-height: 260px;
}

.consult-card:last-child {
  border-right: none;
}

.consult-card span {
  font-size: 28px;
  color: #bcb7a8;
  display: block;
  margin-bottom: 20px;
}

.consult-card h3 {
  font-size: 20px;
  margin-bottom: 15px;
  color: #111;
}

.consult-card p {
  font-size: 14px;
  color: #000000;
  line-height: 1.6;
}

/* RESPONSIVE */
@media (max-width: 1024px) {
  .consult-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .consult-card {
    border-bottom: 1px solid #dcd6c8;
  }
}

@media (max-width: 600px) {

  .consult-section {
    padding: 60px 20px; /* reduce heavy left padding */
    text-align: left; /* force left alignment */
  }

  .consult-top {
    max-width: 100%;
    margin-bottom: 30px;
    text-align: left;
  }

  .consult-subtitle {
    font-size: 13px;
    text-align: left;
  }

  .consult-title {
    font-size: 28px;
    line-height: 1.4;
    text-align: left;
  }

  .consult-desc {
    font-size: 14px;
    text-align: left;
  }

  .consult-grid {
    grid-template-columns: 1fr;
    border-top: 1px solid #94918a;
  }

  .consult-card {
    padding: 30px 10px; /* reduce side spacing */
    border-right: none;
    border-bottom: 1px solid #94918a;
    text-align: left;
  }

  .consult-card span {
    font-size: 22px;
    margin-bottom: 10px;
  }

  .consult-card h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .consult-card p {
    font-size: 13px;
    line-height: 1.5;
  }
}
/* ===== Services Section ===== */
.upside-section {
  background: #f0e6d5;
  padding: 80px 8%;
  position: relative;
  z-index: 5;
  /* font-family: 'Poppins', sans-serif; */
}

.upside-container {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 100px;
  align-items: stretch;
}

/* LEFT SIDE */
.upside-left{
  margin-left:-70px;
}
.upside-left small {
  font-size: 15px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #777;

  display: inline-block;
  /* padding-bottom: 6px; */
  /* border-bottom: 3px solid #646361; */
}

.upside-left h2 {
  font-size: 64px;
  font-weight: 500;
  margin: 28px 0 26px 0;
  color: #111;
  line-height: 1.1;
}

.upside-left p {
  font-size: 16px;
  line-height: 1.8;
  color: #000000;
  max-width: 520px;
}

.service-cta-wrapper{
  margin-top:20px;
}

.service-cta{
  display:inline-flex;
  align-items:center;
  gap:12px;
  font-size:18px;
  font-weight:400;
  text-decoration:none;
  color:#111;
  /* border-bottom:1.5px solid #111; */
  padding-bottom:0px;
}

.service-cta span{
  background:#111;
  color:#fff;
  width:30px;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
}

/* TEXT AREA */
.service-cta{
  padding-right:40px;
}

/* ARROW BLOCK
.service-arrow{
  position:absolute;
  right:0;
  top:0;

  width:70px;
  height:100%;

  display:flex;
  align-items:center;
  justify-content:center;

  background:#9c948c;
  color:#fff;

  clip-path:polygon(18% 0,100% 0,100% 100%,0% 100%);
  font-size:18px;
} */

/* RIGHT SIDE */

.upside-right {
  position: relative;
  /* border-right: 1px solid #cfcfcf; */
}

/* Vertical divider */

.upside-right::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #6d6c6c;
}

/* SERVICE ITEMS */

.upside-item{
  display:flex;
  align-items:flex-start;
  padding:40px 40px 40px 50px;
  position:relative;
}

.upside-item::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;

  width:calc(100% + 8vw);
  height:1px;
  background:#6d6c6c;
}

.upside-item:first-child::before{
  content:"";
  position:absolute;
  left:0;
  top:0;

  width:calc(100% + 8vw);
  height:1px;
  background:#6d6c6c;
}

/* KEEP LAST LINE */

.upside-item:last-of-type::after {
  display: block;
}

/* Hover background */

.upside-item:hover {
  background: rgba(0,0,0,0.02);
}

/* Content */

.upside-content h3 {
  font-size: 24px;
  font-weight: 500;
  margin: 0 0 10px;
  color: #111;
}

.upside-content p {
  font-size: 15px;
  color: #000000;
  margin: 0;
  max-width: 420px;
  line-height: 1.6;
}

/* ICON */

.upside-icon{
  position:absolute;
  right:-60px;
  top:60px;

  font-size:22px;
  color:#111;

  transition: transform 0.4s ease, color 0.4s ease;
}

/* Hover icon animation */

.upside-item:hover .upside-icon {
  transform: translateX(6px);
  color: #c58b3a;
}

/* RESPONSIVE */

@media (max-width: 1024px) {

  .upside-container {
    grid-template-columns: 1fr;
    gap: 60px;
  }

  .upside-left h2 {
    font-size: 46px;
  }

  .upside-item::after,
  .upside-item:first-child::before {
    right: 0;
  }

}
/* =========================
   RESPONSIVENESS IMPROVED
========================= */

/* ===== Large Tablets (1024px ↓) ===== */
@media (max-width: 1024px) {

  .upside-section {
    padding: 120px 6%;
  }

  .upside-container {
    grid-template-columns: 1fr;
    gap: 60px;
  }

  .upside-left {
    margin-left: 0; /* FIX overflow */
  }

  .upside-left h2 {
    font-size: 46px;
  }

  .upside-left p {
    max-width: 100%;
  }

  .upside-right::before {
    display: none; /* cleaner on tablet */
  }

  .upside-item {
    padding: 30px 20px;
  }

  .upside-item::after,
  .upside-item:first-child::before {
    width: 100%;
  }

  .upside-icon {
    right: 10px;
    top: 35px;
  }
}


/* ===== Mobile (768px ↓) ===== */
@media (max-width: 768px) {

  .upside-section {
    padding: 100px 5%;
  }

  .upside-left small {
    font-size: 13px;
  }

  .upside-left h2 {
    font-size: 34px;
    line-height: 1.2;
  }

  .upside-left p {
    font-size: 14px;
  }

  .service-cta {
    font-size: 16px;
  }

  .service-cta span {
    width: 26px;
    height: 26px;
    font-size: 14px;
  }

  .upside-item {
    flex-direction: column;
    padding: 25px 10px;
  }

  .upside-content h3 {
    font-size: 20px;
  }

  .upside-content p {
    font-size: 14px;
  }

  .upside-icon {
    position: relative;
    right: 0;
    top: 10px;
    margin-top: 10px;
  }
}


/* ===== Small Mobile (480px ↓) ===== */
@media (max-width: 480px) {

  .upside-section {
    padding: 80px 20px;
  }

  .upside-left h2 {
    font-size: 28px;
  }

  .upside-left p {
    font-size: 13px;
  }

  .upside-content h3 {
    font-size: 18px;
  }

  .upside-content p {
    font-size: 13px;
  }

  .service-cta {
    font-size: 15px;
    gap: 8px;
  }

  .service-cta span {
    width: 24px;
    height: 24px;
  }
}
.open-account-btn{
  display:inline-block;
  background:#2C211C;
  color:#fff;

  font-size:14px;
  font-weight:600;

  padding:10px 22px;   /* same spacing */

  text-decoration:none;
  border:none;
  cursor:pointer;

  transition:all .3s ease;
}

.open-account-btn:hover{
  background:#111;
  transform:translateY(-2px);
}

/* Click effect */
.open-account-btn:active {
  transform: translateY(0);
  box-shadow: none;
}

/* ===================================================== */
/* GLOBAL SAFE RESPONSIVE ADDITIONS (FLOW FIXED) */
/* ===================================================== */

/* ---------- Large Tablet ---------- */
@media (max-width: 1200px){

  .navbar{
    padding:12px 40px;
  }

  .lime-heading{
    padding-top:200px;
  }

  .lime-heading h1{
    font-size:46px;
  }

  .upside-left h2{
    font-size:48px;
  }

}


/* ---------- Tablet ---------- */
@media (max-width: 992px){

  .navbar{
    padding:12px 25px;
  }

  .logo img{
    width:auto;
    max-width:200px;
  }

  .lime-heading{
    padding-top:160px;
    /* padding-left:8%; */
    padding-right:9%;
    margin-left: 30px;
  }

  .lime-heading h1{
    font-size:30px;
  }

  .minimal-heading{
    padding:60px 40px 30px 40px;
  }

  .minimal-item{
    padding:100px 40px 60px 40px;
  }

  .upside-section{
    padding:100px 6%;
  }

  .upside-left h2{
    font-size:40px;
  }

}


/* ===================================================== */
/* HERO STRUCTURE FIX (TABLET + MOBILE) */
/* ===================================================== */

@media (max-width: 992px){

  .lime-video-section{
    position:relative;
    width:100%;
    aspect-ratio:16/9;
    overflow:hidden;
  }

  .lime-heading h1{
    font-size: 20px;
  }
  .lime-video{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
  }

  .lime-video video{
    width:100%;
    height:100%;
    object-fit:cover;
  }

  /* Banner initially hidden */
  .lime-banner{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    padding:40px 8%;
    background:#c8942e;

    transform:translateY(100%);
    transition:transform .7s cubic-bezier(.77,0,.18,1);
  }

  /* Banner reveal */
  .lime-banner.show{
    transform:translateY(0);
  }
}


/* ---------- Mobile ---------- */
@media (max-width: 768px){

  .lime-heading h1{
    font-size: 20px;
  }
  .lime-video-section{
    position:relative;
    width:100%;
    aspect-ratio:16/9;
    overflow:hidden;
  }

  .lime-video{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
  }

  .lime-video video{
    width:100%;
    height:100%;
    object-fit:cover;
  }

  /* Banner becomes full screen section */
  .lime-banner{
    position:relative;
    height:100vh;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    padding:0 20px;
    text-align:left;
    opacity:1 !important;
  }

  .lime-banner-content{
    max-width:100%;
  }

  /* ===== Existing Mobile Adjustments ===== */

  .minimal-section{
    position:relative;
    height:auto;
  }

  .minimal-heading{
    padding:50px 25px 25px 25px;
  }

  .minimal-item{
    padding:80px 25px 50px 25px;
  }

  .upside-section{
    padding:80px 5%;
  }

  .upside-container{
    gap:50px;
  }

  .upside-left h2{
    font-size:32px;
  }

  .upside-item{
    padding:40px 0 40px 20px;
  }

  .upside-icon{
    margin-right:20px;
  }

}

/* ---------- Small Mobile ---------- */
@media (max-width: 480px){

  .lime-heading h1{
    font-size:43px;
    line-height:1.3;
  }

  .lime-banner h2{
    font-size:20px;
  }

  .minimal-heading h2{
    font-size:26px;
  }

  .upside-left h2{
    font-size:26px;
  }

}
/* =========================================
   FOOTER
========================================= */

.site-footer{
  background:#f8e1bf;
  padding:120px 0 0 0;
  position:relative;
  overflow:hidden;
  z-index: 5;
}

/* CONTENT ALIGNMENT */

.footer-container{
  max-width:1400px;
  margin:0 auto;
  padding:0 80px;
  box-sizing:border-box;
}

/* TOP GRID */

.footer-top{
  display:grid;
  grid-template-columns:2fr 1fr 1.5fr 1fr;
  gap:60px;
  padding-left:50px; /* left separation */
}

/* BRAND */

.footer-brand h2{
  font-size:64px;
  font-weight:500;
  line-height:1.1;
  margin-bottom:30px;
}

.footer-brand p{
  font-size:18px;
  max-width:480px;
  line-height:1.6;
}

/* COLUMNS */
.footer-col{
  padding-left:60px;
}

.footer-col h4{
  font-size:22px;
  margin-bottom:25px;
  /* padding-right: 420px; */
}

.footer-col a,
.footer-col p{
  display:block;
  font-size:17px;
  margin-bottom:14px;
  color:#111;
  /* text-decoration:underline; */
  line-height:1.6;
  /* padding-right: 420px; */
}

.footer-col a:hover{
  opacity:0.6;
}

/* BOTTOM */

.footer-bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:80px;
  flex-wrap:wrap;
  gap:20px;
  padding-left:50px; /* same alignment as top */
  padding-bottom: 50px;
}

/* POLICIES */

.footer-policies a{
  margin-right:20px;
  text-decoration:none;
  color:#111;
  font-size:16px;
}

/* COPYRIGHT */

.footer-copy{
  font-size:14px;
  letter-spacing:1px;
  padding-right: 90px;
}

/* BIG TYPO (UNCHANGED) */

.footer-big-text{

  font-size:clamp(80px,10vw,200px);
  font-weight:700;
  line-height:1;

  border-top:1px solid #111;
  padding-top:40px;
  margin-top:40px;

  text-align:center;
  white-space:nowrap;
  width:100%;

  letter-spacing:0.05em;
}

/* =========================================
   LAPTOP
========================================= */

@media (max-width:1200px){

  .footer-container{
    padding:0 60px;
  }

  .footer-top{
    grid-template-columns:1.5fr 1fr 1fr 1fr;
    gap:50px;
    padding-left:40px;
  }

  .footer-bottom{
    padding-left:40px;
  }

  .footer-brand h2{
    font-size:54px;
  }

}

/* =========================================
   TABLET
========================================= */

@media (max-width:992px){

  .footer-container{
    padding:0 45px;
  }

  .footer-top{
    grid-template-columns:1fr 1fr;
    gap:50px;
    padding-left:30px;
  }

  .footer-bottom{
    padding-left:30px;
    margin-top:60px;
  }

  .footer-brand h2{
    font-size:48px;
  }

  .footer-brand p{
    font-size:17px;
  }

}

/* =========================================
   MOBILE
========================================= */

@media (max-width:600px){

  .footer-container{
    padding:0 25px;
  }

  .footer-top{
    grid-template-columns:1fr;
    gap:40px;
    padding-left:20px;
  }

  .footer-bottom{
    flex-direction:column;
    align-items:flex-start;
    gap:20px;
    margin-top:40px;
    padding-left:20px;
  }

  .footer-brand h2{
    font-size:36px;
  }

  .footer-brand p{
    font-size:16px;
  }

  .footer-col{
    padding-left:5px;
  }
  .footer-col h4{
    font-size:20px;
  }

  .footer-col a,
  .footer-col p{
    font-size:16px;
  }

  .footer-big-text{
    font-size:40px;
    white-space:normal;
  }

}
/* GLOBAL FIX */

body{
  margin:0;
  padding:0;
}

/* ===== MARKET SECTION (FULL WIDTH) ===== */

.market-section{
  background:#f2eddf;
  padding:40px 0;
  width:100%;

  /* break out of wordpress container */
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  position: relative;
  z-index: 5;
}

/* ===== HEADER ===== */

.market-header{
  max-width:1200px;
  margin:auto;
  text-align:center;
  /* padding-bottom: -30px; */
}

.market-header small{
  color:#a8a8a8;
  letter-spacing:2px;
  font-size:16px;
  padding-bottom: 20px;
  /* border-bottom:3px solid #626262; */
  /* padding-top: 100px; */
}

.market-header h2{
  font-size:48px;
  margin:10px 0 40px;
  font-weight:500;
}

/* ===== PRICING CAROUSEL ===== */

.ticker-wrapper.custom-carousel{
  overflow:hidden;
  background:#ede4d0;
  padding:12px 0;
  margin-bottom:40px;
  position:relative;
  width:100%;
}

/* Track */

.ticker-track{
  display:flex;
  align-items:center;
  gap:40px;
  animation:scrollTicker 28s linear infinite;
  width:max-content;
}

/* Individual Metal Block */

.ticker-item{
  display:flex;
  align-items:center;
  gap:12px;
  white-space:nowrap;
  padding-right:40px;
  border-right:1px solid #525252;
  font-size:15px;
}

.ticker-item:last-child{
  border-right:none;
}

/* Symbol */

.symbol{
  font-weight:600;
  color:#111;
}

/* Price */

.price{
  font-weight:500;
  color:#222;
}

/* Change Colors */

.change.negative{
  color:#d13c3c;
}

.change.positive{
  color:#1a9c55;
}

/* Smooth Infinite Scroll */

@keyframes scrollTicker{

  0%{
    transform:translateX(0);
  }

  100%{
    transform:translateX(-50%);
  }

}

/* ===== BUTTONS ===== */

.metal-buttons{
  display:flex;
  justify-content:center;
  gap:20px;
  margin:30px auto;
  max-width:1200px;
  font-weight: 400;
}

.metal-buttons button{
  padding:10px 25px;
  border:1px solid #757575;
  background:transparent;
  cursor:pointer;
  font-size:14px;
  transition:0.3s ease;
}

.metal-buttons button:hover{
  background:#c49400;
  color:#fff;
}

/* ===== CHART ===== */

.chart-wrapper{
  width:100%;
  margin-top:20px;
}

/* TradingView iframe fix */

.chart-wrapper iframe{
  width:100% !important;
  height:600px;
  border:none;
}

/* ===== QUOTE CTA SECTION ===== */

.quote-cta-section {

  position:fixed;        /* makes it stay fixed */
  top:0;
  left:0;

  width:100%;
  height:100vh;

  padding:20px 20px;
  background:#f0e6d5;

  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;

  z-index:1;             /* keep lower so sections overlay */
}

.quote-cta-wrapper{
  max-width:900px;
}

/* TEXT */

.quote-text{
  font-size:42px;
  font-weight:500;
  line-height:1.4;
  color:#111;
  margin-bottom:50px;

  opacity:0;
  transform:translateY(80px) scale(.85);
  transition:all 1s cubic-bezier(.22,1,.36,1);
}

/* BUTTON WRAPPER */

.quote-buttons{
  display:flex;
  justify-content:center;
  gap:25px;
  align-items:center;
  flex-wrap:wrap;

  opacity:0;
  transform:translateY(60px);
  transition:all 1s cubic-bezier(.22,1,.36,1);
  transition-delay:.2s;
}

/* BUTTONS */

.cta-btn{
  padding:10px 22px;   /* same as navbar enquire button */
  font-size:14px;
  font-weight:600;
  text-decoration:none;
  letter-spacing:.5px;

  opacity:0;
  transform:translateY(40px);
  transition:all .6s ease;
}

/* STAGGER BUTTON ANIMATION */

.quote-buttons .cta-btn:nth-child(1){
  transition-delay:.4s;
}

.quote-buttons .cta-btn:nth-child(2){
  transition-delay:.6s;
}

/* ACTIVE STATE */

.quote-cta-section.in-view .quote-text{
  opacity:1;
  transform:translateY(0) scale(1);
}

.quote-cta-section.in-view .quote-buttons{
  opacity:1;
  transform:translateY(0);
}

.quote-cta-section.in-view .cta-btn{
  opacity:1;
  transform:translateY(0);
}

/* PRIMARY */

.primary-btn{
  background:#2b211c;
  color:#fff;
}

.primary-btn:hover{
  background:#2b211c;
  transform:translateY(-4px);
}

/* SECONDARY */

.secondary-btn{
  border:1px solid #000;
  color:#2C211C;
}

.secondary-btn:hover{
  background:#2C211C;
  color:#fff;
  transform:translateY(-4px);
}

/* Responsive */

@media (max-width:768px){

  .quote-text{
    font-size:28px;
  }

  .quote-cta-section{
    padding:100px 6%;
  }

}/* =============================
   CONTACT SLIDER
============================= */

/* Overlay */
.contact-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.35);
  backdrop-filter: blur(3px);              /* 🔥 premium blur */
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease;
  z-index: 9998;
}

/* Panel */
.contact-panel {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100vh;
  background: #ede7de;
  padding: 100px 8%;
  z-index: 9999;
  display: flex;
  align-items: center;

  transition: right 0.7s cubic-bezier(.77,0,.18,1);  /* 🔥 smooth slide */
}

/* Close Button */
.close-btn {
  position: absolute;
  top: 40px;
  right: 60px;
  font-size: 30px;
  cursor: pointer;
  transition: 0.3s ease;
}

.close-btn:hover {
  transform: rotate(90deg);
}

/* Layout */
.contact-wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 80px;
}

/* LEFT SIDE */
.contact-left {
  flex: 1;
}

.contact-left h1 {
  font-size: 72px;
  font-weight: 500;
  margin-bottom: 20px;
}

.contact-left p {
  font-size: 20px;
  max-width: 500px;
  line-height: 1.6;
}

/* RIGHT SIDE */
.contact-right {
  flex: 1;
}

.contact-right h2 {
  font-size: 34px;
  margin-bottom: 40px;
}

/* Inputs */
.row {
  display: flex;
  gap: 40px;
  margin-bottom: 30px;
}

.contact-panel input {
  width: 100%;
  border: none;
  border-bottom: 1px solid #111;
  background: transparent;
  padding: 12px 0;
  font-size: 16px;
  outline: none;
  transition: border-color 0.3s ease;
}

.contact-panel input:focus {
  border-bottom: 1px solid #c58b3a;
}

/* Bottom */
.form-bottom {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.checkbox {
  font-size: 14px;
  max-width: 380px;
}

.submit-wrapper{
  display:flex;
  justify-content:center;
  margin-top:20px;
}

.submit-btn{
  background:#2b211c;
  color:#fff;
  border:none;
  padding: 10px;;   /* same as enquire button */
  font-size:5px;
  font-weight:600;
  cursor:pointer;
  position:relative;
  overflow:hidden;
  transition:0.3s ease;
}

.submit-btn:hover{
  background:#1a1411;
}

.submit-btn::after{
  content:"";
  position:absolute;
  top:0;
  left:-75%;
  width:50%;
  height:100%;
  background:rgba(255,255,255,0.4);
  transform:skewX(-25deg);
  animation:flash 2.8s infinite;
}

/* Responsive */
@media(max-width: 992px){
  .contact-wrapper {
    flex-direction: column;
    gap: 50px;
  }

  .contact-left h1 {
    font-size: 42px;
  }

  .contact-right h2 {
    font-size: 26px;
  }
}
/* =========================
   HERO
========================= */

.products-hero{
  background:#f0e6d5;
  padding:250px 20px 350px; /* reduced */
  text-align:center;
}

.products-hero-inner{
  max-width:1000px;
  margin:0 auto;
}

.products-hero h1{
  font-size:75px; /* reduced from 75 */
  font-weight:500;
  line-height:1.1;
  margin-bottom:30px;
  color:#000;
}

.products-hero p{
  font-size:20px; /* slightly reduced */
  font-weight:400;
  max-width:680px;
  margin:0 auto;
  color:#222;
  line-height:1.6;
}
/* ========================================= */
/* GLOBAL RESPONSIVE HARDENING */
/* ========================================= */

/* Prevent horizontal overflow globally */
html, body {
  overflow-x: hidden;
}

/* ========================================= */
/* MARKET SECTION RESPONSIVE */
/* ========================================= */

@media (max-width: 992px){

  .market-header h2{
    font-size: 36px;
  }

  .ticker-track{
    gap: 40px;
  }

  .ticker-item{
    font-size: 14px;
    padding-right: 30px;
  }

  .metal-buttons{
    flex-wrap: wrap;
  }

}

@media (max-width: 768px){

  .market-section{
    padding: 40px 5%;
  }

  .market-header h2{
    font-size: 28px;
  }

  .ticker-track{
    gap: 30px;
  }

  .ticker-item{
    font-size: 13px;
    padding-right: 20px;
  }

  .metal-buttons{
    gap: 12px;
  }

  .metal-buttons button{
    padding: 8px 18px;
    font-size: 13px;
  }

}


/* ========================================= */
/* QUOTE CTA RESPONSIVE */
/* ========================================= */

@media (max-width: 992px){

  .quote-text{
    font-size: 34px;
  }

  .quote-cta-section{
    padding: 110px 6%;
  }

}

@media (max-width: 768px){

  .quote-text{
    font-size: 26px;
    line-height: 1.5;
  }

  .quote-buttons{
    gap: 15px;
  }

  .cta-btn{
    padding: 14px 26px;
    font-size: 14px;
  }

}


/* ========================================= */
/* CONTACT PANEL RESPONSIVE */
/* ========================================= */

@media (max-width: 992px){

  .contact-panel{
    padding: 80px 6%;
  }

  .contact-wrapper{
    gap: 40px;
  }

  .contact-left h1{
    font-size: 48px;
  }

  .contact-left p{
    font-size: 18px;
  }

  .row{
    flex-direction: column;
    gap: 20px;
  }

  .form-bottom{
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }

}

@media (max-width: 600px){

  .contact-panel{
    padding: 70px 5%;
  }

  .close-btn{
    top: 25px;
    right: 25px;
  }

  .contact-left h1{
    font-size: 34px;
  }

  .contact-left p{
    font-size: 16px;
  }

  .contact-right h2{
    font-size: 22px;
  }

  .submit-btn{
    width: 100%;
  }

}

/* =========================
   PRODUCTS SECTION
========================= */

.purpose-section{
  position:relative;
  background:#f0e6d5;
  overflow:hidden;
  padding:140px 0; /* reduced from 200px */
}

/* STATIC BG TEXT */
.purpose-section .bg-text{
  position:fixed;
  top:45%;
  left:50%;
  transform:translate(-50%,-50%);
  font-size:40px;
  font-weight:600;
  line-height:1.15;
  text-align:center;
  color:#000;

  visibility:hidden;
  opacity:0;

  white-space:pre-line;
  pointer-events:none;
  z-index:0;

  transition:filter 0.6s ease, opacity 0.6s ease;
}

/* blur state */

.purpose-section .bg-text.blur{
  filter:blur(8px);
  opacity:0.4;
}

/* Wrapper */
.cards-wrapper{
  width:85%;
  margin:220px auto;
  position:relative;
  z-index:2;
}

/* CARDS */
.purpose-section .card{
  width:60%;              /* reduced from 80% */
  min-height:320px;       /* controlled compact height */
  position:relative;
  padding:70px 60px;      /* reduced from 150px 110px */
  margin:60vh 0;         /* reduced from 250px */
  opacity:0;
  color:#ffffff;
  overflow:hidden;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  border-radius:8px;      /* subtle premium look */
}

.purpose-section .card:nth-child(odd){
  margin-right:auto;
}

.purpose-section .card:nth-child(even){
  margin-left:auto;
}

.purpose-section .card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
      to top,
      rgba(0,0,0,0.75) 0%,
      rgba(0,0,0,0.45) 40%,
      rgba(0,0,0,0.1) 70%,
      rgba(0,0,0,0) 100%
  );
  z-index:1;
}

.purpose-section .card > *{
  position:relative;
  z-index:2;
}

.purpose-section .card .number{
  font-size:30px;   /* reduced from 42 */
  font-weight:400;
  margin-bottom:20px;
  letter-spacing:2px;
}

.purpose-section .card h2{
  font-size:34px;   /* reduced from 52 */
  font-weight:700;
  margin-bottom:20px;
}

.purpose-section .card p{
  font-size:17px;   /* reduced from 21 */
  line-height:1.6;
  font-weight:300;  
  max-width:550px;
}


/* =========================
   Responsive
========================= */

@media(max-width:1024px){
  .purpose-section .bg-text{
    font-size:55px;
  }
}

@media(max-width:768px){

  .products-hero h1{
    font-size:36px;
  }

  .purpose-section .bg-text{
    font-size:40px;
  }

  .purpose-section .card{
    width:100%;
    padding:50px 30px;
    min-height:auto;
    margin:80px 0;
  }

  .purpose-section .card h2{
    font-size:26px;
  }
}

/* ========================================= */
/* PRODUCTS SECTION RESPONSIVE HARDENING */
/* ========================================= */

/* Prevent overflow from 60% card width */
.purpose-section {
  overflow-x: hidden;
}

/* ---------- Large Tablet ---------- */
@media(max-width:1200px){

  .cards-wrapper{
    width:90%;
  }

  .purpose-section .card{
    width:70%;
  }

  .purpose-section .card h2{
    font-size:30px;
  }

}


/* ---------- Tablet ---------- */
@media(max-width:992px){

  .purpose-section{
    padding:110px 0;
  }

  .cards-wrapper{
    width:92%;
  }

  .purpose-section .card{
    width:80%;
    padding:60px 40px;
    margin:100px 0;
  }

  .purpose-section .card p{
    font-size:16px;
  }

}


/* ---------- Mobile ---------- */
@media(max-width:768px){

  /* Disable fixed background text on mobile (prevents weird overlap)
  .purpose-section .bg-text{
    position:absolute;
    font-size:32px;
    opacity:0.06;
  } */

  .purpose-section{
    padding:90px 0;
  }

  .cards-wrapper{
    width:90%;
  }

  .purpose-section .card{
    width:100%;
    margin:70px 0;
    padding:45px 25px;
    border-radius:6px;
  }

  .purpose-section .card .number{
    font-size:22px;
  }

  .purpose-section .card h2{
    font-size:24px;
  }

  .purpose-section .card p{
    font-size:15px;
    line-height:1.5;
  }

}


/* ---------- Small Mobile ---------- */
@media(max-width:480px){

  .purpose-section{
    padding:70px 0;
  }

  .purpose-section .card{
    padding:35px 20px;
  }

  .purpose-section .card h2{
    font-size:20px;
  }

  .purpose-section .card p{
    font-size:14px;
  }

}
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:'Poppins', sans-serif;
}

/* =========================
   GLOBAL
========================= */

body{
  background:#f5f3ee;
  overflow-x:hidden;
  color:#111;
}

/* =========================
   INTRO SECTION
========================= */

.service-hero{
  background:#f0e6d5;
  padding:150px 20px 110px;
  text-align:center;
}

.service-hero-inner{
  max-width:1000px;
  margin:0 auto;
  padding-top:100px;
}

.service-hero h1{
  font-size:75px;
  font-weight:400;
  line-height:1.1;
  margin-bottom:30px;
  color:#000;
}

.service-hero h3{
  font-size:40px;
  font-weight:400;
  line-height:1.1;
  margin-bottom:30px;
  color:#000;
}

.service-hero p{
  font-size:20px;
  font-weight:300;
  max-width:680px;
  margin:0 auto;
  color:#222;
  line-height:1.6;
}


/* =========================
   STACK SECTION
========================= */

.stack-section{
  position:relative;
  height:100vh;
  background:#f0e6d5;
  overflow:hidden;
}

.stack-wrapper{
  position:relative;
  width:100%;
  height:100vh;
}


/* =========================
   STACK CARDS
========================= */

.stack-card{
  position:absolute;
  inset:0;

  width:100%;
  height:100vh;

  background:#f0e6d5;

  display:flex;
  align-items:center;
  padding:80px 8%;

  color:#111;

  will-change:transform;
}

/* ACTIVE CARD */

.stack-card.active{
  filter:blur(0);
  opacity:1;
  transform:scale(1);
  transition:all 0.6s ease;
  z-index:5;
}

/* PREVIOUS CARDS */

.stack-card.blurred{
  filter:blur(6px);
  opacity:0.45;
  transform:scale(0.98);
  transition:all 0.6s ease;
}
/* Z-INDEX STACKING */

/* .stack-card:nth-child(1){ z-index:5; }
.stack-card:nth-child(2){ z-index:4; }
.stack-card:nth-child(3){ z-index:3; }
.stack-card:nth-child(4){ z-index:2; }
.stack-card:nth-child(5){ z-index:1; } */


/* =========================
   CARD CONTENT LAYOUT
========================= */

.card-content{
  width:100%;
  max-width:1400px;
  margin:0 auto;

  display:flex;
  justify-content:space-between;
  gap:120px;
}


/* LEFT SIDE */

.left{
  flex:1;
}

.left h2{
  font-size:64px;
  font-weight:400;
  margin-bottom:10px;
  line-height: 72px;
}

.left p{
  font-size:18px;
  line-height:1.6;
  max-width:520px;
  font-weight:300;
}


/* RIGHT PANEL */

.right{
  flex:1;
  position:relative;

  padding-left:60px;
}

/* vertical line exactly where content starts */

.right::before{
  content:"";
  position:absolute;

  left:110px;   /* same as padding-left */
  top:0;
  bottom:0;

  width:1px;
  background:#9b9389;
}

/* feature rows */

.feature{
  position:relative;
  padding:40px 0 40px 90px;
}

/* horizontal lines */

.feature::before{
  content:"";
  position:absolute;

  top:0;
  left:50px;        /* connect with vertical line */
  width:100vw;      /* extend to right edge */

  height:1px;
  background:#9b9389;
}

/* bottom border */

.feature:last-child::after{
  content:"";
  position:absolute;

  bottom:0;
  left:50px;
  width:100vw;

  height:1px;
  background:#9b9389;
}

/* remove old hr */

.right hr{
  display:none;
}


/* =========================================
   LARGE TABLET
========================================= */

@media (max-width:1200px){

  .left h2{
    font-size:46px;
  }

  .feature h3{
    font-size:28px;
  }

  .left p{
    font-size:18px;
  }

  .feature p{
    font-size:16px;
  }

  .card-content{
    gap:80px;
  }

}


/* =========================================
   TABLET
========================================= */

@media (max-width:992px){

  .stack-card{
    padding:70px 6%;
  }

  .left h2{
    font-size:42px;
  }

  .feature h3{
    font-size:26px;
  }

  .left p{
    font-size:17px;
  }

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

  .card-content{
    gap:60px;
  }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width:768px){

  .service-hero h1{
    font-size:30px;
    font-weight:500;
  }

  .stack-card{
    padding:60px 24px;
  }

  .card-content{
    flex-direction:column;
    gap:40px;
  }

  .left h2{
    font-size:20px;
    margin-bottom:20px;
  }

  .left p{
    font-size:16px;
    max-width:100%;
  }

  /* RIGHT SIDE FIX */

  .right{
    padding-left:0;
    position:relative;
  }

  .right::before{
    left:0;
  }

  /* FEATURES */

  .feature{
    padding:30px 0 30px 50px;
  }

  .feature::before{
    left:0;
    width:100%;
  }

  .feature:last-child::after{
    left:0;
    width:100%;
  }

  .feature h3{
    font-size:22px;
  }

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

  .right hr{
    margin:25px 0;
  }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width:480px){

  .left h2{
    font-size:30px;
  }

  .feature h3{
    font-size:20px;
  }

  .left p,
  .feature p{
    font-size:14px;
  }

}
/* ================= ABOUT PAGE NEW ================= */

.about-new{
  padding:clamp(80px,8vw,140px) 8%;
  background:#f0e6d5;
  color:#1a1a1a;
}

/* TAG */

.tag{
  font-size:13px;
  letter-spacing:2px;
  color:#000;
  position:relative;
  display:inline-block;
  margin-bottom:20px;
}

.tag::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-6px;
  width:100%;
  height:2px;
  /* background:#777; */
}

/* ================= HERO ================= */

.about-hero-new{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  align-items:center;
  gap:clamp(40px,8vw,100px);
  margin-bottom:clamp(80px,10vw,160px);
}

.about-hero-text h1{
  font-size:clamp(56px,4vw,54px);
  line-height:1.15;
  margin-bottom:25px;
  font-weight:500;
}

.about-hero-text p{
  font-size:clamp(15px,1.2vw,17px);
  line-height:1.8;
  color:#000000;
  max-width:520px;
}

.about-hero-image img{
  width:100%;
  height:auto;
  border-radius:12px;
  transition:transform .6s ease;
}

.about-hero-image img:hover{
  transform:scale(1.05);
}

/* ================= OVERVIEW ================= */

.about-overview{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(40px,8vw,100px);
  align-items:center;
  margin-bottom:clamp(80px,10vw,160px);
}

.overview-left h2{
  font-size:clamp(56px,3vw,30px);
  margin-bottom:25px;
  font-weight:500;
  line-height: 70px;
}

.overview-left p{
  font-size:clamp(15px,1.2vw,17px);
  line-height:1.9;
  color:#000000;
  margin-bottom:20px;
}

/* STATS */

.overview-stats{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:30px;
}

.stat{
  background: linear-gradient(135deg, #d1984e, #fdfbb3, #d1984e);
  padding:clamp(25px,4vw,40px);
  border-radius:10px;
  text-align:center;
  transition:.35s ease;
}

.stat h3{
  font-size:clamp(26px,3vw,36px);
  margin-bottom:10px;
}

.stat p{
  color:#000000;
  font-size:14px;
}

.stat:hover{
  transform:translateY(-8px);
  box-shadow:0 20px 40px rgba(0,0,0,0.06);
}

/* ================= PRINCIPLES ================= */

.principles{
  text-align:center;
  margin-bottom:40px;
}

.principles h2{
  font-size:clamp(45px,3vw,36px);
  font-weight: 500;
}

.principles-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:40px;
  margin-top:70px;
}

.principle{
  padding:30px;
  border-top:2px solid #6d6d6d;
  text-align:left;
  transition:.3s ease;
}

.principle h4{
  font-size:clamp(18px,1.5vw,20px);
  margin-bottom:12px;
  min-height:52px;
  display:flex;
  align-items:flex-end;
  transition:transform .3s ease;
}

.principle p{
  color:#000000;
  font-size:14px;
  line-height:1.7;
  transition:transform .3s ease;
}

.principle:hover{
  transform:translateY(-6px);
}

.principle:hover h4,
.principle:hover p{
  transform:scale(1.08);
}

/* ================= LARGE LAPTOP ================= */

@media(max-width:1200px){

  .about-hero-new{
    gap:60px;
  }

  .about-overview{
    gap:60px;
  }

  .principles-grid{
    grid-template-columns:repeat(2,1fr);
  }

}

/* ================= TABLET ================= */

@media(max-width:992px){

  .about-hero-new{
    grid-template-columns:1fr;
    text-align:center;
  }

  .about-hero-text p{
    margin:auto;
  }

  .about-overview{
    grid-template-columns:1fr;
  }

  .overview-stats{
    margin-top:40px;
  }

}

/* ================= MOBILE ================= */

@media(max-width:768px){

  .about-hero-text h1{
    font-size:35px
  }
  .about-new{
    padding:80px 6%;
  }
  .overview-left h2{
    font-size: 35px;
    line-height: 40px;
  }
  .overview-stats{
    grid-template-columns:1fr;
  }
  .principles h2{
    font-size: 35px;
  }
  .principles-grid{
    grid-template-columns:1fr;
    gap:30px;
  }

  .principle{
    padding:25px;
  }

  .about-hero-text h1{
    font-size:32px;
  }

}
/*=====ACCOUNT OPENING=======*/
body{
font-family: 'Poppins', sans-serif;
background:#f0e6d5;
margin:0;
}

.account-section{
padding:160px 20px;
}

.container{
max-width:950px;
margin:auto;
background:white;
padding:40px;
border-radius:6px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.title{
font-size:32px;
margin-bottom:10px;
color:#111;
}

.subtitle{
color:#555;
margin-bottom:35px;
}

.form-heading{
margin-top:30px;
margin-bottom:20px;
font-size:20px;
border-bottom:1px solid #eee;
padding-bottom:6px;
}

.form-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
}

.form-group{
display:flex;
flex-direction:column;
}

.form-group.full{
grid-column:1/3;
}

label{
font-size:14px;
margin-bottom:6px;
font-weight:500;
}

input,
textarea,
select{

padding:10px;
border:1px solid #ccc;
border-radius:4px;
font-size:14px;

}

textarea{
min-height:90px;
resize:vertical;
}

.submit-btn{

margin-top:30px;
padding:14px;
background:#000;
color:white;
border:none;
cursor:pointer;
font-size:16px;

}

.submit-btn:hover{
background:#333;
}

#formStatus{
margin-top:20px;
font-weight:500;
}

@media(max-width:768px){

.form-grid{
grid-template-columns:1fr;
}

.form-group.full{
grid-column:auto;
}

.container{
padding:25px;
}

}

/*=====CONTACT US======*/
body{
font-family:Poppins, sans-serif;
margin:0;
background:#f0e6d5;
}

.contact-section{
padding:150px 20px;
}

.container{
max-width:1100px;
margin:auto;
}

.title{
font-size:32px;
margin-bottom:10px;
}

.subtitle{
color:#555;
margin-bottom:40px;
}

.contact-wrapper{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
}

/* FORM */

.contact-form{
background:white;
padding:30px;
border-radius:6px;
box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

.form-group{
display:flex;
flex-direction:column;
margin-bottom:18px;
}

label{
font-size:14px;
margin-bottom:6px;
font-weight:500;
}

input,
textarea{
padding:10px;
border:1px solid #ccc;
border-radius:4px;
font-size:14px;
}

textarea{
resize:vertical;
}

.submit-btn{
margin-top:10px;
padding:12px;
background:#000;
color:white;
border:none;
cursor:pointer;
font-size:15px;
}

.submit-btn:hover{
background:#333;
}

/* INFO */

.contact-info{
padding:30px;
background:white;
border-radius:6px;
box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

.contact-info h3{
margin-bottom:15px;
}

.contact-info p{
margin-bottom:12px;
color:#444;
}

.map{
margin-top:20px;
}

.map iframe{
width:100%;
height:220px;
border:0;
border-radius:6px;
}

/* MOBILE */

@media(max-width:768px){

.contact-wrapper{
grid-template-columns:1fr;
}

}

/* PRELOADER */
#preloader{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100vh;
  background:#e9e6e1;
  display:flex;
  justify-content:center;
  align-items:center;
  z-index:9999;
  transition:opacity .8s ease, visibility .8s;
}

/* LOGO */
.loader-logo img{
  width:420px;
  height: 260px;
  animation:logoFade 1.5s ease-in-out infinite alternate;
}

/* subtle breathing animation */
@keyframes logoFade{
  from{
    transform:scale(.95);
    opacity:.7;
  }
  to{
    transform:scale(1);
    opacity:1;
  }
}

/* hide loader */
#preloader.hide{
  opacity:0;
  visibility:hidden;
}
.quote1-section{
  padding: 350px 350px 40px;
}