@import url("https://fonts.googleapis.com/css2?family=Spartan:wght@400;500;600;700&display=swap");

@-webkit-keyframes box-rotate {
	0% {
		-webkit-transform: translate(-50%, -50%) rotate(0deg);
		transform: translate(-50%, -50%) rotate(0deg)
	}
	12.5% {
		-webkit-transform: translate(-50%, -50%) rotate(90deg);
		transform: translate(-50%, -50%) rotate(90deg)
	}
	25% {
		-webkit-transform: translate(-50%, -50%) rotate(180deg);
		transform: translate(-50%, -50%) rotate(180deg)
	}
	37.5% {
		-webkit-transform: translate(-50%, -50%) rotate(270deg);
		transform: translate(-50%, -50%) rotate(270deg)
	}
	50% {
		-webkit-transform: translate(-50%, -50%) rotate(360deg);
		transform: translate(-50%, -50%) rotate(360deg);
		-webkit-transform: translate(-50%, -50%) rotate(0deg);
		transform: translate(-50%, -50%) rotate(0deg)
	}
	62.5% {
		-webkit-transform: translate(-50%, -50%) rotate(90deg);
		transform: translate(-50%, -50%) rotate(90deg)
	}
	75% {
		-webkit-transform: translate(-50%, -50%) rotate(180deg);
		transform: translate(-50%, -50%) rotate(180deg)
	}
	87.5% {
		-webkit-transform: translate(-50%, -50%) rotate(270deg);
		transform: translate(-50%, -50%) rotate(270deg)
	}
	100% {
		-webkit-transform: translate(-50%, -50%) rotate(360deg);
		transform: translate(-50%, -50%) rotate(360deg)
	}
}

@keyframes box-rotate {
	0% {
		-webkit-transform: translate(-50%, -50%) rotate(0deg);
		transform: translate(-50%, -50%) rotate(0deg)
	}
	12.5% {
		-webkit-transform: translate(-50%, -50%) rotate(90deg);
		transform: translate(-50%, -50%) rotate(90deg)
	}
	25% {
		-webkit-transform: translate(-50%, -50%) rotate(180deg);
		transform: translate(-50%, -50%) rotate(180deg)
	}
	37.5% {
		-webkit-transform: translate(-50%, -50%) rotate(270deg);
		transform: translate(-50%, -50%) rotate(270deg)
	}
	50% {
		-webkit-transform: translate(-50%, -50%) rotate(360deg);
		transform: translate(-50%, -50%) rotate(360deg);
		-webkit-transform: translate(-50%, -50%) rotate(0deg);
		transform: translate(-50%, -50%) rotate(0deg)
	}
	62.5% {
		-webkit-transform: translate(-50%, -50%) rotate(90deg);
		transform: translate(-50%, -50%) rotate(90deg)
	}
	75% {
		-webkit-transform: translate(-50%, -50%) rotate(180deg);
		transform: translate(-50%, -50%) rotate(180deg)
	}
	87.5% {
		-webkit-transform: translate(-50%, -50%) rotate(270deg);
		transform: translate(-50%, -50%) rotate(270deg)
	}
	100% {
		-webkit-transform: translate(-50%, -50%) rotate(360deg);
		transform: translate(-50%, -50%) rotate(360deg)
	}
}

h1 {
	font-size: 4rem;
	font-weight: 700;
	line-height: 6.4rem;
	letter-spacing: -0.1rem;
	color: #000
}

h2 {
	font-size: 3.5rem;
	font-weight: 700;
	line-height: 5.9rem;
	letter-spacing: -0.1rem;
	color: #000
}

h3 {
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 5.5rem;
	letter-spacing: -0.1rem;
	color: #000
}

h4 {
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 5rem;
	letter-spacing: -0.1rem;
	color: #000
}

h5 {
	font-size: 2rem;
	font-weight: 700;
	line-height: 4.7rem;
	letter-spacing: -0.1rem;
	color: #000
}

h6 {
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 4.4rem;
	letter-spacing: -0.1rem;
	color: #000
}

.has-large-font-size {
	font-size: 36px;
	line-height: 50px
}

cite {
	font-size: 1.8rem;
	line-height: 3.4rem;
	font-weight: 500;
	margin: 0;
	font-style: normal
}

strong {
	font-weight: 700
}

figure {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	display: inline-block
}

p,
figcaption,
.blog-single-content-wrapper {
	font-size: 1.8rem;
	line-height: 3.4rem;
	font-weight: 500;
	margin: 0;
	font-family: inherit
}

pre {
	font-size: 1.8rem
}

table {
	width: 100%;
	max-width: 100%
}

table a {
	text-decoration: none !important
}

table th, table td {
    border: 1px solid #46ddf2 !important;
    padding: 1rem !important;
    font-size: 13px;
    line-height: 3.4rem;
    font-weight: 500;
    margin: 0;
    min-width:142px;
}

table thead th {
    background-color: #46ddf2 !important;
    font-weight: 700;
    color: #000;
}

table thead th a {
	color: #fff !important
}

table th a,
table td a {
	color: #000;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

table th a:hover,
table td a:hover {
	color: #000
}

dl dt {
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 4.4rem;
	letter-spacing: -0.1rem;
	color: #000
}

dl dd {
	font-size: 1.8rem;
	line-height: 3.4rem;
	font-weight: 500;
	margin: 0 0 0 2rem
}

ol,
ul {
	font-size: 1.8rem;
	line-height: 3.4rem;
	font-weight: 500;
	margin: 0
}

ul {
	list-style: initial
}

ul,
ol {
	padding-left: 4rem
}

ul ul,
ul ol,
ol ul,
ol ol {
	margin-left: 5%;
	padding: 0
}

address {
	font-size: 1.8rem;
	line-height: 3.4rem;
	font-weight: 500;
	margin: 0;
	font-style: italic
}

a {
	color: #000;
	font-weight: 700
}

a:hover {
	color: #000
}

code {
	display: inline-block;
	background-color: #000;
	color: #fff !important;
	padding: 0 1.5rem
}

a>code {
	color: #fff !important
}

.wp-block-button a {
	font-size: 1.6rem;
	line-height: 2rem;
	text-decoration: none
}

*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: inherit;
	box-sizing: inherit
}

html {
	font-size: 62.5%;
	overflow-x: hidden;
	margin-top: 0 !important;
	padding: 0 !important;
	height: -webkit-fill-available;
	height: -moz-available;
	height: stretch
}

@media (max-width: 600px) {
	html[lang] {
		margin-top: 0 !important
	}
}

@media (max-width: 991px) {
	html {
		font-size: 58.5%
	}
}

@media (max-width: 800px) {
	html {
		font-size: 56.5%
	}
}

@media (max-width: 767px) {
	html {
		font-size: 53.5%
	}
}

@media (max-width: 600px) {
	html {
		font-size: 51.5%
	}
}

body {
	font-family: 'Spartan', sans-serif;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: var(--side-padding);
	min-height: 100vh;
	min-height: -webkit-fill-available;
	overflow-x: hidden;
	overflow: hidden;
	background-color:#f7f7f7;
}

@media (max-width: 600px) {
	body.admin-bar {
		padding-top: calc( var(--side-padding) + var(--admin-bar-height))
	}
}

@media (max-width: 1199px) {
	body.admin-bar.custom-scrollbar {
		padding-top: calc( var(--side-padding) + var(--admin-bar-height))
	}
}

@media (min-width: 992px) and (max-width: 1340px) {
	.background-section>.elementor-container {
		padding: 0 2.5rem !important
	}
}

a {
	text-decoration: none !important
}

.swiper-container {
	overflow: hidden
}

input,
textarea {
	border: none;
	border-bottom: 2px solid;
	border-color: #dde0e5;
	background-color: #fff;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 3rem;
	padding: 0 0.5rem;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	color: #000
}

input:focus,
textarea:focus {
	outline: none;
	border-color: var(--slope-main-color)
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #000
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #000
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #000
}

input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #000
}

input {
	height: 4.4rem
}

textarea {
	resize: none
}

img {
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor
}

@media (max-width: 991px) {
	.blog-list:not(.blog-grid) .container .col-lg-6 {
		padding: 0
	}
}

@media (min-width: 992px) and (max-width: 1340px) {
	.text-image-container .elementor-widget-wrap {
		padding: 5rem !important
	}
	.text-image-container img {
		-o-object-fit: cover !important;
		object-fit: cover !important
	}
}

@media (min-width: 1340px) and (max-width: 1530px) {
	.text-image-container .elementor-widget-wrap {
		padding: 5rem !important
	}
}

.text-image-img {
	width: 100%
}

.text-image-img .elementor-widget-wrap,
.text-image-img .elementor-widget-image,
.text-image-img .elementor-widget-image .elementor-widget-container .text-image-img .elementor-widget-image .elementor-image,
.text-image-img img {
	width: 100% !important;
	height: 100% !important
}

.text-image-img .elementor-widget-image .elementor-widget-container {
	width: 100% !important;
	height: 100% !important
}

.text-image-img .elementor-widget-image .elementor-image {
	width: 100% !important;
	height: 100% !important
}

