/* premium.css - Modern Restyling Overrides */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap');

:root {
  --body-font: 'Outfit', sans-serif !important;
  --heading-font: 'Outfit', sans-serif !important;
  --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
  --shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.03);
  --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.02);
  --shadow-hover: 0 25px 30px -5px rgba(13, 110, 253, 0.15);
  --radius-md: 12px;
  --radius-lg: 20px;
  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

body {
  font-family: var(--body-font) !important;
  background-color: #f8fafc;
  color: #334155;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--heading-font) !important;
  letter-spacing: -0.02em;
  font-weight: 700;
  color: #0f172a;
}

/* Premium Buttons */
.btn-one, .btn-two, .btn-three, .btn-four, .btn-five, .btn-six {
  border-radius: 50px !important;
  font-family: var(--body-font) !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px;
  text-transform: none !important;
  box-shadow: var(--shadow-sm);
  transition: var(--transition) !important;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.btn-six, .btn-five {
  background: linear-gradient(135deg, var(--primary-color-1) 0%, var(--primary-color-2) 100%) !important;
  border: none !important;
  color: #fff !important;
}

.btn-six:hover, .btn-five:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-hover) !important;
}

.btn-six::before, .btn-five::before {
  display: none !important; /* Remove legacy weird hover fills */
}

/* Cards & Items Restyling */
.blog__two-item, .news__standard-left-item, .team__area-item, .work__area-item, .portfolio-item {
  background: #ffffff !important;
  border-radius: var(--radius-lg) !important;
  border: 1px solid rgba(0,0,0,0.03) !important;
  box-shadow: var(--shadow-md) !important;
  transition: var(--transition) !important;
  overflow: hidden;
}

.blog__two-item:hover, .news__standard-left-item:hover, .team__area-item:hover, .work__area-item:hover {
  transform: translateY(-8px);
  box-shadow: var(--shadow-lg) !important;
  border-color: rgba(13, 110, 253, 0.1) !important;
}

/* Card Images */
.blog__two-item-image img, .news__standard-left-item-image img, .team__area-item-image img {
  transition: var(--transition) !important;
}

.blog__two-item:hover .blog__two-item-image img, 
.news__standard-left-item:hover .news__standard-left-item-image img {
  transform: scale(1.05);
}

/* Footer Restyling */
.footer__two {
  background: linear-gradient(180deg, #0f172a 0%, #020617 100%) !important;
  position: relative;
  border-top: 1px solid rgba(255,255,255,0.05);
}

.footer__two::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: url('../img/shape/footer-bg-1.png') center/cover;
  opacity: 0.05;
  pointer-events: none;
}

.footer__two h4 {
  color: #f8fafc !important;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.footer__two p, .footer__two a {
  color: #cbd5e1 !important;
  transition: var(--transition);
}

.footer__two a:hover {
  color: var(--primary-color-1) !important;
}

/* Subscribe Area */
.subscribe__area-bg {
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

.subscribe__area-form input {
  border-radius: 50px !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  padding-left: 25px !important;
}

.subscribe__area-form button {
  border-radius: 50px !important;
  background: var(--primary-color-1) !important;
  font-weight: 600 !important;
}

/* Sidebar Widgets */
.all__sidebar-item {
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-sm) !important;
  border: 1px solid rgba(0,0,0,0.04) !important;
  padding: 35px 30px !important;
  background: #fff;
}

.all__sidebar-item h4 {
  font-weight: 700;
  margin-bottom: 25px;
  position: relative;
  padding-bottom: 15px;
}

.all__sidebar-item h4::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 3px;
  background: var(--primary-color-1);
  border-radius: 2px;
}

/* Scroll to top */
.scroll-up {
  border-radius: 50%;
  box-shadow: var(--shadow-md);
  background: var(--primary-color-1) !important;
}

/* Badges / Dates */
.blog__two-item-image-date, .post__item-title span {
  border-radius: 8px !important;
  font-family: var(--body-font) !important;
}

