/*!
Theme Name: PADDAP
Theme URI: http://underscores.me/
Author: PADDAP
Author URI: https://paddap.nl
Description: This is the boilerplate theme of PADDAP Digital Agency
Version: 1.0.0
Tested up to: 6.0.2
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: paddap
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

PADDAP is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@import url('https://fonts.googleapis.com/css2?family=Kelly+Slab&family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {
	--headingFont: "Kelly Slab";
	--fallbackHeadingFont: cursive;
	--bodyFont: "Roboto Slab";
	--fallbackBodyFont: serif;

	--mainGrid: 1170px;

	--purple-500: #03040f;
	--purple-600: #0d0921;
	--purple-2: #0E1332;
	--purple-3: #181946;
	--pink-500: #804DC6;
	--green-500: #15CD96;
	--greenGradient: linear-gradient(270deg, #15CD96 0%, #399F99 100%);
	--purpleGradient: linear-gradient(270deg, var(--purple-500) 0%, #153F45 100%);

	--purpleGradientToBottom: linear-gradient(180deg, #0B0620 0%, #140D31 100%);

	--blue: #40EEF9;
	--dark-blue: #3EA7C6;

	--white: #ffffff;
	--black: #000000;
}

html, body {
	scroll-behavior: smooth;
}

body {
	background-color: var(--purple-500);
}

body,
p {
	font-family: var(--bodyFont), var(--fallbackBodyFont);
	font-size: 18px;
	line-height: 24px;
	font-weight: 300;
	color: var(--white);
}
h1, h2, h3, h4, h5, h6, h7 {
	font-family: var(--headingFont), var(--fallbackHeadingFont);
	font-weight: 400;
}
h1 {
	font-size: 70px;
	line-height: 85px;
	margin-bottom: 30px;
}
h2 {
	font-size: 50px;
	line-height: 61px;
	margin-bottom: 30px;
}
h3 {
	font-size: 30px;
	line-height: 36px;
}
section {
	position: relative;
}
section .jsGrid {
	position: relative;
}
.single-liminara section {
	padding: 125px 0 0;
}

.wysiwyg > :first-child {
	margin-top: 0;
}
.wysiwyg > :last-child {
	margin-bottom: 0;
}
.wysiwyg .bttn {
	margin-top: 50px;
}

.jsGrid {
	width: 100%;
	max-width: var(--mainGrid);
	margin-left: auto;
	margin-right: auto;
}

.btn-group {
	display: flex;
	gap: 16px;
}

.bttn, .navBttn a {
	position: relative;
	outline: none;
	text-decoration: none;
	font-family: var(--bodyFont), var(--fallbackBodyFont);
	font-weight: 500;
	font-size: 20px;
	line-height: 26px;
	color: var(--white) !important;
	display: inline-block;
	min-width: 270px;
	width: max-content;
	min-height: 50px;
	border-radius: 5px;
	border: 3px solid transparent !important;
	background-color: var(--blue);
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	cursor: pointer;
	transition: 0.2s ease;
}
.bttn:hover, .navBttn a:hover {
	box-shadow:  0px 0px 20px rgb(64 238 249 / 50%);
}
.bttn.solid:hover {
	background-position: right center;
}

#masthead {
	position: absolute;
	width: 100%;
	height: 100px;
	display: flex;
	align-items: center;
	z-index: 10;
}
#masthead .navWrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#masthead .navWrapper .site-branding a {
	text-decoration: none;
	font-family: var(--headingFont), var(--fallbackHeadingFont);
	font-size: 40px;
	line-height: 1;
	font-weight: 400;
	color: var(--white);
}
#masthead .navWrapper nav ul {
	display: flex;
	align-items: center;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#masthead .navWrapper nav ul > li + li {
	margin-left: 2rem;
}

.homeHero {
	min-height: 800px;
	background-size: cover;
	background-position: center;
	padding-bottom: 100px;

	display: flex;
	align-items: flex-end;
}
.homeHero .contentWrapper {
	width: 100%;
	max-width: 610px;
}
.homeHero .contentWrapper p {
	font-weight: 500;
}
.homeHero .contentWrapper .bttn {
	margin-top: 4rem;
}

section.whoIs {
	background: #050522;
}
section.whoIs .contentGrid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
}
section.whoIs .contentGrid .content {
	grid-column: span 6;
	padding: 125px 0;
}
section.whoIs .contentGrid .image {
	grid-column: span 6;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.brokenDivider {
	position: absolute;
	width: 100%;
	display: flex;
	transform: translateY(-55%);
	z-index: 10;
}
.brokenDivider img {
	width: 100%;
	height: auto;
}
section.services {
	overflow: hidden;
	z-index: 5;
}
section.services .background img {
	object-position: bottom;
}
section.services .jsGrid {
	padding-top: 125px;
	padding-bottom: 100px;
}
section.services .jsGrid .servicesWrapper,
section.services .jsGrid .servicesWrapperTwo {
	position: relative;
	margin-top: 50px;

	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 30px;
}
.serviceItem {
	display: flex;
	flex-flow: column;
	padding: 30px;
	border-radius: 20px;
	border: 3px solid var(--blue);
	transition: opacity 0.3s ease;
}
.serviceItem .iconWrapper {
	height: 100px;
	display: flex;
	align-items: center;
}
.serviceItem .iconWrapper img {
	height: 100%;
	width: auto;
}
.serviceItem h3 {
	margin-top: 20px;
	margin-bottom: 0;
}
.serviceItem p {
	font-size: 17px;
	line-height: 22px;
	margin-top: 20px;
	padding-top: 16px;
	margin-bottom: 0;
}
.serviceItem .bttnWrapper {
	display: flex;
	flex-flow: column;
	padding-top: 50px;
	margin-top: auto;
	width: 100%;
	margin-top: auto;
}
.serviceItem .bttnWrapper a {
	text-decoration: none;
}
.serviceItem .bttnWrapper .bttn {
	width: 100%;
}
.serviceItem .bttnWrapper .bttn:not(.solid) {
	border: 3px solid var(--blue) !important;
	background: unset;
}
.serviceItem .bttnWrapper .bttn:not(:first-child) {
	margin-top: 10px;
}
.serviceItem.removedItem {
	opacity: 0;
	pointer-events: none;
}
.serviceItem.swiperTransitionItem {
	position: absolute;
	top: 0;
	left: 50%;
	width: calc((100% - 60px) / 3);
	height: 100%;
	pointer-events: none;
}
.serviceItem.swiperTransitionItem.fullWidth {
	width: 100%;
	transition: 0.3s ease;
}
.serviceItem.removeContent * {
	opacity: 0;
	transition: opacity 0.3s ease;
}
.serviceSwiperWrapper,
.serviceSwiperWrapperTwo {
	grid-column: span 3;

	position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
}
.serviceSwiperWrapper.hallo,
.serviceSwiperWrapperTwo.hallo {
	opacity: 1;
	pointer-events: auto;
}
.serviceSwiperWrapper .swiper-slide,
.serviceSwiperWrapperTwo .swiper-slide {
	position: relative;
	border: 3px solid var(--blue);
	border-radius: 20px;
	padding: 60px 80px;
	box-sizing: border-box;
}
.serviceSwiperWrapper .swiper-slide .closeServiceSwiper,
.serviceSwiperWrapperTwo .swiper-slide .closeServiceSwiper {
	position: absolute;
	top: 15px;
	right: 15px;
	display: flex;
	cursor: pointer;
}
.serviceSwiperWrapper .swiper-slide .closeServiceSwiper img,
.serviceSwiperWrapperTwo .swiper-slide .closeServiceSwiper img {
	width: 40px;
	height: 40px;
}
.serviceSwiperWrapper .swiper-slide .contentWrapper,
.serviceSwiperWrapperTwo .swiper-slide .contentWrapper {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-gap: 0 30px;
	height: 100%;
}
.serviceSwiperWrapper .swiper-slide .contentWrapper .content,
.serviceSwiperWrapperTwo .swiper-slide .contentWrapper .content {
	grid-column: span 7;
}
.serviceSwiperWrapper .swiper-slide .contentWrapper .content .titleWrapper,
.serviceSwiperWrapperTwo .swiper-slide .contentWrapper .content .titleWrapper {
	display: flex;
	align-items: center;
}
.serviceSwiperWrapper .swiper-slide .contentWrapper .content .titleWrapper img,
.serviceSwiperWrapperTwo .swiper-slide .contentWrapper .content .titleWrapper img {
	height: 50px;
	width: auto;
	margin-right: 20px;
}
.serviceSwiperWrapper .swiper-slide .contentWrapper .content .titleWrapper h3,
.serviceSwiperWrapperTwo .swiper-slide .contentWrapper .content .titleWrapper h3 {
	margin: 0;
}
.serviceSwiperWrapper .swiper-slide .contentWrapper .content p,
.serviceSwiperWrapperTwo .swiper-slide .contentWrapper .content p {
	font-size: 17px;
	line-height: 22px;
}
.serviceSwiperWrapper .swiper-slide .contentWrapper .image,
.serviceSwiperWrapperTwo .swiper-slide .contentWrapper .image {
	grid-column: span 5;
	display: flex;
	flex-flow: column;
	justify-content: flex-end;
	position: relative;
	height: 100%;
}
.serviceSwiperWrapper .swiper-slide .contentWrapper .image img,
.serviceSwiperWrapperTwo .swiper-slide .contentWrapper .image img {
	width: 100%;
	height: 75%;
	object-fit: cover;
	position: absolute;
	inset: 0;
}
.serviceSwiperWrapper .swiper-slide .contentWrapper .image .bttn,
.serviceSwiperWrapperTwo .swiper-slide .contentWrapper .image .bttn {
	margin-top: 24px;
	width: 100%;
}
.serviceSwiperNavigationWrapper {
	position: absolute;
	display: flex;
	align-items: center;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	grid-gap: 0 30px;
}
.serviceSwiperNavigationWrapper > div {
	cursor: pointer;
	transition: opacity 0.3s ease;
}
.serviceSwiperNavigationWrapper > div.swiper-button-disabled {
	opacity: 0.3;
}
.serviceSwiperNavigationWrapper div svg {
	width: 100px;
	height: auto;
	display: block;
}
.serviceSwiperNavigationWrapper div svg circle {
	stroke: var(--blue);
}
section .background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
section .background img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.divider {
	padding: 24px 0;
}
.divider hr {
	display: none;
}
.divider .jsGrid {
	padding: 0 100px;
}
.divider hr {
	width: 100%;
	height: 1px;
	background-color: var(--white);
	margin: 0;
}
section.industrySmart {
	background: var(--purpleGradientToBottom);
}
section.industrySmart .contentGrid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-gap: 0 30px;
	padding-bottom: 100px;
	padding-top: 100px;
}
section.industrySmart .contentGrid .content {
	grid-column: span 7;
}
section.industrySmart .contentGrid .content .wysiwyg {
	margin-bottom: 50px;
}
section.industrySmart .contentGrid .image {
	grid-column: span 5;
	margin-top: -50px;
}
section.industrySmart .contentGrid .image img {
	width: 100%;
	height: auto;
	display: block;
}
section.testimonials .background {
	display: flex;
}
section.testimonials .background img {
	width: auto;
	object-position: right center;
	margin-left: auto;
}
section.testimonials .jsGrid {
	padding-top: 100px;
	padding-bottom: 40px;
}
section.testimonials .testimonialsWrapper {
	margin-top: 50px;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
}
section.testimonials .testimonialsWrapper .swiperCustomWrapper {
	grid-column: span 8;
}
section.testimonials .testimonialsWrapper .swiperCustomWrapper .swiper {
	width: 100%;
}
section.testimonials .testimonialsWrapper .swiper .swiper-slide {
	position: relative;
	box-sizing: border-box;
	border: 3px solid var(--green-500);
	border-radius: 20px;
	padding: 100px 50px 0px;
}
section.testimonials .testimonialsWrapper .swiper .swiper-slide .beginQuote:before {
	content: "\201c";
	position: absolute;
	top: 100px;
	left: 50px;
	font-family: var(--headingFont), var(--fallbackHeadingFont);
	font-size: 150px;
	line-height: 0px;
	font-weight: 400;
}
section.testimonials .testimonialsWrapper .swiper .swiper-slide p {
	font-size: 20px;
	line-height: 26px;
	font-weight: 200;
}
section.testimonials .testimonialsWrapper .swiper .swiper-slide .wysiwyg > :first-child {
	margin-top: 0;
}
section.testimonials .testimonialsWrapper .swiper .swiper-slide .wysiwyg > :last-child {
	margin-bottom: 0;
}
section.testimonials .testimonialsWrapper .swiper .swiper-slide .bottomBar {
	margin-top: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
section.testimonials .testimonialsWrapper .swiper .swiper-slide .bottomBar .author {
	font-weight: 400;
}
section.testimonials .testimonialsWrapper .swiper .swiper-slide .bottomBar .navigation {
	display: flex;
	align-items: center;
}
section.testimonials .testimonialsWrapper .swiper .swiper-slide .bottomBar .navigation > div {
	position: unset;
	top: unset;
	right: unset;
	bottom: unset;
	left: unset;
	cursor: pointer;
}
section.testimonials .testimonialsWrapper .swiper .swiper-slide .bottomBar .navigation .arrow {
	transform: translateX(0px);
	transition: transform 0.2s ease;
}
section.testimonials .testimonialsWrapper .swiper .swiper-slide .bottomBar .navigation .swiper-prev:hover .arrow {
	transform: translateX(-10px);
}
section.testimonials .testimonialsWrapper .swiper .swiper-slide .bottomBar .navigation .swiper-next:hover .arrow {
	transform: translateX(10px);
}
section.testimonials .testimonialsWrapper .swiper .swiper-slide .bottomBar .navigation > div:not(:last-child) {
	margin-right: 20px;
}
section.testimonials .testimonialsWrapper .swiper-pagination {
	grid-column: span 8;
	position: relative;
	top: unset;
	bottom: unset;
	margin-top: 20px;
	line-height: 10px;
}
section.testimonials .testimonialsWrapper .swiper-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: linear-gradient(90deg, #15CD96 0%, #399F99 66%, var(--white) 100%);
	background-size: 200px 1px;
	background-position: -190px 0;
	opacity: 1;
	border-radius: 5px;
	transition: background 0.2s ease, width 0.2s ease;
}
section.testimonials .testimonialsWrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 30px;
	background-position: 0px 0;
}
#colophon {
	position: relative;
}
#colophon img {
	width: 100%;
	height: auto;
	display: block;
}
#colophon .site-info {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
}
#colophon .site-info .jsGrid {
	display: flex;
	justify-content: center;
}
#colophon .site-info .jsGrid .menu {
	list-style-type: none;
	margin: 0 0 0 100px;
	padding: 0;

	display: flex;
	justify-content: center;
}
#colophon .site-info .jsGrid > *, #colophon .site-info .jsGrid .menu li a {
	margin-top: 0;
	margin-bottom: 0;

	font-size: 16px;
	line-height: 27px;
	font-weight: 300;
	color: var(--white);
	text-decoration: none;
}
#colophon .site-info .jsGrid .menu li + li {
	margin-left: 100px;
}
section.contact .contentGrid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
}
section.contact .socialsCol {
	grid-column: span 4;
}
section.contact .socialsCol h2 {
	margin-top: 0;
	margin-bottom: 100px;
}
section.contact .socialsCol .socialsWrapper {
	display: flex;
	flex-flow: column;
}
section.contact .socialsCol .socialsWrapper .socialItem {
	position: relative;
	display: flex;
	align-items: center;
	text-decoration: none;
}
section.contact .socialsCol .socialsWrapper .socialItem:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 100%;
	transform: translateX(-30px) translateY(-50%);
	width: 50px;
	height: 14px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url('/wp-content/uploads/2023/03/arrow.svg');
	opacity: 0;
	transition: 0.2s ease;
}
section.contact .socialsCol .socialsWrapper .socialItem:hover:before {
	opacity: 1;
	transform: translateX(25px) translateY(-50%);
}
section.contact .socialsCol .socialsWrapper .socialItem:not(:last-child) {
	margin-bottom: 20px;
}
section.contact .socialsCol .socialsWrapper .socialItem .iconWrapper {
	width: 70px;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 3px solid var(--green-500);
	border-radius: 9999px;
}
section.contact .socialsCol .socialsWrapper .socialItem .iconWrapper img {
	width: 30px;
	height: 30px;
	object-fit: contain;
}
section.contact .socialsCol .socialsWrapper .socialItem p {
	font-size: 20px;
	line-height: 26px;
	font-weight: 400;
	color: var(--white);

	margin: 0 0 0 30px;
}
section.contact .contactFormWrapper {
	position: relative;
	grid-column: span 8;
	margin-top: -80px;
}
section.contact .contactFormWrapper img {
	width: 100%;
	height: auto;
	display: block;
}
section.contact .contactFormWrapper .wpcf7 {
	position: absolute;
	z-index: 10;
	top: 25%;
	left: 26.5%;
	width: 300px;
}
section.contact .contactFormWrapper .wpcf7 br {
	display: none;
}
section.contact .contactFormWrapper .wpcf7 .wpcf7-form-control-wrap {
	display: flex;
}
section.contact .contactFormWrapper .wpcf7 .wpcf7-form-control-wrap input {
	margin-bottom: 50px;
}
section.contact .contactFormWrapper .wpcf7 .wpcf7-form-control-wrap input, section.contact .contactFormWrapper .wpcf7 .wpcf7-form-control-wrap textarea {
	outline: none;
	appearance: none;
	-webkit-appearance: none;
	width: 100%;
	background-color: transparent;
	border-width: 0 0 1px 0;
	border-radius: 0;
	padding: 0 0 5px 0;
	font-family: var(--bodyFont), var(--fallbackBodyFont);
	font-size: 18px;
	line-height: 24px;
	font-weight: 300;
	color: var(--white);
}
section.contact .contactFormWrapper .wpcf7 .wpcf7-form-control-wrap input::placeholder, section.contact .contactFormWrapper .wpcf7 .wpcf7-form-control-wrap textarea::placeholder {
	color: var(--white);
}
section.contact .contactFormWrapper .wpcf7 .wpcf7-form-control-wrap input.wpcf7-not-valid {
	border-color: #dc3232;
}
section.contact .contactFormWrapper .wpcf7 .wpcf7-response-output {
	display: none;
}
section.contact .contactFormWrapper .wpcf7 .wpcf7-not-valid-tip {
	display: none;
}
section.contact .contactFormWrapper .wpcf7 .bttnWrapper {
	position: relative;
	width: max-content;
}
section.contact .contactFormWrapper .wpcf7 form input[type="submit"] {
	min-width: unset;
	padding: 0 50px;
	transition: 0.2s ease;
}
section.contact .contactFormWrapper .wpcf7 form.submitting input[type="submit"], section.contact .contactFormWrapper .wpcf7 form.submitting .wpcf7-spinner {
	pointer-events: none;
	opacity: 0.7;
}
section.contact .contactFormWrapper .wpcf7 .bttnWrapper .wpcf7-spinner {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
}
section.journey {
	/* 	background: linear-gradient(180deg, #0B0620 0%, rgba(20, 13, 49, 0.5) 100%); */
}
section.journey .divider {
	padding: 0;
	display: none;
}
section.journey .jsGrid {
	padding-top: 60px;
	padding-bottom: 60px;
}
section.journey .contentGrid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-gap: 0 25px;
}
section.journey .contentGrid .content {
	grid-column: span 6;
}
section.journey .contentGrid .content h2 {
	margin-top: 0;
}
section.journey .contentGrid .image {
	grid-column: span 6;
}

