@charset "UTF-8";

/*
Theme Name: Twenty Twenty-One
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.3
Requires PHP: 5.6
Version: 3.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/

/**
 * SETTINGS
 * File-header..........The file header for the themes style.css file.
 * Fonts................Any font files, if the project needs specific fonts.
 * Global...............Project-specific, globally available variables.
 *
 * TOOLS
 * Functions............Global functions.
 * Mixins...............Global mixins.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults.
 * Breakpoints..........Mixins and variables for responsive styles
 * Vertical-margins.....Vertical spacing for the main components.
 * Reset................Reset specific elements to make them easier to style in other contexts.
 * Clearings............Clearings for the main components.
 *
 * ELEMENTS
 * Blockquote...........Default blockquote.
 * Forms................Element-level form styling.
 * Headings.............H1–H6
 * Links................Default links.
 * Lists................Default lists.
 * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
 *
 * BLOCKS
 * Audio................Specific styles for the audio block.
 * Button...............Specific styles for the button block.
 * Code.................Specific styles for the code block.
 * Columns..............Specific styles for the columns block.
 * Cover................Specific styles for the cover block.
 * File.................Specific styles for the file block.
 * Gallery..............Specific styles for the gallery block.
 * Group................Specific styles for the group block.
 * Heading..............Specific styles for the heading block.
 * Image................Specific styles for the image block.
 * Latest comments......Specific styles for the latest comments block.
 * Latest posts.........Specific styles for the latest posts block.
 * Legacy...............Specific styles for the legacy gallery.
 * List.................Specific styles for the list block.
 * Media text...........Specific styles for the media and text block.
 * Navigation...........Specific styles for the navigation block.
 * Paragraph............Specific styles for the paragraph block.
 * Pullquote............Specific styles for the pullquote block.
 * Quote................Specific styles for the quote block.
 * Search...............Specific styles for the search block.
 * Separator............Specific styles for the separator block.
 * Table................Specific styles for the table block.
 * Verse................Specific styles for the verse block.
 * Video................Specific styles for the video block.
 * Utilities............Block alignments.
 *
 * COMPONENTS
 * Header...............Header styles.
 * Footer...............Footer styles.
 * Comments.............Comment styles.
 * Archives.............Archive styles.
 * 404..................404 styles.
 * Search...............Search styles.
 * Navigation...........Navigation styles.
 * Footer Navigation....Footer Navigation styles.
 * Pagination...........Pagination styles.
 * Single...............Single page and post styles.
 * Posts and pages......Misc, sticky post styles.
 * Entry................Entry, author biography.
 * Widget...............Widget styles.
 * Editor...............Editor styles.
 *
 * UTILITIES
 * A11y.................Screen reader text, prefers reduced motion etc.
 * Color Palette........Classes for the color palette colors.
 * Editor Font Sizes....Editor Font Sizes.
 * Measure..............The width of a line of text, in characters.
 */

/* Categories 01 to 03 are the basics. */
@font-face {
	font-family: "Cera Pro Bold";
	src: url("./assets/fonts/cera-pro/CeraPro-Bold.woff2");
	font-style: normal;
	font-stretch: normal;
}
@font-face {
	font-family: "Cera Pro Light";
	src: url("./assets/fonts/cera-pro/CeraPro-Light.woff2");
	font-style: normal;
	font-stretch: normal;
}
@font-face {
	font-family: "Cera Pro Medium";
	src: url("./assets/fonts/cera-pro/CeraPro-Medium.woff2");
	font-style: normal;
	font-stretch: normal;
}
@font-face {
	font-family: "Cera Pro";
	src: url("./assets/fonts/cera-pro/CeraPro-Regular.woff2");
	font-style: normal;
	font-stretch: normal;
}

.font-bold {
	font-family: "Cera Pro Bold";
}

.font-medium {
	font-family: "Cera Pro Medium";
}

.font-base {
	font-family: "Cera Pro";
}

.font-light {
	font-family: "Cera Pro Light";
}

.text-base {
	color: #00ae70;
}

.text-yellow {
	color: #f5c334;
}

input[name=mobile],
input[name=phone],
input[name=email] {
	font-family: "Arial" !important;
}

ol,
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

