/* ================= GLOBAL ================= */
body {
  font-family: 'Poppins', sans-serif;
}

/* Cyan Accent */
.text-cyan {
  color: #04D9FF;
}

.main-btn {
  background: #04D9FF;
  color: #000;
  font-weight: 600;
  border-radius: 6px;
  transition: 0.3s;
}

.main-btn:hover {
  background: #05b6d6;
  color: #fff;
}

/* ================= HERO ================= */
.hero-section {
  height: 80vh;
  background: linear-gradient(rgba(10, 26, 47, 0.8), rgba(10, 26, 47, 0.8)),
              url("https://images.pexels.com/photos/4386435/pexels-photo-4386435.jpeg") center/cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* ================= SERVICES ================= */
.service-card {
  transition: 0.3s;
  background: #fff;
  border-radius: 10px;
}

.service-card:hover {
  transform: translateY(-5px);
}

/* ================= NEWSLETTER ================= */
.newsletter {
  background: linear-gradient(#07111F, #0A1A2F);
}

.newsletter-box {
  max-width: 450px;
  background: rgba(255,255,255,0.1);
  border-radius: 10px;
}

/* POPUP */
.popup {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.7);
  justify-content: center;
  align-items: center;
}

.popup-content {
  background: #fff;
  padding: 30px;
  border-radius: 10px;
  max-width: 350px;
  text-align: center;
}

.blog-card {
  background: #ffffff;
  transition: 0.3s;
  border-radius: 12px;
}

.blog-card:hover {
  transform: translateY(-4px);
}

.blog-img {
  width: 180px;
  height: 150px;
  object-fit: cover;
  border-radius: 10px;
}


/* ================= UNFOLLOW HERO IMAGE ================= */
.unsubscribe-hero {
    background: url('images/unsub.png') center/cover no-repeat;
    padding: 120px 20px;
    color: white;
    position: relative;
}

.unsubscribe-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45); /* Dark overlay */
}

.unsubscribe-hero .text-center {
    position: relative;
    z-index: 2;
}



/* ===== BLOG HERO SECTION ===== */
.blog-hero {
    background: url('https://img.freepik.com/free-vector/credit-score-concept-illustration_114360-8183.jpg') center/cover no-repeat;
    padding: 140px 20px;
    color: white;
    position: relative;
}

.blog-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.45);  /* dark overlay */
}

.blog-hero .container {
    position: relative;
    z-index: 2;
}



.hero-sectionsmart {
    height: 60vh;
    background: url('images/smart.jpg') center/cover no-repeat;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Dark overlay */
.hero-sectionsmart::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.65); /* dark overlay for better contrast */
    z-index: 1;
}

/* Text shadow for readability */
.hero-sectionsmart h1,
.hero-sectionsmart p {
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);
}



.hero-sectionfinance {
    height: 60vh;
    background: url('images/finance.jpg') center/cover no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

/* Dark overlay for readability */
.hero-sectionfinance::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.65);
    z-index: 1;
}

/* Text shadow for hero text */
.hero-sectionfinance h1,
.hero-sectionfinance p {
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);
}



.loans-hero {
    height: 60vh;
    background: url('images/loan.jpg') center/cover no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

/* Dark overlay for better readability */
.loans-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    z-index: 1;
}

/* Text shadow for hero */
.loans-hero h1,
.loans-hero p {
    text-shadow: 2px 2px 8px rgba(0,0,0,0.6);
}


.investment-hero {
    height: 60vh;
    background: url('images/investtt.png') center/cover no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

/* Dark overlay for readability */
.investment-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    z-index: 1;
}

/* Hero text shadow */
.investment-hero h1,
.investment-hero p {
    text-shadow: 2px 2px 8px rgba(0,0,0,0.6);
}