@charset "UTF-8";
/* ============================================================
   NTUAREN 2026 / design system
   Αντικαθιστά πλήρως Bootstrap 4 + Font Awesome + Simple Line Icons.
   Διατηρεί τα class names που ήδη χρησιμοποιούν οι ~200 σελίδες,
   ώστε καμία σελίδα να μη χρειάζεται επεξεργασία.
   ============================================================ */

/* ---------- 1. Design tokens ---------- */
:root {
  /* Τα χρώματα είναι παρμένα από τα γραφικά της Βραδιάς 2026 */
  --ren-ink: #16234a;
  --ren-ink-2: #1d3160;
  --ren-ink-3: #243d75;
  --ren-indigo: #243d75;
  --ren-indigo-dark: #16234a;
  --ren-violet: #0089b8;
  /* Ο τόνος του site: το γαλάζιο της κουκουβάγιας */
  --ren-accent: #00b4e3;
  --ren-accent-dark: #0089b8;
  /* Το κίτρινο του σήματος μένει διαθέσιμο αν χρειαστεί ξανά */
  --ren-yellow: #ffed00;
  --ren-pink: #00b4e1;
  --ren-cyan: #00b4e1;
  --ren-cyan-light: #82dcf0;
  --ren-blue: #243d75;
  --ren-navy: #1d3160;

  --ren-paper: #ffffff;
  --ren-paper-2: #f2f5fa;
  --ren-ice: #eaf1fa;
  --ren-ice-2: #eaf1fa;
  --ren-grey: #f6f6fb;
  --ren-line: rgba(22, 35, 74, .13);
  --ren-text: #1b2440;
  --ren-muted: #5e6a86;

  --ren-brand: radial-gradient(65% 260% at 50% 50%, #26407a 0%, #1c2f5d 48%, #131e40 100%);
  --ren-radius: 20px;
  --ren-radius-sm: 12px;
  --ren-shadow: 0 4px 24px rgba(22, 35, 74, .07);
  --ren-shadow-lg: 0 30px 70px rgba(22, 35, 74, .32);
  --ren-container: 1200px;
  --ren-gutter: 16px;
  --ren-font: 'Lato', 'Helvetica Neue', Helvetica, Arial, "Segoe UI", sans-serif;
}

/* ---------- 2. Reset / base ---------- */
*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

body {
  margin: 0;
  font-family: var(--ren-font);
  font-size: 16px;
  line-height: 1.6;
  color: var(--ren-text);
  background: #fff;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--ren-font);
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 .5rem;
}
h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.75rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1rem; }

p { margin: 0 0 1rem; }
ul, ol { margin: 0 0 1rem; padding-left: 2rem; }

a { color: var(--ren-blue); text-decoration: none; transition: color .18s ease, opacity .18s ease; }
a:hover { text-decoration: none !important; }

img { border: 0; vertical-align: middle; max-width: 100%; }
iframe { border: 0; max-width: 100%; }
table { border-collapse: collapse; }
hr { border: 0; border-top: 1px solid var(--ren-line); margin: 1rem 0; }
strong, b { font-weight: 700; }
button { font-family: inherit; font-size: inherit; line-height: inherit; }

:focus-visible { outline: 3px solid var(--ren-accent); outline-offset: 2px; }

/* ---------- 3. Layout: container / row / columns ---------- */
.container {
  width: 100%;
  max-width: var(--ren-container);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--ren-gutter);
  padding-right: var(--ren-gutter);
}
.container-fluid { width: 100%; padding-left: var(--ren-gutter); padding-right: var(--ren-gutter); }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(var(--ren-gutter) * -1);
  margin-right: calc(var(--ren-gutter) * -1);
}

[class*="col-"], .col {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-left: var(--ren-gutter);
  padding-right: var(--ren-gutter);
}
.col { flex: 1 0 0%; }

/* base (xs): όλες οι στήλες full width, όπως στο Bootstrap */
.col-1  { flex: 0 0 8.333333%;  max-width: 8.333333%; }
.col-2  { flex: 0 0 16.666667%; max-width: 16.666667%; }
.col-3  { flex: 0 0 25%;        max-width: 25%; }
.col-4  { flex: 0 0 33.333333%; max-width: 33.333333%; }
.col-5  { flex: 0 0 41.666667%; max-width: 41.666667%; }
.col-6  { flex: 0 0 50%;        max-width: 50%; }
.col-7  { flex: 0 0 58.333333%; max-width: 58.333333%; }
.col-8  { flex: 0 0 66.666667%; max-width: 66.666667%; }
.col-9  { flex: 0 0 75%;        max-width: 75%; }
.col-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
.col-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
.col-12 { flex: 0 0 100%;       max-width: 100%; }

