/* Desktop or laptop view */
@media only screen and (min-width: 1024px) {
	.services__content {
	}
	.services__content .title__area {
		height: 34.14vh;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}
	#services__cover_photo {
		height: 37.14vh;
		width: 100%;
		position: absolute;
	}
	.title__area .page__title {
		text-align: center;
	}
	#services.section {
		padding: 0px 0vw 15.13vh 0vw;
	}
	#services__content {
		display: flex;
		flex-direction: column;
	}
	#img__staffing, #img__service__setup, #img__safety {
		display: flex;
		height: 50.79vh;
		width: 100vw;
		justify-content: center;
	}
	#img__staffing > div:first-child {
		background-image: url('../images/staffing.png');
		background-repeat: no-repeat;
		background-position: top;
		background-size: cover;
		height: 50.79vh;
		width: 42.66vw;
	}
	#img__workflow, #img__staff__dev, #img__customer__service {
		display: flex;
		flex-direction: row-reverse;
		justify-content: center;
		height: 50.79vh;
		width: 100vw;
	}
	#img__workflow > div:first-child {
		background-image: url('../images/protocol.png');
		background-repeat: no-repeat;
		background-position: top;
		background-size: cover;
		height: 50.79vh;
		width: 42.66vw;
	}
	/* #img__service__setup {
		display: flex;
		height: 50.79vh;
		width: 100vw;
		justify-content: center;
	} */
	#img__service__setup > div:first-child {
		background-image: url('../images/service-setup.png');
		background-repeat: no-repeat;
		background-position: top;
		background-size: cover;
		height: 50.79vh;
		width: 42.66vw;
	}
	/* #img__staff__dev, #img__customer__service {
		display: flex;
		flex-direction: row-reverse;
		justify-content: center;
		height: 50.79vh;
		width: 100vw;
	} */
	#img__staff__dev > div:first-child {
		background-image: url('../images/staff-training.png');
		background-repeat: no-repeat;
		background-position: top;
		background-size: cover;
		height: 50.79vh;
		width: 42.66vw;
	}
	/* #img__safety {
		display: flex;
		height: 50.79vh;
		width: 100vw;
		justify-content: center;
	} */
	#img__safety > div:first-child {
		background-image: url('../images/safety.png');
		background-repeat: no-repeat;
		background-position: top;
		background-size: cover;
		height: 50.79vh;
		width: 42.66vw;
	}

	/* #img__customer__service {
		display: flex;
		flex-direction: row-reverse;
		justify-content: center;
		height: 50.79vh;
		width: 100vw;
	} */
	#img__customer__service > div:first-child {
		background-image: url('../images/customer-service.png');
		background-repeat: no-repeat;
		background-position: top;
		background-size: cover;
		height: 50.79vh;
		width: 42.66vw;
	}

	.service__card {
		width: 42.66vw;
		background-color: #FFFFFF;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.service__card > div {
		padding: 1.56vw 7.89vh;
	}
	.card__title {
		font-family: "BT Beau Sans Bold";
		font-size: 1.25vw;
		color: var(--secondary);
		margin-bottom: 3.06vh;
	}
	.card__desc {
		font-size: 1.04vw;
	}
	.card__desc span {
		color: var(--tertiary);
	}

	/* FAQ */
	#accordion {
		padding-bottom: 11.85vh;
		background: transparent linear-gradient(353deg, #F2F0FF 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
		opacity: 1;
	}
	.faq__area {
		padding-top: 11.85vh;
		text-align: center;
		margin-left: 7.69vw;
		margin-right: 7.69vw;
	}
	.faq__area span {
		font-size: 4.38vw;
		font-family: "BT Beau Sans Bold";
		line-height: 1;
	}
	.faq__area p {
		font-size: 1.04vw;
		font-family: "BT Beau Sans Regular";
	}
	.toggle__component {
		margin-top: 6vh;
		margin-bottom: 7vh;
		width: 100%;
		display: flex;
		justify-content: center;
		/* background-color: red; */
	}
	#faq__clients__tab {
		transition: display 2s ease-in;
	}
	#faq__professionals__tab {
		display: none;
		transition: display 2s ease-in;
	}

	.accordion {
		background-color: #FFFFFF;
		color: #736BD1;
		cursor: pointer;
		height: 7.11vh;
		/* width: 84.62vw; */
		/* width: 84.62vw; */
		text-align: left;
		outline: none;
		font-size: 1.04vw;
		font-family: "BT Beau Sans Medium";
		transition: 0.4s;
		border-radius: 7px;
		opacity: 1;
	}
	.accordion:after {
		content: url('../images/arrow.png');
		float: right;
		width: 25px;
		height: 18px;
	}
	.active:after {
		content: url('../images/arrow.png');
		float: right;
		width: 25px;
		height: 18px;
		rotate: 180deg;
	}
	.panel {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.2s ease-out;
		background: var(---ffffff) 0% 0% no-repeat padding-box;
		background: #FFFFFF 0% 0% no-repeat padding-box;
		border-bottom-left-radius: 7px;
		border-bottom-right-radius: 7px;
		opacity: 1;
		/* width: 84.62vw; */
		padding-left: 2.08vw;
		padding-right: 2.08vw;
	}
	.panel__ans {
		/* margin-left: 7.69vw; */
		/* margin-left: 2.08vw;
		margin-right: 2.08vw; */
		/* margin-right: 7.69vw; */
	}
	.accordion__card {
		box-shadow: 0px 3px 6px #0000000D;
		border: 1px solid #E2E2E2;
		border-radius: 7px;
		margin-left: 7.69vw;
		margin-right: 7.69vw;
		margin-top: 3.55vh;
		width: 84.62vw;
		display: flex;
		flex-direction: column;
		font-size: 1.04vw;
	}
}