a {
	color: #444;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}

* {
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}

a:hover,
a:focus {
	outline: 0;
}

img {
	max-width: 100%;
}

html,
body {
	height: 100%;
}

@keyframes fadeOut {

	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}
@keyframes fadein {

	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

/* Firefox < 16 */
@-moz-keyframes fadein {

	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {

	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

/* Internet Explorer */
@-ms-keyframes fadein {

	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

/* Opera < 12.1 */
@-o-keyframes fadein {

	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

body {
	font-family: "Cera Pro", Arial, Helvetica, sans-serif;
}

#trp-floater-ls.trp-top-right {
	position: absolute;
	background: none;
	box-shadow: none;
	border-radius: 0;
	overflow: initial;
	right: 4rem;
}

#trp-floater-ls-language-list {
	display: block !important;
	overflow: hidden !important;
	max-height: initial !important;
	text-align: right;
}

#trp-floater-ls-language-list .trp-language-wrap {
	display: inline-flex;
	padding: 0 !important;
}

#trp-floater-ls-language-list .trp-language-wrap a {
	margin: 0 !important;
	padding: 1rem 0.5rem;
}

#trp-floater-ls-language-list .trp-language-wrap a:hover {
	background: none !important;
	color: #00ae70 !important;
}

#trp-floater-ls-current-language {
	display: none !important;
}

.about-container {
	background: #0e0e0e;
	color: #fff;
}

.awsm-application-submit-btn {
	border-radius: 100px;
	height: 50px;
	padding: 0 24px;
	display: inline-flex;
	align-items: center;
	outline: none;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	width: 100%;
	border: none;
	background: #0e0e0e;
	text-align: center;
	color: #fff;
	display: block;
}

.awsm-application-submit-btn:hover {
	background: #00ae70;
}

.awsm-application-form .awsm-job-form-group:last-child {
	position: relative;
}

.awsm-application-form .awsm-job-form-group:last-child::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	width: 20px;
	background: url(./assets/images/arrow-right.svg) no-repeat right center/20px auto;
	transition: all 0.25s;
}

.awsm-application-form .awsm-job-form-group:last-child:hover::after {
	right: 15px;
}

.awsm-job-form-inner {
	border: none;
	background: none;
}

.awsm-job-form-control:not([type=file]) {
	border: none;
	border-bottom: 1px solid rgba(102, 102, 102, 0.4);
	outline: none !important;
}

