/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!../../wp-content/themes/mgr.farm/page-templates/2025/09/gsk/scss/main.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
@font-face {
  font-family: Inter;
  src: url("/wp-content/themes/mgr.farm/assets/fonts/Inter/Inter-VariableFont_slnt,wght.ttf") format("truetype");
  font-weight: 100 900; /* All weights in one file */
  font-style: oblique -10deg 0deg; /* Enables slnt axis (optional) */
  font-display: swap;
}
@font-face {
  font-family: Ubuntu;
  src: url("/wp-content/themes/mgr.farm/assets/fonts/Ubuntu/Ubuntu-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Ubuntu;
  src: url("/wp-content/themes/mgr.farm/assets/fonts/Ubuntu/Ubuntu-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Ubuntu;
  src: url("/wp-content/themes/mgr.farm/assets/fonts/Ubuntu/Ubuntu-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
/* Set global defaults */
html {
  font-size: 62.5%;
}

body.page-template {
  background-color: #fff;
  color: #241F1F;
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
}

body.page-template h1 {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: clamp(3.5rem, 3.8vw, 4.5rem);
  color: #004356;
  text-transform: none;
  line-height: 1.5;
}

body.page-template h2 {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: clamp(3.5rem, 3.8vw, 4.5rem);
  color: #241F1F;
  text-transform: none;
  line-height: normal;
}

.fm-container {
  --gutter: 15px;
  --content-max: 100%;
  box-sizing: border-box;
  width: 100%;
  margin-inline: auto;
  padding-inline: var(--gutter);
  max-width: calc(var(--content-max) + 2 * var(--gutter));
}
@media (width >= 576px) {
  .fm-container {
    --gutter: 15px; /* keep or adjust */
  }
}
@media (width >= 768px) {
  .fm-container {
    --gutter: 48px;
  }
}
@media (width >= 1200px) {
  .fm-container {
    --gutter: 60px;
    --content-max: 1140px;
  }
}
@media (width >= 1537px) {
  .fm-container {
    --content-max: 1280px;
  }
}
@media (width >= 1920px) {
  .fm-container {
    --content-max: 1410px;
  }
}

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

.banner-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
.banner-wrapper .banner-news__link {
  display: flex;
  flex-direction: column;
}
.banner-wrapper .banner-news__link:hover {
  text-decoration: none;
}
.banner-wrapper .banner-text {
  font-size: 9px;
  color: #ccc;
  text-decoration: none;
  text-align: left;
}
.banner-wrapper .banner-mobile {
  display: none;
}
@media (width <= 768px) {
  .banner-wrapper .banner-mobile {
    display: block;
  }
}
@media (width <= 768px) {
  .banner-wrapper .banner-desktop {
    display: none;
  }
}

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

.read-more-link {
  justify-self: end;
  font: 600 15px/1.2em Inter, system-ui, sans-serif;
  text-decoration: underline;
  color: #241F1F;
}
.read-more-link .news-card__arrows-right {
  color: #FF7200;
}

.c-title {
  font-weight: 600;
  color: #241F1F;
  text-transform: none;
  line-height: normal;
}
.c-title--accent {
  color: #FF7200;
}
.c-title--center {
  text-align: center;
}
.c-title__size-h3 {
  font-size: 40px;
  font-weight: 600;
  line-height: 1.4;
}
.c-title--mb-60 {
  margin-bottom: 60px;
}
.c-title--mt-80 {
  margin-top: 80px;
}

.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  border-radius: 10px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(10px);
  color: #241F1F;
  border: 2px solid #241F1F;
  transition: background-color 0.2s ease, border-color 0.2s ease;
  min-width: 330px;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1em;
}
.btn.btn-mgr {
  border-color: #FF7200;
}
.btn.btn-mgr:hover {
  background-color: #FF7200;
  border-color: #FF7200;
  color: #fff;
}
.btn.btn-technician {
  border-color: #1DA8A3;
}
.btn.btn-technician:hover {
  background-color: #1DA8A3;
  border-color: #1DA8A3;
  color: #fff;
}

.btn-edge-cta {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  z-index: 4;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 12px;
  background: #241F1F;
  color: #fff;
  border: 6px solid #f1f1f1;
  backdrop-filter: blur(2px);
  font-weight: 600;
  font-size: clamp(12px, 1.2vw, 14px);
  line-height: 1.2em;
  font-family: Ubuntu, sans-serif;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.btn-edge-cta svg {
  display: block;
}
.btn-edge-cta:hover {
  background: #FF7200;
  box-shadow: 0 0 0 8px #f1f1f1;
  border-radius: 12px;
  text-decoration: none;
  color: #fff;
}
@media (width <= 420px) {
  .btn-edge-cta {
    padding: 9px 12px;
    gap: 6px;
    transform: translate(-50%, 55%);
  }
}

.btn-default {
  display: inline-flex;
  padding: 8px 13px 8px 25px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background-color: #241F1F;
  color: #fff;
  font-size: 1.5rem;
  line-height: 1em;
  font-weight: 600;
}
.btn-default img {
  width: 30px;
  height: 30px;
}
.btn-default:hover {
  text-decoration: none;
  color: #fff;
  background-color: #FF7200;
  box-shadow: 0 78px 22px rgba(0, 0, 0, 0), 0 50px 20px rgba(0, 0, 0, 0.01), 0 28px 17px rgba(0, 0, 0, 0.05), 0 12px 12px rgba(0, 0, 0, 0.09), 0 3px 7px rgba(0, 0, 0, 0.01);
}

/* ===== HERO (video under nav) ===== */
@property --tx {
  syntax: "<length-percentage>";
  initial-value: 0;
  inherits: false;
}
@property --ty {
  syntax: "<length-percentage>";
  initial-value: 0;
  inherits: false;
}
.admin-bar .hero-section .hero-inner {
  padding-top: 186px;
}
@media only screen and (width <= 520px) {
  .admin-bar .hero-section .hero-inner {
    padding-top: 100px;
  }
}

.hero-section {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: clamp(420px, 32.3vw, 720px);
}
.hero-section .gsk-hero-virus-icon {
  position: absolute;
  z-index: 1;
  transform: translate3d(var(--tx), var(--ty), 0);
  will-change: transform;
}
.hero-section .gsk-hero-virus-icon.gsk-hero-virus-icon--orange {
  left: 15%;
  top: 24%;
  animation: drift-x-1 12s linear infinite alternate, drift-y-1 17s linear infinite alternate;
}
.hero-section .gsk-hero-virus-icon.gsk-hero-virus-icon--orange--big {
  right: 7%;
  top: 24%;
  animation: drift-x-2 16s linear infinite alternate, drift-y-2 21s linear infinite alternate;
}
.hero-section .gsk-hero-virus-icon.gsk-hero-virus-icon--teal--big {
  left: 6.6%;
  bottom: 11%;
  animation: drift-x-3 14s linear infinite alternate, drift-y-3 19s linear infinite alternate;
}
.hero-section .gsk-hero-virus-icon.gsk-hero-virus-icon--teal {
  right: 20.5%;
  bottom: 14.6%;
  animation: drift-x-4 10s linear infinite alternate, drift-y-4 13s linear infinite alternate;
}
@keyframes gsk-move {
  to {
    offset-distance: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero-section .gsk-hero-virus-icon {
    animation: none !important;
  }
}
.hero-section .hero-media {
  position: absolute;
  inset: 0;
}
.hero-section .hero-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.hero-section .hero-overlay {
  position: absolute;
  inset: 0;
  opacity: 0.5;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.1) 100%);
}
.hero-section .hero-inner {
  position: relative;
  z-index: 1;
  max-width: min(835px, 92vw);
  margin: 0 auto;
  height: 100%;
  padding-top: clamp(40px, 9vw, 154px);
  text-align: center;
  color: #0b1b2b;
}
@media only screen and (width <= 520px) {
  .hero-section .hero-inner {
    max-width: 100%;
  }
}
.hero-section .hero-inner h1 {
  margin: 61px 0 71px;
}
.hero-section .hero-inner .accent {
  color: #f37c1b;
}
.hero-section .hero-inner .hero-image {
  display: block;
  margin: 0 auto 16px;
  width: clamp(160px, 22vw, 320px);
  height: auto;
  filter: drop-shadow(0 8px 24px rgba(10, 35, 52, 0.25));
}
.hero-section .hero-inner .hero-cta {
  display: flex;
  gap: 30px;
  justify-content: center;
  flex-wrap: wrap;
  padding-bottom: 85px;
}

@keyframes drift-x-1 {
  from {
    --tx: -8px;
  }
  to {
    --tx: 8px;
  }
}
@keyframes drift-x-2 {
  from {
    --tx: -10px;
  }
  to {
    --tx: 10px;
  }
}
@keyframes drift-x-3 {
  from {
    --tx: -12px;
  }
  to {
    --tx: 12px;
  }
}
@keyframes drift-x-4 {
  from {
    --tx: -7px;
  }
  to {
    --tx: 7px;
  }
}
@keyframes drift-y-1 {
  from {
    --ty: 6px;
  }
  to {
    --ty: -6px;
  }
}
@keyframes drift-y-2 {
  from {
    --ty: 9px;
  }
  to {
    --ty: -9px;
  }
}
@keyframes drift-y-3 {
  from {
    --ty: 8px;
  }
  to {
    --ty: -8px;
  }
}
@keyframes drift-y-4 {
  from {
    --ty: 5px;
  }
  to {
    --ty: -5px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .gsk-hero-virus-icon {
    animation: none !important;
    transform: none !important;
  }
}
.hero-grid-shortened {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  grid-template-areas: "content media";
}
@media (width <= 1600px) {
  .hero-grid-shortened {
    margin: 10% 0 3%;
  }
}
.hero-grid-shortened > .hero-col--media {
  grid-area: media;
}
.hero-grid-shortened > :not(.hero-col--media) {
  grid-area: content;
}
.hero-grid-shortened h1 .accent {
  color: #FF7200;
}
.hero-grid-shortened h1 {
  margin-bottom: 12px;
}
.hero-grid-shortened .hero-cta {
  position: relative;
  z-index: 2;
  margin-top: 62px;
}
@media only screen and (width <= 1600px) {
  .hero-grid-shortened .hero-cta {
    padding-bottom: 20px;
  }
}
.hero-grid-shortened .hero-subtext {
  font-size: 2.2rem;
  position: relative;
  color: #241F1F;
  z-index: 2;
}
@media (width <= 900px) {
  .hero-grid-shortened {
    grid-template-columns: 1fr;
    text-align: center;
  }
}

.hero-col--media {
  display: flex;
  justify-content: center;
  z-index: 99;
  align-items: center;
}

.hero-video__logo {
  max-width: 100%;
  height: auto;
}

.gsk-magister-zone .gsk-hero-virus-icon.gsk-hero-virus-icon--orange {
  bottom: 22px;
  top: auto;
  left: 26%;
  z-index: 1;
}
@media (width <= 1024px) {
  .gsk-magister-zone .gsk-hero-virus-icon.gsk-hero-virus-icon--orange {
    display: none;
  }
}
.gsk-magister-zone .gsk-hero-virus-icon.gsk-hero-virus-icon--teal--big {
  top: 53px;
  left: 58px;
}
@media (width <= 1440px) {
  .gsk-magister-zone .gsk-hero-virus-icon.gsk-hero-virus-icon--teal--big {
    left: -30px;
  }
}
@media (width <= 1024px) {
  .gsk-magister-zone .gsk-hero-virus-icon.gsk-hero-virus-icon--teal--big {
    display: none;
  }
}
@media (width <= 1024px) {
  .gsk-magister-zone .gsk-hero-virus-icon.gsk-hero-virus-icon--orange--big {
    display: none;
  }
}
.gsk-magister-zone .gsk-hero-virus-icon.gsk-hero-virus-icon--teal {
  right: 111px;
  bottom: 42px;
}
@media (width <= 1024px) {
  .gsk-magister-zone .gsk-hero-virus-icon.gsk-hero-virus-icon--teal {
    display: none;
  }
}

@media (width <= 900px) {
  .hero-grid-shortened {
    grid-template-columns: 1fr;
    grid-template-areas: "media" "content";
    text-align: center;
  }
}
.gsk-gate .hero-section {
  min-height: 100vh;
}
.gsk-gate .hero-gate {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  max-width: 1029px;
}
.gsk-gate .hero-gate .error {
  list-style: none;
  padding-left: 1.25rem;
  margin: 0 0 1.25rem;
}
.gsk-gate .hero-gate .error li {
  margin: 0;
}
.gsk-gate .hero-gate {
  /* Input invalid state (ARIA-driven) */
}
.gsk-gate .hero-gate #pwzGateForm [aria-invalid=true]#pwz-input {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.125rem rgba(220, 53, 69, 0.2);
}
.gsk-gate .hero-gate #pwzGateForm #pwz-input:focus {
  outline: none;
  border-color: #0b1b2b;
  box-shadow: 0 0 0 0.125rem rgba(11, 27, 43, 0.2);
}
.gsk-gate .hero-gate > h1 {
  color: #241F1F;
  margin-bottom: 16px;
}
.gsk-gate .hero-gate .hero-gate__lead {
  position: relative;
  z-index: 2;
  font-size: 2.8rem;
  color: #241F1F;
  line-height: 1.21;
  text-align: center;
  font-weight: 600;
}
.gsk-gate .hero-gate .hero-gate__lead .accent {
  color: #FF7200;
}
.gsk-gate .hero-gate #pwzGateForm {
  z-index: 2;
  position: relative;
}
.gsk-gate .hero-gate #pwzGateForm #pwz-input {
  margin-bottom: 24px;
  border-radius: 10px;
  border: 3px solid rgba(223, 223, 223, 0.5);
  background: var(--white, #FFF);
  height: 60px;
  padding: 10px 25px;
  width: 100%;
}
.gsk-gate .btn-edge-cta {
  display: none;
}

/* ===== Alerts: bootstrap-like 'alert-danger' for PWZ gate ===== */
/* vars (space after colon) */
/* placeholders (use with @extend to satisfy scss/at-extend-no-missing-placeholder) */
.gsk-gate .hero-gate .error {
  position: relative;
  padding: 1rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.5rem;
  line-height: 1.3;
  font-weight: 600;
}

.gsk-gate .hero-gate .error {
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7;
}

.gsk-webinars .hero-section {
  margin-bottom: 40px;
  min-height: 400px;
}
.gsk-webinars .hero-section .hero-inner {
  padding-top: clamp(40px, 9vw, 184px);
}

/* =========================
   NAV
   ========================= */
.admin-bar .nav-section {
  top: 32px;
}
@media only screen and (width <= 520px) {
  .admin-bar .nav-section {
    top: 46px;
  }
}

.nav-section {
  position: fixed;
  top: 0;
  z-index: 999; /* keep nav above hero on all sizes (was 60; bumped) */
  min-width: 71%;
}
.nav-section nav {
  position: relative;
  flex: 1 1 auto;
  display: flex;
  align-items: stretch;
  height: 100%;
  justify-content: flex-end;
}
.nav-section .nav-inner {
  display: flex;
  justify-content: center;
  padding: 0;
  background: #fff;
  backdrop-filter: blur(15px);
  border-radius: 0 0 25px 25px;
}
.nav-section .nav-inner .menu-close {
  display: none;
}
.nav-section .nav-card {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  padding: 10px 44px;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(15px);
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  box-shadow: 0 6px 24px rgba(10, 35, 52, 0.12);
  overflow: visible; /* ensure dropdowns aren't clipped */
}
.nav-section .brand {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.nav-section .brand .brand-logo {
  display: block;
  width: auto;
  height: 54px;
}
.nav-section {
  /* Desktop menu */
}
.nav-section .menu {
  list-style: none;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 35px;
  margin: 0;
  padding: 0;
  height: 100%;
}
.nav-section .menu li {
  display: flex;
  align-items: flex-end;
}
.nav-section .menu a {
  position: relative;
  display: inline-block;
  padding: 34px 0;
  text-decoration: none;
  color: #243646;
  font-weight: 500;
  font-size: 15px;
}
.nav-section .menu a:hover, .nav-section .menu a.is-active {
  color: #0b1b2b;
}
.nav-section .menu a::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  width: 95%;
  height: 6px;
  background: #FF7200;
  border-radius: 5px 5px 0 0;
  transform: translateX(-50%) scaleX(0);
  transform-origin: center;
  transition: transform 0.22s ease-out;
  pointer-events: none;
}
.nav-section .menu a:hover::after, .nav-section .menu a:focus-visible::after {
  transform: translateX(-50%) scaleX(1);
}
.nav-section .indicator {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 6px;
  width: 56px;
  background: #FF7200;
  border-radius: 4px;
  transform: translateX(0);
  transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), width 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
  pointer-events: none;
}
.nav-section .burger {
  background: none;
  border: 0;
  width: 28px;
  height: 18px;
  padding: 0;
  display: none;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  gap: 6px;
}
.nav-section .burger span {
  display: block;
  height: 2px;
  background: #004356;
  width: 100%;
}
.nav-section {
  /* nav card sizing on narrow phones */
}
@media (width <= 767px) {
  .nav-section .nav-card {
    width: calc(100vw - 30px);
    padding: 16px 24px;
  }
}

/* Width cap at tablet sizes */
@media (width <= 1024px) {
  .nav-section {
    min-width: 90%;
  }
}
/* =========================
   HERO tweaks (optional)
   ========================= */
@media (width <= 420px) {
  .hero-section {
    overflow: hidden;
  }
  .hero-section .gsk-hero-virus-icon.gsk-hero-virus-icon--orange {
    display: none;
  }
  .hero-section .gsk-hero-virus-icon.gsk-hero-virus-icon--orange--big {
    right: -80px;
    top: 116px;
  }
  .hero-section .gsk-hero-virus-icon.gsk-hero-virus-icon--teal--big {
    left: -20px;
    top: 50%;
    height: 64px;
    width: 64px;
  }
  .hero-section .gsk-hero-virus-icon.gsk-hero-virus-icon--teal {
    display: none;
  }
  .hero-section .hero-inner {
    padding-top: 68px;
  }
  .hero-section .hero-inner h1 {
    margin: 0 auto 25px;
    font-size: 3.3rem;
    padding: 0 15px;
  }
  .hero-section .hero-inner .hero-cta {
    padding: 0 15px;
    gap: 15px;
    margin-bottom: 30px;
  }
  .hero-section .hero-inner .hero-cta .btn {
    width: 100%;
  }
  .hero-video__logo {
    max-width: 80%;
    margin: 122px auto;
  }
  .btn-edge-cta {
    display: none;
  }
  .menu-close {
    display: none;
  }
}
/* =========================
   MOBILE/TABLET (portal-safe fixed panel)
   NOTE: Kept outside .nav-section so it applies when
         JS portals the .menu to <body>.
   ========================= */
