html {
    font-size: 62.5%;
}

/*--------------------------------------------------

COLOURS
 
 --------------------------------------------------*/
:root {
	/* PRIMARY */
	--os-primary-h: 226;
	--os-primary-s: 15%;
	--os-primary-l: 33%;
	--os-primary-hsl: var(--os-primary-h) var(--os-primary-s) var(--os-primary-l);
	--os-primary: hsl(var(--os-primary-hsl));
	--os-primary-light: hsl(var(--os-primary-h) var(--os-primary-s) calc(var(--os-primary-l) * 1.25) );
	--os-primary-ultra-light: hsl(var(--os-primary-h) var(--os-primary-s) calc(var(--os-primary-l) * 1.5) );
	--os-primary-tint: hsl(var(--os-primary-h) var(--os-primary-s) 90%);
	--os-primary-dark: hsl(var(--os-primary-h) var(--os-primary-s) calc(var(--os-primary-l) * 0.75) );
	--os-primary-ultra-dark: hsl(var(--os-primary-h) var(--os-primary-s) calc(var(--os-primary-l) * 0.5) );
	--os-primary-hover: hsl(var(--os-primary-h) var(--os-primary-s) calc(var(--os-primary-l) * 1.25) );
	-os-primary-trans-80: hsl(var(--os-primary-h) var(--os-primary-s) var(--os-primary-l) / 0.8);
	--os-primary-trans-60: hsl(var(--os-primary-h) var(--os-primary-s) var(--os-primary-l) / 0.6);
	--os-primary-trans-40: hsl(var(--os-primary-h) var(--os-primary-s) var(--os-primary-l) / 0.4);
	--os-primary-trans-20: hsl(var(--os-primary-h) var(--os-primary-s) var(--os-primary-l) / 0.2);
	--os-primary-trans-10: hsl(var(--os-primary-h) var(--os-primary-s) var(--os-primary-l) / 0.1);
	--os-primary-trans-0: hsl(var(--os-primary-h) var(--os-primary-s) var(--os-primary-l) / 0);
	/* SECONDARY */
	--os-secondary-h: 42;
	--os-secondary-s: 91%;
	--os-secondary-l: 55%;
	--os-secondary-hsl: var(--os-secondary-h) var(--os-secondary-s) var(--os-secondary-l);
	--os-secondary: hsl(var(--os-secondary-hsl));
	--os-secondary-light: hsl(var(--os-secondary-h) var(--os-secondary-s) calc(var(--os-secondary-l) * 1.25) );
	--os-secondary-ultra-light: hsl(var(--os-secondary-h) var(--os-secondary-s) calc(var(--os-secondary-l) * 1.5) );
	--os-secondary-tint: hsl(var(--os-secondary-h) var(--os-secondary-s) 95% );
	--os-secondary-dark: hsl(var(--os-secondary-h) var(--os-secondary-s) calc(var(--os-secondary-l) * 0.75) );
	--os-secondary-ultra-dark: hsl(var(--os-secondary-h) var(--os-secondary-s) calc(var(--os-secondary-l) * 0.5) );
	--os-secondary-hover: hsl(var(--os-secondary-h) var(--os-secondary-s) calc(var(--os-secondary-l) * 1.25) );
	-os-secondary-trans-80: hsl(var(--os-secondary-h) var(--os-secondary-s) var(--os-secondary-l) / 0.8);
	--os-secondary-trans-60: hsl(var(--os-secondary-h) var(--os-secondary-s) var(--os-secondary-l) / 0.6);
	--os-secondary-trans-40: hsl(var(--os-secondary-h) var(--os-secondary-s) var(--os-secondary-l) / 0.4);
	--os-secondary-trans-20: hsl(var(--os-secondary-h) var(--os-secondary-s) var(--os-secondary-l) / 0.2);
	--os-secondary-trans-10: hsl(var(--os-secondary-h) var(--os-secondary-s) var(--os-secondary-l) / 0.1);
	--os-secondary-trans-0: hsl(var(--os-secondary-h) var(--os-secondary-s) var(--os-secondary-l) / 0);
	/* ACTION */
	--os-action-h: 45;
	--os-action-s: 100%;
	--os-action-l: 50%;
	--os-action-text-col: var(--os-base);
	--os-action-hsl: var(--os-action-h) var(--os-action-s) var(--os-action-l);
	--os-action: hsl(var(--os-action-hsl));
	--os-action-light: hsl(var(--os-action-h) var(--os-action-s) calc(var(--os-action-l) * 1.1) );
	--os-action-ultra-light-h: 45;
	--os-action-ultra-light-s: 100%;
	--os-action-ultra-light-l: 75%;
	--os-action-ultra-light: hsl(var(--os-action-ultra-light-h) var(--os-action-ultra-light-s) var(--os-action-ultra-light-l) );
	--os-action-tint: hsl(var(--os-action-h) var(--os-action-s) 95% );
	--os-action-dark: hsl(var(--os-action-h) var(--os-action-s) calc(var(--os-action-l) * 0.75) );
	--os-action-ultra-dark: hsl(var(--os-action-h) var(--os-action-s) calc(var(--os-action-l) * 0.6) );
	--os-action-hover: hsl(var(--os-action-h) var(--os-action-s) calc(var(--os-action-l) * 1.35) );
	--os-action-trans-80: hsl(var(--os-action-h) var(--os-action-s) var(--os-action-l) / 0.8);
	--os-action-trans-60: hsl(var(--os-action-h) var(--os-action-s) var(--os-action-l) / 0.6);
	--os-action-trans-40: hsl(var(--os-action-h) var(--os-action-s) var(--os-action-l) / 0.4);
	--os-action-trans-20: hsl(var(--os-action-h) var(--os-action-s) var(--os-action-l) / 0.2);
	--os-action-trans-10: hsl(var(--os-action-h) var(--os-action-s) var(--os-action-l) / 0.1);
	--os-action-trans-0: hsl(var(--os-action-h) var(--os-action-s) var(--os-action-l) / 0);
	--os-action-gradient: linear-gradient(90deg, var(--os-action-ultra-dark) 0%, var(--os-action) 100%);
	/* BASE */
	--os-base-h: 226;
	--os-base-s: 15%;
	--os-base-l: 33%;
	--os-base-hsl: var(--os-base-h) var(--os-base-s) var(--os-base-l);
	--os-base: hsl(var(--os-base-hsl));
	--os-base-light: hsl(var(--os-base-h) var(--os-base-s) calc(var(--os-base-l) * 1.5) );
	--os-base-ultra-light: hsl(var(--os-base-h) var(--os-base-s) calc(var(--os-base-l) * 2) );
	--os-base-tint: hsl(var(--os-base-h) var(--os-base-s) 95% );
	--os-base-dark: hsl(var(--os-base-h) var(--os-base-s) calc(var(--os-base-l) * 0.5) );
	--os-base-ultra-dark: hsl(var(--os-base-h) var(--os-base-s) calc(var(--os-base-l) * 0.5) );
	--os-base-hover: hsl(var(--os-base-h) var(--os-base-s) calc(var(--os-base-l) * 1.5) );
	--os-base-trans-90: hsl(var(--os-base-h) var(--os-base-s) var(--os-base-l) / 0.9);
	--os-base-trans-80: hsl(var(--os-base-h) var(--os-base-s) var(--os-base-l) / 0.8);
	--os-base-trans-60: hsl(var(--os-base-h) var(--os-base-s) var(--os-base-l) / 0.6);
	--os-base-trans-40: hsl(var(--os-base-h) var(--os-base-s) var(--os-base-l) / 0.4);
	--os-base-trans-20: hsl(var(--os-base-h) var(--os-base-s) var(--os-base-l) / 0.2);
	--os-base-trans-10: hsl(var(--os-base-h) var(--os-base-s) var(--os-base-l) / 0.1);
	--os-base-trans-0: hsl(var(--os-base-h) var(--os-base-s) var(--os-base-l) / 0);
	/* SHADE */
	--os-shade-h: 42;
	--os-shade-s: 91%;
	--os-shade-l: 55%;
	--os-shade-hsl: var(--os-shade-h) var(--os-shade-s) var(--os-shade-l);
	--os-shade: hsl(var(--os-shade-hsl));
	--os-shade-light: hsl(var(--os-shade-h) var(--os-shade-s) calc(var(--os-shade-l) * 1.25) );
	--os-shade-ultra-light: hsl(var(--os-shade-h) var(--os-shade-s) calc(var(--os-shade-l) * 1.5) );
	--os-shade-tint: hsl(var(--os-shade-h) var(--os-shade-s) 95% );
	--os-shade-dark: hsl(var(--os-shade-h) var(--os-shade-s) calc(var(--os-shade-l) * 0.75) );
	--os-shade-ultra-dark: hsl(var(--os-shade-h) var(--os-shade-s) calc(var(--os-shade-l) * 0.5) );
	--os-shade-hover: hsl(var(--os-shade-h) var(--os-shade-s) calc(var(--os-shade-l) * 1.25) );
	--os-shade-trans-80: hsl(var(--os-shade-h) var(--os-shade-s) var(--os-shade-l) / 0.8);
	--os-shade-trans-60: hsl(var(--os-shade-h) var(--os-shade-s) var(--os-shade-l) / 0.6);
	--os-shade-trans-40: hsl(var(--os-shade-h) var(--os-shade-s) var(--os-shade-l) / 0.4);
	--os-shade-trans-20: hsl(var(--os-shade-h) var(--os-shade-s) var(--os-shade-l) / 0.2);
	--os-shade-trans-10: hsl(var(--os-shade-h) var(--os-shade-s) var(--os-shade-l) / 0.1);
	--os-shade-trans-0: hsl(var(--os-shade-h) var(--os-shade-s) var(--os-shade-l) / 0);
	/* ACCENT */
	--os-accent-h: 45;
	--os-accent-s: 100%;
	--os-accent-l: 50%;
	--os-accent-hsl: var(--os-accent-h) var(--os-accent-s) var(--os-accent-l);
	--os-accent: hsl(var(--os-accent-hsl));
	--os-accent-light: hsl(var(--os-accent-h) var(--os-accent-s) calc(var(--os-accent-l) * 1.1) );
	--os-accent-ultra-light: hsl(var(--os-accent-h) var(--os-accent-s) calc(var(--os-accent-l) * 1.9) );
	--os-accent-tint: hsl(var(--os-accent-h) var(--os-accent-s) 95% );
	--os-accent-dark: hsl(var(--os-accent-h) var(--os-accent-s) calc(var(--os-accent-l) * 0.75) );
	--os-accent-ultra-dark: hsl(var(--os-accent-h) var(--os-accent-s) calc(var(--os-accent-l) * 0.4) );
	--os-accent-hover: hsl(var(--os-accent-h) var(--os-accent-s) calc(var(--os-accent-l) * 1.25) );
	--os-accent-trans-80: hsl(var(--os-accent-h) var(--os-accent-s) var(--os-accent-l) / 0.8);
	--os-accent-trans-60: hsl(var(--os-accent-h) var(--os-accent-s) var(--os-accent-l) / 0.6);
	--os-accent-trans-40: hsl(var(--os-accent-h) var(--os-accent-s) var(--os-accent-l) / 0.4);
	--os-accent-trans-20: hsl(var(--os-accent-h) var(--os-accent-s) var(--os-accent-l) / 0.2);
	--os-accent-trans-10: hsl(var(--os-accent-h) var(--os-accent-s) var(--os-accent-l) / 0.1);
	--os-accent-trans-0: hsl(var(--os-accent-h) var(--os-accent-s) var(--os-accent-l) / 0);
	--os-accent-gradient: linear-gradient(90deg, var(--os-accent-dark) 0%, var(--os-accent-light) 50%, var(--os-accent-light) 100%);
	--os-accent-gradient-dark: linear-gradient(90deg, var(--os-accent-ultra-dark) 0%, var(--os-accent-dark) 50%, var(--os-accent) 100%);
	/* BRAND ACTION */
	--os-brand-accent-h: 45;
	--os-brand-accent-s: 100%;
	--os-brand-accent-l: 50%;
	--os-brand-accent-hsl: var(--os-brand-accent-h) var(--os-brand-accent-s) var(--os-brand-accent-l);
	--os-brand-accent: hsl(var(--os-brand-accent-hsl));
	--os-brand-accent-light: hsl(var(--os-brand-accent-h) var(--os-brand-accent-s) calc(var(--os-brand-accent-l) * 1.25) );
	--os-brand-accent-ultra-light: hsl(var(--os-brand-accent-h) var(--os-brand-accent-s) calc(var(--os-brand-accent-l) * 1.5) );
	--os-brand-accent-tint: hsl(var(--os-brand-accent-h) var(--os-brand-accent-s) 95% );
	--os-brand-accent-dark: hsl(var(--os-brand-accent-h) var(--os-brand-accent-s) calc(var(--os-brand-accent-l) * 0.75) );
	--os-brand-accent-ultra-dark: hsl(var(--os-brand-accent-h) var(--os-brand-accent-s) calc(var(--os-brand-accent-l) * 0.5) );
	--os-brand-accent-hover: hsl(var(--os-brand-accent-h) var(--os-brand-accent-s) calc(var(--os-brand-accent-l) * 1.35) );
	--os-brand-accent-trans-80: hsl(var(--os-brand-accent-h) var(--os-brand-accent-s) var(--os-brand-accent-l) / 0.8);
	--os-brand-accent-trans-60: hsl(var(--os-brand-accent-h) var(--os-brand-accent-s) var(--os-brand-accent-l) / 0.6);
	--os-brand-accent-trans-40: hsl(var(--os-brand-accent-h) var(--os-brand-accent-s) var(--os-brand-accent-l) / 0.4);
	--os-brand-accent-trans-20: hsl(var(--os-brand-accent-h) var(--os-brand-accent-s) var(--os-brand-accent-l) / 0.2);
	--os-brand-accent-trans-10: hsl(var(--os-brand-accent-h) var(--os-brand-accent-s) var(--os-brand-accent-l) / 0.1);
	--os-brand-accent-trans-0: hsl(var(--os-brand-accent-h) var(--os-brand-accent-s) var(--os-brand-accent-l) / 0);
	/* OTHERS */
	--os-white: #fff;
	--os-black: #000;
	--agilio-yellow: hsl(45 100% 50%);
}
/* GRADIENTS */
:root {
	--os-base-gradient: linear-gradient(45deg, var(--os-base) 0%, var(--os-base-dark) 100%);
}
/* BOX SHADOWS */
:root {
	--os-box-shadow-l: 0rem 0.8rem 1.6rem 0 rgba(0,0,0,0.15);
	--os-box-shadow-m: 0.5rem 0.5rem 3rem 0 rgba(0,0,0,0.15);
	--os-box-shadow-s: 0.2rem 0.2rem 1.5rem 0 rgba(0,0,0,0.1);
}
/* SECTOR ACCENTS */
:root {
	--os-accent-dental: #c3d378;
	--os-accent-hospital: #ff9b19;
	--os-accent-primary-care: #6bbde4;
	--os-accent-other-healthcare: #a45a95;
}
/*--------------------------------------------------

TYPOGRAPHY

 --------------------------------------------------*/