/* Mobile view */
@media only screen and (max-width: 1023px) {
	#services__offer {
		/* background-image: url('../images/line_bg.svg');
		background-repeat: no-repeat;
		background-position: 122% -60%;
		background-size: 45.78vw 84.4vh;
		background-attachment: fixed; */
	}
	.services__content {
	}
	.services__content .title__area {
		height: 227px;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		/* background-color: #FFFFFF; */
		padding-top: 60px;
	}
	#services__cover_photo {
		height: 37.14vh;
		width: 100%;
		position: absolute;
	}
	.title__area .page__title {
		text-align: center;
		/* font-size: 24px; */
		font-size: 6.15vw;
	}
	#services.section {
		padding-top: 5.92vh;
	}
	#services__content {
		display: flex;
		flex-direction: column;
	}
	#img__staffing {
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-bottom: 20px;
	}
	#img__staffing > div:first-child {
		background-image: url('../images/staffing.png');
		background-repeat: no-repeat;
		background-position: top;
		background-size: cover;
		height: 42.77vh;
	}
	#img__workflow {
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-bottom: 20px;
	}
	#img__workflow > div:first-child {
		background-image: url('../images/protocol.png');
		background-repeat: no-repeat;
		background-position: top;
		background-size: cover;
		height: 42.77vh;
	}
	#img__service__setup {
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-bottom: 20px;
	}
	#img__service__setup > div:first-child {
		background-image: url('../images/service-setup.png');
		background-repeat: no-repeat;
		background-position: top;
		background-size: cover;
		height: 42.77vh;
	}
	#img__staff__dev {
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-bottom: 20px;
	}
	#img__staff__dev > div:first-child {
		background-image: url('../images/staff-training.png');
		background-repeat: no-repeat;
		background-position: top;
		background-size: cover;
		height: 42.77vh;
	}
	#img__safety {
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-bottom: 20px;
	}
	#img__safety > div:first-child {
		background-image: url('../images/safety.png');
		background-repeat: no-repeat;
		background-position: top;
		background-size: cover;
		height: 42.77vh;
	}
	.service__card {
		background-color: #FFFFFF;
		padding: 55.5px 30px 35.5px 30px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.card__title {
		font-family: "BT Beau Sans Bold";
		font-size: 4.10vw;
		color: var(--secondary);
		margin-bottom: 3.55vh;
	}
	.card__desc {
		font-size: 4.10vw;
	}
	.card__desc span {
		color: var(--tertiary);
	}

	/* FAQ */
	#accordion {
		padding-bottom: 11.85vh;
		background: transparent linear-gradient(353deg, #F2F0FF 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
		opacity: 1;
	}
	.faq__area {
		padding-top: 11.85vh;
		text-align: center;
		margin-left: 7.69vw;
		margin-right: 7.69vw;
	}
	.faq__area span {
		font-size: 7.69vw;
		font-family: "BT Beau Sans Bold";
	}
	.faq__area p {
		font-size: 4.10vw;
		font-family: "BT Beau Sans Regular";
	}
	.accordion {
		background-color: #FFFFFF;
		color: #736BD1;
		cursor: pointer;
		height: 7.11vh;
		width: 84.62vw;
		text-align: left;
		outline: none;
		font-size: 15px;
		font-family: "BT Beau Sans Medium";
		transition: 0.4s;
		border-radius: 7px;
		opacity: 1;
	}
	.accordion:after {
		content: url('../images/arrow.png');
		float: right;
		width: 25px;
		height: 18px;
	}
	.active:after {
		content: url('../images/arrow.png');
		float: right;
		width: 25px;
		height: 18px;
		rotate: 180deg;
	}
	.panel {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.2s ease-out;
		background: var(---ffffff) 0% 0% no-repeat padding-box;
		background: #FFFFFF 0% 0% no-repeat padding-box;
		border-bottom-left-radius: 7px;
		border-bottom-right-radius: 7px;
		opacity: 1;
		width: 84.62vw;
	}
	.panel__ans {
		font-size: 4.10vw;
		margin-left: 7.69vw;
		margin-right: 7.69vw;
	}
	.accordion__card {
		box-shadow: 0px 3px 6px #0000000D;
		border: 1px solid #E2E2E2;
		border-radius: 7px;
		margin-left: 7.69vw;
		margin-right: 7.69vw;
		margin-top: 3.55vh;
		width: 84.62vw;
		display: flex;
		flex-direction: column;
	}
}

