/*--------------------------------------------------------------
>>> GLOBAL - TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Typography
2.0 Elements
3.0 Header
4.0 Content
5.0 Footer
--------------------------------------------------------------*/


/*--------------------------------------------------------------
1.0 Typography
--------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Poppins:wght@300;400;500;600&display=swap');

h1,
.h1 {
	font-family: 'Poppins';
	font-size: 3.625em;
	font-weight: 600;
	line-height: 1.32;
}

h2,
.h2 {
	font-family: 'Inter';
	font-size: 2.875em;
	font-weight: 700;
	line-height: 1.2;
}

h3,
.h3 {
	font-family: 'Poppins';
	font-size: 2em;
	font-weight: 600;
	line-height: 1.2;
}

h4,
.h4 {
	font-family: 'Inter';
	font-size: 1.625em;
	font-weight: 600;
	line-height: 1.2;
}

a {
	text-decoration: none;
	color: #91b393;
}



/*--------------------------------------------------------------
2.0 Elements
--------------------------------------------------------------*/

body {
	margin: 0;
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	line-height: 1.75;
	color: #212121;
}

body, html {
  overflow-x: hidden;
}

img{
	max-width: 100%
}

.button {
	display: inline-block;
	border-radius: 10px;
	padding: 14px 18px;
	outline: 4px solid rgba(255, 87, 104, 0.20) !important;
	background: #FF5768; 
	font-weight: 600;
	letter-spacing: -0.32px; 
	color: #fff;
}

.button:hover {
	box-shadow: 0 3px 25px 0 rgba(0, 0, 0, 0.16);
}

.link {
	display: flex;
	align-items: center;
	color: #fff;
	font-weight: 500;
}

.link svg {
	margin-left: 0.5em;
}

.hidden {
	display: none;
}

/*--------------------------------------------------------------
3.0 Header
--------------------------------------------------------------*/

#header .container {
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0px 0px 48px 0px rgba(6, 28, 61, 0.05);
}

#logo {
	display: flex;
	align-items: center;
}

#navigation .menu {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: space-between;
	height: 100%;
}

#navigation .menu .current-menu-item,
#navigation .menu .current-menu-ancestor {
    border-bottom: 2px solid #007A7A;
}

#mobile-header {
	height: 100%;
	display: flex;
	align-items: center;
}

#mobile-header .button {
	margin-left: 40px;
}

#navigation {
	flex-grow: 1;
	height: 100%;
}

#navigation a {
	color: #212121;
	font-family: Poppins;
	letter-spacing: -0.32px;
	opacity: 0.7;
}

#navigation .menu > li > a {
	height: 100%;
	display: flex;
	align-items: center;
	padding: 32px 0;
}

#navigation li:hover a {
	opacity: 1;
}

.nav {
	position: absolute;
	top: 0;
	width: 100%;
	text-align: center;
	margin: 36px 0;
	transition: 0.5s all ease;
	z-index: 2
}

.nav.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: unset;
	background: white;
	margin-top: 0;
}

#subheader {
	padding-top: 10em;
	padding-bottom: 1em;
	text-align: center;
	background: linear-gradient(180deg, #DFF6F1 0%, rgba(223, 246, 241, 0.00) 100%);
}

#subheader h1 {
	margin-top: 0;
}

.breadcrumbs {
	color: #888;
}

span[property="itemListElement"] {
	margin: 0 10px;
}

span[property="itemListElement"] a {
	color: #888;
	font-family: Poppins;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.32px;
}

span[property="itemListElement"] .current-item {
	color: #212121;
	font-family: Poppins;
	font-size: 16px;
	letter-spacing: -0.32px;
}

#responsive-menu-button {
	display: none;
}

#navigation .sub-menu {
	display: none;
}

#navigation .menu .menu-item-has-children {
	position: relative;
}

