/* ================================
   MindRaga - Base CSS (Final Stable)
================================ */

/* ===== RESET ===== */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* ===== ROOT ===== */
:root {
  --mind-primary: #1e88e5;
  --raga-primary: #8e24aa;

  --dark: #000;
  --light: #ffffff;
  --grey: #5E6573;
  --border: #e5e5e5;

  --font-primary: "DM Sans";
  --font-secondary: 'Raleway', sans-serif;
  --font-tertiary: 'Caveat', cursive;

  /* 🔥 FIXED */
  --container-width: 1400px;
--section-padding: clamp(40px, 6vw, 80px) clamp(16px, 5vw, 80px);
}

/* ===== BASE ===== */
html {
  font-size: 16px;
}

body {
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.6;
  color: var(--dark);
  background: var(--light);
  -webkit-font-smoothing: antialiased;
}

/* ===== CONTAINER ===== */
.container {
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 0px; /* 🔥 IMPORTANT */
}

/* ===== TYPOGRAPHY ===== */
h1,h2,h3,h4,h5,h6 {
  font-weight: 600;
  line-height: 160%;
  max-width: 100%;
  word-break: break-word;
}

p {
  margin-bottom: 15px;
  line-height: 160%;
  max-width: 100%;
}

.lh-125 { line-height: 125% !important; }

/* ===== LINKS ===== */
a {
  text-decoration: none;
  color: inherit;
  transition: 0.3s ease;
}

/* ===== LIST ===== */
ul { list-style: none; }