/* Job Vacancy Modernization */
.work__area-item {
  padding: 40px 30px !important;
  text-align: center;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 320px;
}
.work__area-item h6 {
  font-size: 20px;
  margin-bottom: 15px;
  margin-top: 20px;
}
.work__area-item span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: rgba(13, 110, 253, 0.1);
  color: var(--primary-color-1);
  border-radius: 50%;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}
.work__area-item-arrow {
  display: none !important; /* Hide legacy arrow image */
}
.work__area-item::after {
  content: '\f061';
  font-family: 'Font Awesome 5 Pro';
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  color: var(--primary-color-1);
  font-size: 24px;
  opacity: 0;
  transition: var(--transition);
}
.work__area-item:hover::after {
  bottom: 20px;
  opacity: 1;
}
.work__area-item:hover {
  padding-bottom: 60px !important;
}

/* Solution Area / Video Section Premium Overlay */
.solution__area {
  position: relative;
  z-index: 1;
  background-attachment: fixed !important;
}
.solution__area::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(13, 110, 253, 0.85) 0%, rgba(2, 6, 23, 0.8) 100%);
  z-index: -1;
}
.solution__area-title h1, .solution__area-title span.subtitle-two {
  color: #ffffff !important;
  text-shadow: 0 2px 10px rgba(0,0,0,0.2);
}
.solution__area-right-icon {
  background: #ffffff !important;
  color: var(--primary-color-1) !important;
}
.solution__area-right-icon i {
  color: var(--primary-color-1) !important;
}
.solution__area-right h6 {
  color: #ffffff !important;
  text-shadow: 0 2px 5px rgba(0,0,0,0.3);
}

/* Fix Section Paddings & Spacing */
.mb-70 { margin-bottom: 50px !important; }
.mt-80 { margin-top: 50px !important; }
.section-padding { padding: 80px 0 !important; }

/* Header Topbar Fix */
.header__two-topbar-left a {
  white-space: nowrap;
}

/* Banner sizing override */
.banner__two {
  height: calc(100vh - 180px) !important;
  min-height: 400px !important;
  max-height: 100vh !important;
}
.banner__two-image {
  height: 100% !important;
}
/* =======================================
   HEADER RESTYLING (Clean & Modern)
   ======================================= */

/* Topbar */
.header__two-topbar {
  background: rgba(2, 6, 23, 0.95) !important;
  color: #fff !important;
  padding: 10px 0;
  border-bottom: none;
}
.header__two-topbar a, .header__two-topbar i {
  color: #e2e8f0 !important;
  font-size: 14px;
}
.header__two-topbar-left a {
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
}
.header__two-topbar-left a i {
  margin-right: 8px;
}
.header__two-topbar-social ul {
  display: flex;
  justify-content: flex-end;
  gap: 15px;
}
.header__two-topbar-social ul li a:hover i {
  color: var(--primary-color-1) !important;
}

/* Main Menubar */
.header__two {
  position: relative !important; /* Push hero down normally */
  background: #fff;
  box-shadow: 0 4px 20px rgba(0,0,0,0.05);
  z-index: 999;
}

.header__area-menubar.two {
  clip-path: none !important; /* Remove polygon */
  background: #fff !important;
  margin-top: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 15px 0 !important;
}

/* Align Logo */
.header__area-menubar-left {
  background: transparent !important;
  clip-path: none !important;
  padding: 0 !important;
}
.header__area-menubar-left::before {
  display: none !important;
}
.header__area-menubar-left-logo {
  padding: 0 !important;
}

/* Align Menu */
.header__area-menubar-center-menu.two ul li a {
  color: #1e293b !important;
  font-weight: 600 !important;
  padding: 25px 15px !important;
}
.header__area-menubar-center-menu.two ul li a:hover {
  color: var(--primary-color-1) !important;
}

/* Contact Info & Button */
.header__area-menubar-right-box {
  border-right: none !important;
}
.header__area-menubar-right-btn .btn-six {
  border-radius: 8px !important;
  padding: 12px 24px !important;
  font-size: 15px !important;
  box-shadow: 0 4px 10px rgba(13, 110, 253, 0.2) !important;
}

/* Hero Section Padding adjustment to prevent overlap */
.banner__two {
  margin-top: 0 !important;
}