#navigation .menu .menu-item-has-children:hover .sub-menu {
	display: block;
	position: absolute;
	list-style: none;
	background: white;
	padding: 8px 15px;
	border-radius: 0 0 20px 20px;
	width: 200px;
	left: -16px;
	box-shadow: 0 2px 10px 3px rgba(0,0,0,0.1);
}

#navigation .menu .menu-item-has-children:hover .sub-menu li:not(:first-child) {
	border-top: 1px solid rgba(0,0,0,0.2);
}

#navigation .menu .menu-item-has-children:hover .sub-menu li a {
	display: block;
	text-align: left;
	padding: 10px 0;
}

#navigation .menu .menu-item-has-children > a {
	padding-right: 15px;
}

#navigation .menu .menu-item-has-children::after {
	background-image: url("data:image/svg+xml,%3Csvg width='8' height='11' viewBox='0 0 8 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.812988 1.42372L4.43932 5.05005L0.812988 8.67638L2.18666 10.05L7.18666 5.05005L2.18666 0.0500488L0.812988 1.42372Z' fill='%23212121'/%3E%3C/svg%3E");
	content: "";
	width: 9px;
	height: 10px;
	display: block;
	position: absolute;
	top: 46%;
	right: 0;
	transform: rotate(90deg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}



/*--------------------------------------------------------------
4.0 Content
--------------------------------------------------------------*/

.subtitle {
	text-align: center;
	font-family: Poppins;
	font-size: 20px;
	line-height: 29px;
	letter-spacing: -0.4px;
	max-width: 780px;
	margin: 0 auto 70px;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal.open {
  display: block;
  visibility:visible;
  opacity:1;
  transition-delay:0s
}

.modal-bg {
  position:absolute;
  background:rgba(0,0,0,.5);
  width:100%;
  height:100%
}

.modal-container {
  background:#fff;
  position:relative;
  padding:30px
}

.modal-close {
  position:absolute;
  right:15px;
  top:25px;
  outline:none;
  appearance:none;
  background:0 0;
  border:0;
  font-weight:700;
  cursor:pointer;
  z-index: 999;
}

.glide__slides {
	white-space: unset;
}

.work-with-us {
	background-image: url("data:image/svg+xml,%3Csvg width='1440' height='546' viewBox='0 0 1440 546' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1251.53 1.30355C1331.84 5.7795 1389.69 18.7402 1440 30.026V516.722C1389.69 505.437 1331.84 492.476 1251.53 488C1143.62 481.986 1066.02 497.808 984.487 514.432C908.832 529.857 829.791 545.973 720 545.973C610.21 545.973 531.169 529.857 455.514 514.432C373.983 497.808 296.384 481.986 188.471 488C108.157 492.476 50.3052 505.437 0 516.722V30.0261C50.3052 18.7402 108.157 5.7795 188.471 1.30355C296.384 -4.71049 373.982 11.1113 455.513 27.7348L455.514 27.7352C531.169 43.1609 610.21 59.2768 720 59.2768C829.791 59.2768 908.832 43.1609 984.487 27.7352L984.488 27.7348C1066.02 11.1113 1143.62 -4.71049 1251.53 1.30355Z' fill='%234CCCB3' fill-opacity='0.18'/%3E%3C/svg%3E ");
	background-size: cover;
	padding-top: 5em;
	padding-bottom: 6em;
	background-position: top;
	background-repeat: no-repeat;
	text-align: center;
}

.work-with-us h2 {
	margin-bottom: 30px;
	font-family: Poppins;
	letter-spacing: -0.92px;
}

.work-with-us .subtitle {
	margin-bottom: 32px;
}

#main .single-content.container {
	margin-bottom: 8em;
}

.nav-links {
	display: flex;
	justify-content: center;
	align-items: center;
}

.page-numbers {
	padding: 10px;
}

.page-numbers:not(.current) {
	color: #999C9E;
	font-family: Inter;
	font-weight: 500;
	line-height: 163.5%;
}

.page-numbers.current {
	font-weight: 500;
}


