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

@media (min-width:1024px) {
  html {
    font-size: 75%;
    /* 12px effective base — all rem values render at 75% of original */
  }
}

html,
body {
  line-height: 1.4;
  letter-spacing: 0;
}

/* =============================
   CSS CUSTOM PROPERTIES
   ============================= */
:root {
  --primary-color: #fff;
  --secondary-color: #7ebcc6;
  --black-color: #000000;
  --light-white-color: #f2f8f9;
  --light-gray-color: #484848;
  --light-blue-color: #41748d;
  --thin-blue-color: #7ebcc6;
}

/* =============================
   TYPOGRAPHY
   ============================= */
body {
  font-family: "Proxima Nova", sans-serif;
  font-size: 1rem;
  /* 16px */
  font-weight: 400;
  color: #484848;
  background-color: var(--primary-color);
}

sup {
  font-size: 55%;
}

/* =============================
   UTILITY CLASSES
   ============================= */
.container-fluid {
  max-width: 97.5rem;
  /* 1560px */
  padding: 0 clamp(0.9375rem, 0.9375vw, 1.875rem);
  /* 0 30px */
  margin: 0 auto;
  width: 100%;
}

.container {
  max-width: 97.25rem;
  /* 1556px */
  padding: 0 1.875rem;
  /* 0 30px */
  margin: 0 auto;
}

ul {
  list-style: none;
}

.fw-bold {
  font-weight: 700;
}

.bold {
  font-weight: 700 !important;
}

.semi-bold {
  font-weight: 600;
}

.blue-dark {
  color: #004f73;
}

/* =============================
   FONT SIZE UTILITIES
   ============================= */
.f-21 {
  font-size: 1.3125rem;
  /* 21px */
}

.fs-90{
  font-size: 5.625rem;
  line-height: 1.3;
  font-weight: 300;
  color:var(--primary-color);
}
.f-27 {
  font-size: 1.6875rem;
  /* 27px */
  font-weight: bold;
  line-height: 1.3;
}

.p-24 {
  font-size: 1.5rem;
  /* 24px */
  color: #fff;
  font-weight: 400;
}

.P-30,
.p-30 {
  font-size: 1.875rem;
  /* 30px */
  color: #fff;
  font-weight: 400;
}

.p-36 {
  font-size: 2.25rem;
  /* 36px */
  color: #fff;
}

.h2-60 {
  font-size: 3.75rem;
  /* 60px */
  color: #fff;
  font-weight: 300;
}

.f-72 {
  font-size: 4.5rem;
  /* 72px */
  line-height: 1.38;
  font-weight: 300;
  color: var(--light-blue-color);
}

.h1-title {
  font-size: 5.625rem;
  /* 90px */
  color: #fff;
  font-weight: 300;
  width: fit-content;
  position: relative;
  letter-spacing: -0.1099rem;
  /* -1.758px */
}

.h1-title.triangle,.hero-banner .title-subheading{
	line-height:0.95;
}

.title-subheading {
  letter-spacing: -0.0751rem;
  /* -1.201px */
}
.hero-banner .top-wrapper .p-36{
	line-height:1.11;
	margin-top:30px
}
.top-wrapper .p-36 {
  letter-spacing: -0.0439rem;
  /* -0.703px */
}

.h1-title.triangle::after {
  position: absolute;
  content: "\25BC";
  top: -8px;
  left: 100%;
  font-size: 4.375rem;
  /* 70px */
  color: #000;
}


/* =============================
   HEADER
   ============================= */

header.sticky{
	position: sticky;
    top: 0;
    z-index: 9999;
background-color: var(--primary-color);
}
header .header-top {
  min-height: 2.875rem;
  /* 46px */
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--secondary-color);
}

header .header-top p {
  font-size: 1.3125rem;
  /* 21px */
  font-weight: 400;
  color: var(--primary-color);
  text-align: center;
  padding: clamp(0.3125rem, 0.3125vw, 0.625rem) 0;
  /* 10px 0 */
}

header .header-top p sup {
  color: #000000;
  vertical-align: 0.25rem;
  /* 4px */
}

header .header-nav {
  position: relative;
}

header .nav-flex {
  display: flex;
  gap: 1.875rem;
  /* 30px */
  justify-content: space-between;
  padding: clamp(1.875rem, 1.875vw, 3.75rem) 0;
/*   padding: clamp(1.875rem, 1.875vw, 3.75rem) 0 clamp(3.75rem, 3.75vw, 7.5rem); */
  /* 60px 0 120px */
  text-align: center;
}

header .nav-flex .nav-logo {
  max-width: 16.9375rem;
  /* 271px */
}

.nav-flex .logo img {
  max-width: 10rem;
  /* 160px */
  height: auto;
  width: 100%;
}

header .nav-flex nav {
  max-width: 43.5rem;
  /* 696px */
  width: 100%;
}

header .nav-flex nav>ul {
  width: 100%;
  display: flex;
  gap: 1.25rem;
  /* 20px */
  justify-content: space-between;
  height: 100%;
  align-items: center;
}

header .nav-flex nav>ul>li>a,
header .nav-flex nav>ul>li>.submenu-toggle {
  font-size: 1.3125rem;
  /* 21px */
  font-weight: 400;
  white-space: nowrap;
  color: var(--secondary-color);
  text-decoration: none;
  display: flex;
  align-items: end;
  gap: 0.5rem;
  /* 8px */
  cursor: pointer;
}

header .nav-flex nav>ul>li>a span,
header .nav-flex nav>ul>li>.submenu-toggle span {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
	text-transform:uppercase;
}

header .nav-flex nav .has-dropdown {
  position: relative;
}

/* Dropdown Menu */
header .nav-flex nav .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  flex-direction: column;
  width: max-content;
  border-radius: 0.625rem;
  /* 10px */
  border: 1px solid var(--secondary-color);
  background: var(--primary-color);
  padding: clamp(0.5313rem, 0.5313vw, 1.0625rem);
  /* 17px */
  z-index: 100;
}

header .nav-flex nav>ul>li.has-dropdown:hover .dropdown-menu {
  display: flex;
  align-items: flex-start;
}

header .nav-flex nav .dropdown-menu li {
  padding: 0;
}

header .nav-flex nav .dropdown-menu li a {
  font-size: 1.3125rem;
  /* 21px */
  font-weight: 400;
  color: var(--secondary-color);
  text-decoration: none;
  display: block;
  line-height: 2.3125rem;
  /* 37px */
}

header .nav-flex nav .dropdown-menu li a:hover,
header .nav-flex nav .dropdown-menu li a.active-red {
  color: #c02c57;
}

header .nav-flex nav>ul>li>a span::after,
header .nav-flex nav>ul>li>.submenu-toggle span::after {
  content: attr(title);
  font-weight: 700;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  user-select: none;
  pointer-events: none;
}

header .nav-flex nav>ul>li:hover>a span,
header .nav-flex nav>ul>li:hover>.submenu-toggle span,
header .nav-flex nav>ul>li.open>.submenu-toggle span {
  font-weight: 700;
}

/* Arrow and open state */
header .nav-flex nav>ul>li>.submenu-toggle {
  width: fit-content;
}

header .nav-flex nav>ul>li.has-dropdown>.submenu-toggle::after {
  content: "";
  display: inline-block;
  width: 0.8125rem;
  /* 13px */
  height: 0.5625rem;
  /* 9px */
  margin-bottom: clamp(0.3125rem, 0.3125vw, 0.625rem);
  /* 10px */
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9"><path d="M.33.33a1.13 1.13 0 0 0 0 1.6L6.5 8.1l6.17-6.18a1.13 1.13 0 0 0-1.6-1.6L6.5 4.91 1.92.33A1.13 1.13 0 0 0 .33.33Z" fill="%237EBCC6"/></svg>') no-repeat center / contain;
  transition: transform 0.3s ease;
}

header .nav-flex nav>ul>li.has-dropdown:hover>.submenu-toggle::after,
header .nav-flex nav>ul>li.has-dropdown.open>.submenu-toggle::after {
  transform: rotate(180deg);
}

header .menu-toggle {
  display: none;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: clamp(0.3125rem, 0.3125vw, 0.625rem);
  /* 10px */
  margin-left: auto;
}

header .menu-toggle .icon-close {
  display: none;
}

/* =============================
   HERO BANNER
   ============================= */