/* Fix Menu Text Overlap (+) */
.header__area-menubar-center-menu.two ul li.menu-item-has-children > a {
  padding-right: 30px !important;
}
.header__area-menubar-center-menu.two ul li.menu-item-has-children > a::after,
.header__area-menubar-center-menu.two ul li.menu-item-has-children > a::before {
  right: 10px !important;
}



/* =======================================
   DARK MODE COMPATIBILITY
   ======================================= */
.dark-mode body {
  background-color: #0f172a !important;
  color: #94a3b8 !important;
}

.dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6 {
  color: #f8fafc !important;
}

/* Header in Dark Mode */
.dark-mode .header__two {
  background: #020617 !important;
}
.dark-mode .header__area-menubar.two {
  background: #020617 !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.4) !important;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}
.dark-mode .header__area-menubar-center-menu.two ul li a {
  color: #e2e8f0 !important;
}
.dark-mode .header__area-menubar-center-menu.two ul li a:hover {
  color: var(--primary-color-1) !important;
}

/* Cards & Widgets in Dark Mode */
.dark-mode .blog__two-item, 
.dark-mode .news__standard-left-item, 
.dark-mode .team__area-item, 
.dark-mode .work__area-item, 
.dark-mode .portfolio-item,
.dark-mode .all__sidebar-item {
  background: #1e293b !important;
  border-color: rgba(255,255,255,0.05) !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.4) !important;
}

/* Fix inner texts for cards in Dark Mode */
.dark-mode .blog__two-item-content h4, 
.dark-mode .news__standard-left-item-content h3, 
.dark-mode .team__area-item-content h5, 
.dark-mode .work__area-item h6,
.dark-mode .all__sidebar-item h4 {
  color: #f8fafc !important;
}

.dark-mode .blog__two-item-content p,
.dark-mode .news__standard-left-item-content p,
.dark-mode .all__sidebar-item p,
.dark-mode .work__area-item p {
  color: #94a3b8 !important;
}

/* Job Vacancy Specifics */
.dark-mode .work__area-item span {
  background: rgba(13, 110, 253, 0.2);
}

/* Subscribe Area in Dark Mode */
.dark-mode .subscribe__area-bg {
  background: #1e293b !important;
}

/* Override fixed borders or weird backgrounds */
.dark-mode .blog__two-item:hover, 
.dark-mode .news__standard-left-item:hover, 
.dark-mode .team__area-item:hover, 
.dark-mode .work__area-item:hover {
  border-color: var(--primary-color-1) !important;
}

/* Fix Slider Text Readability (Light & Dark Mode) */
.banner__two-image {
  position: relative;
}
.banner__two-image::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(2,6,23,0.85) 0%, rgba(2,6,23,0.3) 100%);
  z-index: 1;
  pointer-events: none;
}
.banner__two-content {
  position: relative;
  z-index: 2;
}

/* Fix Dropdown Sub-menu Contrast in Light Mode */
.header__area-menubar-center-menu ul li .sub-menu {
  background: #ffffff !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
  border: 1px solid rgba(0,0,0,0.05);
}
.header__area-menubar-center-menu ul li .sub-menu li a {
  color: #334155 !important;
}
.header__area-menubar-center-menu ul li .sub-menu li a:hover {
  color: var(--primary-color-1) !important;
  background: rgba(13, 110, 253, 0.05);
}

/* Ensure body text has good contrast */
body {
  color: #475569 !important;
}
.dark-mode body {
  color: #94a3b8 !important;
}

/* Also ensure hero slider arrows are visible in light mode */
.banner__two-arrow-prev i, .banner__two-arrow-next i {
  background: rgba(255, 255, 255, 0.9) !important;
  color: var(--primary-color-1) !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
}
.banner__two-arrow-prev i:hover, .banner__two-arrow-next i:hover {
  background: var(--primary-color-1) !important;
  color: #ffffff !important;
}