/* ===== COLORS ===== */
.bg-dark-grey { background:#25272D !important; }
.bg-yellow { background:#FCE94D !important; }
.bg-yellow-img { background-image: url(../images/mind/yellow-bg.png) !important; }
.bg-light-yellow { background:#FFFEDE !important; }
.bg-blue { background:#2E63D6 !important; }
.bg-light { background:#f9f9f9; }
.bg-grey-F1F2F4{ background:#F1F2F4 !important; }
.bg-FCFCFC { background:#FCFCFC; }

.bg-dark { background:var(--dark); color:#fff; }

.dark { color:#000 !important; }
.grey-5e6573 { color:#5E6573 !important; }
.grey-a3a3a3 { color:#A3A3A3 !important; }
.grey-737373 { color:#737373; }
.grey-7e8695 { color:#7E8695 !important; }
.grey-32363e { color:#32363E !important; }
.grey-404040 { color:#404040; }
.grey-7E8695 { color: #7E8695 !important}
.blue { color:#2E63D6 !important; }
.blue-1A46A7{ color:#1A46A7 !important; }
.red { color:#941D2B !important; }

/* ===== FONT ===== */
.railway-font { font-family: var(--font-secondary); }

/* ===== UTIL ===== */
.p-24 { padding:24px !important; }

.align-items-center {
  display:flex;
  align-items:center;
  justify-content:center;
}

.text-center { text-align:center; }
.text-white { color:#fff; }

/* ===== FLEX ===== */
.d-flex { display:flex; }

.row {
  display:flex;
  flex-wrap:wrap; /* 🔥 FIX */
  gap:25px 0;
}

/* ===== WIDTH ===== */
@media (max-width:767px){
  .w-50,.w-60,.w-70,.w-80,.w-90{
    width:100% !important;
    margin:auto;
  }
}

@media (min-width:768px){
  .w-50{width:50% !important;margin:auto;}
  .w-60{width:60% !important;margin:auto;}
  .w-70{width:70% !important;margin:auto;}
  .w-80{width:80% !important;margin:auto;}
  .w-90{width:90% !important;margin:auto;}
}

/* ===== BORDER ===== */
.border-E26C53{border:0.667px solid #E26C53 !important;}
.border-BA6500{border:0.667px solid #BA6500 !important;}
.border-2F697C{border:0.667px solid #2F697C !important;}
.border-562F00{border:0.667px solid #562F00 !important;}



.border-2E63D6{ border:0.667px solid #2E63D6 !important;}
/* ===== IMAGES ===== */
img {
  max-width:100%;
  height:auto;
  display:block;
}

/* ===== BUTTON ===== */
.btn {
  display:inline-block;
  padding:10px 22px;
  font-size:14px;
  font-weight:500;
  border-radius:4px;
  border:none;
  cursor:pointer;
  transition:0.3s;
}

.btn-mind { background:var(--mind-primary); color:#fff; }
.btn-raga { background:var(--raga-primary); color:#fff; }

.btn-sm { height:40px; padding:3px 2px 3px 10px; }
.btn-md { height:46px; padding:3px 2px 3px 18px; }
.btn-lg { height:50px; padding:4px 3px 4px 22px; }

.btn-md .btn-icon { width:36px;height:36px; }
.btn-lg .btn-icon { width:40px;height:40px; }


.section { padding:var(--section-padding); }



.fs-64 { font-size: clamp(42px, 4vw, 64px) !important; }
.fs-56 { font-size: clamp(38px, 3.5vw, 56px) !important; }
.fs-54 { font-size: clamp(36px, 3.3vw, 54px) !important; }
.fs-48 { font-size: clamp(32px, 3vw, 48px) !important; }
.fs-42 { font-size: clamp(30px, 2.6vw, 42px) !important; }
.fs-40 { font-size: clamp(28px, 2.5vw, 40px) !important; }
.fs-38 { font-size: clamp(26px, 2.3vw, 38px) !important; }
.fs-36 { font-size: clamp(26px, 2.2vw, 36px) !important; }
.fs-34 { font-size: clamp(24px, 2vw, 34px) !important; }
.fs-32 { font-size: clamp(28px, 2vw, 32px) !important; }
.fs-30 { font-size: clamp(28px, 1.8vw, 30px) !important; }
.fs-28 { font-size: clamp(28px, 1.7vw, 28px) !important; }
.fs-26 { font-size: clamp(24px, 1.6vw, 26px) !important; }
.fs-24 { font-size: clamp(22px, 1.5vw, 24px) !important; }
.fs-22 { font-size: clamp(18px, 1.4vw, 22px) !important; }
.fs-20 { font-size: clamp(18px, 1.3vw, 20px) !important; }
.fs-18 { font-size: clamp(16px, 1.2vw, 18px) !important; }
.fs-16 { font-size: clamp(14px, 1.1vw, 16px) !important; }
.fs-14 { font-size: clamp(13px, 1vw, 14px) !important; }
.fs-12 { font-size: clamp(11px, 0.9vw, 12px) !important; }

/* 🔥 TEXT SAFETY */
.fs-64,
.fs-56,
.fs-48 {
  word-break: break-word;
}

/* ===== FONT WEIGHT ===== */
.fw-300 { font-weight:300 !important; }
.fw-400 { font-weight:400; }
.fw-500 { font-weight:500; }
.fw-600 { font-weight:600; }
.fw-700 { font-weight:700; }
.fw-800 { font-weight:800; }
.fw-900 { font-weight:900; }

/* ===== SPACING ===== */
.mb-27 { margin-bottom:27px; }

.pt-80 { padding-top:80px; }
.pb-80 { padding-bottom:80px; }
.ps-80 { padding-left:80px; }
.pe-80 { padding-right:80px; }

/* ===== EXTRA ===== */
.h-44 { height:44px !important; }
.h-50 { height:50px !important; }

.br-12 { border-radius:12px !important; }
.br-16 { border-radius:16px !important; }

.underline-dot {
  line-height:110%;
  letter-spacing:-0.56px;
  text-decoration: underline dotted #A0A5B1;
  text-decoration-thickness:3px;
  text-underline-offset:3px;
}

.yellow-hr {
    border: none;
    height: 3px;
    background: linear-gradient(90deg, #FFE631 0%, #FFBE00 100%);
    /* margin: 20px 0; */
    margin-top: auto;
    width: 85%;
}


.line-height-130{
  line-height: 130% !important;
}