@media (width <= 1024px) {
  /* Hide desktop-only bits, show burger */
  .nav-section .indicator {
    display: none;
  }
  .nav-section .burger {
    display: flex;
    z-index: 1010; /* above panel/backdrop */
  }
  .menu {
    list-style: none;
    margin: 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 100dvh;
    background: #fff;
    border-radius: 0 0 16px 16px;
    box-shadow: 0 12px 28px rgba(10, 35, 52, 0.15);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: calc(20px + env(safe-area-inset-top) + 48px) 20px 24px;
    z-index: 2001;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-20px);
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0s linear 0.25s;
  }
  .menu.open, .menu[data-state=open] {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    transition-delay: 0s;
    z-index: 99999;
  }
  .menu {
    /* bigger tap targets; no underline bar */
  }
  .menu a {
    display: block;
    width: 100%;
    padding: 14px 10px;
    font-size: 18px;
    text-align: center;
    color: #241F1F;
  }
  .menu a::after {
    display: none;
  }
  .menu {
    /* inline close button (mobile only) */
  }
  .menu .menu-close {
    position: absolute;
    top: calc(env(safe-area-inset-top) + 12px);
    right: 16px;
    background: none;
    border: 0;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
    color: #243646;
    padding: 6px;
    border-radius: 10px;
    display: flex;
  }
  .menu .menu-close:focus-visible {
    outline: 2px solid #FF7200;
    outline-offset: 2px;
  }
  /* Optional dim backdrop (works portaled or not) */
  .menu-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.28);
    z-index: 990;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease, visibility 0s linear 0.25s;
  }
  .menu-backdrop.open {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transition-delay: 0s;
  }
  /* ===== WordPress admin bar support =====
     <body> gets .admin-bar with different bar heights by breakpoint. */
  body.admin-bar {
    /* ≥782px WP breakpoint: 32px admin bar */
  }
  body.admin-bar .menu {
    top: 32px;
    height: calc(100dvh - 32px);
  }
  body.admin-bar .menu-close {
    top: 44px;
  }
  body.admin-bar .menu-backdrop {
    top: 32px;
    height: calc(100dvh - 32px);
  }
  /* <782px WP breakpoint: 46px admin bar */
}
@media (width <= 1024px) and (width <= 767px) {
  body.admin-bar .menu {
    top: 46px;
    height: calc(100dvh - 46px);
  }
  body.admin-bar .menu-close {
    top: 10px;
  }
  body.admin-bar .menu-backdrop {
    top: 46px;
    height: calc(100dvh - 46px);
  }
}
/* INFO SPLIT — text sticks to container, media bleeds right with a safe gutter (no horizontal scroll) */
.info-split {
  --container-max: 1410px; /* content width */
  --bleed-gutter: clamp(16px, 5vw, 48px); /* space from viewport right edge */
  --accent: #f37c1b;
  --text: #0b1b2b;
  --muted: #554B4B;
  /* prevent section from causing page scrollbars */
  overflow-x: hidden;
  padding: 80px 0 40px;
  position: relative;
}
.info-split h2 {
  max-width: 554px;
  margin-bottom: 32px;
}
@media (width <= 767px) {
  .info-split h2.info-split__title {
    font-size: 25px;
    max-width: 308px;
    margin-bottom: 24px;
  }
}
.info-split {
  /* GRID */
}
.info-split__grid {
  display: grid;
  grid-template-columns: minmax(0, 560px) minmax(520px, 1fr);
  gap: clamp(16px, 8vw, 156px);
  align-items: center;
  grid-template-areas: "col1 col2";
}
.info-split__grid > :nth-child(1) {
  grid-area: col1;
}
.info-split__grid > :nth-child(2) {
  grid-area: col2;
}
@media (width <= 1440px) {
  .info-split__grid {
    gap: 50px;
  }
}
@media (width <= 1024px) {
  .info-split__grid {
    grid-template-columns: 1fr;
    grid-template-areas: "col2" "col1";
  }
}
@media (width <= 767px) {
  .info-split__grid {
    gap: 40px;
  }
}
.info-split {
  /* TEXT */
}
.info-split__text {
  color: var(--text);
  display: flex;
  flex-direction: column;
  max-width: 560px;
}
.info-split__cta {
  align-self: flex-end;
  width: auto;
}
@media (width <= 767px) {
  .info-split__cta {
    display: none;
  }
}
.info-split {
  /* BADGE/TITLE */
}
.info-split__badge {
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  margin-bottom: 12px;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(10, 35, 52, 0.12);
  color: var(--accent);
  font-weight: 700;
  font-size: 18px;
}
.info-split__title {
  margin: 0 0 0.5em;
  font-weight: 800;
  letter-spacing: -0.02em;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.2;
}
.info-split__accent {
  color: var(--accent);
}
.info-split {
  /* POINTS */
}
.info-split__points {
  --trk-w: 23px;
  --trk-h: 12px;
  --trk-r: 4px;
  --knob: 8px;
  --t: .75s;
  --gap-l: 27px;
  max-width: 520px;
  margin: 0 0 40px;
  padding: 0;
  list-style: none;
  color: var(--muted);
  font-size: 20px;
}
@media (width <= 767px) {
  .info-split__points {
    margin-bottom: 0;
  }
}
.info-split__points li {
  position: relative;
  margin: 0.6em 0;
  padding-left: calc(var(--trk-w) + var(--gap-l));
  opacity: 0.65;
  transform: translateY(6px);
  transition: opacity var(--t) ease, transform var(--t) ease;
}
@media (width <= 767px) {
  .info-split__points li {
    font-size: 20px;
    margin-bottom: 16px;
  }
}
.info-split__points li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: var(--trk-w);
  height: var(--trk-h);
  border-radius: var(--trk-r);
  background: #fff;
  border: 1px solid #FF7200;
  transition: background var(--t) ease;
}
.info-split__points li::after {
  content: "";
  position: absolute;
  left: 1px;
  top: calc(7px + (var(--trk-h) - var(--knob)) / 2);
  width: var(--knob);
  height: var(--knob);
  border-radius: 2px;
  background: #B0B0B0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  transform: translateX(0);
  transition: transform var(--t) ease, background var(--t) ease;
}
.info-split__points li.in {
  opacity: 1;
  transform: translateY(0);
}
.info-split__points li.in::before {
  background: #fff;
}
.info-split__points li.in::after {
  background: #23CE84;
  transform: translateX(calc(var(--trk-w) - 3px - var(--knob)));
}
@media (prefers-reduced-motion: reduce) {
  .info-split__points li, .info-split__points li::before, .info-split__points li::after {
    transition: none !important;
  }
}
.info-split__media {
  width: 100%;
  min-width: clamp(480px, 42vw, 822px);
  margin-inline-end: min(0px, (min(100vw, var(--container-max)) - 100vw) / 2 + var(--bleed-gutter));
  max-inline-size: calc(100vw - var(--bleed-gutter));
}
.info-split__figure {
  display: block;
  width: 100%;
  border-radius: 28px;
  overflow: hidden;
}
@media (width <= 767px) {
  .info-split__figure {
    margin: 0;
  }
}
.info-split__figure img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
@media (width <= 1024px) {
  .info-split__grid {
    grid-template-columns: 1fr;
  }
  .info-split__media {
    min-width: 0;
    margin-inline-end: 0;
    max-inline-size: 100%;
  }
}
.info-split .virus-icon-half {
  position: absolute;
  bottom: 31%;
  right: 0;
}
@media only screen and (width <= 767px) {
  .info-split .virus-icon-half {
    display: none;
  }
}
@media (width <= 767px) {
  .info-split {
    padding: 56px 0;
  }
}

.news {
  padding: 80px 0 50px;
  overflow: hidden; /* default on desktop */
  position: relative;
}
@media (width <= 767px) {
  .news {
    --peek: 20px;
    --card-gap: 16px;
    overflow: visible;
    background-color: #EAF7FE;
    padding: 40px 0 64px;
  }
  .news .fm-container {
    padding-right: 0;
  }
}
.news::after {
  background-color: #EAF7FE;
  top: 0;
  left: 0;
  width: 54%;
  height: 81%;
  content: "";
  position: absolute;
  z-index: -1;
}
@media (width <= 767px) {
  .news::after {
    display: none;
  }
}
.news::before {
  background-color: #EAF7FE;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 19%;
  content: "";
  position: absolute;
  z-index: -1;
}
@media (width <= 767px) {
  .news::before {
    display: none;
  }
}
.news .banner-wrapper {
  margin: 50px 0 0;
}
.news__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  gap: 16px;
  margin-bottom: clamp(16px, 3vw, 24px);
}
.news__header h2 {
  margin: 0;
  color: var(--text, #0b1b2b);
}
.news__header h2 .accent {
  color: #FF7200;
}
.news__header .news__header-subtitle {
  font-size: 2.5rem;
  line-height: 1.2em;
  color: #004356;
}
.news__viewport {
  position: relative;
  overflow: visible; /* let arrows/peek render outside */
  outline: none;
  margin: 65px 0 0;
}
@media (width <= 767px) {
  .news__viewport {
    margin: 28px 0 0;
  }
}
.news {
  /* shared vars + padding (desktop defaults) */
}
.news__track {
  --card-gap: 30px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (width <= 767px) {
  .news__track {
    /* override gap var for mobile inside track scope too */
    --card-gap: 16px;
  }
}
.news {
  /* BEFORE INIT: emulate Slick (no CLS) */
}
.news .CustomSlickSlider:not(.slick-initialized) {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  margin: 0 calc(var(--card-gap) * -0.5);
}
.news .CustomSlickSlider:not(.slick-initialized) > .news-card {
  flex: 0 0 33.333%;
  padding: 0 calc(var(--card-gap) * 0.5);
  min-width: 0;
}
@media (width < 1024px) {
  .news .CustomSlickSlider:not(.slick-initialized) > .news-card {
    flex-basis: 50%;
  }
}
@media (width < 640px) {
  .news .CustomSlickSlider:not(.slick-initialized) > .news-card {
    /* IMPORTANT: match the post-init outer width calc:
       width(content) + padding(L+R)= (100% - peek - gap) + gap = 100% - peek
       flex-basis is the outer width here, so we set it to 100% - peek
    */
    flex-basis: calc(100% - var(--peek));
  }
}
.news .hide_slider { /* keep visible to avoid CLS */ }
.news {
  /* AFTER INIT: Slick gap emulation (desktop) */
}
.news .slick-list {
  margin: 0 calc(var(--card-gap) * -0.5);
}
.news .slick-slide {
  padding: 0 calc(var(--card-gap) * 0.5);
  display: flex !important;
  height: auto !important;
  float: none !important;
}
.news {
  /* MOBILE overrides for peeking behavior */
}
@media (width <= 767px) {
  .news {
    /* Let next slide show beyond the list’s edge */
  }
  .news .slick-list {
    overflow: hidden;
    /* neutralize negative margins so our outer-width math is exact */
    margin: 0;
  }
}
.news .slick-arrow {
  display: none !important;
}
.news {
  /* using external arrows */
}
.news .slick-disabled {
  opacity: 0.4;
  pointer-events: none;
}
.news {
  /* External arrows: centered vertically, OUTSIDE slider edges */
}
.news__controls {
  position: absolute;
  inset: 0; /* anchor to viewport */
  pointer-events: none; /* only buttons catch events */
  z-index: 2; /* above slides */
}
.news__controls .news__btn {
  pointer-events: auto;
  position: absolute;
  top: 50%;
  inline-size: 45px;
  block-size: 45px;
  transition: opacity 0.2s ease;
  border: none;
  padding: 0;
}
.news__controls .news__btn.is-hidden {
  opacity: 0;
  pointer-events: none;
}
.news__controls .news__btn img {
  pointer-events: none;
}
.news__controls .news__btn img * {
  pointer-events: none;
}
.news__controls .news__btn--prev {
  right: 100%;
  margin-right: 30px;
  transform: translateY(-50%) rotateY(180deg);
}
@media (width <= 1366px) {
  .news__controls .news__btn--prev {
    margin-right: 10px;
    width: 30px;
    height: 30px;
  }
}
.news__controls .news__btn--next {
  left: 100%;
  margin-left: 30px;
  transform: translateY(-50%);
}
@media (width <= 1366px) {
  .news__controls .news__btn--next {
    margin-left: 10px;
    width: 30px;
    height: 30px;
  }
}
@media (width <= 767px) {
  .news .news__controls {
    display: none;
  }
}
.news .news-card__article {
  background: #fff;
  border-radius: 25px;
  overflow: hidden;
  min-block-size: 234px;
  box-shadow: 0 112px 31px 0 rgba(0, 0, 0, 0), 0 72px 29px 0 rgba(0, 0, 0, 0), 0 40px 24px 0 rgba(0, 0, 0, 0.01), 0 18px 18px 0 rgba(0, 0, 0, 0.02), 0 4px 10px 0 rgba(0, 0, 0, 0.02);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.news .news-card__article:hover {
  transform: translateY(-2px);
}
.news .news-card__media {
  flex: 0 0 auto;
}
.news .news-card__media img {
  display: block;
  width: 100%;
  height: 180px;
  object-fit: cover;
}
.news .news-card__body {
  padding: 30px 40px 50px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.news .news-card__body .read-more-link {
  margin-top: auto;
  place-self: flex-end;
}
.news .news-card__title {
  font: 600 22px/1.22 Inter, system-ui, sans-serif;
  margin: 0 0 15px;
}
.news .news-card__title a {
  color: var(--text, #0b1b2b);
  text-decoration: none;
}
.news .news-card__excerpt {
  color: #867777;
  font: 400 14px/1.8 Inter, system-ui, sans-serif;
  margin-bottom: 51px;
}
@media (width >= 1024px) {
  .news .news-card__media img {
    height: 234px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .news .news__btn,
  .news .news-card__article {
    transition: none !important;
  }
  .news .slick-slider * {
    transition: none !important;
  }
}

/* Slick structure helpers */
.news .slick-track {
  display: flex !important;
  align-items: stretch !important;
}

.news .slick-slide > * {
  width: 100%;
  height: 100%;
}

.news .news-card {
  display: flex;
  width: 100%;
}

.virus-icon-news {
  position: absolute;
  right: 15%;
  top: 105px;
  z-index: -1;
}
@media (width <= 767px) {
  .virus-icon-news {
    display: none;
  }
}

@media (width <= 767px) {
  body.page-template .news__header {
    margin-bottom: 0;
  }
  body.page-template .news__header h2 {
    font-size: 3rem;
  }
}
.banner-zone__top {
  background-color: #EAF7FE;
  padding-bottom: 50px;
}

.watch {
  --accent: #f37c1b;
  --text: #0b1b2b;
  --muted: #5e6b78;
  --tile-h: auto;
  padding: clamp(40px, 6vw, 100px) 0;
}
.watch .watch__header h2 {
  margin: 0 0 81px;
  text-align: center;
  color: #241F1F;
}
@media (width <= 767px) {
  .watch .watch__header h2 {
    font-size: 3rem;
    margin-bottom: 52px;
  }
}
.watch .watch__accent {
  color: #FF7200;
  font-size: 6.5rem;
}
@media (width <= 767px) {
  .watch .watch__accent {
    font-size: 4.5rem;
  }
}
.watch .watch__grid {
  list-style: none;
  margin: 0;
  padding: 0;
  min-width: 0;
}
.watch .watch__grid.slick-initialized.no-visible-slides {
  display: none !important;
}
.watch {
  /* Card */
}
.watch .watch-card {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  color: #fff;
  isolation: isolate;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  cursor: pointer;
  block-size: var(--tile-h);
  width: 100%;
}
.watch .watch-card:hover {
  transform: translateY(-2px);
}
@media (width <= 520px) {
  .watch .watch-card {
    block-size: auto;
  }
}
.watch .watch-card__media {
  block-size: 100%;
  background: #000;
  margin: 0;
}
.watch .watch-card__media img {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}
@media (width <= 520px) {
  .watch .watch-card__media {
    block-size: auto;
  }
}
.watch .watch-card__overlay {
  position: absolute;
  inset: 0;
  padding: 0 20px 35px;
  display: grid;
  align-content: end;
  gap: 10px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.6) 100%);
  pointer-events: none;
}
.watch .watch-card__title {
  margin: 0;
  color: #fff;
  font-weight: 600;
  font-size: 2.2rem;
}
@media (width <= 767px) {
  .watch .watch-card__title {
    font-size: 2.4rem;
  }
}
.watch .watch-card__subtitle {
  margin: 0;
  font-weight: 500;
  font-size: 1.5rem;
}
@media (width <= 767px) {
  .watch .watch-card__subtitle {
    font-size: 1.6rem;
  }
}
.watch .watch-card__play {
  position: absolute;
  inset: 0;
  border: 0;
  background: none;
  cursor: pointer;
  z-index: 3;
  display: grid;
  place-items: center;
}
.watch .watch-card__play:focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 3px;
  border-radius: 12px;
}
.watch .watch-card__play-icon {
  width: 76px;
  height: 76px;
  display: block;
}
.watch {
  /* --- Modal --- */
}
.watch .watch-modal[hidden] {
  display: none;
}
.watch .watch-modal {
  position: fixed;
  inset: 0;
  z-index: 999;
  display: grid;
  place-items: center;
}
.watch .watch-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(2px);
}
.watch {
  /* Default: reels-like portrait 9:16 */
}
.watch .watch-modal__dialog {
  position: relative;
  width: min(92vw, 560px);
  max-height: 92vh;
  aspect-ratio: 9/16;
  background: #000;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.watch {
  /* Landscape for YouTube */
}
.watch .watch-modal.is-landscape .watch-modal__dialog {
  width: min(92vw, 980px);
  aspect-ratio: 16/9;
}
.watch .watch-modal__close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  border: 0;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, 0.9);
  color: #0b1b2b;
  cursor: pointer;
  z-index: 2;
  transition: transform 0.15s ease;
}
.watch .watch-modal__close svg {
  width: 22px;
  height: 22px;
}
.watch .watch-modal__close:hover {
  transform: scale(1.06);
}
.watch .watch-modal__close:focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 2px;
}
.watch .watch-modal__body {
  position: relative;
  width: 100%;
  height: 100%;
}
.watch .watch-modal__body iframe,
.watch .watch-modal__body video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain; /* change to cover for IG crop style */
  background: #000;
}
.watch__controls {
  position: absolute;
  inset: 0; /* anchor to viewport */
  pointer-events: none; /* only buttons catch events */
  z-index: 2; /* above slides */
}
.watch__controls.no-visible-slides {
  display: none;
}
.watch__controls .watch__btn {
  pointer-events: auto;
  position: absolute;
  top: 50%;
  inline-size: 45px;
  block-size: 45px;
  transition: opacity 0.2s ease;
  border: none;
  padding: 0;
}
.watch__controls .watch__btn.is-hidden {
  opacity: 0;
  pointer-events: none;
}
.watch__controls .watch__btn img {
  pointer-events: none;
}
.watch__controls .watch__btn img * {
  pointer-events: none;
}
.watch__controls .watch__btn--prev {
  right: 100%;
  margin-right: 30px;
  transform: translateY(-50%) rotateY(180deg);
}
@media (width <= 1366px) {
  .watch__controls .watch__btn--prev {
    margin-right: 10px;
    width: 30px;
    height: 30px;
  }
}
.watch__controls .watch__btn--next {
  left: 100%;
  margin-left: 30px;
  transform: translateY(-50%);
}
@media (width <= 1366px) {
  .watch__controls .watch__btn--next {
    margin-left: 10px;
    width: 30px;
    height: 30px;
  }
}
@media (width <= 767px) {
  .watch .watch__controls {
    display: none;
  }
}

/* ---------- Slick overrides ---------- */
.watch .watch__grid.slick-initialized {
  display: block !important;
  gap: 0 !important;
}

.watch .slick-track {
  display: flex;
}

.watch .slick-list {
  overflow: visible;
}

.watch .slick-slide {
  outline: none;
}

/* -------------------------------------------------
   Prevent huge cards BEFORE slick initializes
   ------------------------------------------------- */
.watch.is-slider .watch__grid:not(.slick-initialized) {
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
  /* override .watch__track overflow:hidden */
  overflow: auto hidden !important;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  /* optional: small padding so first/last don't stick to edges */
  padding: 0 4px;
  /* optional: hide scrollbar */
  scrollbar-width: none;
}
.watch.is-slider .watch__grid:not(.slick-initialized)::-webkit-scrollbar {
  display: none;
}
.watch.is-slider .watch__grid:not(.slick-initialized) > .watch-card {
  /* match your slick slide sizing */
  flex: 0 0 clamp(240px, 80vw, 320px);
  width: auto;
  /* your rule below adds margin in pre-init state -> kill it */
  margin: 0 !important;
  scroll-snap-align: start;
}
.watch.is-slider {
  /* optional but recommended for stable height while images load */
}
.watch.is-slider .watch-card {
  aspect-ratio: 9/16;
}