.text-image-img .elementor-widget-image img {
	-o-object-fit: cover !important;
	object-fit: cover !important
}

.single-image {
	overflow: hidden
}

.single-image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

@media (max-width: 991px) {
	.single-image {
		width: 100%;
		height: 500px
	}
}

.single-image-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.single-image-wrapper>*:nth-child(n+2) {
	margin-left: 3rem
}

@media (max-width: 991px) {
	.single-image-wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.single-image-wrapper>*:nth-child(n+2) {
		margin-left: 0;
		margin-top: 3rem
	}
}

.bg-black {
	background-color: #000
}

.bg-grey {
	background-color: #ebedf0
}

.bg-main {
	background-color: var(--slope-main-color)
}

.preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 999;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
	background-color: #000
}

.preloader img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

body.loaded .preloader {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%)
}

@-webkit-keyframes pulse-animation {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(50, 50, 50, 0.8);
		box-shadow: 0 0 0 0 rgba(50, 50, 50, 0.8)
	}
	100% {
		-webkit-box-shadow: 0 0 0 200px rgba(121, 121, 121, 0);
		box-shadow: 0 0 0 200px rgba(121, 121, 121, 0)
	}
}

@keyframes pulse-animation {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(50, 50, 50, 0.8);
		box-shadow: 0 0 0 0 rgba(50, 50, 50, 0.8)
	}
	100% {
		-webkit-box-shadow: 0 0 0 200px rgba(121, 121, 121, 0);
		box-shadow: 0 0 0 200px rgba(121, 121, 121, 0)
	}
}

#pulse-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

#pulse-wrapper #pulse {
	margin: auto
}

#pulse-wrapper #pulse span {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-animation: pulse-animation 1.3s infinite;
	animation: pulse-animation 1.3s infinite
}

#pulse-wrapper #pulse span:nth-child(2) {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: inherit !important
}

h1>*,
h2>*,
h3>*,
h4>*,
h5>*,
h6>* {
	font-family: inherit !important
}

.heading,
.heading>* {
	margin: 0
}

.heading.heading-very-large,
.heading.heading-very-large>*,
.page-title {
	font-size: 8rem;
	font-weight: 700;
	line-height: 10rem;
	letter-spacing: -0.4rem
}

@media (max-width: 1199px) {
	.heading.heading-very-large,
	.heading.heading-very-large>*,
	.page-title {
		font-size: calc(30px + (70 - 30) * ((100vw - 200px) / (1199 - 200)));
		line-height: calc(45px + (90 - 45) * ((100vw - 200px) / (1199 - 200)))
	}
}

@media (max-width: 991px) {
	.heading.heading-very-large,
	.heading.heading-very-large>*,
	.page-title {
		letter-spacing: -0.3rem
	}
}

.heading.heading-large,
.heading.heading-large>* {
	font-size: 4rem;
	font-weight: 700;
	line-height: 6.4rem;
	letter-spacing: -0.1rem
}

@media (max-width: 1024px) {
	.heading.heading-large,
	.heading.heading-large>* {
		font-size: 3rem;
		line-height: 4.2rem
	}
}

.heading.heading-medium,
.heading.heading-medium>* {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 3.4rem
}

.heading.heading-small,
.heading.heading-small>* {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.5rem;
	letter-spacing: 0.1rem;
	color: #333;
}

.light-1,
.light-1 * {
	color: #fff
}

.light-2,
.light-2 * {
	color: #9a9a9a
}

.dark-1,
.dark-1 *,
.page-title {
	color: #000
}

.dark-2,
.dark-2 * {
	color: #393939
}

.heading>span {
	display: inline
}

.heading.quote>*:first-child::before {
	content: '“';
	display: inline-block;
	font-size: 8rem;
	font-weight: 700;
	line-height: 0;
	color: var(--slope-main-color);
	-webkit-transform: translateY(3.2rem);
	transform: translateY(3.2rem)
}

.heading.quote>*:last-child::after {
	content: '”';
	display: inline-block;
	font-size: 8rem;
	font-weight: 700;
	line-height: 0;
	color: var(--slope-main-color);
	-webkit-transform: translateY(3.2rem);
	transform: translateY(3.2rem)
}

@media (max-width: 991px) {
	.heading.quote>*:first-child::before,
	.heading.quote>*:first-child::after,
	.heading.quote>*:last-child::before,
	.heading.quote>*:last-child::after {
		-webkit-transform: translateY(3.8rem);
		transform: translateY(3.8rem)
	}
}

.paragraph,
.paragraph>* {
	font-size: 1.7rem;
	line-height: 3rem;
	font-weight: 500;
	margin: 0
}

.paragraph a,
.paragraph>* a {
	text-decoration: underline !important;
	color: inherit;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.paragraph a>*,
.paragraph>* a>* {
	color: inherit;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.paragraph a:hover,
.paragraph>* a:hover {
	color: var(--slope-main-color)
}

.paragraph a:hover>*,
.paragraph>* a:hover>* {
	color: var(--slope-main-color)
}

.alignnone {
	margin: 5px 20px 20px 0
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px
}

a img.alignnone {
	margin: 5px 20px 20px 0
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	-webkit-clip-path: none;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000
}

.bypostauthor {
	visibility: visible
}

.button,
.form-submit>.submit,
.submit-contact input,
#cancel-comment-reply-link {
	text-decoration: none !important;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	z-index: 20;
	border: none;
	display: inline-block;
	color: var(--slope-foreground);
	font-size: 1.6rem;
	font-weight: 700;
	padding: 1.9rem 5.1rem;
	max-width: 100%;
	text-align: center;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

@media (max-width: 575px) {
	.button,
	.form-submit>.submit,
	.submit-contact input,
	#cancel-comment-reply-link {
		padding: 1.9rem 4rem
	}
}

.button::before,
.form-submit>.submit::before,
#cancel-comment-reply-link::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--slope-main-color);
	z-index: -1
}

.button::after,
.form-submit>.submit::after,
#cancel-comment-reply-link::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: -1;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.button:hover,
.button:focus,
.form-submit>.submit:hover,
.form-submit>.submit:focus,
#cancel-comment-reply-link:hover,
#cancel-comment-reply-link:focus {
	color: #fff
}

.button:hover::after,
.button:focus::after,
.form-submit>.submit:hover::after,
.form-submit>.submit:focus::after,
#cancel-comment-reply-link:hover::after,
#cancel-comment-reply-link:focus::after {
	top: 0
}

.button-1::after {
	background-color: #fff
}

.button-1:hover {
	color: var(--slope-foreground)
}

.button-2::before {
	background-color: #fff
}

.button-2::after {
	background-color: #000
}

.button-2:hover {
	color: #fff
}

.submit-contact input {
	background-color: #46ddf2;
}

.submit-contact input:hover {
    color:#fff;
	background-color: #000;
}

.sidebar-page {
	padding-bottom: 14rem
}

.sidebar-page .widget-container {
	margin-bottom: 0
}

.sidebar-page .widget-container>*:last-child {
	padding-bottom: 0
}

@media (max-width: 991px) {
	.sidebar-page {
		padding-bottom: 5.5rem
	}
}

.project-list-1 .project-list-single:hover .project-list-single--thumbnail img {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
	-webkit-transform-origin: center center;
	transform-origin: center center
}

