/*
Theme Name: UNDP Health Capacity Development
Theme URI: https://undp-capacitydevelopmentforhealth.org
Author: Your Name
Author URI: https://yoursite.com
Description: Custom theme for UNDP Capacity Development for Health
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: undp-health
*/
/* All existing styles are loaded via linked CSS files *//*! This file is auto-generated */

.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;} /*body .is-layout-flex{display: flex;}*/.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}

.wp-block-columns { vertical-align: middle; }


.wp-block-column:first-child {
  display: flex;
  align-items: center;    /* vertical center */
  justify-content: center;/* horizontal center (optional) */
  text-align: center;     /* center lines inside */
  padding: 20px;          /* adjust as needed */
  box-sizing: border-box;
  /* keep your background/gradient rules here */
}
/* ---------- Blockquote ---------- */
.text-middle-center {
	text-vertical-align:middle;
	text-align:center;
}
.wp-block-heading { padding: 10px 10px 10px 0px;  font-weight: 700;
}

.wp-block-heading > strong { /*color:#0468b1;*/ font-weight: 700;
}
.wp-block-column:first-child {
  display: flex;
  align-items: center;    /* vertical center */
  justify-content: center;/* horizontal center (optional) */
  text-align: center;     /* center lines inside */
  padding: 20px;          /* adjust as needed */
  box-sizing: border-box;
  /* keep your background/gradient rules here */
}
blockquote {
	margin: 0 15px 1.2rem 30px;
	padding: 28px 15px;
	background-color: #f7f7f7;
	font-size: 18px;
	border-left: 5px solid #0468b1;
	text-align: justify;
	quotes: "\201C" "\201D" "\2018" "\2019";
	line-height: 1.6rem;
}
blockquote:before {
	content: open-quote;
	color: #167bbb;
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0.1em;
	vertical-align: -0.4em;
}
blockquote p { display: inline; }

/* ---------- Quotes / block-quote ---------- */
.wp-block-quote { overflow-wrap: break-word; }
.wp-block-quote > cite { display: block; }
cite { font-style: italic; }

/* ---------- Small text ---------- */
sub, sup {
	font-size: 18px;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	float: inline-end;
}