/* Fix Scroll Up Button Contrast */
.scroll-up {
  background: var(--primary-color-1) !important;
  color: #ffffff !important;
  border-radius: 50% !important;
  box-shadow: 0 4px 15px rgba(13, 110, 253, 0.4) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.scroll-up i, .scroll-up::before, .scroll-up::after {
  color: #ffffff !important;
}
.scroll-up:hover {
  background: #0b5ed7 !important;
  transform: translateY(-3px);
}


/* Replace Legacy Hero Shapes with Modern Glowing Orbs */
.banner__two-shape img {
  display: none !important;
}
.banner__two-shape-one { position: absolute !important; pointer-events: none !important;
  width: 350px !important;
  height: 350px !important;
  background: var(--primary-color-1) !important;
  border-radius: 50% !important;
  filter: blur(120px) !important;
  opacity: 0.6 !important;
  bottom: 0 !important;
  left: -5% !important;
  animation: floatOrb 8s ease-in-out infinite alternate !important;
}
.banner__two-shape-two { position: absolute !important; pointer-events: none !important;
  width: 450px !important;
  height: 450px !important;
  background: #0ea5e9 !important; /* Secondary lighter blue */
  border-radius: 50% !important;
  filter: blur(140px) !important;
  opacity: 0.5 !important;
  top: -10% !important;
  right: -5% !important;
  animation: floatOrb2 10s ease-in-out infinite alternate !important;
}
.banner__two-shape-three {
  width: 250px !important;
  height: 250px !important;
  background: #8b5cf6 !important; /* Accent purple */
  border-radius: 50% !important;
  filter: blur(100px) !important;
  opacity: 0.4 !important;
  bottom: 10% !important;
  right: 20% !important;
  animation: floatOrb 12s ease-in-out infinite alternate !important;
}

@keyframes floatOrb {
  0% { transform: translateY(0) scale(1); }
  100% { transform: translateY(-40px) scale(1.1); }
}
@keyframes floatOrb2 {
  0% { transform: translateY(0) translateX(0) scale(1); }
  100% { transform: translateY(30px) translateX(-30px) scale(1.15); }
}

/* Ensure orbs stay strictly behind the content and slider text */
.banner__two-shape {
  z-index: 1 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  position: absolute;
  inset: 0;
}



/* =======================================
   PREMIUM ARTICLE / BLOG CARDS
   ======================================= */
.blog__two-item {
  background: #ffffff;
  border-radius: 16px !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.02);
  transition: all 0.4s ease !important;
  overflow: hidden;
  margin-bottom: 30px;
}
.blog__two-item:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08) !important;
  border-color: var(--primary-color-1) !important;
}
.blog__two-item-image img {
  border-radius: 16px 16px 0 0 !important;
  transition: transform 0.6s ease !important;
}
.blog__two-item:hover .blog__two-item-image img {
  transform: scale(1.05) !important;
}
.blog__two-item-image {
  overflow: hidden !important;
  position: relative;
}
.blog__two-item-image-date {
  background: var(--primary-color-1) !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 15px rgba(13, 110, 253, 0.3) !important;
  padding: 10px 15px !important;
  bottom: 20px !important;
  right: 20px !important;
  top: auto !important;
  left: auto !important;
}
.blog__two-item-content {
  padding: 30px !important;
}
.blog__two-item-content h4 {
  font-size: 22px !important;
  line-height: 1.4 !important;
  margin-bottom: 15px !important;
}
.blog__two-item-content h4 a:hover {
  color: var(--primary-color-1) !important;
}
.blog__two-item-content-meta ul li a {
  color: #64748b !important;
  font-weight: 500 !important;
}
.blog__two-item-content-meta ul li i {
  color: var(--primary-color-1) !important;
}

