/* font importing  */
	@font-face {
		font-family: 'Lato-bold';
		font-display: swap;
		src: local('Lato-Bold'),
			url('/wp-content/themes/ipsen-main/dist/fonts/Lato-Bold.ttf'),
			url('/wp-content/themes/ipsen-main/dist/fonts/Lato-Bold.woff'),
			url('/wp-content/themes/ipsen-main/dist/fonts/Lato-Bold.woff2'),
			url('/wp-content/themes/ipsen-main/dist/fonts/Lato-Bold.eot');
	}

	@font-face {
		font-family: 'Lato-Light';
		font-display: swap;
		src: local('Lato-Light'),
			url('/wp-content/themes/ipsen-main/dist/fonts/Lato-Light.ttf'),
			url('/wp-content/themes/ipsen-main/dist/fonts/Lato-Light.woff'),
			url('/wp-content/themes/ipsen-main/dist/fonts/Lato-Light.woff2'),
			url('/wp-content/themes/ipsen-main/dist/fonts/Lato-Light.eot');
	}

	@font-face {
		font-family: 'Lato-Regular';
		font-display: swap;
		src: local('Lato-Regular'),
			url('/wp-content/themes/ipsen-main/dist/fonts/Lato-Regular.ttf'),
			url('/wp-content/themes/ipsen-main/dist/fonts/Lato-Regular.woff'),
			url('/wp-content/themes/ipsen-main/dist/fonts/Lato-Regular.woff2'),
			url('/wp-content/themes/ipsen-main/dist/fonts/Lato-Regular.eot');
	}

	@font-face {
		font-family: 'Lato-Semibold';
		font-display: swap;
		src: local('Lato-Semibold'),
			url('/wp-content/themes/ipsen-main/dist/fonts/Lato-Semibold.ttf'),
			url('/wp-content/themes/ipsen-main/dist/fonts/Lato-Semibold.woff'),
			url('/wp-content/themes/ipsen-main/dist/fonts/Lato-Semibold.woff2'),
			url('/wp-content/themes/ipsen-main/dist/fonts/Lato-Semibold.eot');
	}


	/* global css */
	* {
		box-sizing: border-box;
	}

	body {
		margin: 0;
		padding: 0;
		font-family: Lato-regular;
		font-size: 16px;
		line-height: 24px;
		color: #292C31;

	}
	a {
		text-decoration: none;
		color: unset;
		cursor: pointer;
		color:#224A81;
	}
	a:hover{
		color:#2797D3;
	}
	button a,
	button a:hover{
		color:#fff;
	}
	
	.page-filter-tags a{
		color:#224A81;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-family: Lato-bold;
		margin-bottom:10px;
	}
	b,
	strong{
		font-family: "Lato-Bold";
	}
	/* colors */

	.primary-blue {
		color: #224A81;
	}

	.primary-light-blue {
		color: #2797D3;
	}

	.vibrant-green {
		color: #B2C966;
	}

	.serious-blue {
		color: #4A7992;
	}

	.vibrant-blue {
		color: #6EB6C7;
	}

	.vibrant-red {
		color: #C84874;
	}

	.charcoal-grey {
		color: #292C31;
	}

	.dark-grey {
		color: #5D6265;
	}

	.smoke-grey {
		color: #6EB6C7;
	}

	.light-grey {
		color: #C84874;
	}

	.light-blue {
		color: #E7FAFF;
	}

	.true-green {
		color: #00B050;
	}

	.true-red {
		color: #FF0000;
	}

	/* mobile styles */

	h1 {
		font-size: 42px;
		line-height: 48px;
	}

	h2 {
		font-size: 32px;
		line-height: 39px;
	}

	h3 {
		font-size: 24px;
		line-height: 30px;
	}

	h4 {
		font-size: 20px;
	}

	h5,
	h6 {
		font-size: 18px;
		line-height: 22px;
	}
	p,
	ul li,
	ol li{
		font-size: 18px;
		line-height: 26px;
		font-family: 'Lato-Light';
	}
	.content_area li{
		padding-left: 15px;
		margin-bottom: 20px;
	}
	.content_area ol li{
		padding-left:13px;    
	}
	.content_area ul li::marker {
		content:url('/wp-content/themes/ipsen-main/dist/images/info-arrow.png');
		display: inline;
	}
	.content_area ol li::marker {
		font-family: "Lato-Bold";
	}
	/**Title text component**/
	.title-text p {
		font-family: 'Lato-Light';
	}
    .wp-block-group.is-layout-constrained p {
		margin-bottom: 0;
	}

	/* Italy site link extending in mobile view */
	.siteId-9 a{
		word-wrap: break-word;
	}

	/* heading wp component */
	/* .wp-block-columns{
		width: 100% !important;
		max-width: 100% !important;
		padding-right: var(--bs-gutter-x,.75rem);
		padding-left: var(--bs-gutter-x,.75rem);
		}
		.wp-block-columns p{
			margin-bottom: 0;
		}

		@media (min-width: 576px){
			.wp-block-columns {
				max-width: 540px !important;
				margin: 0 auto;
			}
		}
		*/
	/* @media (min-width: 768px){
			.wp-block-columns {
				max-width: 720px !important;
				margin: 0 auto;
			}
	}
	@media (min-width: 992px){
		.wp-block-columns {
			max-width: 960px !important;
			margin: 0 auto;
		}
	}
	@media (min-width: 1200px){
		.wp-block-columns {
			max-width: 1140px !important;
			margin: 0 auto;
		}
	}
	@media (min-width: 1400px){
	.wp-block-columns {
		max-width: 1320px !important;
		margin: 0 auto;
	}
	} */

	.glider-contain button[aria-label="Previous"].disabled span{
		background-image: url(/wp-content/themes/ipsen-main/dist/images/Slider-Arrow.png) !important;
	}
	.glider-contain button[aria-label="Next"].disabled span{
		background-image: url(/wp-content/themes/ipsen-main/dist/images/Slider-Arrow-rigt.png) !important;
	}
	.glider-contain button[aria-label="Next"]:hover span,.glider-contain button[aria-label="Next"]:focus span,.glider-contain .slider-btns button[aria-label="Next"]:hover span,.glider-contain .slider-btns button[aria-label="Next"]:focus span {
		background-image: url(/wp-content/themes/ipsen-main/dist/images/ArrowRightState.png)!important
	}
	.glider-contain button[aria-label="Previous"], .glider-contain button[aria-label="Next"]{
		height: 40px !important;
		width: 40px !important;
	}
	.glider-contain button[aria-label="Previous"]{
		margin-right: 20px !important;
	}
	
	.glider-contain button[aria-label="Next"]:hover span,.glider-contain button[aria-label="Next"]:focus span,
	.glider-contain .slider-btns button[aria-label="Next"]:hover span,.glider-contain .slider-btns button[aria-label="Next"]:focus span {
		background-image: url(/wp-content/themes/ipsen-main/dist/images/ArrowRightState.png) !important;
	}
	.glider-contain button[aria-label="Previous"]:hover span,.glider-contain button[aria-label="Previous"]:focus span,
	.glider-contain .slider-btns button[aria-label="Previous"]:hover span,.glider-contain .slider-btns button[aria-label="Previous"]:focus span{
		background-image: url(/wp-content/themes/ipsen-main/dist/images/ArrowLeftHover.png) !important;
	}

	.wp-block-group.group-with-heading,.wp-block-group.group-with-para{
		padding-right: var(--bs-gutter-x,.75rem);
		padding-left: var(--bs-gutter-x,.75rem);
		margin-bottom: 30px;
	}
	
	/* wordpress table font style*/
	.wp-block-table table {
		font-family: Lato-light;
	}
	
	#siteexitModal .modal-content{
		padding: 50px 20px 20px;
	}
	#siteexitModal .modal-body, #siteexitModal .modal-body p {
		font-family: 'Lato-Light' !important;
		font-size: 24px !important;
		line-height: 32px !important;
		padding: 0;
	}
	
	#siteexitModal .modal-dialog {
		max-width: 550px;
		padding: 15px;
		margin: 0 auto
	}
	
	#siteexitModal .modal-body span, #siteexitModal .modal-body strong {
		font-family: 'Lato-Semibold';
		font-size: 24px;
		line-height: 32px
	}
	
	#siteexitModal .close {
		position: absolute;
		right: 30px;
		top: 20px;
		z-index: 10;
		font-size: 20px;
		cursor: pointer;
		border: 0;
		background: transparent
	}
	
	#siteexitModal .modal-footer {
		border: 0;
		justify-content: flex-start;
		padding: 10px 0;
	}
	
	#siteexitModal button.btn.btn-primary {
		background: #224A81;
		color: #fff;
		padding: 10px 30px;
	}
	#siteexitModal button.btn.btn-primary a,
	#siteexitModal button.btn.btn-primary a:hover{
		color:#fff;
	}
	#siteexitModal button.btn.btn-secondary {
		background: #fff;
		color: #224A81;
		padding: 10px 40px;
		border-color: #224a81;
	}
	.modal-backdrop {
		background-color: #fff;
		opacity: 0.8 !important;
	}

	
	/*Google map Responsive design Change*/
	.wpgmp_infowindow .fc-item-title { 
		color: #224A81 !important;
		text-transform: capitalize !important;
	}
	 
	.wpgmp_infowindow .fc-item-body-text-color {
		color: #224A81 !important; 
	} 
	
	 
	@media screen and (max-width: 576px) {
	  .gmnoprint.gm-bundled-control {
		left: 0 !important;
		top: 60px !important;
	  }
	}
	 
	.infoBox.infoBoxTail {
		left: -30% !important;
		top: 50% !important;
		transform: translate(0%, -50%) !important;
		position: relative !important;
	}

	@media screen and (max-width: 768px) {
		.gmnoprint.gm-style-mtc-bbw {
			left: unset !important;
			right: 0 !important;
		}
		}
 
	/* Netherland site contact form start */
	/* Dev Changes */
	#post-58 .gform_legacy_markup_wrapper ol.validation_list, .gform_legacy_markup_wrapper div.validation_error {
		clear: both;
		color: #790000;
		width: 100%;
		margin: 25px 0 !important; 
	}
    /* UAT Changes */
	#post-57 .gform_legacy_markup_wrapper ol.validation_list, .gform_legacy_markup_wrapper div.validation_error {
		clear: both;
		color: #790000;
		width: 100%;
		margin: 25px 0 !important; 
	}
    /* Prod Changes */
	#post-50 .gform_wrapper.gravity-theme .validation_error {
		margin: 32px 0; 
	}
	div#gform_1_validation_container { 
		padding: 0;
	}
	div#gform_confirmation_message_1 {
		margin-bottom: 2em;
	}
	/* Netherland site contact form End*/

	/* Italy site contact form start*/
	/* Dev changes */
	#post-38989 .gform_wrapper.gravity-theme .gform_validation_errors {
		background: #fff9f9;
		border: 1.5px solid #c02b0a;
		border-radius: 5px;
		box-shadow: 0 1px 4px rgba(0, 0, 0, .11), 0 0 4px rgba(18, 25, 97, .041);
		margin-bottom: 8px;
		margin-top: 8px;
		padding: 45px 0px 16px 0px !important;
		position: relative;
		width: 100%;
	}
	/* UAT changes  */
	#post-38381 .gform_wrapper.gravity-theme .gform_validation_errors {
		background: #fff9f9;
		border: 1.5px solid #c02b0a;
		border-radius: 5px;
		box-shadow: 0 1px 4px rgba(0, 0, 0, .11), 0 0 4px rgba(18, 25, 97, .041);
		margin-bottom: 8px;
		margin-top: 8px;
		padding: 45px 0px 16px 0px !important;
		position: relative;
		width: 100%;
	}

	/* Prod Changes */
	#post-64 .gform_wrapper.gravity-theme .gform_validation_errors {
		background: #fff9f9;
		border: 1.5px solid #c02b0a;
		border-radius: 5px;
		box-shadow: 0 1px 4px rgba(0, 0, 0, .11), 0 0 4px rgba(18, 25, 97, .041);
		margin-bottom: 8px;
		margin-top: 8px;
		padding: 45px 0px 16px 0px !important;
		position: relative;
		width: 100%;
	}
	/* Italy site contact form End*/

	/* Swiss site contact form Start*/
	/* Dev changes */
	#post-34 .gform_wrapper.gravity-theme .validation_error {
		border-block-end: 2px solid #c02b0a;
		border-block-start: 2px solid #c02b0a;
		color: #c02b0a;
		font-size: 1em;
		font-weight: 700;
		margin-block-end: 32px;
		padding: 16px;
		text-align: center;
		margin: 32px 0;
	}
	/* UAT changes  */
	#post-28 .gform_wrapper.gravity-theme .validation_error {
		border-bottom: 2px solid #c02b0a;
		border-top: 2px solid #c02b0a;
		color: #c02b0a;
		font-size: 1em;
		font-weight: 700;
		margin: 32px 0;  
		padding: 16px;  
		text-align: center;  
	}
	/* Prod Changes */
	#post-27 .gform_wrapper.gravity-theme .validation_error {
		border-bottom: 2px solid #c02b0a;
		border-top: 2px solid #c02b0a;
		color: #c02b0a;
		font-size: 1em;
		font-weight: 700;
		margin: 32px 0;  
		padding: 16px;   
		text-align: center;  
	}
	/* Swiss site contact form End*/
	
	@media only screen and (max-width: 600px) {
		#siteexitModal button.btn.btn-primary {
			background: #2797D3;
			color: #fff;
			padding: 10px 30px;
			width: 100%;
			margin: 0;
		}
		#siteexitModal button.btn.btn-primary a:hover{
			color:#fff;
		}
		#siteexitModal button.btn.btn-secondary {
			background: #fff;
			color: #2797D3;
			padding: 10px 40px;
			border-color: #2797D3;
			width: 100%;
			margin: 10px 0;
		}
	}

	@media only screen and (min-width: 1025px) {
		.container {
			position:relative;
		}
		#siteexitModal .modal-body, #siteexitModal .modal-body p {
			font-family: 'Lato-Light' !important;
			font-size: 32px !important;
			line-height: 44px !important;
			/*padding: 20px 50px 20px 20px; */
		}
		#siteexitModal .modal-dialog {
			max-width: 800px;
		}
		#siteexitModal .modal-dialog {
			max-width: 800px;
			padding: 15px;
			margin: 0 auto
		}
		
		#siteexitModal .modal-body span, #siteexitModal .modal-body strong  {
			font-family: 'Lato-Semibold';
			font-size: 32px;
			line-height: 44px
		}
		#siteexitModal .modal-footer{
			padding: 10px 15px;
		}
	}

	/* desktop styles */
	@media only screen and (min-width: 1600px) {
		.container,.wp-block-group.group-with-heading,.wp-block-group.group-with-para {
			width: 100%;
			max-width: 1410px;
			margin: 0 auto;
			position: relative;
		}

		h1 {
			font-size: 56px;
			line-height: 65px;
		}

		h2 {
			font-size: 42px;
			line-height: 50px;
		}

		h3 {
			font-size: 32px;
			line-height: 39px;
		}

		h4 {
			font-size: 24px;
		}

		h5,
		h6 {
			font-size: 24px;
			line-height: 29px;
		}
		p,
		ul li,
		ol li{
			font-size: 20px;
			line-height: 32px;
		}
		/* .wp-block-columns{
			width: 100%;
			max-width: 1410px;
			padding: 0 12px;
			margin: 0 auto;
		} */

	}

	@media only screen and (max-height: 650px) {
		h1 {
			font-size: 38px !important;
			line-height: 42px !important;
		}
		
		h2 {
			font-size: 29px !important;
			line-height: 35px !important;
		}
		
		h3 {
			font-size: 22px !important;
			line-height: 26px !important;
		}
		
		h4 {
			font-size: 18px !important;
		}
		
		h5,
		h6 {
			font-size: 16px !important;
			line-height: 20px !important;
		}
		p,
		ul li,
		ol li{
			font-size: 16px !important;
			line-height: 23px !important;
			font-family: 'Lato-Light';
		}
		}
		@media only screen and (min-width: 1400px) and (max-width: 1599px){
			.wp-block-group.group-with-heading,.wp-block-group.group-with-para {
				width: 100%;
				max-width: 1320px;
				margin: 0 auto;
				position: relative;
				margin-bottom: 50px;
			}
		}
		@media only screen and (min-width: 992px) and (max-width: 1399px){
			.wp-block-group.group-with-heading,.wp-block-group.group-with-para {
				width: 100%;
				margin: 0 auto;
				position: relative;
				margin-bottom: 50px;
			}
		}
		@media only screen and (min-width: 768px) and (max-width: 991px){
			.wp-block-group.group-with-heading,.wp-block-group.group-with-para {
				width: 100%;
				max-width: 720px;
				margin: 0 auto;
				position: relative;
			}
		}


		@media only screen and (min-width:576px) and (max-width: 767px){
			.wp-block-group.group-with-heading,.wp-block-group.group-with-para {
				width: 100%;
				max-width: 540px;
				margin: 0 auto;
				position: relative;
			}
		}


		/* desktop  */

		.accordion-item:focus-visible{
			outline: -webkit-focus-ring-color auto 1px;
		}

		@media (min-width: 768px){
			/* .hero-section:has(.carousel-indicators.hidden) .carousel-inner h2.visible{
			font-size: 42px;
            line-height: 48px;
		 } */


		}

		/* mobile */
		
		@media (max-width: 767px){
			/* .hero-section:has(.carousel-indicators.hidden) .carousel-inner h2.visible{
				font-size: 42px;
				line-height: 48px;
			 } */

			 strong{
				word-break:break-word;
			}

		}
		.desktop-view > img {
			box-sizing: border-box !important;
			height: auto !important;
			max-width: 100%;
			vertical-align: bottom !important;
			border-radius: 8px;
		}
		.mobile-view > img {
			box-sizing: border-box !important;
			height: auto !important;
			max-width: 100%;
			vertical-align: bottom !important;
			border-radius: 8px;
		}
		.heading-para{
			font-family: Lato-bold !important;
            font-size: 18px !important;
		}
		.heading-para-right{
			font-family: Lato-bold !important;
            font-size: 18px !important;
			padding-top: 7px !important;
		}
		.tray p.tray-heading-para{
			font-family: 'Lato-Bold';
			font-size:20px;
			line-height:25px;
			color: #224A81;
		 }