/* -------------------------------
   GLOBAL THEME VARIABLE
--------------------------------*/
:root {
    --themeColor: #0a84ff;
    --themeBg: #ffffff;
    --themeText: #1a1a1a;
	--footerBg: #f7f7f7;
    --footerText: #333;
    --footerHeading: #0056b3;
    --footerLink: #333;
    --footerLinkHover: var(--themeColor);
    --footerBottomBg: #111;
    --footerBottomText: #ddd;
}
:root {
  --cs-red-gradient: linear-gradient(
    135deg,
    #b1121a,
    #7d0c12
  );
}

/* Common UI Change */
.navbar, .footer, .btn-primary {
    transition: 0.4s ease;
}

.custom-link:hover,
.lang-btn:hover {
    color: var(--themeColor) !important;
}

/* --------------------------------------
   27 LANGUAGES – 27 UNIQUE LOOK & FEEL
---------------------------------------*/

/* 🔵 1) ENGLISH */
body.lang-en {
    --themeColor: #0A84FF;
    --sectionBg: #ffffff;
    --sectionHeading: #0A84FF;
    --sectionText: #1a1a1a;
    --cardBg: #ffffff;
	/* Footer */
    --footerBg: #eef5ff;
    --footerText: #1a1a1a;
    --footerHeading: #0A84FF;
    --footerLink: #1a1a1a;
    --footerLinkHover: #0A84FF;
    --footerBottomBg: #0A84FF;
    --footerBottomText: #ffffff;
}

/* 🟢 2) ARABIC */
body.lang-ar {
    --themeColor: #0BA360;
    --sectionBg: #f4ffe8;
    --sectionHeading: #0BA360;
    --sectionText: #0a2713;
    --cardBg: #ffffff;
	/* Footer */
    --footerBg: #e9fff1;
    --footerText: #0a2713;
    --footerHeading: #0BA360;
    --footerLink: #0a2713;
    --footerLinkHover: #0BA360;
    --footerBottomBg: #0BA360;
    --footerBottomText: #ffffff;
}

/* 🔴 3) Czech */
body.lang-cs {
    --themeColor: #d7141a;
    --sectionBg: #faf3f3;
    --sectionHeading: #b80f12;
    --sectionText: #1a1a1a;
    --cardBg: #ffffff;
	 --footerBg: #fff4f4;
    --footerText: #1a1a1a;
    --footerHeading: #d7141a;
    --footerLink: #1a1a1a;
    --footerLinkHover: #d7141a;
    --footerBottomBg: #b80f12;
    --footerBottomText: #ffffff;
}

/* 🟡 4) German */
body.lang-de {
    --themeColor: #FFCE00;
    --sectionBg: #fff8d1;
    --sectionHeading: #d4aa00;
    --sectionText: #1a1a1a;
    --cardBg: #ffffff;
	--footerBg: #fff4c2;
    --footerText: #1a1a1a;
    --footerHeading: #FFCE00;
    --footerLink: #1a1a1a;
    --footerLinkHover: #FFCE00;
    --footerBottomBg: #d4aa00;
    --footerBottomText: #ffffff;
}

/* 🔴 5) Danish */
body.lang-da {
    --themeColor: #C8102E;
    --sectionBg: #fff0f2;
    --sectionHeading: #9e0e26;
    --sectionText: #1a1a1a;
    --cardBg: #ffffff;
	--footerBg: #ffe9ec;
    --footerText: #1a1a1a;
    --footerHeading: #C8102E;
    --footerLink: #1a1a1a;
    --footerLinkHover: #C8102E;
    --footerBottomBg: #9e0e26;
    --footerBottomText: #ffffff;
}

/* 🔴 6) Spanish */
body.lang-es {
    --themeColor: #AA151B;
    --sectionBg: #fff1f3;
    --sectionHeading: #8d0f17;
    --sectionText: #1a1a1a;
    --cardBg: #ffffff;
	--footerBg: #ffecee;
    --footerText: #1a1a1a;
    --footerHeading: #AA151B;
    --footerLink: #1a1a1a;
    --footerLinkHover: #AA151B;
    --footerBottomBg: #8d0f17;
    --footerBottomText: #ffffff;
}

/* 🔵 7) French */
body.lang-fr {
    --themeColor: #0055A4;
    --sectionBg: #eef4ff;
    --sectionHeading: #003f7c;
    --sectionText: #1a1a1a;
    --cardBg: #ffffff;
	 --footerBg: #e4ecff;
    --footerText: #1a1a1a;
    --footerHeading: #0055A4;
    --footerLink: #1a1a1a;
    --footerLinkHover: #0055A4;
    --footerBottomBg: #003f7c;
    --footerBottomText: #ffffff;
}

/* 🔵 8) Filipino */
body.lang-fil {
    --themeColor: #0038A8;
    --sectionBg: #eef3ff;
    --sectionHeading: #002d85;
    --sectionText: #1a1a1a;
    --cardBg: #ffffff;
	--footerBg: #e6edff;
    --footerText: #1a1a1a;
    --footerHeading: #0038A8;
    --footerLink: #1a1a1a;
    --footerLinkHover: #0038A8;
    --footerBottomBg: #002d85;
    --footerBottomText: #ffffff;
}

/* 🔵 9) Greek */
body.lang-el {
    --themeColor: #0d5eaf;
    --sectionBg: #eef6ff;
    --sectionHeading: #0b4c8c;
    --sectionText: #1a1a1a;
    --cardBg: #ffffff;
	--footerBg: #e8f0ff;
    --footerText: #1a1a1a;
    --footerHeading: #0d5eaf;
    --footerLink: #1a1a1a;
    --footerLinkHover: #0d5eaf;
    --footerBottomBg: #0b4c8c;
    --footerBottomText: #ffffff;
}

/* 🔴 10) Croatian */
body.lang-hr {
    --themeColor: #FF0000;
    --sectionBg: #fff2f2;
    --sectionHeading: #cc0000;
    --sectionText: #1a1a1a;
    --cardBg: #ffffff;
	 --footerBg: #ffe8e8;
    --footerText: #1a1a1a;
    --footerHeading: #FF0000;
    --footerLink: #1a1a1a;
    --footerLinkHover: #FF0000;
    --footerBottomBg: #cc0000;
    --footerBottomText: #ffffff;
}

/* 🔵 11) Hungarian */
body.lang-hu {
  --themeColor: linear-gradient(
    135deg,
    rgba(205, 42, 62, 0.92) 0%,   /* Red */
    rgba(0, 0, 0, 0.55) 45%,     /* Dark */
    rgba(67, 111, 77, 0.92) 100% /* Green */
  );

  --sectionBg: #eef2ff;
  --sectionHeading: #3246c8;
  --sectionText: #1a1a1a;
  --cardBg: #ffffff;

  --footerBg: #e8ecff;
  --footerText: #1a1a1a;
  --footerHeading: #4361EE;
  --footerLink: #1a1a1a;
  --footerLinkHover: #4361EE;

  --footerBottomText: #ffffff;
}


/* 🔴 12) Indonesian */
body.lang-id {
    --themeColor: #D31E25;
    --sectionBg: #fff1f1;
    --sectionHeading: #b0191f;
    --sectionText: #1a1a1a;
    --cardBg: #ffffff;
	--footerBg: #ffeaea;
    --footerText: #1a1a1a;
    --footerHeading: #D31E25;
    --footerLink: #1a1a1a;
    --footerLinkHover: #D31E25;
    --footerBottomBg: #b0191f;
    --footerBottomText: #ffffff;
}

/* 🔵 13) Icelandic */
body.lang-is {
    --themeColor: #02529C;
    --sectionBg: #eef5ff;
    --sectionHeading: #013f78;
    --sectionText: #1a1a1a;
    --cardBg: #ffffff;
	--footerBg: #e9f1ff;
    --footerText: #1a1a1a;
    --footerHeading: #02529C;
    --footerLink: #1a1a1a;
    --footerLinkHover: #02529C;
    --footerBottomBg: #013f78;
    --footerBottomText: #ffffff;
}

/* 🟢 14) Italian */
body.lang-it {
    --themeColor: #009246;
    --sectionBg: #effff3;
    --sectionHeading: #007a3b;
    --sectionText: #1a1a1a;
    --cardBg: #ffffff;
	--footerBg: #eefff4;
    --footerText: #1a1a1a;
    --footerHeading: #009246;
    --footerLink: #1a1a1a;
    --footerLinkHover: #009246;
    --footerBottomBg: #007a3b;
    --footerBottomText: #ffffff;
}

/* 🔴 15) Japanese */
body.lang-ja {
    --themeColor: #BC002D;
    --sectionBg: #ffeff2;
    --sectionHeading: #900024;
    --sectionText: #1a1a1a;
    --cardBg: #ffffff;
	--footerBg: #ffe8ed;
    --footerText: #1a1a1a;
    --footerHeading: #BC002D;
    --footerLink: #1a1a1a;
    --footerLinkHover: #BC002D;
    --footerBottomBg: #900024;
    --footerBottomText: #ffffff;
}

/* 🔵 16) Korean */
body.lang-ko {
    --themeColor: #0E4C92;
    --sectionBg: #eef4ff;
    --sectionHeading: #09396d;
    --sectionText: #1a1a1a;
    --cardBg: #ffffff;
	--footerBg: #eaf1ff;
    --footerText: #1a1a1a;
    --footerHeading: #0E4C92;
    --footerLink: #1a1a1a;
    --footerLinkHover: #0E4C92;
    --footerBottomBg: #09396d;
    --footerBottomText: #ffffff;
}

/* 🔵 17) Dutch */
body.lang-nl {
    --themeColor: #21468B;
    --sectionBg: #f0f4ff;
    --sectionHeading: #19356a;
    --sectionText: #1a1a1a;
    --cardBg: #ffffff;
	--footerBg: #e8efff;
    --footerText: #1a1a1a;
    --footerHeading: #21468B;
    --footerLink: #1a1a1a;
    --footerLinkHover: #21468B;
    --footerBottomBg: #19356a;
    --footerBottomText: #ffffff;
}

/* 🔴 18) Norwegian */
body.lang-no {
    --themeColor: #BA0C2F;
    --sectionBg: #fff0f3;
    --sectionHeading: #900924;
    --sectionText: #1a1a1a;
    --cardBg: #ffffff;
	--footerBg: #ffecef;
    --footerText: #1a1a1a;
    --footerHeading: #BA0C2F;
    --footerLink: #1a1a1a;
    --footerLinkHover: #BA0C2F;
    --footerBottomBg: #900924;
    --footerBottomText: #ffffff;
}

/* 🔴 19) Polish */
body.lang-pl {
    --themeColor: #DC143C;
    --sectionBg: #fff0f3;
    --sectionHeading: #b01032;
    --sectionText: #1a1a1a;
    --cardBg: #ffffff;
	 --footerBg: #ffecef;
    --footerText: #1a1a1a;
    --footerHeading: #DC143C;
    --footerLink: #1a1a1a;
    --footerLinkHover: #DC143C;
    --footerBottomBg: #b01032;
    --footerBottomText: #ffffff;
}

/* 🟢 20) Portuguese */
body.lang-pt {
    --themeColor: #006600;
    --sectionBg: #ecfff0;
    --sectionHeading: #004d00;
    --sectionText: #1a1a1a;
    --cardBg: #ffffff;
	--footerBg: #e8ffe8;
    --footerText: #1a1a1a;
    --footerHeading: #006600;
    --footerLink: #1a1a1a;
    --footerLinkHover: #006600;
    --footerBottomBg: #004d00;
    --footerBottomText: #ffffff;
}

/* 🔵 21) Romanian */
body.lang-ro {
    --themeColor: #002B7F;
    --sectionBg: #eef4ff;
    --sectionHeading: #001f5f;
    --sectionText: #1a1a1a;
    --cardBg: #ffffff;
	--footerBg: #e8eeff;
    --footerText: #1a1a1a;
    --footerHeading: #002B7F;
    --footerLink: #1a1a1a;
    --footerLinkHover: #002B7F;
    --footerBottomBg: #001f5f;
    --footerBottomText: #ffffff;
}

/* 🔵 22) Russian */
body.lang-ru {
    --themeColor: #0039A6;
    --sectionBg: #eef4ff;
    --sectionHeading: #002b7d;
    --sectionText: #1a1a1a;
    --cardBg: #ffffff;
	--footerBg: #e8eeff;
    --footerText: #1a1a1a;
    --footerHeading: #0039A6;
    --footerLink: #1a1a1a;
    --footerLinkHover: #0039A6;
    --footerBottomBg: #002b7d;
    --footerBottomText: #ffffff;
}

/* 🔵 23) Slovak */
body.lang-sk {
    --themeColor: #0B4EA2;
    --sectionBg: #eef5ff;
    --sectionHeading: #083f82;
    --sectionText: #1a1a1a;
    --cardBg: #ffffff;
	--footerBg: #eaf2ff;
    --footerText: #1a1a1a;
    --footerHeading: #0B4EA2;
    --footerLink: #1a1a1a;
    --footerLinkHover: #0B4EA2;
    --footerBottomBg: #083f82;
    --footerBottomText: #ffffff;
}

/* 🔵 24) Swedish */
body.lang-sv {
    --themeColor: #005293;
    --sectionBg: #eef8ff;
    --sectionHeading: #004173;
    --sectionText: #1a1a1a;
    --cardBg: #ffffff;
	--footerBg: #eaf5ff;
    --footerText: #1a1a1a;
    --footerHeading: #005293;
    --footerLink: #1a1a1a;
    --footerLinkHover: #005293;
    --footerBottomBg: #004173;
    --footerBottomText: #ffffff;
}

/* 🔴 25) Turkish */
body.lang-tr {
    --themeColor: #E30A17;
    --sectionBg: #fff0f1;
    --sectionHeading: #b90712;
    --sectionText: #1a1a1a;
    --cardBg: #ffffff;
	--footerBg: #ffe8ea;
    --footerText: #1a1a1a;
    --footerHeading: #E30A17;
    --footerLink: #1a1a1a;
    --footerLinkHover: #E30A17;
    --footerBottomBg: #b90712;
    --footerBottomText: #ffffff;
}

/* 🔴 26) Chinese (Traditional) */
body.lang-zh {
    --themeColor: #D7000F;
    --sectionBg: #fff0f0;
    --sectionHeading: #ab000c;
    --sectionText: #1a1a1a;
    --cardBg: #ffffff;
	--footerBg: #ffe8e8;
    --footerText: #1a1a1a;
    --footerHeading: #D7000F;
    --footerLink: #1a1a1a;
    --footerLinkHover: #D7000F;
    --footerBottomBg: #ab000c;
    --footerBottomText: #ffffff;
}

.navbar {
    background: var(--themeColor) !important;
}


.btn-primary {
    background-color: var(--themeColor) !important;
    border-color: var(--themeColor) !important;
}

body {
    background: var(--themeBg);
    color: var(--themeText);
}
.navbar .nav-link,
.navbar-brand,
.lang-btn,
.lang-text {
    color: #ffffff !important; 
}
/* ================================
   GLOBAL HERO PREMIUM SETUP
=================================*/

/* ------------------------------------------- */
/* HERO SECTION BASE */
/* ------------------------------------------- */
.hero-section {
    position: relative;
    min-height: 100vh;
    padding-top: 120px;
    overflow: hidden;
    color: #000000 !important; /* default black text */
}

/* Hero Text */
.hero-title { 
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.2;
      
}

.hero-sub {
    font-size: 1.3rem;
    opacity: 1;
    
}

/* Hero Button */
.lang-ar .hero-section .btn,
.lang-ar .signup-card .btn-primary {
    background-color: #006c35 !important;
    border-color: #006c35 !important;
}
.lang-cs .hero-section .btn,
.lang-cs .signup-card .btn-primary {
    background-color: #11457e !important;
    border-color: #11457e !important;
}
.lang-da .hero-section .btn,
.lang-da .signup-card .btn-primary {
    background-color: #c60c30 !important;
    border-color: #c60c30 !important;
}
.lang-de .hero-section .btn,
.lang-de .signup-card .btn-primary {
    background-color: #ffcc00 !important;
    border-color: #ffcc00 !important;
    color: #000000 !important;
}
.lang-el .hero-section .btn,
.lang-el .signup-card .btn-primary {
    background-color: #0d5eaf !important;
    border-color: #0d5eaf !important;
}
.lang-en .hero-section .btn,
.lang-en .signup-card .btn-primary {
    background-color: #00247d !important;
    border-color: #00247d !important;
}
.lang-es .hero-section .btn,
.lang-es .signup-card .btn-primary {
    background-color: #f1bf00 !important;
    border-color: #f1bf00 !important;
    color: #000000 !important;
}
.lang-fr .hero-section .btn,
.lang-fr .signup-card .btn-primary {
    background-color: #0055a4 !important;
    border-color: #0055a4 !important;
}
.lang-fil .hero-section .btn,
.lang-fil .signup-card .btn-primary {
    background-color: #0038a8 !important;
    border-color: #0038a8 !important;
}
.lang-hr .hero-section .btn,
.lang-hr .signup-card .btn-primary {
    background-color: #171796 !important;
    border-color: #171796 !important;
}
.lang-hu .hero-section .btn,
.lang-hu .signup-card .btn-primary {
    background-color: #477050 !important;
    border-color: #477050 !important;
}
.lang-id .hero-section .btn,
.lang-id .signup-card .btn-primary {
    background-color: #ff0000 !important;
    border-color: #ff0000 !important;
}
.lang-is .hero-section .btn,
.lang-is .signup-card .btn-primary {
    backgroundColor: #003897 !important;
    border-color: #003897 !important;
}
.lang-it .hero-section .btn,
.lang-it .signup-card .btn-primary {
    background-color: #009246 !important;
    border-color: #009246 !important;
}
.lang-ja .hero-section .btn,
.lang-ja .signup-card .btn-primary {
    background-color: #bc002d !important;
    border-color: #bc002d !important;
}
.lang-ko .hero-section .btn,
.lang-ko .signup-card .btn-primary {
    background-color: #003478 !important;
    border-color: #003478 !important;
}
.lang-nl .hero-section .btn,
.lang-nl .signup-card .btn-primary {
    background-color: #ae1c28 !important;
    border-color: #ae1c28 !important;
}
.lang-no .hero-section .btn,
.lang-no .signup-card .btn-primary {
    background-color: #ba0c2f !important;
    border-color: #ba0c2f !important;
}
.lang-pl .hero-section .btn,
.lang-pl .signup-card .btn-primary {
    background-color: #dc143c !important;
    border-color: #dc143c !important;
}
.lang-pt .hero-section .btn,
.lang-pt .signup-card .btn-primary {
    background-color: #006600 !important;
    border-color: #006600 !important;
}
.lang-ro .hero-section .btn,
.lang-ro .signup-card .btn-primary {
    background-color: #002b7f !important;
    border-color: #002b7f !important;
}
.lang-ru .hero-section .btn,
.lang-ru .signup-card .btn-primary {
    background-color: #0033a0 !important;
    border-color: #0033a0 !important;
}
.lang-sk .hero-section .btn,
.lang-sk .signup-card .btn-primary {
    background-color: #0b4ea2 !important;
    border-color: #0b4ea2 !important;
}
.lang-sv .hero-section .btn,
.lang-sv .signup-card .btn-primary {
    background-color: #005293 !important;
    border-color: #005293 !important;
}
.lang-tr .hero-section .btn,
.lang-tr .signup-card .btn-primary {
    background-color: #e30a17 !important;
    border-color: #e30a17 !important;
}
.lang-zh .hero-section .btn,
.lang-zh .signup-card .btn-primary {
    background-color: #de2910 !important;
    border-color: #de2910 !important;
}


.hero-section .btn:hover {
    background: #000000 !important;
    color: #ffffff !important;
}

/* ------------------------------------------- */
/* SIGNUP CARD */
/* ------------------------------------------- */
.signup-card {
    background: rgba(255,255,255,0.65); /* Light transparent for black text */
    backdrop-filter: blur(8px);
    border-radius: 12px;
    color: #000000 !important;
}

.signup-title {
    color: #000000 !important;
    font-weight: 600;
}

/* Labels */
.signup-card label,
.signup-card .form-label,
.signup-card .text-light {
    color: #000000 !important;
}

/* Inputs */
.signup-card .form-control {
    color: #000000 !important;
    border: 1px solid #000000 !important;
}

.signup-card .form-control::placeholder {
    color: #333333 !important;
}

/* Button */
.signup-card .btn-primary {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
}

.signup-card .btn-primary:hover {
    background-color: #333333 !important;
    border-color: #333333 !important;
}



/* ======================================================
   27 COUNTRY THEMES — PREMIUM FLAG-BASED SUPER GRADIENTS
=======================================================*/