:root {
 	--os-text-xs: 1.2rem;
 	--os-text-s: clamp(1.4rem, 0.191vw + 1.339rem, 1.6rem);
 	--os-text-m: clamp(1.6rem, 0.191vw + 1.539rem, 1.8rem);
 	--os-text-l: clamp(2rem, 0.287vw + 1.908rem, 2.3rem);
 	--os-text-xl: clamp(3rem, 0.956vw + 2.694rem, 4rem);
 	--os-text-xxl: clamp(3.6rem, 1.338vw + 3.172rem, 5rem);
 	--os-h1: var(--os-text-xxl);
 	--os-h2: var(--os-text-xl);
 	--os-h3: var(--os-text-l);
 }

/*--------------------------------------------------

 SPACING 

 --------------------------------------------------*/
:root {
	--os-site-width: var(--wp--style--global--wide-size);
}
:root {
	--os-space-xs: clamp(0.5rem, 0.478vw + 0.347rem, 1rem);
	--os-space-s: clamp(1rem, 0.478vw + 0.847rem, 1.5rem);
	--os-space-m: clamp(1.5rem, 0.956vw + 1.194rem, 2.5rem);
	--os-space-l: clamp(3rem, 1.912vw + 2.388rem, 5rem);
	--os-space-xl: clamp(6rem, 1.912vw + 5.388rem, 8rem);
	--os-space-xxl: clamp(10rem, 4.78vw + 8.47rem, 15rem);
	--os-section-padding: clamp(6rem, 3.824vw + 4.776rem, 10rem);
	--os-section-gutter: clamp(2rem, 3.824vw + 0.776rem, 6rem);
	--os-content-gap: clamp(3rem, 1.912vw + 2.388rem, 5rem);
	--os-content-gap-sm: clamp(1.5rem, 0.478vw + 1.347rem, 2rem);
	--os-column-gap: clamp(6rem, 3.824vw + 4.776rem, 10rem);
	--os-grid-gap: var(--os-space-l);
	--os-container-gap: var(--os-space-xl);
	--os-block-gap: clamp(10rem, 3.824vw + 8.776rem, 14rem);
	--os-header-gap: clamp(6rem, 1.912vw + 5.388rem, 8rem); /* to space between header and basic page heading */
	--os-footer-gap: clamp(10rem, 4.78vw + 8.47rem, 15rem);
}
/*--------------------------------------------------

LAYOUTS

 --------------------------------------------------*/