section.hero-banner {
  background-image: url("../images/Banner Bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left;
  padding: clamp(5.8438rem, 5.8438vw, 11.6875rem) 0 clamp(2.1563rem, 2.1563vw, 4.3125rem) 0;
  /* 187px 0 69px 0 */
}

.hero-content .top-wrapper {
	line-height: 1;
  margin-bottom: clamp(5rem, 15vh, 14.0625rem);
  /* 225px max */
}

.hero-content .bottom-wrapper {
	max-width: 50.6875rem;
  margin-top: clamp(3.125rem, 3.125vw, 6.25rem);
  /* 100px */
}

.text-bottom-wrapper {
  line-height: 1.2;
  width: 100%;
}
.bottom-wrapper p.text-bottom-wrapper{
	max-width: 44.6875rem;
}

.p-24.bold.blue-dark {
  margin-bottom: clamp(0.9688rem, 0.9688vw, 1.9375rem);
  /* 31px */
  font-weight: 700;
  color: #004F73;
}

/* =============================
   COMMON SECTIONS
   ============================= */
.common-section {
  padding: clamp(2rem, 2.8vw, 5rem) 0;
  /* 64px 0 */
}

.common-heading-color h2 {
  text-align: center;
}

.common-heading-color h2 span {
  color: var(--thin-blue-color);
}

.common-sup sup {
  font-size: 50%;
}
.footer-reference-section:not(:has(ul)) {
    padding-top: 0;
}
/* =============================
   ABOUT VYEPTI SECTION
   ============================= */
.about-vypeti-section .about-inner-text p {
  color: var(--light-gray-color);
}

.about-contents {
  color: var(--light-blue-color);
}

.about-vypeti-inner {
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
  /* 18px */
}

.about-vypeti-inner p {
  text-align: center;
}

.about-vypeti-bottom {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3.0625rem;
  /* 49px */
  padding-top: clamp(2.2813rem, 2.2813vw, 4.5625rem);
  /* 73px */
}

.about-vypeti-bottom .about-left,
.about-vypeti-bottom .about-right {
  width: 100%;
}

.vypeti-bottom-left {
  background: linear-gradient(90deg, #ddecef 12.18%, #fbd8d8 94%);
  border-radius: 1.5625rem;
  /* 25px */
  padding: clamp(2.25rem, 2.25vw, 4.5rem) clamp(1.375rem, 1.375vw, 2.75rem) clamp(1.25rem, 1.25vw, 2.5rem) clamp(1.375rem, 1.375vw, 2.75rem);
  /* 72px 44px 40px 44px */
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  /* 40px */
  justify-content: center;
}

.vypeti-bottom-item {
  display: flex;
  gap: 1.875rem;
  /* 30px */
  justify-content: space-between;
}

.vypeti-bottom-icon,
.vypeti-bottom-icon img {
  width: 100%;
  max-width: 4.75rem;
  /* 76px */
  height: auto;
}

.vypeti-bottom-text {
  font-size: 1.6875rem;
  /* 27px */
  line-height: 1.25;
  color: #484848;
  margin: 0;
  max-width: 100%;
	font-weight:300;
}

.vypeti-bottom-text sup {
  font-size: 55%;
}

.vypeti-bottom-right {
  display: flex;
  flex-direction: column;
  gap: 1.375rem;
  /* 22px */
  justify-content: space-between;
}

.vypeti-bottom-photo {
  border-radius: 1.5625rem;
  /* 25px */
}

.vypeti-bottom-photo img {
  max-width: 45.125rem;
  /* 722px */
  width: 100%;
  height: auto;
}

.vypeti-bottom-download {
  background: #dfe9ef;
  border-radius: 1.5625rem;
  /* 25px */
  padding: clamp(1.5625rem, 1.5625vw, 3.125rem) clamp(1.5313rem, 1.5313vw, 3.0625rem) clamp(1.5625rem, 1.5625vw, 3.125rem) clamp(1.25rem, 2.25vw, 2.5rem);
  /* 50px 49px 50px 40px */
  display: flex;
  flex-direction: column;
  gap: 1.5625rem;
  /* 25px */
}

.vypeti-bottom-download-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  /* 16px */
}

.vypeti-bottom-thumb img {
  width: 100%;
  height: auto;
  max-width: 15.125rem;
  /* 242px */
}

.vypeti-bottom-btn {
  background: #7ebcc6;
  color: #fff;
  border: none;
  border-radius: 6.25rem;
  /* 100px */
  padding: clamp(0.625rem, 0.625vw, 1.25rem) clamp(0.8125rem, 0.8125vw, 1.625rem);
  /* 20px 26px */
  font-size: 1.875rem;
  /* 30px */
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  max-width: 20rem;
  /* 320px */
  width: 100%;
}

.vypeti-bottom-btn:hover {
  background: #3d7991;
}

.vypeti-bottom-caption {
  font-size: 1.6875rem;
  /* 36px */
  line-height: 1.25;
  color: #41748d;
  margin: 0;
  font-weight: 300;
}

.vypeti-bottom-left-heading p {
  max-width: 35.6875rem;
  /* 571px */
}

/* =============================
   ADDITIONAL MONITORING BOX
   ============================= */
.additional-monitoring-box-section {
  padding: clamp(2.9375rem, 2.9375vw, 3.875rem) 0 clamp(0.0938rem, 0.0938vw, 0.1875rem);
  /* 30px 0 3px */
}

.monitoring-box-wrapper {
  padding: clamp(0.7813rem, 1.2813vw, 1.5625rem);
  /* 25px */
  border: 1px solid #484848;
}

.monitoring-box-wrapper .text-wrapper {
  font-size: 1.3125rem;
  /* 21px */
  font-weight: 400;
  color: #484848;
  line-height: 1.4;
  width: 100%;
}

.monitoring-box-wrapper .text-wrapper a {
  color: #484848;
  word-break: break-all;
}

.monitoring-box-wrapper .text-wrapper .mb-10 {
  margin-bottom: clamp(0.3125rem, 0.3125vw, 0.625rem);
  /* 10px */
}

/* =============================
   WHAT IS MIGRAINE SECTION
   ============================= */
.what-is-migraine-section {
  padding: 100px 0;
  /* 100px 0 */
}

.what-is-migraine-section .migraine-content-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.what-is-migraine-section h2 {
  font-size: 4.5rem;
  /* 72px */
  font-weight: 300;
  text-align: center;
  color: #41748D;
}

.what-is-migraine-section .sepia-blue {
  color: #7ebcc6;
}

.what-is-migraine-section p {
  font-size: 1.875rem;
  /* 30px */
  max-width: 85.625rem;
  /* 1370px */
  width: 100%;
  text-align: center;
}

.what-is-migraine-section .migraine-content-image-flex {
  display: flex;
  justify-content: space-between;
  margin-top: clamp(2.8125rem, 2.8125vw, 5.625rem);
  /* 90px */
 margin-bottom: clamp(2.8125rem, 2.8125vw, 5.625rem);
  /* 15px */
  gap: 1.875rem;
  /* 30px */
}

.what-is-migraine-section .migraine-content-image-flex figure {
  display: flex;
  align-items: center;
	max-width: 41.5rem;
}

.what-is-migraine-section .migraine-content-image-flex img {
  width: 100%;
}

.what-is-migraine-section .migraine-content-image .migraine-img {
  width: 44.38%;
}

.what-is-migraine-section .migraine-content-image-flex .bg-gradient-wrapper {
	display: flex;
    align-items: center;
  padding: clamp(1.25rem, 1.25vw, 2.5rem) clamp(1.5625rem, 1.5625vw, 3.125rem) clamp(2.1875rem, 2.1875vw, 4.375rem);
  /* 40px 50px 70px */
  background: linear-gradient(90deg, #ddecef 12.18%, #fbd8d8 94%);
  border-radius: 1.25rem;
  /* 20px */
  width: 48.26%;
  line-height: 1.4;
}

.bg-gradient-wrapper .bg-gradient-title {
  font-size: 1.875rem;
  /* 30px */
  color: #41748d;
  margin-bottom: clamp(0.875rem, 0.875vw, 1.75rem);
  /* 28px */
}

.bg-gradient-wrapper .icon-text-wrapper {
  display: flex;
  gap: 2.25rem;
  /* 20px */
  padding: clamp(0.7813rem, 1.2813vw, 1.5625rem) 0;
  /* 25px 0 */
}
.bg-gradient-wrapper .icon-text-wrapper:last-child{
	padding-bottom:0;
}

.bg-gradient-wrapper .icon-text-wrapper .icon-content-text {
  max-width: 32.5rem;
  /* 520px */
}

.bg-gradient-wrapper .icon-text-wrapper .icon {
  width: 4.6875rem;
  /* 75px */
  height: 4.6875rem;
  /* 75px */
}

.bg-gradient-wrapper .icon-text-wrapper p {
  font-size: 1.6875rem;
  /* 27px */
  text-align: left;
}

.what-is-migraine-section .migraine-content-bottom {
  padding: clamp(1.5625rem, 2.5625vw, 3.125rem);
  /* 50px */
  border: 1px solid #41748d;
  border-radius: 1.5625rem;
  /* 25px */
}

.what-is-migraine-section .migraine-content-bottom .content-bottom-full {
  display: flex;
  gap: 3.125rem;
  /* 50px */
  justify-content: space-between;
}

.what-is-migraine-section .migraine-content-bottom .icon-text-wrapper {
  display: flex;
  gap: 1.25rem;
  /* 20px */
}

.what-is-migraine-section .migraine-content-bottom .icon {
	width: 51px;
    height: 51px;
}
.what-is-migraine-section .migraine-content-bottom .icon img{
	width:100%;
}

.what-is-migraine-section .content-bottom-right {
  gap: 0.3125rem;
  /* 5px */
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.migraine-content-bottom .icon-content-text {
  text-align: left;
  max-width: 35rem;
  /* 560px */
  font-size: 1.6875rem;
  /* 27px */
  font-weight: 400;
}

.migraine-content-bottom .icon-content-text .active-red {
  color: #f16464;
  font-weight: 700;
}

.what-is-migraine-section .migraine-content-bottom .content-bottom-left {
  max-width: 38.4375rem;
  /* 615px */
  width: 100%;
}

.what-is-migraine-section .migraine-content-bottom .content-bottom-left p {
  font-weight: 700;
  color: #41748d;
  text-align: left;
  font-size: 1.875rem;
  /* 30px */
}

/* =============================
   LIVE WELL SECTION
   ============================= */
.live-well-section {
  /* 40px 0 */
  text-align: center;
  background-color: #ffffff;
}

.about-vypeti-section {
	padding:100px 0;
}
.side-effect.common-section{
	padding:0;
}

.live-well-section .live-well-title {
  font-size: 4.5rem;
  /* 72px */
  font-weight: 300;
  color: #41748D;
  margin-bottom: clamp(0.6875rem, 0.6875vw, 1.375rem);
  /* 22px */
  line-height: 1.38;
}

.live-well-section .live-well-title span {
  color: #7ebcc6;
}

.live-well-section .live-well-desc {
  color: #484848;
  font-size: 1.875rem;
  /* 30px */
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: clamp(0.9375rem, 0.9375vw, 1.875rem);
  /* 30px */
  letter-spacing: -0.0031rem;
  /* -0.05px */
}

.live-well-section .live-well-desc sup {
  font-size: 1.0875rem;
  /* 17.4px */
}

.live-well-section .live-well-subheading {
  color: #41748d;
  font-size: 1.875rem;
  /* 30px */
  font-weight: 700;
  line-height: 1.46;
}

.live-well-section .strategies-container {
  display: flex;
  gap: 2.5rem;
  /* 40px */
  margin: 0 auto;
  justify-content: center;
  align-items: flex-start;
  margin-top: clamp(2.4063rem, 2.4063vw, 3.8125rem);
}

.live-well-section .strategy-group {
  position: relative;
}

.live-well-section .lifestyle-group {
  flex: 2;
}

.live-well-section .environment-group {
  flex: 3;
}

.live-well-section .category-badge {
  position: absolute;
  top: -0.9375rem;
  /* -15px */
  left: 50%;
  transform: translateX(-50%);
  background-color: #ee5b62;
  padding: clamp(0.2188rem, 0.2188vw, 0.4375rem) clamp(0.8438rem, 0.8438vw, 1.6875rem);
  /* 7px 27px */
  border-radius: 1.25rem;
  /* 20px */
  z-index: 10;
  white-space: nowrap;
  min-width: 10.25rem;
  /* 164px */
  color: #fff;
  font-size: 1.3125rem;
  /* 21px */
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.091rem;
  /* 0.082px */
}

.live-well-section .strategy-items {
  display: flex;
}

.live-well-section .strategy-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
  /* 18px */
}

.live-well-section .strategy-item img {
  height: 21.875rem;
  /* 350px */
  width: 100%;
  object-fit: cover;
  object-position: top;
  display: block;
}

.live-well-section .strategy-items .strategy-item:first-child img {
  border-radius: 1.5625rem 0 0 1.5625rem;
  /* 25px 0 0 25px */
}

.live-well-section .strategy-items .strategy-item:last-child img {
  border-radius: 0 1.5625rem 1.5625rem 0;
  /* 0 25px 25px 0 */
}

.live-well-section .strategy-item p {
  color: #484848;
  font-size: 1.6875rem;
  /* 27px */
  font-weight: 400;
  line-height: 1.4;
  margin: 0 auto;
  max-width: 14rem;
  /* 224px */
}

.live-well-section .strategy-item p sup {
  font-size: 0.9813rem;
  /* 15.7px */
}

.live-well-section .download-banner {
  display: flex;
  align-items: center;
  background-color: #e0ebef;
  border-radius: 1.25rem;
  /* 20px */
  padding: clamp(0.625rem, 1.625vw, 1.75rem) clamp(1.25rem, 1.25vw, 2.5rem);
  /* 20px 40px */
  margin-top: clamp(2.1875rem, 2.1875vw, 4.375rem);
  /* 70px */
  margin-left: auto;
  margin-right: auto;
  justify-content: space-between;
}

.live-well-section .banner-image {
  flex-shrink: 0;
  position: relative;
}

.live-well-section .banner-image img {
  height: 9.75rem;
  /* 140px */
  object-fit: contain;
  display: block;
}

.live-well-section .banner-content {
  flex-grow: 1;
  padding: 0 clamp(1.25rem, 1.25vw, 2.5rem);
  /* 0 40px */
}

.live-well-section .banner-content p {
  color: #41748d;
  font-size: 1.6875rem;
  /* 36px */
  font-weight: 300;
  line-height: 1.4;
  text-align: left;
}

.live-well-section .banner-action {
  flex-shrink: 0;
}

.live-well-section .btn-download {
  background-color: #83bdc7;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  padding: clamp(0.25rem, 0.4vw, 1rem) clamp(1.25rem, 4.25vw, 4.5rem);
  border-radius: 2.1875rem;
  /* 35px */
  display: inline-block;
  font-size: 1.875rem;
  /* 30px */
  line-height: 1.4;
}

/* =============================
   SIDE EFFECTS SECTION
   ============================= */
.side-effect .about-contents {
  color: var(--light-gray-color);
}

.se-content {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  /* 40px */
  padding-top: clamp(2.0313rem, 2.0313vw, 4.0625rem);
  /* 65px */
}

.se-card {
  border-radius: 1.5625rem;
  /* 25px */
  padding: clamp(1.25rem, 1.75vw, 2.5rem) clamp(1.4688rem, 1.4688vw, 2.9375rem) clamp(1.4688rem, 1.4688vw, 2.9375rem) clamp(1.4688rem, 1.4688vw, 2.9375rem);
  /* 40px 47px 47px 47px */
}

.se-card--urgent {
  border: 1px solid transparent;
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(to right, #7ebcc6 12.18%, #41748d 94%) border-box;
}

.se-card__header {
  display: flex;
  align-items: flex-start;
  gap: 1.875rem;
  /* 30px */
  margin-bottom: clamp(1.625rem, 2.625vw, 3.25rem);
  /* 52px */
}

.se-card__header-icon {
  width: 5.375rem;
  /* 86px */
  height: 4.6875rem;
  /* 75px */
  flex-shrink: 0;
}

.se-card__header p {
  font-size: 1.875rem;
  /* 30px */
  line-height: 1.3;
  color: var(--light-gray-color);
  margin: 0;
  max-width: 72.8125rem;
  /* 1165px */
}

.se-card__header p strong {
  color: #41748d;
}

.se-card__inner {
  background: linear-gradient(90deg, #ddecef 12.18%, #fbd8d8 94%);
  border-radius: 0.75rem;
  /* 12px */
  padding: clamp(1.5625rem, 2.5625vw, 3.125rem) clamp(1.7188rem, 1.7188vw, 3.4375rem) clamp(1.5rem, 2.5vw, 3rem) clamp(1.7188rem, 1.7188vw, 3.4375rem);
  /* 50px 55px 48px 55px */
}

.se-label {
  text-align: center;
}

.se-label p {
  font-size: 2.25rem;
    line-height: 1.2;
    color: #f16464;
    margin: 0;
    font-weight: 700;
}

.se-card__text {
  font-size: 1.875rem;
  /* 30px */
  text-align: center;
  line-height: 1.2;
  color: #41748d;
  margin: clamp(0.9375rem, 0.9375vw, 1.875rem) 0;
  /* 30px 0 */
}

.se-card__subtitle {
  font-size: 2.25rem;
  /* 36px */
  line-height: 1.2;
  color: #f16464;
  margin: 0;
  font-weight: 700;
  text-align: center;
	    margin-bottom: clamp(1.875rem, 1.875vw, 3.75rem);
}

.se-icons {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
  /* 24px */
  margin-top: clamp(0.1563rem, 0.1563vw, 0.3125rem);
  /* 5px */
}

.se-icons__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1.875rem;
  /* 30px */
}

.se-icons--5col .se-icons__item {
  flex: 0 1 14.875rem;
  /* 238px */
}

.se-icons--3col .se-icons__item {
  flex: 0 1 26.1875rem;
  /* 419px */
}

.se-icons__item img {
  width: auto;
  max-height: 4.6875rem;
  /* 75px */
  object-fit: contain;
}

.se-icons__item span {
  font-size: 1.6875rem;
  /* 27px */
  line-height: 1.18;
  color: #41748d;
}

.se-card--other .top-wrapper {
  display: flex;
  flex-direction: column;
  padding: clamp(1.4688rem, 2.4688vw, 2.9375rem);
  /* 47px */
  background: linear-gradient(90deg, #ddecef 12.18%, #fbd8d8 94%);
  border-radius: 0.75rem;
  /* 12px */
}

.se-card__emergency {
  font-size: 1.6875rem;
  /* 27px */
  line-height: 1.18;
  color: #41748d;
  font-style: italic;
  margin: clamp(1.25rem, 1.25vw, 2.5rem) 0;
  /* 40px 0 */
  text-align: center;
}

.se-card__footnote {
  font-size: 1.6875rem;
  /* 27px */
  line-height: 1.18;
  color: #41748d;
  text-align: center;
}

.se-card--other {
  border: 1px solid transparent;
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(to right, #7ebcc6 12.18%, #41748d 94%) border-box;
}

.se-card__title {
  font-size: 1.875rem;
  /* 30px */
  font-weight: 700;
  color: #41748d;
  text-align: center;
  margin: 0 0 clamp(1.4688rem, 2.4688vw, 2.9375rem);
  /* 0 0 47px */
}

.se-card__info-box p {
  font-size: 1.875rem;
  /* 30px */
  line-height: 1.3;
  color: #41748d;
  margin: 0;
  text-align: center;
}

.se-card__frequency {
  font-size: 1.6875rem;
  /* 27px */
  line-height: 1.18;
  color: #41748d;
  text-align: center;
  font-weight: 700;
  margin: clamp(1.25rem, 1.25vw, 2.5rem) 0;
  /* 40px 0 */
}

.se-card__common-label {
  font-size: 2.25rem;
  /* 30px */
  line-height: 1.2;
  color: #f16464;
  margin-bottom: clamp(1.875rem, 1.875vw, 3.75rem);
  /* 60px */
  font-weight: 700;
  text-align: center;
}

/* =============================
   HCP / WHAT TO TELL SECTION
   ============================= */
.hcp-bottom-cards .about-vypeti-bottom {
  padding-top: clamp(1.7188rem, 1.7188vw, 3.4375rem);
  /* 55px */
}

.vypeti-bottom-left-heading p {
  color: var(--light-blue-color);
  line-height: 1.2;
}

.hcp-bottom-cards .vypeti-bottom-left {
  padding: clamp(1.5625rem, 2.5625vw, 3.125rem) clamp(1.5625rem, 1.5625vw, 3.125rem) clamp(1.125rem, 2.125vw, 2.25rem) clamp(1.5625rem, 2.5625vw, 4.125rem);
  /* 50px 50px 36px 50px */
}

.hcp-bottom-cards .vypeti-bottom-item:nth-child(3) .vypeti-bottom-icon img {
  max-width: 3.125rem;
  /* 50px */
}

.hcp-bottom-cards .vypeti-bottom-text {
  max-width: 28.5625rem;
  /* 457px */
}

.hcp-bottom-cards .vypeti-bottom-item {
  justify-content: unset;
}

.hcp-bottom-cards .vypeti-bottom-right {
  gap: 2.5rem;
  /* 40px */
}

.hcp-before-vypeti {
  padding:1px;
  /* 2px — gradient border spacing */
  border-radius: 1.5625rem;
  /* 25px */
  background: linear-gradient(177deg, #1a5276, #4fc3c3);
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}

.hcp-before-vypeti-card {
  background: #ffffff;
  border-radius: 1.4375rem;
  /* 23px — consolidated from duplicate 15px/23px */
  padding: clamp(1.4375rem, 1.4375vw, 2.875rem) clamp(1.75rem, 1.75vw, 3.5rem);
  /* 46px 56px */
  display: flex;
  align-items: flex-start;
  gap: 1.875rem;
  /* 30px */
}

.hcp-before-vypeti-icon-wrap img {
  width: 100%;
  max-width: 5.3125rem;
  /* 85px */
  height: auto;
}

.hcp-before-vypeti-content {
  flex: 1;
  gap: 1.5625rem;
  /* 25px */
  display: flex;
  flex-direction: column;
}

.hcp-before-vypeti-content p {
  color: var(--light-blue-color);
}

.hcp-before-vypeti-content .regular-text {
  font-weight: 400;
}

/* =============================
   BANNER AD SECTION
   ============================= */
.banner-ad-section {
  padding: clamp(2rem, 2vw, 4rem) 0 clamp(2.8125rem, 2.8125vw, 5.625rem) 0;
  /* 64px 0 90px 0 */
}

.banner-ad-section .banner-ad-container {
  position: relative;
  border-radius: 1.5625rem;
  /* 25px */
  background: linear-gradient(180deg, #41748d 12.58%, #cc254c 90%);
  padding: clamp(0.0313rem, 0.0313vw, 0.0625rem);
  /* 1px — gradient border spacing */
}

.banner-ad-section .banner-ad-inner {
  position: relative;
  background-color: #4a4a4a;
  border-radius: 1.5625rem;
  /* 25px */
  min-height: 15.625rem;
  /* 250px */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.banner-ad-section .banner-ad-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.6875rem;
  /* 11px */
  z-index: 0;
}

.banner-ad-section .banner-job-code {
  position: absolute;
  bottom: 1.5625rem;
  /* 25px */
  right: 1.5625rem;
  /* 25px */
  font-size: 1.6875rem;
  /* 27px */
  color: #ffffff;
  font-weight: 700;
  text-align: right;
  z-index: 2;
}

.vypeti-bottom-heading-wrapper {
  display: none;
}

/* =============================
   FOOTER
   ============================= */
footer .footer-top-section {
  padding: clamp(1.5rem, 2vw, 3rem) 0 clamp(1.8125rem, 1.8125vw, 3.625rem) 0;
  /* 48px 0 58px 0 */
  background-color: var(--light-white-color);
}

footer .footer-top-inner {
  padding: clamp(1.5625rem, 1.7vw, 3.125rem) clamp(1.5625rem, 1.5625vw, 3.125rem) clamp(1.4375rem, 1.7vw, 2.875rem) clamp(1.5625rem, 1.5625vw, 3.125rem);
  /* 50px 50px 46px 50px */
  border: 2px solid var(--black-color);
  display: flex;
  flex-direction: column;
  gap: 2.75rem;
  /* 44px */
}

footer .footer-top-inner p {
  color: var(--light-gray-color);
  max-width: 82.75rem;
  /* 1324px */
  text-align: center;
  margin: 0 auto;
  font-family: "Montserrat", sans-serif;
}

footer .footer-top-inner p b {
  word-spacing: 0.1875rem;
  /* 3px */
  letter-spacing: 0.0944rem;
  /* 1.51px */
}

footer .footer-top-inner p sup {
  vertical-align: 0.25rem;
  /* 4px */
}

.footer-middle-section,
.footer-reference-section {
  background-color: var(--light-white-color);
}

.footer-middle-section p {
  color: var(--light-gray-color);
  font-weight: bold;
  text-align: center;
  padding-bottom: clamp(1.5625rem, 1.5625vw, 3.125rem);
  /* 50px */
}

.footer-reference-section {
  padding: clamp(1.5625rem, 1.5625vw, 3.125rem) 0;
  /* 50px 0 */
}

.footer-reference-section h6,
.footer-reference-section ul li,
.footer-reference-section ul li a,
.footer-reference-section p {
  color: var(--light-gray-color);
  text-decoration: none;
}

.footer-reference-section ul {
  list-style: auto;
  padding-left: clamp(0.6563rem, 0.6563vw, 1.3125rem);
  /* 21px */
}

.footer-reference-section ul li {
  letter-spacing: -0.0063rem;
  /* -0.1px */
}

.footer-reference-section .reference-contents {
  padding-top: clamp(0.9375rem, 0.9375vw, 1.875rem);
  /* 30px */
}

.footer-bottom {
  background-color: #ffffff;
  padding: clamp(1.875rem, 1.875vw, 3.75rem) 0;
  /* 60px 0 */
  position: relative;
}

.footer-bottom-grid {
  display: flex;
  max-width: clamp(46.25rem, 72vw, 79.0625rem);
  /* clamp(740px, 72vw, 1265px) */
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.875rem;
  /* 30px */
}

.footer-col {
  min-width: 9.375rem;
  /* 150px */
}

.footer-col p {
  font-size: 1.5rem;
  /* 24px */
  line-height: 1.5;
  margin: 0 0 clamp(0.3125rem, 0.3125vw, 0.625rem) 0;
  /* 0 0 10px 0 */
}

.footer-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-col ul li {
  margin-bottom: clamp(0.25rem, 0.25vw, 0.5rem);
  /* 8px */
  padding: 0;
  border: none;
}

.footer-col ul li a {
  color: #484848;
  text-decoration: none;
  font-size: 1.5rem;
  /* 24px */
}

.footer-col ul li a:hover {
  text-decoration: underline;
  color: #e30030;
}

.footer-bottom-row-2 {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: clamp(0.7813rem, 0.7813vw, 1.5625rem);
  /* 25px */
}

.footer-logos {
  display: flex;
  justify-content: flex-end;
}

.footer-logos img {
  max-width: 13.125rem;
  /* 210px */
  height: auto;
  position: absolute;
  bottom: 4.25rem;
  /* 68px */
  right: clamp(2.3125rem, 5vw, 5rem);
  /* clamp(37px, 5vw, 80px) */
}

.footer-copyright p {
  font-size: 1.5rem;
  /* 24px */
  line-height: 1.5;
}
/*=========== Resources page =======================*/
.resource-banner{
  padding: 11.875rem 0 11.25rem 0;
  background: url(../images/resource-banner.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.resources-section {
    padding: 62px 0 70px;
}

.resources-section .resources-h2 {
    font-size: clamp(3rem,4vw,4.5rem);
    line-height: 1.3;
    font-weight: 300;
    color: var(--secondary-color);
    text-align: center;
    margin-bottom: 20px;
}

.resources-section .resources-h3 {
    font-size: clamp(1rem,1.8vw,1.875rem);
    line-height: 1.3;
    font-weight: 400;
    color: var(--light-gray-color);
    text-align: center;
}

.resources-section .video-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 4.0625rem 0 4.6875rem;
}

.resources-section .video-player {
    display: block;
    width: 100%;
    height: auto;
}

.resources-section .video-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer;
    z-index: 2;
    transition: transform 0.3s ease;
}

.resources-section .video-play-btn:hover {
    transform: translate(-50%, -50%);
}

.resources-section .video-play-btn img {
    display: block;
    width: 7.875rem;
    height: auto;
}

.resources-section .video-container.playing .video-play-btn {
    display: none;
}

/*=========== Privacy Policy page =======================*/

.policy-heading-section{
  padding: 14.0625rem 0 5.375rem;
}

.policy-heading-section .policy-top{
  align-items: center;
}

.policy-heading-section h1{
  font-size: clamp(3rem,4vw,4.5rem);
  line-height: 1.3;
  font-weight: 300;
  color: var(--secondary-color);
  text-align: center;
  margin-bottom: 2.5rem;
  max-width: 650px;
  justify-self: center;
  text-transform: uppercase;
}

.policy-heading-section span{
  color: var(--light-blue-color);
}

.policy-heading-section p{
  font-size: clamp(1rem,1.8vw,1.875rem);
  line-height: 1.3;
  font-weight: 400;
  color: var(--thin-blue-color);
  text-align: center;
}
.policy-heading-section .policy-top h1:has(+ p:empty) {
    margin-bottom: 0;
}
.policy-content-section .se-content{
  padding-top: 0;
}

.policy-content-section .policy-title-text .policy-subheading{
  font-size: clamp(1.25rem,1.8vw,1.875rem);
  font-weight: 700;
  line-height: 39px;
  color: var(--light-blue-color);
  margin-bottom: 10px;
  text-transform: uppercase;
}

.policy-content-section .policy-title-text .policy-content{
  font-size: clamp(0.875rem,1.8vw,1.6875rem);
  line-height: 1.3;
  font-weight: 400;
  color: var(--light-gray-color);
  text-align: left;
}
.policy-content-section.pb-325{
  padding-bottom: 10.3125rem;
}

.policy-content-section .policy-title-text .policy-content .thick-blue{
  color: #41748d;
  font-weight: 700;
}

.policy-content-section .policy-title-text .policy-content a{
    color: #3182ce;
}
.policy-content-section .policy-title-text ul {
  list-style: disc;
  padding-left: 2rem;
}
.policy-content-section .policy-title-text ul li{
  margin-bottom: 1rem;
}
.policy-content-section .policy-title-text ul li:last-child {
    margin-bottom: 0;
}
.policy-content-section .policy-title-text ul li::marker{
  font-size:20px;
}
.policy-content-section .policy-title-text > .policy-content > ul > li::marker {
  color: #41748d;
}
.policy-content-section .policy-title-text ul ul {
  list-style: disc;
  padding-left: 2rem;
  margin-top: 0.5rem;
}
.policy-content-section .policy-title-text ul ul li{
  margin-bottom: 1rem;
}

.policy-content-section .policy-title-text ul ul > li::marker {
  color: var(--light-gray-color);
}
.policy-content-section .policy-title-text ol {
  list-style: decimal;
  padding-left: 2rem;
  margin-top: 0.5rem;
}
.policy-content-section .policy-title-text ol > li::marker {
  color: var(--light-gray-color);
}

/* Footer Popup */

.external-popup-overlay{
    position:fixed;
    inset:0;
    background:rgba(160, 185, 198,.85);
    display:none;
    justify-content:center;
    align-items:center;
    z-index:999999;
    padding:20px;
}

.external-popup-overlay.active{
    display:flex;
}

.external-popup{
    background:#fff;
    width:100%;
    max-width:1000px;
    border-radius:28px;
    border:1px solid #78b5bf;
    padding:40px 60px 25px;
    text-align:center;
    position:relative;
}

.external-popup-close{
    position:absolute;
    right:25px;
    top:20px;
    background:none;
    border:none;
    font-size:60px;
    color:#95b0be;
    cursor:pointer;
    line-height:1;
    font-weight: 300;
}

.external-popup-logo img{
    max-width:150px;
    margin-bottom:25px;
}

.external-popup h2{
    font-size:54px;
    font-weight:300;
    color:#3f7594;
    margin:0 0 35px;
    line-height:1.2;
}

.popup-text{
    max-width:600px;
    margin:0 auto 25px;
    color:#7ebcc6;
    font-weight: 700;
    font-size:20px;
    font-weight:600;
    line-height:1.4;
}

.popup-question{
    color:#3f7594;
    font-size:24px;
    font-weight:700;
    margin-bottom:30px;
}

.popup-buttons{
    max-width:700px;
    margin:0 auto;
}

.popup-btn{
    width:100%;
    display:block;
    border:none;
    text-decoration:none;
    padding:18px 20px;
    margin-bottom:20px;
    border-radius:50px;
    background:#f16464;
    color:#fff;
    font-size:20px;
    font-weight:700;
    cursor:pointer;
    transition:.3s;
}

.popup-btn:hover{
    opacity:.9;
}

.popup-footer-text{
    text-align:left;
    margin-top:50px;
    color:#484848;
    font-size:16px;
}
.additional-monitoring-box-section .text-wrapper sup{
	font-size:100%;
	vertical-align: text-bottom;
}
header .header-top sup,
footer .footer-top-inner sup{
	font-size:100% !important;
}

.live-well-section .download-banner .banner-action .btn-download:hover{
	background: #3d7991;
}
header .nav-flex nav>ul>li>a.active-red span{
    font-weight: bold;
}



.vypeti-resource-grid-section{
  padding:0 0 2.1875rem 0;
}

.vypeti-resource-grid-section .vypeti-resource-grid-wrapper{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.125rem;
}
.vypeti-resource-grid-wrapper .resource-cards{
  padding: 1.875rem 2.1875rem;
  background: linear-gradient(90deg, #ddecef 12.18%, #fbd8d8 94%);
  border-radius: 1.5625rem;
}
.vypeti-resource-grid-wrapper .resource-cards h3{
  color: var(--light-blue-color);
  font-weight: bold;
  text-align: center;
}
.vypeti-resource-grid-wrapper .resource-cards{
    gap: 1.875rem;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
}
.vypeti-resource-grid-wrapper .resource-card-img img{
    width: fit-content;
    max-width:18.75rem;
    height: 170px;
}
.vypeti-resource-grid-wrapper .resource-btn-wrapper a{
    background: #7ebcc6;
    text-decoration: none;
    font-weight: bold;
    padding: 9px 9px 11px 9px;
    max-width: 17.5rem;
    width:100%;
    display: block;
    text-align: center;
    border-radius: 6.25rem;
}
.vypeti-resource-grid-wrapper .resource-btn-wrapper a:hover{
    background: #3d7991;
}
.vypeti-resource-grid-wrapper .resource-card-img{
   text-align: center;
}
.vypeti-resource-grid-wrapper .resource-btn-wrapper{
  display: flex;
  justify-content: center;
}
.vypeti-resource-grid-section .vypeti-resource-bottom-cards{
  padding:2.0625rem 2.5rem;
  background: #fbe8e8;
  margin-top: 2.5rem;
  border-radius: 1.5625rem;
  display: flex;
  justify-content: center;
  gap: 1.875rem;
  align-items: center;

}
.vypeti-resource-bottom-cards p{
    color: #41748d;
    font-weight: bold;
}
.vypeti-resource-bottom-cards .resource-card-icons{
    width: 100%;
    max-width: 4.75rem;
}
.vypeti-resource-bottom-cards img{
    max-width: 4.75rem;
    width: 100%;
    height: 100%;
}
.resource-cards h3{
    padding-bottom: 0.625rem;
}
.drug-reaction-section{
  padding: 12.5rem 0 5rem 0;
}
.drug-reaction-section h1{
    text-transform: uppercase;
    text-align: center;
}
.drug-bottom-section .drug-bottom-section-outer{
    padding: 1px;
    border-radius:12px;
    background: linear-gradient(90deg, #41748d, #f16464);
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}
.drug-bottom-section .drug-bottom-section-outer .drug-bottom-inner{
    padding: 1.9rem;
    background: #ffffff;
    border-radius:12px;
    display: flex;
    gap: 1.5625rem;
    flex-direction: column;
}
.drug-bottom-section .drug-bottom-section-outer .drug-bottom-inner p{
    color: #484848;
}
.drug-bottom-section .drug-bottom-section-outer .drug-bottom-inner p a{
 color:#3182ce;
}
.drug-bottom-section .container{
  display: flex;
  gap: 1.875rem;
  flex-direction: column;
} 
.drug-bottom-section-outer .drug-bottom-inner h3{
  text-transform:uppercase;
  color: #484848;
  font-weight: bold;
}
.drug-bottom-section-outer .drug-bottom-inner .drug-bottom-btn-wrapper a{
    padding: 1rem 2.5rem;
    text-transform: uppercase;
    color: #fff;
    background: #f16464;
    text-decoration: none;
    border-radius: 100px;
    line-height: 1;
}
.drug-bottom-section-outer .drug-bottom-inner .drug-bottom-btn-wrapper{
    padding:3.125rem 0;
    text-align: center;
}
.drug-bottom-section-outer .drug-bottom-inner .drug-bottom-btn-wrapper a:hover{
    background: #fff;
    border: 0.0625rem solid #f16464;
    color: #f16464;
}
.drug-bottom-section{
  padding-bottom: 11.625rem;
}
.se-card--urgent .policy-title-text:first-child{
    margin-top:0px;
}
.se-card--urgent .policy-title-text{
    margin-top:20px;
}
/*================Maintenance ==============*/
.maintenance-section .maintenance-inner-wrapper img{
 max-width: 7.8125rem;
 width: 100%;
 height: auto;
}
.maintenance-section .maintenance-inner-wrapper h1{
  text-transform: uppercase;
  text-align: center;
  padding-top: 1.5625rem;
}
.maintenance-section .maintenance-inner-wrapper h1 span{
  color: #7ebcc6;
}
.maintenance-section .maintenance-inner-wrapper{
  text-align: center;
}
.maintenance-section{
    padding: 11.25rem 0 10rem 0;
}
/*========== 404==============*/
.error-banner{
    padding: 11.25rem 0 15.625rem 0;
}
.error-banner h1{
    text-align: center;
    text-transform: uppercase;
}
.error-banner h1 span{
    font-weight: bold;
}
.error-banner .error-inner-section p{
    color: #484848;
    text-align: center;
    padding-top: 3.125rem;
}

footer .footer-bottom .footer-col p a{
	color: #484848;
    text-decoration: none;
}

/* =============================
   POLICY CONTENT OVERRIDES
   ============================= */
.additional-monitoring-box-section.cookie .text-wrapper{
    font-family: "Montserrat", sans-serif;
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 700;
    max-width: 74.375rem;
    color: #484848;
}
.additional-monitoring-box-section.cookie .monitoring-box-wrapper{
  justify-content: center;
  display: flex;
}
.additional-monitoring-box-section.cookie .text-wrapper p {
    text-align: center;
}
.additional-monitoring-box-section.cookie .text-wrapper a{
  color: #3182ce;
}
.policy-content-section .policy-content {
    display: flex;
    flex-direction: column;
}
.policy-title-text .policy-content p{
	margin-bottom:0;
}

.policy-indent {
    display: flex;
    gap: 0.25rem; /* 4px */
    margin-bottom: 1.25rem; /* 20px */
}

.policy-indent p {
    margin: 0;
    line-height: 1.5;
}

.policy-indent .num {
    flex-shrink: 0;
    min-width: 2.2rem;
    line-height: 1.5;
}

.policy-indent.level-2 {
    padding-left: 0;
}

.policy-indent.level-3 {
    padding-left: 2rem;
}
.policy-indent.level-3 .num {
    min-width: 3.2rem;
}

.policy-list-alpha {
    margin-left: 4.5rem;
    margin-bottom: 1.25rem;
}

.policy-list-alpha li {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.policy-list-alpha li span {
    flex-shrink: 0;
    min-width: 1.5rem;
}
.additional-monitoring-box-section.cookie{
  padding: 0 0 7.8125rem 0;
}
.banner-ad-section .ads-inner-wrapper{
    background: #00baba;
    border-radius: 24px;
    display: flex;
}
.banner-ad-section .ads-inner-wrapper .ads-img-wrapper{
    max-width:15.8125rem;
    height: 100%;
    width: 100%;
    display: flex;
}
.banner-ad-section .ads-inner-wrapper .ads-img-wrapper .ads-img-cover{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner-ad-section .ads-inner-wrapper .ads-text-content-wrapper{
    display: flex;
    gap:1.25rem;
    width: 100%;
    justify-content: space-between;
    padding: 1.5rem 1.875rem 1.7rem 3.125rem;

}
.banner-ad-section .ads-inner-wrapper .ads-text-content-wrapper .ads-text-content h2{
    font-size:4.0625rem;
    font-weight: bold;
    line-height: 1.23;
    color: #fff;
	font-family: "Playfair Display", serif;
}
.banner-ad-section .ads-inner-wrapper .ads-text-content-wrapper .ads-text-content{
    max-width:48.25rem;
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.banner-ad-section .ads-inner-wrapper .ads-text-content-wrapper .ads-text-content p{
    font-size:1.875rem;
    font-weight: 300;
    line-height: 1.23;
    color: #fff;
    padding-top: 1rem;
}
.banner-ad-section .ads-inner-wrapper .ads-text-content-wrapper .ads-text-content p:nth-of-type(2) {
    font-size: 1.4rem;
    padding-top: 0.8rem;
}
.banner-ad-section .ads-inner-wrapper .ads-text-content-wrapper .ads-cta-button-wrapper{
    max-width: 21.75rem;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
}
.banner-ad-section .ads-inner-wrapper .ads-text-content-wrapper .ads-cta-button-wrapper .ads-btns{
    padding: 1.25rem 1.75rem;
    background: #ca411d;
    font-size:1.875rem;
    font-weight: bold;
    line-height: 1.23;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 100px;
    white-space: nowrap;
}
.banner-ad-section .ads-inner-wrapper .ads-text-content-wrapper .ads-cta-button-wrapper .ads-btns:hover{
	background:#fff;
	color:#ca411d;
}
.banner-ad-section .ads-inner-wrapper .ads-text-content-wrapper .ads-cta-button-wrapper p{
    font-size: 1.6875rem;
    font-weight: 400;
    color: #fff;
    line-height: 1.2;
    padding-top: 2.85rem;
}
.mb-0{
    margin-bottom: 0px !important;
}

.footer-col ul li#menu-item-1646.ot-sdk-show-settings {
    font-size: 1.5rem !important;
    line-height: 1.5 !important;
    font-family: "Proxima Nova", sans-serif !important;
    font-weight: 400 !important;
}
.footer-col ul li#menu-item-1646.ot-sdk-show-settings:hover {
    color: #c02c57 !important;
    text-decoration: underline;
}

@media(min-width:1024px){
    .footer-col > p:first-of-type {
    margin-bottom: 0.9rem;
}
}
@media(max-width:1199px){
  .banner-ad-section .ads-inner-wrapper .ads-text-content-wrapper .ads-text-content h2 {
    font-size: 3.1rem;
}
.banner-ad-section .ads-inner-wrapper .ads-text-content-wrapper .ads-text-content p {
    font-size: 1.5rem;
}
.banner-ad-section .ads-inner-wrapper .ads-text-content-wrapper .ads-cta-button-wrapper p {
    font-size: 1.5rem;

}
.banner-ad-section .ads-inner-wrapper .ads-text-content-wrapper .ads-cta-button-wrapper .ads-btns {
    font-size: 1.5rem;
}
}
@media (max-width: 1024px) {
    .banner-ad-section .ads-inner-wrapper .ads-text-content-wrapper .ads-text-content h2 {
        font-size: 2rem;
    }
    .banner-ad-section .ads-inner-wrapper .ads-text-content-wrapper .ads-text-content p {
        font-size: 1.4rem;
    }
	.banner-ad-section .ads-inner-wrapper .ads-text-content-wrapper .ads-text-content p:nth-of-type(2) {
    font-size: 1.2rem;
    }
    .banner-ad-section .ads-inner-wrapper .ads-text-content-wrapper {
padding: 2rem 1.875rem 2rem 2.125rem;
}
    .banner-ad-section .ads-inner-wrapper .ads-text-content-wrapper .ads-cta-button-wrapper .ads-btns {
        font-size: 1.3rem;
    }
        .banner-ad-section .ads-inner-wrapper .ads-text-content-wrapper .ads-cta-button-wrapper p {
        font-size: 1.3rem;
    }
}
@media (max-width: 992px) {
		.drug-bottom-section-outer .drug-bottom-inner .drug-bottom-btn-wrapper a {
			font-size: 1rem;
		}
      .banner-ad-section .ads-inner-wrapper .ads-text-content-wrapper .ads-text-content p{
        display: none;
      }
      .banner-ad-section .ads-inner-wrapper .ads-text-content-wrapper{
        flex-direction: column;
        gap: 2.25rem;
        justify-content:end;
      }
      .banner-ad-section .ads-inner-wrapper .ads-text-content-wrapper,.banner-ad-section .ads-inner-wrapper .ads-text-content-wrapper .ads-cta-button-wrapper {
         max-width: 100%;
      }
      .banner-ad-section .ads-inner-wrapper .ads-text-content-wrapper .ads-text-content h2{
        text-align: center;
      }
}
@media (max-width: 767px) {
			.drug-bottom-section-outer .drug-bottom-inner .drug-bottom-btn-wrapper a {
				font-size: 0.8rem;
			}
        .banner-ad-section .ads-inner-wrapper .ads-text-content-wrapper {
            padding: 1.8rem 1.275rem 2rem 1.2rem;
        }
      .banner-ad-section .ads-inner-wrapper .ads-img-wrapper {
          max-width: 13.8125rem;
          height: 100%;
          width: 100%;
          display: flex;
      }
      .banner-ad-section .ads-inner-wrapper .ads-text-content-wrapper .ads-cta-button-wrapper .ads-btns {
        font-size: 14px;
        width: 148px;
        display: flex;
        justify-content: center;
        height: 30px;
        align-items: center;
    }
        .banner-ad-section .ads-inner-wrapper .ads-text-content-wrapper{
          justify-content: end;
          gap:1.875rem;
        }
    .banner-ad-section .ads-inner-wrapper .ads-text-content-wrapper .ads-cta-button-wrapper p{
      padding-top: 12px;
    }
}
@media (max-width:575px) {
  .banner-ad-section .ads-inner-wrapper .ads-text-content-wrapper .ads-text-content h2 {
        font-size: 24px;
    }
      .banner-ad-section .ads-inner-wrapper .ads-text-content-wrapper .ads-cta-button-wrapper p {
        font-size: 8px;
    }
    .banner-ad-section .ads-inner-wrapper .ads-text-content-wrapper{
      padding: 12px 20px 8px 20px;
    }
    .banner-ad-section .ads-inner-wrapper .ads-text-content-wrapper {
        gap: 12px;
    }
        .banner-ad-section .ads-inner-wrapper .ads-img-wrapper {
        max-width: 11rem;
    }
}
@media (max-width:390px) {
    .banner-ad-section .ads-inner-wrapper .ads-text-content-wrapper {
        padding: 12px 5px 8px 14px;
    }
	.banner-ad-section .ads-inner-wrapper .ads-text-content-wrapper .ads-cta-button-wrapper .ads-btns {
        width: 136px;
        height: 26px;
    }
}
@media(min-width:767px){	
	.vypeti-resource-grid-wrapper .resource-btn-wrapper a{
		font-size:1.5rem;
	}

}
@media(max-width:767px){	

.carousel-section .carousel-image {
  display:none !important;
}
.carousel-section .carousel-image-mobile {
display:block !important;
}

.contact-form-section .nf-field-container.checkbox-container .checkbox-wrap {
	gap: .8rem !important;
	}
}
/* ===================================================
   RESPONSIVE STYLES
   All media queries consolidated below, ordered by
   breakpoint from largest to smallest.
   =================================================== */

/* ----- 1399px ----- */
@media (max-width: 1399px) {
  header .nav-flex {
/*     padding: clamp(1.875rem, 1.875vw, 3.75rem) 0 clamp(3.125rem, 3.125vw, 6.25rem); */
	  padding: clamp(1.875rem, 1.875vw, 3.75rem) 0 ;
    /* 60px 0 100px */
  }

  .vypeti-bottom-left {
    padding: clamp(0.9375rem, 0.9375vw, 1.875rem) clamp(0.625rem, 0.625vw, 1.25rem);
    /* 30px 20px */
    gap: 1.125rem;
    /* 18px */
	  justify-content:space-between;
  }
}

/* ----- 1260px ----- */
@media (max-width: 1260px) {
 .policy-heading-section {
    padding: 12.0625rem 0 5.375rem;
}
  .maintenance-section {
    padding: 9.25rem 0 8rem 0;
}
  .drug-bottom-section{
  padding-bottom: 9.625rem;
}
  .drug-reaction-section {
    padding: 10.5rem 0 3rem 0;
}
  .vypeti-bottom-text {
    font-size: 1.375rem;
    /* 22px */
  }

  .vypeti-bottom-caption {
    font-size: 1.625rem;
    /* 26px */
  }
	
  .live-well-section .banner-content p {
   font-size: 1.625rem;
    /* 18px */
  }

  .vypeti-bottom-btn {
    padding: clamp(0.625rem, 0.625vw, 1.25rem) clamp(0.8125rem, 0.8125vw, 1.625rem);
    /* 20px 26px */
    font-size: 1.25rem;
    /* 20px */
  }
}

/* ----- 1199px ----- */
@media (max-width: 1199px) {
	 .policy-heading-section {
		padding: 10rem 0 5.375rem;
	}
    .drug-bottom-section{
  padding-bottom: 8.625rem;
}
      .drug-reaction-section {
        padding: 7.5rem 0 3rem 0;
    }
  .hcp-bottom-cards .vypeti-bottom-text,.vypeti-bottom-left-heading p{
    max-width: 100%;
  }
  .fs-90{
  font-size:5rem;
}
  .resource-banner {
    padding: 9.875rem 0 9.25rem 0;
}

  .se-label p,
  .se-card__text,
  .se-card__subtitle {
    font-size: 1.875rem;
    /* 30px */
  }

  .se-card__header p,
  .se-icons__item span,
  .se-card__emergency,
  .se-card__footnote {
    font-size: 1.625rem;
    /* 26px */
  }

  .banner-ad-section {
    padding: clamp(1.25rem, 1.25vw, 2.5rem) 0 clamp(2.1875rem, 2.1875vw, 4.375rem) 0;
    /* 40px 0 70px 0 */
  }

  .f-72 {
    font-size: 3.75rem;
    /* 60px */
  }

  .about-vypeti-bottom {
    grid-template-columns: 1fr;
    gap: 3.0625rem;
    /* 49px */
    padding-top: clamp(1.875rem, 1.875vw, 3.75rem);
    /* 60px */
  }

  .vypeti-bottom-photo img {
    max-width: 100%;
  }

  header .nav-flex {
    padding: clamp(1.875rem, 1.875vw, 3.75rem) 0 clamp(2.5rem, 2.5vw, 5rem);
    /* 60px 0 80px */
  }
}

/* ----- 1075px ----- */
@media (max-width: 1075px) {
  .error-banner {
    padding: 9.25rem 0 13.625rem 0;
}
  .se-card__inner {
    padding: clamp(1.5625rem, 1.5625vw, 3.125rem);
    /* 50px */
  }

  .banner-ad-section {
    padding: clamp(0.9375rem, 0.9375vw, 1.875rem) 0 clamp(1.5625rem, 1.5625vw, 3.125rem) 0;
    /* 30px 0 50px 0 */
  }

  .footer-logos img {
    position: static;
  }

  .common-section {
    padding: clamp(1.5625rem, 1.5625vw, 3.125rem) 0;
    /* 50px 0 */
  }

  .hcp-bottom-cards .vypeti-bottom-left {
    padding: clamp(1.25rem, 1.25vw, 2.5rem);
    /* 40px */
  }

  .hcp-before-vypeti-card {
    padding: clamp(1.25rem, 1.25vw, 2.5rem);
    /* 40px */
    gap: 1.25rem;
    /* 20px */
  }

  .hcp-bottom-cards .about-vypeti-bottom {
    padding-top: clamp(1.25rem, 1.25vw, 2.5rem);
    /* 40px */
  }

  .f-27 {
    font-size: 1.5rem;
    /* 24px */
  }
}

/* ----- 1024px ----- */
@media (max-width: 1024px) {
	.what-is-migraine-section {
		padding: 50px 0;
	}
	.policy-indent .num {
		min-width: 1.2rem;
	}
	.policy-indent.level-3 .num {
		min-width: 2rem;
	}
	 .policy-heading-section {
		padding: 8rem 0 5.375rem;
	}
  .maintenance-section {
   padding: 7.25rem 0 7rem 0;
 }
    .drug-bottom-section{
  padding-bottom: 6rem;
}
  .drug-reaction-section {
        padding: 5.5rem 0 2rem 0;
    }
.vypeti-resource-grid-section .vypeti-resource-grid-wrapper{
  grid-template-columns: repeat(2, 1fr);
  gap: 1.875rem;
}
.vypeti-resource-grid-section .vypeti-resource-grid-wrapper > :last-child:nth-child(odd) {
    grid-column: 1 / -1;
    justify-self: center;
    width: calc(50% - 1.5625rem);
}

   .fs-90{
  font-size:4.375rem;
}
  .resource-banner {
        padding: 7.875rem 0 7.25rem 0;
    }
  .vypeti-bottom-left-heading p {
    max-width: 100%;
  }

  .se-card__inner .content-wrapper {
    padding-top: clamp(0.6875rem, 0.6875vw, 1.375rem);
    /* 22px */
  }

  .se-card__inner {
    padding: clamp(1.25rem, 1.25vw, 2.5rem);
    /* 40px */
  }

  .se-label p,
  .se-card__text,
  .se-card__subtitle {
    font-size: 1.75rem;
    /* 28px */
  }

  .se-card__header p,
  .se-icons__item span,
  .se-card__emergency,
  .se-card__footnote {
    font-size: 1.25rem;
    /* 20px */
  }

  .se-card__footnote {
    margin-top: clamp(0.9375rem, 0.9375vw, 1.875rem);
    /* 30px */
  }

  header .nav-flex nav .dropdown-menu li a {
    font-size: 1.125rem;
    /* 18px */
  }


  .f-27 {
    font-size: 1.375rem;
    /* 22px */
  }

  .hcp-bottom-cards .about-vypeti-bottom {
    padding-top: clamp(0.9375rem, 0.9375vw, 1.875rem);
    /* 30px */
  }

  .hcp-before-vypeti-card {
    padding: clamp(0.9375rem, 0.9375vw, 1.875rem);
    /* 30px */
  }

  .hcp-bottom-cards .vypeti-bottom-left {
    padding: clamp(0.9375rem, 0.9375vw, 1.875rem);
    /* 30px */
  }

  .common-section {
    padding: clamp(1.25rem, 1.25vw, 2.5rem) 0;
    /* 40px 0 */
  }

  .about-vypeti-bottom {
    padding-top: clamp(1.5625rem, 1.5625vw, 3.125rem);
    /* 50px */
  }

  .f-72 {
    font-size: 3.125rem;
    /* 50px */
  }

  .P-30,
  .p-30 {
    font-size: 1.75rem;
    /* 28px */
  }

  header .nav-flex nav>ul>li>a,
  header .nav-flex nav>ul>li>.submenu-toggle {
    font-size: 1.125rem;
    /* 18px */
  }

  header .nav-flex nav>ul>li:hover>a,
  header .nav-flex nav>ul>li:hover>.submenu-toggle,
  header .nav-flex nav>ul>li.open>.submenu-toggle {
    color: #c02c57;
  }

  header .nav-flex nav>ul>li.has-dropdown:hover:not(.open)>.submenu-toggle::after {
    transform: rotate(0deg);
  }

  header .nav-flex .nav-logo {
    max-width: 6.125rem;
    /* 98px */
  }

  header .nav-flex {
    padding: clamp(1.0625rem, 1.0625vw, 2.125rem) 0 clamp(1.5938rem, 1.5938vw, 3.1875rem) 0;
    /* 34px 0 51px 0 */
  }

  header .menu-toggle {
    display: block;
  }

  header .nav-flex nav {
    display: none;
    width: 100%;
    margin-top: clamp(0.625rem, 0.625vw, 1.25rem);
    /* 20px */
  }

  body.nav-open {
    overflow: hidden;
  }

  body.nav-open header .header-top {
    display: none;
  }

  body.nav-open header .header-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1000;
    background: var(--primary-color);
    overflow-y: auto;
  }

  body.nav-open header .nav-flex {
    flex-wrap: wrap;
    align-content: flex-start;
  }

  body.nav-open header .nav-flex nav {
    display: block;
    max-width: 100%;
  }

  body.nav-open header .menu-toggle .icon-hamburger {
    display: none;
  }

  body.nav-open header .menu-toggle .icon-close {
    display: block;
  }

  header .nav-flex nav>ul {
    flex-direction: column;
    gap: 0;
    margin-top: 0;
    align-items: unset;
  }

  header .nav-flex nav>ul>li {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(126, 188, 198, 0.4);
  }

  header .nav-flex nav>ul>li:last-child {
    border-bottom: none;
  }

  header .nav-flex nav>ul>li>a {
    padding: clamp(1.5rem, 1.5vw, 3rem) 0 clamp(0.875rem, 0.875vw, 1.75rem) 0;
    /* 48px 0 28px 0 */
  }

  header .nav-flex nav>ul>li>.submenu-toggle {
    padding: clamp(1.5rem, 1.5vw, 3rem) 0 clamp(0.875rem, 0.875vw, 1.75rem) 0;
    /* 48px 0 28px 0 */
    justify-content: space-between;
    gap: 1.5rem;
    /* 24px */
  }

  header .nav-flex nav .dropdown-menu {
    position: relative;
    width: 100%;
    border: none;
    background: transparent;
    padding: 0 0 clamp(0.625rem, 0.625vw, 1.25rem) 0;
    /* 0 0 20px 0 */
    margin: 0;
    top: unset;
  }

  /* Override hover for mobile — rely on .open class */
  header .nav-flex nav>ul>li.has-dropdown:hover .dropdown-menu {
    display: none;
  }

  header .nav-flex nav>ul>li.has-dropdown.open .dropdown-menu {
    display: flex;
    align-items: flex-start;
  }

  .footer-middle-section p {
    padding-bottom: clamp(1.25rem, 1.25vw, 2.5rem);
    /* 40px */
  }

  .footer-reference-section {
    padding: clamp(0.9375rem, 0.9375vw, 1.875rem) 0;
    /* 30px 0 */
  }

  footer .footer-top-inner {
    padding: clamp(1.25rem, 1.25vw, 2.5rem);
    /* 40px */
    gap: 1.875rem;
    /* 30px */
  }

  .about-vypeti-inner {
    gap: 1.875rem;
    /* 30px */
  }

  /* Side Effects – reorder icons & emergency */
  .se-card__inner .content-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.875rem;
    /* 30px */
    align-items: start;
  }

  .se-card__inner .se-icons.se-icons--5col {
    display: contents;
  }

  .se-icons--5col .se-icons__item:nth-child(1) {
    order: 1;
  }

  .se-icons--5col .se-icons__item:nth-child(2) {
    order: 2;
  }

  .se-icons--5col .se-icons__item:nth-child(3) {
    order: 3;
  }

  .se-icons--5col .se-icons__item:nth-child(4) {
    order: 4;
  }

  .content-wrapper .se-card__emergency {
    order: 5;
    grid-column: 1 / -1;
  }

  .se-icons--5col .se-icons__item:nth-child(5) {
    order: 6;
    grid-column: 1 / -1;
  }

  .se-card__emergency {
    margin: 0;
  }

  .hcp-before-vypeti-content {
    gap: 1.25rem;
    /* 20px */
  }

  .what-is-migraine-section .migraine-content-image-flex {
    flex-direction: column;
	margin-bottom: clamp(1.4688rem, 3.4688vw, 2.9375rem);
  }

  .what-is-migraine-section .migraine-content-image-flex .bg-gradient-wrapper {
    width: 100%;
  }

  .bg-gradient-wrapper .icon-text-wrapper .icon-content-text {
    max-width: unset;
  }

  .what-is-migraine-section .migraine-content-image-flex figure {
	  max-width:unset;
    padding: 0 clamp(0.4375rem, 0.4375vw, 0.875rem);
    /* 0 14px */
  }

  .what-is-migraine-section .migraine-content-image-flex .bg-gradient-wrapper {
    padding: clamp(0.4688rem, 0.4688vw, 0.9375rem) clamp(0.625rem, 0.625vw, 1.25rem) clamp(0.4688rem, 0.4688vw, 0.9375rem) clamp(0.7813rem, 0.7813vw, 1.5625rem);
    /* 15px 20px 15px 25px */
  }

  .se-content {
    padding-top: clamp(1.25rem, 1.25vw, 2.5rem);
    /* 40px */
  }

  .se-card {
    padding: clamp(1.125rem, 1.125vw, 2.25rem);
    /* 36px */
  }
}

/* ----- 991px (consolidated) ----- */
@media (max-width: 991px) {
  .error-banner {
        padding: 7.25rem 0 11.625rem 0;
    }
  .maintenance-section {
        padding: 5.25rem 0;
    }
   .fs-90{
     font-size: 3.125rem;
   }
  .se-card__inner {
    padding: clamp(0.7813rem, 0.7813vw, 1.5625rem);
    /* 25px */
  }

  .f-27 {
    font-size: 1.125rem;
    /* 18px */
  }

  .common-section {
    padding: clamp(0.9375rem, 0.9375vw, 1.875rem) 0;
    /* 30px 0 */
  }

  .about-vypeti-bottom {
	  gap:20px;
    padding-top: clamp(1.25rem, 1.25vw, 2.5rem);
    /* 40px */
  }

  .f-72 {
    font-size: 2.8125rem;
    /* 45px */
  }

  .footer-col {
    flex: 1 1 45%;
  }

  .p-24 {
    font-size: 1.25rem;
    /* 20px */
  }

  footer .footer-top-section {
    padding: clamp(1.4063rem, 1.4063vw, 2.8125rem) 0 clamp(1.25rem, 1.25vw, 2.5rem) 0;
    /* 45px 0 40px 0 */
  }

  footer .footer-top-inner p b {
    word-spacing: unset;
    letter-spacing: unset;
  }

  footer .footer-top-inner {
    padding: clamp(0.9375rem, 0.9375vw, 1.875rem);
    /* 30px */
    gap: 1.25rem;
    /* 20px */
  }

  .vypeti-bottom-text {
    font-size: 1.125rem;
    /* 18px */
  }

  .vypeti-bottom-caption {
    font-size: 1.375rem;
    /* 22px */
  }
	
	.live-well-section .banner-content p {
    font-size: 1.375rem;
    /* 18px */
  }

  .vypeti-bottom-download {
    padding: clamp(1.25rem, 1.25vw, 2.5rem);
    /* 40px */
  }

  .P-30,
  .p-30 {
    font-size: 1.375rem;
    /* 22px */
  }

  .se-card__header {
    margin-bottom: clamp(1.25rem, 1.25vw, 2.5rem);
    /* 40px */
  }

  .se-card__text {
    margin: clamp(0.9375rem, 0.9375vw, 1.875rem) 0;
    /* 30px 0 */
  }

  /* Live Well — 991px */
  .live-well-section .live-well-title {
    font-size: 2.625rem;
    /* 42px */
  }

  .live-well-section .strategies-container {
    flex-direction: column;
    gap: 3.125rem;
    /* 50px */
  }

  .live-well-section .download-banner {
    flex-direction: column;
    text-align: center;
    padding: clamp(0.9375rem, 0.9375vw, 1.875rem) clamp(0.625rem, 0.625vw, 1.25rem);
    /* 30px 20px */
    gap: 1.25rem;
    /* 20px */
  }

  .live-well-section .banner-content {
    padding: 0;
  }
    .drug-bottom-section .drug-bottom-section-outer .drug-bottom-inner {
    gap: 1.25rem;
}
.drug-bottom-section-outer .drug-bottom-inner .drug-bottom-btn-wrapper {
    padding: 1.875rem 0;
}
}

/* ----- 768px (Live Well only) ----- */
@media (max-width: 768px) {
  .error-banner {
    padding: 5.25rem 0 8.625rem 0;
  }
  .drug-bottom-section{
    padding-bottom: 4rem;
  }
  .drug-reaction-section {
    padding: 3.5rem 0 2rem 0;
  }
  .fs-90{
    font-size:2.5rem;
  }
   .resource-banner {
        padding: 6rem 0 ;
    }
  .live-well-section .live-well-title {
    font-size: 1.875rem;
    /* 30px */
    margin-bottom: clamp(0.5rem, 0.5vw, 1rem);
    /* 16px */
  }

  .live-well-section .live-well-desc,
  .live-well-section .live-well-subheading,
  .live-well-section .strategy-item p {
    font-size: 0.875rem;
    /* 14px */
  }

  .live-well-section .live-well-desc {
    margin-bottom: clamp(0.6563rem, 0.6563vw, 1.3125rem);
    /* 21px */
  }

  .live-well-section .category-badge {
    padding: clamp(0.1563rem, 0.1563vw, 0.3125rem) clamp(0.4375rem, 0.4375vw, 0.875rem);
    /* 5px 14px */
    font-size: 0.75rem;
    /* 12px */
    min-width: auto;
  }

  .live-well-section .strategy-item p sup,
  .live-well-section .live-well-desc sup {
    font-size: 0.5rem;
    /* 8px — superscript, acceptable below minimum */
  }

  .live-well-section .banner-content p {
    font-size: 1.125rem;
    /* 18px */
  }

  .live-well-section .btn-download {
    font-size: 1.125rem;
    /* 18px */
  }

  .live-well-section .strategies-container {
    margin-top: clamp(0.7813rem, 0.7813vw, 1.5625rem);
    /* 25px */
    gap: 1.5625rem;
    /* 25px */
  }

  .live-well-section .strategy-group {
    width: 100%;
    flex: none;
  }

  .live-well-section .strategy-item img {
    height: auto;
    max-height: 17.5rem;
    /* 280px */
    border-radius: 0.7813rem !important;
    /* 12.5px */
  }

  .live-well-section .strategy-item {
    gap: 0.5rem;
    /* 8px */
  }

  .live-well-section .strategy-items {
    flex-direction: column;
    gap: 0.6875rem;
    /* 11px */
  }
}

/* ----- 767px ----- */
@media (max-width: 767px) {
	
	.additional-monitoring-box-section.cookie .text-wrapper{
    font-size: 0.875rem;
  }
  .additional-monitoring-box-section.cookie {
    padding: 0 0 3.875rem 0;
  }
  .policy-indent .num {
    min-width: 1rem;
  }
  .policy-indent.level-3 {
    padding-left: 1rem;
}
  .policy-indent.level-3 .num {
    min-width: 1rem;
  }
  .policy-list-alpha {
    margin-left: 1.5rem;
  }
  .policy-list-alpha li span {
    min-width: 0.5rem;
}
	.external-popup{
        padding:30px 20px;
    }

    .external-popup h2{
        font-size:34px;
    }

    .popup-text{
        font-size:18px;
    }

    .popup-btn{
        font-size:16px;
        padding:15px;
    }
  .maintenance-section {
        padding: 3.25rem 0;
    }
  .vypeti-resource-grid-section .vypeti-resource-grid-wrapper > :last-child:nth-child(odd) {
    width: 100%;
}
  .vypeti-resource-grid-section .vypeti-resource-grid-wrapper{
  grid-template-columns: repeat( 1,1fr);
}
  header .nav-flex nav .dropdown-menu li a {
    line-height: 1;
    padding: clamp(0.3125rem, 0.3125vw, 0.625rem) 0;
    /* 10px 0 */
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
  }

  .vypeti-bottom-heading-wrapper {
    display: block;
    padding-bottom: clamp(0.375rem, 0.375vw, 0.75rem);
    /* 12px */
  }

  .vypeti-bottom-heading-wrapper h3 {
    font-size: 1.125rem;
    /* 18px */
    color: var(--light-blue-color);
    line-height: 1.3;
    font-weight: bold;
  }

  .se-card__text {
    margin: clamp(0.625rem, 0.625vw, 1.25rem) 0;
    /* 20px 0 */
  }

  .se-card__header {
    margin-bottom: clamp(0.7813rem, 0.7813vw, 1.5625rem);
    /* 25px */
  }

  .se-card__title {
    font-size: 0.875rem;
    /* 14px */
    margin-bottom: clamp(0.625rem, 0.625vw, 1.25rem);
    /* 20px */
  }

  .se-card--other {
    padding: clamp(0.625rem, 0.625vw, 1.25rem);
    /* 20px */
  }

  .se-card--other .top-wrapper {
	  gap:5px;
    padding: clamp(0.4688rem, 0.4688vw, 0.9375rem);
    /* 15px */
  }

  .se-card__frequency {
    font-size: 0.875rem;
    /* 14px */
    margin: clamp(0.3125rem, 0.3125vw, 0.625rem) 0;
    /* 10px 0 */
  }

  .se-card__common-label {
    margin-bottom: 0;
    font-size: 0.875rem;
    /* 14px */
  }

  .se-card__info-box p {
    font-size: 0.875rem;
    /* 14px */
  }

  .se-card__inner {
    padding: clamp(0.625rem, 0.625vw, 1.25rem);
    /* 20px */
  }

  .se-card {
    padding: clamp(0.7813rem, 0.7813vw, 1.5625rem);
    /* 25px */
  }

  .se-content {
    padding-top: clamp(0.9375rem, 0.9375vw, 1.875rem);
    /* 30px */
  }

  .se-label p,
  .se-card__text,
  .se-card__subtitle {
    font-size: 1.5rem;
    /* 24px */
  }

  /* Cleaned: removed dead .se-icons__item span:14px that was immediately overridden */
  .se-card__header p,
  .se-icons__item span,
  .se-card__emergency,
  .se-card__footnote {
    font-size: 1.125rem;
    /* 18px */
  }

  .hcp-before-vypeti-content {
    gap: 1.125rem;
    /* 18px */
  }

  .f-27 {
    font-size: 1rem;
    /* 16px */
  }

  .hcp-bottom-cards .about-vypeti-bottom {
    padding-top: clamp(0.625rem, 0.625vw, 1.25rem);
    /* 20px */
    gap: 0.9375rem;
    /* 15px */
  }

  .hcp-bottom-cards .vypeti-bottom-right {
    gap: 0.9375rem;
    /* 15px */
  }

  .hcp-before-vypeti-icon-wrap img {
    max-width: 2.5rem;
    /* 40px */
  }

  .hcp-before-vypeti-card {
    padding: 20px;
    /* 15px 9px */
    gap: 0.625rem;
    /* 10px */
  }

  .hcp-bottom-cards .vypeti-bottom-item:nth-child(3) .vypeti-bottom-icon img {
    max-width: 1.5625rem;
    /* 25px */
  }

  .hcp-bottom-cards .vypeti-bottom-left {
    padding:20px;
    /* 18px */
  }

  .vypeti-bottom-item {
    gap: 0.625rem;
    /* 10px */
  }

  /* Hero Banner Mobile */
  section.hero-banner {
    padding: clamp(1.25rem, 1.25vw, 2.5rem) 0 clamp(0.9375rem, 0.9375vw, 1.875rem) 0;
    /* 40px 0 30px 0 */
    background-position:center;
  }

  .hero-content .top-wrapper {
    margin-bottom: clamp(2.8125rem, 2.8125vw, 5.625rem);
    /* 90px */
  }

  .hero-content .h1-title {
    font-size: 2.25rem;
    /* 36px */
  }

  .h1-title.triangle::after {
	  top:0;
    font-size: 1.25rem;
    /* 20px */
  }

  .hero-content .title-subheading {
    font-size: 1.5rem;
    /* 24px */
  }

  .hero-content .p-para {
    font-size: 0.875rem;
    /* 14px */
  }

  .hero-content .p-24 {
    font-size: 0.75rem;
    /* 12px — clamped from 10px to minimum 0.75rem */
  }

  .p-24.bold.blue-dark {
    margin-bottom: clamp(0.625rem, 0.625vw, 1.25rem);
    /* 20px */
  }
	.hero-banner .hero-content .p-24.blue-dark.bold{
		max-width:58%;
	}

  .hero-content .p-30 {
    font-size: 0.75rem;
    /* 12px */
    letter-spacing: 0.0094rem;
    /* 0.15px */
  }

  /* Common */
  .common-section {
    padding: clamp(0.7813rem, 0.7813vw, 1.5625rem) 0;
    /* 25px 0 */
  }

  .f-72 {
    font-size: 2.5rem;
    /* 40px */
  }

  .P-30,
  .p-30 {
    font-size: 1.125rem;
    /* 18px */
  }

  .p-24 {
    font-size: 1.125rem;
    /* 18px */
  }

  /* Monitoring Box */
  .monitoring-box-wrapper {
    padding: clamp(0.4688rem, 0.4688vw, 0.9375rem);
    /* 15px */
  }

  .monitoring-box-wrapper .text-wrapper {
    font-size: 0.75rem;
    /* 12px */
  }

  /* About Vypeti */
  .about-vypeti-bottom {
    padding-top: clamp(0.9375rem, 0.9375vw, 1.875rem);
    /* 30px */
  }

  .about-vypeti-inner {
    gap: 1.5625rem;
    /* 25px */
  }

  .vypeti-bottom-icon,
  .vypeti-bottom-icon img {
    max-width: 2.5625rem;
    /* 41px */
  }

  .vypeti-bottom-text {
    font-size: 1rem;
    /* 16px */
  }

  .vypeti-bottom-caption {
    font-size: 1.125rem;
    /* 20px */
  }

  .vypeti-bottom-download {
    padding: clamp(0.9375rem, 0.9375vw, 1.875rem);
    /* 30px */
  }

  .policy-heading-section h1 {
    font-size: 30px;
    margin-bottom: 50px;
  }
  .policy-heading-section p {
    font-size: 16px;
  }
  .policy-content-section .policy-title-text .policy-subheading {
    font-size: 14px;
  }
  .policy-content-section .policy-title-text .policy-content {
    font-size: 14px;
  }
  .policy-heading-section {
    padding: 50px 0 25px
  }
  .policy-content-section .policy-title-text ul ul {
    padding-left: 1rem;
  }
  .policy-content-section .policy-title-text ol {
    padding-left: 1rem;
  }
  .policy-content-section .policy-title-text ul li::marker {
    font-size: 14px;
  }
  .policy-content-section.pb-325 {
    padding-bottom: 7.8125rem;
  }

  /* Footer */
  .footer-middle-section p {
    padding-bottom: clamp(0.9375rem, 0.9375vw, 1.875rem);
    /* 30px */
  }

  .footer-bottom {
    padding: clamp(0.4688rem, 0.4688vw, 0.9375rem) 0 clamp(0.9375rem, 0.9375vw, 1.875rem);
    /* 15px 0 30px */
  }

  .footer-col ul li {
    margin-bottom: 0;
  }

  .footer-col ul li a,
  .footer-col p,
  .footer-copyright p,
  .footer-top-text p,
  .footer-reference-list {
    font-size: 0.75rem;
    /* 12px */
  }

  .footer-reference-section {
    padding: 2% 0;
  }

  footer .footer-top-section {
    padding: clamp(1.3125rem, 1.3125vw, 2.625rem) 0 clamp(1.0313rem, 1.0313vw, 2.0625rem) 0;
    /* 42px 0 33px 0 */
  }

  footer .footer-top-inner {
    padding: clamp(0.625rem, 0.625vw, 1.25rem);
    /* 20px */
    gap: 1.125rem;
    /* 18px */
  }

  .vypeti-bottom-thumb img {
    max-width: 5.4375rem;
    /* 87px */
  }

  /* Migraine Section Mobile */
  .what-is-migraine-section {
    padding: clamp(3.125rem, 3.3125vw, 4.625rem) 0 clamp(1.5688rem, 2.4688vw, 2.9375rem);
    /* 10px 0 15px */
  }

  .what-is-migraine-section h2 {
    font-size: 1.875rem;
    /* 30px */
    margin-bottom: clamp(0.4688rem, 0.4688vw, 0.9375rem);
    /* 15px */
  }

  .what-is-migraine-section p {
    font-size: 0.875rem;
    /* 14px */
  }

  .what-is-migraine-section .migraine-content-image-flex {
    margin-top: clamp(1.0625rem, 1.0625vw, 2.125rem);
    /* 34px */
  }

  .bg-gradient-wrapper .bg-gradient-title {
    font-size: 0.875rem;
    /* 14px */
  }

  .bg-gradient-wrapper .icon-text-wrapper p {
    font-size: 0.875rem;
    /* 14px */
  }

  .bg-gradient-wrapper .icon-text-wrapper {
    padding: clamp(0.2188rem, 0.2188vw, 0.4375rem) 0;
    /* 7px 0 */
  }

  .bg-gradient-wrapper .icon-text-wrapper .icon {
    width: 2.5rem;
    /* 40px */
    height: auto;
  }

  .what-is-migraine-section .migraine-content-bottom {
    padding: clamp(0.9063rem, 1.2063vw, 1.8125rem);
  }

  .what-is-migraine-section .migraine-content-bottom .content-bottom-full {
    flex-direction: column;
    gap: 1.6875rem;
    /* 27px */
  }

  .what-is-migraine-section .migraine-content-bottom .content-bottom-left p {
    font-size: 0.875rem;
    /* 14px */
  }

  .migraine-content-bottom .icon-content-text {
    font-size: 0.875rem;
    /* 14px */
  }

  .what-is-migraine-section .content-bottom-right {
    gap: 1.25rem;
    /* 20px */
  }

  .what-is-migraine-section .migraine-content-bottom .icon {
    display: flex;
    width: unset;
    height: fit-content;
  }

  .what-is-migraine-section .migraine-content-bottom .icon img {
    max-width: 2.5rem;
    /* 40px */
    width: 100%;
  }

  .what-is-migraine-section .migraine-content-bottom .icon-text-wrapper {
    gap: 0.9375rem;
    /* 15px */
  }
  .resources-section {
    padding: 1.5625rem 0;
  }
  .resources-section .video-container {
    margin: 1.625rem 0;
  }
  .resources-section .resources-h2 {
    font-size: 1.875rem;
    margin-bottom: 0.625rem;
  }
  .resources-section .resources-h3 {
    font-size: 0.875rem;
    letter-spacing: 0.8px;
  }
}

/* ----- 576px ----- */
@media (max-width: 576px) {
		.vypeti-bottom-left {
			padding-top: clamp(1.2rem, 1.4vw, 1.875rem);
			padding-left: clamp(1.1rem, 1.2vw, 1.25rem);
			padding-right: clamp(0.625rem, 0.625vw, 1.25rem);
			padding-bottom: clamp(0.9375rem, 0.9375vw, 1.875rem);
		}
	 .about-vypeti-inner {
        gap: 1.1rem;
    }
	.common-section {
        padding: clamp(3.2rem, 0.7813vw, 1.5625rem) 0;
    }
	 .live-well-section .strategies-container {
		margin-top: clamp(1.8rem, 0.7813vw, 1.5625rem);
	  }
	.what-is-migraine-section .migraine-content-image-flex .bg-gradient-wrapper {
		padding: clamp(0.8rem, 0.4688vw, 0.9375rem) clamp(0.625rem, 0.625vw, 1.25rem) clamp(0.4688rem, 0.4688vw, 0.9375rem) clamp(0.7813rem, 0.7813vw, 1.5625rem);
	  }
  .policy-content-section .policy-title-text ul{
    padding-left: 1rem;
  }
  .error-banner .error-inner-section p {
    color: #484848;
    text-align: center;
    padding-top: 1.125rem;
}
      .error-banner {
        padding: 3.25rem 0 3.625rem 0;
    }
     .error-banner h1 br{
      display: block;
     }
  .maintenance-section .maintenance-inner-wrapper h1 br{
      display: block;
    }
  .maintenance-section .maintenance-inner-wrapper h1 span br{
    display: none;
  }
  .maintenance-section .maintenance-inner-wrapper img {
    max-width: 4.8125rem;
}
.maintenance-section .maintenance-inner-wrapper h1 {
    padding-top: 0.75rem;
}
       .drug-bottom-section{
  padding-bottom: 2.3rem;
}
  .drug-bottom-section-outer .drug-bottom-inner .drug-bottom-btn-wrapper a {
    padding: 0.625rem;
    font-size: 0.5625rem;
}
  .drug-bottom-section-outer .drug-bottom-inner .drug-bottom-btn-wrapper {
    padding: 1.25rem 0;
}
  .drug-bottom-section .container {
    gap: 1.25rem;
}
  .drug-bottom-section .drug-bottom-section-outer .drug-bottom-inner {
    gap: 0.9375rem;
}
  .drug-reaction-section {
        padding: 1.5rem 0 ;
    }
  .vypeti-resource-grid-section .vypeti-resource-grid-wrapper{
    gap: 0.9375rem;
  }
  .vypeti-resource-grid-wrapper .resource-card-img img{
    height: 100%;
    max-width: 14.75rem;
  }
  .vypeti-resource-grid-wrapper .resource-btn-wrapper a {
    padding: 8px;
    max-width: 13.5rem;
}
  .vypeti-resource-grid-wrapper .resource-cards {
    padding: 0.875rem;
    gap: 15px;
}
  .vypeti-resource-grid-section .vypeti-resource-bottom-cards {
    padding: 0.75rem;
    margin-top: 0.9375rem;
    gap: 7px;
    align-items: normal;
}
.vypeti-resource-bottom-cards img ,.vypeti-resource-bottom-cards .resource-card-icons{
    max-width: 2.5rem;
}
.vypeti-resource-bottom-cards .resource-card-icons{
  height: 40px;
}
     .fs-90{
       font-size:1.875rem;
     }
   .resource-banner {
        padding: 3.125rem 0 7.5rem 0;
    }
  .vypeti-bottom-heading-wrapper h3 {
    font-size: 0.875rem;
    /* 14px */
  }

  .container {
    padding: 0 clamp(1.125rem, 1.125vw, 2.25rem);
    /* 0 36px */
  }

  br {
    display: none;
  }

  .vypeti-bottom-right {
    gap: 0.9375rem;
    /* 15px */
  }

  .se-card__text {
    margin: clamp(0.4688rem, 0.4688vw, 0.9375rem) 0;
    /* 15px 0 */
  }

  .se-card__header {
    margin-bottom: clamp(0.4688rem, 0.4688vw, 0.9375rem);
    /* 15px */
  }

  .live-well-section {
    padding: clamp(1.6rem, 1.25vw, 2.5rem) 0 0;
    /* 40px 0 25px 0 */
  }

  .se-icons__item img {
    max-width: 2.1875rem;
    /* 35px */
  }

  .se-icons__item {
    gap: 0.5rem;
    /* 8px */
  }

  .se-card__inner .content-wrapper {
    gap: 1.25rem;
    /* 20px */
  }

  .se-card,
  .se-card__inner {
    padding: 20px;
    /* 18px */
  }

  .se-content {
    padding-top: clamp(0.8125rem, 0.8125vw, 1.625rem);
    /* 26px */
    gap: 0.9375rem;
    /* 15px */
  }
	.se-card__subtitle {
		margin-bottom:15px;
	}

  .se-card__header p,
  .se-card__text,
  .se-label p,
  .se-card__subtitle,
  .se-icons__item span,
  .se-card__emergency,
  .se-card__footnote {
    font-size: 0.875rem;
    /* 14px */
  }

  /* Consolidated .vypeti-bottom-btn (merged duplicate rules) */
  .vypeti-bottom-btn {
    padding: clamp(0.2813rem, 0.2813vw, 0.5625rem);
    /* 9px */
    font-size: 0.875rem;
    /* 14px */
    max-width: 9.25rem;
    /* 148px */
    order: 5;
  }

  .vypeti-bottom-left-heading p {
    font-size: 1rem;
    /* 16px */
  }

  .hcp-before-vypeti-content {
    gap: 0.75rem;
    /* 12px */
    max-width: 15.25rem;
    /* 244px */
  }

  header .header-top p {
	  line-height: 1.1;
    font-size: 1rem;
    /* 16px */
    padding: clamp(0.3125rem, 0.3125vw, 0.625rem) 0 clamp(0.1875rem, 0.1875vw, 0.375rem) 0;
    /* 10px 0 6px 0 */
  }

  .f-72 {
    font-size: 1.875rem;
    /* 30px */
  }

  .P-30,
  .p-30 {
    font-size: 0.875rem;
    /* 14px */
  }

  .p-24 {
    font-size: 0.75rem;
    /* 12px */
  }

  /* Vypeti Bottom Download */
  .vypeti-bottom-download-top {
    display: contents;
    flex-direction: column;
    gap: 0.75rem;
    /* 12px */
  }

  .vypeti-bottom-download {
    align-items: center;
    padding: clamp(1rem, 0.4688vw, 0.9375rem) clamp(0.625rem, 0.625vw, 1.25rem) clamp(1rem, 0.625vw, 1.25rem) clamp(0.625rem, 0.625vw, 1.25rem);
    /* 15px 20px 20px 20px */
    gap: 0.9375rem;
    /* 15px */
  }

  .vypeti-bottom-text {
    font-size: 0.875rem;
    /* 14px */
  }

  .vypeti-bottom-caption {
    font-size: 1.125rem;
    /* 18px */
  }

  /* Footer */
  .footer-reference-section {
    padding: clamp(0.625rem, 0.625vw, 1.25rem) 0 clamp(1.5313rem, 0.5313vw, 1.0625rem) 0;
    /* 20px 0 17px 0 */
  }

  .footer-middle-section p {
    padding-bottom: clamp(0.625rem, 0.625vw, 1.25rem);
    /* 20px */
  }

  .footer-bottom-grid {
    flex-direction: column;
    gap: 0.9375rem;
    /* 15px */
  }

  .footer-logos {
    justify-content: flex-start;
  }

  .footer-bottom-row-2 {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 0.5625rem;
    /* 9px */
  }

  .vypeti-bottom-left-heading {
    padding-bottom: clamp(0.3125rem, 0.3125vw, 0.625rem);
    /* 10px */
  }

  .hcp-before-vypeti-content .f-27 {
    font-size: 0.875rem;
    /* 14px */
  }

  .se-card__header-icon {
    width: 2.5625rem;
    /* 41px */
    height: auto;
  }
}

/* ----- 575px (Live Well only) ----- */
@media (max-width: 575px) {
  .resources-section .video-play-btn img {
    width: 1.9375rem;
}
  .live-well-section .banner-image img {
    height: 5.3125rem;
    /* 85px */
  }

  .live-well-section .strategy-item img {
    max-height: 12.8125rem;
    /* 125px */
  }
}

/* ----- 430px ----- */
@media (max-width: 430px) {
  .what-is-migraine-section .migraine-content-bottom .content-bottom-left p {
    max-width: 18.0625rem;
    /* 289px */
    width: 100%;
  }
}

/* ----- 390px ----- */
@media (max-width: 390px) {
  .hcp-before-vypeti-content {
    max-width: 100%;
  }
}

/* =============================
   COOKIE POPUP
   ============================= */
.cookie-popup {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #feefef;
    z-index: 9999;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
    font-family: "Proxima Nova", sans-serif;
    color: #484848;
    padding: 50px 0 60px;
    overflow-y: auto;
    max-height: 85vh;
}

.cookie-popup-close {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cookie-popup-close svg {
    width: 2rem;
    height: 2rem;
    stroke: #a0b9c6;
    stroke-width: 3px;
}

.cookie-popup-content {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
    justify-content: space-between;
    font-family: "Proxima Nova", sans-serif;
}

.cookie-popup-left {
    flex: 1;
    display: flex;
    max-width: 68%;
    width: 100%;
    flex-direction: column;
    gap: 1.25rem;
    font-family: "Proxima Nova", sans-serif;
}

.cookie-popup-left p {
    font-size: clamp(0.9375rem, 4vw,1.6875rem);
    line-height: 1.4;
    color: #484848;
    margin: 0;
}

.cookie-popup-left a {
    color: #3182ce;
    text-decoration: underline;
}

.cookie-popup-left .cookie-code {
    font-size: clamp(0.9375rem, 4vw, 1.625rem);
    margin-top: 1rem;
    font-family: "Proxima Nova", sans-serif;
}

.cookie-popup-right {
    display: flex;
    flex-direction: column;
    gap: 1.875rem;
    max-width: 32%;
    width: 100%;
    font-family: "Proxima Nova", sans-serif;
}

.cookie-btn {
    border-radius: 50px;
    padding: 0.75rem 1.5rem;
    font-size: clamp(0.9375rem, 4vw, 1.875rem);
    font-weight: bold;
    text-align: center;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    transition: background-color 0.3s ease;
    width: 100%;
}

.cookie-manage, .cookie-refuse, .cookie-accept {
    background-color: #f16464;
    color: #ffffff;
    font-family: "Proxima Nova", sans-serif;
}

.cookie-manage:hover, .cookie-refuse:hover, .cookie-accept:hover {
    background-color: #d95a5a;
}

/* Media Queries for Cookie Popup */
@media (max-width: 1024px) {
    .cookie-popup-content {
        flex-direction: column;
        gap: 1.5rem;
    }
    
    .cookie-popup-left,
    .cookie-popup-right {
        max-width: 100%;
        width: 100%;
    }
    .cookie-popup-left p {
      font-size: 20px;
    }
    .cookie-btn {
      font-size: 20px;
    }
    .cookie-popup-close svg {
        width: 1rem;
        height: 1rem;
    }
}

@media (max-width: 768px) {
    .cookie-popup-left p {
      font-size: 14px;
    }
    .cookie-btn {
      font-size: 14px;
    }
    .cookie-popup-right {
        max-width: 405px;
    }
    .cookie-popup-close svg {
        width: 1rem;
        height: 1rem;
    }
}

@media (max-width: 576px) {
    .cookie-popup {
        padding: 30px 0 40px;
    }
    
    .cookie-popup-close {
        top: 0.5rem;
        right: 0.5rem;
    }
    .cookie-popup-right {
        max-width: 190px;
    }
    .cookie-btn {
        padding: 10px 5px;
    }
}

@media (max-width: 767px) {
    .footer-col ul li#menu-item-1646.ot-sdk-show-settings {
        font-size: 0.75rem !important;
        line-height: 1.5 !important;
    }
}