/* Premium Article Detail Page */
.news__standard-left-item {
  background: #ffffff;
  border-radius: 20px !important;
  padding: 30px !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.03) !important;
  border: 1px solid rgba(0, 0, 0, 0.03);
}
.news__standard-left-item-image img {
  border-radius: 16px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
  margin-bottom: 30px !important;
}
.news__standard-left-item-content-meta {
  background: #f8fafc;
  padding: 15px 25px;
  border-radius: 12px;
  margin-bottom: 25px;
}
.news__standard-left-item-content-meta ul {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.news__standard-left-item-content-meta ul li a {
  color: #475569 !important;
  font-weight: 600;
}
.news__standard-left-item-content-meta ul li i {
  color: var(--primary-color-1) !important;
  margin-right: 8px;
}
.news__standard-left-item-content h3 {
  font-size: 32px !important;
  line-height: 1.3 !important;
  margin-bottom: 25px !important;
  color: #0f172a;
}
.content-body {
  font-size: 17px !important;
  color: #334155 !important;
  line-height: 1.8 !important;
}

/* Dark Mode Adjustments for New Styles */
.dark-mode .news__standard-left-item {
  background: #1e293b !important;
  border-color: rgba(255,255,255,0.05) !important;
}
.dark-mode .news__standard-left-item-content-meta {
  background: #0f172a !important;
}
.dark-mode .news__standard-left-item-content-meta ul li a,
.dark-mode .content-body {
  color: #94a3b8 !important;
}
.dark-mode .news__standard-left-item-content h3 {
  color: #f8fafc !important;
}

/* =======================================
   PREMIUM JOB VACANCY (LOWONGAN)
   ======================================= */
.work__area-item {
  background: #ffffff;
  border-radius: 16px !important;
  padding: 40px 30px !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.02) !important;
  transition: all 0.4s ease !important;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.work__area-item::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: linear-gradient(135deg, rgba(13, 110, 253, 0.03) 0%, rgba(255,255,255,0) 100%);
  z-index: -1;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.work__area-item:hover::before {
  opacity: 1;
}
.work__area-item:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 20px 40px rgba(13, 110, 253, 0.08) !important;
  border-color: rgba(13, 110, 253, 0.15) !important;
}
.work__area-item span {
  width: 80px !important;
  height: 80px !important;
  line-height: 80px !important;
  border-radius: 20px !important; /* Squircle */
  background: rgba(13, 110, 253, 0.08) !important;
  color: var(--primary-color-1) !important;
  font-size: 35px !important;
  margin-bottom: 30px !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}
.work__area-item:hover span {
  background: var(--primary-color-1) !important;
  color: #ffffff !important;
  transform: scale(1.1) rotate(5deg);
  border-radius: 50% !important;
}

/* =======================================
   PREMIUM TEAM (PENGURUS)
   ======================================= */
.team__area-item {
  border-radius: 24px !important;
  overflow: hidden;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.04) !important;
  border: none !important;
  transition: all 0.4s ease !important;
  background: #ffffff;
  margin-bottom: 30px;
}
.team__area-item:hover {
  transform: translateY(-12px) !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.1) !important;
}
.team__area-item-image {
  overflow: hidden;
  position: relative;
}
.team__area-item-image img {
  width: 100%;
  transition: transform 0.6s ease;
}
.team__area-item:hover .team__area-item-image img {
  transform: scale(1.08);
}
.team__area-item-content {
  background: #ffffff !important;
  padding: 30px 20px !important;
  position: relative;
  z-index: 2;
}
.team__area-item-content h5 {
  font-size: 22px !important;
  margin-bottom: 8px !important;
  color: #0f172a !important;
}
.team__area-item-content span {
  color: var(--primary-color-1) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* =======================================
   PREMIUM SUBSCRIBE / STAY CONNECTED
   ======================================= */
.subscribe__area-bg {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
  border-radius: 24px !important;
  padding: 60px 50px !important;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.2) !important;
  position: relative;
  overflow: hidden;
}
.subscribe__area-bg::before {
  content: '';
  position: absolute;
  top: -50%; left: -50%; width: 200%; height: 200%;
  background: radial-gradient(circle, rgba(13,110,253,0.1) 0%, rgba(0,0,0,0) 70%);
  pointer-events: none;
}
.subscribe__area-bg .subscribe__area-left-title span, 
.subscribe__area-bg .subscribe__area-left-title h2 {
  color: #ffffff !important;
}
.subscribe__area-bg form input {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  backdrop-filter: blur(10px);
}
.subscribe__area-bg form input::placeholder {
  color: rgba(255, 255, 255, 0.6) !important;
}
.subscribe__area-bg form button {
  border-radius: 12px !important;
  background: var(--primary-color-1) !important;
  box-shadow: 0 4px 15px rgba(13,110,253,0.4) !important;
}
.subscribe__area-bg form button:hover {
  background: #ffffff !important;
  color: var(--primary-color-1) !important;
}