.project-list-single {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.project-list-single--content {
	background-color: black;
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.project-list-single--content-inner {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 10rem;
	width: 53%
}

.project-list-single--content .project-single-service h3 {
	font-size: 1.2rem;
	font-weight: 600;
	color: #949494;
	letter-spacing: 0.1rem;
	line-height: 2rem;
	text-transform: uppercase
}

.project-list-single--content .project-single-client h3 {
	font-size: 1.4rem;
	letter-spacing: 0;
	text-transform: initial
}

.project-list-single--content h2 {
	font-size: 3.4rem;
	line-height: 5rem;
	font-weight: 600;
	color: #fff;
	letter-spacing: -0.1rem;
	margin: 1.8rem 0 1rem 0;
	word-break: break-word
}

.project-list-single--content .project-single-button {
	width: 6.8rem;
	height: 6.8rem;
	border-radius: 50%;
	background-color: var(--slope-main-color-25);
	position: relative;
	margin-top: 2.1rem
}

.project-list-single--content .project-single-button--inner {
	width: 4.7rem;
	height: 4.7rem;
	border-radius: inherit;
	background-color: var(--slope-main-color);
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.project-list-single--content .project-single-button--inner i {
	font-size: 2rem;
	color: var(--slope-foreground);
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.project-list-single--wrapper {
	width: 100%;
	display: block
}

.project-list-single--wrapper:nth-child(even) .project-list-single--content {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2
}

.project-list-single--wrapper:nth-child(even) .project-list-single--content-inner {
	right: initial;
	left: 10rem
}

.project-list-single--thumbnail {
	overflow: hidden;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.project-list-single--thumbnail img {
	max-width: 101% !important;
	width: 101%;
	height: 100% ;
	max-height: 440px;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

@media (max-width: 991px) {
	.project-list-single--thumbnail {
		height: 50rem
	}
	.project-list-single--thumbnail img {
		/*height: 50rem !important*/
	}
}

.project-list-single:hover .project-single--thumbnail img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}

.project-list-single:hover .project-single-button--inner {
	width: 100%;
	height: 100%
}

@media (max-width: 1400px) {
	.project-list-single--content-inner {
		width: 70%
	}
	.project-list-single--content h2 {
		font-size: 2.8rem
	}
}

@media (max-width: 1100px) {
	.project-list-single--content {
		position: relative
	}
	.project-list-single--content-inner {
		width: 80%;
		left: initial;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}
	.project-list-single--wrapper:nth-child(even) .project-list-single--content-inner {
		left: initial;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}
}

@media (max-width: 991px) {
	.project-list-single {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.project-list-single--content {
		width: 100%
	}
	.project-list-single--content-inner {
		text-align: left;
		padding: 5.5rem 50px 5rem 50px;
		position: relative;
		top: initial;
		left: initial;
		right: initial;
		width: 100%;
		-webkit-transform: none;
		transform: none
	}
	.project-list-single--content-inner h2 {
		margin: 1.2rem 0
	}
	.project-list-single--content .project-single-button {
		margin: 2.2rem 0 0 0
	}
	.project-list-single--wrapper {
		width: 100%
	}
	.project-list-single--wrapper:nth-child(even) .project-list-single--content {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2
	}
	.project-list-single--wrapper:nth-child(even) .project-list-single--content-inner {
		position: relative;
		top: initial;
		left: initial;
		right: initial;
		-webkit-transform: none;
		transform: none
	}
	.project-list-single--wrapper:nth-child(even) .project-list-single--thumbnail {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}
	.project-list-single--wrapper .project-list-single--content {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2
	}
	.project-list-single--wrapper .project-list-single--thumbnail {
		width: 100%;
		height: 100%;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}
	.project-list-single--content h2 {
         font-size: 3rem !important;
    }
    
    .project-list-single--content .project-single-service h3 {
        font-size: 2rem !important;
    }
}

@media (max-width: 991px) {
	.project-list-single {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.project-list-single--content {
		width: 100%
	}
	.project-list-single--content-inner {
		position: relative;
		top: initial;
		left: initial;
		right: initial;
		width: 100%;
		-webkit-transform: none;
		transform: none
	}
	.project-list-single--content-inner .project-single-button {
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}
	.project-list-single--thumbnail {
		width: 100%
	}
	.project-list-single--wrapper:nth-child(even) .project-list-single--content-inner {
		position: relative;
		top: initial;
		left: initial;
		right: initial;
		-webkit-transform: none;
		transform: none
	}
}

@media (max-width: 767px) {
	.project-list-single--content-inner {
		padding: 5.2rem 25px 5rem 25px
	}
	
    .project-list-single--content h2 {
         font-size: 2.5rem !important;
    }
    
    .project-list-single--content .project-single-service h3 {
        font-size: 1.8rem !important;
    }
}

.project-list.project-list-2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.project-list.project-list-2 .project-list-single--wrapper {
	width: 50%
}

.project-list.project-list-2 .project-list-single--wrapper:nth-child(even) .project-list-single--content-inner {
	right: initial;
	left: 9.7rem
}

.project-list.project-list-2 .project-list-single {
	display: block;
	position: relative;
	overflow: hidden
}

.project-list.project-list-2 .project-list-single--content {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 10
}

.project-list.project-list-2 .project-list-single--content-inner {
	right: initial;
	top: initial;
	-webkit-transform: translate(0);
	transform: translate(0);
	bottom: 9rem;
	left: 10rem
}

.project-list.project-list-2 .project-list-single--content .project-single-service {
	opacity: 0;
	visibility: hidden
}

.project-list.project-list-2 .project-list-single--thumbnail {
	width: 100%;
	height: 100%;
	z-index: 5
}

@media (min-width: 1025px) {
	.project-list.project-list-2 .project-list-single--wrapper {
		height: auto !important
	}
	.project-list.project-list-2 .project-list-single--content-inner {
		right: initial;
		top: initial;
		-webkit-transform: translate(0);
		transform: translate(0);
		bottom: 10rem;
		left: 10rem
	}
}

@media (max-width: 991px) {
	.project-list.project-list-2 .project-list-single img {
		height: 100% !important
	}
}

@media (max-width: 1024px) {
	.project-list.project-list-2 .project-list-single--wrapper {
		width: 100%;
		height: 50rem
	}
	.project-list.project-list-2 .project-list-single--wrapper:nth-child(even) .project-list-single--content {
		width: 100%;
		height: 105%;
		margin-top: -1rem
	}
	.project-list.project-list-2 .project-list-single--wrapper:nth-child(even) .project-list-single--content-inner {
		right: initial;
		left: initial
	}
	.project-list.project-list-2 .project-list-single--content-inner {
		left: initial;
		bottom: initial;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}
}

@media (max-width: 510px) {
	.project-list.project-list-2 .project-list-single--content {
		padding: 2rem
	}
}

.elementor-editor-active .project-list-single--content-inner {
	width: 60%
}

@media (max-width: 1024px) {
	.elementor-editor-active .project-list-single--content-inner {
		width: 100%
	}
}

.load-more {
	width: 100%;
	padding: 10rem 0;
	background-color: #000;
	cursor: pointer;
	text-align: center
}

.load-more .button {
	width: 27.9rem;
	height: 6.2rem;
	padding: 0;
	position: relative
}

.load-more .button span {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.load-more .button:hover {
	color: #000
}

.load-more .button::after {
	background-color: #fff
}

@media (max-width: 1024px) {
	.load-more {
		padding: 5rem 5rem
	}
}

@media (max-width: 767px) {
	.load-more {
		padding: 5rem 2.5rem
	}
}

@media (max-width: 991px) {
	.load-more {
		text-align: left
	}
	.load-more.project-list-1 {
		padding-top: 0
	}
}

.testimonial-slider {
	--image-width: 20%;
	--content-width: 80%
}

@media (max-width: 1300px) {
	.testimonial-slider {
		--image-width: 17.5%;
		--content-width: 83.5%
	}
}

@media (max-width: 1024px) {
	.testimonial-slider {
		--image-width: 100%;
		--content-width: 100%
	}
}

.testimonial-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.testimonial-slide .testimonial-image {
	width: var(--image-width)
}

.testimonial-slide .testimonial-content {
	width: var(--content-width)
}

.testimonial-slide .testimonial-content div {
	font-size: 4rem;
	font-weight: 700;
	color: #000;
	line-height: 6.4rem;
	letter-spacing: -0.2px
}

.testimonial-slide .testimonial-content div span,
.testimonial-slide .testimonial-content div p {
	display: inline
}

.testimonial-slide .testimonial-content h3 {
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 2.4rem;
	color: #000;
	margin-top: 4.3rem
}

.testimonial-slide .testimonial-content h4 {
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 2.4rem;
	color: #393939;
	margin-top: -0.4rem
}

@media (max-width: 1199px) {
	.testimonial-slide .testimonial-content div {
		font-size: 3rem;
		line-height: 5rem
	}
}

@media (max-width: 1024px) {
	.testimonial-slide {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		text-align: left;
		padding: 0 2rem 0 0
	}
	.testimonial-slide .testimonial-image {
		margin: 0 auto 2.2rem auto
	}
	.testimonial-slide .testimonial-content {
		margin: 0 auto
	}
	.testimonial-slide .testimonial-content h3 {
		margin-top: 1.1rem
	}
}

@media (max-width: 767px) {
	.testimonial-slide {
		padding: 0 0
	}
	.testimonial-slide .testimonial-content div {
		font-size: 2.5rem;
		line-height: 4.5rem
	}
}

@media (max-width: 670px) {
	.testimonial-slide {
		padding: 0 0
	}
}

.testimonial-slider {
	max-width: 100%;
	overflow-x: hidden
}

.testimonial-slider .slider--nav {
	width: var(--content-width);
	margin-left: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 9.1rem
}

.testimonial-slider .slider--nav h6 {
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 2.4rem;
	letter-spacing: 0.1rem;
	margin: 0 5rem
}

.testimonial-slider .slider--nav i {
	font-size: 1.4rem;
	line-height: 2.4rem
}

.testimonial-slider .slider--nav>div:focus {
	outline: none
}

@media (max-width: 1024px) {
	.testimonial-slider .slider--nav {
		margin: 3.5rem 0 0 0;
		width: -webkit-max-content;
		width: -moz-max-content;
		width: max-content
	}
}

.client-slider .swiper-container {
	height: auto
}

.client-slider .client-slide {
	text-align: center
}

.client-slider .client-slide img {
	opacity: 0.2;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.client-slider .client-slide img:hover {
	opacity: 1
}

@media (max-width: 1024px) {
	.client-slider .client-slide {
		text-align: initial
	}
}

.placeholder {
	position: absolute;
	left: 5rem;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.navigation {
	margin: 0 auto;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.navigation ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0
}

.navigation .logo {
	z-index: 550;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	min-width: 3rem;
	min-height: 3rem;
	-webkit-transform-origin: left;
	transform-origin: left
}

.navigation .logo>*:not(.default) {
	-webkit-transform-origin: left;
	transform-origin: left;
	min-height: 6rem
}

.navigation .logo a {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.navigation .logo .default {
	color: #000;
	text-decoration: none;
	display: inline-block;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	position: absolute;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	max-width: 50%
}

.navigation .logo .default h3 {
	line-height: normal
}

.navigation .logo .default * {
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

@media (max-width: 991px) {
	.navigation .logo>*:not(.default) {
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}
}

.navigation .hamburger {
	z-index: 550;
	-webkit-transform-origin: right;
	transform-origin: right;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.navigation .hamburger a {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	width: 100%;
	height: 100%
}

.navigation .hamburger .bar {
	height: 4px;
	background-color: #000;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.navigation .hamburger .bar:nth-child(odd) {
	width: 23px
}

.navigation .hamburger .bar:nth-child(even) {
	width: 35px
}

.navigation .hamburger .bar:nth-child(n+2) {
	margin-top: 6px
}

.navigation .hamburger:hover .bar:nth-child(odd) {
	width: 3.5rem
}

@media (max-width: 991px) {
	.navigation .hamburger .bar {
		height: 3px
	}
	.navigation .hamburger .bar:nth-child(odd) {
		width: 18px
	}
	.navigation .hamburger .bar:nth-child(even) {
		width: 30px
	}
	.navigation .hamburger .bar:nth-child(n+2) {
		margin-top: 5px
	}
}

.navigation-bar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	z-index: 555;
	max-width: 100%;
	min-height: 6rem;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.navigation-bar::before {
	content: '';
	background-color: #fff;
	width: 200vw;
	height: 100%;
	position: absolute;
	top: 0;
	left: -100vw;
	opacity: 0;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.navigation-menu {
	position: absolute;
	overflow: hidden;
	z-index: 500;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	left: 0;
	top: 50%;
	opacity: 0;
	visibility: hidden;
	width: 100vw;
	height: 100vh;
	height: -webkit-fill-available;
	height: -moz-available;
	height: stretch;
	padding: var(--side-padding);
	background-color: #fff
}

@media (max-width: 991px) {
	.navigation-menu {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.navigation-menu-image {
	-webkit-box-flex: 0.4;
	-ms-flex: 0.4;
	flex: 0.4;
	height: 100%;
	opacity: 0
}

.navigation-menu-image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

@media (max-width: 1199px) {
	.navigation-menu-image {
		display: none
	}
}

.navigation-menu-menu {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 100%;
	padding: 8rem 5.2rem 11rem 13.3rem;
	background-color: #000;
	opacity: 0;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media (max-width: 991px) {
	.navigation-menu-menu {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		padding: 10rem 3rem 7rem 7rem
	}
}

@media (max-width: 640px) {
	.navigation-menu-menu {
		padding: 10rem 3rem 7rem 5.2rem
	}
}

@media (max-height: 720px) {
	.navigation-menu-menu {
		padding: 7.5rem 3rem 4rem 8rem
	}
}

.navigation-menu-menu--wrapper {
	position: relative
}

.navigation-menu-menu--wrapper.os-host-scrolling>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
	background-color: #818181
}

.navigation-menu-menu--wrapper>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
	background-color: #818181
}

@media (max-width: 991px) {
	.navigation-menu-menu--wrapper {
		width: 100% !important;
		max-width: 100%
	}
}

.navigation-menu-menu .menu {
	list-style: none;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%
}

.navigation-menu-menu .menu>li {
	position: relative;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(25%);
	transform: translateY(25%);
	margin-top: 2.6rem
}

.navigation-menu-menu .menu>li>a {
	font-size: 3.5rem;
	font-weight: 700;
	color: #fff;
	letter-spacing: -0.1rem;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	text-decoration: none;
	display: block;
	line-height: 4.5rem;
	width: 90%
}

.navigation-menu-menu .menu>li>a:hover {
	color: var(--slope-main-color)
}

@media (max-width: 991px) {
	.navigation-menu-menu .menu>li>a {
		font-size: 3.5rem;
		text-decoration: none
	}
}

.navigation-menu-menu .sub-menu,
.navigation-menu-menu .children {
	width: 100%;
	max-width: 100%;
	display: none;
	margin-top: 1rem
}

.navigation-menu-menu .sub-menu a,
.navigation-menu-menu .children a {
	font-size: 2.4rem;
	font-weight: 600;
	color: #9a9a9a;
	letter-spacing: 0;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.navigation-menu-menu .sub-menu a:hover,
.navigation-menu-menu .children a:hover {
	color: #fff;
	text-decoration: none
}

.navigation-menu-menu .sub-menu .sub-menu,
.navigation-menu-menu .children .sub-menu {
	margin-left: 3rem;
	margin-bottom: 1rem
}

@media (max-width: 300px) {
	.navigation-menu-menu .sub-menu .sub-menu,
	.navigation-menu-menu .children .sub-menu {
		margin-left: 1rem
	}
}

@media (max-width: 499px) {
	.navigation-menu-menu.line-height-overflow .menu>li>a {
		font-size: 2.8rem
	}
}

.navigation-menu-social h6 {
	font-weight: 600;
	font-size: 1.2rem;
	color: #949494
}

.navigation-menu-social ul {
	margin-top: 1.7rem;
	padding-left: 0
}

@media (max-width: 991px) {
	.navigation-menu-social ul {
		margin-top: .6rem
	}
}

.navigation-menu-social ul li {
	display: inline-block;
	margin-right: 2.6rem;
	margin-top: .5rem
}

.navigation-menu-social ul li a i {
	font-size: 2.4rem;
	color: #818181;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.navigation-menu-social ul li a i:hover {
	color: var(--slope-main-color)
}

@media (max-width: 991px) {
	.navigation-menu-social {
		margin-top: 5rem
	}
}

.navigation.shown .logo .default {
	color: #fff;
	margin-left: 2rem
}

.navigation.shown .logo .default * {
	color: #fff
}

.navigation.shown .navigation-bar {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.navigation.shown .hamburger {
	position: relative
}

.navigation.shown .hamburger.default-logo {
	margin-top: 1.5rem
}

.navigation.shown .hamburger .bar {
	background-color: white;
	height: .3rem
}

.navigation.shown .hamburger .bar:nth-child(3),
.navigation.shown .hamburger .bar:nth-child(4) {
	opacity: 0;
	visibility: hidden
}

.navigation.shown .hamburger .bar:nth-child(1) {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 3.1rem;
	position: absolute;
	top: 0
}

.navigation.shown .hamburger .bar:nth-child(2) {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 3.1rem;
	position: absolute;
	top: 0;
	margin: 0
}

.navigation.shown .hamburger:hover .bar:nth-child(1) {
	-webkit-transform: rotate(-45deg) scale(1.3);
	transform: rotate(-45deg) scale(1.3)
}

.navigation.shown .hamburger:hover .bar:nth-child(2) {
	-webkit-transform: rotate(45deg) scale(1.3);
	transform: rotate(45deg) scale(1.3)
}

@media (max-width: 991px) {
	.navigation.shown .logo>*:not(.default) {
		-webkit-transform-origin: top left;
		transform-origin: top left
	}
	.navigation.shown .hamburger {
		-webkit-transform-origin: top right;
		transform-origin: top right
	}
}

body:not(.thick-scrollbar) .navigation.shown .hamburger {
	padding-right: 2rem
}

body.admin-bar .navigation.shown:not(.scrolled) .navigation-bar {
	-webkit-transform: translateY(calc( var(--admin-bar-height) * -1));
	transform: translateY(calc( var(--admin-bar-height) * -1))
}

body.admin-bar .navigation.shown:not(.scrolled) .navigation-menu {
	padding-top: calc( var(--side-padding) - var(--admin-bar-height))
}

@media (max-width: 1199px) {
	body.admin-bar .navigation.shown:not(.scrolled) .navigation-bar {
		-webkit-transform: none;
		transform: none
	}
	body.admin-bar .navigation.shown:not(.scrolled) .navigation-menu {
		padding-top: var(--side-padding);
		padding-bottom: calc( var(--side-padding) + var(--admin-bar-height))
	}
}

@media (max-width: 600px) {
	body.admin-bar .navigation.shown:not(.scrolled) .navigation-menu {
		padding-top: calc( var(--side-padding) + var(--admin-bar-height));
		padding-bottom: var(--side-padding)
	}
}

@media (min-width: 601px) {
	body.admin-bar .navigation.shown.scrolled .navigation-bar,
	body.admin-bar.custom-scrollbar .navigation.shown:not(.scrolled) .navigation-bar {
		-webkit-transform: translateY(calc( var(--admin-bar-height) / 2));
		transform: translateY(calc( var(--admin-bar-height) / 2))
	}
	body.admin-bar .navigation.shown.scrolled .navigation-menu,
	body.admin-bar.custom-scrollbar .navigation.shown:not(.scrolled) .navigation-menu {
		padding-top: calc( var(--side-padding) + ( var(--admin-bar-height) / 2));
		padding-bottom: calc( var(--side-padding) - ( var(--admin-bar-height) / 2))
	}
}

@media (min-width: 601px) and (max-width: 1199px) {
	body.admin-bar .navigation.shown.scrolled .navigation-bar,
	body.admin-bar.custom-scrollbar .navigation.shown:not(.scrolled) .navigation-bar {
		-webkit-transform: translateY(var(--admin-bar-height));
		transform: translateY(var(--admin-bar-height))
	}
	body.admin-bar .navigation.shown.scrolled .navigation-menu,
	body.admin-bar.custom-scrollbar .navigation.shown:not(.scrolled) .navigation-menu {
		padding-top: calc( var(--side-padding) + var(--admin-bar-height));
		padding-bottom: var(--side-padding)
	}
}

.scrolled.navigation:not(.shown) {
	position: fixed;
	top: 0;
	z-index: 550;
	width: calc(100% - ( var(--side-padding) * 2));
	margin: 0 auto
}

.scrolled.navigation:not(.shown) .navigation-bar {
	background-color: #fff
}

.scrolled.navigation:not(.shown) .navigation-bar::before {
	opacity: 1
}

@media (max-width: 991px) {
	.scrolled.navigation:not(.shown) .navigation-bar {
		height: 7rem
	}
}

.scrolled.navigation:not(.shown) .logo {
	-webkit-transform: scale(0.6);
	transform: scale(0.6)
}

.scrolled.navigation:not(.shown) .hamburger {
	-webkit-transform: scale(0.8);
	transform: scale(0.8)
}

@media (min-width: 601px) {
	body.admin-bar .navigation.scrolled:not(.shown) .navigation-bar {
		margin-top: var(--admin-bar-height)
	}
}

.scrolled.navigation.shown {
	position: fixed;
	top: 0;
	z-index: 550;
	width: calc(100% - ( var(--side-padding) * 2));
	height: 100vh;
	margin: 0 auto
}

.scrolled.navigation.shown .navigation-bar {
	width: calc(100% - ( var(--side-padding) * 2));
	width: 100%;
	margin-top: var(--side-padding)
}

.scrolled.navigation.shown .navigation-menu {
	width: 100vw;
	left: calc( var(--side-padding) * -1);
	padding: var(--side-padding)
}

@media (max-width: 1199px) {
	body.custom-scrollbar.admin-bar .navigation.shown:not(.scrolled) .navigation-bar {
		-webkit-transform: none;
		transform: none
	}
}

.team-member {
	max-width: 100%;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	position: relative;
	width: 100%
}

.team-member h5 {
	font-size: 1.6rem;
	line-height: 2.4rem;
	font-weight: 700;
	margin-top: 1.7rem;
	color: #000
}

.team-member h6 {
	font-size: 1.4rem;
	line-height: 2.4rem;
	font-weight: 500;
	margin-top: -0.4rem;
	color: #000
}

.team-member-image {
	position: relative;
	overflow: hidden
}

.team-member-image img {
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: top center;
	object-position: top center
}

.team-member-social {
	width: 100%;
	height: 100%;
	background-color: var(--slope-main-color-50);
	position: absolute;
	top: 50%;
	left: 0;
	opacity: 0;
	visibility: hidden
}

.team-member-social ul {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	list-style: none;
	padding: 0
}

.team-member-social ul li {
	position: relative;
	top: 5rem;
	opacity: 0;
	visibility: hidden
}

.team-member-social ul li:nth-child(n+2) {
	margin-top: 2rem
}

.team-member-social ul li a {
	width: 5rem;
	height: 5rem;
	border-radius: 50%;
	background-color: #fff;
	display: block;
	position: relative;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.team-member-social ul li a i {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 1.6rem;
	color: #000;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.team-member-social ul li a:hover {
	background-color: #000
}

.team-member-social ul li a:hover i {
	color: #fff
}

@media (max-width: 991px) {
	.team-member h5 {
		font-size: 1.8rem
	}
	.team-member h6 {
		font-size: 1.6rem
	}
}

.team-member-image {
	width: 100%
}

.team-member-image img {
	width: 100%
}

@media (max-width: 991px) {
	.logged-in-form .form-submit {
		margin-top: 0
	}
}

.not-found {
	margin: 14.4rem 0 13.8rem 0;
	position: relative
}

@media (max-width: 991px) {
	.not-found {
		margin: 7.5rem 0 4.5rem 0
	}
}

@media (max-width: 767px) {
	.not-found {
		margin: 5rem 0 4.5rem 0
	}
}

.not-found .illustration {
	position: absolute;
	right: -5rem;
	-webkit-transform: translateY(10rem);
	transform: translateY(10rem)
}

@media (max-width: 1100px) {
	.not-found .illustration {
		right: -20rem
	}
}

@media (max-width: 991px) {
	.not-found .illustration {
		display: none;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}
}

@media (max-width: 767px) {
	.not-found .illustration {
		right: -40rem
	}
}

@media (max-width: 991px) and (min-width: 767px) {
	.not-found-content {
		padding-right: 50px
	}
}

.not-found-content h2 {
	margin: 7.9rem 0 4rem 0
}

.not-found-content .heading.heading-medium {
	color: #999;
	font-weight: 600;
	line-height: 4.4rem
}

.not-found-content .navigation-menu-menu {
	opacity: 1;
	background-color: transparent;
	padding: 0;
	margin: 3rem 0 12.3rem 0
}

.not-found-content .navigation-menu-menu .menu {
	list-style: none;
	padding: 0
}

.not-found-content .navigation-menu-menu .menu>li {
	opacity: 1;
	visibility: visible;
	padding: 0;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

@media (max-width: 991px) {
	.not-found-content .navigation-menu-menu .menu>li {
		margin-top: 2rem
	}
}

.not-found-content .navigation-menu-menu .menu>li a {
	color: #000;
	width: 100%;
	font-size: 4rem;
	line-height: 5rem
}

.not-found-content .navigation-menu-menu .menu>li a span {
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.not-found-content .navigation-menu-menu .menu>li a::before {
	content: '';
	display: inline-block;
	width: 0;
	height: 4.2rem;
	opacity: 0;
	visibility: hidden;
	margin-bottom: -0.4rem;
	background-color: var(--slope-main-color);
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

@media (max-width: 991px) {
	.not-found-content .navigation-menu-menu .menu>li a::before {
		height: 3.2rem
	}
}

.not-found-content .navigation-menu-menu .menu>li a:hover {
	font-size: 4rem;
	color: #000
}

.not-found-content .navigation-menu-menu .menu>li a:hover span {
	margin-left: 1.4rem
}

.not-found-content .navigation-menu-menu .menu>li a:hover::before {
	width: 0.8rem;
	opacity: 1;
	visibility: visible
}

@media (max-width: 991px) {
	.not-found-content .navigation-menu-menu .menu>li a {
		font-size: 3rem;
		line-height: 4rem
	}
}

.not-found-content .navigation-menu-menu .menu>li:hover a {
	font-size: 4rem;
	color: #000
}

@media (max-width: 991px) {
	.not-found-content .navigation-menu-menu .menu>li:hover a {
		font-size: 3rem
	}
}

.not-found-content .navigation-menu-menu .menu>li .sub-menu li a:hover,
.not-found-content .navigation-menu-menu .menu>li .children li a:hover {
	color: #000
}

@media (max-width: 1024px) {
	.not-found-content h2 {
		margin: 5rem 0 5rem 0
	}
	.not-found-content .navigation-menu-menu {
		margin: 3rem 0 3rem 0
	}
	.not-found-content .navigation-menu-social {
		margin-top: 2.5rem
	}
}

@media (max-width: 991px) {
	.not-found .heading-very-large {
		margin-top: -.4rem
	}
	.not-found h2 {
		margin: 2.1rem 0 1.9rem 0
	}
	.not-found .navigation-menu-menu {
		margin: 1.5rem 0 1.5rem 0
	}
	.not-found .navigation-menu-social {
		margin-top: 1rem
	}
}

.service--box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 50%
}

.service--box--image {
	position: relative;
	overflow: hidden;
	width: 50%;
	height: 100%;
    max-height: 460px;
}

.service--box--image a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%
}

.service--box--image img {
	width: 100%;
	height: 400px !important;
	-o-object-fit: cover;
	object-fit: cover
}

.service--box--image .icon {
	width: 13.5rem;
	height: 13.5rem;
	background-color: var(--slope-main-color);
	position: absolute;
	right: 0;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: initial
}

.service--box--image .icon i {
	font-size: 7rem;
	color: var(--slope-foreground);
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.service--box--image .icon svg {
	max-width: 80px;
	max-height: 80px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.service--box--image .icon svg path {
	fill: #46ddf2;
}

@media (max-width: 900px) {
	.service--box--image {
		bottom: 0 !important
	}
}

.service--box:nth-child(4n+3) .service--box--image .icon,
.service--box:nth-child(4n+4) .service--box--image .icon {
	right: initial;
	left: 0
}

.service--box>a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 50%;
	background-color: #fff;
	padding: 4rem 0
}

.service--box--content {
	padding: 0 7.9rem
}

.service--box--content h4 {
	font-size: 3rem;
	font-weight: 600;
	line-height: 3rem;
	color: #000;
	white-space: nowrap
}

.service--box--content p {
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 3.4rem;
	color: #393939;
	margin-top: 3rem;
	display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.service--box--image .icon {
	background-color: rgba(70, 221, 242, 1);
}

@media (max-width: 1800px) {
	.service--box--content {
		padding: 0 4rem
	}
	.service--box--content p {
		margin-top: 2rem
	}
}

@media (min-width: 1300px) and (max-width: 1500px) {
	.service--box--content h4 {
		font-size: 2.8rem
	}
	.service--box--content p {
		font-size: 1.8rem;
		line-height: 3rem
	}
}

@media (max-width: 1300px) {
	.service--box {
		width: 100%
	}
	.service--box>a {
		padding: 0;
		position: relative
	}
	.service--box--content {
		padding: 0 5rem;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}
	.service--box--content p {
		margin-top: 1.5rem;
		text-align: justify;
	}
	.service--box:nth-child(4n+3) .service--box--image .icon,
	.service--box:nth-child(4n+4) .service--box--image .icon {
		right: initial;
		left: initial
	}
	.service--box--image .icon {
		right: initial;
		left: initial;
		/*background-color: #46ddf2 !important;*/
	}
	.service--box:nth-child(even) .service--box--content {
		padding: 0 3rem 0 7rem
	}
	.service--box:nth-child(even) .service--box--image .icon {
		right: 0;
		left: initial
	}
}

@media (max-width: 1024px) {
	.service--box--content {
		padding: 5rem 2.5rem
	}
}

@media (max-width: 900px) {
	.service--box {
		display: block;
		height: 50%
	}
	.service--box--image {
		height: 50rem
	}
	.service--box--image img {
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover
	}
	.service--box--image>a {
		height: 100%;
		display: block
	}
	.service--box--image>a img {
		width: 100%;
		height: 100%
	}
	.service--box--image .icon {
		left: 0;
		bottom: 0;
		right: initial;
		top: initial;
		-webkit-transform: none;
		transform: none
	}
	.service--box--image,
	.service--box>a {
		width: 100%
	}
	.service--box--content {
		padding: 5rem 50px;
		position: relative;
		top: initial;
		-webkit-transform: initial;
		transform: initial
	}
	.service--box--content p {
		margin-top: 22px
	}
	.service--box:nth-child(4n+3) .service--box--content,
	.service--box:nth-child(4n+4) .service--box--content,
	.service--box:nth-child(even) .service--box--content {
		padding: 5rem 50px
	}
	.service--box:nth-child(4n+3) .service--box--image .icon,
	.service--box:nth-child(4n+4) .service--box--image .icon,
	.service--box:nth-child(even) .service--box--image .icon {
		right: initial;
		left: 0;
		bottom: 0
	}
}

@media (max-width: 767px) {
	.service--box--content {
		padding: 5rem 25px
	}
	.service--box:nth-child(4n+3) .service--box--content,
	.service--box:nth-child(4n+4) .service--box--content,
	.service--box:nth-child(even) .service--box--content {
		padding: 5rem 25px
	}
}

.service-section.service-image {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.service-section.service-image .service--box:nth-child(4n+3) .service--box--content,
.service-section.service-image .service--box:nth-child(4n+4) .service--box--content {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1
}

.service-section.service-image .service--box:nth-child(4n+3) .service--box--image,
.service-section.service-image .service--box:nth-child(4n+4) .service--box--image {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2
}

@media (max-width: 1300px) {
	.service-section.service-image .service--box:nth-child(even)>a {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2
	}
	.service-section.service-image .service--box:nth-child(even) .service--box--image {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}
	.service-section.service-image .service--box:nth-child(odd)>a {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}
	.service-section.service-image .service--box:nth-child(odd) .service--box--image {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2
	}
}

@media (max-width: 900px) {
	.service-section.service-image .service--box:nth-child(even)>a,
	.service-section.service-image .service--box:nth-child(odd)>a {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}
	.service-section.service-image .service--box:nth-child(even) .service--box--image,
	.service-section.service-image .service--box:nth-child(odd) .service--box--image {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		height:400px;
	}
}

@media (max-width: 575px) {

	.service-section.service-image .service--box:nth-child(even) .service--box--image,
	.service-section.service-image .service--box:nth-child(odd) .service--box--image {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		height:300px;
	}
	
	.service--box--image>a img {
        width: 100%;
        height: 100%;
        height: 300px !important;
    }
}


@media (max-width: 575px) {

	.service--box--image>a img {
        width: 100%;
        height: 250px !important;
    }
    
    .service-section.service-image .service--box:nth-child(even) .service--box--image, .service-section.service-image .service--box:nth-child(odd) .service--box--image {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
        order: 2;
        height: 250px;
    }
}


.service--box-icon {
	border: 6px solid var(--slope-main-color);
	width: 100%;
	height: 32.7rem;
	background-color: #fff
}

.service--box-icon a {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	background-color: transparent
}

.service--box-icon .icon {
	position: absolute;
	top: 3.5rem;
	right: 3.5rem;
}

.service--box-icon .icon i {
	font-size: 7.8rem;
	color: #000
}

.service--box-icon .icon svg {
	width: 80px;
	height: 80px
}

.service--box-icon .icon svg path {
	fill: black
}

.service--box-icon .text {
	position: absolute;
	bottom: 1.9rem;
	left: 3.5rem;
	white-space: nowrap
}

.service--box-icon .text h4 {
	font-size: 2.4rem;
	font-weight: 600;
	color: #000
}

@media (min-width: 992px) {
	.service-withoutimage div[class*="col"]:nth-child(n+4) {
		margin-top: 3rem
	}
}

@media (max-width: 991px) {
	.service-withoutimage div[class*="col"] {
		padding: 0
	}
	.service-withoutimage div[class*="col"]:nth-child(n+2) {
		margin-top: 3rem
	}
}

@media (max-width: 991px) {
	.service-withoutimage .container {
		padding-left: 20px;
		padding-right: 20px
	}
}

.tabs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.tabs .tab-heading {
	margin-bottom: 1rem;
	/*margin-left: 1rem;*/
}

.tab-section-wrapper .nav-link {
    padding-left: 0px !important;
    font-size: 14px;
}

.tabs .tabs-list {
	width: 40%
}

.tabs .tabs-list .nav-pills .nav-link.active,
.tabs .tabs-list .nav-pills .show>.nav-link {
	color: #379eaf;
	background-color: transparent;
}

.tabs .tabs-list .nav-pills .nav-link.active span,
.tabs .tabs-list .nav-pills .show>.nav-link span {
	/*margin-left: 0.7rem*/
}

.tabs .tabs-list .nav-pills .nav-link.active::before,
.tabs .tabs-list .nav-pills .show>.nav-link::before {
	width: 0.8rem;
	opacity: 1;
	visibility: visible
}

.tabs .tabs-list li {
	display: block;
	width: 100%
}

.tabs .tabs-content {
	width: 60%
}

.tabs .tabs-content .heading {
	text-transform: uppercase;
	margin-bottom: 1rem
}

.tabs .tabs-content .paragraph {
	width:100%
}

@media (max-width: 991px) {
	.tabs {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.tabs .tabs-content {
		width: 65%;
		margin-top: 0rem
	}
	.tabs .tabs-content .paragraph {
		width: 100%
	}
	.tabs .tabs-content .heading {
		margin-bottom: 1rem
	}
	.tabs .tab-heading {
		margin-bottom: .6rem
	}
	.tabs .tabs-list {
		width: 35%
	}
	.tabs .nav-pills-wrapper {
		width: 100%;
		white-space: nowrap
	}
	.tabs .nav-pills-wrapper ul {
		width: 100%;
		white-space: nowrap;
		margin-bottom: 2rem;
		-webkit-columns: 2;
		columns: 2
	}
	.tabs .nav-pills-wrapper ul li {
		width: 100%
	}
}

@media (max-width: 767px) {
	.tabs .nav-pills-wrapper ul {
		-webkit-columns: 1;
		columns: 1
	}
	.tabs .nav-pills-wrapper ul li {
		width: 100%
	}
}

@media (max-width: 575px) {
    .tabs .tabs-list {
        width: 100%;
    }
    
    .tabs .tabs-content {
        width: 100%;
    }
}

.slope-contact-form {
	width: 100%
}

.slope-contact-form br {
	display: none
}

.slope-contact-form div:not(.submit-contact) input,
.slope-contact-form div:not(.submit-contact) textarea {
	font-size: 1.8rem;
	border-color: #000;
	width: 100%;
	margin-bottom: 3.5rem
}

.slope-contact-form div:not(.submit-contact) input:focus,
.slope-contact-form div:not(.submit-contact) textarea:focus {
	outline: none;
	border-color: var(--slope-main-color)
}

.slope-contact-form div:not(.submit-contact) input::-webkit-input-placeholder,
.slope-contact-form div:not(.submit-contact) textarea::-webkit-input-placeholder {
	color: #909090
}

.slope-contact-form div:not(.submit-contact) input::-moz-placeholder,
.slope-contact-form div:not(.submit-contact) textarea::-moz-placeholder {
	color: #909090
}

.slope-contact-form div:not(.submit-contact) input:-ms-input-placeholder,
.slope-contact-form div:not(.submit-contact) textarea:-ms-input-placeholder {
	color: #909090
}

.slope-contact-form div:not(.submit-contact) input:-moz-placeholder,
.slope-contact-form div:not(.submit-contact) textarea:-moz-placeholder {
	color: #909090
}

.slope-contact-form div:not(.submit-contact) input {
	height: 4.8rem
}

.slope-contact-form div:not(.submit-contact) textarea {
	height: 14.7rem;
	margin-bottom: 3rem
}

.slope-contact-form .select-wrapper {
	margin-bottom: 3.5rem
}

.slope-contact-form .select-wrapper span {
	outline: none
}

.slope-contact-form .select-wrapper>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width: 991px) {
	.slope-contact-form .select-wrapper>div {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.slope-contact-form .select-wrapper>div:nth-child(n+2) {
	margin-top: 3.5rem
}

.slope-contact-form .select-wrapper>div>* {
	width: 48.6%
}

@media (max-width: 991px) {
	.slope-contact-form .select-wrapper>div>* {
		width: 100%
	}
}

.slope-contact-form .select-wrapper label {
	font-size: 1.8rem;
	font-weight: 700;
	color: #000
}

.slope-contact-form .fields-wrapper .input-contact {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.slope-contact-form .fields-wrapper .input-contact>* {
	width: 47.9%
}

@media (max-width: 991px) {
	.slope-contact-form .fields-wrapper .input-contact>* {
		width: 100%
	}
}

.slope-contact-form .fields-wrapper .input-contact>span:nth-of-type(even) {
	margin-left: 3rem
}

@media (max-width: 1199px) {
	.slope-contact-form .fields-wrapper .input-contact>span:nth-of-type(even) {
		margin-left: 0
	}
}

.slope-contact-form .textarea-contact textarea {
	width: 100%
}

.slope-contact-form .submit-contact input {
	width: 28rem;
	height: 6.2rem;
	padding: 0
}

@media (max-width: 991px) {
	.slope-contact-form .submit-contact input {
		width: 100%
	}
}

.bootstrap-select {
	width: 100%
}

@media (max-width: 991px) {
	.bootstrap-select {
		margin-top: 2.2rem
	}
}

.bootstrap-select .dropdown-toggle {
	background-color: #fff;
	border-bottom: 2px solid #000;
	color: #000;
	font-size: 1.8rem;
	line-height: 3rem;
	height: 4.8rem;
	outline: none;
	border-top: none;
	border-left: none;
	border-right: none;
	-webkit-box-shadow: none;
	box-shadow: none
}

.bootstrap-select .dropdown-toggle.bs-placeholder {
	color: #909090
}

.bootstrap-select .dropdown-menu:not(.inner) {
	max-height: 29.5rem !important;
	padding: 0 0 3.1rem 0
}

.bootstrap-select .dropdown-menu {
	background-color: #000;
	overflow: auto
}

.bootstrap-select .dropdown-menu li {
	line-height: 3rem
}

.bootstrap-select .dropdown-menu li:first-child {
	margin-top: 2.5rem
}

.bootstrap-select .dropdown-menu li:not(:first-child) {
	margin-top: 0.7rem
}

.bootstrap-select .dropdown-menu li a {
	color: #9a9a9a;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	padding-left: 2.3rem
}

.bootstrap-select .dropdown-menu li a span {
	font-size: 1.8rem
}

.bootstrap-select .dropdown-menu li a:hover {
	background-color: transparent;
	color: #fff
}

.bootstrap-select .dropdown-menu li a:focus {
	outline: none;
	background-color: transparent
}

.bootstrap-select .dropdown-menu li.selected a {
	color: #fff;
	background-color: transparent
}

.bootstrap-select .dropdown-menu span {
	font-size: 1.4rem
}

.bootstrap-select .inner.show {
	overflow-y: visible !important
}

.select-os .os-scrollbar-track {
	background-color: #2d2d2d;
	width: 0.9rem;
	border-radius: 10rem
}

.select-os .os-scrollbar-handle {
	background-color: var(--slope-main-color);
	border-radius: 10rem
}

.select-os .os-scrollbar-vertical {
	margin-right: 2rem;
	padding: 2.5rem 0 3.1rem 0
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
	background-color: transparent;
	border: 0;
	border-bottom: 2px solid var(--slope-main-color);
	outline: none
}

.email-form .email-form-field {
	position: relative;
	margin-top: 3.3rem
}

@media (max-width: 991px) {
	.email-form .email-form-field {
		margin-top: 1rem
	}
}

.email-form label {
	font-size: 1.2rem;
	font-weight: 600;
	color: #949494;
	line-height: 1.6rem
}

.email-form input {
	background-color: transparent;
	color: #949494;
	width: 100%;
	border-color: #333
}

.email-form input:focus {
	outline: none;
	border-color: var(--slope-main-color)
}

.email-form input::-webkit-input-placeholder {
	color: #949494
}

.email-form input::-moz-placeholder {
	color: #949494
}

.email-form input:-ms-input-placeholder {
	color: #949494
}

.email-form input:-moz-placeholder {
	color: #949494
}

.email-form button {
	border: none;
	background-color: transparent;
	position: absolute;
	top: 1.5rem;
	right: 0
}

.email-form button i {
	color: #949494;
	font-size: 2rem;
	line-height: 0;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.email-form button i:hover {
	color: var(--slope-main-color)
}

.contact-form-wrapper .nav-pills .nav-link.active,
.contact-form-wrapper .nav-pills .show>.nav-link,
.contact-form-wrapper .nav-pills .nav-link:hover {
	background: transparent;
	color: #000;
	font-weight: 700;
	position: relative
}

.contact-form-wrapper .nav-pills .nav-link.active span::after,
.contact-form-wrapper .nav-pills .show>.nav-link span::after,
.contact-form-wrapper .nav-pills .nav-link:hover span::after {
	background-color: var(--slope-main-color)
}

.contact-form-wrapper .nav-pills .nav-link {
	padding: 0;
	color: #393939;
	font-size: 3rem;
	font-weight: 600;
	line-height: 4rem;
	display: inline-block;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.contact-form-wrapper .nav-pills .nav-link span {
	position: relative
}

.contact-form-wrapper .nav-pills .nav-link span::after {
	content: '';
	display: block;
	position: absolute;
	bottom: -1.4rem;
	width: 100%;
	height: 0.2rem;
	background-color: transparent
}

.contact-form-wrapper .nav-pills {
	margin-top: -3rem;
	margin-left: -6rem
}

.contact-form-wrapper .nav-pills li {
	display: block;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	margin-top: 3rem;
	margin-left: 6rem
}

.contact-form-tab {
	margin-bottom: 9.2rem
}

@media (max-width: 991px) {
	.contact-form-tab {
		margin-bottom: 5rem
	}
}

.dropdown-toggle::after {
	content: '\f107';
	font-family: 'Font Awesome 5 Free';
	font-size: 1.8rem;
	color: #909090;
	border: none;
	font-weight: 900
}

.bootstrap-select.show {
	outline: none
}

.bootstrap-select.show .dropdown-toggle::after {
	content: '\f106'
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
	outline: none !important;
	border-top: none;
	border-left: none;
	border-right: none;
	-webkit-box-shadow: none;
	box-shadow: none
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
	-webkit-box-shadow: none;
	box-shadow: none
}

.footer .wpcf7 form .wpcf7-response-output,
.footer .wpcf7-not-valid-tip {
	color: #fff
}

.contact-form-wrapper .wpcf7 form .wpcf7-response-output,
.contact-form-wrapper .wpcf7-not-valid-tip {
	color: #000
}

.wpcf7 form .wpcf7-response-output {
	font-size: 1.6rem;
	border: none;
	margin: 0;
	padding: 0
}

.wpcf7-not-valid-tip {
	font-size: 1.6rem
}

.top-heading {
	margin-top: 13.8rem;
	margin-bottom: 6.3rem
}

@media (max-width: 991px) {
	.top-heading {
		margin-top: 6rem;
		margin-bottom: 3rem
	}
}

@media (max-width: 767px) {
	.top-heading {
		margin-top: 4rem;
		margin-bottom: 3.5rem
	}
}

.services-header-wrapper {
	padding-top: 13.2rem;
	padding-bottom: 6.6rem
}

@media (max-width: 991px) {
	.services-header-wrapper {
		padding-top: 4.2rem;
		padding-bottom: 3rem
	}
}

.text-content-wrapper {
	padding-top: 13.7rem;
	padding-bottom: 12.1rem
}

@media (max-width: 991px) {
	.text-content-wrapper {
		padding-top: 4.4rem;
		padding-bottom: 5rem
	}
}

.text-content-inner {
	margin-top: 7.5rem
}

.text-content-inner div:not(.content-wrapper)>.heading {
	margin-bottom: 2rem
}

.text-content-inner .content-wrapper:nth-child(n+2) {
	margin-top: 4rem
}

.text-content-inner .text-list {
	margin-top: 3.2rem
}

@media (max-width: 991px) {
	.text-content-inner {
		margin-top: 3.5rem
	}
	.text-content-inner div:not(.content-wrapper)>.heading {
		margin-bottom: 2rem
	}
	.text-content-inner .content-wrapper .heading {
		margin-bottom: 1rem
	}
	.text-content-inner .second-column {
		margin-top: 3.2rem
	}
}

.text-content-footer {
	margin-top: 9.4rem
}

.text-content-footer .container {
	padding-top: 8.1rem;
	border-top: 1px solid #333
}

@media (max-width: 991px) {
	.text-content-footer {
		margin-top: 3.3rem
	}
	.text-content-footer .container {
		padding-top: 3.8rem
	}
}

@media (max-width: 767px) {
	.text-content-footer .container {
		padding-top: 3.8rem
	}
	.text-content-footer .heading {
		margin-bottom: 2.5rem
	}
}

.text-about-section-wrapper {
	padding-top: 10.7rem;
	padding-bottom: 12.6rem
}

@media (max-width: 991px) {
	.text-about-section-wrapper {
		padding-top: 4.2rem;
		padding-bottom: 4.4rem
	}
}

@media (max-width: 767px) {
	.text-about-section-wrapper {
		padding-top: 4.1rem;
		padding-bottom: 4.6rem
	}
	.text-about-section-wrapper .content-second-column {
		margin-top: 2.8rem
	}
}

.text-about-section .content-wrapper {
	margin-top: 7.8rem
}

.text-about-section .content-wrapper .content-heading {
	margin-bottom: 3.6rem
}

.text-about-section .content-wrapper .button {
	margin-top: 4.2rem
}

@media (max-width: 991px) {
	.text-about-section .content-wrapper {
		margin-top: 3.5rem
	}
	.text-about-section .content-wrapper .content-heading {
		margin-bottom: 1.8rem
	}
	.text-about-section .content-wrapper .button {
		margin-top: 2.1rem
	}
}

.cta-wrapper {
	padding-top: 13.1rem;
	padding-bottom: 13.1rem
}

@media (max-width: 991px) {
	.cta-wrapper {
		padding-top: 4.5rem;
		padding-bottom: 4.7rem
	}
}

@media (max-width: 767px) {
	.cta-wrapper {
		padding-top: 4.6rem;
		padding-bottom: 4.6rem
	}
}

@media (max-width: 767px) {
	.cta .heading {
		margin-bottom: 2.5rem
	}
}

.testimonial-section-wrapper {
	padding-top: 14.1rem;
	padding-bottom: 14.6rem
}

@media (max-width: 991px) {
	.testimonial-section-wrapper {
		padding-top: 5rem;
		padding-bottom: 4.4rem
	}
}

@media (max-width: 767px) {
	.testimonial-section-wrapper {
		padding-top: 5rem;
		padding-bottom: 4.6rem
	}
}

.client-section-wrapper {
	padding-top: 14rem;
	padding-bottom: 15rem
}

@media (max-width: 991px) {
	.client-section-wrapper {
		padding-top: 4.6rem;
		padding-bottom: 5rem
	}
}

.client-section-header {
	margin-bottom: 8rem
}

@media (max-width: 991px) {
	.client-section-header {
		margin-bottom: 6rem
	}
}

.client-section .client-slider-1 {
	margin-top: 13.5rem
}

.page-header-top {
	margin-top: 13.3rem;
	margin-bottom: 8.3rem
}

@media (max-width: 991px) {
	.page-header-top {
		margin-top: 5rem;
		margin-bottom: 3.1rem
	}
}

@media (max-width: 767px) {
	.page-header-top {
		margin-top: 2.4rem;
		margin-bottom: 3rem
	}
}

.about-text-section-inner .heading {
	margin-top: 12.3rem;
	margin-bottom: 15rem
}

@media (max-width: 991px) {
	.about-text-section-inner .heading {
		margin-top: 4.6rem;
		margin-bottom: 4.6em
	}
}

@media (max-width: 767px) {
	.about-text-section-inner .heading {
		margin-top: 4.6rem;
		margin-bottom: 4em
	}
}

.text-image-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

@media (max-width: 991px) {
	.text-image-wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.text-image-content {
	width: 50%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #fff;
}

@media (max-width: 991px) {
	.text-image-content {
		width: 100%
	}
}

.text-image-content .heading {
	margin-bottom: 2.5rem
}

.text-image-content-inner {
	padding: 0 10% 0 35%
}

@media (min-width: 992px) and (max-width: 1500px) {
	.text-image-content-inner {
		padding: 5rem
	}
}

@media (max-width: 991px) {
	.text-image-content-inner {
		padding: 3.8rem 5rem 3.4rem 5rem
	}
}

@media (max-width: 767px) {
	.text-image-content-inner {
		padding: 4rem 2.5rem 4.5rem 2.5rem
	}
}

.text-image-content .reverse {
	padding: 0 35% 0 10%
}

@media (min-width: 992px) and (max-width: 1500px) {
	.text-image-content .reverse {
		padding: 5rem
	}
}

@media (max-width: 991px) {
	.text-image-content .reverse {
		padding: 3.8rem 5rem 3.4rem 5rem
	}
}

@media (max-width: 767px) {
	.text-image-content .reverse {
		padding: 4rem 2.5rem 4.5rem 2.5rem
	}
}

.text-image-image {
	width: 50%;
	position: relative;
	background-color: #fff;
}

@media (max-width: 991px) {
	.text-image-image {
		width: 100%
	}
}

.text-image-image img {
	width: 100%;
	height: 100%;
	/*max-height: 370px;*/
	max-height: 460px;
	/*-o-object-fit: cover;*/
	/*object-fit: cover;*/
	object-fit: contain;
}

.text-image-image .icon {
	position: absolute;
	bottom: 0;
	font-size: 5rem;
	padding: 2.9rem 3rem 2.4rem 3rem;
	background-color: #46ddf2;
}


@media screen and (max-width: 600px) {
    .text-image-image .icon {
    	width: 80px;
        height: 80px;
        font-size: 4.5rem;
        padding: 1.4rem 1rem;
        text-align: center;
    }
    .text-image-image .icon-2 svg {
        width: 5rem !important;
    }
}

.text-image-image .icon:not(.reverse) {
	left: 0
}

.text-image-image .icon.reverse {
	right: 0
}

@media (max-width: 991px) {
	.text-image-image .icon.reverse {
		right: initial;
		left: 0
	}
}

.text-image-image .icon svg {
	width: 8rem;
	fill: #000
}

.text-image-image .icon-2 svg {
	width: 6.5rem
}

.text-image-image .icon-3 svg {
	width: 6.5rem
}

.team-wrapper {
	padding-top: 14rem;
	padding-bottom: 14rem
}

@media (max-width: 991px) {
	.team-wrapper {
		padding-top: 4.6rem;
		padding-bottom: 3rem
	}
}

.team-header {
	margin-bottom: 2.3rem
}

.team-content div[class*="col"]:nth-child(n+4) {
	margin-top: 5rem
}

@media (max-width: 991px) {
	.team-content div[class*="col"]:nth-child(n+4) {
		margin-top: 0
	}
}

@media (max-width: 991px) {
	.team-content div[class*="col"]:nth-child(n+3) {
		margin-top: 3rem
	}
}

@media (max-width: 767px) {
	.team-content div[class*="col"]:nth-child(n+2) {
		margin-top: 3rem
	}
}

.contact-section-wrapper {
	margin-top: 13.6rem;
	margin-bottom: 12.8rem
}

@media (max-width: 991px) {
	.contact-section-wrapper {
		margin-top: 11rem;
		margin-bottom: 5rem
	}
}

.services-section-wrapper {
	padding-top: 12.2rem;
	padding-bottom: 15rem
}

@media (max-width: 991px) {
	.services-section-wrapper {
		padding-top: 0;
		padding-bottom: 0
	}
}

@media (max-width: 767px) {
	.services-section-wrapper {
		padding-top: 4.2rem;
		padding-bottom: 5rem
	}
}

.services-section .heading {
	margin-bottom: 7.6rem
}

@media (max-width: 991px) {
	.services-section .heading {
		margin-top: 4.2rem
	}
}

@media (max-width: 767px) {
	.services-section .heading {
		margin: 0 0 3rem 0
	}
}

.tab-section-wrapper {
	padding-top: 5rem;
	padding-bottom: 5rem
}

@media (max-width: 991px) {
	.tab-section-wrapper {
		padding-top: 4.3rem;
		padding-bottom: 4.5rem
	}
}

@media (max-width: 767px) {
	.tab-section-wrapper {
		padding-top: 4.3rem;
		padding-bottom: 7rem;
	}
}

.tab-section .tabs {
	margin-top: 4rem
}

@media (max-width: 991px) {
	.tab-section .tabs {
		margin-top: 2.5rem
	}
}