/* ---------- WP Group ---------- */
.wp-block-group {
	margin: 30px 0;
	border: 1px solid #6bbbf5;
	background-image: linear-gradient(0deg,#FFFFFF,#F4FBFF);
	box-shadow: -1px 5px 9px -1px lightgrey;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}


.wp-block-group h4 {
	padding: 5px 10px !important;
	background-color: #0468b1 !important;
	color: #fff !important;
}
/* ============================================
   WORDPRESS LIST BLOCKS STYLING
   ============================================ */

/* Base container */
.wp-block-list { 
    padding-left: 3rem; 
}

/* Reset default list styling */
.wp-block-list ul,
.wp-block-list ol {
    margin: 0;
    padding-left: 0;
}

/* UNORDERED LISTS (ul) - Disc bullets */
.wp-block-list ul > li,
ul.wp-block-list > li { 
    list-style-type: disc; 
    list-style-position: outside;
    padding-left: 0.5rem; 
    margin-bottom: var(--undpds-spacing-04, 1rem); 
    margin-left: 1.5rem;
}

/* ORDERED LISTS (ol) - Numbers */
.wp-block-list ol > li,
ol.wp-block-list > li { 
    list-style-type: decimal; 
    list-style-position: outside;
    padding-left: 0.5rem; 
    margin-bottom: var(--undpds-spacing-04, 1rem); 
    margin-left: 1.5rem;
}

/* Nested lists */
.wp-block-list ul ul > li { 
    list-style-type: circle; 
}

.wp-block-list ul ul ul > li { 
    list-style-type: square; 
}

.wp-block-list ol ol > li { 
    list-style-type: lower-alpha; 
}

.wp-block-list ol ol ol > li { 
    list-style-type: lower-roman; 
}

/* Paragraph spacing */
.wp-block-group p,
.wp-block-column p { 
    padding: 10px; 
    margin-bottom: 0px !important;  
}
.wp-block-group h5 {padding-left:10px;}

/* ---------- Columns ---------- */
.wp-block-columns {
	margin: 30px auto;
	width: 100%;
	background-color: #f9fdff;
	border: 1px solid #6BBBF5;
	box-shadow: -1px 5px 9px 1px lightgray;
	border-radius: 7px;
	overflow: hidden;
}
.wp-block-column {
	padding: 10px 20px 10px 0;
}
.wp-block-column:first-child {
	padding: 10px;
	color: #fff;
	background-image: linear-gradient(0deg,#05426E,#0468B1);
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.wp-block-column:nth-child(2) {
	background-color: #FCFEFF;
}
.wp-block-column p {
	line-height: 25px;
	padding: 10px;
	text-align: justify;
}
.wp-block-column h5 { color: #fff; }

/* ---------- UL blocks ---------- */
#ul-block {
	width: 100%;
	margin: 20px auto;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.ul-title { background: #0468b1; padding: 10px 0; }
.ul-title h4 {
	text-align: left;
	padding: 10px;
	color: #fff;
}
#ul-block > ul {
	font-size: 16px;
	list-style-type: circle;
	margin: 0 23px 20px 23px;
}
#uldetail {
	border: 1px solid #6bbbf5;
	background-image: linear-gradient(0deg,#FFFFFF,#F4FBFF);
	box-shadow: -1px 5px 9px -1px lightgrey;
	padding: 15px 15px;
	text-align:justify;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

/* ---------- Read-more / sections ---------- */
.read-more-section { margin-top: 20px; }
/* .read-more-section a { color: #0468b1 !important; } */

.read-more-section .sec-heading h3 {
	padding: 15px 20px;
	background: #167bbb;
	border-bottom: 2px solid #044b7e;
	width: 100%;
	font-size: 1.25rem;
	color: #fff;
	margin: 3px 0 20px;
}
.read-more-section .sec-heading.dark h3 {
	padding: 15px 20px;
	background: #d8d8d8;
	border-bottom: 2px solid #636161;
	color: #167bbb;
	margin: 20px 0;
}
.read-more-section p {
margin-bottom: 0.5rem!important;
}
.read-more-section .read-more-sec-content {
	/*padding: 15px;*/
	border: 1px solid #6bbbf5;
	background-image: linear-gradient(0deg,#FFFFFF,#F4FBFF);
	box-shadow: -1px 5px 9px -1px lightgrey;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.read-more-section .read-more-sec-content p,
.read-more-section .read-more-sec-content ul li { text-align: justify; }

.read-more-section .read-more-sec-content .sec-more-content { margin-top: 122px; display: none; padding:10px; }

.read-more-section .read-more-sec-content .section-more-link {
	align-items: center;
    background: transparent;
    border: none;
    display: inline-flex;
    font-size: var(--undpds-font-size-16);
    font-weight: 700;
    letter-spacing: .03em;
    line-height: 1;
    text-transform: uppercase;
	background-color: var(--undpds-color-blue-600);
	color: var(--undpds-color-white);
    cursor: pointer;
    justify-content: center;
    padding: var(--undpds-spacing-05) var(--undpds-spacing-06);
}
.read-more-section .read-more-sec-content .section-more-link:hover {
	background-color: var(--undpds-color-blue-400);
}
.read-more-section .read-more-sec-content .section-more-link.show-less { display: none; }

/* helper clear / after rules */
.read-more-section .read-more-sec-content .right-block:after,
.read-more-section .read-more-sec-content:after {
	content: "";
	display: block;
	width: 100%;
	clear: both;
	height: 1px;
	/*margin-bottom: 115px;*/ 
}

/* ---------- Para toggle ---------- */
.para-toggle-container {
	display: flex;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 0 8px 11px 0 rgba(159,159,159,0.23);
	border: 1px solid #6bbbf5;
}
.para-toggle-container .heading-side {
	min-width: 250px;
	max-width: 250px;
	background: linear-gradient(#0468b1 40%, #05406b);
	padding: 15px;
}
.para-toggle-container .heading-side h3 {
	font-size: 18px;
	color: #fff;
	font-weight: 600;
}
.para-toggle-container .content-side {
	background: linear-gradient(#f4fbff 40%, #fff);
	padding: 10px 15px;
	width: 100%;
}
.para-toggle-container .content-side p { text-align: justify; }
.para-toggle-container .content-side .para-more-link {
	font-size: 13px;
	font-weight: 400;
	text-transform: uppercase;
	color: #424242;
	padding: 10px 20px;
	border-radius: 52px;
	border: 1px solid #0368b1;
	display: inline-block;
	min-width: 140px;
	cursor: pointer;
	transition: all .25s ease-in-out;
	margin-bottom: 10px;
	text-align: center;
}
.para-toggle-container .content-side .para-more-link:hover {
	color: #fff;
	background: #0468b1;
}
.para-toggle-container .content-side .para-more-link.show-less { display: none; }

/* arrow on para-more */
.para-toggle-container .content-side .para-more-link > span {
	display: inline-block;
	height: 12px;
	margin-left: .5em;
	position: relative;
	transition: all .25s ease-in-out;
	width: 10px;
	vertical-align: middle;
}
.para-toggle-container .content-side .para-more-link > span::before {
	border-bottom: 2px solid #0468b0;
	content: "";
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-3px);
	width: 0;
	transition: all .25s ease-in-out;
}
.para-toggle-container .content-side .para-more-link > span::after {
	border-right: 2px solid #0468b1;
	border-top: 2px solid #0468b1;
	content: "";
	display: block;
	height: 10px;
	position: absolute;
	right: 0;
	top: 58%;
	transform: translateY(-8px) rotate(45deg);
	width: 10px;
}
.para-toggle-container .content-side .para-more-link:hover > span::before,
.para-toggle-container .content-side .para-more-link:hover > span { width: 20px; }
.para-toggle-container .content-side .para-more-link:hover > span::after,
.para-toggle-container .content-side .para-more-link:hover > span::before { border-color: #fff; }

/* ---------- Popovers / Resources / Pagination ---------- */
.popover-body ul { list-style: disc; margin-left: 20px; }
.popover-body ul li { margin-bottom: 10px; }
.popover-body ul li a { color: #0468b1; }
.popover-body ul li a:hover { color: #032741; }

.reference-tooltip {
	font-size: 18px;
	border-radius: 50%;
	width: 23px;
	height: 23px;
	display: inline-block;
	line-height: 23px;
	text-align: center;
	margin: 0 3px;
	background: #bababa;
	border: none;
}

.resources-container {
	background: #eee;
	border: 1px solid #ccc;
	padding: 15px;
	border-left-width: 5px;
	margin-bottom: 20px;
}
.resources-container .resources-box {
	display: flex;
	background: #dfdfdf;
	padding: 10px;
	margin-bottom: 15px;
}
.resources-container .resource-data { margin-left: 15px; }
.resource-img > div { min-width: 92px; }
.resource-img img { max-height: 122px; min-height: 122px; }
.resources-container .resource-data a.linkholder-link {
	font-size: 17px;
	color: #0468b1;
	margin-bottom: 11px;
	display: block;
}
.resources-container .resource-data p { font-size: 15px; line-height: 20px; }
.resources-container .resource-data .badge {
	display: inline-block;
	padding: 8px 10px;
	min-width: 76px;
	border-radius: 29px;
	font-size: 12px;
	background: #1562af !important;
	vertical-align: baseline;
}

/* pagination */
.pagi-buttons a {
	background: transparent;
	border-radius: 25px;
	min-width: 120px;
	padding: 12px 15px;
	border: 2px solid #eee;
	color: #6e6e6e;
}
.pagi-buttons a:hover {
	background: #1562af;
	border-color: #1562af;
	color: #fff !important;
}

/* ---------- Misc ---------- */
figcaption { text-align: center; }
.large-9 h4 { font-size: 24px; }
*, ::after, ::before { box-sizing: border-box; }

/* ---------- Responsive ---------- */
@media (min-width: 991px) {
	.read-more-section .read-more-sec-content .left-block {
		width: 75%;
		float: left;
		padding: 0.3rem 0.8rem;
	}
	.read-more-section .read-more-sec-content .right-block {
		width: 24%;
		padding: 1.5rem;
		margin: 0;
		display: inline-block;
	}
}
.sec-heading {
    background-color: #0468b1;
}
.sec-heading h4 {
    margin: 0px;
    color: white;
    margin-bottom: 15px;
}
.read-more-section .read-more-sec-content .section-more-link {
    align-items: center;
    background: transparent;
    border: none;
    display: block;
    display: inline-flex;
    font-size: var(--undpds-font-size-16);
    font-weight: 700;
    letter-spacing: .03em;
    line-height: 1;
    text-transform: uppercase;
	background-color: var(--undpds-color-blue-600);
	color: var(--undpds-color-white);
    cursor: pointer;
    justify-content: center;
    padding: var(--undpds-spacing-05) var(--undpds-spacing-06);
}
.wp-block-image .alignright
 {
    float: right;
    margin: .5em 0 .5em 1em;
}

.wp-block-image figure {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
}

.wp-block-image .aligncenter {
    margin-left: auto;
    margin-right: auto;
	justify-content: center;
	display: flex!important;
}




#seven-gif .seven-1{
		background-image: url("https://undp-capacitydevelopmentforhealth.org/wp-content/themes/undp/undp/img/seven-1.png");
	}
	#seven-gif .seven-2{
		background-image: url("https://undp-capacitydevelopmentforhealth.org/wp-content/themes/undp/undp/img/seven-2.png");
	}
	#seven-gif .seven-3{
		background-image: url("https://undp-capacitydevelopmentforhealth.org/wp-content/themes/undp/undp/img/seven-3.png");
	}
	#seven-gif .seven-4{
		background-image: url("https://undp-capacitydevelopmentforhealth.org/wp-content/themes/undp/undp/img/seven-4.png");
	}
	#seven-gif .seven-5{
		background-image: url("https://undp-capacitydevelopmentforhealth.org/wp-content/themes/undp/undp/img/seven-5.png");
	}
	#seven-gif .seven-6{
		background-image: url("https://undp-capacitydevelopmentforhealth.org/wp-content/themes/undp/undp/img/seven-6.png");
	}
	#seven-gif .seven-7{
		background-image: url("https://undp-capacitydevelopmentforhealth.org/wp-content/themes/undp/undp/img/seven-7.png");
	}
	#seven-gif .seven > a {
		text-decoration:none!important;
		 background-image: none;
    background-position: none;
    background-repeat: no-repeat;
    background-size: 100%;
	}
#pill-main .main-pill-1,.main-pill-2,.main-pill-3 {
    text-align: center
}

#pill-main {
    margin: auto;
    width: 30%
}

#pill-main a {
    font-size: 12px;
    color: white!important;
    text-decoration: none
}

