/* Mobile */

a {
	color: #002E6C;
	text-decoration: none;
}

input[type="submit"] {
	cursor: pointer;
}

.w-input,
.w-select {
	width: 100%;
}

.kairos-symbol-1 {
	max-width: 400px;
}

.h1-sub.li-tick {
	width: auto;
}

/* Custom */
.section-portfolio-1 {
	display: flex;
	flex-flow: column nowrap;
	align-items: start;
}

.tabs {
	display: flex;
	flex-flow: row wrap;
	gap: 1em;
	padding: 0 0 3em 0;
}

.tabs a {
	font-size: .75rem;
	text-decoration: none;
	color: var(--primary);
	border: 2px solid var(--primary);
	padding: 1em 1.5em;
	border-radius: .5em;
}

.tabs a:hover {
	background: var(--primary);
	color: #fff;
	transition: all .2s ease-in-out;
}

.tabs .active {
	border: 2px solid var(--secondary);
	background: var(--secondary);
	color: #000;
}

.tabs .active:hover {
	background: var(--secondary);
	color: #000;
}

.img-fluid {
	max-width: 100%;
}

.section-portfolio-3 {
	display: flex;
	flex-flow: column nowrap;
}

.portfolio {
	padding: 0 0 3em 0;
}

.portfolio a {
	text-decoration: none;
}

.portfolio .text-sm {
	color: #000;
}

.pt-4 {
	padding-top: 2em;
}

.pb-1 {
	padding-bottom: 1em;
}

.blog-post {
	background-color: #002E6C;
	background-size: cover;
}

.blog-post a {
	text-decoration: none;
}

.blog-post .date {
	color: #fff;
}

.blog-post .blog-post-title {
	color: #FFC107;
}

.blog-post:nth-child(even) {
	background-color: #FFC107;
}

.blog-post:nth-child(even) .date {
	color: #000;
}

.blog-post:nth-child(even) .blog-post-title {
	color: #000;
}

.post-container {
	display: flex;
	flex-flow: column wrap;
	gap: 1em;
	overflow: hidden;
	padding-bottom: 2em;
}

.post {
	background-color: #002E6C;
	background-size: cover;
	display: flex;
	flex-flow: row wrap;
	align-content: flex-end;
	justify-content: flex-start;
	padding: 2em;
}

.post a {
	text-decoration: none;
}

.post .date {
	color: #fff;
}

.post h4 {
	color: #FFC107;
}

.post:nth-child(even) {
	background-color: #FFC107;
}

.post:nth-child(even) .date {
	color: #000;
}

.post:nth-child(even) h4 {
	color: #002F6C;
}

.pagination {
	display: flex;
	flex-flow: column nowrap;
	gap: 1em;
	padding: 2em 0;
	justify-content: flex-end;
	width: 100%;
}

.pagination-btn,
.next a,
.prev a {
	font-family: Poppins, sans-serif;
	text-decoration: none;
	border: 2px solid #002E6C;
	padding: 1em 2em;
	padding-left: 3em;
	border-radius: 5px;
	color: #002E6C;
	background: 1em center no-repeat url(images/arrow_left.svg);
}

.next a {
	background-image: url(images/arrow_right.svg);
}

.wpcf7-not-valid-tip {
	padding-top: 1em;
}

/* Tablet */
@media screen and (min-width: 480px) {
	.section-portfolio-1 {
		padding: 2em;
	}

	.tabs a {
		font-size: 1rem;
	}
}

/* Tablet */
@media screen and (min-width: 767px) {

	.pagination {
		flex-flow: row nowrap;
	}

	.pt-4 {
		padding-top: 4em;
	}

	.pb-1 {
		padding-bottom: 3em;
	}

	.section-portfolio-1 {
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		gap: 2em;
	}

	.section-portfolio-1 .page-title {
		max-width: 35%;
	}

	.section-portfolio-3 {
		gap: 2em;
		flex-flow: row wrap;
		padding-bottom: 3em;
	}

	.portfolio {
		width: 30%;
	}
}


/* Desktop */
@media screen and (min-width: 991px) {



	.post-container {
		flex-flow: row wrap;
		padding-bottom: 10em;
	}

	.post {
		width: 32.5%;
		box-sizing: border-box;
		min-height: 436px;
	}

	.post h4 {
		font-size: 2.25rem;
		line-height: 1.20;
	}

	.main-wrapper {
		padding-left: 3em;
		padding-right: 3em;
	}

	.section-portfolio-1 {
		padding: 4em 2em;
	}

	.section-process {
		min-height: auto;
	}

	.kairos-symbol-1 {
		max-width: none;
		top: -40px;
	}

	#wf-form-cta-1-email {
		align-items: flex-end;
	}

	.nav-link {
		padding-left: 1em;
		padding-right: 1em;
	}
}

@media screen and (max-width: 991px) {
	.pmv {
		width: auto;
	}
}