/* ---------- Mobile slider tuning ---------- */
.watch.is-slider {
  overflow: hidden;
  /* add padding so prev/next peeks are visible */
}
.watch.is-slider {
  /* force slide width — controls "normal" card size */
}
.watch.is-slider .watch__grid .slick-slide {
  width: clamp(240px, 80vw, 320px) !important;
  margin: 0 8px;
}
.watch.is-slider .watch-card {
  width: 100%; /* fill slide only */
  block-size: auto;
}
.watch.is-slider .slick-dots {
  display: flex !important;
  justify-content: center;
  gap: 6px;
  margin-top: 12px;
}
.watch.is-slider .slick-dots li button::before {
  display: none;
}
.watch.is-slider .slick-dots li {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #c9d1d9;
}
.watch.is-slider .slick-dots li.slick-active {
  background: var(--accent);
}

.watch_viewport {
  position: relative;
  overflow: visible;
  outline: none;
  margin: 65px 0 0;
}

.watch__track {
  overflow: hidden;
  padding-left: 0;
}

.watch__track .watch-card {
  margin: 0 10px;
}

.qa {
  --accent: #f37c1b;
  --text: #241F1F;
  --muted: #5e6b78;
  --surface: #fff;
  --ring: rgb(243 124 27 / 25%);
  padding: clamp(40px, 5vw, 56px) 0 120px;
}
@media (width <= 767px) {
  .qa {
    padding-bottom: 64px;
  }
}
.qa .qa__header {
  text-align: center;
  margin-bottom: clamp(40px, 4vw, 80px);
}
.qa .qa__header h2 {
  margin: 0 0 10px;
}
.qa .qa__header h2 .qa-title__accent {
  color: #FF7200;
}
.qa .qa__header h2::after {
  content: "";
}
.qa .qa__header .qa__subtitle {
  margin: 0;
  color: #004356;
  font: 400 clamp(18px, 1.6vw, 25px)/1.5 Inter, system-ui, sans-serif;
}
.qa .qa__qmark {
  color: #FF7200;
  font-size: 3.5rem;
  font-weight: 600;
  line-height: 1.2em;
}
@media (width <= 767px) {
  .qa .qa__qmark {
    font-size: 1.6rem;
  }
}
.qa .qa__list {
  display: grid;
  gap: clamp(10px, 2vw, 16px);
  margin: 0;
  padding: 0;
  list-style: none;
}
.qa {
  /* Item button */
}
.qa .qa-item__button {
  width: 100%;
  text-align: left;
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 16px;
  background: var(--surface);
  border: 2px solid rgba(227, 227, 227, 0.5);
  border-radius: 16px;
  padding: clamp(14px, 2.2vw, 20px) clamp(16px, 2.6vw, 22px);
  color: var(--text);
  cursor: pointer;
}
.qa .qa-item__button:focus, .qa .qa-item__button:focus-visible {
  outline: none;
}
.qa .qa-item__button:focus-visible::after {
  content: "";
  position: absolute;
  pointer-events: none;
  inset: -4px -4px 0; /* top | right | bottom | left */
  border: 4px solid var(--ring); /* your semi-transparent ring color */
  border-bottom: none; /* <-- no bottom edge */
  border-radius: 16px 16px 0 0; /* match your button radius on top */
}
.qa .qa-item__question {
  font: 600 clamp(16px, 2vw, 26px)/1.4em Inter, system-ui, sans-serif;
  margin: 0;
  color: #004356;
}
.qa .qa-item__chevron {
  width: 30px;
  height: 30px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: var(--accent);
  transition: transform 0.2s ease;
}
.qa {
  /* Panel (animated with CSS grid rows) */
}
.qa .qa-item__panel {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.26s ease;
  border-radius: 0 0 16px 16px;
  border: 0 solid transparent;
}
.qa .qa-item__panel-inner {
  overflow: hidden;
  padding: 0 clamp(16px, 2.6vw, 22px) clamp(16px, 2.6vw, 22px);
  background: var(--surface);
  border: 1px solid rgba(11, 27, 43, 0.06);
  border-top: 0;
  border-radius: 0 0 16px 16px;
  color: #004356;
  font: 400 20px/1.65 Inter, system-ui, sans-serif;
}
.qa {
  /* Open state */
}
.qa .qa-item--open .qa-item__button {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0; /* ensure no bottom border when open */
  box-shadow: none; /* remove shadow when open */
  transform: none; /* keep it steady while open */
}
.qa .qa-item--open .qa-item__panel {
  grid-template-rows: 1fr;
}
.qa .qa-item--open .qa-item__chevron {
  transform: rotate(180deg);
}
.qa .banner-wrapper {
  margin-top: 115px;
}
@media (width <= 767px) {
  .qa .banner-wrapper {
    margin: 64px 0 0;
  }
}
.qa {
  /* Compact on small screens */
}
@media (width <= 767px) {
  .qa .qa-item__button {
    padding: 14px 16px;
  }
  .qa .qa-item__panel-inner {
    padding: 0 16px 16px;
    font-size: 1.6rem;
  }
}

/* hide when closed (keeps a11y attrs) */
.qa-item__panel[hidden] {
  display: none;
}

.vaccination-cta {
  position: relative;
  overflow: hidden;
  padding: 100px 0 50px;
  background-color: #EAF7FE;
}
@media (width <= 767px) {
  .vaccination-cta {
    padding-top: 40px;
  }
}
.vaccination-cta .form-virus-icon {
  z-index: 1;
}
@media (width <= 767px) {
  .vaccination-cta .form-virus-icon {
    display: none;
  }
}
.vaccination-cta .form-virus-left {
  position: absolute;
  left: 3%;
  top: 411px;
}
.vaccination-cta .form-virus-right-top {
  position: absolute;
  right: 12%;
  top: 305px;
}
.vaccination-cta .form-virus-middle {
  position: absolute;
  right: 25%;
  top: 544px;
}
.vaccination-cta .form-virus-right {
  position: absolute;
  right: 0;
  top: 752px;
}
.vaccination-cta .vaccination-cta__inner {
  display: flex;
  flex-direction: column;
  gap: 28px;
  max-width: 930px;
  z-index: 3;
  position: relative;
}
.vaccination-cta #vaccination-cta-title {
  font-weight: 700;
  line-height: 1.5em;
  margin: 0;
  max-width: 800px;
}
@media (width <= 767px) {
  .vaccination-cta #vaccination-cta-title {
    font-size: 2.5rem;
  }
}
.vaccination-cta__title-accent {
  color: #FF7200;
}
.vaccination-cta__title-strong {
  color: #241F1F;
}
.vaccination-cta__list {
  list-style: none;
  padding: 0;
  flex-direction: column;
  display: flex;
  gap: 28px;
  margin: 0;
}
.vaccination-cta__item {
  padding-block: 2px;
}
.vaccination-cta__lead {
  margin: 0;
  font-size: clamp(18px, 2vw, 28px);
  line-height: 1.21;
  font-weight: 500;
  color: #241F1F;
}
.vaccination-cta__question {
  color: #FF7200;
  font-weight: 500;
}
.vaccination-cta__answer {
  color: #241F1F;
  font-weight: 400;
}
.vaccination-cta__footer {
  margin: 0 0 75px;
  font-weight: 600;
  font-size: clamp(18px, 2.1vw, 28px);
  line-height: 1.21;
  max-width: 975px;
}
@media (width <= 767px) {
  .vaccination-cta__footer {
    margin-bottom: 52px;
  }
}
.vaccination-cta .farmacja-form-lp__form {
  --radius: 16px;
  --input-h: 60px;
  --pad: clamp(16px, 2vw, 24px);
  --gap: clamp(12px, 1.6vw, 18px);
  font-size: 16px;
  max-width: 930px;
  margin-top: 0;
  position: relative;
  z-index: 3;
}
.vaccination-cta .farmacja-form-lp__form .farmacja-form-lp__form--row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--gap);
  margin-bottom: var(--gap);
}
.vaccination-cta .farmacja-form-lp__form .farmacja-form-lp__form--row--full {
  grid-template-columns: 1fr;
}
.vaccination-cta .farmacja-form-lp__form .farmacja-form-lp__form--row--3col {
  grid-template-columns: 2fr 1fr 1fr;
}
.vaccination-cta .farmacja-form-lp__form .col-span-1 {
  grid-column: span 1;
}
.vaccination-cta .farmacja-form-lp__form .col-span-2 {
  grid-column: span 2;
}
.vaccination-cta .farmacja-form-lp__form .col-span-3 {
  grid-column: span 3;
}
.vaccination-cta .farmacja-form-lp__form .col-span-4 {
  grid-column: span 4;
}
.vaccination-cta .farmacja-form-lp__form {
  /* ============ WRAPPER (neutral) ============ */
}
.vaccination-cta .farmacja-form-lp__form .farmacja-form-lp__form--label {
  display: grid;
  grid-template-rows: auto 1fr;
  position: relative;
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
}
.vaccination-cta .farmacja-form-lp__form .farmacja-form-lp__form--label .farmacja-form-row-label-text {
  font-size: 16px;
  line-height: 1.2;
  color: #867777;
  margin-bottom: 13px;
  margin-left: 15px;
  font-weight: 400;
}
.vaccination-cta .farmacja-form-lp__form .farmacja-form-lp__form--label .farmacja-form-row-label-text .farmacja-form-lp__form--required {
  margin-left: 2px;
}
.vaccination-cta .farmacja-form-lp__form {
  /* ============ INPUTS / SELECT / TEXTAREA ============ */
}
.vaccination-cta .farmacja-form-lp__form input.farmacja-form-lp__form-control,
.vaccination-cta .farmacja-form-lp__form select.farmacja-form-lp__form-control,
.vaccination-cta .farmacja-form-lp__form textarea.farmacja-form-lp__form-control {
  width: 100%;
  background: #fff;
  color: #23323d;
  border: 3px solid rgba(223, 223, 223, 0.5);
  border-radius: 10px;
  line-height: 1.4;
  margin: 0;
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.vaccination-cta .farmacja-form-lp__form input.farmacja-form-lp__form-control::placeholder,
.vaccination-cta .farmacja-form-lp__form select.farmacja-form-lp__form-control::placeholder,
.vaccination-cta .farmacja-form-lp__form textarea.farmacja-form-lp__form-control::placeholder {
  color: rgba(107, 123, 134, 0.8);
}
.vaccination-cta .farmacja-form-lp__form input.farmacja-form-lp__form-control:focus,
.vaccination-cta .farmacja-form-lp__form select.farmacja-form-lp__form-control:focus,
.vaccination-cta .farmacja-form-lp__form textarea.farmacja-form-lp__form-control:focus {
  border-color: #FF7200;
}
.vaccination-cta .farmacja-form-lp__form input.farmacja-form-lp__form-control {
  height: var(--input-h);
}
.vaccination-cta .farmacja-form-lp__form textarea.farmacja-form-lp__form-control {
  min-height: 180px;
  resize: vertical;
  padding: 20px;
  font-size: 16px;
}
.vaccination-cta .farmacja-form-lp__form {
  /* ============ ERROR (native + backend) ============ */
}
.vaccination-cta .farmacja-form-lp__form .farmacja-form-lp__form-control.is-error {
  border-color: #ff7a00 !important;
  box-shadow: 0 0 0 3px rgba(255, 122, 0, 0.25) !important;
}
.vaccination-cta .farmacja-form-lp__form {
  /* ============ HINT BELOW INPUTS ============ */
}
.vaccination-cta .farmacja-form-lp__form #email:required:invalid + .field-hint,
.vaccination-cta .farmacja-form-lp__form .field-hint.is-error {
  position: absolute;
  top: calc(100% - 22px);
  left: 14px;
  font-size: 12px;
  color: #ff7a00;
}
.vaccination-cta .farmacja-form-lp__form {
  /* ============ APPROVALS ============ */
}
.vaccination-cta .farmacja-form-lp__form--approvals {
  margin-top: calc(var(--gap) + 4px);
  border-radius: var(--radius);
  padding: 0;
  margin-bottom: 40px;
}
.vaccination-cta .farmacja-form-lp__form--approvals-wrapper {
  display: grid;
  gap: 12px;
  margin-top: 10px;
}
.vaccination-cta .farmacja-form-lp__form--approvals > .farmacja-form-lp__form--approval-label:first-of-type {
  margin-bottom: 8px;
}
.vaccination-cta .farmacja-form-lp__form--approval-label {
  display: grid;
  grid-template-columns: 22px 14px 1fr;
  align-items: start;
  gap: 0;
  font-size: 14px;
  line-height: 1.55;
  color: #241F1F;
}
.vaccination-cta .farmacja-form-lp__form--approval-label span {
  font-size: 12px;
  margin-top: 4px;
}
.vaccination-cta .farmacja-form-lp__form--approval-label input[type=checkbox]:checked ~ .farmacja-form-lp__form--approval-custom-checkbox::after {
  width: 70%;
  height: 70%;
  background-color: #FF7200;
  content: "";
  display: block;
  margin: auto;
  border-radius: 4px;
}
.vaccination-cta .farmacja-form-lp__form--approval-label a {
  color: #FF7200;
  text-decoration: underline;
}
.vaccination-cta .farmacja-form-lp__form--approval-label .farmacja-form-lp__form-approval--checkbox {
  position: absolute;
  opacity: 0;
  width: 22px;
  height: 22px;
}
.vaccination-cta .farmacja-form-lp__form--approval-label .farmacja-form-lp__form--approval-custom-checkbox {
  width: 22px;
  height: 22px;
  margin-top: 2px;
  border-radius: 6px;
  border: 1px solid #c8dbe5;
  background: #fff;
  box-shadow: inset 0 0 0 2px #fff;
  transition: all 0.15s ease;
  grid-column: 1;
  grid-row: 1;
}
.vaccination-cta .farmacja-form-lp__form--approval-label > span:last-child {
  grid-column: 3;
}
.vaccination-cta .farmacja-form-lp__form--approval-label input:focus + .farmacja-form-lp__form--approval-custom-checkbox {
  border-color: #FF7200;
}
.vaccination-cta .farmacja-form-lp__form--approval-label input:checked + .farmacja-form-lp__form--approval-custom-checkbox {
  border-color: #FF7200;
}
.vaccination-cta .farmacja-form-lp__form .farmacja-form-rodo-notice {
  margin-top: 8px;
  font-size: 12px;
  color: #241F1F;
}
.vaccination-cta .farmacja-form-lp__form #farmacja-form-check-all-consents + .farmacja-form-lp__form--approval-custom-checkbox {
  margin-right: 0;
}
.vaccination-cta .farmacja-form-lp__form .btn-default {
  align-self: flex-end;
}
.vaccination-cta .farmacja-form-lp__form .btn-default:hover {
  border-color: transparent;
}
.vaccination-cta .farmacja-form-lp__form {
  /* ============ SUBMIT ============ */
}
.vaccination-cta .farmacja-form-lp__form--submit {
  margin-top: 16px;
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #0f1418;
  color: #fff;
  border: 0;
  border-radius: 999px;
  padding: 14px 22px;
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
  transition: transform 0.06s ease, box-shadow 0.15s ease;
}
.vaccination-cta .farmacja-form-lp__form--submit img {
  width: 18px;
  height: 18px;
}
.vaccination-cta .farmacja-form-lp__form--submit:hover {
  box-shadow: 0 6px 20px rgba(15, 20, 24, 0.15);
}
.vaccination-cta .farmacja-form-lp__form--submit:active {
  transform: translateY(1px);
}
.vaccination-cta .farmacja-form-lp__form #farmacja-form-check-all-consents ~ span:last-child {
  font-weight: 600;
  color: #23323d;
}
@media (width <= 740px) {
  .vaccination-cta .farmacja-form-lp__form .farmacja-form-lp__form--row,
  .vaccination-cta .farmacja-form-lp__form .farmacja-form-lp__form--row--3col,
  .vaccination-cta .farmacja-form-lp__form .farmacja-form-lp__form--row--full {
    grid-template-columns: 1fr;
  }
  .vaccination-cta .farmacja-form-lp__form .col-span-2, .vaccination-cta .farmacja-form-lp__form .col-span-3, .vaccination-cta .farmacja-form-lp__form .col-span-4 {
    grid-column: 1/-1;
  }
  .vaccination-cta .farmacja-form-lp__form--submit {
    width: 100%;
    justify-content: center;
  }
}
.vaccination-cta {
  /* ============ SELECT2 styling ============ */
}
.vaccination-cta .select2-container--default .select2-selection--single {
  height: var(--input-h);
  display: flex;
  align-items: center;
  background: #fff;
  color: #23323d;
  border: 3px solid rgba(223, 223, 223, 0.5);
  border-radius: 10px;
  padding-left: 14px;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  margin: 0;
}
.vaccination-cta .select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #FF7200;
  box-shadow: 0 0 0 3px rgba(255, 114, 0, 0.2);
}
.vaccination-cta .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 1.4;
  color: rgba(107, 123, 134, 0.8);
  font-weight: 400;
}
.vaccination-cta .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 12px;
}

:root {
  --popup-backdrop: rgb(0 0 0 / 45%);
  --popup-radius: 18px;
  --popup-shadow: 0 18px 48px rgb(10 35 52 / 22%);
}

body.popup-open {
  overflow: hidden;
}

/* ===== Popup ===== */
.popup {
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  z-index: 2000;
  /* hidden state */
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.25s ease, visibility 0s linear 0.25s;
}
.popup[hidden] {
  display: grid; /* keep layout but stays hidden by attribute */
}
.popup.is-open {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}
.popup.is-open .popup__card {
  transform: translateY(0);
  opacity: 1;
}
.popup .popup__backdrop {
  position: absolute;
  inset: 0;
  background: var(--popup-backdrop);
  backdrop-filter: blur(2px);
}
.popup .popup__card {
  position: relative;
  max-width: min(520px, 100vw - 40px);
  width: 100%;
  background: #fff;
  border-radius: var(--popup-radius);
  box-shadow: var(--popup-shadow);
  padding: 28px 28px 22px;
  transform: translateY(10px);
  opacity: 0;
  transition: transform 0.25s ease, opacity 0.25s ease;
  outline: none;
}
.popup .popup__card .popup__close {
  position: absolute;
  top: 10px;
  right: 12px;
  background: none;
  border: 0;
  font-size: 28px;
  line-height: 1;
  padding: 6px;
  border-radius: 10px;
  color: #004356;
  cursor: pointer;
}
.popup .popup__card .popup__close:focus-visible {
  outline: 2px solid #FF7200;
  outline-offset: 2px;
}
.popup .popup__card .popup__icon {
  font-size: 36px;
  margin-bottom: 6px;
  text-align: center;
}
.popup .popup__card .popup__title {
  margin: 0 0 8px;
  font-size: 22px;
  line-height: 1.3;
  text-align: center;
  color: #241F1F;
}
.popup .popup__card .popup__desc {
  margin: 0 0 18px;
  text-align: center;
  color: #004356;
}
.popup .popup__card .popup__actions {
  display: flex;
  justify-content: center;
}
.popup .popup__card .popup__actions .popup__ok {
  padding: 10px 18px;
  border-radius: 12px;
  border: 0;
  background: #FF7200;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(243, 124, 27, 0.35);
}
.popup .popup__card .popup__actions .popup__ok:focus-visible {
  outline: 2px solid #241F1F;
  outline-offset: 2px;
}