#pill-main .pill-1 {
    background: #fff0;
    background-image: url(https://928.386.myftpupload.com/wp-content/uploads/2021/07/pill-1.png);
    background-repeat: no-repeat;
    width: 130px;
    background-size: 100%;
    height: 86px;
    transition: .5s
}

#pill-main .pill-1 a {
    margin: 36px 0 0 52px;
    position: absolute
}

#pill-main .pill-2 {
    background: #fff0;
    background-image: url(https://928.386.myftpupload.com/wp-content/uploads/2021/07/pill-2.png);
    background-repeat: no-repeat;
    width: 116px;
    background-size: 100%;
    height: 135px;
    margin: -55px 0 0 97px;
    transition: .5s
}

#pill-main .pill-2 a {
    margin: 55px 0 0 33px;
    position: absolute
}

#pill-main .pill-3 {
    background: #fff0;
    background-image: url(https://928.386.myftpupload.com/wp-content/uploads/2021/07/pill-3.png);
    background-repeat: no-repeat;
    width: 103px;
    background-size: 100%;
    height: 123px;
    margin: -26px 0 0 83px;
    transition: .5s
}

#pill-main .pill-3 a {
    margin: 37px 0 0 33px;
    position: absolute
}

#pill-main .pill-4 {
    background: #fff0;
    background-image: url(https://928.386.myftpupload.com/wp-content/uploads/2021/07/pill-4.png);
    background-repeat: no-repeat;
    width: 130px;
    background-size: 100%;
    height: 123px;
    margin: -74px 0 0 -7px;
    transition: .5s
}