.modal-video .modal-container {
	padding: 0;
	top: 12%;
	margin: auto;
	max-width: 1200px;
}

.modal-video video {
	display: block;
	max-width: 100%;
	width: 100%;
}



/*--------------------------------------------------------------
5.0 Footer
--------------------------------------------------------------*/

.site-footer {
	background: #007A7A;
	color: #fff;
	position: relative;
}

.footer {
	color: #fff;
}

footer .container {
	padding: 45px 15px 50px;
}

.site-footer > .container {
	display: grid;
	grid-template-columns: 28% 15% 15% 15% 25%;
	grid-column-gap: 10px;
}

footer nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
}

footer .menu {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}

footer a {
	color: #fff;
}

footer .menu a {
	color: #ffffff;
}

footer .sub-menu {
	display: none;
}

#footer1 > a {
	display: block;
	margin-bottom: 1em;
}

.footer-text {
	font-size: 14px;
	line-height: 2;
	letter-spacing: -0.28px;
	opacity: 0.7;
}

.social {
	display: flex;
}

.social > a {
	border-radius: 22px;
	background: var(--cover-title, #FFF);
	width: 44px;
	height: 44px;
	margin-right: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
}

#site-info {
	font-size: 14px;
	line-height: normal;
	letter-spacing: -0.28px;
	opacity: 0.7;
}

.widget-title {
	color: #FFF;
	font-family: Poppins;
	font-weight: 600;
	line-height: normal;
	letter-spacing: -0.32px;
	margin-bottom: 16px;
}

footer .menu a {
	color: #FFF;
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.28px;
}

.site-footer::before {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg width='1440' height='63' viewBox='0 0 1440 63' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1251.53 1.30355C1331.84 5.7795 1389.69 18.7402 1440 30.026V62.4998L0 62.5L0 30.0261C50.3052 18.7402 108.157 5.7795 188.471 1.30355C296.384 -4.71049 373.982 11.1113 455.513 27.7348L455.514 27.7352C531.169 43.1609 610.21 59.2768 720 59.2768C829.791 59.2768 908.832 43.1609 984.487 27.7352L984.488 27.7348C1066.02 11.1113 1143.62 -4.71049 1251.53 1.30355Z' fill='%23007A7A'/%3E%3C/svg%3E");
	display: block;
	width: 100%;
	height: 5vw;
	position: absolute;
	bottom: 99%;
	background-size: cover;
	background-position: center;
}

#footer4 .link {
	margin-top: 20px;
}

article.error-404.not-found.col-md-12 {
    padding: 0 0 160px;
}

.social-mob {display: none;}

/* Smooth centered appearance */
.fade-center {
  opacity: 0;
  transition: opacity 0.8s ease-out;
}

.fade-center.show {
  opacity: 1;
}