/* =======================================
   PREMIUM FOOTER
   ======================================= */
.footer__area {
  background: #020617 !important; /* Deepest slate */
  border-top: 1px solid rgba(255,255,255,0.05);
  color: #94a3b8 !important;
}
.footer__area-widget-title h6 {
  color: #f8fafc !important;
  font-size: 20px !important;
  position: relative;
  padding-bottom: 15px;
}
.footer__area-widget-title h6::after {
  content: '';
  position: absolute;
  left: 0; bottom: 0;
  width: 40px; height: 3px;
  background: var(--primary-color-1);
  border-radius: 2px;
}
.footer__area-widget-menu ul li a {
  color: #94a3b8 !important;
  transition: all 0.3s ease;
}
.footer__area-widget-menu ul li a:hover {
  color: #ffffff !important;
  padding-left: 5px;
}
.footer__area-widget-info span a {
  color: #94a3b8 !important;
}
.footer__area-widget-info span a:hover {
  color: #ffffff !important;
}
.footer__area-widget-about-social ul li a {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  color: #e2e8f0 !important;
  border-radius: 10px !important;
}
.footer__area-widget-about-social ul li a:hover {
  background: var(--primary-color-1) !important;
  border-color: var(--primary-color-1) !important;
  color: #ffffff !important;
  transform: translateY(-3px);
}
.copyright__area {
  background: #000000 !important;
  border-top: 1px solid rgba(255,255,255,0.05) !important;
}
.copyright__area-left p, .copyright__area-right ul li a {
  color: #64748b !important;
}
.copyright__area-right ul li a:hover {
  color: #ffffff !important;
}

/* Dark mode generic fixes for the new elements */
.dark-mode .work__area-item, .dark-mode .team__area-item {
  background: #1e293b !important;
  border-color: rgba(255,255,255,0.05) !important;
}
.dark-mode .team__area-item-content {
  background: #1e293b !important;
  border-color: rgba(255,255,255,0.05) !important;
}
.dark-mode .team__area-item-content h5 {
  color: #f8fafc !important;
}

/* =======================================
   PREMIUM OUR VIDEOS SECTION
   ======================================= */
.consulting__area {
  background: #f8fafc;
  position: relative;
}
.youtube-container {
  border-radius: 20px !important;
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(0,0,0,0.1) !important;
  border: 10px solid #ffffff;
}
.consulting__area-right-title h3 {
  font-size: 32px !important;
  line-height: 1.4 !important;
  margin-bottom: 20px !important;
  color: #0f172a !important;
}
.consulting__area-right-description {
  background: #ffffff;
  padding: 30px;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.03);
  margin-top: 25px !important;
  border-left: 5px solid var(--primary-color-1);
}
.consulting__area-right-description p {
  color: #475569 !important;
  font-size: 16px !important;
  margin-bottom: 15px !important;
}
.consulting__area-right-description ul li {
  color: #475569 !important;
  margin-bottom: 12px !important;
  position: relative;
  padding-left: 25px;
}
.consulting__area-right-description ul li::before {
  content: '\f00c';
  font-family: 'Font Awesome 5 Pro';
  position: absolute;
  left: 0;
  color: var(--primary-color-1);
  font-weight: 900;
}
.dark-mode .consulting__area {
  background: #0f172a !important;
}
.dark-mode .youtube-container {
  border-color: #1e293b !important;
}
.dark-mode .consulting__area-right-title h3 {
  color: #f8fafc !important;
}
.dark-mode .consulting__area-right-description {
  background: #1e293b !important;
  border-color: var(--primary-color-1);
}
.dark-mode .consulting__area-right-description p, 
.dark-mode .consulting__area-right-description ul li {
  color: #94a3b8 !important;
}