@media (min-width: 576px) {
  .col-sm-3  { flex: 0 0 25%;        max-width: 25%; }
  .col-sm-4  { flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-sm-6  { flex: 0 0 50%;        max-width: 50%; }
  .col-sm-12 { flex: 0 0 100%;       max-width: 100%; }
}
@media (min-width: 768px) {
  .col-md-2  { flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-md-3  { flex: 0 0 25%;        max-width: 25%; }
  .col-md-4  { flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-md-5  { flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-md-6  { flex: 0 0 50%;        max-width: 50%; }
  .col-md-7  { flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-md-8  { flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-md-9  { flex: 0 0 75%;        max-width: 75%; }
  .col-md-12 { flex: 0 0 100%;       max-width: 100%; }
}
@media (min-width: 992px) {
  .col-lg-2  { flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-lg-3  { flex: 0 0 25%;        max-width: 25%; }
  .col-lg-4  { flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-lg-5  { flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-lg-6  { flex: 0 0 50%;        max-width: 50%; }
  .col-lg-7  { flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-lg-8  { flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-lg-9  { flex: 0 0 75%;        max-width: 75%; }
  .col-lg-12 { flex: 0 0 100%;       max-width: 100%; }
}
@media (min-width: 1200px) {
  .col-xl-3  { flex: 0 0 25%;        max-width: 25%; }
  .col-xl-4  { flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-xl-5  { flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-xl-6  { flex: 0 0 50%;        max-width: 50%; }
  .col-xl-8  { flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-xl-9  { flex: 0 0 75%;        max-width: 75%; }
  .col-xl-12 { flex: 0 0 100%;       max-width: 100%; }
}

/* ---------- 4. Utilities (το υποσύνολο που χρησιμοποιεί το site) ---------- */
.d-none { display: none !important; }
.d-block { display: block !important; }
.d-inline-block { display: inline-block !important; }
.d-flex { display: flex !important; }
.flex-wrap { flex-wrap: wrap !important; }
.align-items-center { align-items: center !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }

.text-center { text-align: center !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-white { color: #fff !important; }
.text-muted { color: var(--ren-muted) !important; }
.small { font-size: 85%; }
.font-weight-light { font-weight: 300 !important; }
.font-weight-bold { font-weight: 700 !important; }
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}

.mx-auto { margin-left: auto !important; margin-right: auto !important; }
.my-auto { margin-top: auto !important; margin-bottom: auto !important; }
.mr-auto { margin-right: auto !important; }
.ml-auto { margin-left: auto !important; }
.m-0  { margin: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: .25rem !important; }
.mb-2 { margin-bottom: .5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }
.mt-0 { margin-top: 0 !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mt-5 { margin-top: 3rem !important; }
.my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.mr-2, .me-2 { margin-right: .5rem !important; }
.mr-3, .me-3 { margin-right: 1rem !important; }
.p-0 { padding: 0 !important; }
.py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.h-100 { height: 100% !important; }
.w-100 { width: 100% !important; }

@media (min-width: 992px) {
  .mb-lg-0 { margin-bottom: 0 !important; }
  .text-lg-left { text-align: left !important; }
  .text-lg-right { text-align: right !important; }
  .text-lg-center { text-align: center !important; }
}

.img-fluid { max-width: 100%; height: auto; }
.rounded-circle { border-radius: 50%; }
.rounded { border-radius: var(--ren-radius-sm); }
.bg-light { background-color: var(--ren-grey) !important; }

.list-inline { padding-left: 0; list-style: none; margin-bottom: 0; }
.list-inline-item { display: inline-block; }

/* ---------- 5. Εικονίδια (SVG masks αντί για Font Awesome) ---------- */
.fa {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -.125em;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center; mask-position: center;
  -webkit-mask-size: contain;   mask-size: contain;
  font-style: normal;
}
.fa-fw { width: 1.28571429em; -webkit-mask-size: 1em auto; mask-size: 1em auto; }
.fa-lg { font-size: 1.33333333em; }
.fa-2x { font-size: 2em; }
.fa-3x { font-size: 3em; }

/* Οι μάσκες των εικονιδίων */
.fa-globe { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%201a11%2011%200%201%200%200%2022%2011%2011%200%200%200%200-22Zm7.6%206h-3.2a15.6%2015.6%200%200%200-1.6-3.9A9%209%200%200%201%2019.6%207ZM12%203.1c.8%201.1%201.5%202.5%201.9%203.9h-3.8c.4-1.4%201.1-2.8%201.9-3.9ZM3.3%2014a8.9%208.9%200%200%201%200-4h3.5a17.9%2017.9%200%200%200%200%204H3.3Zm.9%202h3.2c.4%201.4.9%202.7%201.6%203.9A9%209%200%200%201%204.2%2016Zm3.2-9H4.2a9%209%200%200%201%204.8-3.9A15.6%2015.6%200%200%200%207.4%207ZM12%2020.9c-.8-1.1-1.5-2.5-1.9-3.9h3.8c-.4%201.4-1.1%202.8-1.9%203.9ZM14.3%2015H9.7a15.9%2015.9%200%200%201%200-6h4.6a15.9%2015.9%200%200%201%200%206Zm.7%204.9c.7-1.2%201.2-2.5%201.6-3.9h3.2a9%209%200%200%201-4.8%203.9Zm2.2-5.9a17.9%2017.9%200%200%200%200-4h3.5a8.9%208.9%200%200%201%200%204h-3.5Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%201a11%2011%200%201%200%200%2022%2011%2011%200%200%200%200-22Zm7.6%206h-3.2a15.6%2015.6%200%200%200-1.6-3.9A9%209%200%200%201%2019.6%207ZM12%203.1c.8%201.1%201.5%202.5%201.9%203.9h-3.8c.4-1.4%201.1-2.8%201.9-3.9ZM3.3%2014a8.9%208.9%200%200%201%200-4h3.5a17.9%2017.9%200%200%200%200%204H3.3Zm.9%202h3.2c.4%201.4.9%202.7%201.6%203.9A9%209%200%200%201%204.2%2016Zm3.2-9H4.2a9%209%200%200%201%204.8-3.9A15.6%2015.6%200%200%200%207.4%207ZM12%2020.9c-.8-1.1-1.5-2.5-1.9-3.9h3.8c-.4%201.4-1.1%202.8-1.9%203.9ZM14.3%2015H9.7a15.9%2015.9%200%200%201%200-6h4.6a15.9%2015.9%200%200%201%200%206Zm.7%204.9c.7-1.2%201.2-2.5%201.6-3.9h3.2a9%209%200%200%201-4.8%203.9Zm2.2-5.9a17.9%2017.9%200%200%200%200-4h3.5a8.9%208.9%200%200%201%200%204h-3.5Z%22%2F%3E%3C%2Fsvg%3E"); }
.fa-envelope-open { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%202.2%201.5%209.4V21a1.5%201.5%200%200%200%201.5%201.5h18A1.5%201.5%200%200%200%2022.5%2021V9.4L12%202.2Zm0%202.4%207.6%205.2-7.6%205-7.6-5L12%204.6ZM3.5%2020.5v-8.6l7.9%205.2a1%201%200%200%200%201.2%200l7.9-5.2v8.6h-17Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%202.2%201.5%209.4V21a1.5%201.5%200%200%200%201.5%201.5h18A1.5%201.5%200%200%200%2022.5%2021V9.4L12%202.2Zm0%202.4%207.6%205.2-7.6%205-7.6-5L12%204.6ZM3.5%2020.5v-8.6l7.9%205.2a1%201%200%200%200%201.2%200l7.9-5.2v8.6h-17Z%22%2F%3E%3C%2Fsvg%3E"); }
.fa-envelope { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M2%204h20a1%201%200%200%201%201%201v14a1%201%200%200%201-1%201H2a1%201%200%200%201-1-1V5a1%201%200%200%201%201-1Zm1%202.6V18h18V6.6l-9%206-9-6ZM19.5%206h-15L12%2011%2019.5%206Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M2%204h20a1%201%200%200%201%201%201v14a1%201%200%200%201-1%201H2a1%201%200%200%201-1-1V5a1%201%200%200%201%201-1Zm1%202.6V18h18V6.6l-9%206-9-6ZM19.5%206h-15L12%2011%2019.5%206Z%22%2F%3E%3C%2Fsvg%3E"); }
.fa-facebook { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M14.5%208.5V6.9c0-.8.2-1.2%201.4-1.2h1.6V2.6h-2.6c-3.2%200-4.3%201.5-4.3%204.1v1.8H8.5v3.2h2.1V22h3.9v-10.3h2.7l.4-3.2h-3.1Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M14.5%208.5V6.9c0-.8.2-1.2%201.4-1.2h1.6V2.6h-2.6c-3.2%200-4.3%201.5-4.3%204.1v1.8H8.5v3.2h2.1V22h3.9v-10.3h2.7l.4-3.2h-3.1Z%22%2F%3E%3C%2Fsvg%3E"); }
.fa-youtube { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M23%207.5a2.9%202.9%200%200%200-2-2C19.2%205%2012%205%2012%205s-7.2%200-9%20.5a2.9%202.9%200%200%200-2%202C.5%209.3.5%2012%20.5%2012s0%202.7.5%204.5a2.9%202.9%200%200%200%202%202c1.8.5%209%20.5%209%20.5s7.2%200%209-.5a2.9%202.9%200%200%200%202-2c.5-1.8.5-4.5.5-4.5s0-2.7-.5-4.5ZM9.8%2015.4V8.6l6%203.4-6%203.4Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M23%207.5a2.9%202.9%200%200%200-2-2C19.2%205%2012%205%2012%205s-7.2%200-9%20.5a2.9%202.9%200%200%200-2%202C.5%209.3.5%2012%20.5%2012s0%202.7.5%204.5a2.9%202.9%200%200%200%202%202c1.8.5%209%20.5%209%20.5s7.2%200%209-.5a2.9%202.9%200%200%200%202-2c.5-1.8.5-4.5.5-4.5s0-2.7-.5-4.5ZM9.8%2015.4V8.6l6%203.4-6%203.4Z%22%2F%3E%3C%2Fsvg%3E"); }
.fa-instagram { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%202.2c3.2%200%203.6%200%204.9.1%201.2.1%201.8.3%202.2.4.6.2%201%20.5%201.4.9.4.4.7.8.9%201.4.2.4.4%201%20.4%202.2.1%201.3.1%201.7.1%204.9s0%203.6-.1%204.9c-.1%201.2-.3%201.8-.4%202.2-.2.6-.5%201-.9%201.4-.4.4-.8.7-1.4.9-.4.2-1%20.4-2.2.4-1.3.1-1.7.1-4.9.1s-3.6%200-4.9-.1c-1.2-.1-1.8-.3-2.2-.4a3.9%203.9%200%200%201-1.4-.9%203.9%203.9%200%200%201-.9-1.4c-.2-.4-.4-1-.4-2.2C2.2%2015.6%202.2%2015.2%202.2%2012s0-3.6.1-4.9c.1-1.2.3-1.8.4-2.2.2-.6.5-1%20.9-1.4.4-.4.8-.7%201.4-.9.4-.2%201-.4%202.2-.4%201.3-.1%201.7-.1%204.9-.1Zm0%202.1c-3.1%200-3.5%200-4.8.1-1.1.1-1.7.2-2.1.4-.5.2-.9.4-1.2.8-.4.3-.6.7-.8%201.2-.2.4-.3%201-.4%202.1-.1%201.3-.1%201.7-.1%204.8s0%203.5.1%204.8c.1%201.1.2%201.7.4%202.1.2.5.4.9.8%201.2.3.4.7.6%201.2.8.4.2%201%20.3%202.1.4%201.3.1%201.7.1%204.8.1s3.5%200%204.8-.1c1.1-.1%201.7-.2%202.1-.4.5-.2.9-.4%201.2-.8.4-.3.6-.7.8-1.2.2-.4.3-1%20.4-2.1.1-1.3.1-1.7.1-4.8s0-3.5-.1-4.8c-.1-1.1-.2-1.7-.4-2.1a3.2%203.2%200%200%200-.8-1.2%203.2%203.2%200%200%200-1.2-.8c-.4-.2-1-.3-2.1-.4-1.3-.1-1.7-.1-4.8-.1Zm0%203.4a5.3%205.3%200%201%201%200%2010.6%205.3%205.3%200%200%201%200-10.6Zm0%208.7a3.4%203.4%200%201%200%200-6.8%203.4%203.4%200%200%200%200%206.8Zm6.8-8.9a1.2%201.2%200%201%201-2.5%200%201.2%201.2%200%200%201%202.5%200Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%202.2c3.2%200%203.6%200%204.9.1%201.2.1%201.8.3%202.2.4.6.2%201%20.5%201.4.9.4.4.7.8.9%201.4.2.4.4%201%20.4%202.2.1%201.3.1%201.7.1%204.9s0%203.6-.1%204.9c-.1%201.2-.3%201.8-.4%202.2-.2.6-.5%201-.9%201.4-.4.4-.8.7-1.4.9-.4.2-1%20.4-2.2.4-1.3.1-1.7.1-4.9.1s-3.6%200-4.9-.1c-1.2-.1-1.8-.3-2.2-.4a3.9%203.9%200%200%201-1.4-.9%203.9%203.9%200%200%201-.9-1.4c-.2-.4-.4-1-.4-2.2C2.2%2015.6%202.2%2015.2%202.2%2012s0-3.6.1-4.9c.1-1.2.3-1.8.4-2.2.2-.6.5-1%20.9-1.4.4-.4.8-.7%201.4-.9.4-.2%201-.4%202.2-.4%201.3-.1%201.7-.1%204.9-.1Zm0%202.1c-3.1%200-3.5%200-4.8.1-1.1.1-1.7.2-2.1.4-.5.2-.9.4-1.2.8-.4.3-.6.7-.8%201.2-.2.4-.3%201-.4%202.1-.1%201.3-.1%201.7-.1%204.8s0%203.5.1%204.8c.1%201.1.2%201.7.4%202.1.2.5.4.9.8%201.2.3.4.7.6%201.2.8.4.2%201%20.3%202.1.4%201.3.1%201.7.1%204.8.1s3.5%200%204.8-.1c1.1-.1%201.7-.2%202.1-.4.5-.2.9-.4%201.2-.8.4-.3.6-.7.8-1.2.2-.4.3-1%20.4-2.1.1-1.3.1-1.7.1-4.8s0-3.5-.1-4.8c-.1-1.1-.2-1.7-.4-2.1a3.2%203.2%200%200%200-.8-1.2%203.2%203.2%200%200%200-1.2-.8c-.4-.2-1-.3-2.1-.4-1.3-.1-1.7-.1-4.8-.1Zm0%203.4a5.3%205.3%200%201%201%200%2010.6%205.3%205.3%200%200%201%200-10.6Zm0%208.7a3.4%203.4%200%201%200%200-6.8%203.4%203.4%200%200%200%200%206.8Zm6.8-8.9a1.2%201.2%200%201%201-2.5%200%201.2%201.2%200%200%201%202.5%200Z%22%2F%3E%3C%2Fsvg%3E"); }
.fa-twitter { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M22.5%205.9c-.8.4-1.6.6-2.5.7a4.3%204.3%200%200%200%201.9-2.4c-.8.5-1.8.9-2.8%201.1a4.3%204.3%200%200%200-7.4%203.9A12.3%2012.3%200%200%201%202.8%204.7a4.3%204.3%200%200%200%201.3%205.8c-.7%200-1.4-.2-2-.5v.1c0%202.1%201.5%203.8%203.5%204.2a4.4%204.4%200%200%201-2%20.1%204.3%204.3%200%200%200%204%203%208.7%208.7%200%200%201-6.4%201.8%2012.2%2012.2%200%200%200%2018.8-10.9v-.6c.8-.6%201.6-1.3%202.2-2.1l-.1.3Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M22.5%205.9c-.8.4-1.6.6-2.5.7a4.3%204.3%200%200%200%201.9-2.4c-.8.5-1.8.9-2.8%201.1a4.3%204.3%200%200%200-7.4%203.9A12.3%2012.3%200%200%201%202.8%204.7a4.3%204.3%200%200%200%201.3%205.8c-.7%200-1.4-.2-2-.5v.1c0%202.1%201.5%203.8%203.5%204.2a4.4%204.4%200%200%201-2%20.1%204.3%204.3%200%200%200%204%203%208.7%208.7%200%200%201-6.4%201.8%2012.2%2012.2%200%200%200%2018.8-10.9v-.6c.8-.6%201.6-1.3%202.2-2.1l-.1.3Z%22%2F%3E%3C%2Fsvg%3E"); }
.fa-linkedin { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M6.9%2021.5H3.2V9.4h3.7v12.1ZM5%207.8A2.2%202.2%200%201%201%205%203.4a2.2%202.2%200%200%201%200%204.4Zm16.5%2013.7h-3.7v-5.9c0-1.4%200-3.2-2-3.2s-2.3%201.5-2.3%203.1v6H9.9V9.4h3.5v1.6h.1a3.8%203.8%200%200%201%203.5-1.9c3.7%200%204.4%202.5%204.4%205.7v6.7Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M6.9%2021.5H3.2V9.4h3.7v12.1ZM5%207.8A2.2%202.2%200%201%201%205%203.4a2.2%202.2%200%200%201%200%204.4Zm16.5%2013.7h-3.7v-5.9c0-1.4%200-3.2-2-3.2s-2.3%201.5-2.3%203.1v6H9.9V9.4h3.5v1.6h.1a3.8%203.8%200%200%201%203.5-1.9c3.7%200%204.4%202.5%204.4%205.7v6.7Z%22%2F%3E%3C%2Fsvg%3E"); }
.fa-play { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M8%205.1v13.8L19%2012%208%205.1Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M8%205.1v13.8L19%2012%208%205.1Z%22%2F%3E%3C%2Fsvg%3E"); }
.fa-picture { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M21%203H3a1.5%201.5%200%200%200-1.5%201.5v15A1.5%201.5%200%200%200%203%2021h18a1.5%201.5%200%200%200%201.5-1.5v-15A1.5%201.5%200%200%200%2021%203Zm-.5%2016h-17V5h17v14ZM8%207.5a1.8%201.8%200%201%201%200%203.5%201.8%201.8%200%200%201%200-3.5Zm-4%209.5%204.3-5%203%203.4%203.4-4.4L19.5%2017H4Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M21%203H3a1.5%201.5%200%200%200-1.5%201.5v15A1.5%201.5%200%200%200%203%2021h18a1.5%201.5%200%200%200%201.5-1.5v-15A1.5%201.5%200%200%200%2021%203Zm-.5%2016h-17V5h17v14ZM8%207.5a1.8%201.8%200%201%201%200%203.5%201.8%201.8%200%200%201%200-3.5Zm-4%209.5%204.3-5%203%203.4%203.4-4.4L19.5%2017H4Z%22%2F%3E%3C%2Fsvg%3E"); }
.fa-external { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M14%203v2h3.6l-8.3%208.3%201.4%201.4L19%206.4V10h2V3h-7ZM5%205h5v2H5v12h12v-5h2v5a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V7a2%202%200%200%201%202-2Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M14%203v2h3.6l-8.3%208.3%201.4%201.4L19%206.4V10h2V3h-7ZM5%205h5v2H5v12h12v-5h2v5a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V7a2%202%200%200%201%202-2Z%22%2F%3E%3C%2Fsvg%3E"); }
.fa-download { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M11%203h2v9.2l3.6-3.6%201.4%201.4-6%206-6-6%201.4-1.4L11%2012.2V3ZM4%2018h16v2H4v-2Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M11%203h2v9.2l3.6-3.6%201.4%201.4-6%206-6-6%201.4-1.4L11%2012.2V3ZM4%2018h16v2H4v-2Z%22%2F%3E%3C%2Fsvg%3E"); }
.fa-file-pdf-o { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8l-6-6Zm-1%207V3.5L18.5%209H13ZM8%2013h8v2H8v-2Zm0%204h8v2H8v-2Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8l-6-6Zm-1%207V3.5L18.5%209H13ZM8%2013h8v2H8v-2Zm0%204h8v2H8v-2Z%22%2F%3E%3C%2Fsvg%3E"); }
.fa-chevron-right { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m9%205.5%206.5%206.5L9%2018.5%207.6%2017l5-5-5-5L9%205.5Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m9%205.5%206.5%206.5L9%2018.5%207.6%2017l5-5-5-5L9%205.5Z%22%2F%3E%3C%2Fsvg%3E"); }
.fa-chevron-down { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M5.5%209%2012%2015.5%2018.5%209%2017%207.6l-5%205-5-5L5.5%209Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M5.5%209%2012%2015.5%2018.5%209%2017%207.6l-5%205-5-5L5.5%209Z%22%2F%3E%3C%2Fsvg%3E"); }
.fa-times { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M18.3%205.7%2012%2012l6.3%206.3-1.4%201.4L10.6%2013.4%2012%2012%204.3%204.3%205.7%202.9%2012%209.2l6.3-6.3%201.4%201.4Z%22%2F%3E%3Cpath%20d%3D%22M5.7%2019.7%204.3%2018.3%2018.3%204.3l1.4%201.4-14%2014Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M18.3%205.7%2012%2012l6.3%206.3-1.4%201.4L10.6%2013.4%2012%2012%204.3%204.3%205.7%202.9%2012%209.2l6.3-6.3%201.4%201.4Z%22%2F%3E%3Cpath%20d%3D%22M5.7%2019.7%204.3%2018.3%2018.3%204.3l1.4%201.4-14%2014Z%22%2F%3E%3C%2Fsvg%3E"); }
.fa-envelope-open-o { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%202.2%201.5%209.4V21a1.5%201.5%200%200%200%201.5%201.5h18A1.5%201.5%200%200%200%2022.5%2021V9.4L12%202.2Zm0%202.4%207.6%205.2-7.6%205-7.6-5L12%204.6ZM3.5%2020.5v-8.6l7.9%205.2a1%201%200%200%200%201.2%200l7.9-5.2v8.6h-17Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%202.2%201.5%209.4V21a1.5%201.5%200%200%200%201.5%201.5h18A1.5%201.5%200%200%200%2022.5%2021V9.4L12%202.2Zm0%202.4%207.6%205.2-7.6%205-7.6-5L12%204.6ZM3.5%2020.5v-8.6l7.9%205.2a1%201%200%200%200%201.2%200l7.9-5.2v8.6h-17Z%22%2F%3E%3C%2Fsvg%3E"); }
.fa-envelope-o { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M2%204h20a1%201%200%200%201%201%201v14a1%201%200%200%201-1%201H2a1%201%200%200%201-1-1V5a1%201%200%200%201%201-1Zm1%202.6V18h18V6.6l-9%206-9-6ZM19.5%206h-15L12%2011%2019.5%206Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M2%204h20a1%201%200%200%201%201%201v14a1%201%200%200%201-1%201H2a1%201%200%200%201-1-1V5a1%201%200%200%201%201-1Zm1%202.6V18h18V6.6l-9%206-9-6ZM19.5%206h-15L12%2011%2019.5%206Z%22%2F%3E%3C%2Fsvg%3E"); }
.fa-facebook-square { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M14.5%208.5V6.9c0-.8.2-1.2%201.4-1.2h1.6V2.6h-2.6c-3.2%200-4.3%201.5-4.3%204.1v1.8H8.5v3.2h2.1V22h3.9v-10.3h2.7l.4-3.2h-3.1Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M14.5%208.5V6.9c0-.8.2-1.2%201.4-1.2h1.6V2.6h-2.6c-3.2%200-4.3%201.5-4.3%204.1v1.8H8.5v3.2h2.1V22h3.9v-10.3h2.7l.4-3.2h-3.1Z%22%2F%3E%3C%2Fsvg%3E"); }
.fa-facebook-f { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M14.5%208.5V6.9c0-.8.2-1.2%201.4-1.2h1.6V2.6h-2.6c-3.2%200-4.3%201.5-4.3%204.1v1.8H8.5v3.2h2.1V22h3.9v-10.3h2.7l.4-3.2h-3.1Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M14.5%208.5V6.9c0-.8.2-1.2%201.4-1.2h1.6V2.6h-2.6c-3.2%200-4.3%201.5-4.3%204.1v1.8H8.5v3.2h2.1V22h3.9v-10.3h2.7l.4-3.2h-3.1Z%22%2F%3E%3C%2Fsvg%3E"); }
.fa-youtube-play { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M23%207.5a2.9%202.9%200%200%200-2-2C19.2%205%2012%205%2012%205s-7.2%200-9%20.5a2.9%202.9%200%200%200-2%202C.5%209.3.5%2012%20.5%2012s0%202.7.5%204.5a2.9%202.9%200%200%200%202%202c1.8.5%209%20.5%209%20.5s7.2%200%209-.5a2.9%202.9%200%200%200%202-2c.5-1.8.5-4.5.5-4.5s0-2.7-.5-4.5ZM9.8%2015.4V8.6l6%203.4-6%203.4Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M23%207.5a2.9%202.9%200%200%200-2-2C19.2%205%2012%205%2012%205s-7.2%200-9%20.5a2.9%202.9%200%200%200-2%202C.5%209.3.5%2012%20.5%2012s0%202.7.5%204.5a2.9%202.9%200%200%200%202%202c1.8.5%209%20.5%209%20.5s7.2%200%209-.5a2.9%202.9%200%200%200%202-2c.5-1.8.5-4.5.5-4.5s0-2.7-.5-4.5ZM9.8%2015.4V8.6l6%203.4-6%203.4Z%22%2F%3E%3C%2Fsvg%3E"); }
.fa-instagram-square { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%202.2c3.2%200%203.6%200%204.9.1%201.2.1%201.8.3%202.2.4.6.2%201%20.5%201.4.9.4.4.7.8.9%201.4.2.4.4%201%20.4%202.2.1%201.3.1%201.7.1%204.9s0%203.6-.1%204.9c-.1%201.2-.3%201.8-.4%202.2-.2.6-.5%201-.9%201.4-.4.4-.8.7-1.4.9-.4.2-1%20.4-2.2.4-1.3.1-1.7.1-4.9.1s-3.6%200-4.9-.1c-1.2-.1-1.8-.3-2.2-.4a3.9%203.9%200%200%201-1.4-.9%203.9%203.9%200%200%201-.9-1.4c-.2-.4-.4-1-.4-2.2C2.2%2015.6%202.2%2015.2%202.2%2012s0-3.6.1-4.9c.1-1.2.3-1.8.4-2.2.2-.6.5-1%20.9-1.4.4-.4.8-.7%201.4-.9.4-.2%201-.4%202.2-.4%201.3-.1%201.7-.1%204.9-.1Zm0%202.1c-3.1%200-3.5%200-4.8.1-1.1.1-1.7.2-2.1.4-.5.2-.9.4-1.2.8-.4.3-.6.7-.8%201.2-.2.4-.3%201-.4%202.1-.1%201.3-.1%201.7-.1%204.8s0%203.5.1%204.8c.1%201.1.2%201.7.4%202.1.2.5.4.9.8%201.2.3.4.7.6%201.2.8.4.2%201%20.3%202.1.4%201.3.1%201.7.1%204.8.1s3.5%200%204.8-.1c1.1-.1%201.7-.2%202.1-.4.5-.2.9-.4%201.2-.8.4-.3.6-.7.8-1.2.2-.4.3-1%20.4-2.1.1-1.3.1-1.7.1-4.8s0-3.5-.1-4.8c-.1-1.1-.2-1.7-.4-2.1a3.2%203.2%200%200%200-.8-1.2%203.2%203.2%200%200%200-1.2-.8c-.4-.2-1-.3-2.1-.4-1.3-.1-1.7-.1-4.8-.1Zm0%203.4a5.3%205.3%200%201%201%200%2010.6%205.3%205.3%200%200%201%200-10.6Zm0%208.7a3.4%203.4%200%201%200%200-6.8%203.4%203.4%200%200%200%200%206.8Zm6.8-8.9a1.2%201.2%200%201%201-2.5%200%201.2%201.2%200%200%201%202.5%200Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%202.2c3.2%200%203.6%200%204.9.1%201.2.1%201.8.3%202.2.4.6.2%201%20.5%201.4.9.4.4.7.8.9%201.4.2.4.4%201%20.4%202.2.1%201.3.1%201.7.1%204.9s0%203.6-.1%204.9c-.1%201.2-.3%201.8-.4%202.2-.2.6-.5%201-.9%201.4-.4.4-.8.7-1.4.9-.4.2-1%20.4-2.2.4-1.3.1-1.7.1-4.9.1s-3.6%200-4.9-.1c-1.2-.1-1.8-.3-2.2-.4a3.9%203.9%200%200%201-1.4-.9%203.9%203.9%200%200%201-.9-1.4c-.2-.4-.4-1-.4-2.2C2.2%2015.6%202.2%2015.2%202.2%2012s0-3.6.1-4.9c.1-1.2.3-1.8.4-2.2.2-.6.5-1%20.9-1.4.4-.4.8-.7%201.4-.9.4-.2%201-.4%202.2-.4%201.3-.1%201.7-.1%204.9-.1Zm0%202.1c-3.1%200-3.5%200-4.8.1-1.1.1-1.7.2-2.1.4-.5.2-.9.4-1.2.8-.4.3-.6.7-.8%201.2-.2.4-.3%201-.4%202.1-.1%201.3-.1%201.7-.1%204.8s0%203.5.1%204.8c.1%201.1.2%201.7.4%202.1.2.5.4.9.8%201.2.3.4.7.6%201.2.8.4.2%201%20.3%202.1.4%201.3.1%201.7.1%204.8.1s3.5%200%204.8-.1c1.1-.1%201.7-.2%202.1-.4.5-.2.9-.4%201.2-.8.4-.3.6-.7.8-1.2.2-.4.3-1%20.4-2.1.1-1.3.1-1.7.1-4.8s0-3.5-.1-4.8c-.1-1.1-.2-1.7-.4-2.1a3.2%203.2%200%200%200-.8-1.2%203.2%203.2%200%200%200-1.2-.8c-.4-.2-1-.3-2.1-.4-1.3-.1-1.7-.1-4.8-.1Zm0%203.4a5.3%205.3%200%201%201%200%2010.6%205.3%205.3%200%200%201%200-10.6Zm0%208.7a3.4%203.4%200%201%200%200-6.8%203.4%203.4%200%200%200%200%206.8Zm6.8-8.9a1.2%201.2%200%201%201-2.5%200%201.2%201.2%200%200%201%202.5%200Z%22%2F%3E%3C%2Fsvg%3E"); }
.fa-twitter-square { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M22.5%205.9c-.8.4-1.6.6-2.5.7a4.3%204.3%200%200%200%201.9-2.4c-.8.5-1.8.9-2.8%201.1a4.3%204.3%200%200%200-7.4%203.9A12.3%2012.3%200%200%201%202.8%204.7a4.3%204.3%200%200%200%201.3%205.8c-.7%200-1.4-.2-2-.5v.1c0%202.1%201.5%203.8%203.5%204.2a4.4%204.4%200%200%201-2%20.1%204.3%204.3%200%200%200%204%203%208.7%208.7%200%200%201-6.4%201.8%2012.2%2012.2%200%200%200%2018.8-10.9v-.6c.8-.6%201.6-1.3%202.2-2.1l-.1.3Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M22.5%205.9c-.8.4-1.6.6-2.5.7a4.3%204.3%200%200%200%201.9-2.4c-.8.5-1.8.9-2.8%201.1a4.3%204.3%200%200%200-7.4%203.9A12.3%2012.3%200%200%201%202.8%204.7a4.3%204.3%200%200%200%201.3%205.8c-.7%200-1.4-.2-2-.5v.1c0%202.1%201.5%203.8%203.5%204.2a4.4%204.4%200%200%201-2%20.1%204.3%204.3%200%200%200%204%203%208.7%208.7%200%200%201-6.4%201.8%2012.2%2012.2%200%200%200%2018.8-10.9v-.6c.8-.6%201.6-1.3%202.2-2.1l-.1.3Z%22%2F%3E%3C%2Fsvg%3E"); }
.fa-linkedin-square { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M6.9%2021.5H3.2V9.4h3.7v12.1ZM5%207.8A2.2%202.2%200%201%201%205%203.4a2.2%202.2%200%200%201%200%204.4Zm16.5%2013.7h-3.7v-5.9c0-1.4%200-3.2-2-3.2s-2.3%201.5-2.3%203.1v6H9.9V9.4h3.5v1.6h.1a3.8%203.8%200%200%201%203.5-1.9c3.7%200%204.4%202.5%204.4%205.7v6.7Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M6.9%2021.5H3.2V9.4h3.7v12.1ZM5%207.8A2.2%202.2%200%201%201%205%203.4a2.2%202.2%200%200%201%200%204.4Zm16.5%2013.7h-3.7v-5.9c0-1.4%200-3.2-2-3.2s-2.3%201.5-2.3%203.1v6H9.9V9.4h3.5v1.6h.1a3.8%203.8%200%200%201%203.5-1.9c3.7%200%204.4%202.5%204.4%205.7v6.7Z%22%2F%3E%3C%2Fsvg%3E"); }
.fa-globe-europe { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%201a11%2011%200%201%200%200%2022%2011%2011%200%200%200%200-22Zm7.6%206h-3.2a15.6%2015.6%200%200%200-1.6-3.9A9%209%200%200%201%2019.6%207ZM12%203.1c.8%201.1%201.5%202.5%201.9%203.9h-3.8c.4-1.4%201.1-2.8%201.9-3.9ZM3.3%2014a8.9%208.9%200%200%201%200-4h3.5a17.9%2017.9%200%200%200%200%204H3.3Zm.9%202h3.2c.4%201.4.9%202.7%201.6%203.9A9%209%200%200%201%204.2%2016Zm3.2-9H4.2a9%209%200%200%201%204.8-3.9A15.6%2015.6%200%200%200%207.4%207ZM12%2020.9c-.8-1.1-1.5-2.5-1.9-3.9h3.8c-.4%201.4-1.1%202.8-1.9%203.9ZM14.3%2015H9.7a15.9%2015.9%200%200%201%200-6h4.6a15.9%2015.9%200%200%201%200%206Zm.7%204.9c.7-1.2%201.2-2.5%201.6-3.9h3.2a9%209%200%200%201-4.8%203.9Zm2.2-5.9a17.9%2017.9%200%200%200%200-4h3.5a8.9%208.9%200%200%201%200%204h-3.5Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%201a11%2011%200%201%200%200%2022%2011%2011%200%200%200%200-22Zm7.6%206h-3.2a15.6%2015.6%200%200%200-1.6-3.9A9%209%200%200%201%2019.6%207ZM12%203.1c.8%201.1%201.5%202.5%201.9%203.9h-3.8c.4-1.4%201.1-2.8%201.9-3.9ZM3.3%2014a8.9%208.9%200%200%201%200-4h3.5a17.9%2017.9%200%200%200%200%204H3.3Zm.9%202h3.2c.4%201.4.9%202.7%201.6%203.9A9%209%200%200%201%204.2%2016Zm3.2-9H4.2a9%209%200%200%201%204.8-3.9A15.6%2015.6%200%200%200%207.4%207ZM12%2020.9c-.8-1.1-1.5-2.5-1.9-3.9h3.8c-.4%201.4-1.1%202.8-1.9%203.9ZM14.3%2015H9.7a15.9%2015.9%200%200%201%200-6h4.6a15.9%2015.9%200%200%201%200%206Zm.7%204.9c.7-1.2%201.2-2.5%201.6-3.9h3.2a9%209%200%200%201-4.8%203.9Zm2.2-5.9a17.9%2017.9%200%200%200%200-4h3.5a8.9%208.9%200%200%201%200%204h-3.5Z%22%2F%3E%3C%2Fsvg%3E"); }
.fa-link { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M14%203v2h3.6l-8.3%208.3%201.4%201.4L19%206.4V10h2V3h-7ZM5%205h5v2H5v12h12v-5h2v5a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V7a2%202%200%200%201%202-2Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M14%203v2h3.6l-8.3%208.3%201.4%201.4L19%206.4V10h2V3h-7ZM5%205h5v2H5v12h12v-5h2v5a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V7a2%202%200%200%201%202-2Z%22%2F%3E%3C%2Fsvg%3E"); }
.fa-external-link { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M14%203v2h3.6l-8.3%208.3%201.4%201.4L19%206.4V10h2V3h-7ZM5%205h5v2H5v12h12v-5h2v5a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V7a2%202%200%200%201%202-2Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M14%203v2h3.6l-8.3%208.3%201.4%201.4L19%206.4V10h2V3h-7ZM5%205h5v2H5v12h12v-5h2v5a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V7a2%202%200%200%201%202-2Z%22%2F%3E%3C%2Fsvg%3E"); }
.fa-close { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M18.3%205.7%2012%2012l6.3%206.3-1.4%201.4L10.6%2013.4%2012%2012%204.3%204.3%205.7%202.9%2012%209.2l6.3-6.3%201.4%201.4Z%22%2F%3E%3Cpath%20d%3D%22M5.7%2019.7%204.3%2018.3%2018.3%204.3l1.4%201.4-14%2014Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M18.3%205.7%2012%2012l6.3%206.3-1.4%201.4L10.6%2013.4%2012%2012%204.3%204.3%205.7%202.9%2012%209.2l6.3-6.3%201.4%201.4Z%22%2F%3E%3Cpath%20d%3D%22M5.7%2019.7%204.3%2018.3%2018.3%204.3l1.4%201.4-14%2014Z%22%2F%3E%3C%2Fsvg%3E"); }
.fa-angle-right { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m9%205.5%206.5%206.5L9%2018.5%207.6%2017l5-5-5-5L9%205.5Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m9%205.5%206.5%206.5L9%2018.5%207.6%2017l5-5-5-5L9%205.5Z%22%2F%3E%3C%2Fsvg%3E"); }
.fa-angle-down { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M5.5%209%2012%2015.5%2018.5%209%2017%207.6l-5%205-5-5L5.5%209Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M5.5%209%2012%2015.5%2018.5%209%2017%207.6l-5%205-5-5L5.5%209Z%22%2F%3E%3C%2Fsvg%3E"); }



/* ============================================================
   Στοιχεία και σχεδίαση 2026
   ============================================================ */


/* ============================================================
   Στοιχεία και σχεδίαση 2026
   ============================================================ */

/* ---------- 6. Τυπογραφία ---------- */
h1, h2, h3 { letter-spacing: -.02em; }
.ren-eyebrow {
  display: inline-flex; align-items: center; gap: 10px;
  font-size: .78rem; font-weight: 900; letter-spacing: .22em; text-transform: uppercase;
  color: var(--ren-violet); margin: 0 0 14px;
}
.ren-eyebrow::before {
  content: ""; width: 26px; height: 3px; border-radius: 3px;
  background: linear-gradient(90deg, var(--ren-accent), var(--ren-cyan));
}
.ren-title {
  font-size: clamp(1.7rem, 3.6vw, 2.7rem); font-weight: 900; line-height: 1.1;
  margin: 0 0 16px; color: var(--ren-ink);
}
.ren-lead { font-size: 1.12rem; line-height: 1.75; color: var(--ren-muted); }
.ren-hl { color: var(--ren-yellow); }
.ren-section-head { max-width: 720px; margin-bottom: 34px; }

/* ---------- 7. Κουμπιά ---------- */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: .55em;
  font-weight: 800; text-align: center; vertical-align: middle; white-space: normal;
  cursor: pointer; user-select: none; border: 2px solid transparent;
  padding: .78rem 1.6rem; font-size: 1rem; line-height: 1.3; border-radius: 999px;
  color: #fff; background: var(--ren-ink-3);
  transition: transform .16s ease, box-shadow .22s ease, background-color .22s ease, color .22s ease, border-color .22s ease;
}
.btn:hover { transform: translateY(-2px); color: #fff; box-shadow: 0 12px 26px rgba(22, 35, 74, .26); }
.btn:active { transform: translateY(0); }
.btn-primary { color: #fff; background: var(--ren-ink-3); border-color: var(--ren-ink-3); }
.btn-primary:hover { background: var(--ren-violet); border-color: var(--ren-violet); }
.btn-yellow, .btn-cta {
  background: var(--ren-accent); color: var(--ren-ink); border-color: var(--ren-accent);
  box-shadow: 0 10px 30px rgba(0, 180, 227, .28);
}
.btn-yellow:hover, .btn-cta:hover { background: #fff; border-color: #fff; color: var(--ren-ink); }
.btn-ghost { background: rgba(255, 255, 255, .08); color: #fff; border-color: rgba(255, 255, 255, .38); backdrop-filter: blur(8px); }
.btn-ghost:hover { background: #fff; color: var(--ren-ink); border-color: #fff; }
.btn-sm { padding: .5rem 1.1rem; font-size: .9rem; }
.btn-outline-secondary { color: var(--ren-ink-3); background: transparent; border-color: var(--ren-ink-3); }
.btn-outline-secondary:hover { color: #fff; background: var(--ren-ink-3); }
.btn-link { background: none; border: 0; color: var(--ren-violet); padding: .4rem .6rem; border-radius: 999px; font-weight: 800; }
.btn-link:hover { background: var(--ren-ice); box-shadow: none; transform: none; }

/* ---------- 8. Κάρτες ---------- */
.card {
  position: relative; display: flex; flex-direction: column;
  background: #fff; border: 1px solid var(--ren-line); border-radius: var(--ren-radius);
}
.card-body { padding: 1.4rem; }
.card-header { padding: .8rem 1.4rem; border-bottom: 1px solid var(--ren-line); }

/* ---------- 9. Navbar ---------- */
.navbar {
  position: relative; display: flex; align-items: center; padding: .35rem 0;
  background: var(--ren-brand);
  box-shadow: 0 2px 18px rgba(22, 35, 74, .18);
}
.navbar.static-top { position: sticky; top: 0; z-index: 900; }
.navbar .container { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px 20px; }
.navbar-nav { display: flex; list-style: none; margin: 0; padding: 0; gap: 4px; flex-wrap: wrap; order: 2; }
.nav-item { display: block; }
.nav-link { display: block; padding: .5rem .95rem; color: rgba(255, 255, 255, .84); font-weight: 700; font-size: .95rem; border-radius: 999px; }
.nav-link:hover, .nav-link.active { color: var(--ren-accent); background: rgba(255, 255, 255, .09); }
nav.navbar a.ren-logo-ris { display: inline-flex; align-items: center; }
nav.navbar p.logo { margin: 0; padding: 8px 0; width: auto; }
nav.navbar p.logo img.logo, nav.navbar img.logo { display: block; height: 74px; width: auto; max-width: 100%; }
nav.navbar .form-link { order: 3; flex: 0 0 auto; }
.navbar .form-link a.renbtn {
  display: inline-block; padding: .45rem 1.25rem; border-radius: 999px;
  border: 2px solid var(--ren-accent) !important; color: var(--ren-accent); font-weight: 800; background: transparent;
}
.navbar .form-link a.renbtn:hover { background: var(--ren-accent) !important; color: var(--ren-ink) !important; }

.dropdown { position: relative; }
.dropdown-menu {
  display: none; position: absolute; top: 100%; left: 0; z-index: 950; min-width: 13rem;
  padding: .5rem 0; margin: .4rem 0 0; background: #fff; border-radius: var(--ren-radius-sm); box-shadow: var(--ren-shadow-lg);
}
.dropdown-menu.show { display: block; }
.dropdown-item { display: block; padding: .55rem 1.2rem; color: var(--ren-text); font-weight: 600; }
.dropdown-item:hover { background: var(--ren-ice); color: var(--ren-violet); }
.dropdown-divider { height: 1px; margin: .5rem 0; background: var(--ren-line); }

/* ---------- 10. Collapse ---------- */
.collapse { display: none; }
.collapse.show { display: block; }
.collapsing { display: block; overflow: hidden; transition: height .25s ease; }

/* ---------- 11. Modal ---------- */
.modal { position: fixed; inset: 0; z-index: 1050; display: none; overflow: hidden auto; padding: 24px 12px; }
.modal.show { display: block; }
.modal-open { overflow: hidden; }
.modal-backdrop {
  position: fixed; inset: 0; z-index: 1040; background: rgba(16, 28, 60, .86);
  opacity: 0; transition: opacity .22s ease; backdrop-filter: blur(6px);
}
.modal-backdrop.show { opacity: 1; }
.modal-dialog {
  position: relative; width: 100%; max-width: 780px; margin: 1.6rem auto;
  transform: translateY(-16px) scale(.985); opacity: 0;
  transition: transform .24s cubic-bezier(.2,.8,.3,1), opacity .24s ease;
}
.modal.show .modal-dialog { transform: none; opacity: 1; }
.modal-content {
  display: flex; flex-direction: column; width: 100%; background: #fff;
  border-radius: var(--ren-radius); overflow: hidden; box-shadow: var(--ren-shadow-lg);
}
.modal-header { display: flex; align-items: center; justify-content: flex-end; padding: 0; }
.modal-body { position: relative; padding: 1.2rem; }
.modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px; padding: .9rem 1.2rem; }
.close { background: none; border: 0; font-size: 1.6rem; line-height: 1; color: #fff; opacity: .8; cursor: pointer; padding: .2rem .6rem; }
.close:hover { opacity: 1; }

div.vplayer { position: relative; aspect-ratio: 16 / 9; background: #000; }
div.vplayer iframe { position: absolute; inset: 0; width: 100%; height: 100%; }

.ren-modal-player .modal-content { background: var(--ren-ink); }
.ren-modal-player .modal-body { padding: 0; background: var(--ren-ink); }
.ren-modal-player .modal-body div.logo,
.ren-modal-player .modal-body div.logo2 {
  width: 49%; display: inline-block; vertical-align: middle;
  background: var(--ren-ink); padding: 16px 0; text-align: center;
}
.ren-modal-player .modal-body div.logo img { max-height: 54px; width: auto; }
.ren-modal-player .modal-body div.logo2 img { max-height: 42px; width: auto; }
.ren-modal-player .modal-footer { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 1rem 1.2rem; background: #fff; }
.ren-modal-player .modal-footer p { margin: 0 auto 0 0; color: var(--ren-text); font-weight: 800; }
.ren-modal-player .modal-footer table { width: 100%; flex: 0 0 100%; }
.ren-modal-player .modal-footer table td { border: 0; }
.ren-modal-player .modal-footer table p { margin-right: 0; }
button.close-modal { font-size: 1rem; color: #fff; }
@media (max-width: 780px) {
  .ren-modal-player .modal-body div.logo,
  .ren-modal-player .modal-body div.logo2 { width: 100%; }
}

/* ---------- 12. Hero ---------- */
header.masthead, .ren-hero {
  position: relative; display: flex; align-items: center;
  padding: 72px 0; overflow: hidden;
  background: var(--ren-ink) url("../img/campus/AACENTRAL.jpg") no-repeat center 50%;
  background-size: cover; color: #fff;
}
header.masthead .overlay, .ren-hero .overlay {
  position: absolute; inset: 0; pointer-events: none;
  background:
    linear-gradient(180deg, rgba(13,22,50,.58) 0%, rgba(13,22,50,.12) 30%, rgba(13,22,50,.70) 74%, rgba(13,22,50,.90) 100%),
    linear-gradient(90deg, rgba(11,19,44,.82) 0%, rgba(11,19,44,.48) 40%, rgba(13,22,50,.06) 74%);
}
header.masthead .container, .ren-hero .container { position: relative; z-index: 3; width: 100%; }
header.masthead.ren-hero-full { min-height: min(86vh, 820px); padding: 80px 0; }

.ren-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 30px; align-items: center; }

.ren-kicker {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 7px 17px 7px 11px; border-radius: 999px;
  background: rgba(10, 18, 42, .58); border: 1px solid rgba(255, 255, 255, .22);
  backdrop-filter: blur(8px);
  font-size: .8rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase;
  color: #fff; margin: 0 0 20px;
}
.ren-kicker .dot {
  width: 9px; height: 9px; border-radius: 50%; background: var(--ren-accent);
  box-shadow: 0 0 0 0 rgba(0, 180, 227, .8); animation: renPulse 2.2s infinite;
}
@keyframes renPulse {
  0% { box-shadow: 0 0 0 0 rgba(0, 180, 227, .7); }
  70% { box-shadow: 0 0 0 12px rgba(0, 180, 227, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 180, 227, 0); }
}

header.masthead h1, .ren-hero h1 {
  font-size: clamp(2.1rem, 6.2vw, 4.7rem); font-weight: 900; line-height: .99;
  letter-spacing: -.04em; margin: 0 0 18px; max-width: 16ch;
  text-shadow: 0 8px 40px rgba(0, 0, 0, .45);
}
header.masthead h1.mb-5 { margin-bottom: 18px !important; }
header.masthead p.place, .ren-hero .ren-place {
  display: flex; align-items: center; gap: 13px; flex-wrap: wrap;
  font-size: clamp(1.02rem, 1.9vw, 1.3rem); font-weight: 800; line-height: 1.35; color: #fff;
  text-shadow: 0 2px 14px rgba(0, 0, 0, .75), 0 1px 3px rgba(0, 0, 0, .6);
  margin: 0 0 24px;
}
header.masthead p.place .ren-city, .ren-hero .ren-place .ren-city {
  color: var(--ren-cyan-light);
}
header.masthead p.place::before, .ren-hero .ren-place::before {
  content: ""; width: 34px; height: 4px; background: var(--ren-yellow); border-radius: 2px; flex: 0 0 34px;
}

.ren-meta { display: flex; flex-wrap: wrap; gap: 10px; }
.ren-chip {
  display: inline-flex; align-items: center; gap: 8px; padding: 11px 19px; border-radius: 14px;
  background: rgba(10, 18, 42, .58); border: 1px solid rgba(255, 255, 255, .22);
  backdrop-filter: blur(10px); font-weight: 800; font-size: 1rem; color: #fff;
}
.ren-chip.is-accent { background: var(--ren-accent); border-color: var(--ren-accent); color: var(--ren-ink); }

.ren-hero-owl { position: relative; z-index: 3; }
img.owl {
  width: 210px; max-width: 42vw; height: auto;
  filter: drop-shadow(0 22px 44px rgba(0, 0, 0, .55));
  animation: renFloat 5s ease-in-out infinite;
}
@keyframes renFloat { 0%, 100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-16px) rotate(1deg); } }

/* ---------- 13. Λωρίδα ---------- */
.ren-strip {
  background: var(--ren-brand); color: var(--ren-yellow);
}
.ren-strip .container {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
  gap: 6px 28px; padding-top: 14px; padding-bottom: 14px;
  font-weight: 900; font-size: 1.05rem; letter-spacing: .14em; text-transform: uppercase;
}

/* ---------- 14. Ζώνες υποσελίδων ---------- */
section.header { background: var(--ren-brand); color: #fff; padding: 22px 0; }
section.header .row { width: 100%; }
section.header .row > p, section.header .row > h2 { flex: 1 1 100%; }
section.header p { margin: 0 !important; padding: 0 !important; font-size: clamp(1.05rem, 2.2vw, 1.5rem); font-weight: 800; }
section.header p a { color: var(--ren-accent); }
section.header p a:hover { color: #fff; }
section.header.text-center p { text-align: center; }
h2.row-message { width: 100%; text-align: center; margin: 6px 0; font-size: clamp(1.05rem, 2.4vw, 1.5rem); font-weight: 900; }
h2.row-message span { color: var(--ren-accent); }
section.header.ren-band-free { background: var(--ren-accent); }
section.header.ren-band-free h2.row-message, section.header.ren-band-free p { color: var(--ren-ink); }
header.masthead.is-plain { background-image: none; background: var(--ren-brand); padding: 34px 0 44px; }
header.masthead.is-plain .overlay { display: none; }
header.masthead .video { width: 100%; max-width: 980px; margin: 0 auto; }
header.masthead .video iframe { width: 100%; aspect-ratio: 16/9; height: auto; border-radius: 16px; }
header.masthead .video p.btn { margin-bottom: 14px; }

/* ---------- 15. Το κείμενο της Βραδιάς ---------- */
.ren-about { background: #fff; color: var(--ren-text); padding: 86px 0; }
.ren-about .overlay { display: none; }
.ren-about-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 56px; align-items: center; }
.ren-about p, p.about { text-align: left; color: var(--ren-muted); font-size: 1.08rem; line-height: 1.8; }
/* Η ετικέτα της ενότητας δεν είναι παράγραφος κειμένου */
.ren-about p.ren-eyebrow {
  font-size: .78rem; line-height: 1.4; color: var(--ren-violet);
  letter-spacing: .22em; margin: 0 0 14px; text-align: left;
}
.ren-about p + p { margin-top: 1.15rem; }
.ren-about .ren-closing { color: var(--ren-ink); font-weight: 900; font-size: 1.2rem; }

.ren-photo-stack { position: relative; }
.ren-photo-stack img { display: block; width: 100%; border-radius: 22px; box-shadow: 0 24px 54px rgba(22, 35, 74, .22); }
.ren-photo-stack .ren-photo-b {
  position: absolute; right: -18px; bottom: -46px; width: 56%;
  border: 6px solid #fff; border-radius: 20px;
}
.ren-photo-credit { margin-top: 62px; font-size: .84rem; color: var(--ren-muted); }

/* ---------- 16. Ανακοινώσεις ---------- */
.ren-posts-section { background: var(--ren-paper-2); padding: 78px 0; }
.ren-posts { list-style: none; margin: 0; padding: 0; }
.ren-post {
  display: flex; align-items: center; gap: 16px;
  background: #fff; border: 1px solid var(--ren-line); border-radius: 18px;
  padding: 18px 22px; margin-bottom: 12px;
  transition: transform .18s ease, box-shadow .22s ease, border-color .22s ease;
}
.ren-post:hover {
  transform: translateX(4px); border-color: rgba(0, 137, 184, .45);
  box-shadow: 0 16px 36px rgba(22, 35, 74, .10);
}
.ren-post-tag {
  flex: 0 0 auto; min-width: 52px; text-align: center; padding: 5px 10px;
  border-radius: 999px; background: var(--ren-ink-3); color: #fff;
  font-size: .7rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase;
}
.ren-post-title { flex: 1 1 auto; font-size: 1.06rem; font-weight: 800; color: var(--ren-ink); }
.ren-post:hover .ren-post-title { color: var(--ren-violet); }
.ren-post-date { flex: 0 0 auto; font-size: .88rem; font-weight: 700; color: var(--ren-muted); }

/* ---------- 17. Παλαιότερες βραδιές ---------- */
section.ch2018 { padding: 78px 0 88px; background: #fff; }
section.ch2018 h1.my-4, section.ch2018 .side h1.my-4 { font-size: clamp(1.5rem, 3vw, 2.1rem); font-weight: 900; color: var(--ren-ink); margin: 0 0 26px !important; }
section.ch2018 div.card { background: none; border: 0; }
section.ch2018 div.card-body { padding: 0; }
section.ch2018 div.card-body table { width: 100%; border-spacing: 0; }
section.ch2018 div.card-body table tr {
  display: flex; align-items: center; gap: 14px; background: #fff;
  border: 1px solid var(--ren-line); border-radius: 18px; padding: 14px 18px; margin-bottom: 12px;
}
section.ch2018 div.card-body td { padding: 0; border: 0; }
section.ch2018 div.card-body td.date { flex: 0 0 auto; }
section.ch2018 div.card-body td.date img { width: 42px; height: 42px; margin: 0 !important; border-radius: 50%; object-fit: cover; }
section.ch2018 div.card-body td.ann-title { flex: 1 1 auto; font-weight: 800; }
section.ch2018 div.card-body td.ann-title a { color: var(--ren-ink); }
section.ch2018 div.card-body td.ann-title a:hover { color: var(--ren-violet); }

.ren-years { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.ren-year {
  position: relative; overflow: hidden; border-radius: 18px;
  background: #fff; border: 1px solid var(--ren-line);
  transition: transform .18s ease, box-shadow .22s ease, border-color .22s ease;
}
.ren-year:hover { transform: translateY(-4px); border-color: rgba(0, 137, 184, .4); box-shadow: 0 18px 40px rgba(22, 35, 74, .14); }
.ren-year > a.ren-year-banner { display: block; overflow: hidden; }
.ren-year img.ren-year-img { display: block; width: 100%; height: auto; transition: transform .35s ease; }
.ren-year:hover img.ren-year-img { transform: scale(1.04); }
.ren-year-foot { display: flex; align-items: center; gap: 10px; padding: 12px 14px; background: #fff; border-top: 1px solid var(--ren-line); }
.prevy-video { max-width: 34px !important; width: 34px; height: 34px; margin: 0 !important; border-radius: 50%; object-fit: cover; }
.prevy-video-link { padding-left: 0; font-weight: 800; font-size: .95rem; color: var(--ren-ink); }
.prevy-video-link:hover { color: var(--ren-violet); }

div.side div.my-4 { text-align: center; }
div.side div.my-4 img { width: 100%; max-width: 250px; }
.prvyear {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  background: #fff; border: 1px solid var(--ren-line); border-radius: 18px;
  padding: 12px 14px; margin: 0 0 12px !important;
}
.prvyear .left { flex: 0 0 46%; max-width: 46%; }
.prvyear .left img { width: 100%; border-radius: 12px; display: block; }
.prvyear .right { flex: 1 1 auto; display: flex; align-items: center; gap: 10px; text-align: left; }
div.ondemand_item.link_prev_video {
  display: inline; background: none !important; border: 0 !important;
  border-radius: 0 !important; margin: 0 !important; padding: 0 !important;
  box-shadow: none !important; overflow: visible;
}
div.ondemand_item.link_prev_video:hover { transform: none; box-shadow: none !important; }
div.ondemand_item.link_prev_video button.btn-primary { font-size: 1rem; padding: .5rem 1.1rem; }

/* ---------- 18. ON DEMAND ---------- */
section.ondemand { padding: 46px 0 76px; background: var(--ren-paper-2); }
section.ondemand h2.mb-5 { font-size: clamp(1.5rem, 3vw, 2.1rem); font-weight: 900; color: var(--ren-ink); text-align: center; }
section.ondemand .under_title { text-align: center; }
section.ondemand .col-lg-4, section.ondemand .col-lg-12 { padding-top: 22px; }

div.ondemand_item {
  display: flex; flex-wrap: wrap; align-items: stretch; background: #fff;
  border: 1px solid var(--ren-line); border-radius: 18px; overflow: hidden;
  margin: 20px 15px 0 !important; padding: 0 !important;
  transition: transform .18s ease, box-shadow .22s ease, border-color .22s ease;
}
div.ondemand_item:hover { transform: translateY(-3px); border-color: rgba(0, 137, 184, .38); box-shadow: 0 18px 40px rgba(22, 35, 74, .14); }
div.ondemand_item div.thumb { float: none; flex: 0 0 34%; max-width: 34%; padding: 0; overflow: hidden; position: relative; background: #000; }
div.ondemand_item div.thumb a { display: block; height: 100%; }
div.ondemand_item img.ytthumb { width: 100%; height: 100%; min-height: 168px; object-fit: cover; margin: 0; display: block; transition: transform .35s ease, opacity .3s ease; }
div.ondemand_item div.thumb:hover img.ytthumb { transform: scale(1.06); opacity: .85; }
div.ondemand_item div.thumb::after {
  content: ""; position: absolute; left: 50%; top: 50%; width: 56px; height: 56px;
  transform: translate(-50%, -50%); border-radius: 50%; background: var(--ren-accent);
  pointer-events: none; box-shadow: 0 8px 24px rgba(0, 0, 0, .4); transition: transform .2s ease;
}
div.ondemand_item div.thumb:hover::after { transform: translate(-50%, -50%) scale(1.1); }
div.ondemand_item div.thumb::before {
  content: ""; position: absolute; left: 50%; top: 50%; z-index: 2; transform: translate(-50%, -50%);
  width: 0; height: 0; margin-left: 4px;
  border-left: 17px solid var(--ren-ink); border-top: 11px solid transparent; border-bottom: 11px solid transparent;
  pointer-events: none;
}
div.ondemand_item div.teamlinks { float: none; flex: 1 1 0; min-width: 0; padding: 0; display: flex; flex-direction: column; }
div.ondemand_item div.teamlinks .ondemand-header { height: auto; flex: 1 1 auto; padding: 20px 22px 14px; border: 0; }
div.ondemand_item div.ondemand-header { background: #fff; text-align: left; }
div.ondemand_item a.ondemand-item-title, div.ondemand_item button {
  font-size: 1.08rem; color: var(--ren-ink); font-weight: 800; text-align: left; line-height: 1.35;
  background: none; border: 0; padding: 0; cursor: pointer; display: inline-block;
}
div.ondemand_item a.ondemand-item-title:hover, div.ondemand_item button:hover { color: var(--ren-violet); }
div.ondemand_item button.close-modal { color: #fff; }
div.ondemand_item div.ondemand-body {
  background: var(--ren-paper-2); height: auto; padding: 12px 22px;
  font-weight: 700; color: var(--ren-ink-3); font-size: .94rem; border-top: 1px solid var(--ren-line);
}
div.ondemand_item div.ondemand-body a { color: var(--ren-ink-3) !important; word-break: break-word; }
div.ondemand_item div.ondemand-body a:hover { color: var(--ren-violet) !important; }
div.ondemand_item div.ondemand-body a.webpage { margin-right: 14px; margin-left: 4px; }
div.ondemand_item div.ondemand-body a.mail { margin-left: 4px; }
div.ondemand_item div.ondemand-body div.contact { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; }
div.ondemand_item div.ondemand-body div.social { padding-top: 8px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
div.ondemand_item div.ondemand-body .fa { color: var(--ren-violet); }
div.ondemand_item div.comp-header { padding: 12px 0; }

/* ---------- 19. Πλακίδια ---------- */
.competition-item {
  height: 100%; background: #fff; border: 1px solid var(--ren-line); border-radius: 20px;
  overflow: hidden; transition: transform .18s ease, box-shadow .22s ease, border-color .22s ease;
}
a:hover .competition-item, .competition-item:hover {
  transform: translateY(-5px); border-color: rgba(0, 137, 184, .4); box-shadow: 0 20px 44px rgba(22, 35, 74, .16);
}
.comp-header { background: var(--ren-ice); padding: 26px 16px; text-align: center; }
.comp-header .icon { margin: 0 auto 14px; }
.comp-header .icon img { width: 56px; height: auto; }
.comp-header p { color: var(--ren-muted); }
.competition-item h5 { margin: 0; font-size: 1.16rem; font-weight: 900; color: var(--ren-ink); text-align: center; }
.under_title { text-align: center; color: var(--ren-muted); }
.comp-body { padding: 0; color: var(--ren-ink-3); }
.comp-body .comp-submit { text-align: center; padding: 0 0 16px; }
.comp-body .comp-submit button { width: 88%; }
.comp-body .card { border: 0; }
.comp-body .card-header { border: 0; padding: .4rem 1rem; text-align: center; background: none; }
.comp-body .card-header h5 { margin: 0; }
.comp-body .card-body { padding: 0 1.2rem 1rem; font-size: .96rem; color: var(--ren-text); }

section.competitions {
  padding: 82px 0; color: #fff; position: relative;
  background: var(--ren-ink) url("../img/campus/DJI_0838.jpg") no-repeat center center;
  background-size: cover; background-attachment: fixed;
}
section.competitions::before { content: ""; position: absolute; inset: 0; background: rgba(16, 28, 60, .86); }
section.competitions .container { position: relative; z-index: 2; }
section.competitions h2.mb-5 { font-size: clamp(1.6rem, 3.2vw, 2.2rem); font-weight: 900; text-align: center; }
section.competitions .row { align-items: stretch; }

/* ---------- 20. Testimonials ---------- */
section.testimonials { background: var(--ren-paper-2); padding: 78px 0; }
section.testimonials h2.mb-5 { font-size: clamp(1.6rem, 3.2vw, 2.1rem); font-weight: 900; color: var(--ren-ink); text-align: center; }
.testimonials .testimonial-item { max-width: 20rem; margin: 0 auto; }
.testimonials .testimonial-item img { max-width: 8rem; border-radius: 50%; }
.testimonials h5 { margin: 12px 0 20px; font-size: 1.16rem; font-weight: 900; color: var(--ren-ink); }
.testimonials p { margin-bottom: 10px; font-size: 1.03rem; }
.testimonials p.mb-0 { text-align: center; }
.testimonials hr { border: 0; border-top: 3px solid var(--ren-accent); width: 40px; margin: 0 auto 12px; }
section.testimonials ul { list-style: none; padding-left: 0; margin-top: 20px; }
section.testimonials ul li { margin-bottom: 10px; }
section.testimonials ul li i.fa { margin-right: 10px; color: var(--ren-violet); }
section.testimonials ul li a.forms { font-size: 1.03rem; font-weight: 800; }

/* ---------- 21. Χορηγοί ---------- */
section.sponsors { background: #fff; padding: 56px 0 48px; border-top: 1px solid var(--ren-line); }
section.sponsors .ren-container { max-width: 1300px !important; }
section.sponsors .row { justify-content: center; }
section.sponsors img { margin: 0 auto; width: 100%; max-width: 1200px; height: auto; }

/* ---------- 22. Υποσέλιδο ---------- */
footer.footer { background: #fff; color: var(--ren-muted); padding: 46px 0 40px; border-top: 1px solid var(--ren-line); }
footer.footer a { color: var(--ren-ink-3); }
footer.footer a:hover { color: var(--ren-violet); }
footer.footer .text-muted { color: var(--ren-muted) !important; }
footer.footer .list-inline-item a {
  display: inline-flex; align-items: center; justify-content: center;
  width: 46px; height: 46px; border-radius: 16px;
  background: var(--ren-paper-2); border: 1px solid var(--ren-line); color: var(--ren-ink-3);
  transition: background-color .2s ease, transform .18s ease, color .2s ease, border-color .2s ease;
}
footer.footer .list-inline-item a:hover { background: var(--ren-accent); border-color: var(--ren-accent); color: var(--ren-ink); transform: translateY(-3px); }
footer.footer .list-inline-item .fa-2x { font-size: 1.3em; }
footer.footer .horizon { text-align: center; }
footer.footer .horizon p { width: 100%; padding: 0; margin-bottom: 0; }
footer.footer .horizon img { margin: 20px 0; }
footer.footer .ren-fineprint {
  margin: 26px 0 0; padding-top: 18px; border-top: 1px solid var(--ren-line);
  font-size: .78rem; line-height: 1.65; color: var(--ren-muted);
}

div.back_button { text-align: left; margin: 28px 0 0; padding: 0 15px; }

/* ---------- 23. Gallery ---------- */
.tz-gallery { padding: 10px 0 0; }
.tz-gallery .lightbox img { width: 100%; border-radius: 14px; }
.masonry { column-count: 3; column-gap: 16px; }
.masonry-item { display: inline-block; width: 100%; margin-bottom: 16px; break-inside: avoid; }
.masonry-item img { width: 100%; border-radius: 14px; display: block; transition: transform .3s ease, box-shadow .3s ease; }
.masonry-item img:hover { transform: scale(1.02); box-shadow: 0 18px 40px rgba(22, 35, 74, .25); }
.container.gallery-container { background: #fff; border-radius: 22px; }

/* ---------- 24. Responsive ---------- */
@media (max-width: 1100px) {
  .ren-about-grid { grid-template-columns: 1fr; gap: 68px; }
  .ren-photo-stack .ren-photo-b { right: 0; bottom: -34px; width: 46%; }
  .ren-years { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 992px) {
  header.masthead.ren-hero-full { min-height: 74vh; padding: 64px 0; }
  header.masthead, .ren-hero { padding: 56px 0; }
  .ren-hero-grid { grid-template-columns: 1fr; align-items: start; }
  .ren-hero-owl { order: -1; }
  img.owl { width: 150px; }
  nav.navbar p.logo img.logo, nav.navbar img.logo { height: 58px; }
  .ren-about, section.ch2018, .ren-posts-section { padding: 60px 0; }
  div.ondemand_item div.thumb { flex: 0 0 40%; max-width: 40%; }
}
@media (max-width: 780px) {
  header.masthead, .ren-hero, header.masthead.ren-hero-full { min-height: 0; padding: 46px 0; background-position: center center; }
  .ren-strip .container { font-size: .92rem; letter-spacing: .1em; }
  .ren-years { grid-template-columns: 1fr; }
  .ren-photo-stack .ren-photo-b { position: static; width: 100%; margin-top: 14px; border: 0; }
  .ren-photo-credit { margin-top: 18px; }
  .ren-post { flex-wrap: wrap; gap: 10px 14px; padding: 16px 18px; }
  .ren-post-title { flex: 1 1 100%; order: 2; }
  div.ondemand_item { margin: 16px 0 0 !important; }
  div.ondemand_item div.thumb { flex: 0 0 100%; max-width: 100%; }
  div.ondemand_item img.ytthumb { min-height: 0; aspect-ratio: 16/9; }
  .prvyear { flex-direction: column; align-items: stretch; }
  .prvyear .left, .prvyear .right { flex: 1 1 auto; max-width: 100%; }
  section.competitions { background-attachment: scroll; }
  footer.footer { text-align: center; }
  footer.footer .list-inline { margin-top: 18px; }
  .masonry { column-count: 2; }
  div.side div.my-4 img { max-width: 100%; }
}
@media (max-width: 576px) { .masonry { column-count: 1; } }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important; animation-iteration-count: 1 !important;
    transition-duration: .001ms !important; scroll-behavior: auto !important;
  }
}
@media print {
  .navbar, footer.footer, .modal, .modal-backdrop, .ren-strip { display: none !important; }
  body { color: #000; }
}

/* ---------- 25. Πρόπλασμα βίντεο YouTube ---------- */
.ren-yt {
  position: absolute; inset: 0; width: 100%; height: 100%;
  padding: 0; margin: 0; border: 0; cursor: pointer; overflow: hidden;
  background: #000; display: block;
}
.ren-yt-poster {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; display: block;
  transition: transform .4s ease, opacity .3s ease;
}
.ren-yt::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(180deg, rgba(22,35,74,.15) 0%, rgba(22,35,74,.05) 45%, rgba(22,35,74,.45) 100%);
}
.ren-yt-play {
  position: absolute; left: 50%; top: 50%; z-index: 2;
  width: 84px; height: 84px; margin: -42px 0 0 -42px;
  border-radius: 50%; background: var(--ren-accent);
  box-shadow: 0 12px 34px rgba(0, 0, 0, .5);
  transition: transform .2s ease, background-color .2s ease;
}
.ren-yt-play::before {
  content: ""; position: absolute; left: 50%; top: 50%;
  transform: translate(-50%, -50%); margin-left: 5px;
  width: 0; height: 0;
  border-left: 26px solid var(--ren-ink);
  border-top: 16px solid transparent; border-bottom: 16px solid transparent;
}
.ren-yt:hover .ren-yt-play { transform: scale(1.08); background: #fff; }
.ren-yt:hover .ren-yt-poster { transform: scale(1.03); opacity: .92; }
@media (max-width: 780px) {
  .ren-yt-play { width: 62px; height: 62px; margin: -31px 0 0 -31px; }
  .ren-yt-play::before { border-left-width: 19px; border-top-width: 12px; border-bottom-width: 12px; }
}