/* Smooth appearance on the left */
.fade-left {
  opacity: 0;
  transform: translateX(-30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-left.show {
  opacity: 1;
  transform: translateX(0);
}

/* Smooth appearance on the right side */
.fade-right {
  opacity: 0;
  transform: translateX(30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-right.show {
  opacity: 1;
  transform: translateX(0);
}

.modal-container iframe {
    width: 100%;
    min-height: 620px;
    display: block;
}

/* Thank you page */

.page-template-thank-you-page #header {
    display: none;
}

.page-template-thank-you-page header {
    height: 324px;
    background: linear-gradient(180deg, #DFF6F1 0%, rgba(223, 246, 241, 0.00) 100%);
}

.thank-you-pagee-wrap {
    padding: 0 0 200px;
    position: relative;
    top: -150px;
    text-align: center;
}

.thank-you-title {
    margin-bottom: 20px;
    color: #212121;
    text-align: center;
    font-family: Poppins;
    font-size: 58px;
    font-style: normal;
    font-weight: 600;
    line-height: 77px; /* 132.759% */
    letter-spacing: -1.16px;
}

.thank-you-subtitle {
    color: #212121;
    text-align: center;
    font-family: Poppins;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px; /* 134.615% */
    letter-spacing: -0.52px;
}

@media (max-width: 991px){
	h1, .h1 {
		font-size: 2.625em;
	}

	h2, .h2 {
		font-size: 2.375em;
	}

	h3, .h3 {
		font-size: 1.6em;
	}

	#header .container {
		padding: 18px;
	}

	#navigation {
		display: none;
	}

	#mobile-header {
		justify-content: flex-end;
	}

	#mobile-header .button {
		display: none;
	}

	#responsive-menu-button {
		display: block;
	}

	#modal-header .modal-container {
		margin: 15px;
		border-radius: 20px;
		background: #FFF;
		box-shadow: 0px 0px 48px 0px rgba(6, 28, 61, 0.25);
		padding: 0;
	}

	#modal-header .modal-container .d-flex {
		padding: 18px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.10);
	}

	#modal-header .menu {
		overflow-y: scroll;
		overflow-x: hidden;
	}

	#modal-header ul {
		list-style: none;
	}

	#modal-header .menu a {
		color: #212121;
		font-family: Poppins;
		font-size: 20px;
		font-weight: 500;
		letter-spacing: -0.4px;
		display: block;
		text-align: center;
		padding: 15px;
	}

	#modal-header .menu .menu-item-has-children a {
	    padding-left: 35px;
	}

	#modal-header .menu {
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1);
    padding: 0 20px;
    height: calc(100vh - 250px);
    box-sizing: border-box;
	}

	#modal-header .menu li.menu-item-has-children .sub-menu {
		box-shadow: 1px 2px 4px rgba(46, 61, 73, 0.2);
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
		-webkit-overflow-scrolling: touch;
		min-width: 200px;
		position: absolute;
		list-style: none;
		background: #FFF;
		padding: 0;
		float: left;
		left: 0;
		width: 100%;
		display: none;
	}


	#modal-header .menu li.menu-item-has-children .sub-menu {
		box-shadow: none;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		display: block !important;
		background: #FFF;
		z-index: 1;
		top: 0;
		left: 100%;
		height: 100%;
		padding-top: 65px;
	}

	#modal-header .menu li.menu-item-has-children .sub-menu.open-sub {
		left: 0%;
	}

	li.back {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

	#modal-header .menu li.menu-item-has-children > a {
		position: relative;
	}

	#modal-header .menu li.menu-item-has-children > a::after {
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		content: "";
		height: 12px;
		width: 32px;
		background-image: url("data:image/svg+xml,%3Csvg width='8' height='11' viewBox='0 0 8 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.812988 1.42372L4.43932 5.05005L0.812988 8.67638L2.18666 10.05L7.18666 5.05005L2.18666 0.0500488L0.812988 1.42372Z' fill='%23212121'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: center;
		display: inline-block;
	}

	#modal-header .text-center {
		text-align: center;
	}

	#modal-header .text-center .button {
		margin: 0 auto 40px;
	}

	#modal-header .menu .sub-menu.open-sub > .menu-item > a {
		font-weight: 400;
	}

	#modal-header .menu .back a {
		font-weight: 600;
	}

	#modal-header .menu .back > a::before {
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		content: "";
		height: 12px;
		width: 32px;
		background-image: url("data:image/svg+xml,%3Csvg width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.68701 1.62367L3.06068 5.25L6.68701 8.87633L5.31334 10.25L0.313339 5.25L5.31334 0.25L6.68701 1.62367Z' fill='%23212121'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: center;
		display: inline-block;
	}

	.site-footer::before {
		height: 62px;
		bottom: calc(100% - 1px);
	}

	.site-footer > .container {
		grid-template-columns: 40% 26% 26%;
		grid-row-gap: 30px;
		grid-column-gap: 30px;
	}

}