#pill-main .pill-4 a {
    margin: 30px 0 0 33px;
    position: absolute
}

#pill-main .pill-5 {
    background: #fff0;
    background-image: url(https://928.386.myftpupload.com/wp-content/uploads/2021/07/pill-5.png.webp);
    background-repeat: no-repeat;
    width: 115px;
    background-size: 100%;
    height: 133px;
    margin: -200px 0 0 -89px;
    transition: .5s
}

#pill-main .pill-5 a {
    margin: 44px 0 0 44px;
    position: absolute
}

#pill-main .pill-6 {
    background: #fff0;
    background-image: url(https://928.386.myftpupload.com/wp-content/uploads/2021/07/pill-6.png);
    background-repeat: no-repeat;
    width: 105px;
    background-size: 100%;
    height: 123px;
    margin: -231px 0 0 -65px;
    transition: .5s;
    transform: rotate(-1deg)
}

#pill-main .pill-6 a {
    margin: 52px 0 0 44px;
    position: absolute
}

#pill-main .main-pill-1 {
    background-image: url(https://928.386.myftpupload.com/wp-content/uploads/2021/07/main-pill.png);
    background-repeat: no-repeat;
    width: 97px;
    background-size: 100%;
    height: 29px;
    margin: -41px 0 0 13px;
    transition: .5s
}

#pill-main .main-pill-2 {
    background-image: url(https://928.386.myftpupload.com/wp-content/uploads/2021/07/main-pill.png);
    background-repeat: no-repeat;
    width: 97px;
    background-size: 100%;
    height: 29px;
    margin: 1px 0 0 13px;
    transition: .5s
}

#pill-main .main-pill-3 {
    background: #fff0;
    background-image: url(https://928.386.myftpupload.com/wp-content/uploads/2021/07/main-pill.png);
    background-repeat: no-repeat;
    width: 97px;
    background-size: 100%;
    height: 29px;
    margin: 2px 0 0 13px;
    transition: .5s
}

#pills {
    margin-bottom: 30px
}

#pills .col-md-4 {
    padding-right: 11%
}
#pill-main .highlight > a {
		text-decoration:none!important;
		 background-image: none;
    background-position: none;
    background-repeat: no-repeat;
    background-size: 100%;
	}