/* ---------- 1) ENGLISH (USA/Default) Blue Gradient ---------- */
.lang-en .hero-section {
    background: linear-gradient(135deg, #00247D 0%, #FFFFFF 45%, #CF142B 100%);
}


/* ---------- 2) ARABIC (Green/Gold) ---------- */
.lang-ar .hero-section {
    background: linear-gradient(135deg, #0b442e 0%, #02140d 100%);
}

/* ---------- 3) Czech (White/Blue/Red) ---------- */
.lang-cs .hero-section {
    background: linear-gradient(135deg, #d7141a 0%, #00121e 100%);
}

/* ---------- 4) German (Black/Red/Gold) ---------- */
.lang-de .hero-section {
    background: linear-gradient(135deg, #310000 0%, #001f3d 100%);
}

/* ---------- 5) Danish (Deep Red/White) ---------- */
.lang-da .hero-section {
    background: linear-gradient(135deg, #7a0014 0%, #240004 100%);
}

/* ---------- 6) Spanish (Red/Yellow) ---------- */
.lang-es .hero-section {
    background: linear-gradient(135deg, #8b0010 0%, #2e0004 100%);
}

/* ---------- 7) Filipino (Blue/Red/Yellow) ---------- */
.lang-fil .hero-section {
    background: linear-gradient(135deg, #013f7c 0%, #230000 100%);
}

/* ---------- 8) French (Blue/White/Red) ---------- */
.lang-fr .hero-section {
    background: linear-gradient(135deg, #002a5e 0%, #130012 100%);
}

/* ---------- 9) Croatian (Red/White/Blue) ---------- */
.lang-hr .hero-section {
    background: linear-gradient(135deg, #7a0012 0%, #00152a 100%);
}

/* ---------- 10) Hungarian (Green/White/Red) ---------- */
.lang-hu .hero-section {
    background: linear-gradient(135deg, #00502e 0%, #2a0000 100%);
}

/* ---------- 11) Indonesian (Red/White) ---------- */
.lang-id .hero-section {
    background: linear-gradient(135deg, #8b0015 0%, #2e0004 100%);
}

/* ---------- 12) Icelandic (Blue/Red/White) ---------- */
.lang-is .hero-section {
    background: linear-gradient(135deg, #002f5d 0%, #00101a 100%);
}

/* ---------- 13) Italian (Green/White/Red) ---------- */
.lang-it .hero-section {
    background: linear-gradient(135deg, #004329 0%, #330005 100%);
}

/* ---------- 14) Japanese (White/Red – Soft Minimal) ---------- */
.lang-ja .hero-section {
    background: linear-gradient(135deg, #3a0000 0%, #0f0000 100%);
}

/* ---------- 15) Korean (White/Blue/Red) ---------- */
.lang-ko .hero-section {
    background: linear-gradient(135deg, #001d4d 0%, #0a0002 100%);
}

/* ---------- 16) Dutch (Orange/Blue/White) ---------- */
.lang-nl .hero-section {
    background: linear-gradient(135deg, #ff6a00 0%, #002a55 100%);
}

/* ---------- 17) Norwegian (Red/Blue/White) ---------- */
.lang-no .hero-section {
    background: linear-gradient(135deg, #7a0012 0%, #00233e 100%);
}

/* ---------- 18) Polish (White/Red) ---------- */
.lang-pl .hero-section {
    background: linear-gradient(135deg, #8b000f 0%, #2d0004 100%);
}

/* ---------- 19) Portuguese (Green/Red/Yellow) ---------- */
.lang-pt .hero-section {
    background: linear-gradient(135deg, #00612e 0%, #6b0000 100%);
}

/* ---------- 20) Romanian (Blue/Yellow/Red) ---------- */
.lang-ro .hero-section {
    background: linear-gradient(135deg, #002e7a 0%, #7a0007 100%);
}

/* ---------- 21) Russian (White/Blue/Red) ---------- */
.lang-ru .hero-section {
    background: linear-gradient(135deg, #002f5c 0%, #6a0000 100%);
}

/* ---------- 22) Slovak (White/Blue/Red) ---------- */
.lang-sk .hero-section {
    background: linear-gradient(135deg, #003865 0%, #7a000a 100%);
}

/* ---------- 23) Swedish (Blue/Yellow) ---------- */
.lang-sv .hero-section {
    background: linear-gradient(135deg, #003f7d 0%, #001f38 100%);
}

/* ---------- 24) Turkish (Red/White) ---------- */
.lang-tr .hero-section {
    background: linear-gradient(135deg, #8b000f 0%, #2d0004 100%);
}

/* ---------- 25) Chinese (Traditional/Red/Gold) ---------- */
.lang-zh .hero-section {
    background: linear-gradient(135deg, #8b0000 0%, #291000 100%);
}

/* ---------- 26) Greek (Blue/White) ---------- */
.lang-el .hero-section {
    background: linear-gradient(135deg, #003871 0%, #00111a 100%);
}

/* ---------- 27) Danish Already Done, we keep it above ---------- */


/* Section background + text based on theme */
.lang-ar .mudrovaxis-section {
    background: linear-gradient(135deg, #006c35, #ffffff);
}
.lang-cs .mudrovaxis-section {
    background: linear-gradient(135deg, #11457e, #d7141a);
}
.lang-da .mudrovaxis-section {
    background: linear-gradient(135deg, #c60c30, #ffffff);
}
.lang-de .mudrovaxis-section {
    background: linear-gradient(135deg, #000000, #dd0000, #ffcc00);
}
.lang-el .mudrovaxis-section {
    background: linear-gradient(135deg, #0d5eaf, #ffffff);
}
.lang-es .mudrovaxis-section {
    background: linear-gradient(135deg, #c60b1e, #f1bf00);
}
.lang-fil .mudrovaxis-section {
    background: linear-gradient(135deg, #0038a8, #ce1126, #fcd116);
}
.lang-fr .mudrovaxis-section {
    background: linear-gradient(135deg, #0055a4, #ffffff, #ef4135);
}
.lang-hr .mudrovaxis-section {
    background: linear-gradient(135deg, #171796, #ffffff, #ff0000);
}
.lang-hu .mudrovaxis-section {
    background: linear-gradient(135deg, #ce2939, #ffffff, #477050);
}
.lang-id .mudrovaxis-section {
    background: linear-gradient(135deg, #ff0000, #ffffff);
}
.lang-is .mudrovaxis-section {
    background: linear-gradient(135deg, #003897, #ffffff, #d72828);
}
.lang-it .mudrovaxis-section {
    background: linear-gradient(135deg, #009246, #ffffff, #ce2b37);
}
.lang-ja .mudrovaxis-section {
    background: linear-gradient(135deg, #ffffff, #bc002d);
}
.lang-ko .mudrovaxis-section {
    background: linear-gradient(135deg, #ffffff, #003478, #c60c30);
}
.lang-nl .mudrovaxis-section {
    background: linear-gradient(135deg, #ae1c28, #ffffff, #21468b);
}
.lang-no .mudrovaxis-section {
    background: linear-gradient(135deg, #ba0c2f, #ffffff, #00205b);
}
.lang-pl .mudrovaxis-section {
    background: linear-gradient(135deg, #ffffff, #dc143c);
}
.lang-pt .mudrovaxis-section {
    background: linear-gradient(135deg, #006600, #ff0000, #ffcc00);
}
.lang-ro .mudrovaxis-section {
    background: linear-gradient(135deg, #002b7f, #fcd116, #ce1126);
}
.lang-ru .mudrovaxis-section {
    background: linear-gradient(135deg, #ffffff, #0033a0, #d52b1e);
}
.lang-sk .mudrovaxis-section {
    background: linear-gradient(135deg, #ffffff, #0b4ea2, #ef4056);
}
.lang-sv .mudrovaxis-section {
    background: linear-gradient(135deg, #005293, #feca00);
}
.lang-tr .mudrovaxis-section {
    background: linear-gradient(135deg, #e30a17, #ffffff);
}
.lang-zh .mudrovaxis-section {
    background: linear-gradient(135deg, #de2910, #ffde00);
}
.lang-en .mudrovaxis-section {
    background: linear-gradient(135deg, #00247D 0%, #FFFFFF 50%, #CF142B 100%);
}

/* Mudrovaxis Image Fix */
.mudrovaxis-img {
    max-width: 85%;        
    height: auto;
    margin: 0 auto;
    display: block;
    border-radius: 12px;   
}

/* For larger screens (image thoda chhota chahiye) */
@media (min-width: 992px) {
    .mudrovaxis-img {
        max-width: 70%;
    }
}

/* For small screens (mobile) */
@media (max-width: 576px) {
    .mudrovaxis-img {
        max-width: 95%;
    }
}

section {
    transition: 0.4s ease;
}

/* Common Theme Bindings */
/* --------------------------------------------------
   THEME SECTION – BASE STYLE (DEFAULT)
-------------------------------------------------- */
.theme-section {
    background: linear-gradient(135deg, #06131f, #0c324a); 
    padding: 80px 0;
    border-radius: 18px;
    color: #ffffff;
    transition: 0.4s ease;
}

/* --------------------------------------------------
   COUNTRY FLAG-BASED GRADIENTS
-------------------------------------------------- */

/* Arabic - Saudi Arabia */
.lang-ar .theme-section {
    background: linear-gradient(135deg, #006c35, #ffffff);
}

/* Czech */
.lang-cs .theme-section {
    background: linear-gradient(135deg, #123c6b, #9b1c2d);
}

/* Danish */
.lang-da .theme-section {
    background: linear-gradient(135deg, #c60c30, #ffffff);
}

/* German */
.lang-de .theme-section {
    background: linear-gradient(135deg, #000000, #dd0000, #ffcc00);
}

/* Greek */
.lang-el .theme-section {
    background: linear-gradient(135deg, #0d5eaf, #ffffff);
}
.lang-en .theme-section {
    background: linear-gradient(135deg, #00247D, #FFFFFF, #CF142B);
}


/* Spanish */
.lang-es .theme-section {
    background: linear-gradient(135deg, #c60b1e, #f1bf00);
}

/* French */
.lang-fr .theme-section {
    background: linear-gradient(135deg, #0055a4, #ffffff, #ef4135);
}

/* Filipino */
.lang-fil .theme-section {
    background: linear-gradient(135deg, #0038a8, #ce1126, #fcd116);
}

.lang-hr .theme-section {
    background: linear-gradient(135deg, #171796, #ffffff, #ff0000);
}
.lang-hu .theme-section {
    background: linear-gradient(135deg, #ce2939, #ffffff, #477050);
}
.lang-id .theme-section {
    background: linear-gradient(135deg, #ff0000, #ffffff);
}
.lang-is .theme-section {
    background: linear-gradient(135deg, #003897, #ffffff, #d72828);
}

/* Italian */
.lang-it .theme-section {
    background: linear-gradient(135deg, #009246, #ffffff, #ce2b37);
}
.lang-ja .theme-section {
    background: linear-gradient(135deg, #ffffff, #bc002d);
}
.lang-ko .theme-section {
    background: linear-gradient(135deg, #ffffff, #003478, #c60c30);
}
.lang-nl .theme-section {
    background: linear-gradient(135deg, #ae1c28, #ffffff, #21468b);
}
.lang-no .theme-section {
    background: linear-gradient(135deg, #ba0c2f, #ffffff, #00205b);
}
.lang-pl .theme-section {
    background: linear-gradient(135deg, #ffffff, #dc143c);
}
.lang-pt .theme-section {
    background: linear-gradient(135deg, #006600, #ff0000, #ffcc00);
}
.lang-ro .theme-section {
    background: linear-gradient(135deg, #002b7f, #fcd116, #ce1126);
}


/* Russian */
.lang-ru .theme-section {
    background: linear-gradient(135deg, #ffffff, #0033a0, #d52b1e);
}
.lang-sk .theme-section {
    background: linear-gradient(135deg, #ffffff, #0b4ea2, #ef4056);
}
.lang-sv .theme-section {
    background: linear-gradient(135deg, #005293, #feca00);
}
.lang-tr .theme-section {
    background: linear-gradient(135deg, #e30a17, #ffffff);
}


/* Chinese */
.lang-zh .theme-section {
    background: linear-gradient(135deg, #de2910, #ffde00);
}

#mudrovaxis-advanced {
    color: #000000 !important;   
}

#mudrovaxis-advanced p,
#mudrovaxis-advanced h2,
#mudrovaxis-advanced h6 {
    color: #000000 !important;   
}
.mudrovaxis-section p,
.mudrovaxis-section .mudrovaxis-subtitle {
    color: #000000 !important;  
}

.theme-heading {
    color: var(--sectionHeading, var(--themeColor)) !important;
}

.theme-icon {
    color: var(--themeColor) !important;
}

.theme-card {
    border: 1px solid var(--themeColor);
    transition: 0.3s ease;
}



.theme-card:hover .theme-icon {
    color: #ffffff !important;
}
/* ---------- UNIVERSAL SECTION THEMING ---------- */



.theme-heading {
    color: var(--sectionHeading, var(--themeColor)) !important;
}

.theme-card {
    background: var(--cardBg, #ffffff);
    border: 1px solid var(--themeColor);
    transition: 0.3s ease;
    border-radius: 12px;
}

.theme-card:hover {
    background: var(--themeColor);
    color: #ffffff !important;
    transform: translateY(-6px);
}

.theme-card:hover p,
.theme-card:hover h6 {
    color: #ffffff !important;
}

.theme-icon {
    background: var(--themeColor);
    color: #ffffff !important;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* ======================================
   FOOTER THEME VARIABLES (FROM LANG)
====================================== */

/* ======================================
   TOP FOOTER
====================================== */
.footer-top {
    padding: 50px 0;
    background: var(--footerBg) !important;
    color: var(--footerText) !important;
}

.footer-logo {
    font-size: 26px;
    font-weight: bold;
    color: var(--footerHeading) !important;
}

.footer-heading {
    color: var(--footerHeading) !important;
    letter-spacing: 1px;
}

/* ======================================
   FOOTER LINKS
====================================== */
.footer-link {
    color: var(--footerLink) !important;
    text-decoration: none;
    font-size: 15px;
}

.footer-link:hover {
    color: var(--footerLinkHover) !important;
    text-decoration: underline;
}

/* Remove theme icons */
.footer-top .icon-circle,
.footer-bottom .icon-circle {
    display: none !important;
}

/* ======================================
   BOTTOM FOOTER
====================================== */
.footer-bottom {
    background: var(--footerBottomBg) !important;
    color: var(--footerBottomText) !important;
    text-align: center;
    padding: 15px 0;
    font-size: 14px;
    margin-top: 0 !important;
}

/* ======================================
   FIX EXTRA SPACING
====================================== */
#mudrovaxis-footer {
    margin-top: 0 !important;
    padding-top: 40px !important;
}
#mudrovaxis-app-fil p {
  color: #ffffff !important;
}

/* Mudrovaxis Benefits Section – All Text Black */
#mudrovaxis-benefits,
#mudrovaxis-benefits h2,
#mudrovaxis-benefits h5,
#mudrovaxis-benefits p {
    color: #000000 !important;
}

.lang-ar .footer-theme,
.lang-ar .footer-theme-bottom {
    background: #006c35;
    color: #ffffff;
}
.lang-cs .footer-theme,
.lang-cs .footer-theme-bottom {
    background: #11457e;
    color: #ffffff;
}
.lang-da .footer-theme,
.lang-da .footer-theme-bottom {
    background: #c60c30;
    color: #ffffff;
}
.lang-de .footer-theme,
.lang-de .footer-theme-bottom {
    background: #000000;
    color: #ffcc00;
}
.lang-el .footer-theme,
.lang-el .footer-theme-bottom {
    background: #0d5eaf;
    color: #ffffff;
}
.lang-en .footer-theme,
.lang-en .footer-theme-bottom {
    background: #00247d;
    color: #ffffff;
}

.lang-fr .footer-theme,
.lang-fr .footer-theme-bottom {
    background: #0055a4;
    color: #ffffff;
}
.lang-fil .footer-theme,
.lang-fil .footer-theme-bottom {
    background: #0038a8;
    color: #fcd116;
}
.lang-hr .footer-theme,
.lang-hr .footer-theme-bottom {
    background: #171796;
    color: #ffffff;
}
.lang-hu .footer-theme,
.lang-hu .footer-theme-bottom {
    background: var(--themeColor);
    color: #ffffff;
}

.lang-id .footer-theme,
.lang-id .footer-theme-bottom {
    background: #ff0000;
    color: #ffffff;
}
.lang-is .footer-theme,
.lang-is .footer-theme-bottom {
    background: #003897;
    color: #ffffff;
}
.lang-it .footer-theme,
.lang-it .footer-theme-bottom {
    background: #009246;
    color: #ffffff;
}
.lang-ja .footer-theme,
.lang-ja .footer-theme-bottom {
    background: #bc002d;
    color: #ffffff;
}
.lang-ko .footer-theme,
.lang-ko .footer-theme-bottom {
    background: #003478;
    color: #ffffff;
}
.lang-nl .footer-theme,
.lang-nl .footer-theme-bottom {
    background: #ae1c28;
    color: #ffffff;
}
.lang-no .footer-theme,
.lang-no .footer-theme-bottom {
    background: #ba0c2f;
    color: #ffffff;
}
.lang-pl .footer-theme,
.lang-pl .footer-theme-bottom {
    background: #dc143c;
    color: #ffffff;
}
.lang-pt .footer-theme,
.lang-pt .footer-theme-bottom {
    background: #006600;
    color: #ffffff;
}
.lang-ro .footer-theme,
.lang-ro .footer-theme-bottom {
    background: #002b7f;
    color: #fcd116;
}
.lang-ru .footer-theme,
.lang-ru .footer-theme-bottom {
    background: #0033a0;
    color: #ffffff;
}
.lang-sk .footer-theme,
.lang-sk .footer-theme-bottom {
    background: #0b4ea2;
    color: #ffffff;
}
.lang-sv .footer-theme,
.lang-sv .footer-theme-bottom {
    background: #005293;
    color: #feca00;
}
.lang-tr .footer-theme,
.lang-tr .footer-theme-bottom {
    background: #e30a17;
    color: #ffffff;
}
.lang-zh .footer-theme,
.lang-zh .footer-theme-bottom {
    background: #de2910;
    color: #ffde00;
}
.benefit-hover {
    transition: 0.3s ease-in-out;
    transform: translateY(0);
  }
  .benefit-hover:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 25px rgba(0,0,0,0.4) !important;
    border-color: rgba(255,255,255,0.3) !important;
  }
   .benefit-badge {
    height: 55px;
    width: 55px;
    min-width: 55px;
    border-radius: 50%;
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #4cc9f0;
  }

  .benefit-badge:hover {
    background: rgba(76, 201, 240, 0.2);
    border-color: #4cc9f0;
    transition: 0.3s;
  }
  .glass-card {
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.18);
    backdrop-filter: blur(10px);
    transition: 0.3s;
  }

  .glass-card:hover {
    transform: translateY(-6px);
    border-color: #4cc9f0;
    box-shadow: 0 12px 25px rgba(0,0,0,0.35);
  }

  .feature-icon {
    height: 50px;
    width: 50px;
    min-width: 50px;
    border-radius: 50%;
    background: rgba(76, 201, 240, 0.15);
    border: 1px solid rgba(76, 201, 240, 0.35);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #4cc9f0;
  }

  .shadow-xxl {
    box-shadow: 0 20px 40px rgba(0,0,0,0.45) !important;
  }

/* =========================
   CZECH THEME BUTTON
========================= */
.signup-card-cs .btn-primary {
  background: var(--cs-red-gradient);
  border: none;
  color: #ffffff;
  font-weight: 600;
  letter-spacing: 0.5px;
  border-radius: 10px;
  padding: 14px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.signup-card-cs .btn-primary:hover,
.signup-card-cs .btn-primary:focus {
  background: var(--cs-red-gradient); /* SAME */
  color: #ffffff;
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(177, 18, 26, 0.45);
}
.hero-btn-cs {
  background: var(--cs-red-gradient);
  color: #ffffff;
  border: none;
  font-weight: 600;
  padding: 14px 26px;
  border-radius: 10px;
  text-decoration: none;
  box-shadow: 0 8px 20px rgba(177, 18, 26, 0.35);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hero-btn-cs:hover,
.hero-btn-cs:focus {
  background: var(--cs-red-gradient); /* SAME */
  color: #ffffff;
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(177, 18, 26, 0.45);
}

.hero-btn-cs:active {
  transform: translateY(0);
  box-shadow: 0 6px 14px rgba(177, 18, 26, 0.35);
}
/* =========================
   MUDROVAXIS TEXT OVERLAY
========================= */
.mudrovaxis-text-card {
  background: rgba(255, 255, 255, 0.88); /* readable on gradient */
  padding: 32px;
  border-radius: 16px;
  box-shadow: 0 20px 40px rgba(0,0,0,0.25);
  backdrop-filter: blur(6px);
}
.mudrovaxis-text-card h3 {
  color: #1b1b1b;
  font-weight: 700;
}

.mudrovaxis-text-card p {
  color: #333333;
  line-height: 1.7;
  font-size: 16px;
}

.mudrovaxis-subtitle {
  color: #b1121a; /* CS theme red */
  font-weight: 600;
  margin-top: 20px;
}
.mudrovaxis-item {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #222;
  font-weight: 500;
  margin-bottom: 12px;
}


/* LEFT CONTENT CARD */
.advanced-content-card {
  background: rgba(255, 255, 255, 0.95);
  padding: 40px;
  border-radius: 20px;
  box-shadow: 0 25px 60px rgba(0,0,0,0.25);
}

/* TEXT */
.advanced-content-card .content-text {
  color: #333;
  line-height: 1.7;
  font-size: 16px;
}

/* FEATURE CARD */
.feature-card {
  background: #ffffff;
  padding: 18px;
  border-radius: 14px;
  height: 100%;
  transition: all 0.3s ease;
}

.feature-card h6 {
  font-weight: 600;
  margin-top: 10px;
}

.feature-card p {
  font-size: 14px;
  color: #555;
}

.feature-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.15);
}

/* ICON */
.theme-icon {
  width: 42px;
  height: 42px;

  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 18px;
}

/* IMAGE */
.advanced-image-wrapper img {
  max-width: 100%;
}

/* =========================
   REGISTRATION SECTION
========================= */
.theme-sectioncs {
  background: linear-gradient(135deg, #123c6b, #9b1c2d);
}

/* WRAPPER CARD */
.registration-wrapper {
  background: rgba(255, 255, 255, 0.96);
  padding: 40px 30px;
  border-radius: 22px;
  box-shadow: 0 30px 70px rgba(0,0,0,0.3);
}

/* STEP CARD */
.reg-step-card {
  background: #ffffff;
  height: 100%;
  padding: 28px 22px;
  border-radius: 18px;
  text-align: center;
  transition: all 0.3s ease;
}

.reg-step-card h5 {
  font-weight: 600;
  margin: 16px 0 10px;
  color: #1b1b1b;
}

.reg-step-card p {
  font-size: 14px;
  color: #555;
  line-height: 1.6;
}

/* ICON */
.step-icon {
  width: 58px;
  height: 58px;
  margin: 0 auto;
  border-radius: 50%;
  background: linear-gradient(135deg, #b1121a, #7d0c12);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 26px;
}

/* HOVER EFFECT */
.reg-step-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 35px rgba(0,0,0,0.2);
}
/* =========================
   APP SECTION CONTENT CARD
========================= */
.app-content-card {
  background: rgba(255, 255, 255, 0.95);
  padding: 42px;
  border-radius: 22px;
  box-shadow: 0 25px 60px rgba(0,0,0,0.25);
}

/* TEXT */
.app-content-card .app-text {
  color: #333;
  font-size: 16px;
  line-height: 1.7;
}

/* CTA BUTTON */
.app-btn {
  background: linear-gradient(135deg, #b1121a, #7d0c12);
  border: none;
  border-radius: 10px;
  padding: 14px 30px;
  font-weight: 600;
}

.app-btn:hover {
  background: linear-gradient(135deg, #b1121a, #7d0c12);
  box-shadow: 0 12px 28px rgba(177, 18, 26, 0.45);
  transform: translateY(-1px);
}

/* IMAGE */
.app-image-wrapper img {
  max-width: 100%;
}
/* =========================
   BENEFITS SECTION
========================= */

/* Wrapper card */
.benefits-wrapper {
  background: rgba(255, 255, 255, 0.96);
  padding: 40px 30px;
  border-radius: 22px;
  box-shadow: 0 30px 70px rgba(0,0,0,0.3);
}

/* Individual benefit card */
.benefit-card-new {
  background: #ffffff;
  padding: 28px 24px;
  border-radius: 18px;
  height: 100%;
  text-align: center;
  transition: all 0.3s ease;
}

.benefit-card-new h5 {
  font-weight: 600;
  margin: 16px 0 10px;
  color: #1b1b1b;
}

.benefit-card-new p {
  font-size: 14px;
  color: #555;
  line-height: 1.6;
}

/* Icon */
.benefit-icon-new {
  width: 56px;
  height: 56px;
  margin: 0 auto;
  border-radius: 50%;
  background: linear-gradient(135deg, #b1121a, #7d0c12);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 24px;
}

/* Hover effect */
.benefit-card-new:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0,0,0,0.2);
}
/* =========================
   LEGITIMACY SECTION
========================= */

/* CONTENT CARD */
.legitimacy-content-card {
  background: rgba(255, 255, 255, 0.96);
  padding: 40px;
  border-radius: 22px;
  box-shadow: 0 30px 70px rgba(0,0,0,0.3);
}

/* TEXT */
.legitimacy-content-card .content-text {
  color: #333;
  line-height: 1.7;
  font-size: 16px;
}

/* TRUST LIST */
.trust-list {
  margin-top: 15px;
}

.trust-item {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  font-weight: 500;
  color: #222;
}

/* ICON */
.trust-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: linear-gradient(135deg, #b1121a, #7d0c12);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

/* CTA BUTTON */
.legitimacy-btn {
  background: linear-gradient(135deg, #b1121a, #7d0c12);
  border: none;
  border-radius: 10px;
  padding: 14px 32px;
  font-weight: 600;
}

.legitimacy-btn:hover {
  background: linear-gradient(135deg, #b1121a, #7d0c12);
  box-shadow: 0 12px 28px rgba(177, 18, 26, 0.45);
  transform: translateY(-1px);
}
.hero-text,
.hero-text h1,
.hero-text p {
    color: #ffffff !important;
}

.hero-title {
    font-weight: 700;
}

.hero-sub {
    opacity: 0.95; 
}
.signup-card-white-text,
.signup-card-white-text h3,
.signup-card-white-text label,
.signup-card-white-text small {
    color: #ffffff !important;
}

.signup-card-white-text ::placeholder {
    color: #666;
}
.signup-title {
    font-weight: 700;
}
.mudrovaxis-content {
    color: #0f2f1f;
}

.mudrovaxis-badge {
    display: inline-block;
    background: #0b7d3b;
    color: #fff;
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 20px;
    margin-bottom: 10px;
}

.mudrovaxis-title {
    font-weight: 700;
    margin-bottom: 12px;
}

.mudrovaxis-text {
    opacity: 0.9;
    margin-bottom: 10px;
}

.mudrovaxis-subtitle {
    margin-top: 20px;
    font-weight: 600;
}

.mudrovaxis-features {
    list-style: none;
    padding: 0;
    margin-top: 12px;
}

.mudrovaxis-features li {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    font-weight: 500;
}

.mudrovaxis-features i {
    color: #0b7d3b;
    font-size: 18px;
}
/* Left Content */
.mudrovaxis-left {
  color: #0f2f1f;
}

/* Badge */
.section-badge {
  display: inline-block;
  background: #0b7d3b;
  color: #fff;
  padding: 6px 16px;
  border-radius: 30px;
  font-size: 12px;
  margin-bottom: 12px;
}

/* Title */
.section-title {
  font-weight: 800;
  margin-bottom: 16px;
}

/* Paragraph block */
.section-text p {
  opacity: 0.9;
  margin-bottom: 10px;
  line-height: 1.8;
}

/* Process Grid */
.process-steps {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
  margin-top: 30px;
}

/* Step Card */
.process-step {
  background: #ffffff;
  padding: 22px;
  border-radius: 16px;
  position: relative;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  transition: transform .3s ease, box-shadow .3s ease;
}

.process-step:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0,0,0,0.12);
}

/* Step Number */
.step-no {
  position: absolute;
  top: 14px;
  right: 18px;
  font-size: 34px;
  font-weight: 800;
  color: rgba(0,0,0,0.06);
}

/* Icon */
.process-step i {
  font-size: 26px;
  color: #0b7d3b;
}

/* Heading */
.process-step h6 {
  font-weight: 700;
  margin-top: 10px;
}

/* Text */
.process-step p {
  font-size: 14px;
  opacity: 0.85;
}

.registration-section {
  background: linear-gradient(135deg, #1e8f5a, #cfe9da);
}

/* Header */
.section-badge {
  display: inline-block;
  background: #0b7d3b;
  color: #fff;
  padding: 6px 16px;
  border-radius: 30px;
  font-size: 12px;
  margin-bottom: 10px;
}

.section-title {
  font-weight: 800;
}

/* Step Card */
.reg-step {
  background: #ffffff;
  padding: 26px 22px;
  border-radius: 18px;
  text-align: center;
  position: relative;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  transition: transform .3s ease, box-shadow .3s ease;
}

.reg-step:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0,0,0,0.12);
}

/* Highlight step */
.reg-step.active {
  background: #16a34a;
  color: #ffffff;
}

.reg-step.active p {
  opacity: 0.95;
}

.reg-step.active i {
  color: #ffffff;
}

/* Step number */
.step-no {
  position: absolute;
  top: 14px;
  right: 18px;
  font-size: 34px;
  font-weight: 800;
  color: rgba(0,0,0,0.08);
}

/* Icon */
.reg-step i {
  font-size: 34px;
  color: #0b7d3b;
  margin-bottom: 12px;
}

/* Text */
.reg-step h5 {
  font-weight: 700;
  margin-bottom: 10px;
}

.reg-step p {
  font-size: 14px;
  opacity: 0.85;
}
.reg-step {
  background: #16a34a;
  color: #ffffff;
}

.reg-step i {
  color: #ffffff;
}

.reg-step p {
  opacity: 0.95;
}
.mudrovaxis-app-section {
  background: linear-gradient(135deg, #1e8f5a, #cfe9da);
}

/* Badge */
.section-badge {
  background: rgba(11, 125, 59, 0.15);
  color: #0b7d3b;
  padding: 6px 14px;
  border-radius: 30px;
  font-size: 12px;
  font-weight: 600;
}

/* Title */
.section-title {
  font-weight: 800;
}

/* Description */
.section-desc {
  max-width: 520px;
  opacity: 0.9;
  line-height: 1.8;
}

/* Button */
.btn-theme {
  background: #0b7d3b;
  border-color: #0b7d3b;
}

.btn-theme:hover {
  background: #096532;
  border-color: #096532;
}

/* Image Card */
.app-image-card {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 25px 60px rgba(0,0,0,0.25);
}

/* Soft glow */
.app-image-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(255,255,255,0.05),
    rgba(0,0,0,0.15)
  );
}
.benefits-section {
  background: linear-gradient(135deg, #1e8f5a, #cfe9da);
}

/* Heading */
.section-badge {
  display: inline-block;
  background: rgba(11,125,59,0.15);
  color: #0b7d3b;
  padding: 6px 16px;
  border-radius: 30px;
  font-size: 12px;
  margin-bottom: 10px;
}

.section-title {
  font-weight: 800;
}

/* Card */
.benefit-card-new {
  background: #ffffff;
  padding: 28px 24px;
  border-radius: 18px;
  height: 100%;
  text-align: center;
  box-shadow: 0 14px 35px rgba(0,0,0,0.08);
  transition: all 0.35s ease;
}

/* Icon */
.benefit-icon {
  width: 56px;
  height: 56px;
  margin: 0 auto 16px;
  border-radius: 50%;
  background: rgba(11,125,59,0.12);
  display: flex;
  align-items: center;
  justify-content: center;
}

.benefit-icon i {
  font-size: 24px;
  color: #0b7d3b;
}

/* Text */
.benefit-card-new h5 {
  font-weight: 700;
  margin-bottom: 10px;
}

.benefit-card-new p {
  font-size: 14px;
  line-height: 1.7;
  opacity: 0.85;
}

/* HOVER – ALL 6 green */
.benefit-card-new:hover {
  background: #16a34a;
  color: #ffffff;
  transform: translateY(-6px);
}

.benefit-card-new:hover p {
  opacity: 0.95;
}

.benefit-card-new:hover .benefit-icon {
  background: rgba(255,255,255,0.2);
}

.benefit-card-new:hover i {
  color: #ffffff;
}
.legitimacy-section {
  background: linear-gradient(135deg, #1e8f5a, #cfe9da);
}

/* Image */
.legitimacy-image-card {
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 25px 60px rgba(0,0,0,0.25);
}

/* Content */
.legitimacy-content {
  color: #0f2f1f;
}

/* Badge */
.section-badge {
  display: inline-block;
  background: rgba(11,125,59,0.15);
  color: #0b7d3b;
  padding: 6px 16px;
  border-radius: 30px;
  font-size: 12px;
  font-weight: 600;
}

/* Title */
.section-title {
  font-weight: 800;
  margin-bottom: 14px;
}

/* Paragraph */
.section-text {
  opacity: 0.9;
  line-height: 1.8;
  margin-bottom: 10px;
}

/* Subtitle */
.legitimacy-subtitle {
  margin-top: 20px;
  font-weight: 700;
}

/* Trust List */
.trust-list {
  list-style: none;
  padding: 0;
  margin-top: 15px;
}

.trust-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
  font-weight: 500;
}

.trust-list i {
  color: #16a34a;
  font-size: 18px;
}

/* Button */
.btn-theme {
  background: #0b7d3b;
  border-color: #0b7d3b;
}

.btn-theme:hover {
  background: #096532;
  border-color: #096532;
}
.hero-text-cs .hero-title,
.hero-text-cs .hero-sub {
    color: #ffffff !important;
}
.hero-section.de-hero {
    position: relative;
    background: linear-gradient(
        120deg,
        #000000 0%,     /* Black */
        #2b0000 25%,    /* Dark red blend */
        #dd0000 50%,    /* German red */
        #ffce00 100%    /* Gold */
    ) !important;
    overflow: hidden;
}

/* =========================
   Mudrovaxis DE Section
========================= */
.mudrovaxis-de {
    position: relative;
    background: linear-gradient(
        110deg,
        #020202 0%,        /* almost black */
        #1a0000 25%,       /* dark red */
        #8b0000 55%,       /* soft German red */
        #ffce00 100%       /* gold */
    ) !important;
    color: #ffffff;
    overflow: hidden;
}
.mudrovaxis-de::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(0,0,0,0.75) 0%,
        rgba(0,0,0,0.55) 45%,
        rgba(0,0,0,0.2) 100%
    );
    z-index: 1;
}
.mudrovaxis-de .container,
.mudrovaxis-de .row {
    position: relative;
    z-index: 2;
}
.mudrovaxis-de h3 {
    font-weight: 700;
    letter-spacing: 0.3px;
}

.mudrovaxis-de p {
    opacity: 0.95;
    line-height: 1.7;
}
.mudrovaxis-de .mudrovaxis-item {
    color: #ffffff;
    font-weight: 500;
}

.mudrovaxis-de .icon-circle {
    background: #ffce00;
    color: #000000;
}

.mudrovaxis-text h3,
.mudrovaxis-text h5,
.mudrovaxis-text p,
.mudrovaxis-text .mudrovaxis-item {
    color: #ffffff !important;
}

.mudrovaxis-text .mudrovaxis-subtitle {
    color: #ffeb99 !important;
}

.mudrovaxis-text .icon-circle {
    background: #ffce00;
    color: #000000;
}

.mudrovaxis-advanced-de .theme-icon {
    background: #ffce00;
    color: #000000;
    box-shadow: 0 6px 20px rgba(255,206,0,0.45);
}
.mudrovaxis-advanced-de img {
    border-radius: 20px;
    box-shadow: 0 25px 60px rgba(0,0,0,0.6);
}


.theme-card h6 {
    color: #000000 !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

.theme-card p {
    color: #333333 !important;
    opacity: 1 !important;
    visibility: visible !important;
}
/* ================================
   REGISTRATION SECTION – DE
================================ */
.registration-de {
    background: linear-gradient(
        120deg,
        #020202 0%,
        #1a0000 35%,
        #8b0000 65%,
        #ffce00 100%
    );
    position: relative;
}

/* Heading */
.registration-heading {
    color: #ffffff;
    text-shadow: 0 2px 12px rgba(0,0,0,0.6);
}

/* Card */
.reg-card-de {
    position: relative;
    background: rgba(255,255,255,0.12);
    backdrop-filter: blur(10px);
    border-radius: 18px;
    padding: 40px 24px 30px;
    text-align: center;
    height: 100%;
    border: 1px solid rgba(255,206,0,0.35);
    box-shadow: 0 20px 50px rgba(0,0,0,0.45);
    transition: all 0.35s ease;
}

/* Hover */
.reg-card-de:hover {
    transform: translateY(-8px);
    box-shadow: 0 30px 70px rgba(0,0,0,0.6);
}

/* Step badge */
.step-badge {
    position: absolute;
    top: -14px;
    left: 20px;
    background: #ffce00;
    color: #000;
    font-weight: 700;
    font-size: 14px;
    padding: 6px 12px;
    border-radius: 999px;
}

/* Icon */
.reg-card-de .icon-wrapper {
    width: 64px;
    height: 64px;
    margin: 0 auto 16px;
    border-radius: 50%;
    background: #ffce00;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    box-shadow: 0 10px 30px rgba(255,206,0,0.45);
}

/* Text */
.reg-card-de h5 {
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 10px;
}

.reg-card-de p {
    color: rgba(255,255,255,0.88);
    font-size: 14px;
    line-height: 1.6;
}
/* ================================
   Mudrovaxis App Text – FORCE WHITE
================================ */
.mudrovaxis-app-text * {
    color: #ffffff !important;
}

/* Optional: readability improve */
.mudrovaxis-app-text {
    text-shadow: 0 2px 10px rgba(0,0,0,0.6);
}
/* ================================
   MUDROVAXIS BENEFITS – DE
================================ */
.mudrovaxis-benefits-de {
    background: linear-gradient(
        120deg,
        #020202 0%,
        #1a0000 30%,
        #8b0000 65%,
        #ffce00 100%
    );
}

/* Heading */
.benefits-heading {
    color: #ffffff;
    text-shadow: 0 2px 12px rgba(0,0,0,0.6);
}

/* Card base */
.benefit-card-de {
    background: rgba(255,255,255,0.12);
    border-radius: 22px;
    padding: 38px 28px;
    height: 100%;
    border: 1px solid rgba(255,206,0,0.35);
    backdrop-filter: blur(10px);
    box-shadow: 0 25px 60px rgba(0,0,0,0.55);
    transition: all 0.35s ease;
    text-align: center;
}

/* Hover */
.benefit-card-de:hover {
    transform: translateY(-10px);
    box-shadow: 0 35px 80px rgba(0,0,0,0.7);
}

/* Highlight main benefit */
.benefit-card-de.highlight {
    background: rgba(255,206,0,0.18);
    border-color: #ffce00;
}

/* Secondary */
.benefit-card-de.secondary {
    background: rgba(255,255,255,0.1);
}

/* Icon */
.benefit-icon-de {
    width: 70px;
    height: 70px;
    margin: 0 auto 18px;
    border-radius: 50%;
    background: #ffce00;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 28px;
    box-shadow: 0 12px 35px rgba(255,206,0,0.45);
}

/* Text */
.benefit-card-de h5 {
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 12px;
}

.benefit-card-de p {
    color: rgba(255,255,255,0.9);
    font-size: 14px;
    line-height: 1.6;
}


/* ================================
   LEGITIMACY SECTION – DE
================================ */
.mudrovaxis-legitimacy-de {
    background: linear-gradient(
        120deg,
        #020202 0%,
        #1a0000 30%,
        #8b0000 65%,
        #ffce00 100%
    );
}

/* Trust card */
.legitimacy-card {
    background: rgba(0,0,0,0.6);
    padding: 48px;
    border-radius: 24px;
    border: 1px solid rgba(255,206,0,0.35);
    backdrop-filter: blur(12px);
    box-shadow: 0 30px 80px rgba(0,0,0,0.65);
}

/* Title */
.legitimacy-title {
    color: #ffffff;
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 20px;
}

/* Text */
.legitimacy-text {
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 16px;
}

/* Subtitle */
.legitimacy-subtitle {
    color: #ffce00;
    font-weight: 700;
    margin: 24px 0 16px;
}

/* Checklist */
.legitimacy-list {
    list-style: none;
    padding: 0;
    margin-bottom: 28px;
}

.legitimacy-list li {
    position: relative;
    padding-left: 34px;
    margin-bottom: 12px;
    color: #ffffff;
    font-weight: 500;
}

.legitimacy-list li::before {
    content: "✔";
    position: absolute;
    left: 0;
    top: 0;
    color: #ffce00;
    font-weight: 700;
}

/* CTA */
.legitimacy-cta {
    background: #ffce00;
    color: #000;
    font-weight: 700;
    padding: 14px 36px;
    border-radius: 999px;
    display: inline-block;
    box-shadow: 0 12px 30px rgba(255,206,0,0.45);
}

.legitimacy-cta:hover {
    background: #ffd83d;
    color: #000;
}

/* Image card */
.legitimacy-image-card {
    background: rgba(255,255,255,0.12);
    padding: 16px;
    border-radius: 28px;
    box-shadow: 0 30px 80px rgba(0,0,0,0.6);
}

.legitimacy-image-card img {
    border-radius: 22px;
}

/* Mobile */
@media (max-width: 991px) {
    .legitimacy-card {
        padding: 32px;
        text-align: center;
    }
}
/* ===============================
   SPAIN (ES) HERO FIX
================================ */

.hero-es {
    position: relative;
}

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

/* Content above overlay */
.hero-es .container {
    position: relative;
    z-index: 2;
}

/* Left text block */
.hero-es-content .hero-title {
    color: #ffffff !important;
    font-weight: 800;
    line-height: 1.2;
    text-shadow: 0 3px 12px rgba(0,0,0,0.6);
}

.hero-es-content .hero-sub {
    color: #f5f5f5 !important;
    opacity: 0.95;
    max-width: 600px;
}

/* Button fix */
.hero-es-content .btn-outline-light {
    border-color: #ffc107;
    color: #ffc107;
}

.hero-es-content .btn-outline-light:hover {
    background: #ffc107;
    color: #000;
}
/* ===============================
   Mudrovaxis Section – Spain (ES)
================================ */

.mudrovaxis-es {
    color: #ffffff;
}

/* Title */
.mudrovaxis-es .mudrovaxis-title {
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 1rem;
    line-height: 1.3;
    color: #ffffff;
}

/* Highlight brand name inside heading */
.mudrovaxis-es .mudrovaxis-title strong,
.mudrovaxis-es .mudrovaxis-title span {
    color: #ffc107; /* Spain accent */
}

/* Paragraphs */
.mudrovaxis-es p {
    font-size: 1.05rem;
    line-height: 1.7;
    color: #f1f1f1;
    opacity: 0.95;
}

/* Subtitle */
.mudrovaxis-es .mudrovaxis-subtitle {
    margin-top: 2rem;
    margin-bottom: 1.25rem;
    font-weight: 700;
    color: #ffc107;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 1rem;
}

/* Attributes list */
.mudrovaxis-attributes {
    margin-top: 1rem;
}

/* Single item */
.mudrovaxis-item {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
    font-size: 1.05rem;
    color: #ffffff;
}

/* Icon circle */

/* =====================================
   Mudrovaxis Advanced – Spain (ES)
===================================== */

.mudrovaxis-advanced-es {
    background: linear-gradient(
        180deg,
        #5a0000 0%,
        #8b1a00 50%,
        #b34700 100%
    );
    color: #ffffff;
}

/* Headings */
.mudrovaxis-advanced-es .theme-heading {
    color: #ffffff;
    font-weight: 800;
    line-height: 1.25;
}

.mudrovaxis-advanced-es .theme-heading span,
.mudrovaxis-advanced-es .theme-heading strong {
    color: #ffc107;
}

/* Paragraphs */
.mudrovaxis-advanced-es p {
    color: #f1f1f1 !important;
    opacity: 0.95;
    line-height: 1.7;
}

/* Feature cards */
.mudrovaxis-advanced-es .theme-card {
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.15);
    backdrop-filter: blur(6px);
    transition: all 0.3s ease;
}

.mudrovaxis-advanced-es .theme-card:hover {
    transform: translateY(-6px);
    background: rgba(255,255,255,0.12);
    box-shadow: 0 15px 40px rgba(0,0,0,0.4);
}

/* Card headings */
.mudrovaxis-advanced-es .theme-card h6 {
    color: #ffffff;
    font-weight: 700;
}

/* Card text */
.mudrovaxis-advanced-es .theme-card p {
    color: #eaeaea !important;
    opacity: 0.9;
}

/* Icon circle */
.mudrovaxis-advanced-es .theme-icon {
    background: linear-gradient(135deg, #ffc107, #ff9800);
    color: #000;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 18px rgba(0,0,0,0.4);
}

/* Right image polish */
.mudrovaxis-advanced-es img {
    filter: contrast(1.05) saturate(1.1);
}
/* =====================================
   Registration Section – Spain (ES)
===================================== */

.registration-es {
    background: linear-gradient(
        180deg,
        #7a0000 0%,
        #b33200 50%,
        #e07a00 100%
    );
    color: #ffffff;
}

/* Title */
.registration-es .registration-title {
    color: #ffffff;
    font-weight: 800;
}

.registration-es .registration-title span {
    color: #ffc107;
}

/* Cards */
.registration-es .reg-card {
    background: #ffffff;
    border-radius: 18px;
    transition: all 0.35s ease;
    border: none;
    box-shadow: 0 10px 30px rgba(0,0,0,0.25);
}

.registration-es .reg-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 18px 45px rgba(0,0,0,0.4);
}

/* Card headings */
.registration-es .reg-card h5 {
    color: #1a1a1a;
    font-weight: 700;
}

/* Card text */
.registration-es .reg-card p {
    color: #444 !important;
    font-size: 0.95rem;
    line-height: 1.6;
}

/* Icon wrapper */
.registration-es .icon-wrapper {
    width: 60px;
    height: 60px;
    margin: 0 auto 15px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ffc107, #ff9800);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 18px rgba(0,0,0,0.3);
}

.registration-es .theme-icon {
    color: #000;
}

/* Step number feel (IMPORTANT UX) */
.registration-es .reg-card::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 18px;
    pointer-events: none;
}
/* =====================================
   Mudrovaxis App Section – Spain (ES)
===================================== */

.mudrovaxis-app-es {
    background: linear-gradient(
        180deg,
        #6a0000 0%,
        #a52a00 50%,
        #e07a00 100%
    );
    color: #ffffff;
}

/* Title */
.mudrovaxis-app-es .mudrovaxis-title {
    font-weight: 800;
    line-height: 1.3;
    color: #ffffff;
}

/* Brand highlight */
.mudrovaxis-app-es .es-highlight {
    color: #ffc107;
}

/* Text */
.mudrovaxis-app-es .mudrovaxis-text {
    color: #f1f1f1;
    font-size: 1.05rem;
    line-height: 1.75;
    max-width: 560px;
}

/* Image wrapper */
.mudrovaxis-app-es .mudrovaxis-img-wrapper {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0,0,0,0.45);
}

/* Image polish */
.mudrovaxis-app-es .mudrovaxis-img {
    border-radius: 20px;
    filter: contrast(1.05) saturate(1.1);
    transition: transform 0.4s ease;
}

.mudrovaxis-app-es .mudrovaxis-img-wrapper:hover .mudrovaxis-img {
    transform: scale(1.05);
}

/* CTA Button */
.mudrovaxis-app-es .btn-primary {
    background: linear-gradient(135deg, #ffc107, #ff9800);
    border: none;
    color: #000;
    font-weight: 700;
    padding: 12px 32px;
    border-radius: 999px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.35);
}

.mudrovaxis-app-es .btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.45);
}
/* =====================================
   Benefits Section – Spain (ES)
===================================== */

.benefits-es {
    background: linear-gradient(
        180deg,
        #7a0000 0%,
        #b33200 50%,
        #e07a00 100%
    );
    color: #ffffff;
}

/* Title */
.benefits-es .benefits-title {
    font-weight: 800;
    color: #ffffff;
}

.benefits-es .es-highlight {
    color: #ffc107;
}

/* Cards */
.benefits-es .benefit-card {
    background: #ffffff;
    border-radius: 20px;
    height: 100%;
    transition: all 0.35s ease;
    box-shadow: 0 12px 35px rgba(0,0,0,0.25);
}

.benefits-es .benefit-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 50px rgba(0,0,0,0.45);
}

/* Card titles */
.benefits-es .benefit-card h5 {
    color: #1a1a1a;
    font-weight: 700;
    margin-bottom: 10px;
}

/* Card text */
.benefits-es .benefit-card p {
    color: #444;
    font-size: 0.95rem;
    line-height: 1.6;
}

/* Icon circle */
.benefits-es .benefit-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 15px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ffc107, #ff9800);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    color: #000;
    box-shadow: 0 8px 20px rgba(0,0,0,0.3);
}

/* Icon color override */
.benefits-es .theme-icon i {
    color: #000;
}
/* =====================================
   Legitimacy Section – Spain (ES)
===================================== */

.legitimacy-es {
    background: linear-gradient(
        180deg,
        #6a0000 0%,
        #9c2a00 45%,
        #e07a00 100%
    );
    color: #ffffff;
}

/* Title */
.legitimacy-es .legitimacy-title {
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 1rem;
    color: #ffffff;
}

.legitimacy-es .es-highlight {
    color: #ffc107;
}

/* Paragraphs */
.legitimacy-es p {
    color: #f1f1f1;
    line-height: 1.7;
    opacity: 0.95;
}

/* Image card */
.legitimacy-es .mudro-img {
    border-radius: 20px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.45);
    max-width: 100%;
}

/* Subheading */
.legitimacy-es .mudrovaxis-subtitle {
    margin-top: 1.8rem;
    margin-bottom: 1.2rem;
    font-weight: 700;
    color: #ffc107;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 1rem;
}

/* Checklist */
.legitimacy-es .mudrovaxis-item {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
    font-size: 1rem;
    color: #ffffff;
}

/* Check icon */
.legitimacy-es .mudrovaxis-item i {
    width: 34px;
    height: 34px;
    background: linear-gradient(135deg, #ffc107, #ff9800);
    color: #000;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    box-shadow: 0 6px 16px rgba(0,0,0,0.35);
}

/* CTA Button */
.legitimacy-es .btn-primary {
    background: linear-gradient(135deg, #ffc107, #ff9800);
    border: none;
    color: #000;
    font-weight: 700;
    padding: 12px 34px;
    border-radius: 999px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.35);
}

.legitimacy-es .btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 40px rgba(0,0,0,0.45);
}

.hero-da-content .hero-title {
    color: #ffffff !important;
    font-weight: 800;
    font-size: 3rem;
    line-height: 1.2;
    text-shadow: 0 3px 12px rgba(0,0,0,0.7);
}
.hero-da-content .hero-sub {
    color: #f2f2f2 !important;
    font-size: 1.15rem;
    max-width: 540px;
    opacity: 0.95;
}
.mudrovaxis-da .icon-circle {
    background: #c8102e;        /* Denmark red */
    color: #000;                /* icon font black */
    box-shadow: 0 6px 16px rgba(200,16,46,0.35);
}
/* Denmark – attributes text force black */
.mudrovaxis-da .mudrovaxis-item {
    color: #000 !important;
    font-weight: 500;
}

/* Icon ke andar check mark black hi rahe */
.mudrovaxis-da .icon-circle i {
    color: #000 !important;
}
/* ===============================
   Mudrovaxis CS (Spain) Styling
   =============================== */

/* Text force black */
.mudrovaxis-cs .mudrovaxis-item {
    color: #000 !important;
    font-weight: 500;
}

/* Icon circle – Spain red & yellow theme */
.mudrovaxis-cs .icon-circle {
    background: linear-gradient(135deg, #c60b1e, #ffc400) !important; /* Spain flag */
    color: #000 !important;
}

/* Check icon inside circle */
.mudrovaxis-cs .icon-circle i {
    color: #000 !important;
}

/* Safety: ensure no child inherits white */
.mudrovaxis-cs .mudrovaxis-item * {
    color: #000 !important;
}
/* ===============================
   Mudrovaxis FR (France) Styling
   =============================== */

/* Force text black */
.mudrovaxis-fr .mudrovaxis-item {
    color: #000 !important;
    font-weight: 500;
}

/* Icon circle – France flag colors (Blue → Red) */
.mudrovaxis-fr .icon-circle {
    background: linear-gradient(135deg, #0055a4, #ef4135) !important;
    color: #000 !important;
}

/* Check icon inside circle */
.mudrovaxis-fr .icon-circle i {
    color: #000 !important;
}

/* Safety override (no white text leak) */
.mudrovaxis-fr .mudrovaxis-item * {
    color: #000 !important;
}
/* ===============================
   Mudrovaxis EN (Global) Styling
   =============================== */

/* Force text black */
.mudrovaxis-en .mudrovaxis-item {
    color: #000 !important;
    font-weight: 500;
}

/* Icon circle – Global professional blue */
.mudrovaxis-en .icon-circle {
    background: linear-gradient(135deg, #0d6efd, #084298) !important;
    color: #000 !important;
}

/* Check icon inside circle */
.mudrovaxis-en .icon-circle i {
    color: #000 !important;
}

/* Safety override */
.mudrovaxis-en .mudrovaxis-item * {
    color: #000 !important;
}
/* =====================================
   Mudrovaxis Advanced – Denmark (DA)
===================================== */

.mudrovaxis-advanced-da {
    background: #ffffff;
    color: #1a1a1a;
}

/* Heading */
.mudrovaxis-advanced-da .theme-heading {
    font-weight: 800;
    line-height: 1.3;
    color: #111;
}

/* Brand highlight inside heading */
.mudrovaxis-advanced-da .theme-heading span {
    color: #c8102e; /* Denmark red */
}

/* Paragraphs */
.mudrovaxis-advanced-da p {
    color: #333 !important;
    font-size: 1.05rem;
    line-height: 1.7;
    opacity: 0.95;
}

/* Feature cards */
.mudrovaxis-advanced-da .theme-card {
    background: #f9f9f9;
    border: 1px solid #e6e6e6;
    border-radius: 16px;
    transition: all 0.25s ease;
}

.mudrovaxis-advanced-da .theme-card:hover {
    background: #ffffff;
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.12);
}

/* Card title */
.mudrovaxis-advanced-da .theme-card h6 {
    color: #111;
    font-weight: 700;
}

/* Card text */
.mudrovaxis-advanced-da .theme-card p {
    color: #444 !important;
    font-size: 0.95rem;
}
.mudrovaxis-advanced-da .icon-circle {
    width: 40px;
    height: 40px;
    background: #c8102e;
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mudrovaxis-advanced-da img {
    border-radius: 18px;
    box-shadow: 0 18px 40px rgba(0,0,0,0.18);
}
.mudrovaxis-advanced-da {
    padding-top: 90px;
    padding-bottom: 90px;
}
.mudrovaxis-advanced-da .col-lg-6:first-child {
    padding-right: 30px;
}

.registration-section {
  background: linear-gradient(135deg, #c4162a 0%, #f4b1bb 100%);
}

/* Heading */
.registration-heading {
  color: #fff;
  letter-spacing: 0.5px;
}

/* Card */
.reg-card-new {
  position: relative;
  background: #ffffff;
  border-radius: 18px;
  padding: 35px 25px;
  text-align: center;
  height: 100%;
  box-shadow: 0 12px 30px rgba(0,0,0,0.12);
  transition: all 0.35s ease;
}

.reg-card-new:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.18);
}

/* Step badge */
.step-badge {
  position: absolute;
  top: -14px;
  right: -14px;
  background: #c4162a;
  color: #fff;
  font-weight: 700;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 16px;
}

/* Icon */


/* Text */
.reg-card-new h5 {
  font-weight: 700;
  margin-bottom: 12px;
  color: #111;
}

.reg-card-new p {
  font-size: 14px;
  color: #555;
  line-height: 1.6;
}
/* ===== Mudrovaxis App Section ===== */
.mudrovaxis-app-new {
  background: linear-gradient(135deg, #8b0f23 0%, #f3c3cb 100%);
}

/* Text Box */
.app-content-box {
  background: rgba(255,255,255,0.92);
  padding: 40px;
  border-radius: 20px;
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

/* Title */
.app-title {
  font-weight: 800;
  margin-bottom: 20px;
  color: #111;
  line-height: 1.3;
}

/* Text */
.app-text {
  font-size: 15px;
  color: #444;
  line-height: 1.75;
}

/* Image Card */
.app-image-card {
  background: #fff;
  padding: 20px;
  border-radius: 22px;
  box-shadow: 0 20px 45px rgba(0,0,0,0.18);
}

/* CTA */
.mudrovaxis-app-new .btn-danger {
  background: #c4162a;
  border: none;
  padding: 12px 32px;
  font-weight: 600;
  border-radius: 10px;
}
/* ===== Disable color change on hover (Country based) ===== */

.benefit-card-new,
.benefit-card-new:hover {
  background: #ffffff;
  color: #000;
}

/* Highlight card (AI / Active card) */
.benefit-card-new.highlight,
.benefit-card-new.highlight:hover {
  background: var(--themeColor);
  color: #ffffff;
}

/* Text consistency */
.benefit-card-new:hover p,
.benefit-card-new:hover h5 {
  color: inherit;
}

/* Icon consistency */
.benefit-card-new:hover .benefit-icon-new {
  background: rgba(196,22,42,0.12);
  color: var(--themeColor);
}

.benefit-card-new.highlight:hover .benefit-icon-new {
  background: rgba(255,255,255,0.2);
  color: #ffffff;
}

/* Only subtle lift, no color change */
.benefit-card-new:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}
.benefits-section.benefits-da {
  background: linear-gradient(135deg, #8b0f23 , #f5f6f7) !important;
}
/* ================================
   Philippines Hero Section
================================ */

.hero-philippines {
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding: 90px 0;
  background: linear-gradient(
      135deg,
      rgba(1, 60, 120, 0.95),
      rgba(0, 30, 70, 0.95)
    ),
    url('/images/philippines/hero-bg-ph.jpg');
  background-size: cover;
  background-position: center;
  position: relative;
}

/* Headline */
.hero-ph-title {
  font-size: 3rem;
  font-weight: 800;
  line-height: 1.2;
  color: #ffffff;
}

/* Subtitle */
.hero-ph-sub {
  font-size: 1.1rem;
  max-width: 560px;
  margin-top: 16px;
  color: rgba(255, 255, 255, 0.85);
}

/* Philippines CTA Button */
.btn-philippines {
  background: transparent;
  border: 2px solid #ffd200;
  color: #ffd200;
  padding: 12px 30px;
  border-radius: 30px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.btn-philippines:hover {
  background: #ffd200;
  color: #00214d;
  box-shadow: 0 10px 28px rgba(255, 210, 0, 0.4);
}

/* Mobile Optimization */
@media (max-width: 768px) {
  .hero-ph-title {
    font-size: 2.2rem;
  }

  .hero-philippines {
    padding: 70px 0;
  }
}
.mudrovaxis-ph .icon-circle {
    background: linear-gradient(135deg, #b11226, #ff6a00);
    color: #ffffff;
}
.lang-fil .mudrovaxis-section {
    background: linear-gradient(135deg, #0038a8, #ce1126, #fcd116);
}
.mudrovaxis-advanced-fil {
  background: linear-gradient(
    135deg,
    #002f87 0%,
    #b20d22 50%,
    #f5c400 100%
  );
  color: #ffffff;
}

/* Left content text only */
.mudrovaxis-advanced-fil > .container > .row > .col-lg-6 > p,
.mudrovaxis-advanced-fil > .container > .row > .col-lg-6 > .lead {
  color: rgba(255, 255, 255, 0.92);
  line-height: 1.75;
  font-size: 1.05rem;
}

.mudrovaxis-advanced-fil .col-lg-6 {
  backdrop-filter: blur(2px);
}

.mudrovaxis-advanced-fil .theme-icon {
  background: linear-gradient(135deg, #0038a8, #0057d9);
  color: #ffffff;
  box-shadow: 0 6px 18px rgba(0,56,168,0.45);
}

.mudrovaxis-advanced-fil .theme-card {
  background: #ffffff;
  border-radius: 18px;
  border: 2px solid rgba(0,56,168,0.12);
}

.mudrovaxis-advanced-fil .theme-card h6 {
  color: #0f172a;
  font-weight: 700;
}
.mudrovaxis-advanced-fil .theme-card:hover h6 {
  color: #0f172a !important;
}


.mudrovaxis-advanced-fil .theme-card p {
  color: #334155 !important;
  font-size: 0.9rem;
  line-height: 1.6;
}
.mudrovaxis-advanced-fil h2,
.mudrovaxis-advanced-fil .lead,
.mudrovaxis-advanced-fil .text-muted {
  color: #ffffff !important;
}



.mudrovaxis-advanced-fil .theme-card:hover {
  background: #ffffff;
  transform: translateY(-6px);
  box-shadow: 0 16px 40px rgba(0,0,0,0.28);
}

/* ===============================
   REGISTRATION – PHILIPPINES (FIL)
================================= */

.registration-fil {
  background: linear-gradient(
    135deg,
    #0038a8 0%,   /* PH Blue */
    #ce1126 55%,  /* PH Red */
    #fcd116 100%  /* PH Yellow */
  );
}

/* ---------- Heading ---------- */
.registration-fil h2 {
  color: #ffffff;
  letter-spacing: -0.5px;
}

.registration-fil h2 span,
.registration-fil strong {
  color: #fcd116;
}

/* ---------- Cards ---------- */
.registration-fil .reg-card {
  position: relative;
  background: #ffffff;
  border-radius: 20px;
  border: 2px solid rgba(0,56,168,0.15);
  transition: all 0.35s ease;
  z-index: 1;
}

/* Hover (SAFE) */
.registration-fil .reg-card:hover {
  background: #ffffff;
  transform: translateY(-10px);
  box-shadow: 0 18px 45px rgba(0,0,0,0.35);
  color: inherit !important; /* 🔥 text vanish fix */
}

/* ---------- Card Headings ---------- */
.registration-fil .reg-card h5 {
  color: #0f172a;
  font-weight: 700;
}

.registration-fil .reg-card:hover h5 {
  color: #0f172a !important;
}

/* ---------- Card Text ---------- */
.registration-fil .reg-card p,
.registration-fil .reg-card .text-muted {
  color: #475569 !important;
  line-height: 1.6;
  font-size: 0.95rem;
}

.registration-fil .reg-card:hover p {
  color: #475569 !important;
}

/* ---------- Icon Wrapper ---------- */
.registration-fil .icon-wrapper {
  width: 56px;
  height: 56px;
  margin: 0 auto 14px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #0038a8, #0057d9);
  box-shadow: 0 8px 20px rgba(0,56,168,0.45);
}

/* Icon */
.registration-fil .theme-icon {
  color: #ffffff;
}

/* Icon on hover (stable) */
.registration-fil .reg-card:hover .theme-icon {
  color: #ffffff;
}

/* ---------- Decorative Dot ---------- */
.registration-fil .reg-card::before {
  content: attr(data-step);   /* 🔥 NUMBER COMES FROM HTML */
  position: absolute;
  top: -14px;
  right: -14px;
  width: 34px;
  height: 34px;
  background: #fcd116;        /* PH Yellow */
  color: #0f172a;
  font-weight: 800;
  font-size: 0.9rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 14px rgba(0,0,0,0.25);
  z-index: 2;
}

/* ---------- Responsive polish ---------- */
@media (max-width: 768px) {
  .registration-fil .reg-card {
    margin-bottom: 20px;
  }
}
/* ===============================
   MUDROVAXIS APP – PHILIPPINES
================================= */

.mudrovaxis-app-fil {
  background: linear-gradient(
    135deg,
    #0038a8 0%,   /* PH Blue */
    #6a1b9a 45%,  /* Mid Purple for smooth blend */
    #ce1126 75%,  /* PH Red */
    #fcd116 100%  /* PH Yellow */
  );
  color: #ffffff;
}

/* ---------- Heading ---------- */
.mudrovaxis-app-fil .mudrovaxis-title {
  color: #ffffff;
  font-weight: 800;
  letter-spacing: -0.5px;
  line-height: 1.2;
}

/* Highlight brand name if span used */
.mudrovaxis-app-fil .mudrovaxis-title span,
.mudrovaxis-app-fil strong {
  color: #fcd116;
}

/* ---------- Paragraph ---------- */
.mudrovaxis-app-fil .mudrovaxis-text {
  
  font-size: 1.05rem;
  line-height: 1.75;
  max-width: 520px;
}

/* ---------- Image Wrapper ---------- */
.mudrovaxis-app-fil .mudrovaxis-img-wrapper {
  position: relative;
}

/* Image polish */
.mudrovaxis-app-fil .mudrovaxis-img {
  border-radius: 20px;
  box-shadow: 0 20px 50px rgba(0,0,0,0.4);
}

/* ---------- CTA Button ---------- */
.mudrovaxis-app-fil .btn-primary {
  background: linear-gradient(135deg, #0038a8, #0057d9);
  border: none;
  padding: 14px 36px;
  font-weight: 700;
  border-radius: 30px;
  box-shadow: 0 10px 25px rgba(0,56,168,0.45);
  transition: all 0.3s ease;
}

.mudrovaxis-app-fil .btn-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 35px rgba(0,56,168,0.55);
}

/* ---------- Mobile Optimization ---------- */
@media (max-width: 768px) {
  .mudrovaxis-app-fil {
    text-align: center;
  }

  .mudrovaxis-app-fil .mudrovaxis-text {
    margin: 0 auto;
  }
}
#mudrovaxis-app-fil p {
  color: #ffffff !important;
}
/* ===============================
   BENEFITS – PHILIPPINES (FIL)
================================= */

/* Section Background */
.benefits-fil {
  background: linear-gradient(
    135deg,
    #0038a8 0%,   /* PH Blue */
    #6a1b9a 40%,  /* Smooth blend */
    #ce1126 75%,  /* PH Red */
    #fcd116 100%  /* PH Yellow */
  );
}

/* Section Heading */
.benefits-fil h2 {
  color: #ffffff;
  letter-spacing: -0.5px;
}

/* -------------------------------
   Benefit Cards
-------------------------------- */
.benefits-fil .benefit-card {
  background: #ffffff;
  border-radius: 20px;
  border: 2px solid rgba(0,56,168,0.12);
  transition: all 0.35s ease;
  height: 100%;
  position: relative;
}

/* Hover effect (safe & readable) */
.benefits-fil .benefit-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 18px 45px rgba(0,0,0,0.35);
  background: #ffffff;
  color: inherit !important;
}

/* -------------------------------
   Icons
-------------------------------- */
.benefits-fil .benefit-icon {
  width: 58px;
  height: 58px;
  margin: 0 auto;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #0038a8, #0057d9);
  box-shadow: 0 8px 20px rgba(0,56,168,0.45);
}

.benefits-fil .benefit-icon i {
  color: #ffffff;
  font-size: 1.6rem;
}

/* -------------------------------
   Card Text
-------------------------------- */
.benefits-fil .benefit-card h5 {
  color: #0f172a;
  font-weight: 700;
  margin-top: 12px;
}

.benefits-fil .benefit-card p {
  color: #475569;
  font-size: 0.95rem;
  line-height: 1.6;
}

/* Hover text stability */
.benefits-fil .benefit-card:hover h5,
.benefits-fil .benefit-card:hover p {
  color: #0f172a !important;
}

/* -------------------------------
   Mobile Optimization
-------------------------------- */
@media (max-width: 768px) {
  .benefits-fil .benefit-card {
    margin-bottom: 20px;
  }
}
/* ===============================
   HERO TEXT – EL (GREECE)
================================= */

/* Greece flag inspired background */
.hero-el {
  background: linear-gradient(
    135deg,
    #0d5eaf 0%,   /* Greek Blue */
    #0a3d6d 100%  /* Deep Blue */
  );
}

/* Make all text WHITE in left block */
.hero-el .col-lg-7,
.hero-el .hero-title,
.hero-el .hero-sub,
.hero-el .lead {
  color: #ffffff !important;
}

/* Button outline already white – just polish hover */
.hero-el .btn-outline-light:hover {
  background: #ffffff;
  color: #0d5eaf;
}
/* ===============================
   MUDROVAXIS – GREECE (EL)
================================= */

/* Section Background (Greek Blue) */
.mudrovaxis-el {
  background: linear-gradient(
    135deg,
    #0d5eaf 0%,   /* Greek Blue */
    #0a3d6d 100%  /* Deep Blue */
  );
  color: #ffffff;
}


/* -------------------------------
   Subtitle
-------------------------------- */
.mudrovaxis-el .mudrovaxis-subtitle {
  color: #ffffff;
  margin-top: 1.5rem;
}

/* -------------------------------
   Attributes / Bullet Points
-------------------------------- */
.mudrovaxis-el .mudrovaxis-attributes {
  margin-top: 1.2rem;
}

.mudrovaxis-el .mudrovaxis-item {
  display: flex;
  align-items: center;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 12px;
}

/* Check Icon Circle */
.mudrovaxis-el .icon-circle {
  width: 34px;
  height: 34px;
  margin-right: 12px;
  border-radius: 50%;
  background: #ffffff;       /* White circle */
  color: #0d5eaf;             /* Greek Blue icon */
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 16px rgba(0,0,0,0.25);
}

/* Icon size */
.mudrovaxis-el .icon-circle i {
  font-size: 1rem;
  font-weight: bold;
}

/* -------------------------------
   Mobile Optimization
-------------------------------- */
@media (max-width: 768px) {
  .mudrovaxis-el {
    text-align: center;
  }

  .mudrovaxis-el .mudrovaxis-item {
    justify-content: center;
  }
}
.mudrovaxis-el h3 {
  color: #ffffff;                
  font-weight: 800;
  letter-spacing: -0.5px;
  line-height: 1.3;
}


.mudrovaxis-el h3 span,
.mudrovaxis-el h3 strong {
  color: #fcd116;               
}
.mudrovaxis-el h3 {
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}
/* ===============================
   ADVANCED SECTION – GREECE (EL)
================================= */

/* Section background (soft Greek blue) */
.mudrovaxis-advanced-el {
  background: linear-gradient(
    135deg,
    #e6f0fa 0%,   /* very light blue */
    #cfe3f7 100%  /* light Greek tone */
  );
}

/* -------------------------------
   Heading & Paragraphs
-------------------------------- */
.mudrovaxis-advanced-el .theme-heading {
  color: #0d5eaf;       /* Greek Blue */
  font-weight: 800;
}

.mudrovaxis-advanced-el p.lead {
  color: #1f3f66;
  line-height: 1.75;
}

/* Override Bootstrap muted */
.mudrovaxis-advanced-el .text-muted {
  color: #3b5f8a !important;
}

/* -------------------------------
   Feature Cards
-------------------------------- */
.mudrovaxis-advanced-el .theme-card {
  background: #ffffff;
  border-radius: 18px;
  border: 1.5px solid rgba(13, 94, 175, 0.15);
  transition: all 0.3s ease;
}

.mudrovaxis-advanced-el .theme-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 35px rgba(13, 94, 175, 0.25);
}

/* -------------------------------
   ICON CIRCLE – GREECE THEME
-------------------------------- */
.mudrovaxis-advanced-el .icon-circle {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: linear-gradient(
    135deg,
    #0d5eaf,
    #0a3d6d
  );                  /* Greek Blue gradient */
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 14px rgba(13, 94, 175, 0.35);
}

/* Icon size */
.mudrovaxis-advanced-el .icon-circle i {
  font-size: 1rem;
}

/* -------------------------------
   Card Text
-------------------------------- */
.mudrovaxis-advanced-el .theme-card h6 {
  color: #0d5eaf;
  font-weight: 700;
}

.mudrovaxis-advanced-el .theme-card p {
  color: #4a6fa1 !important;
  font-size: 0.9rem;
  line-height: 1.6;
}

/* Keep text visible on hover */
.mudrovaxis-advanced-el .theme-card:hover h6,
.mudrovaxis-advanced-el .theme-card:hover p {
  color: #0d5eaf !important;
}

/* -------------------------------
   Mobile polish
-------------------------------- */
@media (max-width: 768px) {
  .mudrovaxis-advanced-el {
    text-align: center;
  }

  .mudrovaxis-advanced-el .d-flex {
    justify-content: center;
  }
}
/* ===============================
   REGISTRATION – EL (GREECE)
   ICON COLOR FIX
================================= */

/* Icon wrapper – Greek Blue */
.registration-el .icon-wrapper {
  width: 56px;
  height: 56px;
  margin: 0 auto;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(
    135deg,
    #0d5eaf,   /* Greek Blue */
    #0a3d6d
  );
  box-shadow: 0 8px 20px rgba(13, 94, 175, 0.45);
}

/* Icon color – White */
.registration-el .theme-icon {
  color: #ffffff !important;
}

/* Hover safe (no red coming back) */
.registration-el .reg-card:hover .theme-icon {
  color: #ffffff !important;
}
/* ===============================
   REGISTRATION – EL (GREECE)
   ICON FINAL STYLE
================================= */

/* Icon wrapper – Greek Blue */
.registration-el .icon-wrapper {
  width: 56px;
  height: 56px;
  margin: 0 auto 14px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(
    135deg,
    #0d5eaf,   /* Greek Blue */
    #0a3d6d
  );
  box-shadow: 0 8px 18px rgba(13, 94, 175, 0.45);
}

/* Icon color – PURE WHITE */
.registration-el .theme-icon {
  color: #ffffff !important;
}

/* Hover – stable (no red, no color jump) */
.registration-el .reg-card:hover .icon-wrapper {
  background: linear-gradient(
    135deg,
    #0a3d6d,
    #0d5eaf
  );
}
/* ===============================
   BENEFITS – EL (GREECE)
================================ */

/* Card base */
.mudrovaxis-benefits-el .theme-card {
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid rgba(13, 94, 175, 0.2);
  transition: all 0.35s ease;
  height: 100%;
}

/* Card hover */
.mudrovaxis-benefits-el .theme-card:hover {
  background: linear-gradient(135deg, #0d5eaf, #0a3d6d);
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(13, 94, 175, 0.35);
}

/* ===============================
   ICON FIX
================================ */

/* Icon wrapper */
.mudrovaxis-benefits-el .benefit-icon {
  width: 56px;
  height: 56px;
  margin: 0 auto 14px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(13, 94, 175, 0.12);
  transition: all 0.35s ease;
}

/* Icon itself */
.mudrovaxis-benefits-el .benefit-icon i {
  font-size: 1.4rem;
  color: #0d5eaf;
  transition: all 0.35s ease;
}

/* Hover icon fix */
.mudrovaxis-benefits-el .theme-card:hover .benefit-icon {
  background: #ffffff;
}

.mudrovaxis-benefits-el .theme-card:hover .benefit-icon i {
  color: #0d5eaf;
}

/* ===============================
   TEXT FIX ON HOVER
================================ */

.mudrovaxis-benefits-el .theme-card h5 {
  color: #0f172a;
}

.mudrovaxis-benefits-el .theme-card p {
  color: #475569;
}

.mudrovaxis-benefits-el .theme-card:hover h5,
.mudrovaxis-benefits-el .theme-card:hover p {
  color: #ffffff;
}
/* Croatia Hero Section */
.hr-hero {
  background: linear-gradient(
    135deg,
    #c4001a 0%,   
    #0b2c6f 100%  
  );
  color: #ffffff;
}
.hr-hero .form-label {
  color: #0b2c6f !important;
  font-weight: 600;
}

.hr-hero .form-control {
  border-radius: 12px;
  border: 1px solid #d6dbe8;
}
.mudrovaxis-hr{
	
	background: linear-gradient(
    135deg,
    #c4001a 0%,   
    #0b2c6f 100%  
  );
  color: #ffffff;
}
.mudrovaxis-advanced-hr
{
	background: linear-gradient(
    135deg,
    #c4001a 0%,   
    #0b2c6f 100%  
  );
  color: #ffffff;
}

.mudrovaxis-advanced-hr .theme-heading {
  color: #ffffff !important;
  font-weight: 800;
  text-shadow: 0 3px 12px rgba(0,0,0,0.45);
}


.mudrovaxis-advanced-hr .theme-heading span,
.mudrovaxis-advanced-hr .theme-heading .brand {
  color: #1f6fff; 
}
.registration-hr
{
background: linear-gradient(
    135deg,
    #c4001a 0%,   
    #0b2c6f 100%  
  );
  color: #ffffff;	
	
}	
/* Registration Section – HR */
.registration-hr .reg-card {
  transition: all 0.35s ease;
  border-radius: 18px;
}

/* Normal state */
.registration-hr .reg-card h5 {
  color: #0b2c6f; /* Croatia Blue */
  transition: color 0.3s ease;
}

.registration-hr .reg-card p {
  transition: color 0.3s ease;
}

/* Hover state */
.registration-hr .reg-card:hover {
  background: linear-gradient(135deg, #c4001a, #0b2c6f);
  transform: translateY(-8px);
}

/* 🔴 IMPORTANT: Title visible on hover */
.registration-hr .reg-card:hover h5 {
  color: #ffffff !important;
}

/* Paragraph visible on hover */
.registration-hr .reg-card:hover p {
  color: rgba(255,255,255,0.9) !important;
}

/* Icon color on hover */
.registration-hr .reg-card:hover .theme-icon {
  color: #ffffff;
}
/* HR – Benefits Section */
.registration-hr .benefit-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: linear-gradient(135deg, #c4001a, #0b2c6f); /* HR flag */
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.35);
  transition: all 0.35s ease;
}
.registration-hr .benefit-card {
  border-radius: 20px;
  transition: all 0.35s ease;
}

.registration-hr .benefit-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 22px 45px rgba(0,0,0,0.35);
}

/* Icon animation on hover */
.registration-hr .benefit-card:hover .benefit-icon {
  transform: scale(1.1);
  background: linear-gradient(135deg, #ff2b2b, #1f6fff);
}
.registration-hr .benefit-card h5 {
  color: #0b2c6f;
  font-weight: 700;
}

.registration-hr .benefit-card p {
  color: #444;
}
/* Make all benefit cards equal height */
.registration-hr .benefit-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 28px 24px;
}
.hu-hero {
  background:
    linear-gradient(
      135deg,
      rgba(205, 42, 62, 0.92) 0%,   
      rgba(0, 0, 0, 0.55) 45%,     
      rgba(67, 111, 77, 0.92) 100% 
    );
  color: #ffffff;
}
.hu-hero .hero-title {
  color: #ffffff;
  font-weight: 800;
  text-shadow: 0 3px 12px rgba(0,0,0,0.45);
}

.hu-hero .hero-sub {
  color: rgba(255,255,255,0.95);
  max-width: 620px;
}
.hu-hero .signup-card {
  background: #f3f4f2; /* soft white */
  border-radius: 20px;
  box-shadow: 0 20px 45px rgba(0,0,0,0.35);
}

.hu-hero .signup-title {
  
  font-weight: 800;
}
.hu-hero .btn-primary {
  background: linear-gradient(135deg, #436f4d, #2f5c3c);
  border: none;
  border-radius: 14px;
  font-weight: 700;
}

.hu-hero .btn-primary:hover {
  background: linear-gradient(135deg, #2f5c3c, #436f4d);
}
.mudrovaxis-hu
{
	 background:
    linear-gradient(
      135deg,
      rgba(205, 42, 62, 0.92) 0%,   
      rgba(0, 0, 0, 0.55) 45%,     
      rgba(67, 111, 77, 0.92) 100% 
    );
  color: #ffffff;
	
}
.mudrovaxis-hu .icon-circle {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: linear-gradient(135deg, #436f4d, #2f5c3c); /* HU Green */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}

.mudrovaxis-hu .icon-circle i {
  font-size: 16px;
  font-weight: 800;
}
.mudrovaxis-hu .mudrovaxis-subtitle {
  color: #49e66d; 
  font-weight: 700;
  margin-top: 22px;
  margin-bottom: 16px;
}
.mudrovaxis-advanced-hu
{
	 background:
    linear-gradient(
      135deg,
      rgba(205, 42, 62, 0.92) 0%,   
      rgba(0, 0, 0, 0.55) 45%,     
      rgba(67, 111, 77, 0.92) 100% 
    );
  color: #ffffff;
	
}
.mudrovaxis-hu .feature-card {
  background: #ffffff;
  border-radius: 18px;
  transition: all 0.3s ease;
}

.mudrovaxis-hu .feature-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 35px rgba(0,0,0,0.25);
}
.icon-circle {
    width: 32px;
    height: 32px;
    
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 1rem;
    flex-shrink: 0;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}
.mudrovaxis-advanced-hu .icon-circle {
    background:
    linear-gradient(
      135deg,
      rgba(205, 42, 62, 0.92) 0%,   
      rgba(0, 0, 0, 0.55) 45%,     
      rgba(67, 111, 77, 0.92) 100% 
    );
    color: #ffffff;
}

.registration-hu
{
	 background:
    linear-gradient(
      135deg,
      rgba(205, 42, 62, 0.92) 0%,   
      rgba(0, 0, 0, 0.55) 45%,     
      rgba(67, 111, 77, 0.92) 100% 
    );
  color: #ffffff;
	
}
.registration-hu .icon-wrapper {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: linear-gradient(135deg, #4a6cf7, #3b82f6); /* HU blue accent */
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  box-shadow: 0 6px 18px rgba(0,0,0,0.3);
}

.registration-hu .theme-icon {
  color: #ffffff;
}
.registration-hu .reg-card h5 {
  color: #1f2937;           
  font-weight: 700;
  opacity: 1 !important;   
  transition: color 0.3s ease;
}
.registration-hu .mudrovaxis-title {
  font-weight: 800;
  color: #1f3cff; 
  line-height: 1.3;
}

.registration-hu .mudrovaxis-text {
  font-size: 1.05rem;
  line-height: 1.75;
  color: rgba(255,255,255,0.95);
  max-width: 520px;
}
/* HU Benefits Section */


/* Card */
.registration-hu .benefit-card {
  background: linear-gradient(
    135deg,
    rgba(206, 41, 57, 0.18),   
    rgba(255, 255, 255, 0.65),
    rgba(67, 111, 77, 0.18)    
  );
  border-radius: 20px;
  height: 100%;
  padding: 30px 24px;
  transition: all 0.35s ease;
  box-shadow: 0 14px 35px rgba(0,0,0,0.18);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.35);
}
.theme-section .benefit-iconid {
  width: 56px;
  height: 56px;
  margin: 0 auto 16px;      
  border-radius: 50%;
  display: flex;
  align-items: center;      
  justify-content: center;  
  
}

/* Hover */
.registration-hu .benefit-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 22px 45px rgba(0,0,0,0.25);
}

/* Icon circle */
.registration-hu .benefit-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: linear-gradient(135deg, #436f4d, #2f5c3c); 
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.25);
}

/* Icon */
.registration-hu .benefit-icon i {
  color: #ffffff;
  font-size: 1.6rem;
}
/* HU CTA Button */
.btn-hu-primary {
  background: linear-gradient(135deg, #436f4d, #2f5c3c); /* Hungary Green */
  border: none;
  color: #ffffff;
  font-weight: 700;
  padding: 12px 28px;
  border-radius: 12px;
  box-shadow: 0 8px 22px rgba(0,0,0,0.25);
  transition: all 0.3s ease;
}

/* Hover */
.btn-hu-primary:hover {
  background: linear-gradient(135deg, #2f5c3c, #436f4d);
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(0,0,0,0.35);
}

/* Focus */
.btn-hu-primary:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(67, 111, 77, 0.45);
}
/* HU legitimacy list */
#legitimacy-hu-icons .mudrovaxis-item {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
  font-weight: 600;
  color: #ffffff; 
}

/* HU check icon circle */
#legitimacy-hu-icons .hu-check-icon {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: linear-gradient(135deg, #436f4d, #2f5c3c); 
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  flex-shrink: 0;
}

/* Check icon */
#legitimacy-hu-icons .hu-check-icon i {
  color: #ffffff;
  font-size: 16px;
  font-weight: 800;
}
/* Card base */
.registration-id .reg-card h5 {
  color: #1a1a1a;         
  transition: color 0.3s ease;
}

/* Paragraph */
.registration-id .reg-card p {
  color: #555;
}

/* Hover state */
.registration-id .reg-card:hover h5 {
  color: var(--themeColor); 
}

/* Icon circle */
.registration-id .icon-wrapper {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

/* Icon color */
.registration-id .theme-icon {
  color: #ffffff;
}

/* Hover effect */
.registration-id .reg-card:hover {
  transform: translateY(-8px);
}
#mudrovtext {
  font-size: 1.05rem;
  line-height: 1.9;
  color: rgba(255, 255, 255, 0.92);
  font-weight: 400;
  max-width: 560px;
}
/* SECTION GRID FIX */
#mudrovaxis-benefits .row {
  display: flex;
  flex-wrap: wrap;
}

/* CARD */
#mudrovaxis-benefits .benefit-card {
  background: #ffffff;
  border-radius: 18px;
  height: 100%;                 /* equal height */
  padding: 32px 24px;
  transition: all 0.35s ease;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Hover */
#mudrovaxis-benefits .benefit-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 45px rgba(0,0,0,0.18);
}

/* ICON CIRCLE (ID THEME) */
#mudrovaxis-benefits .benefit-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: linear-gradient(
    135deg,
    #d60000 0%,
    #ff3b3b 100%
  ); /* Indonesia Red */
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
}

/* ICON */
#mudrovaxis-benefits .benefit-icon i {
  font-size: 28px;
  color: #ffffff; /* white icon */
}

/* HEADING */
#mudrovaxis-benefits h5 {
  font-size: 1.15rem;
  font-weight: 700;
  margin-bottom: 12px;
  color: #111;
}

/* TEXT */
#mudrovaxis-benefits p {
  font-size: 0.95rem;
  line-height: 1.75;
  color: #555;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  #mudrovaxis-benefits .benefit-card {
    padding: 28px 20px;
  }
}


/* Make first line strong (executive feel) */
#mudrovtext::first-line {
  font-weight: 600;
  color: #ffffff;
}
.mudrovaxis-is {
  background: linear-gradient(
    135deg,
    #0f4c75 0%,   /* Deep Iceland Blue */
    #3282b8 45%,  /* Cool Arctic Blue */
    #bbe1fa 100%  /* Ice Light */
  );
  color: #ffffff;
  position: relative;
  overflow: hidden;
}
/* Headings */
.mudrovaxis-is h3 {
  color: #ffffff;
  font-size: 2.2rem;
  font-weight: 800;
  line-height: 1.3;
  margin-bottom: 20px;
}

.mudrovaxis-is h3 span,
.mudrovaxis-is h3 strong {
  color: #bbe1fa; /* Iceland ice accent */
}

/* Paragraphs */
.mudrovaxis-is p {
  color: rgba(255, 255, 255, 0.95);!important;
  font-size: 1rem;
  line-height: 1.85;
  margin-bottom: 14px;
}

.mudrovais {
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 700;
  margin: 28px 0 18px;
}

#mudrovaxis-attributes {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.mudrovaxisitem {
  display: flex;
  align-items: center;
  gap: 14px;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 500;
}

/* Icon circle – Iceland theme */
.iconcircle {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: linear-gradient(
    135deg,
    #bbe1fa 0%,   /* Ice light */
    #3282b8 100%  /* Iceland blue */
  );
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 6px 18px rgba(0,0,0,0.25);
}

/* Check icon */
.iconcircle i {
  color: #0f4c75;   /* Deep blue */
  font-size: 18px;
  font-weight: 700;
}
/* Registration card headings – always visible */
#mudrovaxis-registration .reg-card h5 {
  color: #0f4c75;         
  font-weight: 700;
  opacity: 1;
  visibility: visible;
  transition: color 0.3s ease;
}

/* Hover state – optional highlight */
#mudrovaxis-registration .reg-card:hover h5 {
  color: #0b5ed7;          
}

.mudrovaxis-it
{
	background: linear-gradient(135deg, #004329 0%, #330005 100%);
	
}
.mudrovaxis-it,
.mudrovaxis-it h3,
.mudrovaxis-it h5,
.mudrovaxis-it p {
    color: #fff !important;
}
.mudrovaxis-circle {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mudrovaxis-itemit {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #ffffff;
    font-size: 16px;
}
.icon-circle1 {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 50%;
    background-color: var(--themeColor); /* country wise */
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 15px;
}
.icon-circle2 {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 50%;
    background-color: var(--themeColor); /* country wise */
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 15px;
}
.icon-circle3 {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 50%;
    background-color: var(--themeColor); /* country wise */
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 15px;
}
.mudrovaxis-it p {
    color: rgba(255, 255, 255, 0.95) !important;
    font-size: 1rem;
    line-height: 1.85;
    margin-bottom: 14px;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}
.mudrovaxis-it .theme-card h6,
.mudrovaxis-it .theme-card p {
    color: #000000 !important;
    opacity: 1 !important;
    visibility: visible !important;
}


.mudrovaxis-it .theme-card h5 {
    color: #000000 !important;
}
/* ===== Benefits Section Icon Circle ===== */
.benefit-icon-circle {
    width: 64px;
    height: 64px;
    margin: 0 auto;
    border-radius: 50%;
    background-color: var(--themeColor); /* country/theme based */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Icon inside the circle */
.benefit-icon-circle i {
    font-size: 26px;
    color: #ffffff;
}
.benefit-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* content upar se start */
    border-radius: 14px;
}

.hero-ja {
    background-color: #BC002D;
    color: #ffffff;
}

/* Base image style */
.mudrovaxis-img {
    transition: transform 0.35s ease, box-shadow 0.35s ease;
    border-radius: 14px;
}

/* Hover effect */
.mudrovaxis-img:hover {
    transform: scale(1.05);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.25);
}
.image-hover {
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.image-hover img {
    transition: transform 0.35s ease;
}

/* Hover */
.image-hover:hover img {
    transform: scale(1.08);
}

.image-hover:hover {
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.25);
}

.hero-ko {
  min-height: 100vh;
  display: flex;
  align-items: center;

  /* Deep professional gradient */
  background:
    radial-gradient(
      circle at right center,
      rgba(58, 79, 122, 0.35),
      transparent 55%
    ),
    linear-gradient(
      135deg,
      #040B1A 0%,
      #07162E 40%,
      #0E1B2A 100%
    );

  color: #fff;
}
/* Feature Item */
.feature-item.dot-style {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  font-size: 1rem;
  color: #E5E7EB;
}

/* Outer Circle */
.dot-circle {
  width: 14px;
  height: 14px;
  border: 2px solid #4FD1C5;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
}

/* Inner Dot */
.dot-circle::after {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #4FD1C5;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mudrovaxis-img {
  width: 100%;
  max-width: 100%;
  border-radius: 16px;
  box-shadow: 0 30px 60px rgba(0,0,0,0.45);
}
/* Section Background */
.comprehend-section {
  background:
    radial-gradient(circle at left top, rgba(79, 209, 197, 0.08), transparent 45%),
    linear-gradient(180deg, #040B1A 0%, #07162E 100%);
  color: #E5E7EB;
}

/* Heading */
.comprehend-title {
  font-size: 2.4rem;
  font-weight: 800;
  line-height: 1.25;
  color: #ffffff;
}

.comprehend-title span,
.theme-heading span {
  color: #4FD1C5;
}

/* Divider */
.comprehend-divider {
  width: 90px;
  height: 4px;
  background: linear-gradient(90deg, #4FD1C5, transparent);
  border-radius: 4px;
}

/* Paragraphs */
.comprehend-text {
  font-size: 1.08rem;
  line-height: 1.85;
  color: #D1D5DB;
  max-width: 900px;
  margin-bottom: 18px;
}
.reg-step {
  border-left: 3px solid #4FD1C5;
  padding: 30px 22px;
  color: #E5E7EB;
  background: transparent;
}

.reg-step:hover {
  background: rgba(255,255,255,0.04);
}
.registration-sectionko {
  background:
    radial-gradient(circle at center top, rgba(79, 209, 197, 0.08), transparent 45%),
    linear-gradient(180deg, #040B1A 0%, #07162E 100%);
  color: #E5E7EB;
}

/* Title */
.registration-titleko {
  font-size: 2.4rem;
  font-weight: 800;
  color: #ffffff;
}

/* Section Background */
.app-insight-section {
  background:
    radial-gradient(circle at right top, rgba(79, 209, 197, 0.10), transparent 45%),
    linear-gradient(180deg, #040B1A 0%, #07162E 100%);
  color: #E5E7EB;
}

/* Heading */
.app-title {
  font-size: 2.4rem;
  font-weight: 800;
  line-height: 1.25;
  color: #ffffff;
}

/* Divider */
.app-divider {
  width: 90px;
  height: 4px;
  background: linear-gradient(90deg, #4FD1C5, transparent);
  border-radius: 4px;
}

/* Text */
.app-text {
  font-size: 1.08rem;
  line-height: 1.85;
  color: #D1D5DB;
  max-width: 520px;
}

/* CTA */
.app-cta {
  background: var(--themeColor);
  border-color: var(--themeColor);
  padding: 12px 32px;
  font-weight: 600;
  border-radius: 10px;
}

/* Image Wrapper */
.app-image-wrapper {
  background: rgba(255,255,255,0.04);
  padding: 22px;
  border-radius: 20px;
  box-shadow: 0 30px 60px rgba(0,0,0,0.45);
}

.app-image-wrapper img {
  border-radius: 14px;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.app-image-wrapper img:hover {
  transform: scale(1.03);
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.55);
}
/* Korea Benefits Section */
.benefits-ko {
  background:
    radial-gradient(circle at top center, rgba(79, 209, 197, 0.10), transparent 45%),
    linear-gradient(180deg, #040B1A 0%, #07162E 100%);
  color: #E5E7EB;
}

/* Title */
.benefits-ko .benefits-title {
  font-size: 2.4rem;
  font-weight: 800;
  color: #ffffff;
}

/* Cards */
.benefits-ko .benefit-card {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 18px;
  padding: 30px 26px;
  transition: all 0.3s ease;
}

.benefits-ko .benefit-card:hover {
  transform: translateY(-6px);
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(79, 209, 197, 0.45);
}

/* Icons */
.benefits-ko .benefit-icon {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}

.benefits-ko .benefit-icon i {
  font-size: 1.4rem;
  color: #ffffff;
}

/* Icon Gradients */
.icon-blue   { background: linear-gradient(135deg, #2563EB, #1E40AF); }
.icon-teal   { background: linear-gradient(135deg, #14B8A6, #0F766E); }
.icon-cyan   { background: linear-gradient(135deg, #06B6D4, #0E7490); }
.icon-indigo { background: linear-gradient(135deg, #6366F1, #4338CA); }
.icon-green  { background: linear-gradient(135deg, #22C55E, #15803D); }
.icon-orange { background: linear-gradient(135deg, #F59E0B, #B45309); }

/* Text */
.benefits-ko .benefit-card h5 {
  font-weight: 700;
  margin-bottom: 10px;
  color: #ffffff;
}

.benefits-ko .benefit-card p {
  color: #CBD5E1;
  line-height: 1.65;
  font-size: 0.95rem;
}
/* Section */
.legitimacy-ko {
  background:
    radial-gradient(circle at right top, rgba(79, 209, 197, 0.10), transparent 45%),
    linear-gradient(180deg, #040B1A 0%, #07162E 100%);
  color: #E5E7EB;
}

/* Title */
.legit-title {
  font-size: 2.4rem;
  font-weight: 800;
  line-height: 1.3;
  color: #ffffff;
}

/* Text */
.legit-text {
  font-size: 1.05rem;
  line-height: 1.8;
  color: #D1D5DB;
  margin-bottom: 14px;
}

/* Subtitle */
.legit-subtitle {
  color: #4FD1C5;
  font-weight: 700;
}

/* Checklist */
.legit-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.legit-list li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  font-size: 1rem;
  color: #E5E7EB;
}

.legit-list li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #4FD1C5;
  font-weight: bold;
}

/* CTA */
.legit-cta {
  background: var(--themeColor);
  border-color: var(--themeColor);
  padding: 12px 36px;
  font-weight: 600;
  border-radius: 10px;
}

/* Image Wrapper */
.legit-image-wrapper {
  background: rgba(255,255,255,0.04);
  padding: 22px;
  border-radius: 20px;
  box-shadow: 0 30px 60px rgba(0,0,0,0.45);
}

.legit-image-wrapper img {
  border-radius: 14px;
}
.hover-image {
  border-radius: 20px;
  overflow: hidden;
  transition: all 0.4s ease;
}

.hover-image img {
  width: 100%;
  border-radius: 20px;
  transition: transform 0.45s ease, filter 0.45s ease;
}

/* Hover Effect */
.hover-image:hover img {
  transform: scale(1.04);
  filter: brightness(1.05) contrast(1.05);
}

/* Optional Glow on Hover */
.hover-image:hover {
  box-shadow:
    0 0 0 1px rgba(79, 209, 197, 0.35),
    0 30px 70px rgba(0, 0, 0, 0.55);
}
/* ===============================
   Netherlands Hero Section
================================ */

.hero-nl {
  background: linear-gradient(135deg, #21468B 0%, #AE1C28 100%);
  padding: 90px 0;
  position: relative;
}

/* Overlay (optional – makes text more readable) */
.hero-nl::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.25);
}

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

/* Text */
.hero-nl .hero-title,
.hero-nl .hero-sub {
  color: #ffffff;
}

/* Outline button */
.hero-nl .btn-outline-light {
  border-color: #ffffff;
  color: #ffffff;
}

.hero-nl .btn-outline-light:hover {
  background: #AE1C28;
  border-color: #AE1C28;
  color: #ffffff;
}

/* Signup Card */
.hero-nl .signup-card {
  background: #ffffff;
  border-radius: 14px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
}

/* Signup Title */
.hero-nl .signup-title {
  color: #21468B;
  font-weight: 700;
}

/* Labels */
.hero-nl .form-label {
  color: #21468B !important;
}

/* Inputs */
.hero-nl .form-control {
  border-radius: 10px;
  border: 1px solid #d0d7e2;
}

.hero-nl .form-control:focus {
  border-color: #AE1C28;
  box-shadow: 0 0 0 0.2rem rgba(174, 28, 40, 0.25);
}

/* Submit Button */
.hero-nl .btn-primary {
  background: #AE1C28;
  border-color: #AE1C28;
  border-radius: 10px;
  font-weight: 600;
}

.hero-nl .btn-primary:hover {
  background: #21468B;
  border-color: #21468B;
}
/* =================================
   NL – Mudrovaxis Content Styling
   Country: Netherlands 🇳🇱
================================= */

.mudrovaxis-nl-content {
  color: #ffffff;
  padding-right: 40px;
}

/* Heading */
.mudrovaxis-nl-heading {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #ffffff;
}

/* Brand highlight */
.mudrovaxis-nl-heading span,
.mudrovaxis-nl-heading strong {
  color: #AE1C28; /* NL Red */
}

/* Paragraph */
.mudrovaxis-nl-text {
  font-size: 16px;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.92);
  margin-bottom: 14px;
}

/* Subtitle */
.mudrovaxis-nl-subtitle {
  margin-top: 26px;
  margin-bottom: 14px;
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
}

/* Attribute list */
.mudrovaxis-nl-attributes {
  margin-top: 12px;
}

.mudrovaxis-nl-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  margin-bottom: 12px;
  color: #ffffff;
}

/* Icon */
.mudrovaxis-nl-item i {
  color: #AE1C28;
  font-size: 18px;
  background: rgba(255, 255, 255, 0.15);
  padding: 6px;
  border-radius: 50%;
}

/* Hover (optional) */
.mudrovaxis-nl-item:hover i {
  background: #AE1C28;
  color: #ffffff;
}

/* Responsive */
@media (max-width: 768px) {
  .mudrovaxis-nl-content {
    padding-right: 0;
    margin-bottom: 30px;
  }

  .mudrovaxis-nl-heading {
    font-size: 26px;
  }
}
/* =====================================
   Comprehend Section – NL Theme 🇳🇱
===================================== */

.comprehend-nl {
  color: #ffffff;
  padding-right: 40px;
}

/* Heading */
.comprehend-nl-heading {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 18px;
}

.comprehend-nl-heading span,
.comprehend-nl-heading strong {
  color: #AE1C28; /* NL Red */
}

/* Paragraphs */
.comprehend-nl-text {
  font-size: 16px;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 14px;
}

/* Feature Card */
.comprehend-nl-card {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  padding: 20px;
  height: 100%;
  transition: all 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.15);
}

.comprehend-nl-card:hover {
  background: rgba(255, 255, 255, 0.15);
  transform: translateY(-6px);
  border-color: #AE1C28;
}

/* Icon */
.comprehend-nl-icon {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: linear-gradient(135deg, #AE1C28, #21468B);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}

.comprehend-nl-icon i {
  color: #ffffff;
  font-size: 18px;
}

/* Card title */
.comprehend-nl-card h6 {
  font-weight: 600;
  margin-bottom: 8px;
  color: #ffffff;
}

/* Card text */
.comprehend-nl-card p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
  .comprehend-nl {
    padding-right: 0;
  }

  .comprehend-nl-heading {
    font-size: 26px;
  }
}
/* ===============================
   NL Registration Section
================================ */

#mudrovaxis-registration {
  background: linear-gradient(135deg, #21468B, #AE1C28);
  padding: 80px 0;
}

#mudrovaxis-registration h2 {
  color: #fff;
}

/* Step Card */
#mudrovaxis-registration .col-md-3 > div {
  background: #ffffff;
  border-radius: 18px;
  padding: 30px 22px;
  text-align: center;
  height: 100%;
  box-shadow: 0 20px 45px rgba(0,0,0,0.25);
  transition: all 0.35s ease;
}

#mudrovaxis-registration .col-md-3 > div:hover {
  transform: translateY(-10px);
  box-shadow: 0 30px 60px rgba(0,0,0,0.35);
}

/* Icon Circle */
#mudrovaxis-registration .col-md-3 > div > div {
  width: 56px;
  height: 56px;
  background: linear-gradient(135deg, #21468B, #AE1C28);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
}

#mudrovaxis-registration i {
  color: #ffffff;
  font-size: 22px;
}

/* Text */
#mudrovaxis-registration h5 {
  color: #21468B;
}

#mudrovaxis-registration p {
  color: #333;
  font-size: 14px;
}
/* ===============================
   NL App Section
================================ */

#mudrovaxis_app {
  background: #ffffff;
}

#mudrovaxis_app h3 {
  color: #21468B;
  font-weight: 700;
}

#mudrovaxis_app p {
  color: #444;
  font-size: 16px;
}

.mudrovaxis-img {
  border: 3px solid #21468B;
}
/* ===============================
   NL Benefits Section
================================ */

#mudrovaxis-benefits {
  background: #f6f8fb;
}

.benefit-card {
  background: #ffffff;
  border-radius: 18px;
  transition: all 0.35s ease;
  border: 1px solid #e5e5e5;
}

.benefit-card:hover {
  transform: translateY(-8px);
  border-color: #AE1C28;
  box-shadow: 0 25px 50px rgba(0,0,0,0.12);
}

.benefit-icon {
  width: 54px;
  height: 54px;
  background: linear-gradient(135deg, #21468B, #AE1C28);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.benefit-icon i {
  color: #ffffff;
  font-size: 22px;
}

.benefit-card h5 {
  color: #21468B;
}

.benefit-card p {
  color: #444;
  font-size: 14px;
}
/* =====================================
   Mudrovaxis App – NL Insight Section 🇳🇱
===================================== */

.mudrovaxis-app-nl {
  padding-right: 40px;
}

/* Heading */
.mudrovaxis-app-nl-heading {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #ffffff;
  line-height: 1.25;
}

/* Brand highlight inside heading */
.mudrovaxis-app-nl-heading span,
.mudrovaxis-app-nl-heading strong {
  color: #AE1C28; /* NL Red */
}

/* Paragraph */
.mudrovaxis-app-nl-text {
  font-size: 16px;
  line-height: 1.8;
  color: #ffffff;
  max-width: 540px;
}

/* Optional subtle underline accent */
.mudrovaxis-app-nl-heading::after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  background: linear-gradient(90deg, #21468B, #AE1C28);
  margin-top: 12px;
  border-radius: 2px;
}

/* Responsive */
@media (max-width: 768px) {
  .mudrovaxis-app-nl {
    padding-right: 0;
  }

  .mudrovaxis-app-nl-heading {
    font-size: 26px;
  }
}
/* ===============================
   Benefits Heading – NL Style 🇳🇱
================================ */

.benefits-nl-heading {
  text-align: center;
  font-size: 34px;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 60px;
  line-height: 1.3;
  position: relative;
}

/* Brand highlight inside heading */
.benefits-nl-heading span,
.benefits-nl-heading strong {
  color: #AE1C28; /* NL Red */
}

/* Underline Accent */
.benefits-nl-heading::after {
  content: "";
  display: block;
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, #21468B, #AE1C28);
  margin: 18px auto 0;
  border-radius: 3px;
}

/* Responsive */
@media (max-width: 768px) {
  .benefits-nl-heading {
    font-size: 26px;
    margin-bottom: 40px;
  }
}
/* =====================================
   NL Legitimacy Section 🇳🇱
===================================== */

.legitimacy-nl {
  color: #ffffff;
  padding-right: 40px;
}

/* Heading */
.legitimacy-nl-heading {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 18px;
  line-height: 1.3;
}

.legitimacy-nl-heading span,
.legitimacy-nl-heading strong {
  color: #AE1C28; /* NL Red */
}

/* Paragraphs */
.legitimacy-nl-text {
  font-size: 16px;
  line-height: 1.75;
  margin-bottom: 14px;
  color: #ffffff;
}

/* Subheading */
.legitimacy-nl-subheading {
  margin-top: 26px;
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
}

/* Points */
.legitimacy-nl-points {
  margin-top: 10px;
}

.legitimacy-nl-item {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  font-size: 15px;
}

/* Icon */
.legitimacy-nl-item i {
  background: linear-gradient(135deg, #21468B, #AE1C28);
  color: #ffffff;
  padding: 7px;
  border-radius: 50%;
  font-size: 14px;
}

/* NL Button */
.btn-nl-primary {
  background: linear-gradient(135deg, #21468B, #AE1C28);
  border: none;
  border-radius: 10px;
  font-weight: 600;
  padding: 12px 30px;
  color: #ffffff;
}

.btn-nl-primary:hover {
  background: linear-gradient(135deg, #AE1C28, #21468B);
}

/* Responsive */
@media (max-width: 768px) {
  .legitimacy-nl {
    padding-right: 0;
  }

  .legitimacy-nl-heading {
    font-size: 24px;
  }
}
.hero-no {
  background: linear-gradient(135deg, #00205B, #BA0C2F);
  position: relative;
}

.hero-no::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
}

.hero-no > * {
  position: relative;
  z-index: 2;
}
.hr-norway {
  border: none;
  height: 2px;
  width: 80px;
  margin: 40px auto;
  background: linear-gradient(
    90deg,
    #00205B,   
    #FFFFFF,   
    #BA0C2F    
  );
  border-radius: 3px;
}
/* =====================================
   Mudrovaxis Intro – Norway Theme 🇳🇴
===================================== */

.mudrovaxis-no-content {
  color: #ffffff;
  padding-right: 40px;
}

/* Heading */
.mudrovaxis-no-heading {
  font-size: 32px;
  font-weight: 800;
  margin-bottom: 18px;
  line-height: 1.25;
}

/* Brand highlight */
.mudrovaxis-no-heading span,
.mudrovaxis-no-heading strong {
  color: #BA0C2F; /* Norway Red */
}

/* Paragraphs */
.mudrovaxis-no-text {
  font-size: 16px;
  line-height: 1.75;
  margin-bottom: 14px;
  color: #ffffff;
  opacity: 0.95;
}

/* Subtitle */
.mudrovaxis-no-subtitle {
  margin-top: 26px;
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
}

/* Feature List */
.mudrovaxis-no-features {
  margin-top: 10px;
}

.mudrovaxis-no-item {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  font-size: 15px;
}

/* Icon */
.mudrovaxis-no-item i {
  background: linear-gradient(135deg, #00205B, #BA0C2F);
  color: #ffffff;
  padding: 7px;
  border-radius: 50%;
  font-size: 14px;
}

/* Responsive */
@media (max-width: 768px) {
  .mudrovaxis-no-content {
    padding-right: 0;
    margin-bottom: 30px;
  }

  .mudrovaxis-no-heading {
    font-size: 26px;
  }
}
/* =====================================
   Comprehend Section – Norway Theme
===================================== */

.comprehend-no {
  color: #ffffff;
  padding-right: 40px;
}

/* Heading */
.comprehend-no-heading {
  font-size: 34px;
  font-weight: 800;
  margin-bottom: 18px;
  line-height: 1.3;
}

.comprehend-no-heading span,
.comprehend-no-heading strong {
  color: #BA0C2F; /* Norway Red */
}

/* Paragraphs */
.comprehend-no-text {
  font-size: 16px;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.95);
  margin-bottom: 14px;
}

/* Feature Card */
.comprehend-no-card {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  padding: 22px;
  height: 100%;
  border: 1px solid rgba(255, 255, 255, 0.15);
  transition: all 0.35s ease;
}

.comprehend-no-card:hover {
  transform: translateY(-8px);
  background: rgba(255, 255, 255, 0.15);
  border-color: #BA0C2F;
}

/* Icon */
.comprehend-no-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: linear-gradient(135deg, #00205B, #BA0C2F);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}

.comprehend-no-icon i {
  color: #ffffff;
  font-size: 18px;
}

/* Card Title */
.comprehend-no-card h6 {
  font-weight: 600;
  margin-bottom: 8px;
  color: #ffffff;
}

/* Card Text */
.comprehend-no-card p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9);
  margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
  .comprehend-no {
    padding-right: 0;
    margin-bottom: 30px;
  }

  .comprehend-no-heading {
    font-size: 26px;
  }
}
/* =====================================
   Registration Section – Norway Theme
===================================== */



/* Heading */
.registration-no-heading {
  text-align: center;
  font-size: 34px;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 60px;
  line-height: 1.3;
}

.registration-no-heading span,
.registration-no-heading strong {
  color: #ffffff;
}

/* Card */
.registration-no-card {
  background: #ffffff;
  border-radius: 18px;
  padding: 30px 22px;
  height: 100%;
  text-align: center;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.25);
  transition: all 0.35s ease;
}

.registration-no-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.35);
}

/* Icon */
.registration-no-icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: linear-gradient(135deg, #00205B, #BA0C2F);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
}

.registration-no-icon i {
  color: #ffffff;
  font-size: 22px;
}

/* Card text */
.registration-no-card h5 {
  font-weight: 700;
  color: #00205B;
  margin-bottom: 10px;
}

.registration-no-card p {
  font-size: 14px;
  color: #444;
  margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
  .registration-no-heading {
    font-size: 26px;
    margin-bottom: 40px;
  }
}

.mudrovaxis-app-no {
  padding-right: 40px;
}

/* Heading */
.mudrovaxis-app-no-heading {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #ffffff;
  line-height: 1.25;
}

/* Brand highlight inside heading */
.mudrovaxis-app-no-heading span,
.mudrovaxis-app-no-heading strong {
  color: #AE1C28; /* NL Red */
}

/* Paragraph */
.mudrovaxis-app-no-text {
  font-size: 16px;
  line-height: 1.8;
  color: #ffffff;
  max-width: 540px;
}

/* Optional subtle underline accent */
.mudrovaxis-app-no-heading::after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  background: linear-gradient(90deg, #21468B, #AE1C28);
  margin-top: 12px;
  border-radius: 2px;
}

/* Responsive */
@media (max-width: 768px) {
  .mudrovaxis-app-no {
    padding-right: 0;
  }

  .mudrovaxis-app-no-heading {
    font-size: 26px;
  }
}
/* =====================================
   Benefits Section – Norway Theme
===================================== */



/* Heading */
.benefits-no-heading {
  text-align: center;
  font-size: 34px;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 60px;
  line-height: 1.3;
}

.benefits-no-heading span,
.benefits-no-heading strong {
  color: #ffffff;
}

/* Card */
.benefits-no-card {
  background: #ffffff;
  border-radius: 18px;
  padding: 30px 24px;
  height: 100%;
  text-align: center;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.25);
  transition: all 0.35s ease;
}

.benefits-no-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.35);
}

/* Icon */
.benefits-no-icon {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: linear-gradient(135deg, #00205B, #BA0C2F);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
}

.benefits-no-icon i {
  color: #ffffff;
  font-size: 22px;
}

/* Card title */
.benefits-no-card h5 {
  font-weight: 700;
  color: #00205B;
  margin-bottom: 10px;
}

/* Card text */
.benefits-no-card p {
  font-size: 14px;
  color: #444;
  margin: 0;
  line-height: 1.6;
}

/* Responsive */
@media (max-width: 768px) {
  .benefits-no-heading {
    font-size: 26px;
    margin-bottom: 40px;
  }
}
/* =====================================
   Legitimacy Section – Norway Theme
===================================== */

.legitimacy-no {
  color: #ffffff;
  padding-right: 40px;
}

/* Heading */
.legitimacy-no-heading {
  font-size: 32px;
  font-weight: 800;
  margin-bottom: 18px;
  line-height: 1.3;
}

/* Brand highlight */
.legitimacy-no-heading span,
.legitimacy-no-heading strong {
  color: #BA0C2F; /* Norway Red */
}

/* Paragraphs */
.legitimacy-no-text {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 14px;
  color: rgba(255, 255, 255, 0.95);
}

/* Subheading */
.legitimacy-no-subheading {
  margin-top: 26px;
  margin-bottom: 14px;
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
}

/* Trust list */
.legitimacy-no-list {
  margin-top: 10px;
}

.legitimacy-no-item {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  font-size: 15px;
}

/* Icon */
.legitimacy-no-item i {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: linear-gradient(135deg, #00205B, #BA0C2F);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 15px;
}

/* CTA Button */
.legitimacy-no-btn {
  background: linear-gradient(135deg, #00205B, #BA0C2F);
  border: none;
  padding: 14px 34px;
  font-weight: 600;
  border-radius: 40px;
  color: #ffffff;
  transition: all 0.3s ease;
}

.legitimacy-no-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
}

/* Responsive */
@media (max-width: 768px) {
  .legitimacy-no {
    padding-right: 0;
    margin-top: 30px;
  }

  .legitimacy-no-heading {
    font-size: 26px;
  }
}
.hero-en {
  position: relative;
  padding: 100px 0;
  background: linear-gradient(
    135deg,
    #0a3161 0%,     /* US Flag Blue */
    #0a3161 35%,
    #ffffff 35%,   /* White */
    #ffffff 45%,
    #b31942 45%,   /* US Flag Red */
    #b31942 100%
  );
  color: #ffffff;
}

/* Optional overlay for better readability */
.hero-en::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
}

.hero-en .container {
  position: relative;
  z-index: 2;
}
/* ===== EN – Mudrovaxis Section ===== */

/* Card */
.mudrovaxis-card-en {
  background: rgba(255, 255, 255, 0.92);
  padding: 40px;
  border-radius: 18px;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15);
}

/* Typography */
.mudrovaxis-title-en {
  font-weight: 700;
  color: #0a3161;
}

.mudrovaxis-text-en {
  color: #333;
  line-height: 1.7;
}

.mudrovaxis-subtitle-en {
  color: #b31942;
  font-weight: 600;
}

/* List */
.mudrovaxis-list-en {
  list-style: none;
  padding: 0;
}

.mudrovaxis-list-en li {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  font-weight: 500;
}

.mudrovaxis-list-en i {
  color: #0a3161;
  font-size: 1.1rem;
}

/* Image */
.mudrovaxis-img-en {
  border-radius: 20px;
  transform: translateY(-10px);
  transition: transform 0.4s ease;
}

.mudrovaxis-img-en:hover {
  transform: translateY(-18px);
}
/* ===== EN – Mudrovaxis Text Fix ===== */

.mudrovaxis-en,
.mudrovaxis-en p,
.mudrovaxis-en h3,
.mudrovaxis-en h5 {
  color: #0a3161; /* US Blue */
}
/* ===== Diagonal Background ===== */
.registration-diagonal-en {
  background: linear-gradient(
    135deg,
    #0a3161 0%,
    #0a3161 35%,
    #bfbfbf 35%,
    #bfbfbf 50%,
    #7a0f2b 50%,
    #7a0f2b 100%
  );
}

/* Title */
.registration-title-en {
  color: #ffffff;
}

.registration-title-en span {
  color: #1e90ff;
}

/* Step Card */
.reg-step-en {
  padding: 35px 25px;
  color: #ffffff;
  border-radius: 16px;
  transition: all 0.35s ease;
}

.reg-step-en i {
  font-size: 46px;
  margin-bottom: 15px;
  display: inline-block;
  color: #ffffff;
  transition: all 0.35s ease;
}

.reg-step-en h5 {
  font-weight: 600;
  margin-bottom: 10px;
}

/* Hover Effect */
.reg-step-en:hover {
  transform: translateY(-12px);
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35);
}

.reg-step-en:hover i {
  color: #1e90ff;
  transform: scale(1.15);
}
/* ===== Mudrovaxis App Section EN ===== */

.mudrovaxis-app-en {
  background: linear-gradient(
    135deg,
    #0a3161 0%,
    #0a3161 40%,
    #c0c0c0 40%,
    #c0c0c0 55%,
    #7a0f2b 55%,
    #7a0f2b 100%
  );
  color: #ffffff;
}

/* Title */
.mudrovaxis-app-title-en {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.3;
}

.mudrovaxis-app-title-en span {
  color: #1e90ff;
}

/* Paragraph */
.mudrovaxis-app-text-en {
  font-size: 1.05rem;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.92);
  max-width: 520px;
}

/* Button */
.mudrovaxis-app-btn-en {
  background: #1e90ff;
  border: none;
  padding: 14px 36px;
  border-radius: 50px;
  font-weight: 600;
  transition: all 0.35s ease;
}

.mudrovaxis-app-btn-en:hover {
  background: #ffffff;
  color: #0a3161;
  transform: translateY(-3px);
}

/* Image Wrapper */
.mudrovaxis-img-wrapper-en {
  background: rgba(255, 255, 255, 0.08);
  padding: 25px;
}
/* ===== Benefits Section EN ===== */

.benefits-en {
  background: linear-gradient(
    135deg,
    #0a3161 0%,
    #0a3161 35%,
    #c0c0c0 35%,
    #c0c0c0 50%,
    #7a0f2b 50%,
    #7a0f2b 100%
  );
}

/* Title */
.benefits-title-en {
  color: #ffffff;
}

/* Card */
.benefit-card-en {
  height: 100%;
  padding: 35px 30px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
  transition: all 0.35s ease;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.25);
}

/* Icon */
.benefit-card-en i {
  font-size: 42px;
  color: #ffffff;
  margin-bottom: 15px;
  display: inline-block;
  transition: all 0.35s ease;
}

/* Heading */
.benefit-card-en h5 {
  font-weight: 600;
  margin-bottom: 12px;
}

/* Text */
.benefit-card-en p {
  font-size: 0.95rem;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.92);
}

/* Hover Effect */
.benefit-card-en:hover {
  transform: translateY(-10px);
  background: rgba(255, 255, 255, 0.14);
  box-shadow: 0 30px 65px rgba(0, 0, 0, 0.4);
}

.benefit-card-en:hover i {
  color: #1e90ff;
  transform: scale(1.15);
}

/* ===== Poland Hero Section ===== */

.hero-pl {
  position: relative;
  padding: 100px 0;
  background: linear-gradient(
    135deg,
    #ffffff 0%,
    #ffffff 50%,
    #dc143c 50%,
    #dc143c 100%
  );
}

/* Optional overlay for better text contrast */
.hero-pl::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
}

.hero-pl .container {
  position: relative;
  z-index: 2;
}
.hr-en-dotted {
  border: none;
  border-top: 2px dotted #ffffff;
  width: 80%;
  margin: 40px auto;
  opacity: 0.8;
}
/* ===== Mudrovaxis PL Section ===== */

.mudrovaxis-pl {
  padding: 100px 0;
  background: linear-gradient(
    135deg,
    #ffffff 0%,
    #ffffff 55%,
    #dc143c 55%,
    #dc143c 100%
  );
}

/* Title */
.mudrovaxis-title-pl {
  font-size: 2.1rem;
  font-weight: 700;
  margin-bottom: 20px;
  color: #111;
}

/* Text */
.mudrovaxis-text-pl {
  color: #333;
  line-height: 1.75;
  margin-bottom: 15px;
}

/* Subtitle */
.mudrovaxis-subtitle-pl {
  margin-top: 25px;
  margin-bottom: 15px;
 
  font-weight: 600;
}

/* List */
.mudrovaxis-list-pl {
  list-style: none;
  padding: 0;
}

.mudrovaxis-list-pl li {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  font-weight: 500;
  color: #111;
}

.mudrovaxis-list-pl i {
  color: #ffffff;
  background: #dc143c;
  border-radius: 50%;
  padding: 3px;
  font-size: 1rem;
}


/* Image */
.mudrovaxis-img-pl {
  border-radius: 22px;
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.25);
  transition: transform 0.4s ease;
}

.mudrovaxis-img-pl:hover {
  transform: translateY(-10px);
}


/* ===== Mudrovaxis App PL Section ===== */

.mudrovaxis-app-pl {
  padding: 100px 0;
  background: linear-gradient(
    135deg,
    #ffffff 0%,
    #ffffff 60%,
    #dc143c 60%,
    #dc143c 100%
  );
}

/* Title */
.mudrovaxis-app-title-pl {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.3;
  color: #111;
}

/* Text */
.mudrovaxis-app-text-pl {
  font-size: 1.05rem;
  line-height: 1.8;
  color: #333;
  max-width: 520px;
}

/* Button */
.mudrovaxis-app-btn-pl {
  background: #dc143c;
  border: none;
  padding: 14px 36px;
  border-radius: 50px;
  font-weight: 600;
  color: #ffffff;
  transition: all 0.35s ease;
}

.mudrovaxis-app-btn-pl:hover {
  background: #111;
  color: #ffffff;
  transform: translateY(-3px);
}

/* Image Wrapper */
.mudrovaxis-app-img-wrap-pl {
  background: #ffffff;
  padding: 22px;
  border-radius: 22px;
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.25);
  display: inline-block;
  transition: transform 0.4s ease;
}

.mudrovaxis-app-img-wrap-pl:hover {
  transform: translateY(-12px) scale(1.03);
}

/* Image */
.mudrovaxis-app-img-pl {
  border-radius: 18px;
}
/* ===== Benefits PL Section ===== */

.benefits-pl {
  padding: 100px 0;
  background: linear-gradient(
    135deg,
    #ffffff 0%,
    #ffffff 65%,
    #dc143c 65%,
    #dc143c 100%
  );
}

/* Title */
.benefits-title-pl {
  font-size: 2.2rem;
  font-weight: 700;
  color: #111;
}

/* Card */
.benefit-card-pl {
  height: 100%;
  background: #ffffff;
  padding: 35px 30px;
  border-radius: 18px;
  text-align: center;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.12);
  transition: all 0.35s ease;
}

.benefit-card-pl:hover {
  transform: translateY(-10px);
  box-shadow: 0 30px 65px rgba(0, 0, 0, 0.2);
}

/* Icon */
.benefit-icon-pl {
  width: 64px;
  height: 64px;
  margin: 0 auto 18px;
  border-radius: 16px;
  background: linear-gradient(135deg, #dc143c, #a50e2d);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
}

/* Text */
.benefit-card-pl h5 {
  font-weight: 600;
  margin-bottom: 12px;
  color: #111;
}

.benefit-card-pl p {
  font-size: 0.95rem;
  line-height: 1.7;
  color: #444;
}
/* ===== Legitimacy Section PL ===== */

.legitimacy-pl {
  padding: 100px 0;
  background: linear-gradient(
    135deg,
    #ffffff 0%,
    #ffffff 70%,
    #dc143c 70%,
    #dc143c 100%
  );
}

/* Title */
.legitimacy-title-pl {
  font-size: 2.2rem;
  font-weight: 700;
  color: #111;
  margin-bottom: 20px;
}

/* Text */
.legitimacy-text-pl {
  font-size: 1rem;
  line-height: 1.75;
  color: #333;
  margin-bottom: 15px;
}

/* Subtitle */
.legitimacy-subtitle-pl {
  margin-top: 25px;
  margin-bottom: 15px;
  font-weight: 600;
  color: #dc143c;
}

/* List */
.legitimacy-list-pl {
  list-style: none;
  padding: 0;
}

.legitimacy-list-pl li {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  font-weight: 500;
  color: #111;
}

.legitimacy-list-pl i {
  width: 36px;
  height: 36px;
  background: #dc143c;
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}

/* Image */
.legitimacy-img-wrap-pl {
  background: #ffffff;
  padding: 20px;
  border-radius: 22px;
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.25);
}

.legitimacy-img-pl {
  border-radius: 18px;
}

/* Button */
.legitimacy-btn-pl {
  background: #dc143c;
  color: #ffffff;
  border-radius: 50px;
  padding: 14px 40px;
  font-weight: 600;
  transition: all 0.35s ease;
}

.legitimacy-btn-pl:hover {
  background: #111;
  transform: translateY(-3px);
}
.legitimacy-img-wrap-pl {
  overflow: hidden;
  border-radius: 22px;
  transition: all 0.4s ease;
}

.legitimacy-img-pl {
  transition: transform 0.45s ease;
}

.legitimacy-img-wrap-pl:hover .legitimacy-img-pl {
  transform: scale(1.08);
}

.legitimacy-img-wrap-pl:hover {
  box-shadow: 0 35px 80px rgba(0, 0, 0, 0.35);
}
.hero-pt {
  min-height: 100vh;
  background: linear-gradient(
    90deg,
    #006600 0%,      /* Green */
    #006600 40%,
    #C4002F 40%,     /* Red */
    #C4002F 100%
  );
  display: flex;
  align-items: center;
  position: relative;
}
/* Section background – Portugal flag inspired */
.mudrovaxis-pt {
  padding: 100px 0;
  background: linear-gradient(
    90deg,
    #0b6623 0%,
    #0b6623 42%,
    #c4002f 42%,
    #c4002f 100%
  );
}

/* Glass card */
.mudrovaxis-card {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 20px;
  padding: 50px;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.25);
}

/* Image styling */
.mudrovaxis-img {
  max-width: 90%;
  border-radius: 16px;
  box-shadow: 0 20px 40px rgba(0,0,0,0.3);
}

/* Text styles */
.section-title {
  font-size: 2rem;
  font-weight: 700;
  color: #c4002f;
  margin-bottom: 20px;
}

.section-subtitle {
  color: #0b6623;
  font-weight: 600;
  margin: 25px 0 15px;
}

.section-text {
  color: #333;
  line-height: 1.7;
}

/* Feature list */
.feature-list {
  list-style: none;
  padding: 0;
}

.feature-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  font-weight: 500;
  color: #222;
}

.feature-list i {
  color: #0b6623;
  font-size: 1.2rem;
}

/* Mobile */
@media (max-width: 768px) {
  .mudrovaxis-card {
    padding: 30px 20px;
  }
}
/* Background Portugal flag */
.mudrovaxis-advanced-pt {
  padding: 110px 0;
  background: linear-gradient(
    90deg,
    #0b6623 0%,
    #0b6623 45%,
    #c4002f 45%,
    #c4002f 100%
  );
}

/* Main glass card */
.advanced-card {
  background: rgba(255, 255, 255, 0.96);
  border-radius: 24px;
  padding: 60px;
  box-shadow: 0 40px 100px rgba(0,0,0,0.3);
}

/* Headings */
.advanced-title {
  font-size: 2.2rem;
  font-weight: 800;
  color: #c4002f;
  margin-bottom: 20px;
}

.advanced-text {
  color: #333;
  line-height: 1.75;
}

/* Feature cards */
.feature-card {
  background: #f9f9f9;
  border-radius: 16px;
  padding: 20px;
  height: 100%;
  transition: all 0.3s ease;
}

.feature-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

.feature-card i {
  font-size: 1.6rem;
  color: #0b6623;
  margin-bottom: 10px;
  display: inline-block;
}

.feature-card h6 {
  font-weight: 700;
  margin-bottom: 6px;
}

.feature-card p {
  font-size: 0.9rem;
  color: #555;
  margin: 0;
}

/* Image */
/* Base image style */
.advanced-img {
  border-radius: 18px;
  transition: all 0.4s ease;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.25);
  cursor: pointer;
}

/* Hover effect */
.advanced-img:hover {
  transform: scale(1.05) translateY(-6px);
  box-shadow: 0 40px 90px rgba(0, 0, 0, 0.4);
}


/* Mobile */
@media (max-width: 768px) {
  .advanced-card {
    padding: 30px 20px;
  }
}
/* ===== PORTUGAL REGISTRATION SECTION ===== */

.registration-pt {
   padding: 110px 0;
  background: linear-gradient(
    90deg,
    #0b6623 0%,
    #0b6623 45%,
    #c4002f 45%,
    #c4002f 100%
  );
}

/* Title */
.registration-title-pt {
  font-size: 2.6rem;
  font-weight: 800;
  color: #ffffff;
}

/* Card */
.registration-card-pt {
  background: #ffffff;
  border-radius: 20px;
  padding: 40px 25px;
  text-align: center;
  position: relative;
  height: 100%;
  box-shadow: 0 25px 60px rgba(0,0,0,0.25);
  transition: all 0.35s ease;
}

.registration-card-pt:hover {
  transform: translateY(-10px);
  box-shadow: 0 40px 80px rgba(0,0,0,0.35);
}

/* Step number */
.step-number-pt {
  position: absolute;
  top: 12px;
  right: 18px;
  font-size: 3rem;
  font-weight: 800;
  color: rgba(196, 0, 47, 0.08); /* Portugal red soft */
}

/* Icon */
.icon-circle-pt {
  width: 70px;
  height: 70px;
  margin: 0 auto 20px;
  border-radius: 50%;
  background: linear-gradient(135deg, #0b6623, #c4002f);
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-circle-pt i {
  font-size: 1.8rem;
  color: #fff;
}

/* Text */
.registration-card-pt h5 {
  font-weight: 700;
  margin-bottom: 14px;
}

.registration-card-pt p {
  font-size: 0.95rem;
  color: #555;
}

/* Mobile */
@media (max-width: 768px) {
  .registration-title-pt {
    font-size: 2rem;
  }
}
/* ===== PORTUGAL APP SECTION ===== */

/* Portugal flag background */
.mudrovaxis-app-pt {
  padding: 120px 0;
  background: linear-gradient(
    90deg,
    #0b6623 0%,
    #0b6623 50%,
    #c4002f 50%,
    #c4002f 100%
  );
}

/* WHITE CARD FIX */
.mudrovaxis-app-card-pt {
  background: #ffffff;
  border-radius: 24px;
  padding: 60px;
  box-shadow: 0 35px 90px rgba(0,0,0,0.35);
}

/* Title */
.mudrovaxis-app-title-pt {
  font-size: 2.3rem;
  font-weight: 800;
  color: #0b6623;
}

/* Text */
.mudrovaxis-app-text-pt {
  margin-top: 18px;
  font-size: 1.05rem;
  line-height: 1.8;
  color: #444;
}

/* Button */
.mudrovaxis-app-btn-pt {
  background: #0b6623;
  color: #fff;
  padding: 12px 28px;
  border-radius: 8px;
  font-weight: 600;
}

.mudrovaxis-app-btn-pt:hover {
  background: #c4002f;
  color: #fff;
}

/* Image */
.mudrovaxis-app-img-pt {
  border-radius: 18px;
  box-shadow: 0 25px 60px rgba(0,0,0,0.25);
}

/* Mobile */
@media (max-width: 768px) {
  .mudrovaxis-app-card-pt {
    padding: 30px 20px;
  }
}


/* ===== BENEFITS SECTION PT ===== */

/* ======================================
   PORTUGAL (PT) – BENEFITS SECTION
====================================== */



/* Soft white overlay for readability */
.mudrovaxis-benefits-pt::before {
  content: "";
  position: absolute;
  inset: 0;
  
  z-index: 0;
}

/* Keep content above overlay */
.mudrovaxis-benefits-pt .container {
  position: relative;
  z-index: 1;
}

/* ===== TITLE ===== */
.benefits-title-pt {
  font-size: 2.4rem;
  font-weight: 800;
  color: #0b6623; /* Portugal green */
}

/* ===== CARD ===== */
.benefit-card-pt {
  background: #ffffff;
  border-radius: 20px;
  padding: 35px 30px;
  height: 100%;
  text-align: center;
  box-shadow: 0 25px 60px rgba(0,0,0,0.08);
  transition: all 0.35s ease;
}

.benefit-card-pt:hover {
  transform: translateY(-10px);
  box-shadow: 0 40px 90px rgba(0,0,0,0.15);
}

/* ===== ICON ===== */
.benefit-icon-pt {
  width: 70px;
  height: 70px;
  margin: 0 auto 18px;
  border-radius: 50%;
  background: linear-gradient(
    135deg,
    #0b6623,   /* Green */
    #c4002f    /* Red */
  );
  display: flex;
  align-items: center;
  justify-content: center;
  transition: box-shadow 0.3s ease;
}

.benefit-icon-pt i {
  font-size: 1.7rem;
  color: #ffffff;
}

/* Icon glow on hover */
.benefit-card-pt:hover .benefit-icon-pt {
  box-shadow:
    0 0 20px rgba(11, 102, 35, 0.5),
    0 0 20px rgba(196, 0, 47, 0.5);
}

/* ===== TEXT ===== */
.benefit-card-pt h5 {
  font-weight: 700;
  margin-bottom: 12px;
  color: #222;
}

.benefit-card-pt p {
  font-size: 0.95rem;
  line-height: 1.6;
  color: #555;
}

/* ===== MOBILE ===== */
@media (max-width: 768px) {
  .mudrovaxis-benefits-pt {
    padding: 80px 0;
  }

  .benefits-title-pt {
    font-size: 1.9rem;
  }
}
/* ======================================
   PORTUGAL (PT) – LEGITIMACY SECTION
====================================== */

.mudrovaxis-legitimacy-pt {
  padding: 120px 0;

  /* Portugal flag background */
  background: linear-gradient(
    90deg,
    #0b6623 0%,
    #0b6623 45%,
    #c4002f 45%,
    #c4002f 100%
  );
}

/* White card */
.legitimacy-card-pt {
  background: #ffffff;
  border-radius: 26px;
  padding: 60px;
  box-shadow: 0 40px 100px rgba(0,0,0,0.35);
}

/* Base image */
.legitimacy-img-pt {
  border-radius: 18px;
  box-shadow: 0 25px 60px rgba(0,0,0,0.3);
  transition: all 0.4s ease;
  cursor: pointer;
}

/* Hover effect */
.legitimacy-img-pt:hover {
  transform: scale(1.04) translateY(-6px);
  box-shadow:
    0 40px 90px rgba(0,0,0,0.4),
    0 0 25px rgba(11, 102, 35, 0.45),  /* Portugal green glow */
    0 0 25px rgba(196, 0, 47, 0.45); /* Portugal red glow */
}


/* Title */
.legitimacy-title-pt {
  font-size: 2.2rem;
  font-weight: 800;
  color: #0b6623;
  margin-bottom: 18px;
}

/* Text */
.legitimacy-text-pt {
  font-size: 1rem;
  line-height: 1.75;
  color: #444;
}

/* Subheading */
.legitimacy-subtitle-pt {
  margin-top: 25px;
  font-weight: 700;
  color: #c4002f;
}

/* List */
.legitimacy-list-pt {
  list-style: none;
  padding: 0;
  margin-top: 15px;
}

.legitimacy-list-pt li {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  font-weight: 500;
  color: #222;
}

.legitimacy-list-pt i {
  color: #0b6623;
  font-size: 1.1rem;
}

/* Button */
.legitimacy-btn-pt {
  background: #0b6623;
  color: #fff;
  padding: 12px 30px;
  border-radius: 8px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.legitimacy-btn-pt:hover {
  background: #c4002f;
  color: #fff;
}

/* Mobile */
@media (max-width: 768px) {
  .legitimacy-card-pt {
    padding: 30px 20px;
  }

  .legitimacy-title-pt {
    font-size: 1.8rem;
  }
}
.hero-ro {
  background: linear-gradient(
    90deg,
    #002B7F 0%,
    #002B7F 33.33%,
    #FCD116 33.33%,
    #FCD116 66.66%,
    #CE1126 66.66%,
    #CE1126 100%
  );
  padding: 100px 0;
  color: #fff;
}
.hero-ro h1,
.hero-ro p {
  color: #ffffff;
  text-shadow: 0 3px 12px rgba(0, 0, 0, 0.45);
}
.hero-ro h1 {
  font-size: 3rem;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 20px;
}
.hero-ro p {
  font-size: 1.15rem;
  line-height: 1.7;
  max-width: 560px;
}
.mudrovaxis-ro {
  background: linear-gradient(
    135deg,
    #f9fafc 0%,
    #fff3c4 60%,
    #ffffff 100%
  );
  padding: 90px 0;
}
.mudrovaxis-titlero {
  font-size: 2.2rem;
  font-weight: 800;
  color: #002B7F;
  margin-bottom: 18px;
}

.mudrovaxis-subtitlero {
  margin-top: 28px;
  font-weight: 700;
  color: #CE1126;
}

.mudrovaxis-textro {
  font-size: 1.05rem;
  line-height: 1.8;
  color: #333;
}
.mudrovaxis-featuresro {
  margin-top: 10px;
}

.mudrovaxis-featurero {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  font-weight: 500;
  color: #222;
}

.mudrovaxis-featurero i {
  color: #002B7F;
  font-size: 1.1rem;
}
.mudro-advanced-ro {
  background: linear-gradient(
    135deg,
    #ffffff 0%,
    #fff3c4 55%,
    #f9fafc 100%
  );
  padding: 100px 0;
}
.mudro-advanced-title {
  font-size: 2.4rem;
  font-weight: 800;
  color: #002B7F; /* RO Blue */
  margin-bottom: 20px;
}

.mudro-advanced-title span {
  color: #CE1126; /* RO Red if used */
}

.mudro-advanced-text {
  font-size: 1.05rem;
  line-height: 1.8;
  color: #333;
}
.mudro-text-wrap {
  background: rgba(255, 255, 255, 0.85);
  padding: 40px;
  border-radius: 20px;
}
.mudro-title {
  font-size: 2.3rem;
  font-weight: 800;
  color: #002B7F; /* Romania Blue */
  margin-bottom: 18px;
}
.mudro-para {
  font-size: 1.05rem;
  line-height: 1.85;
  color: #222;
  margin-bottom: 16px;
}
.mudro-feature-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  background: #ffffff;
  padding: 16px;
  border-radius: 14px;
  height: 100%;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

.mudro-feature-item i {
  font-size: 1.4rem;
  color: #CE1126; /* Romania Red */
  margin-top: 4px;
}

.mudro-feature-item h6 {
  font-weight: 700;
  margin-bottom: 6px;
  color: #002B7F;
}

.mudro-feature-item p {
  font-size: 0.9rem;
  color: #444;
  margin-bottom: 0;
}
.mudro-register-ro {
 background: linear-gradient(
    135deg,
    #ffffff 0%,
    #fff3c4 55%,
    #f9fafc 100%
  );
  padding: 100px 0;
}
.mudro-register-title {
  color: #002B7F; /* RO Blue */
}

.mudro-register-title span {
  color: #CE1126; /* RO Red highlight */
}
.mudro-step-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 32px 24px;
  height: 100%;
  text-align: center;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.15);
  transition: all 0.35s ease;
}
.mudro-step-icon {
  width: 60px;
  height: 60px;
  margin: 0 auto 18px;
  border-radius: 50%;
  background: linear-gradient(
    135deg,
    #002B7F,
    #FCD116,
    #CE1126
  );
  display: flex;
  align-items: center;
  justify-content: center;
}
.mudro-step-icon i {
  font-size: 1.6rem;
  color: #ffffff;
}
.mudro-step-card:hover .mudro-step-icon {
  transform: scale(1.1);
  transition: transform 0.3s ease;
}
.mudrovaxis-app-title {
  font-size: 2.2rem;
  font-weight: 800;
  color: #002B7F; /* RO Blue */
  margin-bottom: 20px;
}

.mudrovaxis-app-title span {
  color: #CE1126; /* RO Red highlight if used */
}

.mudrovaxis-app-para {
  font-size: 1.05rem;
  line-height: 1.85;
  color: #222;
  max-width: 520px;
}
.mudrovaxis-app-btnro {
  background: linear-gradient(
    135deg,
    #002B7F,
    #CE1126
  );
  border: none;
  color: #ffffff;
  padding: 14px 36px;
  font-weight: 600;
  border-radius: 12px;
  transition: all 0.3s ease;
}

.mudrovaxis-app-btnro:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 35px rgba(0,0,0,0.25);
}
.mudro-benefit-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 34px 26px;
  height: 100%;
  text-align: center;
  box-shadow: 0 18px 45px rgba(0,0,0,0.12);
  transition: all 0.35s ease;
}

.mudro-benefit-card h5 {
  font-weight: 700;
  margin: 16px 0 10px;
  color: #002B7F;
}

.mudro-benefit-card p {
  font-size: 0.95rem;
  line-height: 1.7;
  color: #444;
}

.mudro-benefit-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 30px 65px rgba(0,0,0,0.18);
}
.mudro-benefit-icon {
  width: 64px;
  height: 64px;
  margin: 0 auto;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mudro-benefit-icon i {
  font-size: 1.6rem;
  color: #ffffff;
}
.icon-blue {
  background: #002B7F;
}

.icon-yellow {
  background: #FCD116;
}

.icon-red {
  background: #CE1126;
}
.mudro-legitimacy-list {
  max-width: 520px;
}
.mudro-legitimacy-item {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
  font-size: 1rem;
  font-weight: 500;
  color: #1f1f1f;
}
.mudro-legitimacy-icon {
  width: 36px;
  height: 36px;
  min-width: 36px;
  border-radius: 50%;
  background: #002B7F; /* Romania Blue */
  display: flex;
  align-items: center;
  justify-content: center;
}

.mudro-legitimacy-icon i {
  color: #ffffff;
  font-size: 1rem;
}
.mudro-legitimacy-item:hover .mudro-legitimacy-icon {
  background: #FCD116; /* Romania Yellow */
}

.mudro-legitimacy-item:hover .mudro-legitimacy-icon i {
  color: #002B7F;
}
.mudro-legitimacy-btn {
  background: linear-gradient(
    135deg,
    #002B7F,
    #CE1126
  );
  border: none;
  color: #ffffff;
  padding: 14px 34px;
  font-weight: 600;
  border-radius: 12px;
  transition: all 0.3s ease;
}

.mudro-legitimacy-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(0,0,0,0.25);
}
.hero-ru {
  position: relative;
  min-height: 100vh;
  padding: 90px 0;
  display: flex;
  align-items: center;

  /* Russia inspired (not flag) */
  background:
    linear-gradient(
      180deg,
      #f2f2f2 0%,
      #f2f2f2 18%,
      #0b3c88 18%,
      #0b3c88 78%,
      #8a1f16 100%
    );
}

/* Soft focus overlay */
.hero-ru::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    ellipse at center,
    rgba(0, 0, 0, 0.12) 0%,
    rgba(0, 0, 0, 0.45) 75%
  );
  z-index: 1;
}

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

/* LEFT TEXT */
.hero-ru .hero-title {
  font-size: 3.1rem;
  font-weight: 700;
  color: #ffffff;
}

.hero-ru .hero-sub {
  font-size: 1.15rem;
  color: rgba(255, 255, 255, 0.9);
  max-width: 520px;
}

/* CARD */
.hero-ru .signup-card {
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.35);
}

/* CARD TITLE */
.hero-ru .signup-title {
  color: #0b3c88;
  font-weight: 700;
}

/* BUTTONS */
.hero-ru .btn-primary {
  background: linear-gradient(135deg, #0b3c88, #002c6a);
  border: none;
  font-weight: 600;
}

.hero-ru .btn-primary:hover {
  background: linear-gradient(135deg, #002c6a, #001f4d);
}

.hero-ru .btn-outline-light {
  border-width: 2px;
  font-weight: 600;
}
/* ===============================
   Mudrovaxis Russia Section
   =============================== */

.mudrovaxis-ru {
  position: relative;
  padding: 100px 0;
  background: linear-gradient(
    180deg,
    #f4f6f9 0%,
    #0b3c88 25%,
    #072c63 70%,
    #071f45 100%
  );
}

/* subtle depth */
.mudrovaxis-ru::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    transparent 60%,
    rgba(138, 31, 22, 0.25) 100%
  );
  z-index: 1;
}

.mudrovaxis-ru .container {
  position: relative;
  z-index: 2;
}

/* IMAGE */
.mudrovaxis-img {
  max-width: 90%;
  border-radius: 18px;
  box-shadow: 
    0 25px 60px rgba(0, 0, 0, 0.45),
    0 0 0 6px rgba(11, 60, 136, 0.4);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.mudrovaxis-img:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 35px 80px rgba(0, 0, 0, 0.6);
}

/* TEXT */
.mudrovaxis-ru h3 {
  color: #ffffff;
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 20px;
}

.mudrovaxis-ru p {
  color: rgba(255, 255, 255, 0.88);
  font-size: 1.05rem;
  line-height: 1.7;
}

.mudrovaxisru {
  color: #ff6b5e;
  font-weight: 700;
  margin-top: 25px;
  margin-bottom: 15px;
}

/* FEATURES */
.mudrovaxisattributesru {
  margin-top: 20px;
}

.mudrovaxisitemru {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  color: #ffffff;
  font-weight: 500;
}

/* ICON */
.iconcircleru {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: linear-gradient(135deg, #0b3c88, #002c6a);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.4);
}
/* ===============================
   Advanced Mudrovaxis Section RU
   =============================== */

.mudrovaxis-advanced-ru {
  position: relative;
  padding: 110px 0;
  background: linear-gradient(
    180deg,
    #f4f6fa 0%,
    #0b3c88 30%,
    #072a5c 70%,
    #051a3a 100%
  );
  overflow: hidden;
}

/* subtle red depth (Russia accent) */
.mudrovaxis-advanced-ru::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at bottom center,
    rgba(138, 31, 22, 0.25),
    transparent 65%
  );
  z-index: 1;
}

.mudrovaxis-advanced-ru .container {
  position: relative;
  z-index: 2;
}

/* HEADINGS & TEXT */
.themeheadingru {
  color: #ffffff;
  font-weight: 800;
  letter-spacing: -0.5px;
}

.leadtext-mutedru {
  color: rgba(255, 255, 255, 0.88);
  font-size: 1.05rem;
  line-height: 1.8;
}

/* FEATURE CARDS */
.themecardru {
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(14px);
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  transition: all 0.35s ease;
}

.themecardru:hover {
  transform: translateY(-6px);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.45);
  background: rgba(255, 255, 255, 0.18);
}

/* Card text */
.themecardru h6 {
  color: #ffffff;
}

.themecardru p {
  color: rgba(255, 255, 255, 0.85) !important;
}

/* ICON BADGES */
.themeiconru {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  
}
/* IMAGE SIDE */
.mudrovaxis-advanced-ru .ratio {
  border-radius: 20px;
  box-shadow: 
    0 30px 80px rgba(0, 0, 0, 0.6),
    0 0 0 6px rgba(11, 60, 136, 0.4);
  overflow: hidden;
}

.mudrovaxis-advanced-ru img {
  transition: transform 0.6s ease;
}

.mudrovaxis-advanced-ru img:hover {
  transform: scale(1.05);
}

/* ===== TEXT FIX ===== */
.mudrovaxis-advanced-ru h2,
.mudrovaxis-advanced-ru h6 {
  color: #ffffff !important;
}

.mudrovaxis-advanced-ru p {
  color: rgba(255, 255, 255, 0.85) !important;
}

.mudrovaxis-advanced-ru .leadtext-mutedru {
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 1.05rem;
  line-height: 1.8;
}

/* ===============================
   HARD ICON VISIBILITY FIX
   =============================== */

.themeiconru {
  width: 48px;
  height: 48px;
  border-radius: 12px;

  /* FORCE solid background */
  background: #ffffff !important;

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

  /* Ensure it stays above overlays */
  position: relative;
  z-index: 5;

  /* Strong contrast shadow */
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.35) !important;
}
.themeiconru i {
  color: #0b3c88 !important;   /* Dark Russia blue */
  font-size: 1.3rem;
  font-weight: 700;
}
.themecardru,
.themecardru * {
  opacity: 1 !important;
}
/* ===============================
   Registration Section RU
   =============================== */

.mudrovaxis-registration-ru {
  position: relative;
  padding: 110px 0;
  background: linear-gradient(
    180deg,
    #f4f6fa 0%,
    #0b3c88 30%,
    #072a5c 70%,
    #051a3a 100%
  );
  overflow: hidden;
}

/* Soft dark overlay */
.mudrovaxis-registration-ru::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.25);
  z-index: 1;
}

.mudrovaxis-registration-ru .container {
  position: relative;
  z-index: 2;
}

/* SECTION HEADING */
.mudrovaxis-registration-ru h2 {
  color: #ffffff;
  font-weight: 800;
  letter-spacing: -0.5px;
}

/* ===============================
   REGISTRATION CARDS
   =============================== */

.registration-card {
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(14px);
  border-radius: 20px;
  padding: 40px 25px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  transition: all 0.35s ease;
}

.registration-card:hover {
  transform: translateY(-8px);
  background: rgba(255, 255, 255, 0.18);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.45);
}

/* ===============================
   ICON BADGE
   =============================== */

.registration-icon {
  width: 64px;
  height: 64px;
  margin: 0 auto;
  border-radius: 50%;
  background: linear-gradient(135deg, #2f7dff, #0b3c88);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 1.6rem;
  box-shadow: 0 12px 30px rgba(47, 125, 255, 0.5);
}

/* TEXT */
.registration-card h5 {
  color: #ffffff;
}

.registration-card p {
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.6;
}

/* ===============================
   RESPONSIVE TWEAK
   =============================== */

@media (max-width: 768px) {
  .registration-card {
    padding: 30px 20px;
  }
}
/* ===============================
   Registration Cards Text Fix
   =============================== */

.registration-card h5 {
  color: #ffffff !important;
  font-weight: 700;
}

.registration-card p {
  color: rgba(255, 255, 255, 0.9) !important;
  line-height: 1.6;
}

/* Agar kahin text-muted laga ho */
.registration-card .text-muted {
  color: rgba(255, 255, 255, 0.9) !important;
}
/* ===============================
   Mudrovaxis App Explainer RU
   =============================== */

.mudrovaxis-app-ru {
  position: relative;
  padding: 110px 0;
  background: linear-gradient(
    180deg,
    #0b3c88 0%,
    #072a5c 65%,
    #051a3a 100%
  );
  overflow: hidden;
}

/* Soft depth overlay */
.mudrovaxis-app-ru::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at right bottom,
    rgba(138, 31, 22, 0.25),
    transparent 60%
  );
}

.mudrovaxis-app-ru .container {
  position: relative;
  z-index: 2;
}

/* ===============================
   TEXT
   =============================== */

.mudrovaxis-app-title {
  color: #ffffff;
  font-size: 2.4rem;
  font-weight: 800;
  line-height: 1.3;
  margin-bottom: 20px;
}

.mudrovaxis-app-text {
  color: rgba(255, 255, 255, 0.9);
  font-size: 1.05rem;
  line-height: 1.8;
  max-width: 520px;
}

/* ===============================
   CTA BUTTON
   =============================== */

.mudrovaxis-app-btn {
  background: linear-gradient(135deg, #2f7dff, #0b3c88);
  color: #ffffff;
  font-weight: 600;
  padding: 14px 32px;
  border-radius: 30px;
  border: none;
  box-shadow: 0 12px 30px rgba(47, 125, 255, 0.45);
  transition: all 0.3s ease;
}

.mudrovaxis-app-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(47, 125, 255, 0.6);
  color: #ffffff;
}

/* ===============================
   IMAGE
   =============================== */

.mudrovaxis-app-img-wrap {
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(12px);
  border-radius: 22px;
  padding: 25px;
  display: inline-block;
  box-shadow:
    0 30px 80px rgba(0, 0, 0, 0.6),
    0 0 0 6px rgba(11, 60, 136, 0.4);
}

.mudrovaxis-app-img-wrap img {
  border-radius: 16px;
  transition: transform 0.6s ease;
}

.mudrovaxis-app-img-wrap img:hover {
  transform: scale(1.05);
}

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

@media (max-width: 768px) {
  .mudrovaxis-app-title {
    font-size: 2rem;
  }

  .mudrovaxis-app-text {
    margin: 0 auto;
  }
}
/* ===============================
   Benefits Section RU
   =============================== */

.mudrovaxis-benefits-ru {
  position: relative;
  padding: 120px 0;
  background: linear-gradient(
    180deg,
    #f4f6fa 0%,
    #0b3c88 35%,
    #072a5c 75%,
    #051a3a 100%
  );
}

/* Soft dark overlay */
.mudrovaxis-benefits-ru::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.25);
}

.mudrovaxis-benefits-ru .container {
  position: relative;
  z-index: 2;
}


/* ===============================
   BENEFIT CARDS
   =============================== */

/* ===============================
   BENEFITS ICON FIX
   =============================== */

.benefit-cardru {
  text-align: center;
}

.benefit-iconru {
  width: 64px;
  height: 64px;
  margin: 0 auto 18px;   /* CENTER horizontally */
  border-radius: 50%;

  background: linear-gradient(135deg, #2f7dff, #0b3c88);

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

  color: #ffffff !important;
  font-size: 1.6rem;

  box-shadow: 0 12px 30px rgba(47, 125, 255, 0.45);
}

/* Ensure icon itself is centered */
.benefit-iconru i {
  line-height: 1;
  display: block;
}


.benefit-cardru:hover {
  transform: translateY(-8px);
  background: rgba(255, 255, 255, 0.18);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.45);
}

/* ICON */


/* TEXT */
.benefit-cardru h5 {
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 12px;
}

.benefit-cardru p {
  color: rgba(255, 255, 255, 0.88);
  font-size: 0.95rem;
  line-height: 1.7;
}

/* MOBILE */
@media (max-width: 768px) {
  .benefit-cardru {
    padding: 30px 22px;
  }
}
.hero-sk {
  background: linear-gradient(
    135deg,
    #ffffff 0%,   
    #0b4ea2 50%,  
    #ee1c25 100%  
  );
  padding: 80px 0;
  color: #ffffff;
}
.madvaced-sk
{
	 background: linear-gradient(
    135deg,
    #ffffff 0%,   
    #0b4ea2 50%,  
    #ee1c25 100%  
  );
  padding: 80px 0;
  color: #ffffff;
}
/* Card */
.analysis-card {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  padding: 20px 22px;
  height: 100%;
  transition: all 0.3s ease;
}

/* Hover effect */
.analysis-card:hover {
  background: rgba(255, 255, 255, 0.14);
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
}

/* Icon container */
.analysis-icon {
  width: 44px;
  height: 44px;
  min-width: 44px;
  background: linear-gradient(135deg, #ffffff, #dbeafe);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Icon itself */
.analysis-icon i {
  font-size: 20px;
  color: #0b4ea2; /* blue */
}

/* Title */
.analysis-title {
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 6px;
}

/* Text */
.analysis-text {
  color: rgba(255, 255, 255, 0.75);
  font-size: 0.9rem;
  line-height: 1.6;
  margin-bottom: 0;
}
.registrationsk
{
	background: linear-gradient(
    135deg,
    #ffffff 0%,   
    #0b4ea2 50%,  
    #ee1c25 100%  
  );
  padding: 80px 0;
  color: #ffffff;
	
}
.registrationsk .icon-wrapper {
  width: 64px;
  height: 64px;
  margin: 0 auto;              
  display: flex;
  align-items: center;         
  justify-content: center;     
  border-radius: 50%;
  background: linear-gradient(135deg, #0b4ea2, #2563eb);
}

.registrationsk .icon-wrapper i {
  color: #ffffff;
}
.registrationsk h5 {
  color: #000000 !important;
}
.mudrovaxis-appsk
{
	 background: linear-gradient(
    135deg,
    #ffffff 0%,   
    #0b4ea2 50%,  
    #ee1c25 100%  
  );
  padding: 80px 0;
  color: #ffffff;
}
#benefitssk
{
	background: linear-gradient(
    135deg,
    #ffffff 0%,   
    #0b4ea2 50%,  
    #ee1c25 100%  
  );
  padding: 80px 0;
  color: #ffffff;
}



/* Title */
.benefits-title-sk {
  color: #ffffff;
}

/* Card */
.benefit-card-sk {
  background: rgba(255, 255, 255, 0.12);
  border-radius: 18px;
  padding: 30px 26px;
  height: 100%;
  transition: all 0.35s ease;
}

.benefit-card-sk:hover {
  transform: translateY(-6px);
  background: rgba(255, 255, 255, 0.18);
  box-shadow: 0 18px 40px rgba(0,0,0,0.35);
}

/* Icon */
.benefit-icon-sk {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: rgba(255,255,255,0.18);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}

.benefit-icon-sk i {
  font-size: 22px;
  color: #ffffff;
}

/* Heading */
.benefit-heading-sk {
  font-weight: 700;
  margin-bottom: 12px;
  color: #ffffff;
}

/* Text */
.benefit-text-sk {
  font-size: 0.95rem;
  line-height: 1.7;
  color: rgba(255,255,255,0.85);
}
.legitimacysk
{
	background: linear-gradient(
    135deg,
    #ffffff 0%,   
    #0b4ea2 50%,  
    #ee1c25 100%  
  );
  padding: 80px 0;
  color: #ffffff;
}
.hero-sv {
  position: relative;
  padding: 100px 0;
  color: #fff;
  background: linear-gradient(
    135deg,
    #005b99 0%,
    #006aa7 55%,
    #fecc00 120%
  );
}
/* Sweden Primary Button */
.btn-sv {
  background: linear-gradient(
    90deg,
    #006aa7 0%,
    #006aa7 85%,
    #fecc00 100%
  );
  color: #ffffff;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  letter-spacing: 0.5px;
  padding: 14px 20px;
  transition: all 0.3s ease;
  box-shadow: 0 6px 18px rgba(0, 106, 167, 0.35);
}

/* Hover */
.btn-sv:hover {
  background: linear-gradient(
    90deg,
    #005b99 0%,
    #005b99 80%,
    #fecc00 100%
  );
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0, 106, 167, 0.45);
}

/* Active */
.btn-sv:active {
  transform: translateY(0);
  box-shadow: 0 4px 12px rgba(0, 106, 167, 0.35);
}

/* Focus */
.btn-sv:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(254, 204, 0, 0.45);
}


/* Section Background */
.mudrovsection-sv {
  position: relative;
  padding: 100px 0;
  color: #fff;
  background: linear-gradient(
    135deg,
    #005b99 0%,
    #006aa7 55%,
    #fecc00 120%
  );
}

/* Title */
.mudrov-title {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 20px;
}

.mudrov-title span {
  color: #fecc00;
}

/* Text */
.mudrov-text {
  font-size: 16px;
  line-height: 1.7;
  opacity: 0.95;
  margin-bottom: 14px;
}

/* Subtitle */
.mudrov-subtitle {
  margin-top: 30px;
  margin-bottom: 18px;
  font-weight: 600;
  font-size: 18px;
}

/* Features */
.mudrov-features {
  display: grid;
  gap: 12px;
}

.mudrov-feature {
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(255, 255, 255, 0.08);
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 15px;
  backdrop-filter: blur(6px);
}

.mudrov-feature i {
  color: #fecc00;
  font-size: 18px;
}

/* Image */
.mudrovaxis-img {
  max-width: 90%;
  border-radius: 16px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
  transition: transform 0.4s ease;
}

.mudrovaxis-img:hover {
  transform: translateY(-6px) scale(1.02);
}

/* Responsive */
@media (max-width: 768px) {
  .mudrov-title {
    font-size: 28px;
  }
  .mudrovsection-sv {
    padding: 70px 0;
  }
}
/* Section */
/* Section */
.mudrovadvancedsv {
 position: relative;
  padding: 100px 0;
  color: #fff;
  background: linear-gradient(
    135deg,
    #005b99 0%,
    #006aa7 55%,
    #fecc00 120%
  );
}

/* Title */
.advanced-title {
  font-size: 36px;
  font-weight: 700;
  color: #ffffff;             
  margin-bottom: 20px;
}

/* Paragraph text */
.advanced-text {
  font-size: 16px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.88);   
  margin-bottom: 14px;
}

/* Feature Card */
.advanced-card {
  background: #ffffff;
  padding: 22px;
  border-radius: 14px;
  height: 100%;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
  transition: all 0.35s ease;
  border-left: 4px solid #006aa7;
}

/* Icon */
.advanced-card i {
  font-size: 24px;
  color: #006aa7;
  margin-bottom: 12px;
  display: inline-block;
}

/* Card title */
.advanced-card h6 {
  font-weight: 600;
  color: #0a3d62;
  margin-bottom: 6px;
}

/* Card text */
.advanced-card p {
  font-size: 14px;
  color: #5f6f7f;
  margin: 0;
}

/* Hover */
.advanced-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 45px rgba(0, 106, 167, 0.25);
  border-left-color: #fecc00;
}

/* Image */
.advanced-image-wrap {
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.35);
}

.advanced-image-wrap img {
  width: 100%;
  height: auto;
  transition: transform 0.5s ease;
}

.advanced-image-wrap:hover img {
  transform: scale(1.06);
}

/* Responsive */
@media (max-width: 768px) {
  .advanced-title {
    font-size: 28px;
  }
  .mudrovadvancedsv {
    padding: 70px 0;
  }
}
/* Section */
.sv-registration {
 position: relative;
  padding: 100px 0;
  color: #fff;
  background: linear-gradient(
    135deg,
    #005b99 0%,
    #006aa7 55%,
    #fecc00 120%
  );
}

/* Title */
.sv-registration-title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 60px;
  color: #0a3d62;
}

.sv-registration-title span {
  color: #006aa7;
}

/* Card */
.sv-registration-card {
  position: relative;
  background: #ffffff;
  padding: 40px 25px 30px;
  border-radius: 18px;
  text-align: center;
  height: 100%;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
  transition: all 0.35s ease;
}

/* Step number */
.sv-step-circle {
  position: absolute;
  top: -18px;
  left: 50%;
  transform: translateX(-50%);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: linear-gradient(135deg, #006aa7, #005b99);
  color: #ffffff;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

/* Icon */
.sv-registration-icon {
  font-size: 34px;
  color: #006aa7;
  margin: 30px 0 18px;
}

/* Card title */
.sv-registration-card h5 {
  font-weight: 600;
  color: #0a3d62;
  margin-bottom: 10px;
}

/* Card text */
.sv-registration-card p {
  font-size: 14px;
  color: #6b7b8c;
  line-height: 1.6;
  margin: 0;
}

/* Hover effects */
.sv-registration-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 30px 65px rgba(0, 106, 167, 0.18);
}
/* Section */
.sv-app {
 position: relative;
  padding: 100px 0;
  color: #fff;
  background: linear-gradient(
    135deg,
    #005b99 0%,
    #006aa7 55%,
    #fecc00 120%
  );
}



/* Title */
.sv-app-title {
  font-size: 34px;
  font-weight: 700;
  
  margin-bottom: 18px;
}

/* Text */
.sv-app-text {
  font-size: 16px;
  line-height: 1.7;
  
}

/* Image wrap */
.sv-app-image-wrap {
  position: relative;
  display: inline-block;
  padding: 25px;
  border-radius: 22px;
  background: linear-gradient(135deg, #006aa7, #005b99);
  box-shadow: 0 30px 70px rgba(0, 106, 167, 0.35);
}

/* Image */
.sv-app-image {
  border-radius: 16px;
  background: #ffffff;
  padding: 20px;
  transition: transform 0.5s ease;
}

.sv-app-image-wrap:hover .sv-app-image {
  transform: scale(1.06);
}

/* CTA */
.sv-app-cta {
  margin-top: 50px;
}

/* Button */
.sv-app-btn {
  display: inline-block;
  padding: 16px 38px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 10px;
  background: linear-gradient(135deg, #006aa7, #005b99);
  color: #ffffff;
  text-decoration: none;
  box-shadow: 0 10px 30px rgba(0, 106, 167, 0.35);
  transition: all 0.3s ease;
}

.sv-app-btn:hover {
  background: linear-gradient(135deg, #005b99, #006aa7);
  transform: translateY(-3px);
  box-shadow: 0 16px 40px rgba(0, 106, 167, 0.45);
}

/* Responsive */
@media (max-width: 768px) {
  .sv-app {
    padding: 80px 0;
  }

  .sv-app-title {
    font-size: 28px;
  }

  .sv-app-cta {
    margin-top: 35px;
  }
}
/* Section */
.sv-benefits {
	position: relative;
  padding: 100px 0;
  color: #fff;
  background: linear-gradient(
    135deg,
    #005b99 0%,
    #006aa7 55%,
    #fecc00 120%
  );
 
}

/* Title */
.sv-benefits-title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 60px;
  
}

/* Card */
.sv-benefit-card {
  background: #ffffff;
  border-radius: 18px;
  padding: 35px 28px;
  height: 100%;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.08);
  transition: all 0.35s ease;
}

/* Icon badge */
.sv-benefit-icon {
  width: 54px;
  height: 54px;
  border-radius: 14px;
  background: linear-gradient(135deg, #006aa7, #005b99);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}

.sv-benefit-icon i {
  color: #ffffff;
  font-size: 22px;
}

/* Title */
.sv-benefit-card h5 {
  font-weight: 600;
  color: #0a3d62;
  margin-bottom: 10px;
}

/* Text */
.sv-benefit-card p {
  font-size: 14px;
  line-height: 1.65;
  color: #6b7b8c;
  margin: 0;
}

/* Hover */
.sv-benefit-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 30px 70px rgba(0, 106, 167, 0.18);
}

.sv-benefit-card:hover .sv-benefit-icon {
  background: linear-gradient(135deg, #fecc00, #ffdb4d);
}

.sv-benefit-card:hover .sv-benefit-icon i {
  color: #0a3d62;
}

/* Responsive */
@media (max-width: 768px) {
  .sv-benefits-title {
    font-size: 28px;
    margin-bottom: 40px;
  }
}


/* Section */
.sv-legitimacy {
  position: relative;
  padding: 100px 0;
  color: #fff;
  background: linear-gradient(
    135deg,
    #005b99 0%,
    #006aa7 55%,
    #fecc00 120%
  );
}

/* Image */
/* Image wrap hover effect */
.sv-legitimacy-image-wrap {
  position: relative;
  transition: all 0.4s ease;
}

/* Image hover */
.sv-legitimacy-image {
  transition: transform 0.6s ease, box-shadow 0.6s ease;
}

/* Hover state */
.sv-legitimacy-image-wrap:hover .sv-legitimacy-image {
  transform: scale(1.06);
}

/* Soft glow on hover */
.sv-legitimacy-image-wrap:hover {
  box-shadow: 0 35px 80px rgba(0, 106, 167, 0.45);
}

/* Optional: subtle overlay shine */
.sv-legitimacy-image-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 22px;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0)
  );
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}

.sv-legitimacy-image-wrap:hover::after {
  opacity: 1;
}


/* Content */
.sv-legitimacy-content {
  max-width: 520px;
}

/* Title */
.sv-legitimacy-title {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 20px;
}

/* Text */
.sv-legitimacy-text {
  font-size: 16px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.92);
  margin-bottom: 14px;
}

/* Subtitle */
.sv-legitimacy-subtitle {
  margin-top: 30px;
  margin-bottom: 18px;
  font-weight: 600;
  font-size: 18px;
}

/* Checklist */
.sv-legitimacy-list {
  display: grid;
  gap: 14px;
}

.sv-legitimacy-item {
  display: flex;
  align-items: center;
  gap: 12px;
  background: rgba(255, 255, 255, 0.12);
  padding: 14px 18px;
  border-radius: 10px;
  backdrop-filter: blur(6px);
}

.sv-legitimacy-item i {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #fecc00;
  color: #0a3d62;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

/* CTA */
.sv-legitimacy-cta {
  margin-top: 40px;
}

.sv-legitimacy-btn {
  display: inline-block;
  padding: 15px 34px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 10px;
  background: #006aa7;
  color: #ffffff;
  text-decoration: none;
  box-shadow:
}
.hero-tr {
  padding: 120px 0;
  background: linear-gradient(
    135deg,
    #c8102e 0%,    
    #b30d28 45%,
    #8f081f 100%
  );
  color: #ffffff;
}
/* Section Base */
.tr-section {
  padding: 120px 0;
  background: linear-gradient(
    135deg,
    #c8102e 0%,
    #b30d28 45%,
    #8f081f 100%
  );
  color: #ffffff;
  position: relative;
}

/* Typography */
.tr-section-title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 20px;
}

.tr-section-subtitle {
  font-size: 20px;
  font-weight: 600;
  margin: 30px 0 20px;
}

.tr-section-text {
  font-size: 16px;
  line-height: 1.7;
  opacity: 0.95;
}

/* Feature list */
.tr-feature-list {
  margin-top: 20px;
}

.tr-feature-item {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  font-size: 16px;
}

.tr-feature-icon {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #ffffff;
  color: #c8102e;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  flex-shrink: 0;
}

/* Image Styling */
.tr-mudrovaxis-img {
  max-width: 90%;
  border-radius: 18px;
  box-shadow: 0 25px 60px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.tr-mudrovaxis-img:hover {
  transform: translateY(-10px) scale(1.02);
}
/* Light contrast section for balance */
.tr-section--light {
  padding: 120px 0;
  background: linear-gradient(
    135deg,
    #c8102e 0%,
    #b30d28 45%,
    #8f081f 100%
  );
  color: #ffffff;
  position: relative;
}

/* Title */
.tr-adv-title {
  font-size: 38px;
  font-weight: 800;
  margin-bottom: 20px;
  line-height: 1.3;
}

/* Text */
.tr-adv-text {
  font-size: 16px;
  line-height: 1.8;
  color: #4b5563;
  margin-bottom: 14px;
}

/* Feature card */
.tr-adv-card {
  background: #ffffff;
  border-radius: 18px;
  padding: 22px;
  height: 100%;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
  transition: all 0.35s ease;
}

.tr-adv-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 45px rgba(0,0,0,0.12);
}

/* Icon */
.tr-adv-icon {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  background: linear-gradient(135deg, #c8102e, #8f081f);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  margin-bottom: 12px;
}

/* Card text */
.tr-adv-card h6 {
  font-weight: 700;
  margin-bottom: 6px;
}

.tr-adv-card p {
  font-size: 14px;
  color: #6b7280;
  margin-bottom: 0;
}

/* Image */
.tr-adv-image-wrap {
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 30px 70px rgba(0,0,0,0.25);
}

.tr-adv-image {
  width: 100%;
  height: auto;
  transition: transform 0.5s ease;
}

.tr-adv-image-wrap:hover .tr-adv-image {
  transform: scale(1.05);
}
/* Section base */
.tr-register-section {
  padding: 120px 0;
  background: linear-gradient(
    135deg,
    #c8102e 0%,
    #b30d28 45%,
    #8f081f 100%
  );
  color: #ffffff;
}

/* Title */
.tr-register-title {
  font-size: 40px;
  font-weight: 800;
  margin-bottom: 10px;
}

/* Card */
.tr-register-card {
  background: rgba(255,255,255,0.95);
  border-radius: 20px;
  padding: 32px 22px;
  text-align: center;
  height: 100%;
  box-shadow: 0 18px 45px rgba(0,0,0,0.25);
  transition: all 0.35s ease;
}

.tr-register-card:hover {
  transform: translateY(-12px);
  box-shadow: 0 30px 70px rgba(0,0,0,0.4);
}

/* Icon */
.tr-register-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  margin: 0 auto 18px;
  background: linear-gradient(135deg, #c8102e, #8f081f);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
}

/* Text */
.tr-register-card h5 {
  font-weight: 700;
  margin-bottom: 10px;
  color: #111827;
}

.tr-register-card p {
  font-size: 14px;
  color: #4b5563;
  line-height: 1.6;
  margin-bottom: 0;
}
/* ==============================
   TR APP SECTION (FINAL)
================================ */

.tr-app-section {
  padding: 120px 0;
  background: linear-gradient(
    135deg,
    #c8102e 0%,
    #b30d28 45%,
    #8f081f 100%
  );
  color: #ffffff;
  position: relative;
  overflow: hidden;
}

/* subtle depth overlay */
.tr-app-section::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at top left,
    rgba(255,255,255,0.08),
    transparent 60%
  );
  pointer-events: none;
}

/* ==============================
   TITLE
================================ */

.tr-app-title {
  font-size: 40px;
  font-weight: 800;
  line-height: 1.3;
  margin-bottom: 18px;
  color: #ffffff;
}

.tr-app-title span {
  color: #ffe3e3; /* soft highlight */
}

/* ==============================
   TEXT
================================ */

.tr-app-text {
  font-size: 16px;
  line-height: 1.9;
  color: rgba(255,255,255,0.9);
  max-width: 540px;
}

/* ==============================
   BUTTON
================================ */

.tr-app-btn {
  display: inline-block;
  margin-top: 30px;
  padding: 14px 38px;
  font-size: 16px;
  font-weight: 600;
  color: #c8102e;
  background: #ffffff;
  border-radius: 30px;
  text-decoration: none;
  box-shadow: 0 18px 45px rgba(0,0,0,0.3);
  transition: all 0.35s ease;
}

.tr-app-btn:hover {
  background: #f9fafb;
  transform: translateY(-4px);
  box-shadow: 0 30px 65px rgba(0,0,0,0.45);
}

/* ==============================
   IMAGE WRAPPER
================================ */

.tr-app-img-wrap {
  border-radius: 28px;
  padding: 14px;
  background: linear-gradient(
    135deg,
    rgba(255,255,255,0.18),
    rgba(255,255,255,0.05)
  );
  box-shadow: 0 35px 80px rgba(0,0,0,0.45);
  display: inline-block;
}

/* ==============================
   IMAGE
================================ */

.tr-app-img {
  width: 100%;
  max-width: 480px;
  border-radius: 22px;
  transition: transform 0.6s ease;
}

.tr-app-img-wrap:hover .tr-app-img {
  transform: scale(1.06);
}

/* ==============================
   RESPONSIVE
================================ */

@media (max-width: 991px) {
  .tr-app-title {
    font-size: 34px;
  }

  .tr-app-text {
    max-width: 100%;
  }

  .tr-app-img {
    max-width: 420px;
  }
}

@media (max-width: 575px) {
  .tr-app-section {
    padding: 90px 0;
  }

  .tr-app-title {
    font-size: 30px;
  }

  .tr-app-btn {
    padding: 12px 30px;
    font-size: 15px;
  }
}
/* ==============================
   BENEFITS SECTION
================================ */

.tr-benefits-section {
  padding: 120px 0;
  background: linear-gradient(
    135deg,
    #c8102e 0%,
    #b30d28 45%,
    #8f081f 100%
  );
  color: #ffffff;
}
/* ==============================
   LEGITIMACY SECTION
================================ */

.tr-legitimacy-section {
  padding: 120px 0;
  background: linear-gradient(
    135deg,
    #c8102e 0%,
    #b30d28 45%,
    #8f081f 100%
  );
  color: #ffffff;
}

/* Title */
.tr-legitimacy-title {
  font-size: 38px;
  font-weight: 800;
  line-height: 1.3;
  margin-bottom: 18px;
}

/* Text */
.tr-legitimacy-text {
  font-size: 16px;
  line-height: 1.8;
  color: rgba(255,255,255,0.9);
  margin-bottom: 14px;
}

/* Subtitle */
.tr-legitimacy-subtitle {
  font-size: 20px;
  font-weight: 700;
  margin: 26px 0 14px;
}

/* Checklist */
.tr-legitimacy-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.tr-legitimacy-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 10px;
  font-size: 15px;
}

.tr-legitimacy-list i {
  color: #ffffff;
  font-size: 16px;
  margin-top: 3px;
}

/* Button */
.tr-legitimacy-btn {
  display: inline-block;
  margin-top: 26px;
  padding: 14px 36px;
  background: #ffffff;
  color: #c8102e;
  font-weight: 600;
  border-radius: 30px;
  text-decoration: none;
  box-shadow: 0 18px 45px rgba(0,0,0,0.3);
  transition: all 0.35s ease;
}

.tr-legitimacy-btn:hover {
  background: #f9fafb;
  transform: translateY(-4px);
  box-shadow: 0 30px 65px rgba(0,0,0,0.45);
}

/* Image */
.tr-legitimacy-img-wrap {
  border-radius: 26px;
  padding: 14px;
  background: rgba(255,255,255,0.12);
  box-shadow: 0 30px 70px rgba(0,0,0,0.35);
  display: inline-block;
}

.tr-legitimacy-img {
  width: 100%;
  max-width: 480px;
  border-radius: 20px;
}

/* Responsive */
@media (max-width: 991px) {
  .tr-legitimacy-title {
    font-size: 32px;
  }
}


/* Title */
.tr-benefits-title {
  font-size: 38px;
  font-weight: 800;
  color: #111827;
  margin-bottom: 10px;
}

/* Card */
.tr-benefit-card {
  background: #ffffff;
  border-radius: 22px;
  padding: 34px 26px;
  height: 100%;
  box-shadow: 0 15px 40px rgba(0,0,0,0.08);
  transition: all 0.35s ease;
}

.tr-benefit-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 30px 70px rgba(0,0,0,0.15);
}

/* Icon */
.tr-benefit-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #c8102e, #8f081f);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  margin-bottom: 18px;
}

/* Text */
.tr-benefit-card h5 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #111827;
}

.tr-benefit-card p {
  font-size: 14.5px;
  line-height: 1.7;
  color: #4b5563;
  margin-bottom: 0;
}

/* Responsive */
@media (max-width: 575px) {
  .tr-benefits-title {
    font-size: 30px;
  }
}
.tr-legitimacy-img-wrap {
  border-radius: 26px;
  padding: 14px;
  background: rgba(255,255,255,0.12);
  box-shadow: 0 30px 70px rgba(0,0,0,0.35);
  display: inline-block;
  transition: all 0.35s ease;
}

.tr-legitimacy-img {
  width: 100%;
  max-width: 480px;
  border-radius: 20px;
  transition: transform 0.35s ease;
}

/* Hover effect */
.tr-legitimacy-img-wrap:hover {
  transform: translateY(-8px);
  box-shadow: 0 45px 90px rgba(0,0,0,0.45);
}

.tr-legitimacy-img-wrap:hover .tr-legitimacy-img {
  transform: scale(1.03);
}
/* ===== CHINA THEME (ZH) – GLOBAL ===== */
.theme-zh {
  position: relative;
  padding: 90px 0;
  background: linear-gradient(
    135deg,
    #de2910 0%,
    #c91f0f 60%,
    #a8180a 100%
  );
  color: #fff;
  overflow: hidden;
}

/* Golden glow (flag star inspiration) */
.theme-zh::before {
  content: "";
  position: absolute;
  top: -40%;
  left: -20%;
  width: 120%;
  height: 120%;
  background: radial-gradient(
    circle,
    rgba(255, 222, 0, 0.15) 0%,
    transparent 65%
  );
}

/* Subtle fabric texture */
.theme-zh::after {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    45deg,
    rgba(255,255,255,0.03),
    rgba(255,255,255,0.03) 2px,
    transparent 2px,
    transparent 6px
  );
}
/* ===== MUDROVAXIS – ZH ===== */

.mudrovaxis-zh {}

.mudrovaxis-title-zh {
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 16px;
}

.mudrovaxis-text-zh {
  font-size: 1rem;
  line-height: 1.7;
}

.mudrovaxis-subtitle-zh {
  margin-top: 24px;
  font-weight: 600;
  color: #ffde00;
}

.mudrovaxis-list-zh {
  margin-top: 18px;
}

.mudrovaxis-item-zh {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  font-size: 0.95rem;
}

.mudrovaxis-item-zh i {
  color: #ffde00;
  font-size: 1.1rem;
}

/* ===== COMPREHEND SECTION – ZH ===== */

.comprehend-zh {
  padding: 100px 0;
}

.comprehend-title-zh {
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 18px;
}

.comprehend-text-zh {
  font-size: 1rem;
  line-height: 1.7;
}

/* ===== FEATURE CARDS ===== */

.feature-card-zh {
  background: rgba(255, 255, 255, 0.06);
  border-radius: 16px;
  padding: 22px;
  height: 100%;
  transition: all 0.35s ease;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.feature-card-zh i {
  font-size: 1.6rem;
  color: #ffde00;
  margin-bottom: 10px;
  display: inline-block;
}

.feature-card-zh h6 {
  font-weight: 600;
  margin-bottom: 6px;
}

.feature-card-zh p {
  font-size: 0.85rem;
  opacity: 0.85;
  margin-bottom: 0;
}

.feature-card-zh:hover {
  transform: translateY(-6px);
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 18px 40px rgba(0,0,0,0.35);
}

/* ===== IMAGE STYLING ===== */

.comprehend-img-wrap-zh {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 30px 70px rgba(0,0,0,0.45);
}

.comprehend-img-zh {
  transition: transform 0.5s ease;
}

.comprehend-img-wrap-zh:hover .comprehend-img-zh {
  transform: scale(1.06);
}

/* Gold glow overlay */
.comprehend-img-wrap-zh::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at top right,
    rgba(255, 222, 0, 0.25),
    transparent 65%
  );
  opacity: 0;
  transition: opacity 0.4s ease;
}

.comprehend-img-wrap-zh:hover::after {
  opacity: 1;
}
/* ===== REGISTRATION SECTION – ZH ===== */

.registration-zh {
  padding: 100px 0;
}

.registration-title-zh {
  font-size: 2.4rem;
  font-weight: 700;
}

/* ===== STEP CARD ===== */

.reg-card-zh {
  position: relative;
  height: 100%;
  padding: 32px 24px;
  border-radius: 18px;
  text-align: center;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.1);
  transition: all 0.4s ease;
  overflow: hidden;
}

/* Step number badge */
.reg-icon-zh {
  position: absolute;
  top: 16px;
  right: 18px;
  font-size: 2.5rem;
  font-weight: 800;
  color: rgba(255, 222, 0, 0.25);
}

/* Main icon */
.reg-card-zh i {
  font-size: 2.2rem;
  color: #ffde00;
  margin-bottom: 16px;
  display: inline-block;
}

.reg-card-zh h5 {
  font-weight: 600;
  margin-bottom: 12px;
}

.reg-card-zh p {
  font-size: 0.9rem;
  opacity: 0.9;
  line-height: 1.6;
}

/* Hover effect */
.reg-card-zh:hover {
  transform: translateY(-10px);
  background: rgba(255,255,255,0.12);
  box-shadow: 0 25px 60px rgba(0,0,0,0.45);
}

/* Gold glow on hover */
.reg-card-zh::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at top center,
    rgba(255, 222, 0, 0.35),
    transparent 65%
  );
  opacity: 0;
  transition: opacity 0.4s ease;
}

.reg-card-zh:hover::after {
  opacity: 1;
}
/* ===== APP PROMO SECTION – ZH ===== */

.app-promo-zh {
  padding: 100px 0;
}

/* Title */
.app-title-zh {
  font-size: 2.3rem;
  font-weight: 700;
  margin-bottom: 16px;
}

/* Text */
.app-text-zh {
  font-size: 1rem;
  line-height: 1.7;
  opacity: 0.9;
  max-width: 520px;
}

/* CTA Button */
.app-btn-zh {
  background: linear-gradient(135deg, #ffde00, #ffb700);
  color: #8a0f08;
  padding: 12px 34px;
  font-weight: 600;
  border-radius: 30px;
  transition: all 0.35s ease;
  box-shadow: 0 12px 30px rgba(255, 222, 0, 0.35);
}

.app-btn-zh:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 40px rgba(255, 222, 0, 0.6);
  color: #8a0f08;
}

/* Image Wrapper */
.app-img-wrap-zh {
  position: relative;
  display: inline-block;
  padding: 24px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(255, 222, 0, 0.25),
    transparent 70%
  );
}

/* Image */
.app-img-zh {
  max-width: 360px;
  border-radius: 22px;
  transition: transform 0.45s ease, box-shadow 0.45s ease;
  box-shadow: 0 25px 60px rgba(0,0,0,0.45);
}

/* Hover effect */
.app-img-wrap-zh:hover .app-img-zh {
  transform: translateY(-10px) scale(1.05);
  box-shadow: 0 40px 90px rgba(0,0,0,0.55);
}
/* ===== BENEFITS SECTION – ZH ===== */

.benefits-zh {
  padding: 100px 0;
}

.benefits-title-zh {
  font-size: 2.4rem;
  font-weight: 700;
}

/* Benefit Card */
.benefit-card-zh {
  height: 100%;
  padding: 34px 26px;
  border-radius: 18px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.1);
  text-align: center;
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

/* Icon */
.benefit-card-zh i {
  font-size: 2.2rem;
  color: #ffde00;
  margin-bottom: 16px;
  display: inline-block;
}

/* Title */
.benefit-card-zh h5 {
  font-weight: 600;
  margin-bottom: 12px;
}

/* Text */
.benefit-card-zh p {
  font-size: 0.9rem;
  opacity: 0.9;
  line-height: 1.6;
}

/* Hover effect */
.benefit-card-zh:hover {
  transform: translateY(-10px);
  background: rgba(255,255,255,0.12);
  box-shadow: 0 25px 60px rgba(0,0,0,0.45);
}

/* Gold glow */
.benefit-card-zh::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at top center,
    rgba(255, 222, 0, 0.35),
    transparent 65%
  );
  opacity: 0;
  transition: opacity 0.4s ease;
}

.benefit-card-zh:hover::after {
  opacity: 1;
}
/* ===== LEGITIMACY SECTION – ZH ===== */

.legitimacy-zh {
  padding: 100px 0;
}

/* Title */
.legit-title-zh {
  font-size: 2.3rem;
  font-weight: 700;
  margin-bottom: 16px;
}

/* Text */
.legit-text-zh {
  font-size: 1rem;
  line-height: 1.7;
}

/* Subtitle */
.legit-subtitle-zh {
  margin-top: 24px;
  font-weight: 600;
  color: #ffde00;
}

/* Checklist */
.legit-list-zh {
  list-style: none;
  padding: 0;
  margin-top: 16px;
}

.legit-list-zh li {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  font-size: 0.95rem;
}

.legit-list-zh i {
  color: #ffde00;
  font-size: 1.1rem;
}

/* CTA Button */
.legit-btn-zh {
  background: linear-gradient(135deg, #ffde00, #ffb700);
  color: #8a0f08;
  padding: 12px 34px;
  font-weight: 600;
  border-radius: 30px;
  transition: all 0.35s ease;
  box-shadow: 0 12px 30px rgba(255, 222, 0, 0.35);
}

.legit-btn-zh:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 45px rgba(255, 222, 0, 0.6);
  color: #8a0f08;
}

/* Image Wrapper */
.legit-img-wrap-zh {
  position: relative;
  display: inline-block;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 30px 70px rgba(0,0,0,0.45);
}

/* Image Hover */
.legit-img-zh {
  transition: transform 0.45s ease;
}

.legit-img-wrap-zh:hover .legit-img-zh {
  transform: scale(1.06);
}

/* Gold glow overlay */
.legit-img-wrap-zh::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at top left,
    rgba(255, 222, 0, 0.28),
    transparent 65%
  );
  opacity: 0;
  transition: opacity 0.4s ease;
}

.legit-img-wrap-zh:hover::after {
  opacity: 1;
}

.theme-zh::before,
.theme-zh::after {
  pointer-events: none;
}
.language-dropdown {
    max-height: 320px;   
    overflow-y: auto;
    overflow-x: hidden;
}


.language-dropdown::-webkit-scrollbar {
    width: 6px;
}

.language-dropdown::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
}

.language-dropdown::-webkit-scrollbar-thumb:hover {
    background: #999;
}


/* ===== FRANCE THEME (FR) – GLOBAL ===== */
.theme-fr {
  position: relative;
  padding: 90px 0;
  background: linear-gradient(
    135deg,
    #0055A4 0%,   /* French Blue */
    #ffffff 50%, /* White */
    #EF4135 100% /* French Red */
  );
  color: #111;
  overflow: hidden;
}

/* Soft blue-red glow (flag inspiration) */
.theme-fr::before {
  content: "";
  position: absolute;
  top: -40%;
  left: -20%;
  width: 120%;
  height: 120%;
  background: radial-gradient(
    circle,
    rgba(0, 85, 164, 0.15) 0%,
    rgba(239, 65, 53, 0.12) 35%,
    transparent 70%
  );
}

/* Subtle fabric / premium texture */
.theme-fr::after {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    45deg,
    rgba(0,0,0,0.02),
    rgba(0,0,0,0.02) 2px,
    transparent 2px,
    transparent 6px
  );
}
.theme-fr h1,
.theme-fr h2,
.theme-fr h3 {
  color: #0b2c4a; /* Deep French blue */
}

.theme-fr p {
  color: #222;
}
/* ============================= */
/* Mudrovaxis – France Section */
/* ============================= */

.mudrovaxis-fr {
  border-radius: 18px;
}

/* Content Card */
.mudrovaxis-content-fr {
  backdrop-filter: blur(6px);
  background: rgba(255, 255, 255, 0.78);
  padding: 40px;
  border-radius: 16px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
}

/* Title */
.mudrovaxis-title-fr {
  font-size: 2.2rem;
  font-weight: 700;
  color: #003f7f;
  margin-bottom: 20px;
}

/* Text */
.mudrovaxis-text-fr {
  color: #222;
  line-height: 1.7;
}

/* Subtitle */
.mudrovaxis-subtitle-fr {
  margin-top: 25px;
  font-weight: 600;
  color: #EF4135;
}

/* Points */
.mudrovaxis-points-fr {
  margin-top: 20px;
}

.mudrovaxis-point-item-fr {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  font-weight: 500;
  color: #222;
}

.mudrovaxis-point-item-fr i {
  color: #0055A4;
  font-size: 1.2rem;
}

/* Image */
.mudrovaxis-img-fr {
  max-width: 90%;
  transition: transform 0.5s ease, box-shadow 0.5s ease;
  border-radius: 16px;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.18);
}

.mudrovaxis-img-fr:hover {
  transform: translateY(-10px) scale(1.02);
}
.theme-fr::before,
.theme-fr::after {
  pointer-events: none;
}
/* ============================= */
/* Hero Button – France Theme */
/* ============================= */

.hero-btn-fr {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 36px;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  color: #ffffff;

  background: linear-gradient(
    135deg,
    #0055A4 0%,   /* French Blue */
    #EF4135 100%  /* French Red */
  );

  border-radius: 999px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
  transition: all 0.35s ease;
}

/* Hover */
.hero-btn-fr:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);
  color: #ffffff;
}

/* Subtle focus ring */
.hero-btn-fr:focus {
  outline: none;
  box-shadow:
    0 0 0 4px rgba(255, 255, 255, 0.35),
    0 14px 35px rgba(0, 0, 0, 0.35);
}

/* Optional icon support */
.hero-btn-fr i {
  font-size: 1.1rem;
}
/* ============================= */
/* Mudrovaxis Advanced – FR */
/* ============================= */

.mudrovaxis-advanced-fr {
  padding: 100px 0;
}

/* Content */
.mudrovaxis-adv-content-fr {
  color: #111;
}

/* Title */
.mudrovaxis-adv-title-fr {
  font-size: 2.4rem;
  font-weight: 700;
  color: #003f7f;
  margin-bottom: 20px;
}

/* Text */
.mudrovaxis-adv-text-fr {
  font-size: 1rem;
  line-height: 1.8;
  color: #222;
}

/* Cards */
.mudrovaxis-adv-card-fr {
  background: rgba(255,255,255,0.85);
  border-radius: 16px;
  padding: 22px;
  height: 100%;
  box-shadow: 0 18px 40px rgba(0,0,0,0.08);
  transition: all 0.35s ease;
}

.mudrovaxis-adv-card-fr:hover {
  transform: translateY(-6px);
  box-shadow: 0 25px 60px rgba(0,0,0,0.15);
}

/* Card Inner */
.mudrovaxis-adv-card-inner-fr {
  display: flex;
  gap: 14px;
}

/* Icon */
.mudrovaxis-adv-icon-fr {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: linear-gradient(135deg, #0055A4, #EF4135);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  flex-shrink: 0;
}

/* Card Title */
.mudrovaxis-adv-card-title-fr {
  font-weight: 600;
  margin-bottom: 6px;
  color: #003f7f;
}

/* Card Text */
.mudrovaxis-adv-card-text-fr {
  font-size: 0.95rem;
  color: #333;
  line-height: 1.6;
}

/* Image */
.mudrovaxis-adv-img-fr {
  max-width: 90%;
  border-radius: 18px;
  box-shadow: 0 30px 70px rgba(0,0,0,0.25);
  transition: transform 0.5s ease;
}

.mudrovaxis-adv-img-fr:hover {
  transform: translateY(-10px) scale(1.02);
}
/* ============================= */
/* Registration Section – FR */
/* ============================= */

.mudrovaxis-registration-fr {
  padding: 100px 0;
}

/* Title */
.mudrovaxis-reg-title-fr {
  font-size: 2.4rem;
  font-weight: 700;
  color: #003f7f;
}

/* Card */
.mudrovaxis-reg-card-fr {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  background: rgba(255,255,255,0.85);
  padding: 28px;
  border-radius: 18px;
  height: 100%;
  box-shadow: 0 18px 45px rgba(0,0,0,0.08);
  transition: all 0.35s ease;
}

.mudrovaxis-reg-card-fr:hover {
  transform: translateY(-6px);
  box-shadow: 0 28px 65px rgba(0,0,0,0.15);
}

/* Icon */
.mudrovaxis-reg-icon-fr {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: linear-gradient(135deg, #0055A4, #EF4135);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  flex-shrink: 0;
}

/* Step Title */
.mudrovaxis-reg-step-title-fr {
  font-weight: 600;
  margin-bottom: 8px;
  color: #003f7f;
}

/* Text */
.mudrovaxis-reg-text-fr {
  color: #333;
  line-height: 1.7;
  font-size: 0.95rem;
}
/* ============================= */
/* Mudrovaxis App Section – FR */
/* ============================= */

.mudrovaxis-app-fr {
  padding: 100px 0;
}

/* Content */
.mudrovaxis-app-content-fr {
  color: #111;
}

/* Title */
.mudrovaxis-app-title-fr {
  font-size: 2.4rem;
  font-weight: 700;
  color: #003f7f;
  margin-bottom: 20px;
}

/* Text */
.mudrovaxis-app-text-fr {
  font-size: 1rem;
  line-height: 1.8;
  color: #222;
  margin-bottom: 25px;
}

/* Points */
.mudrovaxis-app-points-fr {
  margin-bottom: 30px;
}

.mudrovaxis-app-point-fr {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  font-weight: 500;
  color: #222;
}

.mudrovaxis-app-point-fr i {
  color: #0055A4;
  font-size: 1.1rem;
}

/* Image */
.mudrovaxis-app-img-fr {
  max-width: 90%;
  border-radius: 18px;
  box-shadow: 0 30px 70px rgba(0,0,0,0.25);
  transition: transform 0.5s ease;
}

.mudrovaxis-app-img-fr:hover {
  transform: translateY(-10px) scale(1.02);
}
/* ============================= */
/* Benefits Section – FR */
/* ============================= */

.mudrovaxis-benefits-fr {
  padding: 110px 0;
}

/* Section Title */
.mudrovaxis-benefits-title-fr {
  font-size: 2.6rem;
  font-weight: 800;
  color: #003f7f;
}

/* Card */
.mudrovaxis-benefit-card-fr {
  background: rgba(255,255,255,0.88);
  padding: 36px 28px;
  border-radius: 22px;
  height: 100%;
  text-align: center;
  box-shadow: 0 25px 60px rgba(0,0,0,0.08);
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

/* Hover Accent Strip */
.mudrovaxis-benefit-card-fr::before {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 4px;
  background: linear-gradient(90deg, #0055A4, #EF4135);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease;
}

.mudrovaxis-benefit-card-fr:hover::before {
  transform: scaleX(1);
}

.mudrovaxis-benefit-card-fr:hover {
  transform: translateY(-10px);
  box-shadow: 0 35px 80px rgba(0,0,0,0.18);
}

/* Icon */
.mudrovaxis-benefit-icon-fr {
  width: 74px;
  height: 74px;
  margin: 0 auto 18px;
  border-radius: 50%;
  background: linear-gradient(135deg, #0055A4, #EF4135);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.9rem;
  box-shadow: 0 12px 30px rgba(0,0,0,0.25);
}

/* Title */
.mudrovaxis-benefit-title-fr {
  font-size: 1.2rem;
  font-weight: 700;
  color: #003f7f;
  margin-bottom: 12px;
}

/* Text */
.mudrovaxis-benefit-text-fr {
  font-size: 0.95rem;
  line-height: 1.7;
  color: #333;
}
/* ============================= */
/* Legitimacy Section – FR */
/* ============================= */

.mudrovaxis-legitimacy-fr {
  padding: 110px 0;
}

/* Image */
.mudrovaxis-legit-img-fr {
  max-width: 90%;
  border-radius: 20px;
  box-shadow: 0 35px 80px rgba(0,0,0,0.25);
  transition: transform 0.5s ease;
}

.mudrovaxis-legit-img-fr:hover {
  transform: translateY(-8px) scale(1.02);
}

/* Content */
.mudrovaxis-legit-content-fr {
  color: #111;
}

/* Title */
.mudrovaxis-legit-title-fr {
  font-size: 2.5rem;
  font-weight: 800;
  color: #003f7f;
  margin-bottom: 18px;
}

/* Text */
.mudrovaxis-legit-text-fr {
  font-size: 1rem;
  line-height: 1.8;
  color: #222;
}

/* Subtitle */
.mudrovaxis-legit-subtitle-fr {
  margin-top: 26px;
  font-weight: 700;
  color: #EF4135;
}

/* Trust Points */
.mudrovaxis-legit-point-fr {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  background: rgba(255,255,255,0.85);
  border-radius: 14px;
  box-shadow: 0 14px 35px rgba(0,0,0,0.08);
  font-weight: 500;
  color: #222;
  transition: all 0.3s ease;
}

.mudrovaxis-legit-point-fr:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 50px rgba(0,0,0,0.15);
}

/* Point Icon */
.mudrovaxis-legit-point-fr i {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: linear-gradient(135deg, #0055A4, #EF4135);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
}
/* ============================= */
/* PHILIPPINES THEME (PH) */
/* ============================= */

.theme-ph {
  position: relative;
  padding: 100px 0;
  background: linear-gradient(
    135deg,
    #0038A8 0%,   /* Blue */
    #ffffff 45%, /* White */
    #CE1126 100%  /* Red */
  );
  overflow: hidden;
}

/* Yellow sun glow (flag inspiration) */
.theme-ph::before {
  content: "";
  position: absolute;
  inset: -20%;
  background: radial-gradient(
    circle,
    rgba(252, 209, 22, 0.25) 0%,
    transparent 60%
  );
}

/* Subtle premium texture */
.theme-ph::after {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    45deg,
    rgba(255,255,255,0.03),
    rgba(255,255,255,0.03) 2px,
    transparent 2px,
    transparent 6px
  );
}
.theme-ph::before,
.theme-ph::after {
  pointer-events: none;
}
.theme-ph h1,
.theme-ph h2 {
  color: #0038A8;
  font-weight: 700;
}

.theme-ph p {
  color: #222;
}
/* ============================= */
/* Hero Button – Philippines */
/* ============================= */

.hero-btn-ph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 38px;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  color: #0038A8; /* PH Blue text */

  background: linear-gradient(
    135deg,
    #FCD116 0%,   /* Yellow (Sun) */
    #ffffff 50%,
    #FCD116 100%
  );

  border-radius: 999px;
  border: 2px solid #0038A8;
  box-shadow: 0 14px 35px rgba(0,0,0,0.25);
  transition: all 0.35s ease;
  position: relative;
  overflow: hidden;
}

/* Hover effect */
.hero-btn-ph:hover {
  background: linear-gradient(
    135deg,
    #0038A8 0%,   /* Blue */
    #CE1126 100%  /* Red */
  );
  color: #ffffff;
  transform: translateY(-4px);
  box-shadow: 0 20px 50px rgba(0,0,0,0.35);
}

/* Shine animation */
.hero-btn-ph::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255,255,255,0.6) 50%,
    transparent 100%
  );
  transform: translateX(-120%);
  transition: transform 0.6s ease;
}

.hero-btn-ph:hover::after {
  transform: translateX(120%);
}

/* Focus (Accessibility) */
.hero-btn-ph:focus {
  outline: none;
  box-shadow:
    0 0 0 4px rgba(252, 209, 22, 0.4),
    0 18px 45px rgba(0,0,0,0.35);
}
/* ============================= */
/* Registration Steps – PH */
/* ============================= */

.registration-ph {
  padding: 110px 0;
}

/* Title */
.registration-ph-title {
  font-size: 2.6rem;
  font-weight: 800;
  color: #0038A8; /* PH Blue */
}

/* Card */
.registration-ph-card {
  position: relative;
  background: rgba(255,255,255,0.88);
  padding: 40px 25px;
  border-radius: 22px;
  text-align: center;
  height: 100%;
  box-shadow: 0 25px 60px rgba(0,0,0,0.08);
  transition: all 0.4s ease;
  overflow: hidden;
}

/* Step number badge */
.registration-ph-card::before {
  content: attr(data-step);
  position: absolute;
  top: 14px;
  right: 18px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: linear-gradient(135deg, #0038A8, #CE1126);
  color: #fff;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Hover */
.registration-ph-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 40px 90px rgba(0,0,0,0.18);
}

/* Icon */
.registration-ph-icon {
  width: 70px;
  height: 70px;
  margin: 0 auto 18px;
  border-radius: 50%;
  background: linear-gradient(
    135deg,
    #FCD116, /* Yellow */
    #ffffff
  );
  color: #0038A8;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  box-shadow: 0 12px 30px rgba(0,0,0,0.25);
}

/* Step title */
.registration-ph-step-title {
  font-weight: 700;
  margin-bottom: 12px;
  color: #0038A8;
}

/* Text */
.registration-ph-text {
  font-size: 0.95rem;
  line-height: 1.7;
  color: #333;
}
/* ============================= */
/* Benefits Section – PH */
/* ============================= */

.benefits-ph {
  padding: 120px 0;
}

/* Title */
.benefits-ph-title {
  font-size: 2.6rem;
  font-weight: 800;
  color: #0038A8; /* PH Blue */
}

/* Card */
.benefits-ph-card {
  background: rgba(255,255,255,0.9);
  padding: 38px 30px;
  border-radius: 24px;
  height: 100%;
  text-align: center;
  box-shadow: 0 28px 65px rgba(0,0,0,0.08);
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

/* Hover accent */
.benefits-ph-card::before {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 4px;
  background: linear-gradient(90deg, #0038A8, #CE1126, #FCD116);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease;
}

.benefits-ph-card:hover::before {
  transform: scaleX(1);
}

.benefits-ph-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 40px 90px rgba(0,0,0,0.18);
}

/* Icon */
.benefits-ph-icon {
  width: 76px;
  height: 76px;
  margin: 0 auto 20px;
  border-radius: 50%;
  background: linear-gradient(
    135deg,
    #FCD116,
    #ffffff
  );
  color: #0038A8;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  box-shadow: 0 14px 35px rgba(0,0,0,0.25);
}

/* Card title */
.benefits-ph-card-title {
  font-weight: 700;
  margin-bottom: 12px;
  color: #0038A8;
}

/* Card text */
.benefits-ph-card-text {
  font-size: 0.95rem;
  line-height: 1.7;
  color: #333;
}
/* ============================= */
/* Legitimacy Section – PH */
/* ============================= */

.legitimacy-ph {
  padding: 120px 0;
}

/* Image */
.legitimacy-ph-img {
  max-width: 90%;
  border-radius: 22px;
  box-shadow: 0 35px 80px rgba(0,0,0,0.25);
  transition: transform 0.5s ease;
}

.legitimacy-ph-img:hover {
  transform: translateY(-10px) scale(1.02);
}

/* Content */
.legitimacy-ph-content {
  color: #111;
}

/* Title */
.legitimacy-ph-title {
  font-size: 2.6rem;
  font-weight: 800;
  color: #0038A8; /* PH Blue */
  margin-bottom: 18px;
}

/* Text */
.legitimacy-ph-text {
  font-size: 1rem;
  line-height: 1.8;
  color: #222;
}

/* Subtitle */
.legitimacy-ph-subtitle {
  margin-top: 26px;
  font-weight: 700;
  color: #CE1126; /* PH Red */
}

/* Points */
.legitimacy-ph-points {
  margin-top: 22px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}

.legitimacy-ph-point {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  background: rgba(255,255,255,0.9);
  border-radius: 16px;
  box-shadow: 0 14px 35px rgba(0,0,0,0.08);
  font-weight: 500;
  color: #222;
  transition: all 0.35s ease;
}

.legitimacy-ph-point:hover {
  transform: translateY(-5px);
  box-shadow: 0 25px 55px rgba(0,0,0,0.15);
}

/* Point Icon */
.legitimacy-ph-point i {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: linear-gradient(
    135deg,
    #0038A8,
    #CE1126,
    #FCD116
  );
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
}
/* ============================= */
/* Mudrovaxis Section – PH */
/* ============================= */

.mudrovaxis-ph {
  padding: 120px 0;
}

/* Image */
.mudrovaxis-ph-img {
  max-width: 92%;
  border-radius: 22px;
  box-shadow: 0 35px 80px rgba(0,0,0,0.25);
  transition: transform 0.5s ease;
}

.mudrovaxis-ph-img:hover {
  transform: translateY(-10px) scale(1.02);
}

/* Content */
.mudrovaxis-ph-content {
  color: #111;
}

/* Title */
.mudrovaxis-ph-title {
  font-size: 2.5rem;
  font-weight: 800;
  color: #0038A8; /* PH Blue */
  margin-bottom: 18px;
}

/* Text */
.mudrovaxis-ph-text {
  font-size: 1rem;
  line-height: 1.8;
  color: #222;
}

/* Subtitle */
.mudrovaxis-ph-subtitle {
  margin-top: 26px;
  font-weight: 700;
  color: #CE1126; /* PH Red */
}

/* Points */
.mudrovaxis-ph-points {
  margin-top: 22px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}

.mudrovaxis-ph-point {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  background: rgba(255,255,255,0.9);
  border-radius: 16px;
  box-shadow: 0 14px 35px rgba(0,0,0,0.08);
  font-weight: 500;
  color: #222;
  transition: all 0.35s ease;
}

.mudrovaxis-ph-point:hover {
  transform: translateY(-5px);
  box-shadow: 0 25px 55px rgba(0,0,0,0.15);
}

/* Point Icon */
.mudrovaxis-ph-point i {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: linear-gradient(
    135deg,
    #0038A8,
    #CE1126,
    #FCD116
  );
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
}
/* ============================= */
/* Comprehend / Advanced – PH */
/* ============================= */

.comprehend-ph {
  padding: 120px 0;
}

/* Content */
.comprehend-ph-content {
  color: #111;
}

/* Title */
.comprehend-ph-title {
  font-size: 2.6rem;
  font-weight: 800;
  color: #0038A8; /* PH Blue */
  margin-bottom: 18px;
}

/* Text */
.comprehend-ph-text {
  font-size: 1rem;
  line-height: 1.8;
  color: #222;
}

/* Feature Card */
.comprehend-ph-card {
  display: flex;
  gap: 14px;
  padding: 18px 20px;
  background: rgba(255,255,255,0.9);
  border-radius: 18px;
  box-shadow: 0 16px 40px rgba(0,0,0,0.08);
  transition: all 0.35s ease;
  height: 100%;
}

.comprehend-ph-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 28px 65px rgba(0,0,0,0.16);
}

/* Icon */
.comprehend-ph-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: linear-gradient(
    135deg,
    #0038A8,
    #CE1126,
    #FCD116
  );
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  flex-shrink: 0;
}

/* Card Title */
.comprehend-ph-card-title {
  font-weight: 700;
  margin-bottom: 4px;
  color: #0038A8;
}

/* Card Text */
.comprehend-ph-card-text {
  font-size: 0.9rem;
  color: #333;
  line-height: 1.6;
  margin-bottom: 0;
}

/* Image */
.comprehend-ph-img {
  max-width: 92%;
  border-radius: 24px;
  box-shadow: 0 40px 90px rgba(0,0,0,0.25);
  transition: transform 0.5s ease;
}

.comprehend-ph-img:hover {
  transform: translateY(-10px) scale(1.02);
}
/* ============================= */
/* GREECE THEME (EL 🇬🇷) */
/* ============================= */

.theme-el {
  position: relative;
  padding: 120px 0;
  background: linear-gradient(
    135deg,
    #0D5EAF 0%,   /* Greek Blue */
    #ffffff 45%,
    #0D5EAF 100%
  );
  overflow: hidden;
}

/* Cross-inspired soft glow */
.theme-el::before {
  content: "";
  position: absolute;
  inset: -20%;
  background: radial-gradient(
    circle,
    rgba(13, 94, 175, 0.25) 0%,
    transparent 60%
  );
}

/* HERO TEXT */
.hero-el-content {
  color: #fff;
}

.hero-el-title {
  font-size: 3rem;
  font-weight: 800;
  margin-bottom: 18px;
}

.hero-el-sub {
  font-size: 1.1rem;
  line-height: 1.8;
  opacity: 0.95;
}

/* BUTTON */
.hero-btn-el {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 38px;
  font-size: 1rem;
  font-weight: 600;
  color: #0D5EAF;
  background: #ffffff;
  border-radius: 999px;
  text-decoration: none;
  box-shadow: 0 16px 40px rgba(0,0,0,0.25);
  transition: all 0.35s ease;
}

.hero-btn-el:hover {
  background: #0D5EAF;
  color: #ffffff;
  transform: translateY(-4px);
}

/* FORM CARD */
.signup-el-card {
  background: rgba(255,255,255,0.95);
  padding: 32px;
  border-radius: 22px;
  box-shadow: 0 35px 80px rgba(0,0,0,0.25);
}

.signup-el-title {
  font-weight: 700;
  color: #0D5EAF;
}
.theme-el::before,
.theme-el::after {
  pointer-events: none;
}
/* ============================= */
/* GREECE HEADINGS FIX (EL) */
/* ============================= */

.theme-el h1,
.theme-el h2 {
  color: #0B4F8A; /* Deep Greek Blue */
}

.theme-el h3,
.theme-el h4 {
  color: #0D5EAF; /* Standard Greek Blue */
}

/* Subtitle / paragraph */
.theme-el p,
.theme-el .lead {
  color: #1f2d3d;
}
/* ============================= */
/* Mudrovaxis Section – EL */
/* ============================= */

.mudrovaxis-el {
  padding: 120px 0;
}

/* Content */
.mudrovaxis-el-content {
  color: #1f2d3d;
}

/* Title */
.mudrovaxis-el-title {
  font-size: 2.5rem;
  font-weight: 800;
  color: #0B4F8A; /* Deep Greek Blue */
  margin-bottom: 18px;
}

/* Text */
.mudrovaxis-el-text {
  font-size: 1rem;
  line-height: 1.8;
  color: #243444;
}

/* Subtitle */
.mudrovaxis-el-subtitle {
  margin-top: 26px;
  font-weight: 700;
  color: #0D5EAF;
}

/* Points */
.mudrovaxis-el-points {
  margin-top: 22px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}

.mudrovaxis-el-point {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  background: rgba(255,255,255,0.95);
  border-radius: 16px;
  box-shadow: 0 14px 35px rgba(0,0,0,0.08);
  font-weight: 500;
  color: #243444;
  transition: all 0.35s ease;
}

.mudrovaxis-el-point:hover {
  transform: translateY(-5px);
  box-shadow: 0 25px 55px rgba(0,0,0,0.15);
}

/* Point Icon */
.mudrovaxis-el-point i {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: linear-gradient(
    135deg,
    #0D5EAF,
    #0B4F8A
  );
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
}

/* Image */
.mudrovaxis-el-img {
  max-width: 92%;
  border-radius: 24px;
  box-shadow: 0 40px 90px rgba(0,0,0,0.25);
  transition: transform 0.5s ease;
}

.mudrovaxis-el-img:hover {
  transform: translateY(-10px) scale(1.02);
}
/* ============================= */
/* Comprehend / Advanced – EL */
/* ============================= */

.comprehend-el {
  padding: 120px 0;
}

/* Content */
.comprehend-el-content {
  color: #1f2d3d;
}

/* Title */
.comprehend-el-title {
  font-size: 2.6rem;
  font-weight: 800;
  color: #0B4F8A; /* Deep Greek Blue */
  margin-bottom: 18px;
}

/* Text */
.comprehend-el-text {
  font-size: 1rem;
  line-height: 1.8;
  color: #243444;
}

/* Feature Card */
.comprehend-el-card {
  display: flex;
  gap: 14px;
  padding: 18px 22px;
  background: rgba(255,255,255,0.95);
  border-radius: 18px;
  box-shadow: 0 16px 40px rgba(0,0,0,0.08);
  transition: all 0.35s ease;
  height: 100%;
}

.comprehend-el-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 30px 70px rgba(0,0,0,0.18);
}

/* Icon */
.comprehend-el-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: linear-gradient(
    135deg,
    #0D5EAF,
    #0B4F8A
  );
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  flex-shrink: 0;
}

/* Card Title */
.comprehend-el-card-title {
  font-weight: 700;
  margin-bottom: 4px;
  color: #0D5EAF;
}

/* Card Text */
.comprehend-el-card-text {
  font-size: 0.9rem;
  color: #333;
  line-height: 1.6;
  margin-bottom: 0;
}

/* Image */
.comprehend-el-img {
  max-width: 92%;
  border-radius: 24px;
  box-shadow: 0 40px 90px rgba(0,0,0,0.25);
  transition: transform 0.5s ease;
}

.comprehend-el-img:hover {
  transform: translateY(-10px) scale(1.02);
}
/* ============================= */
/* Registration Steps – EL */
/* ============================= */

.registration-el {
  padding: 120px 0;
}

/* Title */
.registration-el-title {
  font-size: 2.6rem;
  font-weight: 800;
  color: #0B4F8A; /* Deep Greek Blue */
}

/* Card */
.registration-el-card {
  position: relative;
  background: rgba(255,255,255,0.95);
  padding: 40px 26px;
  border-radius: 22px;
  text-align: center;
  height: 100%;
  box-shadow: 0 25px 60px rgba(0,0,0,0.08);
  transition: all 0.4s ease;
  overflow: hidden;
}

/* Step number badge */
.registration-el-card::before {
  content: attr(data-step);
  position: absolute;
  top: 14px;
  right: 18px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: linear-gradient(135deg, #0D5EAF, #0B4F8A);
  color: #fff;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Hover */
.registration-el-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 40px 90px rgba(0,0,0,0.18);
}

/* Icon */
.registration-el-icon {
  width: 70px;
  height: 70px;
  margin: 0 auto 18px;
  border-radius: 50%;
  background: linear-gradient(135deg, #0D5EAF, #0B4F8A);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  box-shadow: 0 12px 30px rgba(0,0,0,0.25);
}

/* Step title */
.registration-el-step-title {
  font-weight: 700;
  margin-bottom: 12px;
  color: #0D5EAF;
}

/* Text */
.registration-el-text {
  font-size: 0.95rem;
  line-height: 1.7;
  color: #333;
}
/* ============================= */
/* Benefits Section – EL */
/* ============================= */

.benefits-el {
  padding: 120px 0;
}

/* Section Title */
.benefits-el-title {
  font-size: 2.6rem;
  font-weight: 800;
  color: #0B4F8A; /* Deep Greek Blue */
}

/* Card */
.benefits-el-card {
  background: rgba(255,255,255,0.95);
  padding: 38px 28px;
  border-radius: 22px;
  height: 100%;
  text-align: center;
  box-shadow: 0 25px 60px rgba(0,0,0,0.08);
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

/* Hover accent line */
.benefits-el-card::before {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 4px;
  background: linear-gradient(90deg, #0D5EAF, #0B4F8A);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease;
}

.benefits-el-card:hover::before {
  transform: scaleX(1);
}

.benefits-el-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 40px 90px rgba(0,0,0,0.18);
}

/* Icon */
.benefits-el-icon {
  width: 76px;
  height: 76px;
  margin: 0 auto 20px;
  border-radius: 50%;
  background: linear-gradient(135deg, #0D5EAF, #0B4F8A);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  box-shadow: 0 14px 35px rgba(0,0,0,0.25);
}

/* Card Title */
.benefits-el-card-title {
  font-weight: 700;
  margin-bottom: 12px;
  color: #0D5EAF;
}

/* Card Text */
.benefits-el-card-text {
  font-size: 0.95rem;
  line-height: 1.7;
  color: #333;
}
/* ============================= */
/* Legitimacy Section – EL */
/* ============================= */

.legitimacy-el {
  padding: 120px 0;
}

/* Image */
.legitimacy-el-img {
  max-width: 92%;
  border-radius: 24px;
  box-shadow: 0 40px 90px rgba(0,0,0,0.25);
  transition: transform 0.5s ease;
}

.legitimacy-el-img:hover {
  transform: translateY(-10px) scale(1.02);
}

/* Content */
.legitimacy-el-content {
  color: #1f2d3d;
}

/* Title */
.legitimacy-el-title {
  font-size: 2.6rem;
  font-weight: 800;
  color: #0B4F8A; /* Deep Greek Blue */
  margin-bottom: 18px;
}

/* Text */
.legitimacy-el-text {
  font-size: 1rem;
  line-height: 1.8;
  color: #243444;
}

/* Subtitle */
.legitimacy-el-subtitle {
  margin-top: 26px;
  font-weight: 700;
  color: #0D5EAF;
}

/* Points Grid */
.legitimacy-el-points {
  margin-top: 22px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}

/* Single Point */
.legitimacy-el-point {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  background: rgba(255,255,255,0.95);
  border-radius: 16px;
  box-shadow: 0 14px 35px rgba(0,0,0,0.08);
  font-weight: 500;
  color: #243444;
  transition: all 0.35s ease;
}

.legitimacy-el-point:hover {
  transform: translateY(-5px);
  box-shadow: 0 25px 55px rgba(0,0,0,0.15);
}

/* Icon */
.legitimacy-el-point i {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: linear-gradient(135deg, #0D5EAF, #0B4F8A);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
}
/* ===============================
   SPAIN THEME (ES)
================================ */

.theme-es {
  background: linear-gradient(
    135deg,
    #8C1D18 0%,
    #C77C00 45%,
    #F1BF00 100%
  );
  position: relative;
}

.theme-es::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at top,
    rgba(255, 255, 255, 0.12),
    transparent 65%
  );
}


/* Soft radial glow (Spanish feel) */
.theme-es::before {
  content: "";
  position: absolute;
  inset: -20%;
  background: radial-gradient(
    circle,
    rgba(241, 191, 0, 0.30) 0%,
    transparent 60%
  );
}

/* Text polish */
.hero-es-content {
  color: #ffffff;
}

.hero-es-content .hero-title {
  color: #ffffff;
}

.hero-es-content .hero-sub {
  color: rgba(255, 255, 255, 0.9);
}
/* ===============================
   SPAIN CTA BUTTON
================================ */

.btn-es {
  display: inline-block;
  padding: 14px 36px;
  border-radius: 50px;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  color: #ffffff;
  background: linear-gradient(
    135deg,
    #AA151B,   /* Spain Red */
    #F1BF00    /* Spain Yellow */
  );
  box-shadow: 0 12px 30px rgba(170, 21, 27, 0.35);
  transition: all 0.35s ease;
}

/* Hover effect */
.btn-es:hover {
  color: #ffffff;
  transform: translateY(-3px);
  box-shadow: 0 18px 40px rgba(241, 191, 0, 0.45);
}

/* Optional outline version */
.btn-es-outline {
  background: transparent;
  border: 2px solid #ffffff;
  color: #ffffff;
}

.btn-es-outline:hover {
  background: #ffffff;
  color: #AA151B;
}
.theme-es::before,
.theme-es::after {
  pointer-events: none;
}
/* ===============================
   SPAIN HERO TEXT
================================ */

.hero-es-title {
  font-size: 52px;
  font-weight: 800;
  line-height: 1.15;
  margin-bottom: 18px;
  color: #ffffff;
}

/* Brand highlight inside title */
.hero-es-title span,
.hero-es-title strong {
  color: #F1BF00; /* Spain Yellow */
}

.hero-es-subtitle {
  font-size: 20px;
  line-height: 1.7;
  max-width: 620px;
  color: rgba(255, 255, 255, 0.92);
}
/* ===============================
   SPAIN SIGNUP CARD
================================ */

.signup-es-card {
  background: rgba(255, 255, 255, 0.10);
  backdrop-filter: blur(14px);
  border-radius: 18px;
  padding: 34px 30px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.18);
}

/* Title */
.signup-es-title {
  font-size: 26px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 22px;
  color: #ffffff;
}

/* Labels */
.signup-es-card label {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 6px;
  color: rgba(255, 255, 255, 0.85);
}

/* Inputs */
.signup-es-card .form-control {
  height: 48px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.95);
  border: none;
  font-size: 15px;
}

.signup-es-card .form-control:focus {
  box-shadow: 0 0 0 3px rgba(241, 191, 0, 0.35);
  border: none;
}

/* Submit spacing */
.signup-es-card .btn-es {
  width: 100%;
}
/* ===============================
   SPAIN MUDROVAXIS CONTENT
================================ */



.mudro-es-content h3 span {
  color: #F1BF00; /* Spain Yellow */
}

.mudro-es-content p {
  font-size: 16.5px;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.92);
  margin-bottom: 14px;
}

/* Subtitle */
.mudro-es-subtitle {
  font-size: 20px;
  font-weight: 700;
  margin: 22px 0 14px;
  color: #ffffff;
}

/* Feature list */
.mudro-es-features {
  margin-top: 16px;
}

.mudro-es-feature {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  margin-bottom: 12px;
  color: rgba(255, 255, 255, 0.95);
}

/* Icon bubble */
.mudro-es-icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: linear-gradient(
    135deg,
    #AA151B,
    #F1BF00
  );
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 15px;
  box-shadow: 0 6px 18px rgba(170, 21, 27, 0.45);
}
/* ===============================
   SPAIN RIGHT IMAGE
================================ */

.mudro-es-img-wrap {
  position: relative;
  padding: 18px;
  border-radius: 22px;
  background: linear-gradient(
    135deg,
    rgba(170, 21, 27, 0.35),
    rgba(241, 191, 0, 0.35)
  );
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.45);
}

/* Glow ring */
.mudro-es-img-wrap::before {
  content: "";
  position: absolute;
  inset: -10px;
  border-radius: 26px;
  background: linear-gradient(
    135deg,
    rgba(241, 191, 0, 0.35),
    rgba(170, 21, 27, 0.35)
  );
  filter: blur(18px);
  z-index: 0;
}

/* Image itself */
.mudro-es-img {
  position: relative;
  z-index: 1;
  width: 100%;
  border-radius: 18px;
  display: block;
}
/* ===============================
   SPAIN IMAGE HOVER EFFECT
================================ */

/* Smooth transition */
.mudro-es-img-wrap,
.mudro-es-img {
  transition: all 0.45s ease;
}

/* Hover lift + glow */
.mudro-es-img-wrap:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 35px 80px rgba(170, 21, 27, 0.55);
}

/* Image zoom on hover */
.mudro-es-img-wrap:hover .mudro-es-img {
  transform: scale(1.06);
}

/* Glow intensity on hover */
.mudro-es-img-wrap:hover::before {
  filter: blur(26px);
  opacity: 0.9;
}
/* ===============================
   SPAIN REGISTRATION STEPS
================================ */

.reg-es {
  padding: 110px 0;
  text-align: center;
}

/* Section heading */
.reg-es-title {
  font-size: 42px;
  font-weight: 800;
  margin-bottom: 50px;
  color: #ffffff;
}

.reg-es-title span {
  color: #F1BF00; /* Spain Yellow */
}

/* Step card */
.reg-es-card {
  height: 100%;
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(12px);
  border-radius: 18px;
  padding: 34px 26px;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.35);
  transition: all 0.4s ease;
}

/* Hover */
.reg-es-card:hover {
  transform: translateY(-12px);
  box-shadow: 0 35px 70px rgba(170, 21, 27, 0.55);
}

/* Icon circle */
.reg-es-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  margin: 0 auto 20px;
  background: linear-gradient(
    135deg,
    #AA151B,
    #F1BF00
  );
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 26px;
  box-shadow: 0 10px 25px rgba(170, 21, 27, 0.45);
}

/* Step title */
.reg-es-card h5 {
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
}

/* Step text */
.reg-es-card p {
  font-size: 15.5px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.9);
}
/* ===============================
   SPAIN COMPREHEND SECTION
================================ */

.comp-es {
  padding: 110px 0;
}

/* Heading */
.comp-es-title {
  font-size: 40px;
  font-weight: 800;
  margin-bottom: 22px;
  color: #ffffff;
}

.comp-es-title span {
  color: #F1BF00;
}

/* Paragraphs */
.comp-es p {
  font-size: 16.5px;
  line-height: 1.75;
  color: rgba(255,255,255,0.92);
  margin-bottom: 14px;
}

/* Feature card */
.comp-es-feature {
  height: 100%;
  background: rgba(255,255,255,0.14);
  backdrop-filter: blur(14px);
  border-radius: 16px;
  padding: 20px 18px;
  border: 1px solid rgba(255,255,255,0.22);
  transition: all 0.35s ease;
}

.comp-es-feature:hover {
  transform: translateY(-6px);
  box-shadow: 0 25px 55px rgba(0,0,0,0.4);
}

/* Feature inner layout */
.comp-es-feature-inner {
  display: flex;
  gap: 14px;
  align-items: flex-start;
}

/* Icon bubble */
.comp-es-icon {
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 50%;
  background: linear-gradient(135deg, #AA151B, #F1BF00);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 18px;
  box-shadow: 0 8px 20px rgba(170,21,27,0.45);
}

/* Feature title */
.comp-es-feature h6 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 6px;
  color: #ffffff;
}

/* Feature text */
.comp-es-feature p {
  font-size: 14.5px;
  line-height: 1.6;
  margin-bottom: 0;
  color: rgba(255,255,255,0.9);
}
/* ===============================
   SPAIN APP CTA SECTION
================================ */

.app-es {
  padding: 120px 0;
  position: relative;
}

/* Heading */
.app-es-title {
  font-size: 36px;
  font-weight: 800;
  line-height: 1.25;
  margin-bottom: 18px;
  color: #ffffff;
}

.app-es-title span {
  color: #F1BF00;
}

/* Text */
.app-es-text {
  font-size: 17px;
  line-height: 1.7;
  color: rgba(255,255,255,0.92);
  max-width: 520px;
}

/* Image wrap */
.app-es-img-wrap {
  position: relative;
  padding: 20px;
  border-radius: 22px;
  background: linear-gradient(
    135deg,
    rgba(170,21,27,0.35),
    rgba(241,191,0,0.35)
  );
  box-shadow: 0 25px 65px rgba(0,0,0,0.45);
  transition: all 0.4s ease;
}

.app-es-img-wrap:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 40px 90px rgba(0,0,0,0.55);
}

/* Image */
.app-es-img {
  width: 100%;
  border-radius: 18px;
  display: block;
}

/* CTA Button */
.btn-es-cta {
  display: inline-block;
  margin-top: 26px;
  padding: 15px 42px;
  font-size: 18px;
  font-weight: 700;
  border-radius: 50px;
  text-decoration: none;
  color: #ffffff;
  background: linear-gradient(
    135deg,
    #AA151B,
    #F1BF00
  );
  box-shadow: 0 14px 40px rgba(170,21,27,0.45);
  transition: all 0.35s ease;
}

.btn-es-cta:hover {
  color: #ffffff;
  transform: translateY(-3px);
  box-shadow: 0 22px 55px rgba(241,191,0,0.55);
}
/* ===============================
   SPAIN BENEFITS SECTION
================================ */

.benefit-es {
  padding: 120px 0;
  text-align: center;
}

/* Section heading */
.benefit-es-title {
  font-size: 42px;
  font-weight: 800;
  margin-bottom: 50px;
  color: #ffffff;
}

.benefit-es-title span {
  color: #F1BF00;
}

/* Benefit card */
.benefit-es-card {
  height: 100%;
  background: rgba(255,255,255,0.15);
  backdrop-filter: blur(14px);
  border-radius: 20px;
  padding: 36px 26px;
  border: 1px solid rgba(255,255,255,0.25);
  box-shadow: 0 22px 55px rgba(0,0,0,0.35);
  transition: all 0.4s ease;
}

.benefit-es-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 40px 80px rgba(170,21,27,0.55);
}

/* Icon circle */
.benefit-es-icon {
  width: 70px;
  height: 70px;
  margin: 0 auto 20px;
  border-radius: 50%;
  background: linear-gradient(
    135deg,
    #AA151B,
    #F1BF00
  );
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 28px;
  box-shadow: 0 12px 28px rgba(170,21,27,0.45);
}

/* Title */
.benefit-es-card h5 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px;
  color: #ffffff;
}

/* Text */
.benefit-es-card p {
  font-size: 15.5px;
  line-height: 1.7;
  color: rgba(255,255,255,0.92);
  margin-bottom: 0;
}
/* ===============================
   SPAIN LEGITIMACY SECTION
================================ */

.legit-es {
  padding: 120px 0;
}

/* Image */
.legit-es-img {
  max-width: 100%;
  border-radius: 22px;
  box-shadow: 0 25px 65px rgba(0,0,0,0.45);
}

/* Heading */
.legit-es-title {
  font-size: 36px;
  font-weight: 800;
  margin-bottom: 18px;
  color: #ffffff;
}

.legit-es-title span {
  color: #F1BF00;
}

/* Paragraph */
.legit-es p {
  font-size: 16.5px;
  line-height: 1.75;
  color: rgba(255,255,255,0.92);
  margin-bottom: 14px;
}

/* Subheading */
.legit-es-subtitle {
  font-size: 20px;
  font-weight: 700;
  margin: 22px 0 14px;
  color: #ffffff;
}

/* Factors list */
.legit-es-list {
  margin-top: 10px;
}

.legit-es-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15.5px;
  margin-bottom: 10px;
  color: rgba(255,255,255,0.95);
}

/* Check icon */
.legit-es-icon {
  width: 26px;
  height: 26px;
  min-width: 26px;
  border-radius: 50%;
  background: linear-gradient(135deg, #AA151B, #F1BF00);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 13px;
  box-shadow: 0 6px 18px rgba(170,21,27,0.45);
}

/* CTA Button */
.btn-es-legit {
  display: inline-block;
  padding: 14px 38px;
  border-radius: 50px;
  font-size: 17px;
  font-weight: 700;
  text-decoration: none;
  color: #ffffff;
  background: linear-gradient(135deg, #AA151B, #F1BF00);
  box-shadow: 0 14px 40px rgba(170,21,27,0.45);
  transition: all 0.35s ease;
}

.btn-es-legit:hover {
  color: #ffffff;
  transform: translateY(-3px);
  box-shadow: 0 22px 55px rgba(241,191,0,0.55);
}