@media (max-width: 767px){
	h1 {
		text-align: center;
	}

	.site-footer > .container {
		grid-template-columns: 50% 44%;
	}

	.page-template-thank-you-page header {
	    height: 230px;
	}

	.thank-you-pagee-wrap {
	    padding: 0 0 60px;
	}

	.thank-you-title {
	    margin-bottom: 15px;
	    font-size: 40px;
	    line-height: 48px;
	}

	.thank-you-subtitle {
	    font-size: 18px;
	    line-height: 28px;
	}

	.modal-container iframe {
		min-height: unset
	}

	.modal-video .modal-container {
		top: 20%;
		max-height: 70vw;
	}

}

@media (max-width: 480px){
	h2, .h2 {
		font-size: 28px;
	}

	h4, .h4 {
		letter-spacing: -0.52px;
	}

	.nav {
		padding: 0 15px;
	}

	#subheader {
		padding-top: 8.5em;
	}

	#subheader h1 {
		font-size: 28px;
		line-height: 47px;
		letter-spacing: -0.56px;
		margin-bottom: 0;
	}

	.subtitle {
		font-size: 14px;
		line-height: 23px;
		letter-spacing: -0.28px;
		margin-bottom: 40px;
	}

	.work-with-us {
		background-image: url("data:image/svg+xml,%3Csvg width='375' height='649' viewBox='0 0 375 649' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M375 7.81683C361.9 4.87884 346.834 1.50433 325.919 0.339287C297.817 -1.22614 277.609 2.89251 256.377 7.22063L256.372 7.2221C236.672 11.2372 216.089 15.4321 187.5 15.4321C158.911 15.4321 138.328 11.2372 118.628 7.2221L118.623 7.22063C97.3914 2.89251 77.1834 -1.22614 49.0809 0.339287C28.1658 1.50433 13.1003 4.87884 0 7.81683L0 640.885C13.1003 637.947 28.1658 634.572 49.0809 633.407C77.1834 631.842 97.3914 635.96 118.623 640.289L118.628 640.29C138.328 644.305 158.911 648.5 187.5 648.5C216.089 648.5 236.672 644.305 256.372 640.29L256.377 640.289C277.609 635.96 297.817 631.842 325.919 633.407C346.834 634.572 361.9 637.947 375 640.885V7.81683Z' fill='%234CCCB3' fill-opacity='0.18'/%3E%3C/svg%3E");
	}

	.work-with-us .subtitle {
		font-size: 20px;
		line-height: 29px;
		letter-spacing: -0.4px;
	}

	.footer-text {
		text-align: center;
		line-height: normal;
	}

	.site-footer::before {
		height: 29px;
		bottom: calc(100% - 8px);
		background-repeat: no-repeat;
		width: 100vw;
		background-position: center;
		background-size: 105%;
	}

	.site-footer > .container {
	    display: flex;
	    flex-wrap: wrap;
	    gap: 30px;
	    justify-content: space-between;
	}

	#footer1 > a {
		text-align: center;
	}

	#footer1 .social {
		position: absolute;
		bottom: 80px;
		margin: auto;
		left: 0;
		right: 0;
		justify-content: center;
		display: none;
	}

	#footer5 .social-mob {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    margin: -10px 0 33px;
	}

	#site-info {
		bottom: 30px;
		position: absolute;
		text-align: center;
		width: calc(100% - 30px);
	}

	#footer1 {
		grid-area: footer1;
	}

	#footer2 {
		grid-area: footer2;
	}

	#footer3 {
		grid-area: footer3;
	}

	#footer4 {
		grid-area: footer4;
	}

	#footer4 .menu-services-container #menu-services {
	    display: flex;
	    flex-wrap: wrap;
	    column-gap: 30px;
	    justify-content: space-between;
	    text-align: left;
	}

	#footer4 .menu-services-container #menu-services li {
	    min-width: 149px;
	}

	#footer5 {
	    grid-area: footer5;
	    flex: 100%;
	}

	.meta-item {
		display: block;
		margin: 0 auto;
		max-width: 260px;
		padding: 5px 15px;
	}

	.meta {
	    flex-direction: column;
	    row-gap: 15px;
}
}