.single-liminara section.whoIs p {
	margin: 0;
}
.single-liminara .contentGridVideo h2 {
	margin-top: 0;
}

/* Media queries */

/* Media: max 1200 */
@media only screen and (max-width: 1200px) {
	:root {
		--mainGrid: 970px;
	}
	.serviceItem .itemDescription {
		padding: 15px;
	}
	.homeHero {
		min-height: 700px;
		background-position: 65% 0px;
	}
	section.services .jsGrid .servicesWrapper,
	section.services .jsGrid .servicesWrapperTwo {
		grid-template-columns: repeat(2, 1fr);
	}
	section.journey .contentGrid .content {
		grid-column: span 4;
	}
	section.journey .contentGrid .image {
		grid-column: span 8;
	}
	section.testimonials .testimonialsWrapper .swiperCustomWrapper {
		grid-column: span 10;
	}
	section.contact .socialsCol {
		grid-column: span 12;
		margin-bottom: 0;
	}
	section.contact .socialsCol h2 {
		margin-bottom: 20px;
	}
	section.contact .socialsCol .socialsWrapper {
		flex-flow: row;
	}
	section.contact .socialsCol .socialsWrapper .socialItem:not(:last-child) {
		margin-bottom: 0px;
		margin-right: 2rem;
	}
	section.contact .socialsCol .socialsWrapper .socialItem p {
		display: none;
	}
	section.contact .contactFormWrapper {
		grid-column: span 10;
	}
}