.trainings-section {
  background: linear-gradient(to bottom, #fff 0 48%, #eaf6fb 48% 100%);
  padding: 40px 0 clamp(40px, 6vw, 72px);
}
.trainings-section .trainings-head {
  text-align: center;
  margin-bottom: 100px;
}
@media only screen and (width <= 767px) {
  .trainings-section .trainings-head {
    margin-bottom: 56px;
  }
}
.trainings-section .trainings-head h2 {
  margin: 0 0 8px;
  font-size: clamp(3rem, 3.2vw, 4.5rem);
  color: #0b1b2b;
}
.trainings-section .trainings-head h2 .accent {
  color: #FF7200;
}
.trainings-section .trainings-head p {
  margin: 0;
  color: #294055;
  opacity: 0.9;
  font-size: clamp(1rem, 1.6vw, 2.5rem);
}
.trainings-section .trainings-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 330px));
  gap: clamp(32px, 2.2vw, 24px);
  justify-content: center;
  place-items: stretch center;
}
@media (width <= 980px) {
  .trainings-section .trainings-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (width <= 640px) {
  .trainings-section .trainings-grid {
    grid-template-columns: 1fr;
  }
}
.trainings-section .training-card {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(10, 35, 52, 0.12);
  overflow: visible;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
  width: 100%;
  max-width: 330px;
  display: flex;
  height: 100%;
  flex-direction: column;
}
.trainings-section .training-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 38px rgba(10, 35, 52, 0.16);
}
@media only screen and (width <= 640px) {
  .trainings-section .training-card {
    max-width: 100%;
  }
}
.trainings-section .card-inner,
.trainings-section .card-link {
  display: flex;
  flex-direction: column;
  color: inherit;
  text-decoration: none;
  height: 100%;
  outline: none;
}
.trainings-section .card-inner:focus-visible,
.trainings-section .card-link:focus-visible {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.6);
  border-radius: 16px;
}
.trainings-section .card-media {
  position: relative;
  aspect-ratio: 16/10;
  overflow: visible;
  flex: 0 0 auto;
}
.trainings-section .card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.trainings-section .card-media .chip {
  position: absolute;
  top: -10px;
  right: 20px;
  padding: 5px 10px;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.trainings-section .card-media .chip.chip--orange {
  background: #FF7200;
}
.trainings-section .card-media .chip.chip--teal {
  background: #19a7a2;
}
.trainings-section .card-media .chip.chip--purple {
  background: #7a5af8;
}
.trainings-section .card-media .chip.chip--add {
  inset: auto auto 10px;
  background: #FF7200;
}
.trainings-section .card-body {
  display: flex;
  flex-direction: column;
  gap: 14px;
  flex: 1 1 auto;
  padding: 16px 16px 18px;
}
.trainings-section .card-body .card-title {
  margin: 0 0 14px;
  font-size: 2rem;
  line-height: 1.2;
  color: #0b1b2b;
  font-weight: 400;
}
.trainings-section .card-body .card-actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.trainings-section .card-body .btn-default,
.trainings-section .card-body .btn-card {
  margin-top: auto; /* push CTA to the end */
  align-self: flex-start; /* keep left-aligned */
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border-radius: 5px;
  background: #1a2733;
  color: #fff;
  font-weight: 500;
  font-size: 13px;
  line-height: 1;
  box-shadow: 0 6px 16px rgba(10, 35, 52, 0.2);
  transition: transform 0.15s ease, opacity 0.15s ease;
  padding: 5px 5px 5px 12px;
}
@media only screen and (width <= 640px) {
  .trainings-section .card-body .btn-default,
  .trainings-section .card-body .btn-card {
    font-size: inherit;
    padding: 8px 8px 8px 25px;
    border-radius: 10px;
  }
}
.trainings-section .card-body .btn-default img,
.trainings-section .card-body .btn-card img {
  width: 17px;
  height: 17px;
}
@media only screen and (width <= 640px) {
  .trainings-section .card-body .btn-default img,
  .trainings-section .card-body .btn-card img {
    width: inherit;
    height: inherit;
  }
}
.no-touch .trainings-section .card-body .btn-default:hover,
.no-touch .trainings-section .card-body .btn-card:hover {
  transform: translateY(-1px);
}
.trainings-section .card-body .btn-default:active,
.trainings-section .card-body .btn-card:active {
  transform: translateY(0);
  opacity: 0.9;
}
.trainings-section .card-body .btn-card::after {
  content: "›";
  display: inline-block;
  transform: translateY(-1px);
}
.trainings-section .card-body .btn-default img {
  display: inline-block;
}

.slick-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.experts {
  position: relative;
  padding: 40px 0;
  font-family: sans-serif;
  color: #0f172a;
}
.experts.watch.is-slider {
  overflow: visible;
}
.experts::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40%; /* covers only top half */
  background: #EAF7FE;
  z-index: -1; /* behind content */
}
.experts .banner-wrapper {
  margin: 120px 0 0;
}
.experts__title {
  font-size: 4.5rem;
  font-weight: 600;
  margin-bottom: 50px;
  text-align: center;
}
.experts__title--accent {
  color: #ff7d2e;
}
.experts__filters {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-bottom: 40px;
}
.experts__filters .chip {
  border: 1px solid #ccc;
  border-radius: 999px;
  background: #fff;
  padding: 6px 14px;
  font-size: 14px;
  cursor: pointer;
}
.experts__filters .chip.chip--active {
  background: #0f172a;
  color: #fff;
}
.experts__grid {
  justify-content: center;
  min-height: 480px;
}
@media (width <= 760px) {
  .experts__grid {
    grid-template-columns: 1fr;
    justify-content: stretch;
  }
}
.experts__grid .card {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
  margin: 0 auto;
  min-height: 480px;
}
.experts__grid .card__link {
  color: inherit;
  text-decoration: none;
  display: flex;
  position: relative;
  height: 100%;
}
.experts__grid .card__img {
  width: 100%;
  display: flex;
  height: 100%;
  object-fit: cover;
}
.experts__grid .card__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.6) 100%);
}
.experts__grid .card__meta {
  position: absolute;
  top: 12px;
  left: 16px;
  font-size: 12px;
  color: #dbe5ea;
}
.experts__grid .card__content {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 16px;
  color: #fff;
}
.experts__grid .card__title {
  margin: 0 0 10px;
  font-size: 2.2rem;
  color: #fff;
}
.experts__grid .card__subtitle {
  margin: 0;
  color: #fff;
  font-size: 1.5rem;
}
.experts__grid .card .watch-card__play {
  position: absolute;
  inset: 0;
  border: 0;
  background: none;
  cursor: pointer;
  z-index: 3;
  display: grid;
  place-items: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.experts__grid .card .watch-card__play:focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 3px;
  width: 76px;
  height: 76px;
  border-radius: 12px;
}
.experts__grid .card.is-hidden {
  display: none;
}
.experts__empty {
  display: none; /* toggled by TS */
  place-items: center;
  min-height: 240px;
  width: 100%;
  border-radius: 20px;
  background: #f3f5f6;
  color: #0d3a42;
  font-size: clamp(16px, 2.2vw, 22px);
  text-align: center;
  padding: 24px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.04);
}

/* ===== Video player modal ===== */
.no-scroll {
  overflow: hidden;
}

.experts-player {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
}
.experts-player[hidden] {
  display: none;
}
.experts-player__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 0;
}
.experts-player__wrap {
  z-index: 1;
  position: relative;
  width: auto;
  max-height: 80%;
  aspect-ratio: 16/9;
  background: #000;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
  display: grid;
  place-items: center;
}
.experts-player__inner, .experts-player__video {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 16px;
  display: block;
  object-fit: contain;
  background: #000;
  position: relative;
  z-index: 1;
}
.experts-player__video {
  height: 80vh;
}
.experts-player__close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  border: 0;
  background: rgba(255, 255, 255, 0.9);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  z-index: 2;
}
.experts-player__close:hover {
  background: #fff;
}

.experts_viewport {
  position: relative;
  overflow: visible;
  outline: none;
  margin: 0;
}

/* ================================
   Section
=================================== */
.preventable {
  padding: 32px 0 100px;
}
.preventable .accent {
  color: #ff7d2e;
}
.preventable__container {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 16px;
}
.preventable__title {
  text-align: center;
  font-weight: 800;
  font-size: clamp(22px, 3vw, 30px);
  margin: 4px 0;
}
.preventable__subtitle {
  text-align: center;
  color: #004356;
  font-size: 2.5rem;
  margin-bottom: 86px;
}
.preventable__subtitle .accent {
  color: #FF7200;
}
.preventable .preventable__grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, 1fr);
}
@media (width <= 760px) {
  .preventable .preventable__grid {
    grid-template-columns: 1fr;
  }
}

/* ================================
   Cards
=================================== */
.disease-card {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "text media";
  background: #fff;
  border-radius: 14px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
  overflow: hidden;
  transition: transform 0.15s ease, box-shadow 0.2s ease;
  cursor: pointer;
  padding: 7px;
}
.disease-card > * {
  min-width: 0;
  min-height: 0;
}
.disease-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.12);
}
.disease-card {
  /* Alternate desktop layout */
}
.disease-card:nth-child(4n+1), .disease-card:nth-child(4n+4) {
  grid-template-areas: "text media";
}
.disease-card:nth-child(4n+2), .disease-card:nth-child(4n+3) {
  grid-template-areas: "media text";
}
.disease-card__media {
  grid-area: media;
  overflow: hidden;
}
.disease-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 15px;
}
.disease-card__body {
  grid-area: text;
  padding: 25px 35px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-width: 0;
}
@media (width <= 1600px) {
  .disease-card__body {
    padding: 15px;
  }
}
.disease-card__title {
  margin: 0 0 20px;
  font-size: 2.7rem;
  font-weight: 500;
  color: #241F1F;
}
.disease-card__text {
  margin: 0 0 30px;
  font-size: 1.4rem;
  color: #004356;
  line-height: 1.42;
  overflow-wrap: anywhere;
}
@media (width <= 1600px) {
  .disease-card__text {
    margin-bottom: 20px;
  }
}
.disease-card .read-more-link {
  text-align: right;
}
.disease-card {
  /* Mobile layout: image first, then text */
}
@media (width <= 760px) {
  .disease-card {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
  .disease-card__media {
    order: 0;
    padding: 0;
    border-radius: 0;
    aspect-ratio: auto;
  }
  .disease-card__media img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  .disease-card__body {
    order: 1;
    padding: 16px;
  }
}

/* ================================
   Popup
=================================== */
.disease-popup {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
}
.disease-popup.is-open {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 16px;
}
.disease-popup__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(255, 89, 0, 0.7);
  backdrop-filter: blur(12px);
  z-index: 0;
}
.disease-popup {
  /* Dialog: fixed-size container; inner text scrolls */
}
.disease-popup__dialog {
  position: relative;
  width: min(1280px, 90vw);
  height: min(720px, 85vh);
  background: #fff;
  border-radius: 14px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.25);
  outline: none;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  z-index: 1;
}
@supports (height: 100dvh) {
  .disease-popup__dialog {
    height: min(65dvh, 720px);
  }
}
.disease-popup__close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  background: #fff;
  font-size: 16px;
  cursor: pointer;
  z-index: 2;
}
.disease-popup__content {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  padding: 16px;
}
.disease-popup__content > * {
  min-width: 0;
  min-height: 0;
}
.disease-popup__layout {
  height: 100%;
  display: grid;
  grid-template: "text image" minmax(0, 1fr)/1fr 1fr;
  gap: 14px;
  align-items: stretch;
  min-height: 0;
  overflow: hidden;
}
.disease-popup__layout > * {
  min-width: 0;
  min-height: 0;
}
@media (width <= 900px) {
  .disease-popup__layout {
    grid-template: "image" auto "text" minmax(0, 1fr)/1fr;
  }
}
.disease-popup {
  /* Only this area scrolls */
}
.disease-popup__text {
  grid-area: text;
  height: 100%;
  min-height: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  touch-action: pan-y;
  padding: 10px 12px 14px 8px;
  /* Custom scrollbar */
  scrollbar-width: thin;
  scrollbar-color: #FF7200 #D9D9D9;
}
.disease-popup__text::-webkit-scrollbar {
  width: 9px;
}
.disease-popup__text::-webkit-scrollbar-track {
  background-color: transparent;
  background-image: linear-gradient(to right, #D9D9D9 1px, transparent 1px);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 1px 100%;
}
.disease-popup__text::-webkit-scrollbar-thumb {
  background-color: #FF7200;
  border-left: 3px solid #fff;
  background-clip: padding-box;
}
.disease-popup__text h3 {
  margin: 0 0 20px;
  font-size: 3.5rem;
  line-height: 1.2em;
  font-weight: 600;
  color: #241F1F;
}
.disease-popup__text h3 .accent {
  color: #FF7200;
}
.disease-popup__text p, .disease-popup__text li {
  color: #004356;
  font-size: 1.4rem;
  line-height: 1.42em;
  font-weight: 400;
  overflow-wrap: anywhere;
}
.disease-popup__text h4 {
  color: #004356;
}
.disease-popup__image {
  grid-area: image;
  height: 100%;
  min-height: 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  overflow: hidden;
}
.disease-popup__image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: 12px;
}
@media (width <= 900px) {
  .disease-popup__image img {
    max-height: 40vh;
  }
}

/* ================================
   Global scroll lock
=================================== */
html.no-scroll, body.no-scroll {
  overflow: hidden;
}

/* ================================
   Mobile helpers
=================================== */
@media (width <= 760px) {
  .preventable__grid {
    grid-template-columns: 1fr;
  }
  .preventable__grid > * {
    width: auto;
    max-width: 100%;
  }
}
/* ================================
   WP admin bar + safe-area
=================================== */
:root {
  --wp-admin-bar-h: 0px;
}

.admin-bar {
  --wp-admin-bar-h: 32px;
}

/* default WP admin bar */
@media (width <= 782px) {
  .admin-bar {
    --wp-admin-bar-h: 46px;
  }
  /* narrow WP admin bar */
}
/* ================================
   Mobile: full-bleed popup honoring admin bar
=================================== */
@media (width <= 760px) {
  .disease-popup.is-open {
    align-items: stretch;
    justify-content: flex-start;
    padding: 0;
    padding-top: var(--wp-admin-bar-h);
    padding-bottom: env(safe-area-inset-bottom);
  }
  .disease-popup__dialog {
    width: 100vw;
    max-width: none;
    border-radius: 0;
    height: calc(100svh - var(--wp-admin-bar-h));
    border-left: 0;
    border-right: 0;
  }
  @supports (height: 100dvh) {
    .disease-popup__dialog {
      height: calc(100dvh - var(--wp-admin-bar-h));
    }
  }
  .disease-popup__content {
    padding: 12px;
  }
  .disease-popup__layout {
    grid-template: "image" auto "text" minmax(0, 1fr)/1fr;
    gap: 10px;
  }
  .disease-popup__close {
    top: calc(10px + env(safe-area-inset-top, 0px));
    right: 10px;
  }
  .disease-popup__backdrop {
    inset: 0;
  }
}
.gsk-technician-zone .downloads {
  background-color: white;
}
.gsk-technician-zone .watch {
  background-color: #eaf7fd;
}
.gsk-technician-zone .banner-zone__middle {
  margin-bottom: 120px;
}

.downloads {
  --bg: #eaf7fd;
  --pill-border: #FF7200;
  --pill-bg: #fff;
  --pill-hover: #FF7200;
  --pill-text: #004356;
  --subtitle: #004356;
  background: var(--bg);
  padding: 75px 0 105px;
}
@media (width <= 640px) {
  .downloads {
    padding: 40px 0;
  }
}
.downloads .accent {
  color: #FF7200;
}
.downloads__header {
  text-align: center;
  margin-bottom: 26px;
}
.downloads #downloads-heading {
  margin: 0 0 6px;
  font-weight: 600;
  color: #241F1F;
  font-size: clamp(3rem, 3.2vw, 4.5rem);
  line-height: 1.2;
}
.downloads__subtitle {
  margin: 0;
  font-size: clamp(1.8rem, 2vw, 2.5rem);
  color: var(--subtitle);
}
.downloads {
  /* Grid of pills */
}
.downloads__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 22px;
  align-items: center;
  justify-content: flex-start;
  margin-top: 80px;
  list-style: none;
  padding: 0;
}
@media (width <= 640px) {
  .downloads__grid {
    margin-top: 40px;
  }
}
.downloads__item { /* li wrapper for spacing tweaks if needed */ }
@media (width <= 640px) {
  .downloads__item {
    width: 100%;
  }
}
.downloads {
  /* Pill link */
}
.downloads .dl-pill {
  --radius: 10px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border: 2px solid var(--pill-border);
  background: var(--pill-bg);
  border-radius: var(--radius);
  text-decoration: none;
  color: var(--pill-text);
  box-shadow: 0 0 0 3px rgba(255, 114, 0, 0.8);
  transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.2s ease, transform 0.1s ease;
  will-change: transform;
}
.downloads .dl-pill:hover, .downloads .dl-pill:focus-visible {
  background-color: #FF7200;
  color: #fff;
  transform: translateY(-1px);
  outline: none;
}
.downloads .dl-pill:hover .dl-pill__icon, .downloads .dl-pill:focus-visible .dl-pill__icon {
  background-color: #fff;
  color: #241F1F;
  box-shadow: none;
}
.downloads .dl-pill:hover svg, .downloads .dl-pill:focus-visible svg {
  background-color: #fff;
  color: #241F1F;
  box-shadow: none;
}
.downloads .dl-pill:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.12);
}
.downloads .dl-pill {
  /* small download icon box */
}
.downloads .dl-pill__icon {
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: #FF7200;
  color: #fff;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.12);
}
.downloads .dl-pill__label {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}
.downloads {
  /* Responsive: wrap comfortably on small screens */
}
@media (width <= 640px) {
  .downloads__grid {
    gap: 12px 14px;
  }
  .downloads .dl-pill {
    padding: 9px 12px;
    width: 100%;
  }
  .downloads .dl-pill__label {
    white-space: normal;
  }
}

.gsk-magister-zone > main > div > div.banner-zone__middle > div.banner-wrapper {
  margin: 120px auto 64px;
}
@media only screen and (width <= 520px) {
  .gsk-magister-zone > main > div > div.banner-zone__middle > div.banner-wrapper {
    margin: 40px 0;
  }
}

.gsk-magister-zone #pytania-i-odpowiedzi .banner-wrapper {
  display: none;
}

/* White glyph data-URIs */
.knowledge {
  /* --- Tunables --- */
  /* Height scales with screen; equals ~370px at 1920px width */
  --kcard-h: clamp(200px, min(19.27vw, 42vh), 370px);
  /* Mini-card width: hits 210px on a 1920px “HD” screen, shrinks below */
  --kcard-min: clamp(150px, 10.94vw, 210px); /* 210 / 1920 = 10.94vw */
  /* Gap: 30px at 1920px, smaller below */
  --kcard-gap: clamp(12px, 1.5625vw, 15px); /* 30 / 1920 = 1.5625vw */
  /* Number of cards (set from TS to keep all visible if dynamic) */
  --kcard-count: 4;
  /* track/indicator */
  --stripe-h: 6px;
  --stripe-gap: 15px;
  padding: 32px 0 48px;
}
.knowledge .accent {
  color: #FF7200;
}
.knowledge__title {
  text-align: center;
  color: #241F1F;
  margin: 80px 0 100px;
}
@media only screen and (width <= 767px) {
  .knowledge__title {
    margin: 20px 0 40px;
  }
}
.knowledge {
  /* ================= RAIL ================= */
}
.knowledge__rail {
  position: relative;
  isolation: isolate;
  height: var(--kcard-h);
  padding-bottom: calc(var(--stripe-gap) + var(--stripe-h)); /* space for track */
  margin: 0 auto 40px;
  overflow: visible;
}
.knowledge__track {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: stretch;
  gap: var(--kcard-gap);
  overflow-x: auto;
  scroll-behavior: smooth;
  padding: 4px 2px 10px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}
