.accordion.ifm {
	width: 50%;
	margin: auto;
	text-align: left;
}

.accordion-item {
  border-bottom: 1px solid #ddd;
  margin-bottom: 4px;
}

.esfm__accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  text-align: left;
  border: none;
  outline: none;
  transition: background-color 0.3s ease;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.esfm__accordion:hover,
.esfm__accordion.active {
	background-color: #88723f;
	color: #fff;
	font-weight: 400;
}

.esfm__accordion:hover {
	transition: 0.3s;
}

.accordion__panel {
  padding: 0 18px;
  background-color: #fff;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.25s ease-out;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.accordion__panel p {
  margin: 12px 0;
  color: #333;
  max-width: 75%;
}

.accordion__panel a.button {
	color: #fff!important;
	margin: 12px 0;
	padding: 1rem;
}

.esfm__accordion::after {
  content: "+";
  position: relative;
  right: 0;
  font-size: 20px;
  line-height: 1;
  transition: transform 0.2s ease, content 0.2s ease;
  text-align: right;
}

.esfm__accordion.active::after {
  content: "–";
}
	
	.wysiwyg-panel ul.otnotice-menu.negative-margin {
		display:none;
	}
	.wysiwyg-panel ul.otnotice-menu {
		display:none;
	}

	.wysiwyg-panel p a,
	.wysiwyg-panel p a:hover {
		text-decoration: underline!important;
	}
	
	.wysiwyg__dark, .wysiwyg__dark h2 {
		color: #fff;
	}
	
	.wysiwyg-panel .card p a,
	.wysiwyg-panel .card p a:hover {
		text-decoration: none!important;
	}
	
	.wysiwyg-panel__content {
		text-align: center;
	}
	
	.wysiwyg-panel__content.text-smooth p {
		font-style: normal;
		font-size: 18px;
		line-height: 26px;
		letter-spacing: 0.3px;
	}
	
	.wysiwyg-panel__content.text-smooth a:hover {
		color: #B3985A;
	}

	.wysiwyg-panel a.button {
		margin: auto;
		margin-top: 1.5rem;
	}
	
	.wysiwyg-panel a.button:hover {
		background-color: #B3985A!important;
		text-decoration: none!important;
	}	
	.wysiwyg-panel .mt-4 {
		text-align: center;
	}
	.wysiwyg-panel .mt-4 a {
		font-size: 16px;
	}
	.wysiwyg-panel .button {
		-webkit-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		text-decoration: none!important;
	}
	
	.wysiwyg-panel__heading {
		text-align: center!important;
	}
	
	.wysiwyg-panel .contact-page__tablet {
		text-align: left;
	}
	
	.wysiwyg-panel .services {
		position: relative;
		margin: auto;
		background-size: cover; 
		width: 90%; 
		aspect-ratio: 2000/1467;
		max-width: 1280px;
	}

	.services-header {
		margin-top: 1rem;
	}

	.services__list-view--link span {
		color: #672567;
		text-decoration: none;
	}

	#services__list {
		scroll-margin-top: 100px;
	}
	
	.services__service {
		position: absolute;
	}
	
	.services__service-button {
		position: absolute;
		width: 15px;
		height: 15px;
		border-radius: 10px;
		margin: auto;
		border: 2px solid red;
		background-color: black;
		animation: pulseRed 1.5s infinite ease-in-out;
	}
	
	.services__copy {
		position: absolute;
		padding: 0px;
		background-color: #fff;
		max-height: 0px;
		overflow: hidden;
		width: 350px;
		z-index: 999;
		border: 0px solid lightgray;
		border-radius: 10px;
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.12);
		transition: all 0.6s ease-out;
	}
	
	.services__copy h3 {
		margin: 20px;
	}
	
	.services__copy p {
		margin: auto 10px;
	}
	
	.services__copy .button, .services__copy .button:hover {
		color: #fff!important;
		margin: 20px 0;
		text-decoration: none!important;
	}
	
	.services__service:hover .services__copy {
		border: 1px solid lightgray;
		max-height: 1000px;
/* 		opacity: 1; */
	}
	
	.wysiwyg__dark {
		background-color: #00334d;
		color: #fff;
		padding: 100px 0;
		background-repeat: no-repeat;
		background-image: url('https://www.unidine.com/wp-content/themes/unidine/img/unidine-logo-watermark-blue.png');
		background-size: 20%;
		background-position: center;
	}

	.unidine__unique-approach--bottom-panel {
		position: relative;
		top: -80px;
		margin: auto;
		padding: 0 2rem;
		border-top: 4px solid #ffc754;
		width: 70%;
		background-color: #fff;
	}

	.healthcare {
		display: flex;
		justify-content: space-evenly;
	}

	.healthcare > p {
		display: none;
	}

	.healthcare > a {
		max-width: 35%;
	}

	.healthcare > a > p {
		display: none;
	}

	.healthcare__sector {
		display: flex;
		flex-flow: column;
		border-radius: 1rem;
		background-color: #F9F7F6;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
		transition: 0.1s ease-in-out;
	}

	.healthcare__sector:hover {
		box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
	}

	.healthcare__sector--img-container,
	.healthcare__sector--text-container {
		padding: 1.5rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.healthcare__sector--img-container {
		border-radius: 1rem 1rem 0 0;
		background-color: #f5f0ed;
		aspect-ratio: 16 / 7;
		display: flex;
		align-items: center;
	}

	.healthcare__sector--text-container {
		min-height: 104px;
		align-items: flex-start;
	}

    .healthcare__sector--text-container p {
        font-weight: 400;
    }

    .healthcare__sector > *:hover,
    #unidine > *:hover, #marquise > *:hover {
        color: black!important;
    }

	.healthcare__sector span {
		font-size: 1.2rem;
		font-weight: 600;
		color:black;
	}

	.healthcare__sector span:hover {
		color: #88723f;
	}

	.healthcare__sector a {
		text-decoration: none;
	}
	
	@keyframes pulseRed {
	  0% {
		  background-color: rgb(255, 192, 192);
		  border: 6px solid rgb(255, 0, 0);
		  transform: scale(1.0);
	  }
	  50% {
		  background-color: white;
		  border: 3px solid rgb(255, 128, 128);
		  transform: scale(1.35);
	  }
	  100% {
		  background-color: rgb(255, 192, 192);
		  border: 6px solid rgb(255, 0, 0);
		  transform: scale(1.0);
	  }
	}
	
    @media only screen and (max-width: 768px) {
		.wysiwyg-panel .grid__col-12.text-center {
			text-align: center;
		}
		.wysiwyg-panel .wysiwyg-panel__content.text-smooth {
			text-align: center;
		}
		
		.wysiwyg-panel {
			margin-bottom: unset;
			margin: 40px 0;
		}
		
		.wysiwyg-panel .contact-page__tablet {
			text-align: center;
		}
		
		.services {
			display: none;
		}
		
		.services__mobile {
			margin: 0 2rem 2rem 2rem;
			display: flex;
			flex-flow: column;
		}
		
		#service-select {
			scroll-behavior: smooth;
		}
		
		#service-select-menu {
			width: 80%;
			margin: 1rem;
			padding: 1rem;
			border-radius: 28px;
			text-align: center;
			color: gray;
		}
		
		.service__mobile {
			margin-bottom: 2rem;
			display: flex;
			flex-flow: column;
			border: 1px solid lightgrey;
		    border-radius: 5px;
			box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.12);
		}
		
		.service__mobile img {
			background-color: #ebe5d7;
		}
		
		.service__mobile > p {
			display: none;
		}
		
		.service__mobile--copy {
			border-top: 1px solid lightgrey;
			border-radius: 0 0 5px 5px;
		}
		
		.service__mobile--copy {
			padding: 1rem;
			background-color: #F9F7F6;
		}
		
		.service__mobile--copy p .button {
			color: #fff;
			text-decoration: none!important;
			max-width: 45%;
	        line-height: 1.2;
			padding: 10px 24px;
        	border-radius: 12px;
		}
		
		.service__mobile--heading {
			margin-top: 1rem;
		}
		
		.wysiwyg-panel .button__mobile {
			display: flex;
		}

		.wysiwyg__dark {
			padding: 100px 40px;
			background-size: 50%;
		}

		.unidine__unique-approach--bottom-panel {
			width: 85%;
			top: -40px;
		}

		.healthcare {
			flex-flow: column;
		}

		.healthcare > a {
			max-width: 450px;
    		margin: 0 auto 2rem;
		}

		.accordion.ifm {
			display: none;
		}

		.services__list-view--link {
			display: none;
			color: #672567;
			text-decoration: none;
		}
		
	}
	
	@media only screen and (min-width: 768px) and (max-width: 1200px) {
		.wysiwyg-panel .panel-heading-container {
			text-align: center;
		}

		.accordion.ifm {
			width: unset;
			max-width: 712px;
		}
	}

	@media only screen and (min-width: 769px) {
		
		.services__mobile {
			display: none;
		}

	}