/* BACKGROUND */

.cta-section {

  padding: 100px 0;

  background: linear-gradient(135deg, #dc3545, #504c54);

}



/* TEXT */

.cta-title {

  font-size: 42px;

  font-weight: 700;

}



.cta-subtitle {

  font-size: 16px;

  opacity: 0.9;

}



/* PRIMARY BUTTON */

.btn-cta-primary {

  background: #ffffff;

  color: #6f5aa6;

  padding: 14px 32px;

  border-radius: 40px;

  font-weight: 600;

  text-decoration: none;

  transition: 0.3s;

}



.btn-cta-primary:hover {

  transform: translateY(-3px);

  box-shadow: 0 10px 25px rgba(0,0,0,0.15);

}



.btn-cta-secondary {

  border: 2px solid #ffffff;

  color: #ffffff !important;

  padding: 14px 28px;

  border-radius: 40px;

  font-weight: 600;

  text-decoration: none;

  display: inline-flex;

  align-items: center;

  gap: 6px;

  transition: 0.3s;

}



/* 🔥 HOVER FIX */

.btn-cta-secondary:hover {

  background: rgba(255,255,255,0.15);

  color: #ffffff !important;

  border-color: #ffffff !important;

}



/* SVG color fix */

.btn-cta-secondary:hover svg {

  stroke: #ffffff !important;

}



		/* SECTION */

		.blog-section {

			padding: 100px 0;

			background: #f8fafc;

		}



		/* HEADING */

		.sub-title {

			font-size: 13px;

			letter-spacing: 2px;

			color: #504c54;

			font-weight: 600;

		}



		.blog-title {

			font-size: 40px;

			font-weight: 700;

			margin: 10px 0;

		}



		.blog-title span {

			background: linear-gradient(135deg, #ff2d2f, #504c54);

			-webkit-background-clip: text;

			-webkit-text-fill-color: transparent;

		}



		/* CARD */

		.blog-card {

			background: #fff;

			border-radius: 18px;

			overflow: hidden;

			box-shadow: 0 15px 40px rgba(0,0,0,0.06);

			transition: 0.3s;

		}



		.blog-card:hover {

			transform: translateY(-8px);

		}



		/* IMAGE */

		.blog-img {

			position: relative;

		}



		.blog-img img {

			width: 100%;

			height: 220px;

			object-fit: cover;

		}



		/* CATEGORY */

		.blog-category {

			position: absolute;

			top: 15px;

			left: 15px;

			background: linear-gradient(135deg, #ff2d2f, #504c54);

			color: #fff;

			font-size: 12px;

			padding: 6px 12px;

			border-radius: 20px;

		}



		/* CONTENT */

		.blog-content {

			padding: 20px;

		}



		.blog-meta {

			font-size: 13px;

			color: #888;

			margin-bottom: 8px;

		}



		.blog-content h5 {

			font-size: 18px;

			font-weight: 600;

			margin-bottom: 8px;

			color: #111;

		}



		.blog-content p {

			font-size: 14px;

			color: #666;

		}



		/* CTA */

		.read-more {

			display: inline-block;

			margin-top: 12px;

			font-weight: 600;

			color: #ff2d2f;

			text-decoration: none;

		}



		.read-more:hover {

			color: #504c54;

		}



		/* 🔥 BACKGROUND (SOFT PREMIUM) */

		.mission-section {

			padding: 100px 0;

			background: linear-gradient(135deg, #f8fbff 0%, #eef6f5 50%, #f4f0f8 100%);

		}



		/* LEFT */

		.mission-label {

			font-size: 13px;

			letter-spacing: 2px;

			color: #504c54;

			font-weight: 600;

		}



		.mission-title {

			font-size: 46px;

			font-weight: 700;

			color: #111;

			line-height: 1.2;

			margin: 15px 0;

		}



		.mission-desc {

			font-size: 16px;

			color: #555;

		}



		/* LIST */

		.mission-list {

			margin-top: 20px;

			padding: 0;

			list-style: none;

		}



		.mission-list li {

			margin-bottom: 10px;

			font-size: 15px;

			color: #333;

		}



		/* BUTTON */

		.mission-btn {

			margin-top: 30px;

			display: inline-block;

			padding: 14px 36px;

			border-radius: 40px;

			font-weight: 600;

			background: linear-gradient(135deg, #ff2d2f, #504c54);

			color: #fff;

			text-decoration: none;

			box-shadow: 0 10px 25px rgba(0,0,0,0.1);

			transition: 0.3s;

		}



		.mission-btn:hover {

			transform: translateY(-3px);

		}



		/* RIGHT */

		.feature-wrapper {

			display: flex;

			flex-direction: column;

			gap: 20px;

		}



		/* CARD */

		.feature-card {

			display: flex;

			align-items: center;

			gap: 18px;

			padding: 24px;

			border-radius: 18px;

			background: #ffffff;

			box-shadow: 0 15px 40px rgba(0,0,0,0.08);

			transition: 0.3s;

		}



		/* HOVER */

		.feature-card:hover {

			transform: translateY(-6px);

		}



		/* ICON (NOW VISIBLE) */

		.icon-box {

			width: 52px;

			height: 52px;

			border-radius: 14px;

			background: linear-gradient(135deg, #ff2d2f, #504c54);

			display: flex;

			align-items: center;

			justify-content: center;

			font-size: 22px;

			color: #fff;

			flex-shrink: 0;

		}



		/* TEXT */

		.feature-card h5 {

			font-size: 18px;

			font-weight: 600;

			color: #111;

			margin-bottom: 4px;

		}



		.feature-card p {

			font-size: 14px;

			color: #666;

		}

/* SECTION */

		.services-area {

			padding: 80px 0;

			background: linear-gradient(180deg, #f8fafc, #eef2f7);

		}



		/* HEADING */

		.section-title h2 {

			font-size: 42px;

			font-weight: 700;

			letter-spacing: -0.5px;

		}



		.gradient-text {

			background: linear-gradient(135deg, #ff2d2f, #504c54);

			-webkit-background-clip: text;

			-webkit-text-fill-color: transparent;

		}



		/* CARD */

		.clarity-card {

			background: rgba(255,255,255,0.6);

			backdrop-filter: blur(12px);

			border-radius: 22px;

			padding: 30px;

			transition: all 0.35s ease;

			box-shadow: 0 10px 30px rgba(0,0,0,0.05);

			height: 100%;

			border: 1px solid rgba(255,255,255,0.4);

		}



		.clarity-card:hover {

			transform: translateY(-10px);

			box-shadow: 0 25px 60px rgba(0,0,0,0.08);

		}



		/* ICON */

		.icon-box {

			width: 54px;

			height: 54px;

			border-radius: 16px;

			background: linear-gradient(135deg, #ff2d2f, #504c54);

			display: flex;

			align-items: center;

			justify-content: center;

			margin-bottom: 18px;

			box-shadow: 0 10px 25px rgba(74,162,147,0.25);

		}



		.icon-box svg {

			stroke: #fff;

		}



		/* TEXT */

		.clarity-card h4 {

			font-size: 20px;

			font-weight: 600;

			margin-bottom: 8px;

		}



		.clarity-card p {

			font-size: 15px;

			color: #555;

		}



		/* FEATURES */

		.features-mini {

			margin-top: 12px;

			padding: 0;

			list-style: none;

		}



		.features-mini li {

			font-size: 14px;

			color: #666;

			margin-bottom: 5px;

		}



		/* CTA */

		.learn-link {

			display: inline-block;

			margin-top: 14px;

			font-weight: 600;

			background: linear-gradient(135deg, #ff2d2f, #504c54);

			-webkit-background-clip: text;

			-webkit-text-fill-color: transparent;

			transition: 0.3s;

		}



		.learn-link:hover {

			letter-spacing: 0.5px;

		}



		/* LOGO CONTAINER */

		.logo {

			display: flex;

			align-items: center;

		}



		/* GRADIENT TEXT LOGO */

		.logo-text {

			font-size: 20px;

			font-weight: 700;

			text-decoration: none;

			background: linear-gradient(135deg, #ff2d2f, #504c54);

			

			/* Gradient Text Trick */

			-webkit-background-clip: text;

			-webkit-text-fill-color: transparent;



			/* Fallback for unsupported browsers */

			color: #504c54;



			letter-spacing: 0.5px;

			transition: 0.3s ease;

		}



		/* HOVER EFFECT */

		.logo-text:hover {

			opacity: 0.85;

		}



		/* OPTIONAL: DARK HEADER SUPPORT */

		.header-dark .logo-text {

			background: linear-gradient(135deg, #ffffff, #dcd6f5);

			-webkit-background-clip: text;

			-webkit-text-fill-color: transparent;

		}



/* LAYOUT */
.lumina-layout {
    padding: 100px 0;
    background: linear-gradient(180deg,#f9fafc,#eef1f7);
}

.lumina-wrapper {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 50px;
}

/* SIDEBAR WRAPPER */
.lumina-sidebar {
    position: sticky;
    top: 120px;
}

/* GLASS BOX */
.sidebar-box {
    padding: 20px 15px;
    border-radius: 16px;
    background: rgba(255,255,255,0.6);
    backdrop-filter: blur(12px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

/* MENU LIST */
.sidebar-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* MENU ITEM */
.sidebar-box li {
    margin-bottom: 10px;
}

/* LINKS */
.sidebar-box a {
    display: block;
    padding: 12px 16px;
    font-size: 15px;
    color: #555;
    text-decoration: none;
    border-radius: 10px;
    position: relative;
    transition: all 0.3s ease;
}

/* LEFT ACCENT LINE */
.sidebar-box a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 0%;
    width: 3px;
    background: #6c7cff;
    border-radius: 2px;
    transition: 0.3s;
    transform: translateY(-50%);
}

/* HOVER */
.sidebar-box a:hover {
    background: rgba(108,124,255,0.08);
    color: #111;
    padding-left: 20px;
}

/* ACTIVE */
.sidebar-box a.active {
    background: rgba(108,124,255,0.12);
    color: #111;
    font-weight: 600;
}

/* ACTIVE LINE */
.sidebar-box a.active::before {
    height: 60%;
}

/* ACTIVE + HOVER */
.lumina-sidebar a:hover,
.lumina-sidebar a.active {
    background: #ffffff;
    color: #111;
    box-shadow: 0 8px 20px rgba(0,0,0,0.05);
}

/* CONTENT */
.lumina-content {
    max-width: 800px;
}

/* SECTION BOX */
.lumina-section-box {
    margin-bottom: 50px;
    padding: 30px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

/* HEADINGS */
.lumina-section-box h2 {
    font-size: 28px;
    margin-bottom: 15px;
    color: #111;
}

.lumina-section-box h3 {
    font-size: 22px;
    margin-bottom: 15px;
    color: #111;
}

/* TEXT */
.lumina-section-box p {
    font-size: 15px;
    line-height: 1.9;
    color: #555;
}

/* LIST */
.lumina-section-box ul {
    list-style: none;
    padding: 0;
}

.lumina-section-box ul li {
    margin-bottom: 12px;
    padding-left: 22px;
    position: relative;
    color: #555;
}

/* CHECK ICON */
.lumina-section-box ul li::before {
    content: "?";
    position: absolute;
    left: 0;
    color: #6c7cff;
}

/* RESPONSIVE */
@media(max-width:992px){
    .lumina-wrapper {
        grid-template-columns: 1fr;
    }

    .lumina-sidebar {
        position: relative;
        top: 0;
        margin-bottom: 30px;
    }
}

/* ICON BACKGROUND */
.icon-bg {
  width: 60px;
  height: 60px;
  border-radius: 14px;
  background: linear-gradient(135deg, #ff2d2f, #504c54);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  color: #fff;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

/* SPACING FIX */
.m_v-ssion {
  align-items: center;
  gap: 15px;
}

/* TEXT IMPROVEMENT */
.m_v-ssion-title h3 {
  font-size: 20px;
  font-weight: 600;
  color: #111;
}

.m_v-ssion-desc p {
  margin-top: 10px;
  font-size: 14px;
  color: #666;
}

/* BACKGROUND (FIXED - CLEAN WHITE) */
.lumina-page {
    padding: 100px 0;
    background: #f8f9fc;
}

/* HERO */
.hero-clean {
    text-align: center;
    margin-bottom: 60px;
}

.hero-clean h1 {
    font-size: 40px;
    color: #111;
    margin-bottom: 10px;
}

.hero-clean p {
    color: #666;
    max-width: 650px;
    margin: auto;
    line-height: 1.8;
}

/* GRID */
.layout-clean {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 50px;
}

/* SIDEBAR */
.sidebar-box {
    position: sticky;
    top: 120px;
    background: #fff;
    padding: 22px;
    border-radius: 14px;
    border: 1px solid #eee;
}

/* TITLE */
.sidebar-title {
    font-size: 12px;
    color: #999;
    margin-bottom: 15px;
}

/* MENU */
.sidebar-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* FIX: NO LINE BREAK */
.sidebar-box a {
    display: block;
    padding: 10px 12px;
    font-size: 14px;
    color: #555;
    text-decoration: none;
    border-radius: 8px;
    white-space: nowrap; /* IMPORTANT FIX */
    overflow: hidden;
    text-overflow: ellipsis;
}

/* HOVER */
.sidebar-box a:hover {
    background: #f3f5ff;
    color: #111;
}

/* ACTIVE */
.sidebar-box a.active {
    background: #e9edff;
    color: #111;
    font-weight: 600;
}

/* BUTTON */
.btn-primary {
    margin-top: 15px;
    display: block;
    text-align: center;
    padding: 12px;
    background: #111;
    color: #fff !important;
    border-radius: 8px;
    font-size: 14px;
}

/* CONTENT */
.content-clean {
    max-width: 850px;
}

/* CARDS */
.card-clean {
    background: #fff;
    padding: 35px;
    border-radius: 16px;
    margin-bottom: 30px;
    border: 1px solid #eee;
}

/* TEXT */
.card-clean h2, .card-clean h3 {
    margin-bottom: 15px;
    color: #111;
}

.card-clean p {
    color: #555;
    line-height: 1.9;
}

/* RESPONSIVE */
@media(max-width:992px){
    .layout-clean {
        grid-template-columns: 1fr;
    }
}

			/* ICON BACKGROUND */
.icon-bg {
  width: 60px;
  height: 60px;
  border-radius: 14px;
  background: linear-gradient(135deg, #ff2d2f, #504c54);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  color: #fff;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

/* SPACING FIX */
.m_v-ssion {
  align-items: center;
  gap: 15px;
}

/* TEXT IMPROVEMENT */
.m_v-ssion-title h3 {
  font-size: 20px;
  font-weight: 600;
  color: #111;
}

.m_v-ssion-desc p {
  margin-top: 10px;
  font-size: 14px;
  color: #666;
}