.knowledge__track::-webkit-scrollbar {
  height: 8px;
}
.knowledge__track::-webkit-scrollbar-thumb {
  background: rgba(17, 24, 39, 0.25);
  border-radius: 999px;
}
.knowledge__track::-webkit-scrollbar-track {
  background: transparent;
}
.knowledge__stripe-track {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--stripe-h);
  background: #fff;
  border-radius: 999px;
  box-shadow: 0 1px 2px rgba(2, 6, 23, 0.06);
  pointer-events: none;
  z-index: 1;
}
.knowledge__stripe {
  position: absolute;
  left: 0;
  bottom: -24px;
  height: var(--stripe-h);
  width: 120px;
  background: #ff7d2e;
  border-radius: 999px;
  transform: translateX(0);
  transition: none !important;
  pointer-events: none;
  z-index: 2;
}
@media only screen and (width <= 767px) {
  .knowledge__stripe {
    display: none;
  }
}
.knowledge {
  /* ================= CARD ================= */
}
.knowledge .kcard {
  flex: 0 0 var(--kcard-min); /* 210px @ 1920; responsive below */
  height: var(--kcard-h);
  list-style: none;
  position: relative;
  transition: flex-basis 0.35s ease, transform 0.25s ease;
  will-change: flex-basis;
  isolation: isolate;
  /* Active expands but is capped so all cards are visible inside container */
}
.knowledge .kcard.is-active {
  flex: 1 0 clamp(35%, 58%, 100% - (var(--kcard-min) + var(--kcard-gap)) * (var(--kcard-count) - 1));
}
.knowledge .kcard.is-active .kcard__title {
  --title-base: 15px;
  --title-grow: 20px;
  max-width: 70%;
  font-size: calc(var(--title-base) + var(--title-grow));
}
@media only screen and (width <= 767px) {
  .knowledge .kcard.is-active .kcard__title {
    max-width: 90%;
    font-size: 2.5rem;
  }
}
.knowledge .kcard__btn {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  border-radius: 14px;
  overflow: hidden;
  cursor: pointer;
  text-align: left;
  outline: none;
  background: #000;
  /* PLUS (closed) by default */
}
.knowledge .kcard__btn::after {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  width: 55px;
  height: 55px;
  border-radius: 999px;
  z-index: 2;
  pointer-events: none;
  background-color: #FF7200;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 37"><rect x="0" y="16" width="37" height="5" rx="2.5" fill="%23ffffff"/><rect x="16" y="0" width="5" height="37" rx="2.5" fill="%23ffffff"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60% auto;
  box-shadow: 0 6px 16px rgba(255, 125, 46, 0.45);
}
.knowledge {
  /* MINUS (open) with #004356 */
}
.knowledge .kcard.is-active .kcard__btn::after {
  background-color: #004356;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 5"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.625 2.49996C0.625 1.48744 1.44581 0.666626 2.45833 0.666626H34.5417C35.5542 0.666626 36.375 1.48744 36.375 2.49996C36.375 3.51248 35.5542 4.33329 34.5417 4.33329H2.45833C1.44581 4.33329 0.625 3.51248 0.625 2.49996Z" fill="%23ffffff"/></svg>');
  background-size: 65% auto;
  box-shadow: 0 6px 16px rgba(0, 67, 86, 0.35);
}
.knowledge .kcard__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.02);
  transition: transform 0.35s ease;
  will-change: transform;
}
.knowledge .kcard__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(2, 6, 23, 0) 40%, rgba(2, 6, 23, 0.65) 100%);
  pointer-events: none;
}
.knowledge .kcard__title {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 30px;
  color: #fff;
  font-weight: 400;
  line-height: 1.2;
  font-size: 1.5rem;
  max-inline-size: 100%;
  overflow-wrap: anywhere;
  white-space: normal;
  transition: font-size 0.35s ease;
}
@media only screen and (width <= 1536px) {
  .knowledge .kcard__title {
    left: 10px;
    right: 10px;
  }
}
@media only screen and (width <= 1366px) {
  .knowledge .kcard__title {
    font-size: 1.4rem;
  }
}
@media only screen and (width <= 767px) {
  .knowledge .kcard__title {
    font-size: 2.5rem;
  }
}
.knowledge .kcard:not(.is-active):hover .kcard__img {
  transform: scale(1.07);
}
.knowledge {
  /* ================= PANELS ================= */
}
.knowledge__panels {
  margin-top: 0;
}
.knowledge .kpanel {
  background: #eaf5fb;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 14px;
  padding: 60px;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
  color: #004356;
}
.knowledge .kpanel:not(.is-active) {
  display: none;
}
@media only screen and (width <= 767px) {
  .knowledge .kpanel {
    padding: 20px;
  }
}
.knowledge .kpanel h3 {
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 800;
  color: #0f172a;
}
.knowledge .kpanel p, .knowledge .kpanel li {
  font-size: 14px;
  line-height: 1.55;
}
.knowledge {
  /* ================= Responsive ================= */
}
@media (width <= 960px) {
  .knowledge .kcard {
    flex-basis: 160px;
  }
}
.knowledge {
  /* ===== Mobile: show ALL cards, stack each card with its panel ===== */
  /* ===== Mobile: rectangular cards + 24px gap between cards ===== */
}
@media (width <= 760px) {
  .knowledge__rail {
    height: auto;
    padding-bottom: 0;
    margin-bottom: 12px;
    overflow: visible;
  }
  .knowledge__track {
    overflow: visible;
    display: block;
    padding: 0;
    gap: 0; /* we control spacing with margins below */
  }
  .knowledge .kcard {
    display: block;
    width: 100%;
    height: 260px;
    flex: none;
    margin-bottom: 24px;
    border-radius: 15px;
  }
  .knowledge {
    /* Keep a tight space between a card and *its* panel */
  }
  .knowledge .kcard + .kpanel {
    margin-top: 12px;
  }
  .knowledge {
    /* Show ALL panels, and create the 24px gap to the next card */
  }
  .knowledge .kpanel {
    margin: 0 0 24px; /* <- 24px gap to the next card */
  }
}
.knowledge {
  /* Reduced motion */
}
@media (prefers-reduced-motion: reduce) {
  .knowledge__track {
    scroll-behavior: auto;
  }
  .knowledge .kcard, .knowledge .kcard__img, .knowledge__stripe {
    transition: none !important;
  }
}

.magazine-split {
  position: relative;
  padding: clamp(2rem, 4vw, 4rem) 0;
  color: #004356;
  overflow: hidden;
}
.magazine-split__figure {
  margin: 56px 0;
}
.magazine-split__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 150px;
}
@media (width <= 1537px) {
  .magazine-split__grid {
    gap: 40px;
  }
}
@media (width >= 960px) {
  .magazine-split__grid {
    grid-template-columns: 1.05fr 0.95fr;
    align-items: center;
  }
}
@media (width < 960px) {
  .magazine-split__grid {
    text-align: center;
  }
}
.magazine-split {
  /* ✅ TEXT FIRST on mobile, LEFT side on desktop */
}
.magazine-split__text {
  order: 1;
}
@media (width >= 960px) {
  .magazine-split__text {
    order: 1;
    position: relative;
    z-index: 2;
  }
}
.magazine-split {
  /* ✅ IMAGE SECOND on mobile, RIGHT side on desktop */
}
.magazine-split__media {
  position: relative;
  order: 2;
  min-height: 320px;
}
@media (width >= 960px) {
  .magazine-split__media {
    order: 2;
    min-height: 420px;
  }
}
.magazine-split__title {
  font-weight: 600;
  line-height: 1.3em;
  font-size: clamp(2.5rem, 2.6vw, 4.5rem);
  margin: 0 0 2rem;
}
@media (width < 960px) {
  .magazine-split__title#magazine-title {
    font-size: 2.5rem;
  }
}
.magazine-split__accent {
  color: #FF7200;
}
.magazine-split__lead {
  margin: 0 0 7rem;
  font-size: clamp(1.8rem, 1.2vw, 2.2rem);
  font-weight: 400;
  line-height: 1.4em;
  max-width: 430px;
}
@media (width < 960px) {
  .magazine-split__lead {
    max-width: 90%;
    place-self: center;
  }
}
.magazine-split__link {
  text-decoration: none;
  font-weight: 600;
  color: #FF7200;
  transition: opacity 0.2s ease;
}
.magazine-split__link:hover {
  opacity: 0.8;
  color: #FF7200;
}
.magazine-split__link:focus-visible {
  outline: 3px solid currentcolor;
  outline-offset: 2px;
}
.magazine-split {
  /* --- Background blob that extends to the right edge --- */
}
.magazine-split__blob {
  position: absolute;
  inset: 0 calc(-1 * (100vw - 100%)) 0 40%;
  background: #EAF7FE;
  z-index: 0;
}
@media (width >= 960px) {
  .magazine-split__blob {
    left: 20%;
  }
}
@media (width <= 970px) {
  .magazine-split__blob {
    left: calc(-1 * (100vw - 100%));
    top: 50%;
  }
}
.magazine-split__device {
  position: relative;
  z-index: 1;
}
.magazine-split__device img {
  display: block;
  max-width: 100%;
  height: auto;
  filter: drop-shadow(0 20px 30px rgba(0, 0, 0, 0.18));
  transform: translateY(20px);
  opacity: 0;
  transition: transform 0.6s ease, opacity 0.6s ease;
}
@media (width >= 960px) {
  .magazine-split__device img {
    max-width: 670px;
    margin-left: auto;
  }
}
.magazine-split__device {
  /* ✅ slightly smaller image for 1024px and below */
}
@media (width <= 1024px) {
  .magazine-split__device img {
    max-width: 520px;
    margin-inline: auto;
  }
}
.magazine-split__device {
  /* ✅ mobile scaling for small screens */
}
@media (width <= 600px) {
  .magazine-split__device img {
    max-width: 88vw;
  }
}

.gsk-footer {
  background: #EAF7FE;
  padding: 40px 15px;
}
.gsk-footer__wrapper {
  background: #fff;
  padding: 27px 65px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  gap: 200px;
}
@media (992px <= width <= 1199px) {
  .gsk-footer__wrapper {
    gap: 70px;
    padding: 27px 35px;
  }
}
@media (768px <= width <= 991px) {
  .gsk-footer__wrapper {
    gap: 30px;
  }
}
@media (width <= 767px) {
  .gsk-footer__wrapper {
    flex-direction: column;
    gap: 12px;
    align-items: center;
  }
}
.gsk-footer__copy {
  text-align: center;
  font-size: 12px;
  line-height: 24px;
  color: #241f1f;
}

html {
  scroll-behavior: smooth;
  scroll-margin-top: -120px;
}

.banner-zone__middle {
  margin-top: 60px;
}

.gsk-webinar-information__box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 5px solid rgba(227, 227, 227, 0.5);
  padding: 20px 20px 20px 60px;
  gap: 30px;
  border-radius: 40px;
  position: relative;
  background: #fff;
}
.gsk-webinar-information__box-image {
  border-radius: 30px;
  border: 5px solid rgba(227, 227, 227, 0.5);
  aspect-ratio: 3/2;
  display: flex;
  overflow: hidden;
}
.gsk-webinar-information__box-image img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
.gsk-webinar-information__box-badge {
  position: absolute;
  right: -40px;
  top: -50px;
}
@media (width <= 991px) {
  .gsk-webinar-information__box {
    grid-template-columns: 1fr;
    padding: 45px 20px 20px;
  }
  .gsk-webinar-information__box-left {
    text-align: center;
  }
  .gsk-webinar-information__box-badge {
    top: -70px;
  }
}

.gsk-webinar-prelegents {
  position: relative;
}
.gsk-webinar-prelegents::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: #EAF7FE;
  left: 0;
  top: -335px;
  z-index: -1;
}
.gsk-webinar-prelegents__wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
@media (width <= 767px) {
  .gsk-webinar-prelegents__wrap {
    grid-template-columns: 1fr;
  }
}
.gsk-webinar-prelegents__box {
  padding: 10px 10px 50px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 308px 86px 0 rgba(0, 0, 0, 0), 0 197px 79px 0 rgba(0, 0, 0, 0.01), 0 111px 67px 0 rgba(0, 0, 0, 0.04), 0 49px 49px 0 rgba(0, 0, 0, 0.07), 0 12px 27px 0 rgba(0, 0, 0, 0.08);
}
@media (width <= 767px) {
  .gsk-webinar-prelegents__box {
    max-width: 450px;
    margin: 0 auto;
  }
}
.gsk-webinar-prelegents__box-position {
  background: #FF7200;
  width: fit-content;
  padding: 5px 20px;
  color: #fff;
  font-size: 16px;
  line-height: 1.8;
  border-radius: 10px;
}
.gsk-webinar-prelegents__box-position--moderator {
  background: #1DA8A3;
}
.gsk-webinar-prelegents__box-image {
  overflow: hidden;
  border-radius: 15px 15px 5px 5px;
  height: 300px;
  display: block;
}
.gsk-webinar-prelegents__box-image img {
  flex-shrink: 0;
  object-fit: cover;
  object-position: top;
}
@media (768px <= width <= 1199px) {
  .gsk-webinar-prelegents__box-image {
    height: auto;
  }
}
.gsk-webinar-prelegents__box-description {
  padding: 10px 15px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.gsk-webinar-prelegents__box-name {
  font-size: 22px;
  line-height: 1.8;
  text-align: center;
  font-weight: 600;
}
.gsk-webinar-prelegents__box-name span {
  font-size: 20px;
  color: #FF7200;
}
@media (768px <= width <= 1199px) {
  .gsk-webinar-prelegents__box-name {
    font-size: 18px;
    line-height: 1.4;
  }
  .gsk-webinar-prelegents__box-name span {
    font-size: 16px;
  }
}
.gsk-webinar-prelegents__box-desc {
  color: #004356;
  font-size: 15px;
  line-height: 1.7;
  font-weight: 400;
}
.gsk-webinar-prelegents__box-desc a {
  color: #FF7200;
}

.gsk-webinar-form {
  background: #EAF7FE;
  padding-top: 240px;
}
@media (width <= 767px) {
  .gsk-webinar-form {
    padding-top: 70px;
  }
}
.gsk-webinar-form__wrap {
  background: #fff;
  border-radius: 30px;
  padding: 90px;
  display: flex;
  flex-direction: column;
  gap: 25px;
  color: #004356;
}
@media (992px <= width <= 1399px) {
  .gsk-webinar-form__wrap {
    padding: 48px 40px;
  }
}
@media (width <= 991px) {
  .gsk-webinar-form__wrap {
    padding: 40px 20px;
  }
}
.gsk-webinar-form__title {
  color: #004356;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
}
.gsk-webinar-form .farmacja-form-lp__form .farmacja-form-row-label-text {
  display: none;
}
.gsk-webinar-form .farmacja-form-lp__form .farmacja-form-row-label-text--visible {
  display: block;
}
.gsk-webinar-form .farmacja-form-lp__form .farmacja-form-lp__form--row {
  gap: 30px;
  margin: 15px 0;
}
.gsk-webinar-form .farmacja-form-lp__form .farmacja-form-lp__form--row--radio {
  display: flex;
  flex-direction: row;
  gap: 11px;
  justify-content: flex-start;
  align-items: center;
}
@media (width <= 767px) {
  .gsk-webinar-form .farmacja-form-lp__form .farmacja-form-lp__form--row--radio {
    flex-direction: column;
    align-items: center;
  }
}
.gsk-webinar-form .farmacja-form-lp__form .farmacja-form-lp__form--row label:first-child {
  margin-right: 0;
}
.gsk-webinar-form .farmacja-form-lp__form input[type=text],
.gsk-webinar-form .farmacja-form-lp__form input[type=tel],
.gsk-webinar-form .farmacja-form-lp__form input[type=email] {
  border: 3px solid rgba(227, 227, 227, 0.5);
  background: #fff;
  border-radius: 10px;
  display: flex;
  padding: 17px 25px;
}
.gsk-webinar-form .farmacja-form-lp__form input[type=text]::placeholder,
.gsk-webinar-form .farmacja-form-lp__form input[type=tel]::placeholder,
.gsk-webinar-form .farmacja-form-lp__form input[type=email]::placeholder {
  color: #004356;
}
.gsk-webinar-form .farmacja-form-lp__form .farmacja-form-lp__form--approval-label .farmacja-form-lp__form--approval-custom-checkbox {
  width: 25px;
  height: 25px;
  border: 2px solid #A8A8A8;
  border-radius: 5px;
  overflow: hidden;
  margin-top: 0;
}
.gsk-webinar-form .farmacja-form-lp__form .farmacja-form-lp__form--approval-label input[type=checkbox]:checked ~ .farmacja-form-lp__form--approval-custom-checkbox {
  border: #FF7200;
}
.gsk-webinar-form .farmacja-form-lp__form .farmacja-form-lp__form--approval-label input[type=checkbox]:checked ~ .farmacja-form-lp__form--approval-custom-checkbox::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS43NSA1LjI1bDMuNSAzLjUgOC04IiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=");
  background-color: #FF7200;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 100%;
  height: 100%;
}
.gsk-webinar-form .farmacja-form-lp__form label.farmacja-form-lp__form--approval-label {
  margin-bottom: 15px;
}
.gsk-webinar-form .farmacja-form-lp__form .farmacja-form-lp__form-vaccination-group {
  display: flex;
  gap: 11px;
}
.gsk-webinar-form .farmacja-form-lp__form .farmacja-form-lp__form-vaccination-option {
  padding: 10px 20px;
  font-size: 16px;
  color: #004356;
  border-radius: 5px;
  border: 2px solid rgba(227, 227, 227, 0.5);
  cursor: pointer;
}
.gsk-webinar-form .farmacja-form-lp__form .farmacja-form-lp__form-vaccination-option input[type=radio] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.gsk-webinar-form .farmacja-form-lp__form .farmacja-form-lp__form-vaccination-option:has(input[type=radio]:checked) {
  border-color: #F1AA71;
  background: #FF7200;
  color: #fff;
}
.gsk-webinar-form .farmacja-form-lp__form .btn-default {
  width: fit-content;
  margin-left: auto;
}
.gsk-webinar-form .farmacja-form label.farmacja-form-error, .gsk-webinar-form .farmacja-form-error, .gsk-webinar-form .farmacja-validation-errors {
  font-size: 14px;
}

.gsk-webinar-video {
  margin-bottom: -120px;
}
.gsk-webinar-video .fr_section {
  max-width: 930px;
  overflow: hidden;
  border-radius: 20px;
  margin: 0 auto;
  box-shadow: 0 308px 86px 0 rgba(0, 0, 0, 0), 0 197px 79px 0 rgba(0, 0, 0, 0.01), 0 111px 67px 0 rgba(0, 0, 0, 0.04), 0 49px 49px 0 rgba(0, 0, 0, 0.07), 0 12px 27px 0 rgba(0, 0, 0, 0.08);
}
@media (width <= 767px) {
  .gsk-webinar-video {
    margin-bottom: 60px;
  }
}

html {
  scroll-behavior: smooth;
}

.page-template-single-webinar .gsk-footer {
  visibility: hidden;
}

.gsk-webinar-video--single {
  margin-bottom: 120px;
}
.gsk-webinar-video--single .banner-zone__top {
  background: transparent;
}
.gsk-webinar-video--single .banner-zone__bottom {
  margin-top: 50px;
}

/* =========================
   NAV
   ========================= */
.admin-bar .nav-section {
  top: 32px;
}
@media only screen and (width <= 520px) {
  .admin-bar .nav-section {
    top: 46px;
  }
}

.hero-section .hero-inner {
  padding-bottom: 92px;
}

.page-template-gsk .hero-section .hero-inner h1 {
  font-size: 4rem;
  margin-bottom: 20px;
  margin-top: 32px;
}
@media (width <= 767px) {
  .page-template-gsk .hero-section .hero-inner h1 {
    font-size: 3.2rem;
    line-height: 36px;
  }
}

.gsk-webinars .hero-section {
  margin-bottom: 0;
}