.btn {
	border-radius: 100px;
	height: 50px;
	padding: 0 24px;
	display: inline-flex;
	align-items: center;
	outline: none;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.btn svg {
	margin-left: 0.2rem;
}

.btn:not([class*=btn-outline-]) {
	border: none;
}

.btn:hover svg {
	margin-left: 0.5rem;
}

.btn.btn-primary {
	background: #00ae70;
}

.btn.btn-primary:hover {
	background: #019561;
}

.btn.btn-primary-outlined {
	border: 1px solid #00ae70;
	background: none;
	color: #00ae70;
}

.btn.btn-primary-outlined:hover {
	background: #019561;
	color: #fff;
}

.btn.btn-primary-outlined:hover svg path {
	stroke: #fff !important;
}

.btn.btn-secondary {
	background: #f5c334;
}

.btn.btn-secondary:hover {
	background: #e1b22f;
}

@keyframes gradient {

	0% {
		background-size: 100% 110%;
	}

	50% {
		background-size: 110% 120%;
	}

	100% {
		background-size: 120% 130%;
	}
}

.areka-header {
	border-top: 5px solid #00ae70;
	z-index: 5;
}

.areka-header.with-bg {
	background-color: #0e0e0e;
}

.areka-header .site-logo img {
	max-width: 234px;
	height: auto;
}

.areka-header .home-page-pattern {
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.areka-header .navbar-nav {
	gap: 3rem;
}

.areka-header .navbar-nav a {
	display: block;
	font-size: 15px;
	padding: 0.6rem 0;
	color: #fff;
}

.areka-header .navbar-nav a:hover {
	color: #f5c334;
}

.areka-header .navbar-nav .current-menu-item > a,
.areka-header .navbar-nav .current-menu-ancestor > a {
	font-weight: 700;
}

.areka-header .navbar-toggler {
	border: none;
}

.areka-header .navbar-toggler .navbar-toggler-icon {
	background: none !important;
	position: relative;
	width: 28px;
	height: 2px;
	margin-top: -1px;
	transition: all 0.5s;
}

.areka-header .navbar-toggler .navbar-toggler-icon:before {
	content: "";
	position: absolute;
	top: -5px;
	left: 0;
	right: 0;
	height: 2px;
	background-color: #fff;
	transition: all 0.5s;
}

.areka-header .navbar-toggler .navbar-toggler-icon:after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 6px;
	right: 0;
	height: 2px;
	background-color: #fff;
	transition: all 0.5s;
}

.areka-header .navbar-toggler[aria-expanded=true] .navbar-toggler-icon:before {
	transform: rotate(-135deg);
	background-color: #fff;
	top: 0;
}

.areka-header .navbar-toggler[aria-expanded=true] .navbar-toggler-icon:after {
	transform: rotate(135deg);
	background-color: #fff;
	bottom: 0;
	left: 0;
	height: 2px;
}

.reveal {
	position: relative;
	transform: translateY(150px);
	opacity: 0;
	transition: 1s all ease;
}

.reveal.active {
	transform: translateY(0);
	opacity: 1;
}

.circle {
	width: 51px;
	height: 51px;
	box-shadow: 0 3px 20px rgba(0, 0, 0, 0.05);
	border-radius: 50%;
}

.circle.green {
	background: linear-gradient(180deg, rgba(0, 174, 112, 0.8) 0%, #00ae70 100%);
	right: 10%;
	top: 20%;
}

.circle.yellow {
	background: linear-gradient(180deg, rgba(245, 195, 52, 0.72) 0%, #f5c334 100%);
	left: 10%;
}

.hero-video-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	height: 100vh;
	z-index: 0;
}

.hero-video-bg:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(14, 14, 14, 0.5);
}

.hero-video-bg video {
	width: 100%;
	height: 100%;
	position: relative;
}

.start-project-btn {
	width: 202px;
}

.start-project-btn .btn.btn-outline-secondary {
	color: #fff;
	border-color: #fff;
}

.start-project-btn .btn.btn-outline-secondary span {
	line-height: 0;
}

.start-project-btn .btn.btn-outline-secondary:hover {
	background: #00ae70;
	color: #fff;
	border-color: #00ae70;
}

.first-transition {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 1000000000000000000;
	right: 0;
	top: 0;
	background: #000;
	animation: first-transition 1s;
	animation-fill-mode: forwards;
}

@keyframes first-transition {

	from {
		top: 0;
	}

	to {
		top: -100%;
	}
}

.homepage-hero {
	padding: 12rem 0 4rem;
	min-height: 80vh;
	position: relative;
	color: #fff;
}

.homepage-hero.h-100 {
	min-height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.homepage-hero h1,
.homepage-hero h2 {
	font-size: 64px;
	position: relative;
	line-height: 95px !important;
	font-family: "Cera Pro Bold", Arial;
}

.homepage-hero h1 span,
.homepage-hero h2 span {
	position: relative;
}

.homepage-hero h1 span:after,
.homepage-hero h2 span:after {
	content: "";
	background: url(./assets/images/hero-line.svg) center no-repeat;
	background-size: contain;
	width: 100%;
	height: 40px;
	position: absolute;
	top: 84%;
	left: 0;
	right: 0;
}

.homepage-hero p {
	max-width: 793px;
	margin: 0 auto;
	color: #aaa;
	font-size: 20px;
	font-weight: 400;
}

.homepage-hero .hero-content {
	z-index: 3;
}

.homepage-hero .hero-content video {
	margin-top: 4rem;
	border-radius: 50px;
	border: 9px solid rgba(255, 255, 255, 0.1);
}

div.wpforms-container-full input,
div.wpforms-container-full .wpforms-field-label,
div.wpforms-container-full button,
div.wpforms-container-full label,
div.wpforms-container-full span {
	font-weight: 500;
}

div.wpforms-container-full button.wpforms-submit[type=submit] {
	width: 100%;
	padding: 1rem;
	height: auto;
}

.site-content {
	min-height: 50dvh;
}

.tags-list a {
	background: rgba(0, 174, 112, 0.15);
	border-radius: 100px;
	padding: 0.1rem 1rem 0.4rem;
	color: #00ae70;
	font-size: 14px;
}

.home-page-header {
	background-position: center 60% !important;
	background-size: cover !important;
	min-height: 60dvh;
	box-shadow: 0 6px 5px rgba(0, 0, 0, 0.3);
}

.home-page-header .slogan {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 3rem;
	color: #fff;
	margin: auto;
	text-align: center;
	font-weight: 700;
}

.owl-nav {
	position: absolute;
	left: 0;
	top: -3rem;
}

.owl-nav .owl-prev,
.owl-nav .owl-next {
	background: rgba(230, 230, 230, 0.41) !important;
	width: 30px;
	height: 30px;
	border-radius: 5px;
}

.owl-nav .owl-next {
	margin-right: 0.7rem;
}

.logo-section {
	padding: 0.5rem;
	z-index: 9999999999;
	position: relative;
}

.quote-section h1,
.quote-section h2,
.quote-section h3 {
	text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	font-size: 36px;
	line-height: 38px;
}

.quote-section h1 b,
.quote-section h2 b,
.quote-section h3 b {
	font-weight: 700;
}

.quote-section p {
	text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.quote-section .quote {
	position: absolute;
}

.quote-section .quote.start {
	top: -2rem;
	right: -1rem;
}

.quote-section .quote.end {
	bottom: -1rem;
	left: -1rem;
}

.corner {
	position: fixed;
	transform: rotate(180deg);
}

.corner.top-right {
	top: 0;
	left: 0;
	z-index: -1;
}

.corner.bottom-left {
	bottom: 0;
	right: 0;
}

.relative {
	position: relative !important;
}

.search-form {
	display: block;
}

.search-form .form-control {
	border-radius: 10px;
	background: rgb(255, 255, 255);
	box-shadow: 0 0 24px 0 rgba(36, 92, 153, 0.2);
	height: 54px;
	font-size: 16px;
	padding-left: 4rem;
}

.search-form .btn-search {
	left: 0;
	background: none;
	border: none;
	padding: 1rem;
	top: 0;
	bottom: 0;
	margin: auto;
}

.text-base {
	color: #00ae70;
}

.check-projects-label {
	font-size: 23px;
	margin-top: 50px;
	display: block;
}

.projects-counts {
	gap: 3rem;
	margin-top: 4rem;
}

.projects-count-btn {
	background-color: #019561;
	background-image: url(../images/btn-bg.svg);
	background-position: center;
	background-repeat: no-repeat;
	flex: 1;
	color: #fff;
	text-decoration: none;
	border-radius: 10px;
	padding: 1rem 2.5rem;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}

.projects-count-btn:hover {
	background-color: #00ae70;
	background-size: 120%;
}

.projects-count-btn h3 {
	font-size: 23px;
	margin: 0;
}

.projects-count-btn .count {
	font-size: 53px;
	font-weight: bold;
}

a {
	text-decoration: none;
}

.inner-header {
	padding: 1rem 0;
}

.inner-header ul {
	gap: 2rem;
}

.inner-header ul a {
	color: #019561;
	font-size: 17px;
}

.inner-header ul li:hover a {
	color: #00ae70;
}

.inner-header img {
	width: 204px;
}

.footer {
	background: linear-gradient(rgb(0, 0, 0), rgba(0, 0, 0, 0.9));
	padding: 3rem 0;
	color: #fff;
}

.footer h1,
.footer h3,
.footer h4,
.footer h5,
.footer h2 {
	color: #fff;
}

.footer h2 {
	margin: 7px 0 26px 0;
	font-size: 37px;
	letter-spacing: -1px;
}

.footer p {
	font-size: 20px;
}

.footer .social-list {
	display: flex;
	justify-content: center;
	margin: 1.5rem 0;
}

.footer .social-list li {
	margin: 0 1rem;
}

.footer .social-list a {
	color: #fff;
	font-size: 23px;
}

.footer .social-list a:hover {
	color: #00ae70;
}

.awsm-job-single-wrap {
	max-width: 700px;
	margin: 0 auto;
}

.areka-counts {
	gap: 2.5rem;
	margin: 3rem auto;
}

.areka-counts .count-item:not(:first-child) {
	border-left: 3px solid #fff;
	padding-left: 1.5rem;
}

.areka-counts .count-value {
	font-weight: 700;
	font-size: 28px;
}

.areka-counts .count-value span {
	color: #f5c334;
}

.areka-counts label {
	font-size: 14px;
	color: #aaa;
}

.site-main section {
	margin: 4rem auto;
}

.site-main section.get-started-section {
	margin-bottom: 7rem;
}

.site-main section .section-header h5 {
	color: #00ae70;
	font-size: 24px;
}

.site-main section .section-header h3 {
	font-size: 48px;
	font-weight: 700;
}

.site-main section .section-header p {
	font-size: 20px;
	color: #666;
	max-width: 674px;
	line-height: 34px;
	margin: 0.5rem auto;
}

.site-main section .description p {
	font-size: 20px;
}

.about-section .about-us-image {
	height: 480px;
	text-align: center;
}

.about-section .about-us-image img {
	margin: 0 auto;
	max-width: 100%;
	max-height: 100%;
}

.about-section .description {
	line-height: 32px;
	font-size: 20px;
	margin-bottom: 4.6rem;
}

.navbar-brand:empty {
	display: none;
}

.services-list {
	margin: 3rem auto;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 3rem 2rem;
}

.services-list .service-item {
	cursor: pointer;
}

.services-list .service-item:hover svg {
	margin-left: 0.3rem;
}

.services-list .service-item h4 {
	font-size: 24px;
	font-weight: 700;
}

.services-list .service-item p {
	font-size: 18px;
	color: #666;
}

.services-list .service-item a {
	color: #00ae70;
	font-weight: 700;
}

.services-list .service-item:hover h4,
.services-list .service-item:hover a {
	color: #019561;
}

.site-main .tmm .tmm_member {
	border-radius: 10px;
}

.site-main .tmm .tmm_member .tmm_photo {
	border-radius: 30px !important;
}

.sub-services-list .list-items {
	column-count: 3;
	column-gap: 2rem;
}

.sub-services-list .service-item {
	display: inline-block;
	margin-bottom: 2rem;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 20px;
	box-shadow: 3px 0 5px 0 rgba(0, 0, 0, 0.04);
	padding: 1.5rem;
	width: 100%;
	border: 1px solid #eee;
	border-bottom: 5px solid whitesmoke;
}

.sub-services-list .service-item h4 {
	font-size: 21px;
	margin: 0;
	font-family: "Cera Pro Medium";
}

.sub-services-list .service-item p {
	color: #666;
	margin: 0.7rem 0 0;
}

.sub-services-list .service-item p:empty {
	display: none;
}

.sub-menu-toggle {
	display: none;
}

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

.menu-item-has-children .sub-menu {
	position: absolute;
	background: #131313;
	min-width: 300px;
	z-index: 999999;
	padding: 0.7rem 1.7rem;
	box-shadow: 0 10px 34px rgba(0, 0, 0, 0.35);
	border-radius: 20px;
	display: none;
}

.menu-item-has-children:hover .sub-menu {
	display: block;
}

.projects-list {
	margin: 2rem auto;
	position: relative;
}

.projects-list.column-3 {
	column-count: 3;
	column-gap: 2rem;
}

.projects-list .post {
	cursor: pointer;
	position: relative;
}

.projects-list .inner-project-item-wrapper {
	display: inline-block;
}

.projects-list .inner-project-item-wrapper .entry-header {
	position: relative;
}

.projects-list .inner-project-item-wrapper .entry-details {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 1rem;
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
	border-radius: 0 0 10px 10px;
	margin: 0;
	z-index: 1;
	color: #fff;
}

.projects-list .inner-project-item-wrapper .entry-title {
	width: 100%;
	color: #fff;
	font-size: 21px;
	font-weight: 600;
}
.projects-list .inner-project-item-wrapper .entry-title a {
	color: #fff;
}

.projects-list .inner-project-item-wrapper figure {
	border-radius: 10px;
	overflow: hidden;
}

.projects-list .inner-project-item-wrapper figure img {
	height: 100%;
	max-width: initial;
	width: auto;
	transform-origin: center;
}

.projects-list .inner-project-item-wrapper:hover img {
	transform: scale(1.1, 1.1);
}

.projects-list .service-project-item a {
	position: relative;
}

.projects-list .service-project-item figure {
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid #f7f7f7;
}

.projects-list .service-project-item:hover img {
	transform: scale(1.1, 1.1);
}

.projects-list .service-project-item .entry-details {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 1rem;
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
	border-radius: 0 0 10px 10px;
	margin: 0;
	width: 100%;
	color: #fff;
}

.projects-list .service-project-item .entry-details h4 {
	font-size: 20px;
	font-weight: 700;
}

.projects-list .project-item {
	cursor: pointer;
	position: relative;
	height: 400px;
	border-radius: 30px;
	overflow: hidden;
}

.projects-list .project-item picture {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.projects-list .project-item img {
	height: 100%;
	max-width: initial;
	width: auto;
	transform-origin: center;
}

.projects-list .project-item:hover img {
	transform: scale(1.1, 1.1);
}

.projects-list .project-item .entry-details {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 1rem;
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
	border-radius: 0 0 30px 30px;
	margin: 0;
	width: 100%;
	color: #fff;
}

.projects-list .project-item .entry-details h4 {
	font-size: 24px;
	font-weight: 700;
}

.projects-list .owl-nav {
	display: block !important;
	left: 0;
	right: 0;
}

.projects-list .owl-nav button.owl-next,
.projects-list .owl-nav button.owl-prev {
	border-radius: 4px;
	width: 40px;
	height: 40px;
	background: rgba(0, 0, 0, 0.48) !important;
	position: absolute;
	top: 230px;
	margin: 0;
}

.projects-list .owl-nav .owl-next {
	right: 0;
}

.projects-list .owl-nav .owl-prev {
	left: 0;
}

.clients-section {
	margin: 0;
	padding: 3rem 0;
}

.clients-section .clients-list {
	margin: 3rem auto 2rem;
}

.clients-section .clients-list .item {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 110px;
}

.clients-section .clients-list .item img {
	max-height: 100%;
	width: auto;
}

.project-page-header {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 30vh;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	padding-bottom: 3rem;
	color: #fff;
}

.project-page-header h1 {
	font-size: 51px;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.project-page-header p {
	font-size: 20px;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.service-page-header {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 45vh;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #fff;
}

.service-page-header h1 {
	margin-top: 2rem;
	font-size: 51px;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.service-page-header p {
	font-size: 20px;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.entry-header.single-post {
	background: #019561;
}

.entry-header.single-post .content-wrapper {
	height: 85dvh;
	position: relative;
	text-align: center;
}

.entry-header.single-post .content-wrapper img {
	max-height: 100%;
	margin: 0 auto;
}

.entry-header.single-post .content-wrapper .content-container {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: left;
	padding: 2rem 3rem;
	text-shadow: 0 2px 5px rgba(0, 0, 0, 0.8);
	background: linear-gradient(rgba(1, 149, 97, 0), #019561);
}

.entry-header.single-post .content-wrapper .entry-title {
	font-size: 30px;
	margin-bottom: 1.5rem;
}

.entry-header.single-post .content-wrapper .project-type a {
	background: rgba(255, 255, 255, 0.31);
	border-radius: 100px;
	padding: 0.5rem 1.3rem;
	color: #fff;
	font-size: 14px;
}

.entry-header.single-post .content-wrapper .date {
	font-size: 14px;
}

.entry-header.single-post .content-wrapper .date svg {
	font-size: 18px;
	opacity: 0.9;
	margin-right: 0.4rem;
}

.sm-hidden {
	display: block;
}

.lg-hidden {
	display: none;
}

.search-form-wrapper.sticky {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	padding: 1rem;
	background: rgba(255, 255, 255, 0.4784313725);
	z-index: 10000000000000000000000000;
}

.page p {
	font-size: 18px;
}

.text-underline {
	text-decoration: underline;
}

.awsm-job-wrap {
	margin-top: 3rem;
}

.awsm-job-form-group label {
	font-size: 14px;
	color: #8e8e8e;
	margin-bottom: 0;
}

.awsm-job-form-group {
	margin-bottom: 15px;
}

.awsm-lists,
.awsm-grid-item {
	border-radius: 10px;
}

.awsm-lists .awsm-job-item,
.awsm-grid-item .awsm-job-item {
	border-radius: 10px;
}

.awsm-lists .awsm-job-item .awsm-job-post-title,
.awsm-grid-item .awsm-job-item .awsm-job-post-title {
	font-family: "Cera Pro MEdium";
}

.awsm-lists .awsm-job-item:hover .awsm-job-post-title,
.awsm-grid-item .awsm-job-item:hover .awsm-job-post-title {
	color: #00ae70;
}

.awsm-lists .awsm-job-item:hover .awsm-job-post-title a,
.awsm-grid-item .awsm-job-item:hover .awsm-job-post-title a {
	color: #00ae70;
}

.jobs-none-container {
	text-align: center;
	opacity: 0.5;
	margin-top: 3rem;
}

.jobs-none-container p {
	font-size: 23px;
}

.site-footer {
	background: #191919;
	padding: 5rem 0 0;
}

.site-footer .site-logo img {
	max-width: 234px;
	height: auto;
}

.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6 {
	color: #fff;
}

.site-footer h6 {
	font-size: 17px;
	font-family: "Cera Pro Medium";
}

.site-footer h2 {
	margin: 7px 0 26px 0;
	font-size: 37px;
	letter-spacing: -1px;
}

.site-footer .wp-block-image {
	text-align: right;
}

.site-footer h2 + p {
	margin-bottom: 2rem;
	font-family: "Cera Pro Light";
	color: #ccc;
	line-height: 40px;
	max-width: 720px;
}

.site-footer h6 + p,
.site-footer h6 + p + p,
.site-footer h6 + p + p + p {
	margin-bottom: 0;
	padding-right: 15%;
	font-weight: 300;
	letter-spacing: 1px;
	font-family: "Cera Pro Light";
	font-size: 100%;
}

.site-footer p {
	font-size: 20px;
	color: #ccc;
}

.site-footer a {
	color: #ccc;
	font-weight: 300;
	letter-spacing: 1px;
	font-family: "Cera Pro Light";
	font-size: 100%;
}

.site-footer .menu {
	column-count: 2;
}

.site-footer a:hover {
	color: #e1e1e1;
}

.site-footer ul li:not(:last-child) {
	margin-bottom: 0.6rem;
}

.site-footer .footer-navigation-wrapper a svg {
	fill: #fff;
	width: 40px;
	height: 40px;
}

.site-footer .powered-by {
	width: auto;
	display: inline-block;
	border-top: 1px solid #fff;
	margin-top: 1rem;
	padding: 0.8rem 0.5rem 0;
	color: #fff;
}

.site-footer .privacy-policy-label {
	font-size: 14px;
}

div.wpforms-container-full {
	margin: 0;
}

.wpforms-container .wpforms-field {
	padding-top: 0;
	padding-bottom: 10px;
}

div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices {
	gap: 10px;
}

div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices .wpforms-icon-choices-item svg {
	height: 25px;
}

div.wpforms-container-full input {
	height: 50px;
}

div.wpforms-container-full input[type=date],
div.wpforms-container-full input[type=datetime],
div.wpforms-container-full input[type=datetime-local],
div.wpforms-container-full input[type=email],
div.wpforms-container-full input[type=month],
div.wpforms-container-full input[type=number],
div.wpforms-container-full input[type=password],
div.wpforms-container-full input[type=range],
div.wpforms-container-full input[type=search],
div.wpforms-container-full input[type=tel],
div.wpforms-container-full input[type=text],
div.wpforms-container-full input[type=time],
div.wpforms-container-full input[type=url],
div.wpforms-container-full input[type=week],
div.wpforms-container-full select,
div.wpforms-container-full textarea {
	border: none;
	border-bottom: 1px solid #aaa;
	border-radius: 0;
	padding: 0;
	font-size: 14px;
	outline: none !important;
	box-shadow: none !important;
}

div.wpforms-container-full input[type=date]:focus,
div.wpforms-container-full input[type=datetime]:focus,
div.wpforms-container-full input[type=datetime-local]:focus,
div.wpforms-container-full input[type=email]:focus,
div.wpforms-container-full input[type=month]:focus,
div.wpforms-container-full input[type=number]:focus,
div.wpforms-container-full input[type=password]:focus,
div.wpforms-container-full input[type=range]:focus,
div.wpforms-container-full input[type=search]:focus,
div.wpforms-container-full input[type=tel]:focus,
div.wpforms-container-full input[type=text]:focus,
div.wpforms-container-full input[type=time]:focus,
div.wpforms-container-full input[type=url]:focus,
div.wpforms-container-full input[type=week]:focus,
div.wpforms-container-full select:focus,
div.wpforms-container-full textarea:focus {
	outline: none;
	border: none;
	border-bottom: 1px solid #0e0e0e;
	box-shadow: none;
}

div.wpforms-container-full .wpforms-form textarea {
	padding: 10px 0;
}

div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error,
div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid,
div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error,
div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid,
div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error,
div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid,
div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error:hover,
div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid:hover,
div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error:hover,
div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid:hover,
div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error:hover,
div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid:hover {
	border: none;
	border-bottom: 1px solid #d63637;
	box-shadow: none !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error:focus,
div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid:focus,
div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error:focus,
div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid:focus,
div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error:focus,
div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid:focus,
div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error:hover:focus,
div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid:hover:focus,
div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error:hover:focus,
div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid:hover:focus,
div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error:hover:focus,
div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid:hover:focus {
	outline: none;
	border: none;
	border-bottom: 1px solid #d63637;
	box-shadow: none;
}

div.wpforms-container-full .wpforms-form label.wpforms-error,
div.wpforms-container-full .wpforms-form em.wpforms-error {
	position: absolute;
	top: 17px;
	right: 1rem;
	bottom: 0;
	margin: 0;
	box-shadow: none !important;
}

div.wpforms-container-full button.wpforms-submit[type=submit]::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	width: 20px;
	background: url(./assets/images/arrow-right.svg) no-repeat right center/20px auto;
	transition: all 0.25s;
}

div.wpforms-container-full button.wpforms-submit[type=submit]:hover {
	background: #00ae70;
}

div.wpforms-container-full button.wpforms-submit[type=submit]:hover::after {
	right: 15px;
}

div.wpforms-container-full input[type=submit]:focus:after,
div.wpforms-container-full button[type=submit]:focus:after,
div.wpforms-container-full .wpforms-page-button:focus:after {
	content: "";
	position: absolute;
	border: none;
	border-radius: 0;
	bottom: auto;
	left: auto;
	top: 0;
	bottom: 0;
	right: 20px;
	width: 20px;
	background: url(./assets/images/arrow-right.svg) no-repeat right center/20px auto;
	transition: all 0.25s;
}

div.wpforms-container-full .wpforms-form .wpforms-title {
	font-size: 38px;
	font-weight: 300;
	line-height: 50px;
}

div.wpforms-container-full .wpforms-form .wpforms-description {
	font-size: 18px;
	line-height: 30px;
}

.site.contact .site-main .wp-block-group {
	margin-bottom: 2rem;
}

.site.contact .site-main h4 {
	font-size: 38px;
	font-weight: 300;
	line-height: 50px;
}

.site.contact .site-main h6 + p,
.site.contact .site-main h6 + a,
.site.contact .site-main h6 + a + a,
.site.contact .site-main h6 + a + br + a,
.site.contact .site-main h6 + a + br + a + br + a,
.site.contact .site-main h6 + p + p,
.site.contact .site-main h6 + p + p + p {
	margin-bottom: 0;
	padding-right: 15%;
	font-weight: 300;
	letter-spacing: 1px;
	font-family: "Cera Pro Light";
	font-size: 100%;
}

@media screen and (max-width: 600px) {

	.sm-hidden {
		display: none;
	}

	.lg-hidden {
		display: block;
	}

	#trp-floater-ls.trp-top-right {
		right: 0;
		z-index: 9999999999999;
	}

	.services-list {
		grid-template-columns: 1fr;
	}

	.projects-list {
		column-count: 1;
	}

	.tags-list {
		flex-wrap: wrap;
	}

	.tags-list li {
		width: 47%;
		display: inline-block;
	}

	.tags-list li a {
		display: block;
		text-align: center;
	}

	.entry-header.single-post {
		background: none;
	}

	.entry-header.single-post .content-wrapper {
		background: none;
		height: auto;
	}

	.entry-header.single-post .content-wrapper .content-container {
		padding: 1rem 1rem 0;
		background: none;
		color: #000;
		text-shadow: none;
		position: relative;
	}

	.entry-header.single-post .content-wrapper .content-container > div.d-flex {
		justify-content: space-between;
	}

	.entry-header.single-post .content-wrapper .content-container .entry-title {
		font-size: 16px;
	}

	.entry-header.single-post .content-wrapper .content-container .project-type a {
		color: #2e79ac;
		font-size: 14px;
		position: relative;
		padding: 0 0 0 9px;
		background: none;
	}

	.entry-header.single-post .content-wrapper .content-container .project-type a:after {
		content: "#";
		position: absolute;
		left: 0;
		top: 1px;
	}

	.entry-header.single-post .content-wrapper .content-container .date {
		font-size: 12px;
		color: #b1b1b1;
	}

	.single-post .entry-content .container {
		padding-top: 1rem !important;
	}

	.single-post .entry-content .container p {
		font-size: 14px;
	}

	#trp-floater-ls-language-list .trp-language-wrap a {
		font-size: 13px;
	}

	.areka-header .navbar {
		padding: 1rem;
		position: relative;
	}

	.areka-header .site-logo img {
		max-width: 94px;
	}

	.areka-header .start-project-btn {
		position: absolute;
		right: 1rem;
		top: 1rem;
		width: auto;
	}

	.areka-header .start-project-btn .btn.btn-outline-secondary {
		font-size: 12px;
		height: 40px;
		padding: 0 13px;
	}

	.areka-header .start-project-btn .btn.btn-outline-secondary svg {
		width: 16px;
	}

	.areka-header .navbar-toggler {
		position: absolute;
		top: 1.4rem;
		right: calc(150px + 1rem);
	}

	.hero-video-bg {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.hero-video-bg video {
		width: auto;
	}

	.primary-menu-container {
		position: absolute;
		background: #000;
		width: 100vw;
		height: 100vh;
		left: 0;
		right: 0;
		padding: 1rem;
	}

	.primary-menu-container .navbar-nav {
		backdrop-filter: blur(5px);
		height: 100%;
		gap: 0;
	}

	.primary-menu-container .navbar-nav a {
		font-size: 20px;
	}

	.menu-item-has-children {
		transition: all 0.5s;
	}

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

	.homepage-hero {
		padding: 8rem 1rem 4rem;
	}

	.homepage-hero h1,
	.homepage-hero h2 {
		font-size: 47px;
		line-height: 65px !important;
	}

	.areka-counts {
		gap: 0;
		margin: 2rem auto 0;
	}

	.site-main section {
		padding: 0 2rem;
		margin: 2.7rem auto;
	}

	.site-main section .section-header h3 {
		font-size: 32px;
		z-index: 1;
		position: relative;
	}

	.site-main section .section-header h5 {
		font-size: 21px;
		z-index: 1;
		position: relative;
	}

	.projects-list .project-item {
		height: 230px;
	}

	.projects-list .project-item .entry-details h4 {
		font-size: 19px;
	}

	.projects-list .owl-nav button.owl-next,
	.projects-list .owl-nav button.owl-prev {
		top: 151px;
	}

	.circle.yellow {
		top: 35% !important;
	}

	.project-page-header h1 {
		font-size: 34px;
		text-align: center;
	}

	.project-page-header .project-page-header p {
		text-align: center;
	}

	.service-page-header {
		height: 38vh;
		justify-content: flex-end;
	}

	.service-page-header h1 {
		font-size: 34px;
		text-align: center;
	}

	.service-page-header .service-page-header p {
		font-size: 15px;
	}

	.sub-services-list .list-items {
		column-count: 1;
		padding: 0 1rem;
	}

	.projects-list.column-3 {
		column-count: 1;
	}

	.col-sm-12 > h2 {
		z-index: 1;
		position: relative;
		padding: 0 1rem;
		margin-bottom: 0;
	}

	.site-footer > .container > .d-flex {
		flex-direction: column;
	}

	.site-footer > .container > .d-flex .widget_block {
		margin-bottom: 1.5rem;
	}

	.site-footer > .container .mt-5 {
		margin-top: 0 !important;
	}
}