ul.filter-tips.filter-tips--short {
  display: none;
}
.a4-page {
  width: 210mm;
  min-height: 297mm;
  margin: 0 auto;
  padding: 5mm 0 20mm 0;
  background: white;
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
  overflow: hidden;
  /*font-family: "Helvetica", "Arial", sans-serif;*/
  font-family: 'Montserrat';
  font-style: normal;
  /*font-weight: 500; */
}
/* Optional: avoid content splitting across pages */
.a4-page > * {
  page-break-inside: avoid;
  page-break-before: avoid !important;
}
/* Wrapper ensures no overflow is clipped */
.wrapper {
  overflow-x: visible;
  position: relative;
}
.row {
	page-break-inside: avoid !important;
  page-break-before: avoid !important;
}
/* Header */
.keypoints-header-title {
	font-family: 'Gilroy';
	font-weight: 600;
	font-style: 'semi-bold';
	font-size: 24px;
	letter-spacing: 0px;
	color: #A09494;
	position: relative;
	top: 4px;
}
/* Main section with blue background */
.title-image-section {
  position: relative;
  height: 189px; /*@remove*/
  width: 90%;
  background-color: #2fa9dd;
  color: white;
  padding: 4rem 2rem 2rem 20mm;
  margin-top: 2.5rem;
	margin-bottom: 2rem;
  display: flex;
  align-items: center;
  overflow: visible; /* Important for image to overflow */
}
/* Container for text */
.title-container {
  flex: 1;
  max-width: 60%;
  z-index: 1;
}
/* Title styling */
.title-block {
  font-size: 2.5rem;
  font-size: 2rem;/*@remove*/
  font-weight: bold;
	/*font-family: 'Gilroy', Sans-Serif;*/
	font-style: normal;
}
/* Circular image block */
.image-block {
  position: absolute;
  right: -7%; /* Controls how much it overlaps */
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  overflow: hidden;
  background-color: white;
  z-index: 0;

	width: 265px !important;
	height: 265px !important;
}
/* Image fills the circle */
.image-block img {
	/*width: 265px !important;
  height: 265px !important;
	border-radius: 50%;*/
	max-width: fit-content;
	height: 265px;
}


/* Two Column Paragraph Layout */
.two-column-paragraph {
  display: flex;
  gap: 2rem;
  padding: 2rem 20mm;
}
.column {
  flex: 1;
}
.left {
  background-color: transparent;
}
.right {
  background-color: transparent;
}
.both {
  background-color: #eaf6fc; /* Light blue */
}
.left-column.left {
  background-color: #eaf6fc;
  padding: 1.5rem;
  border-radius: 1rem;
}
.right-column.right {
  background-color: #eaf6fc;
  padding: 1.5rem;
  border-radius: 1rem;
}

/* Numbered item layout */
.numbered-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.2rem;
}
.numbered-item .number {
  font-weight: bold;
  font-size: 1.1rem;
  margin-right: 1rem;
  line-height: 1.8rem;
}
.numbered-item.circular .number {
  background-color: #009fe3;
  color: white;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  text-align: center;
  line-height: 2rem;
  font-weight: 600;
  flex-shrink: 0;
}
.numbered-item .content {
  font-size: 1rem;
  line-height: 1.4;
}
.bg-left .left-column { background-color: #eaf6fc; border-radius:2em}
.bg-right .right-column { background-color: #eaf6fc; border-radius:2em}
.bg-both .left-column,
.bg-both .right-column { background-color: #eaf6fc; border-radius:2em}
.pdf-header-image {
	margin: 0 20mm 0 20mm;
}

/* Text Block Layout */
.paragraph--type--text-block {
	color: #454545;
	font-family: 'Montserrat';
	font-style: 'Medium';
	font-size: 14px;
	line-height: 1.5;
  margin-left: 20mm;
	margin-right: 20mm;
}


/* List Points - Alternating w/ Icons Layout */
.paragraph--list-points-alternating-w-icons .badge-field-title {
	background-color: #009bdf;
	padding: 15px 25px;
	font-weight: 600;
	font-size: large;
	width:450;
	height:56px;
	border-radius: 50px;
	color: white !important; 
}


/* List Points - Strategies Layout*/
.paragraph--list-points-strategies {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.paragraph--list-points-strategies .left {
  flex: 0 0 auto;
}

.paragraph--list-points-strategies .right {
  flex: 1 1 0%;
	font-size: 14px;
  font-family: 'Montserrat';
	font-style: 'Medium';
}
.paragraph--list-points-strategies .content-number {
  background-color: #142B7B; /* Purple */
  color: #fff;
  font-weight: bold;
  font-size: 1.50rem;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.paragraph--list-points-strategies .content-title {
  font-weight: 700;
  font-size: 1rem;
  color: #002f86; /* Or use .color-white if it's overridden dynamically */
  margin-top: 0.45rem;
  font-family: 'Montserrat', Sans-Serif;
	font-style: normal;
}
.paragraph--list-points-strategies .content-body {
  color: #454545;
  font-size: 14px;
  font-family: 'Montserrat';
	font-style: 'Medium';
	line-height: 1.5;
}

/* Reusable */
.content-wrapper {
	margin-left: 20mm;
	margin-right: 20mm;
}

/* Print styles */
@media print {
  .wrapper {
    overflow: visible !important;
  }
  .title-image-section {
    -webkit-print-color-adjust: exact; /* Ensures background colors show */
    print-color-adjust: exact;
    page-break-inside: avoid;
  }
  .image-block {
    position: absolute;
    right: -50px;
    top: 50%;
    transform: translateY(-50%);
    width: 300px;
    height: 300px;
    border-radius: 50%;
    overflow: hidden;
    background-color: white;
  }
}

/* RTL */
.translated-rtl .keypoint-content .image-block {
  right: unset;
  left: -7%;
}

.translated-rtl .keypoint-content .title-image-section {
  padding: 4rem 20mm 2rem 2rem;
}

/* Mobile Fixes */
@media (max-width: 767.98px) {
	.a4-page {
		width: 100%;
	}
	/*.title-image-section {*/
	/*	display: block;*/
	/*}*/
	/*.image-block{*/
	/*	display: none;*/
	/*}*/
	.title-image-section {
		width: 100%;
    padding: 15px;
	}
	.paragraph--type--text-block {
		margin-left: 15px;
		margin-right: 15px;
	}
	.content-wrapper {
		margin-left: 15px;
		margin-right: 15px;
	}
}