.os-grid-2 {
 	display: grid;
 	grid-template-columns: repeat(2, minmax(0, 1fr));
 	gap: var(--os-grid-gap);
 }
 @media screen and (max-width: 960px) {
	 .os-grid-l-2 {
	 	grid-template-columns: repeat(2, minmax(0, 1fr));
	 }
	 .os-grid-l-1 {
	 	grid-template-columns: 1fr;
	 }
}
@media screen and (max-width: 768px) {
	 .os-grid-m-2 {
	 	grid-template-columns: repeat(2, minmax(0, 1fr));
	 }
	 .os-grid-m-1 {
	 	grid-template-columns: 1fr;
	 }
}
@media screen and (max-width: 480px) {
	 .os-grid-s-2 {
	 	grid-template-columns: repeat(2, minmax(0, 1fr));
	 }
	 .os-grid-s-1 {
	 	grid-template-columns: 1fr;
	 }
}
/*--------------------------------------------------

BORDERS

 --------------------------------------------------*/
:root {
	--os-radius-s: clamp(1rem, 0.478vw + 0.847rem, 1.2rem);
	--os-radius-m: clamp(2rem, 0.956vw + 1.194rem, 2.4rem);
	--os-radius-l: clamp(3.2rem, 1.912vw + 1.388rem, 4rem);
}
/*--------------------------------------------------

ANIMATIONS

 --------------------------------------------------*/
:root {
	--os-transition: 0.3s ease-in-out all;
}