/* Media: max 1024 */
@media only screen and (max-width: 1024px) {
	:root {
		--mainGrid: 100%;
	}
	.jsGrid {
		padding-left: 25px;
		padding-right: 25px;
	}
	section.contact .contactFormWrapper .wpcf7 {
		width: 36%;
	}
	section.contact .contactFormWrapper {
		grid-column: span 12;
	}
	section.contact .contactFormWrapper .wpcf7 .wpcf7-form-control-wrap input {
		margin-bottom: 2rem;
	}
	#colophon .site-info .jsGrid > :not(:last-child) {
		margin-right: 2rem;
	}
}

/* Media: max 768 */
@media only screen and (max-width: 768px) {
	section.journey .contentGrid .image {
		margin-top: 2rem;
	}
	.social-icons__main {
		flex-flow: column;
	}
	div.filter-wrapper p {
		font-size: 32px;
	}
	.jsGrid div.filter {
		gap: 32px;
		align-items: center;
		justify-content: center;
	}
	section .social-icons__main {
		padding-top: unset;
	}
	section .social-icons__main__under .social-icons__main-text {
		place-self: unset;
	}
	.social-icons__main__cat--tekst p {
		flex-wrap: wrap;
		justify-content: center;
	}
	section.uniqueWhoIs .serviceItem, .contentGridVideo .serviceItem, .GerelateerdeItems .serviceItem {
		display: flex;
	}
	.serviceSwiperWrapper .swiper-slide .contentWrapper .content .wysiwyg,
	.serviceSwiperWrapperTwo .swiper-slide .contentWrapper .content .wysiwyg {
		margin: 1rem 0;
	}
	#masthead .navWrapper nav {
		display: none;
	}
	section.services .jsGrid .servicesWrapper,
	section.services .jsGrid .servicesWrapperTwo {
		display: flex;
	}
	/* 	.serviceItem {
	display: none;
} */
	/* 	.serviceSwiperWrapper,
	.serviceSwiperWrapperTwo {
	position: relative !important;
	opacity: 1;
	pointer-events: auto;
	overflow: hidden;
} */
	.servicesWrapper,
	.servicesWrapperTwo {
		flex-direction: column;
	}

	.serviceSwiperWrapper .swiper-slide,
	.serviceSwiperWrapperTwo .swiper-slide {
		padding: 30px;
		height: auto;
	}
	/* 	.serviceSwiperWrapper .swiper-slide .closeServiceSwiper,
	.serviceSwiperWrapperTwo .swiper-slide .closeServiceSwiper {
	display: none;
} */
	.serviceSwiperWrapper .swiper-slide .contentWrapper,
	.serviceSwiperWrapperTwo .swiper-slide .contentWrapper {
		grid-gap: 0;
	}
	.serviceSwiperWrapper .swiper-slide .contentWrapper .content,
	.serviceSwiperWrapperTwo .swiper-slide .contentWrapper .content {
		grid-column: span 12;
	}
	.serviceSwiperWrapper .swiper-slide .contentWrapper .image,
	.serviceSwiperWrapperTwo .swiper-slide .contentWrapper .image {
		grid-column: span 12;
	}
	section.whoIs .contentGrid .content {
		grid-column: span 12;
		padding: 60px 0;
	}
	section.whoIs .contentGrid .image {
		grid-column: span 12;
	}
	section.services .jsGrid .servicesWrapper,
	section.services .jsGrid .servicesWrapperTwo {
		grid-template-columns: 1fr;
	}
	section.industrySmart .contentGrid .content {
		grid-column: span 12;
	}
	section.industrySmart .contentGrid .image {
		grid-column: span 8;
		margin-top: 2rem;
	}
	section.industrySmart .contentGrid {
		grid-gap: 0;
	}
	section.journey .contentGrid .content {
		grid-column: span 12;
	}
	section.journey .contentGrid .image {
		grid-column: span 12;
	}
	section.testimonials .testimonialsWrapper .swiperCustomWrapper {
		grid-column: span 12;
	}
	#colophon .site-info .jsGrid {
		flex-flow: column;
		align-items: center;
	}
	#colophon .site-info .jsGrid > :not(:last-child) {
		margin-right: 0;
		margin-bottom: 1rem;
	}
}