.nav-section {
  position: fixed;
  top: 0;
  z-index: 999; /* keep nav above hero on all sizes (was 60; bumped) */
  min-width: 71%;
}
.nav-section nav {
  position: relative;
  flex: 1 1 auto;
  display: flex;
  align-items: stretch;
  height: 100%;
  justify-content: center;
}
.nav-section .nav-inner {
  display: flex;
  justify-content: center;
  padding: 0;
  background: #fff;
  backdrop-filter: blur(15px);
  border-radius: 0 0 25px 25px;
}
.nav-section .nav-inner .menu-close {
  display: none;
}
.nav-section .nav-card {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  padding: 10px 44px;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(15px);
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  box-shadow: 0 6px 24px rgba(10, 35, 52, 0.12);
  overflow: visible; /* ensure dropdowns aren't clipped */
}
.nav-section .brand {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.nav-section .brand .brand-logo {
  display: block;
  width: auto;
  height: 54px;
}
.nav-section {
  /* Desktop menu */
}
.nav-section .menu {
  list-style: none;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 35px;
  margin: 0;
  padding: 0;
  height: 100%;
}
.nav-section .menu li {
  display: flex;
  align-items: flex-end;
}
.nav-section .menu a {
  position: relative;
  display: inline-block;
  padding: 34px 0;
  text-decoration: none;
  color: #243646;
  font-weight: 500;
  font-size: 15px;
}
.nav-section .menu a:hover, .nav-section .menu a.is-active {
  color: #0b1b2b;
}
.nav-section .menu a::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  width: 95%;
  height: 6px;
  background: #FF7200;
  border-radius: 5px 5px 0 0;
  transform: translateX(-50%) scaleX(0);
  transform-origin: center;
  transition: transform 0.22s ease-out;
  pointer-events: none;
}
.nav-section .menu a:hover::after, .nav-section .menu a:focus-visible::after {
  transform: translateX(-50%) scaleX(1);
}
.nav-section .indicator {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 6px;
  width: 56px;
  background: #FF7200;
  border-radius: 4px;
  transform: translateX(0);
  transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), width 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
  pointer-events: none;
}
.nav-section .burger {
  background: none;
  border: 0;
  width: 28px;
  height: 18px;
  padding: 0;
  display: none;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  gap: 6px;
}
.nav-section .burger span {
  display: block;
  height: 2px;
  background: #004356;
  width: 100%;
}
.nav-section {
  /* nav card sizing on narrow phones */
}
@media (width <= 767px) {
  .nav-section .nav-card {
    width: calc(100vw - 30px);
    padding: 16px 24px;
  }
}

/* Width cap at tablet sizes */
@media (width <= 1024px) {
  .nav-section {
    min-width: 90%;
  }
}
/* =========================
   HERO tweaks (optional)
   ========================= */
@media (width <= 420px) {
  .hero-section {
    overflow: hidden;
  }
  .hero-section .gsk-hero-virus-icon.gsk-hero-virus-icon--orange {
    display: none;
  }
  .hero-section .gsk-hero-virus-icon.gsk-hero-virus-icon--orange--big {
    right: -80px;
    top: 116px;
  }
  .hero-section .gsk-hero-virus-icon.gsk-hero-virus-icon--teal--big {
    left: -20px;
    top: 50%;
    height: 64px;
    width: 64px;
  }
  .hero-section .gsk-hero-virus-icon.gsk-hero-virus-icon--teal {
    display: none;
  }
  .hero-section .hero-inner {
    padding-top: 68px;
  }
}
@media (width <= 420px) and (width < 767px) {
  .hero-section .hero-inner {
    padding-top: 140px !important;
  }
}
@media (width <= 420px) {
  .hero-section .hero-inner h1 {
    margin: 0 auto 25px;
    font-size: 3.3rem;
    padding: 0 15px;
  }
  .hero-section .hero-inner .hero-cta {
    padding: 0 15px;
    gap: 15px;
    margin-bottom: 30px;
  }
  .hero-section .hero-inner .hero-cta .btn {
    width: 100%;
  }
  .hero-video__logo {
    max-width: 80%;
    margin: 122px auto;
  }
  .btn-edge-cta {
    display: none;
  }
  .menu-close {
    display: none;
  }
}
/* =========================
   MOBILE/TABLET (portal-safe fixed panel)
   NOTE: Kept outside .nav-section so it applies when
         JS portals the .menu to <body>.
   ========================= */