.fullscreenpopup {
	position: fixed; top: 0; bottom: 0; left: 0; right: 0;
	background-color: rgba(0, 0, 0, 0.35); color: white; font-size: 30px;
}
.fullscreenpopup_container {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#email__us__form {
	/* margin-top: 15vh; */
	margin-top: 13vh;
	display: none;
}
#contact__us__form {
	/* background-color: #FFFFFF; */
	/* border: 1px solid #E4E4E4; */
	/* border-radius: 0.52vw; */
	/* box-shadow: 0px 5px 5px #0000000D; */
	/* display: flex; */
	/* flex-direction: column; */
	/* width: 30vw; */
	width: 600px;
	/* min-width: 350px; */
	max-width: 600px;
	padding: 0 0;
	/* font-size:  0.83vw; */
	/* color: black; */
}
/* #contact__us__form input {
	border-radius: 0.26vw;
	padding: 0.83vw 2.14vh;
}
#contact__us__form input[type=text],
#contact__us__form textarea {
	font-family: 'BT Beau Sans Light';
	font-size:  0.83vw;
	background: #F7F7F7 0% 0% no-repeat padding-box;
	border: 1px solid #E6E6E6;
	border-radius: 0.26vw;
	padding: 0.83vw 2.14vh;
	margin-bottom: 5px;
}
#contact__us__form input[type=submit] {
	background-color: #3FD2AE;
	color: var(--white-on-black);
	letter-spacing: 0.8px;
	border: none;
	font-family: 'BT Beau Sans Bold';
	font-size: 1.04vw;
	border-radius: 5px;
	margin-top: 3.9vh;
} */

.close__button {
	width: 2.86vw;
	height: 2.86vw;
	position: relative;
	left: calc(100% - 95px);
	top: -20px;
	/* top: 35px; */
	z-index: 10;
	/* opacity: 0; */
	cursor: pointer;
}
.close__button img {
	width: 2.2vw;
}

#exit__intent__services {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 650px;
}