/* Media: max 600 */
@media only screen and (max-width: 600px) {
	.divider .jsGrid {
		padding: 0 25px;
	}
	.serviceSwiperWrapper .swiper-slide .contentWrapper .content p {
		font-size: 14px;
		line-height: 18px;
	}
	.serviceSwiperNavigationWrapper {
		position: relative;
		top: 0;
		justify-content: center;
		margin-top: 10px;
		grid-gap: 0 10px;
	}
	.serviceSwiperNavigationWrapper div svg {
		width: 60px;
	}
	section.industrySmart .contentGrid .content {
		grid-column: span 12;
	}
	section.industrySmart .contentGrid .image {
		grid-column: span 12;
	}
	section.contact .socialsCol .socialsWrapper .socialItem .iconWrapper {
		width: 50px;
		height: 50px;
	}
	section.contact .socialsCol .socialsWrapper .socialItem .iconWrapper img {
		width: 20px;
		height: 20px;
	}
	section.contact .socialsCol .socialsWrapper .socialItem:not(:last-child) {
		margin-right: 1rem;
	}
	section.testimonials .testimonialsWrapper .swiper .swiper-slide {
		padding: 80px 2rem 0;
	}
	section.testimonials .testimonialsWrapper .swiper .swiper-slide .beginQuote:before {
		font-size: 100px;
		top: 80px;
		left: 2rem;
	}
	section.testimonials .testimonialsWrapper .swiper .swiper-slide p {
		font-size: 16px;
		line-height: 22px;
	}
	section.testimonials .testimonialsWrapper .swiper .swiper-slide .bottomBar {
		margin-top: 10px;
	}
	section.testimonials .testimonialsWrapper .swiper .swiper-slide .bottomBar .navigation > div img {
		width: 60px;
		height: auto;
	}
	h1 {
		font-size: 50px;
		line-height: 64px;
	}
	h2 {
		font-size: 32px;
		line-height: 42px;
	}
	body, p {
		font-size: 14px;
		line-height: 22px;
	}
	.bttn {
		font-size: 16px;
		line-height: 22px;
		min-width: 170px;
		min-height: 40px;
	}
	section.contact .contactFormWrapper .wpcf7 .wpcf7-form-control-wrap input, section.contact .contactFormWrapper .wpcf7 .wpcf7-form-control-wrap textarea {
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 5px;
		height: 28px;
	}
	section.contact .contactFormWrapper .wpcf7 .bttnWrapper {
		width: 100%;
	}
	section.contact .contactFormWrapper .wpcf7 form input[type="submit"] {
		padding: 0 20px;
		font-size: 14px;
		line-height: 1;
		min-height: 30px;
		width: 100%;
	}
	.homeHero {
		min-height: auto;
		padding-top: 100px;
		padding-bottom: 60px;
	}
	.homeHero .contentWrapper .bttn {
		margin-top: 2rem;
	}
	section.services .jsGrid {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.divider {
		padding: 40px 0 60px;
	}
	section.industrySmart .contentGrid {
		padding-bottom: 60px;
	}
	section.testimonials .jsGrid {
		padding-top: 60px;
	}
	section.services .jsGrid .servicesWrapper,
	section.services .jsGrid .servicesWrapperTwo {
		margin-top: 30px;
	}
	section.testimonials .background img {
		object-position: 75% 0;
	}
}

/* Media: max 400 */
@media only screen and (max-width: 420px) {
	#masthead {
		height: auto;
		margin-top: 1rem;
	}
	#masthead .navWrapper .site-branding a {
		font-size: 30px;
	}
	#masthead .navWrapper nav .bttn {
		min-width: unset;
		padding: 0 20px;
	}
	#colophon .site-info .jsGrid > *, #colophon .site-info .jsGrid .menu li a {
		font-size: 12px;
		line-height: 16px;
	}
	#colophon .site-info .jsGrid .menu {
		flex-flow: column;
		margin: 1rem 0 0 0;
	}
	#colophon .site-info .jsGrid .menu li + li {
		margin-left: 0;
		margin-top: 1rem;
	}
	#colophon .site-info .jsGrid > :not(:last-child) {
		margin-bottom: 5px;
	}
	section.contact .socialsCol .socialsWrapper {
		justify-content: space-between;
	}
	section.contact .contactFormWrapper {
		margin-top: 2rem;
	}
	section.contact .socialsCol .socialsWrapper .socialItem:not(:last-child) {
		margin-right: 0;
	}
	section.testimonials .testimonialsWrapper .swiper .swiper-slide .bottomBar .navigation div svg {
		width: 60px;
		height: auto;
	}
}