@media (width <= 1024px) {
  /* Hide desktop-only bits, show burger */
  .nav-section .indicator {
    display: none;
  }
  .nav-section .burger {
    display: flex;
    z-index: 1010; /* above panel/backdrop */
  }
  .menu {
    list-style: none;
    margin: 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 100dvh;
    background: #fff;
    border-radius: 0 0 16px 16px;
    box-shadow: 0 12px 28px rgba(10, 35, 52, 0.15);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: calc(20px + env(safe-area-inset-top) + 48px) 20px 24px;
    z-index: 2001;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-20px);
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0s linear 0.25s;
  }
  .menu.open, .menu[data-state=open] {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    transition-delay: 0s;
    z-index: 99999;
  }
  .menu {
    /* bigger tap targets; no underline bar */
  }
  .menu a {
    display: block;
    width: 100%;
    padding: 14px 10px;
    font-size: 18px;
    text-align: center;
    color: #241F1F;
  }
  .menu a::after {
    display: none;
  }
  .menu {
    /* inline close button (mobile only) */
  }
  .menu .menu-close {
    position: absolute;
    top: calc(env(safe-area-inset-top) + 12px);
    right: 16px;
    background: none;
    border: 0;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
    color: #243646;
    padding: 6px;
    border-radius: 10px;
    display: flex;
  }
  .menu .menu-close:focus-visible {
    outline: 2px solid #FF7200;
    outline-offset: 2px;
  }
  /* Optional dim backdrop (works portaled or not) */
  .menu-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.28);
    z-index: 990;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease, visibility 0s linear 0.25s;
  }
  .menu-backdrop.open {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transition-delay: 0s;
  }
  /* ===== WordPress admin bar support =====
     <body> gets .admin-bar with different bar heights by breakpoint. */
  body.admin-bar {
    /* ≥782px WP breakpoint: 32px admin bar */
  }
  body.admin-bar .menu {
    top: 32px;
    height: calc(100dvh - 32px);
  }
  body.admin-bar .menu-close {
    top: 44px;
  }
  body.admin-bar .menu-backdrop {
    top: 32px;
    height: calc(100dvh - 32px);
  }
  /* <782px WP breakpoint: 46px admin bar */
}
@media (width <= 1024px) and (width <= 767px) {
  body.admin-bar .menu {
    top: 46px;
    height: calc(100dvh - 46px);
  }
  body.admin-bar .menu-close {
    top: 10px;
  }
  body.admin-bar .menu-backdrop {
    top: 46px;
    height: calc(100dvh - 46px);
  }
}
.page-template-gsk .gsk-content__disabled-message {
  color: #d32f2f;
  font-weight: 600;
  margin-bottom: 8px;
  font-size: 14px;
}
.page-template-gsk .gsk-trainings {
  background: #EAF7FE;
  background: linear-gradient(90deg, rgb(234, 247, 254) 0%, rgb(234, 247, 254) 50%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%);
  padding-top: 80px;
}
@media (width <= 991px) {
  .page-template-gsk .gsk-trainings {
    background: rgb(234, 247, 254);
    padding-top: 20px;
  }
}
.page-template-gsk .gsk-trainings__hero-title {
  color: #241F1F;
  font-size: 45px;
  line-height: 1;
  margin: 0 0 10px;
}
.page-template-gsk .gsk-trainings__hero-title span {
  color: #FF7200;
}
.page-template-gsk .gsk-trainings__hero-subtitle {
  font-size: 22px;
  line-height: 30px;
  color: #004356;
  display: block;
  margin-bottom: 44px;
}
@media (width <= 991px) {
  .page-template-gsk .gsk-trainings__hero-title {
    font-size: 3.2rem;
    line-height: 36px;
  }
  .page-template-gsk .gsk-trainings__hero-subtitle {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 22px;
  }
}
.page-template-gsk .gsk-trainings .slick-list {
  overflow: visible;
}
.page-template-gsk .gsk-trainings__loaded-content {
  background: #EAF7FE;
  padding: 41px 15px;
}
.page-template-gsk .gsk-trainings__loaded-content .fm-container {
  padding: 0;
  overflow: hidden;
}
@media (width <= 991px) {
  .page-template-gsk .gsk-trainings__loaded-content {
    padding: 40px 10px;
  }
}
.page-template-gsk .gsk-trainings__wrapper {
  padding-top: 40px;
  overflow: hidden;
}
@media (width <= 767px) {
  .page-template-gsk .gsk-trainings__wrapper {
    padding-top: 100px;
  }
}
.page-template-gsk .gsk-trainings__outer {
  position: relative;
}
.page-template-gsk .gsk-training__card {
  background: #fff;
  border-radius: 25px;
  position: relative;
  display: flex !important;
  flex-direction: column;
  margin: 0 8px;
}
.page-template-gsk .gsk-training__card.active {
  background: #FF7200;
}
.page-template-gsk .gsk-training__card.active .gsk-training__content-title {
  color: #fff;
}
.page-template-gsk .gsk-training__card.active .gsk-training__content-desc {
  color: #fff;
}
.page-template-gsk .gsk-training__card.active .gsk-start-webinar img {
  transform: rotate(90deg);
}
.page-template-gsk .gsk-training__card .gsk-start-webinar img {
  transition: transform 200ms ease-in-out;
}
.page-template-gsk .gsk-training__image {
  border-radius: 25px 25px 0 0;
  position: relative;
  display: flex;
  height: 234px;
}
.page-template-gsk .gsk-training__image img {
  border-radius: 25px 25px 0 0;
  max-width: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
.page-template-gsk .gsk-training__category {
  position: absolute;
  top: -18px;
  right: 40px;
  background: #1DA8A3;
  padding: 10px;
  border-radius: 8px;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  display: block;
}
.page-template-gsk .gsk-training__category.orange {
  background: #FF7200;
}
.page-template-gsk .gsk-training__category--single {
  position: relative;
  top: unset;
  left: unset;
  right: unset;
  width: fit-content;
}
@media (width <= 991px) {
  .page-template-gsk .gsk-training__category {
    font-size: 1.6rem;
    right: 35px;
  }
  .page-template-gsk .gsk-training__category--single {
    right: unset;
  }
}
.page-template-gsk .gsk-training__points {
  background: #FF7200;
  padding: 10px 15px;
  border-radius: 8px 8px 0 0;
  position: absolute;
  font-size: 18px;
  line-height: 1;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 4px;
  color: #fff;
  bottom: 0;
  left: 40px;
  border: 1px solid #FF8E33;
  border-bottom: 0;
}
.page-template-gsk .gsk-training__points--done {
  display: flex;
  gap: 10px;
}
.page-template-gsk .gsk-training__points--done svg {
  width: 25px;
  height: 25px;
}
.page-template-gsk .gsk-training__points--done-text {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1em;
}
.page-template-gsk .gsk-training__points span {
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
}
.page-template-gsk .gsk-training__points--count span {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (width <= 991px) {
  .page-template-gsk .gsk-training__points {
    left: 21px;
  }
}
.page-template-gsk .gsk-training__content {
  padding: 33px 40px;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 240px;
}
.page-template-gsk .gsk-training__content-title {
  margin: 0 0 10px;
  font-size: 22px;
  line-height: 27px;
  font-weight: 600;
  color: #241F1F;
}
.page-template-gsk .gsk-training__content-desc {
  font-size: 18px;
  line-height: 27px;
  display: block;
  margin-bottom: 25px;
}
.page-template-gsk .gsk-training__content .btn-default {
  margin-top: auto;
  width: fit-content;
}
@media (width <= 991px) {
  .page-template-gsk .gsk-training__content {
    padding: 16px 20px;
  }
  .page-template-gsk .gsk-training__content-desc {
    margin-bottom: 15px;
  }
}
.page-template-gsk .gsk-content__webinar {
  border-radius: 30px;
  border: 8px solid rgba(227, 227, 227, 0.3);
  padding: 40px 30px;
  background: #fff;
  display: grid;
  grid-template-columns: 8fr 4fr;
  gap: 40px;
}
.page-template-gsk .gsk-content__webinar.full {
  display: block;
  grid-template-columns: unset;
  gap: unset;
}
@media (992px <= width <= 1199px) {
  .page-template-gsk .gsk-content__webinar {
    grid-template-columns: 7fr 5fr;
  }
}
@media (width <= 991px) {
  .page-template-gsk .gsk-content__webinar {
    grid-template-columns: 1fr;
    padding: 30px 15px;
    gap: 30px;
  }
}
.page-template-gsk .gsk-content__video {
  border-radius: 10px;
  border: 7px solid rgba(227, 227, 227, 0.3);
  overflow: hidden;
  position: relative;
}
.page-template-gsk .gsk-content__video-wrap {
  position: relative;
}
@media (width <= 767px) {
  .page-template-gsk .gsk-content__video-wrap {
    order: 2;
  }
}
.page-template-gsk .gsk-content__title {
  text-align: center;
  margin-bottom: 40px;
}
.page-template-gsk .gsk-content__title h2 {
  font-size: 40px;
  font-weight: 600;
  line-height: 1.5;
  margin: 0 0 10px;
}
.page-template-gsk .gsk-content__title h2 span.accent {
  color: #FF7200;
}
.page-template-gsk .gsk-content__title-description {
  font-size: 18px;
  display: block;
  text-align: center;
}
@media (width <= 991px) {
  .page-template-gsk .gsk-content__title h2 {
    font-size: 3.2rem;
    line-height: 36px;
  }
}
.page-template-gsk .gsk-content__speakers {
  padding: 40px 15px;
}
.page-template-gsk .gsk-content__speakers-wrapper {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  align-items: flex-start;
  justify-content: center;
}
@media (540px <= width <= 767px) {
  .page-template-gsk .gsk-content__speakers-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (width <= 539px) {
  .page-template-gsk .gsk-content__speakers-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.page-template-gsk .gsk-content__heading {
  font-size: 40px;
  font-weight: 600;
  line-height: 1.5;
  margin: 0 0 10px;
  text-align: center;
}
.page-template-gsk .gsk-content__heading span.accent {
  color: #FF7200;
}
@media (width <= 991px) {
  .page-template-gsk .gsk-content__heading {
    font-size: 32px;
    line-height: 36px;
  }
}
.page-template-gsk .gsk-content__before-speaker {
  text-align: center;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  color: #241F1F;
  padding: 10px 15px;
}
.page-template-gsk .gsk-content__before-speaker p {
  max-width: 990px;
  margin: 0 auto;
}
@media (width <= 767px) {
  .page-template-gsk .gsk-content__info {
    order: 1;
  }
}
.page-template-gsk .gsk-content__info-top {
  display: flex;
  flex-direction: row;
  gap: 15px;
  margin-bottom: 15px;
}
@media (width <= 767px) {
  .page-template-gsk .gsk-content__info-top {
    flex-flow: row wrap;
  }
}
.page-template-gsk .gsk-content__info-points {
  background: #FF7200;
  padding: 10px;
  border-radius: 8px;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  display: block;
  width: fit-content;
}
.page-template-gsk .gsk-content__info-heading {
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}
.page-template-gsk .gsk-content__info-heading .accent {
  color: #FF7200;
}
.page-template-gsk .gsk-content__ask-question {
  width: fit-content;
}
.page-template-gsk .gsk-content__buttons {
  margin-top: 40px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
}
@media (width <= 767px) {
  .page-template-gsk .gsk-content__buttons {
    margin-top: 30px;
    flex-direction: column;
    align-items: center;
  }
}
.page-template-gsk .gsk-content__buttons--training {
  margin-top: 60px;
  justify-content: center;
  align-items: center;
}
.page-template-gsk .gsk-content__buttons--training .btn-green {
  background: #1DA8A3;
}
.page-template-gsk .gsk-content__presentation {
  display: block;
  max-width: 930px;
  border: 7px solid rgba(218, 224, 227, 0.4);
  border-radius: 10px;
  margin: 0 auto;
  position: relative;
}
.page-template-gsk .gsk-content__presentation .lp-swiper-button-next,
.page-template-gsk .gsk-content__presentation .lp-swiper-button-prev {
  width: 45px;
  height: 45px;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
}
.page-template-gsk .gsk-content__presentation .lp-swiper-button-prev {
  left: -75px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDUiIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCA0NSA0NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjQ1IiBoZWlnaHQ9IjQ1IiByeD0iNyIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgNDUgMCkiIGZpbGw9IiMyNDFGMUYiLz4KPHBhdGggZD0iTTIxLjA5ODkgMjMuMDgwM0wyOS4zMDIgMzEuMjgzNUMyOS40NTU5IDMxLjQzNzQgMjkuNjY0NyAzMS41MjM5IDI5Ljg4MjQgMzEuNTIzOUMzMC4xIDMxLjUyMzkgMzAuMzA4OCAzMS40Mzc0IDMwLjQ2MjcgMzEuMjgzNUMzMC42MTY3IDMxLjEyOTUgMzAuNzAzMSAzMC45MjA4IDMwLjcwMzEgMzAuNzAzMUMzMC43MDMxIDMwLjQ4NTQgMzAuNjE2NyAzMC4yNzY2IDMwLjQ2MjcgMzAuMTIyN0wyMi44Mzg5IDIyLjVMMzAuNDYyNyAxNC44NzcyQzMwLjYxNjcgMTQuNzIzMyAzMC43MDMxIDE0LjUxNDUgMzAuNzAzMSAxNC4yOTY4QzMwLjcwMzEgMTQuMDc5MiAzMC42MTY3IDEzLjg3MDQgMzAuNDYyNyAxMy43MTY1QzMwLjMwODggMTMuNTYyNSAzMC4xIDEzLjQ3NjEgMjkuODgyNCAxMy40NzYxQzI5LjY2NDcgMTMuNDc2MSAyOS40NTU5IDEzLjU2MjUgMjkuMzAyIDEzLjcxNjVMMjEuMDk4OSAyMS45MTk2QzIxLjAyMjYgMjEuOTk1OCAyMC45NjIxIDIyLjA4NjMgMjAuOTIwOCAyMi4xODU4QzIwLjg3OTUgMjIuMjg1NCAyMC44NTgzIDIyLjM5MjIgMjAuODU4MyAyMi41QzIwLjg1ODMgMjIuNjA3OCAyMC44Nzk1IDIyLjcxNDUgMjAuOTIwOCAyMi44MTQxQzIwLjk2MjEgMjIuOTEzNyAyMS4wMjI2IDIzLjAwNDIgMjEuMDk4OSAyMy4wODAzWk0xMi44OTU3IDIxLjkxOTZMMjEuMDk4OSAxMy43MTY1QzIxLjI1MjggMTMuNTYyNSAyMS40NjE1IDEzLjQ3NjEgMjEuNjc5MiAxMy40NzYxQzIxLjg5NjkgMTMuNDc2MSAyMi4xMDU3IDEzLjU2MjUgMjIuMjU5NiAxMy43MTY1QzIyLjQxMzUgMTMuODcwNCAyMi41IDE0LjA3OTIgMjIuNSAxNC4yOTY4QzIyLjUgMTQuNTE0NSAyMi40MTM1IDE0LjcyMzMgMjIuMjU5NiAxNC44NzcyTDE0LjYzNTggMjIuNUwyMi4yNTk2IDMwLjEyMjdDMjIuNDEzNSAzMC4yNzY2IDIyLjUgMzAuNDg1NCAyMi41IDMwLjcwMzFDMjIuNSAzMC45MjA4IDIyLjQxMzUgMzEuMTI5NSAyMi4yNTk2IDMxLjI4MzVDMjIuMTA1NyAzMS40Mzc0IDIxLjg5NjkgMzEuNTIzOSAyMS42NzkyIDMxLjUyMzlDMjEuNDYxNSAzMS41MjM5IDIxLjI1MjggMzEuNDM3NCAyMS4wOTg5IDMxLjI4MzVMMTIuODk1NyAyMy4wODAzQzEyLjgxOTUgMjMuMDA0MiAxMi43NTkgMjIuOTEzNyAxMi43MTc3IDIyLjgxNDFDMTIuNjc2NCAyMi43MTQ1IDEyLjY1NTEgMjIuNjA3OCAxMi42NTUxIDIyLjVDMTIuNjU1MSAyMi4zOTIyIDEyLjY3NjQgMjIuMjg1NCAxMi43MTc3IDIyLjE4NThDMTIuNzU5IDIyLjA4NjMgMTIuODE5NSAyMS45OTU4IDEyLjg5NTcgMjEuOTE5NloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
}
@media (768px <= width <= 1199px) {
  .page-template-gsk .gsk-content__presentation .lp-swiper-button-prev {
    left: -25px;
  }
}
.page-template-gsk .gsk-content__presentation .lp-swiper-button-next {
  right: -75px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDUiIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCA0NSA0NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjQ1IiBoZWlnaHQ9IjQ1IiByeD0iNyIgZmlsbD0iIzI0MUYxRiIvPgo8cGF0aCBkPSJNMjMuOTAxMSAyMy4wODAzTDE1LjY5OCAzMS4yODM1QzE1LjU0NDEgMzEuNDM3NCAxNS4zMzUzIDMxLjUyMzkgMTUuMTE3NiAzMS41MjM5QzE0LjkgMzEuNTIzOSAxNC42OTEyIDMxLjQzNzQgMTQuNTM3MyAzMS4yODM1QzE0LjM4MzMgMzEuMTI5NSAxNC4yOTY5IDMwLjkyMDggMTQuMjk2OSAzMC43MDMxQzE0LjI5NjkgMzAuNDg1NCAxNC4zODMzIDMwLjI3NjYgMTQuNTM3MyAzMC4xMjI3TDIyLjE2MTEgMjIuNUwxNC41MzczIDE0Ljg3NzJDMTQuMzgzMyAxNC43MjMzIDE0LjI5NjkgMTQuNTE0NSAxNC4yOTY5IDE0LjI5NjhDMTQuMjk2OSAxNC4wNzkyIDE0LjM4MzMgMTMuODcwNCAxNC41MzczIDEzLjcxNjVDMTQuNjkxMiAxMy41NjI1IDE0LjkgMTMuNDc2MSAxNS4xMTc2IDEzLjQ3NjFDMTUuMzM1MyAxMy40NzYxIDE1LjU0NDEgMTMuNTYyNSAxNS42OTggMTMuNzE2NUwyMy45MDExIDIxLjkxOTZDMjMuOTc3NCAyMS45OTU4IDI0LjAzNzkgMjIuMDg2MyAyNC4wNzkyIDIyLjE4NThDMjQuMTIwNSAyMi4yODU0IDI0LjE0MTcgMjIuMzkyMiAyNC4xNDE3IDIyLjVDMjQuMTQxNyAyMi42MDc4IDI0LjEyMDUgMjIuNzE0NSAyNC4wNzkyIDIyLjgxNDFDMjQuMDM3OSAyMi45MTM3IDIzLjk3NzQgMjMuMDA0MiAyMy45MDExIDIzLjA4MDNaTTMyLjEwNDMgMjEuOTE5NkwyMy45MDExIDEzLjcxNjVDMjMuNzQ3MiAxMy41NjI1IDIzLjUzODUgMTMuNDc2MSAyMy4zMjA4IDEzLjQ3NjFDMjMuMTAzMSAxMy40NzYxIDIyLjg5NDMgMTMuNTYyNSAyMi43NDA0IDEzLjcxNjVDMjIuNTg2NSAxMy44NzA0IDIyLjUgMTQuMDc5MiAyMi41IDE0LjI5NjhDMjIuNSAxNC41MTQ1IDIyLjU4NjUgMTQuNzIzMyAyMi43NDA0IDE0Ljg3NzJMMzAuMzY0MiAyMi41TDIyLjc0MDQgMzAuMTIyN0MyMi41ODY1IDMwLjI3NjYgMjIuNSAzMC40ODU0IDIyLjUgMzAuNzAzMUMyMi41IDMwLjkyMDggMjIuNTg2NSAzMS4xMjk1IDIyLjc0MDQgMzEuMjgzNUMyMi44OTQzIDMxLjQzNzQgMjMuMTAzMSAzMS41MjM5IDIzLjMyMDggMzEuNTIzOUMyMy41Mzg1IDMxLjUyMzkgMjMuNzQ3MiAzMS40Mzc0IDIzLjkwMTEgMzEuMjgzNUwzMi4xMDQzIDIzLjA4MDNDMzIuMTgwNSAyMy4wMDQyIDMyLjI0MSAyMi45MTM3IDMyLjI4MjMgMjIuODE0MUMzMi4zMjM2IDIyLjcxNDUgMzIuMzQ0OSAyMi42MDc4IDMyLjM0NDkgMjIuNUMzMi4zNDQ5IDIyLjM5MjIgMzIuMzIzNiAyMi4yODU0IDMyLjI4MjMgMjIuMTg1OEMzMi4yNDEgMjIuMDg2MyAzMi4xODA1IDIxLjk5NTggMzIuMTA0MyAyMS45MTk2WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
}
@media (768px <= width <= 1199px) {
  .page-template-gsk .gsk-content__presentation .lp-swiper-button-next {
    right: -25px;
  }
}
.page-template-gsk .farmacja-quiz-wrapper .farmacja-quiz-background-wrapper {
  display: block !important;
}
.page-template-gsk .farmacja-quiz-wrapper .farmacja_qc_quiz_footer {
  display: flex;
  gap: 30px;
  justify-content: center;
}
.page-template-gsk .farmacja-quiz-wrapper .farmacja_qc_quiz_footer .farmacja_qc_quiz_footer_button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background-color: #241F1F;
  color: #fff;
  font-size: 1.5rem;
  line-height: 1em;
  font-weight: 600;
  min-width: unset;
}
.page-template-gsk .farmacja-quiz-wrapper .farmacja_qc_quiz_footer .farmacja_qc_quiz_footer_button.farmacja_qc_quiz_next_question {
  padding: 8px 13px 8px 25px;
  margin-left: unset;
  box-shadow: unset;
}
.page-template-gsk .farmacja-quiz-wrapper .farmacja_qc_quiz_footer .farmacja_qc_quiz_footer_button.farmacja_qc_quiz_next_question::after {
  content: "";
  width: 34px;
  height: 34px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMzQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjM0IiBoZWlnaHQ9IjM0IiByeD0iNyIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAzNCkiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMTguMDU3IDE2LjU2MmwtNi4xOTgtNi4xOThhLjYyLjYyIDAgMTAtLjg3Ny44NzdsNS43NiA1Ljc2LTUuNzYgNS43NThhLjYyLjYyIDAgMDAuODc3Ljg3OGw2LjE5OC02LjE5OGEuNjIuNjIgMCAwMDAtLjg3N3ptNi4xOTguODc3bC02LjE5OCA2LjE5OGEuNjIuNjIgMCAwMS0uODc3LS44NzhMMjIuOTQgMTdsLTUuNzYtNS43NmEuNjIuNjIgMCAxMS44NzctLjg3Nmw2LjE5OCA2LjE5OGEuNjIuNjIgMCAwMTAgLjg3N3oiIGZpbGw9IiMwMDAiLz48L3N2Zz4=");
}
.page-template-gsk .farmacja-quiz-wrapper .farmacja_qc_quiz_footer .farmacja_qc_quiz_footer_button.farmacja_qc_quiz_next_question:hover {
  transform: unset;
  box-shadow: unset;
}
.page-template-gsk .farmacja-quiz-wrapper .farmacja_qc_quiz_footer .farmacja_qc_quiz_footer_button.farmacja_qc_quiz_previous_question {
  padding: 8px 25px 8px 13px;
}
.page-template-gsk .farmacja-quiz-wrapper .farmacja_qc_quiz_footer .farmacja_qc_quiz_footer_button.farmacja_qc_quiz_previous_question::before {
  content: "";
  width: 34px;
  height: 34px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMzQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iMzQiIHk9IjM0IiB3aWR0aD0iMzQiIGhlaWdodD0iMzQiIHJ4PSI3IiB0cmFuc2Zvcm09InJvdGF0ZSgtMTgwIDM0IDM0KSIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xNS45NDMgMTYuNTYybDYuMTk4LTYuMTk4YS42Mi42MiAwIDExLjg3Ny44NzdMMTcuMjU4IDE3bDUuNzYgNS43NThhLjYyLjYyIDAgMDEtLjg3Ny44NzhsLTYuMTk4LTYuMTk4YS42Mi42MiAwIDAxMC0uODc3em0tNi4xOTguODc3bDYuMTk4IDYuMTk4YS42Mi42MiAwIDAwLjg3Ny0uODc4TDExLjA2IDE3bDUuNzYtNS43NmEuNjIuNjIgMCAxMC0uODc3LS44NzZsLTYuMTk4IDYuMTk4YS42Mi42MiAwIDAwMCAuODc3eiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==");
}
.page-template-gsk .farmacja-quiz-wrapper .farmacja_qc_quiz_help.hide_help {
  display: none !important;
}
.page-template-gsk .farmacja-quiz-wrapper .farmacja-quiz-fail-message {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.page-template-gsk .farmacja-quiz-wrapper .farmacja-quiz-fail-message .farmacja-quiz-fail-message__text {
  text-align: center;
  display: block;
  font-size: 18px;
  color: #004356;
}
.page-template-gsk .farmacja-quiz-wrapper .farmacja-quiz-fail-message .farmacja-quiz-restart-btn {
  width: fit-content;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background-color: #241F1F;
  color: #fff;
  font-size: 1.5rem;
  line-height: 1em;
  font-weight: 600;
  padding: 8px 13px 8px 25px;
}
.page-template-gsk .farmacja-quiz-wrapper .farmacja-quiz-fail-message .farmacja-quiz-restart-btn::after {
  content: "";
  width: 34px;
  height: 34px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMzQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjM0IiBoZWlnaHQ9IjM0IiByeD0iNyIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAzNCkiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMTguMDU3IDE2LjU2MmwtNi4xOTgtNi4xOThhLjYyLjYyIDAgMTAtLjg3Ny44NzdsNS43NiA1Ljc2LTUuNzYgNS43NThhLjYyLjYyIDAgMDAuODc3Ljg3OGw2LjE5OC02LjE5OGEuNjIuNjIgMCAwMDAtLjg3N3ptNi4xOTguODc3bC02LjE5OCA2LjE5OGEuNjIuNjIgMCAwMS0uODc3LS44NzhMMjIuOTQgMTdsLTUuNzYtNS43NmEuNjIuNjIgMCAxMS44NzctLjg3Nmw2LjE5OCA2LjE5OGEuNjIuNjIgMCAwMTAgLjg3N3oiIGZpbGw9IiMwMDAiLz48L3N2Zz4=");
}
.page-template-gsk .farmacja-quiz-wrapper .farmacja_qc_quiz .farmacja_qc_score_info.hide {
  display: flex !important;
  flex-direction: column;
  align-items: center;
}
.page-template-gsk .farmacja-quiz-wrapper .farmacja_qc_quiz .farmacja_qc_score_info.hide #JsScoreInfoPoints {
  color: #FF7200;
}
.page-template-gsk .farmacja-quiz-wrapper .quiz-form-row .quiz-form-group label {
  font-size: 14px;
}
.page-template-gsk .farmacja-quiz-wrapper .quiz-form-row .quiz-form-group.quiz-form-group__checkbox label .quiz-form-group__checkbox-label {
  font-size: 14px;
  padding-left: 35px;
  position: relative;
  line-height: 1.5;
  color: #004356;
}
.page-template-gsk .farmacja-quiz-wrapper .quiz-form-row .quiz-form-group.quiz-form-group__checkbox label .quiz-form-group__checkbox-label::before {
  content: "";
  width: 25px;
  height: 25px;
  border: 2px solid #A8A8A8;
  border-radius: 5px;
  overflow: hidden;
  margin-top: 0;
  position: absolute;
  left: 0;
  display: block;
}
.page-template-gsk .farmacja-quiz-wrapper .farmacja-quiz-label__consent input[type=checkbox] {
  display: none;
}
.page-template-gsk .farmacja-quiz-wrapper .farmacja-quiz-label__consent input[type=checkbox]:checked ~ .quiz-form-group__checkbox-label::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS43NSA1LjI1bDMuNSAzLjUgOC04IiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=");
  background-color: #FF7200;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 25px;
  height: 25px;
  border: 2px solid #FF7200;
  border-radius: 5px;
  overflow: hidden;
  margin-top: 0;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}
.page-template-gsk .farmacja-quiz-submit-section {
  gap: 30px;
  justify-content: flex-end;
  align-items: flex-end;
}
.page-template-gsk .farmacja-quiz-submit-section .input-wrapper {
  width: fit-content;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background-color: #241F1F;
  color: #fff;
  font-size: 1.5rem;
  line-height: 1em;
  font-weight: 600;
  padding: 8px 13px 8px 25px;
  margin-left: unset;
  box-shadow: unset;
}
.page-template-gsk .farmacja-quiz-submit-section .input-wrapper::after {
  content: "";
  width: 34px;
  height: 34px;
  min-width: 34px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMzQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjM0IiBoZWlnaHQ9IjM0IiByeD0iNyIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAzNCkiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMTguMDU3IDE2LjU2MmwtNi4xOTgtNi4xOThhLjYyLjYyIDAgMTAtLjg3Ny44NzdsNS43NiA1Ljc2LTUuNzYgNS43NThhLjYyLjYyIDAgMDAuODc3Ljg3OGw2LjE5OC02LjE5OGEuNjIuNjIgMCAwMDAtLjg3N3ptNi4xOTguODc3bC02LjE5OCA2LjE5OGEuNjIuNjIgMCAwMS0uODc3LS44NzhMMjIuOTQgMTdsLTUuNzYtNS43NmEuNjIuNjIgMCAxMS44NzctLjg3Nmw2LjE5OCA2LjE5OGEuNjIuNjIgMCAwMTAgLjg3N3oiIGZpbGw9IiMwMDAiLz48L3N2Zz4=");
}
.page-template-gsk .farmacja-quiz-submit-section .input-wrapper .farmacja-quiz-submit-btn {
  width: fit-content;
  min-width: unset;
  background: none !important;
  padding: 0 !important;
  min-height: unset;
  color: #fff;
  margin: 0;
}
.page-template-gsk .farmacja-quiz-submit-section .input-wrapper:last-child {
  display: none;
}
.page-template-gsk .farmacja_quiz_form {
  padding: 0;
}
.page-template-gsk .farmacja_quiz_form #quiz-form {
  padding: 0;
  display: flex;
  flex-direction: column;
}
.page-template-gsk .farmacja_quiz_form #quiz-form .quiz-form-row {
  display: inline-flex;
}
.page-template-gsk .farmacja_quiz_form #quiz-form .quiz-form-row--start {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 11px;
  margin-bottom: 0;
}
.page-template-gsk .farmacja_quiz_form #quiz-form .quiz-form-row--start .quiz-form-group {
  display: flex;
  gap: 11px;
  flex-direction: row;
  align-items: center;
}
@media (width <= 540px) {
  .page-template-gsk .farmacja_quiz_form #quiz-form .quiz-form-row--start .quiz-form-group {
    flex-direction: column;
  }
}
.page-template-gsk .farmacja_quiz_form #quiz-form .quiz-form-row--start .quiz-form-group .control-label {
  display: block;
}
.page-template-gsk .farmacja_quiz_form #quiz-form input[type=text], .page-template-gsk .farmacja_quiz_form #quiz-form input[type=email], .page-template-gsk .farmacja_quiz_form #quiz-form input[type=tel], .page-template-gsk .farmacja_quiz_form #quiz-form input[type=phone], .page-template-gsk .farmacja_quiz_form #quiz-form select, .page-template-gsk .farmacja_quiz_form #quiz-form textarea {
  border: 3px solid rgba(227, 227, 227, 0.5);
  border-radius: 10px;
  background: #fff;
  padding: 10px 25px;
  color: #241F1F;
  width: 100%;
}
.page-template-gsk .farmacja_quiz_form #quiz-form input[type=text]::placeholder, .page-template-gsk .farmacja_quiz_form #quiz-form input[type=email]::placeholder, .page-template-gsk .farmacja_quiz_form #quiz-form input[type=tel]::placeholder, .page-template-gsk .farmacja_quiz_form #quiz-form input[type=phone]::placeholder, .page-template-gsk .farmacja_quiz_form #quiz-form select::placeholder, .page-template-gsk .farmacja_quiz_form #quiz-form textarea::placeholder {
  font-size: 18px;
  color: #004356;
}
.page-template-gsk .farmacja_quiz_form #quiz-form select {
  padding: 10px 20px;
}
.page-template-gsk .farmacja_quiz_form #quiz-form textarea {
  height: 130px;
}
.page-template-gsk .farmacja_quiz_form #quiz-form .farmacja-form-lp__form-vaccination-group {
  display: flex;
  gap: 11px;
}
.page-template-gsk .farmacja_quiz_form #quiz-form .farmacja-form-lp__form-vaccination-option {
  padding: 20px 40px;
  font-size: 16px;
  color: #004356;
  border-radius: 5px;
  border: 2px solid rgba(227, 227, 227, 0.5);
  cursor: pointer;
}
.page-template-gsk .farmacja_quiz_form #quiz-form .farmacja-form-lp__form-vaccination-option input[type=radio] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.page-template-gsk .farmacja_quiz_form #quiz-form .farmacja-form-lp__form-vaccination-option:has(input[type=radio]:checked) {
  border-color: #F1AA71;
  background: #FF7200;
  color: #fff;
}
.page-template-gsk .farmacja_quiz_form .farmacja-quiz-subheading {
  display: none;
}

.gsk-content__ask-question-popup {
  background: #fff;
  border-radius: 30px;
  padding: 24px 41px;
  border: 7px solid rgba(218, 224, 227, 0.4);
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  max-width: 600px;
  max-height: calc(100vh - 40px);
  height: auto;
  left: 0;
  right: 0;
  margin: 0 auto;
  visibility: hidden;
  overflow-y: auto;
  opacity: 0;
  display: none;
  transition: all 300ms ease-in-out;
  z-index: 999999;
}
.gsk-content__ask-question-popup.open {
  display: block;
  opacity: 1;
  visibility: visible;
}
.gsk-content__ask-question-popup .gsk-content__heading {
  font-size: 30px;
  line-height: 1.4;
}
.gsk-content__ask-question-popup .gsk-content__success {
  display: none;
}
.gsk-content__ask-question-popup.is-success .gsk-content__heading,
.gsk-content__ask-question-popup.is-success .farmacja_single_form_email_message {
  display: none;
}
.gsk-content__ask-question-popup.is-success .gsk-content__success {
  display: block;
}

.gsk-content__success-heading {
  font-size: 30px;
  line-height: 1.4;
  margin: 0 0 12px;
  font-weight: 600;
  color: #241F1F;
}
.gsk-content__success-heading span {
  color: #FF7200;
}
@media (width <= 767px) {
  .gsk-content__success-heading {
    font-size: 24px;
  }
}

.gsk-content__success-text {
  font-size: 18px;
  line-height: 1.5;
  margin: 0 0 24px;
  color: #241F1F;
}
@media (width <= 767px) {
  .gsk-content__success-text {
    font-size: 16px;
  }
}

.gsk-speaker {
  display: flex;
  flex-direction: column;
  background: #fff;
  box-shadow: 0 308px 86px 0 rgba(0, 0, 0, 0), 0 197px 79px 0 rgba(0, 0, 0, 0.01), 0 111px 67px 0 rgba(0, 0, 0, 0.04), 0 49px 49px 0 rgba(0, 0, 0, 0.07), 0 12px 27px 0 rgba(0, 0, 0, 0.08);
  border-radius: 20px;
  padding: 10px 10px 50px;
  height: 100%;
}
.gsk-speaker__type {
  background: #FF7200;
  padding: 5px 25px;
  display: flex;
  width: fit-content;
  border-radius: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.8;
  font-weight: 600;
  color: #fff;
}
.gsk-speaker__type--moderator {
  background: #1DA8A3;
}
.gsk-speaker__image {
  border-radius: 15px 15px 5px 5px;
}
.gsk-speaker__content {
  padding: 10px 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.gsk-speaker__content-name {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.8;
  color: #241F1F;
  text-align: center;
}
.gsk-speaker__content-name span {
  font-size: 20px;
  color: #FF7200;
}
.gsk-speaker__content-desc {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.7;
  text-align: center;
  color: #004356;
}
.gsk-speaker__content-desc a {
  color: #FF7200;
}

.farmacja_single_form_email_message {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.farmacja_single_form_email_message__row {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.farmacja_single_form_email_message input[type=text], .farmacja_single_form_email_message input[type=email], .farmacja_single_form_email_message textarea {
  border: 3px solid rgba(227, 227, 227, 0.5);
  border-radius: 15px;
  background: #fff;
  padding: 20px;
  color: #241F1F;
  width: 100%;
}
.farmacja_single_form_email_message textarea {
  height: 130px;
}
.farmacja_single_form_email_message__submit {
  width: fit-content;
}

.gsk-btn-link {
  color: #241F1F;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 600;
  line-height: 17px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQuMjU4IDYuMTA1bDEuOTEtMy4wODJoMS43MnYuMWwtMi4wMSAyLjk4MmgtMS42MnptMC02LjEwNWgxLjYybDIuMDEgMi45ODN2LjFoLTEuNzJMNC4yNTcgMHptMy4wNjMgNi4xMDVMOS4yMyAzLjAyM2gxLjcydi4xTDguOTQgNi4xMDRoLTEuNjJ6TTcuMzIgMGgxLjYybDIuMDA5IDIuOTgzdi4xSDkuMjNMNy4zMiAwek0wIDkuOTgzaDExLjg2NXYuOTU0SDB2LS45NTR6IiBmaWxsPSIjRkY3MjAwIi8+PC9zdmc+");
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: 96% 80%;
}
.gsk-btn-link--right {
  margin-left: auto;
}

.btn-disabled {
  opacity: 0.5;
  pointer-events: auto;
  cursor: not-allowed;
  background: #918F8F;
}

.gsk-popup-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999; /* lower than popup's z-index but high enough to cover content */
}

.farmacja-form-submit-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (width <= 767px) {
  .farmacja-form-submit-wrapper {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
}

.gsk-webinar-form {
  background: #fff;
  padding: 90px;
  border-radius: 30px;
  margin-top: 40px;
}
@media (width <= 991px) {
  .gsk-webinar-form {
    padding: 40px 20px;
    margin: 40px 10px;
  }
}
.gsk-webinar-form__heading {
  color: #004356;
  text-align: center;
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 40px;
  line-height: 120%; /* 30px */
}
.gsk-webinar-form__wrap {
  background: #fff;
  border-radius: 30px;
  padding: 90px;
  display: flex;
  flex-direction: column;
  gap: 25px;
  color: #004356;
}
@media (992px <= width <= 1399px) {
  .gsk-webinar-form__wrap {
    padding: 48px 40px;
  }
}
@media (width <= 991px) {
  .gsk-webinar-form__wrap {
    padding: 40px 20px;
  }
}
.gsk-webinar-form__title {
  color: #004356;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
}
.gsk-webinar-form .farmacja-form-lp__form .farmacja-form-row-label-text {
  display: none;
}
.gsk-webinar-form .farmacja-form-lp__form .farmacja-form-row-label-text--visible {
  display: block;
  font-size: 14px;
  color: #004356;
  line-height: 1.5;
}
.gsk-webinar-form .farmacja-form-lp__form .farmacja-form-row-label-text--visible a {
  color: #004356;
  text-decoration: underline;
}
.gsk-webinar-form .farmacja-form-lp__form .farmacja-form-lp__form--approval-label {
  font-size: 12px;
}
.gsk-webinar-form .farmacja-form-lp__form .farmacja-form-lp__form--approval-label a {
  color: #004356;
  text-decoration: underline;
}
.gsk-webinar-form .farmacja-form-lp__form .farmacja-form-lp__form--row {
  gap: 30px;
  margin: 15px 0;
}
.gsk-webinar-form .farmacja-form-lp__form .farmacja-form-lp__form--row--radio {
  display: flex;
  flex-direction: row;
  gap: 11px;
  justify-content: flex-start;
  align-items: center;
}
@media (width <= 767px) {
  .gsk-webinar-form .farmacja-form-lp__form .farmacja-form-lp__form--row--radio {
    flex-direction: column;
    align-items: center;
  }
}
.gsk-webinar-form .farmacja-form-lp__form .farmacja-form-lp__form--row label:first-child {
  margin-right: 0;
}
.gsk-webinar-form .farmacja-form-lp__form input[type=text],
.gsk-webinar-form .farmacja-form-lp__form input[type=tel],
.gsk-webinar-form .farmacja-form-lp__form input[type=phone],
.gsk-webinar-form .farmacja-form-lp__form input[type=email] {
  border: 3px solid rgba(227, 227, 227, 0.5);
  background: #fff;
  border-radius: 10px;
  display: flex;
  padding: 17px 25px;
  margin-top: 8px;
  font-size: 18px;
}
.gsk-webinar-form .farmacja-form-lp__form input[type=text]::placeholder,
.gsk-webinar-form .farmacja-form-lp__form input[type=tel]::placeholder,
.gsk-webinar-form .farmacja-form-lp__form input[type=phone]::placeholder,
.gsk-webinar-form .farmacja-form-lp__form input[type=email]::placeholder {
  color: #004356;
}
.gsk-webinar-form .farmacja-form-lp__form input[type=text]:focus,
.gsk-webinar-form .farmacja-form-lp__form input[type=tel]:focus,
.gsk-webinar-form .farmacja-form-lp__form input[type=phone]:focus,
.gsk-webinar-form .farmacja-form-lp__form input[type=email]:focus {
  border: 2px solid;
}
.gsk-webinar-form .farmacja-form-lp__form .farmacja-form-lp__form--approval-label .farmacja-form-lp__form--approval-custom-checkbox {
  width: 25px;
  height: 25px;
  border: 2px solid #A8A8A8;
  border-radius: 5px;
  overflow: hidden;
  margin-top: 0;
}
.gsk-webinar-form .farmacja-form-lp__form .farmacja-form-lp__form--approval-label input[type=checkbox]:checked ~ .farmacja-form-lp__form--approval-custom-checkbox {
  border: #FF7200;
}
.gsk-webinar-form .farmacja-form-lp__form .farmacja-form-lp__form--approval-label input[type=checkbox]:checked ~ .farmacja-form-lp__form--approval-custom-checkbox::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS43NSA1LjI1bDMuNSAzLjUgOC04IiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=");
  background-color: #FF7200;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 100%;
  height: 100%;
}
.gsk-webinar-form .farmacja-form-lp__form label.farmacja-form-lp__form--approval-label {
  margin-bottom: 15px;
  font-size: 12px;
  line-height: 1.5;
  color: #004356;
}
.gsk-webinar-form .farmacja-form-lp__form label.farmacja-form-lp__form--approval-label a {
  text-decoration: underline;
  color: #004356;
}
.gsk-webinar-form .farmacja-form-lp__form label.farmacja-form-lp__form--approval-label a:hover, .gsk-webinar-form .farmacja-form-lp__form label.farmacja-form-lp__form--approval-label a:focus {
  text-decoration: none;
}
.gsk-webinar-form .farmacja-form-lp__form .farmacja-form-lp__form-vaccination-group {
  display: flex;
  gap: 11px;
}
.gsk-webinar-form .farmacja-form-lp__form .farmacja-form-lp__form-vaccination-option {
  padding: 10px 20px;
  font-size: 16px;
  color: #004356;
  border-radius: 5px;
  border: 2px solid rgba(227, 227, 227, 0.5);
  cursor: pointer;
}
.gsk-webinar-form .farmacja-form-lp__form .farmacja-form-lp__form-vaccination-option input[type=radio] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.gsk-webinar-form .farmacja-form-lp__form .farmacja-form-lp__form-vaccination-option:has(input[type=radio]:checked) {
  border-color: #F1AA71;
  background: #FF7200;
  color: #fff;
}
.gsk-webinar-form .farmacja-form-lp__form .btn-default {
  width: fit-content;
  margin-left: auto;
}
@media (width <= 767px) {
  .gsk-webinar-form .farmacja-form-lp__form .btn-default {
    margin-top: 30px;
  }
}
.gsk-webinar-form .farmacja-form label.farmacja-form-error, .gsk-webinar-form .farmacja-form-error, .gsk-webinar-form .farmacja-validation-errors {
  font-size: 14px;
}

/* quiz section */
.gsk-form-section[data-type="Szkolenie edukacyjne"] {
  padding-top: 80px;
}
.gsk-form-section[data-type="Szkolenie edukacyjne"].is-locked {
  display: none;
}
.gsk-form-section .farmacja-quiz-wrapper {
  background: #fff;
  padding: 60px 90px;
  border: 7px solid rgba(218, 224, 227, 0.4);
  border-radius: 20px;
}
@media (width <= 991px) {
  .gsk-form-section .farmacja-quiz-wrapper {
    padding: 40px 15px;
  }
}
.gsk-form-section .farmacja-quiz-wrapper .quiz-card {
  border-radius: 0;
  box-shadow: unset;
}
.gsk-form-section .farmacja-quiz-wrapper .quiz-card__header {
  background: unset;
  padding: 0;
}
.gsk-form-section .farmacja-quiz-wrapper .quiz-card__body {
  padding: 32px 0;
}
.gsk-form-section .farmacja-quiz-wrapper .quiz-card__footer {
  background: unset;
}
.gsk-form-section .farmacja-quiz-wrapper .quiz-card__answers {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
@media (width <= 767px) {
  .gsk-form-section .farmacja-quiz-wrapper .quiz-card__answers {
    grid-template-columns: repeat(1, 1fr);
  }
}
.gsk-form-section .farmacja-quiz-wrapper .quiz-card .farmacja_qc_answer_div.quiz-card__answer {
  background: #fff;
  padding: 25px 17px;
  border: 3px solid rgba(227, 227, 227, 0.5);
  border-radius: 15px;
  position: relative;
}
.gsk-form-section .farmacja-quiz-wrapper .quiz-card .farmacja_qc_answer_div.quiz-card__answer .farmacja_qc_answer_span {
  color: #241F1F;
  padding-left: 40px;
}
.gsk-form-section .farmacja-quiz-wrapper .quiz-card .farmacja_qc_answer_div.quiz-card__answer .farmacja_qc_answer_span::before {
  content: "";
  position: absolute;
  width: 27px;
  height: 27px;
  display: block;
  top: 50%;
  left: 20px;
  border: 3px solid rgba(227, 227, 227, 0.5);
  border-radius: 100%;
  transform: translateY(-50%);
}
.gsk-form-section .farmacja-quiz-wrapper .quiz-card .farmacja_qc_answer_div.quiz-card__answer .farmacja_qc_answer_span::after {
  content: "";
  width: 11px;
  height: 11px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 28px;
  transform: translateY(-50%);
  display: block;
  border-radius: 50%;
}
.gsk-form-section .farmacja-quiz-wrapper .quiz-card .farmacja_qc_answer_div.quiz-card__answer.checked, .gsk-form-section .farmacja-quiz-wrapper .quiz-card .farmacja_qc_answer_div.quiz-card__answer.incorrect {
  background: #FF7200;
  border-color: #C45800;
}
.gsk-form-section .farmacja-quiz-wrapper .quiz-card .farmacja_qc_answer_div.quiz-card__answer.checked .farmacja_qc_answer_span, .gsk-form-section .farmacja-quiz-wrapper .quiz-card .farmacja_qc_answer_div.quiz-card__answer.incorrect .farmacja_qc_answer_span {
  color: #fff;
}
.gsk-form-section .farmacja-quiz-wrapper .quiz-card .farmacja_qc_answer_div.quiz-card__answer.checked .farmacja_qc_answer_span::before, .gsk-form-section .farmacja-quiz-wrapper .quiz-card .farmacja_qc_answer_div.quiz-card__answer.incorrect .farmacja_qc_answer_span::before {
  border-color: #C45800;
  background: #fff;
}
.gsk-form-section .farmacja-quiz-wrapper .quiz-card .farmacja_qc_answer_div.quiz-card__answer.checked .farmacja_qc_answer_span::after, .gsk-form-section .farmacja-quiz-wrapper .quiz-card .farmacja_qc_answer_div.quiz-card__answer.incorrect .farmacja_qc_answer_span::after {
  background: #FF7200;
}
.gsk-form-section .farmacja-quiz-wrapper #farmacja_qc_question.quiz-card__question {
  background: #FF7200;
  color: #fff;
  padding: 18px 35px;
  border-radius: 10px;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  display: block;
  width: 100%;
}
.gsk-form-section .farmacja-quiz-wrapper .farmacja-quiz-heading {
  color: #004356;
  text-align: center;
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 0;
  line-height: 120%;
}
.gsk-form-section .farmacja-quiz-wrapper .quiz-form-rows-container--builder .quiz-form-row {
  margin-bottom: 60px;
}
@media (width <= 767px) {
  .gsk-form-section .farmacja-quiz-wrapper .quiz-form-rows-container--builder .quiz-form-row {
    margin-bottom: 53px;
  }
}
.gsk-form-section .farmacja-quiz-wrapper .quiz-form-rows-container--builder .quiz-form-row .quiz-form-group:not(:last-child) {
  margin-right: 30px;
}
@media (width <= 767px) {
  .gsk-form-section .farmacja-quiz-wrapper .quiz-form-rows-container--builder .quiz-form-row .quiz-form-group:not(:last-child) {
    margin-bottom: 53px;
  }
}
.gsk-form-section .farmacja-quiz-wrapper .quiz-form-rows-container--builder .quiz-form-row .control-label {
  display: none;
}
.gsk-form-section .farmacja-quiz-submit-section .farmacja-quiz-submit-btn:last-child {
  display: block;
}
.gsk-form-section .quiz-card__header .quiz-card__header-title,
.gsk-form-section .quiz-card__header .farmacja_qc_question_count.farmacja_qc_question_count__top.hide_count {
  display: none;
}
.gsk-form-section .quiz-card__header .farmacja_qc_question_list {
  display: flex;
  gap: 10px;
  justify-content: center;
  width: 100%;
}
.gsk-form-section .quiz-card__header .farmacja_qc_question_list span {
  background: #fff;
  padding: 0;
  border: 3px solid rgba(227, 227, 227, 0.5);
  border-radius: 10px;
  position: relative;
  font-size: 15px;
  color: #004356;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gsk-form-section .quiz-card__header .farmacja_qc_question_list span.active {
  color: #fff;
  background: #FF7200;
  border-color: #FF7200;
}

.gsk-certificate__popup {
  background: #fff;
  border-radius: 30px;
  padding: 24px 41px;
  border: 7px solid rgba(218, 224, 227, 0.4);
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  max-width: 600px;
  height: auto;
  left: 0;
  right: 0;
  margin: 0 auto;
  visibility: hidden;
  opacity: 0;
  display: none;
  transition: all 300ms ease-in-out;
  z-index: 999999;
}
.gsk-certificate__popup.open {
  display: block;
  opacity: 1;
  visibility: visible;
}
.gsk-certificate__popup .gsk-content__heading {
  font-size: 30px;
  line-height: 1.4;
}
.gsk-certificate__popup h3 {
  margin: 0 0 20px;
}

@media (width <= 767px) {
  .watch__controls {
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (width <= 767px) {
  .watch__controls .watch__btn--prev {
    left: unset;
    top: unset;
    width: 35px;
    height: 35px;
    position: relative;
    transform: translateY(0) rotateY(180deg);
    right: unset;
  }
}
@media (width <= 767px) {
  .watch__controls .watch__btn--next {
    left: unset;
    top: unset;
    width: 35px;
    height: 35px;
    position: relative;
    right: unset;
    transform: unset;
  }
}

/* Container */
body.page-template.gsk-trainings-webinars-questionnaire {
  background-color: #EAF7FE;
}

.gsk-questionnaire {
  margin: 41px auto 3rem;
  max-width: 760px;
  text-align: center;
  padding: 0 0 40px;
  background: white;
  border-radius: 20px;
}
@media only screen and (width <= 767px) {
  .gsk-questionnaire {
    border-radius: 0;
  }
}
.gsk-questionnaire .farmacja-form-lp__form--submit {
  display: none;
}
.gsk-questionnaire .btn-default {
  align-self: flex-end;
}
.gsk-questionnaire .gsk-form-submit-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.gsk-questionnaire .gsk-form-submit-container a {
  font-size: 14px;
}

/* Headings */
.gsk-questionnaire__head {
  margin-bottom: 2rem;
}

.gsk-questionnaire__title {
  margin: 0 0 0.75rem;
  font-size: 2.4rem;
  font-weight: 700;
}

.gsk-questionnaire__title-highlight {
  color: #f58220;
}

.gsk-questionnaire__subtitle {
  margin: 0;
  font-size: 1.4rem;
  color: #005b6e;
}

.gsk-questionnaire__hint {
  font-size: 1.3rem;
  color: #666;
}

/* 1–5 scale */
.gsk-questionnaire__scale {
  margin: 2rem 0 2.5rem;
  display: inline-flex;
  gap: 0.75rem;
}

.gsk-questionnaire__option {
  display: inline-block;
  cursor: pointer;
}

.gsk-questionnaire__option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.gsk-questionnaire__option-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 0 0 1px #e0e0e0;
  font-size: 1.8rem;
  font-weight: 600;
  color: #005b6e;
  transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.08s ease;
}

.gsk-questionnaire__option:hover .gsk-questionnaire__option-label {
  box-shadow: 0 0 0 2px rgba(245, 130, 32, 0.3490196078);
  transform: translateY(-1px);
}

/* active state */
.gsk-questionnaire__option input:checked + .gsk-questionnaire__option-label {
  background: #f58220;
  color: #fff;
  box-shadow: 0 0 0 2px #f58220;
}

/* Feedback textarea block */
.gsk-questionnaire__feedback {
  margin: 0 auto 2rem;
  max-width: 760px;
  text-align: left;
}

.gsk-questionnaire__question {
  margin: 0 0 1rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #005b6e;
}

.gsk-questionnaire__textarea-label {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  color: #7a7a7a;
}

.gsk-questionnaire__textarea {
  width: 100%;
  min-height: 140px;
  padding: 1.2rem 1.4rem;
  border-radius: 18px;
  border: 1px solid #e2e2e2;
  font-size: 1.4rem;
  resize: vertical;
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.gsk-questionnaire__textarea:focus {
  border-color: #f58220;
  box-shadow: 0 0 0 2px rgba(245, 130, 32, 0.2);
}

/* Submit button alignment tweak if needed */
.gsk-questionnaire ~ .farmacja-form-lp__form--submit,
.gsk-questionnaire__submit {
  margin-top: 1.5rem;
}

.gsk-promo__desktop {
  display: flex;
  justify-content: center;
}
@media (width <= 767px) {
  .gsk-promo__desktop {
    display: none;
  }
}
.gsk-promo__desktop video {
  max-width: 100%;
  height: auto;
}

.gsk-promo__mobile {
  display: none;
  justify-content: center;
}
@media (width <= 767px) {
  .gsk-promo__mobile {
    display: flex;
  }
}
.gsk-promo__mobile video {
  max-width: 100%;
  height: auto;
}

.nav-section {
  position: sticky;
  top: 0;
  z-index: 999;
  min-width: 71%;
}
.nav-section.scrolled {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

/*# sourceMappingURL=gsk.css.map*/