@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;display=swap);

@font-face {
	font-family: Vertrio;
	src: url(../fonts/Vertrio.ttf) format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

html {
	scroll-behavior: smooth;
	overflow-x: hidden;
	scroll-padding-top: 6.25em
}

@media (max-width:575.98px) {
	html {
		scroll-padding-top: 8em
	}
}

*,
::after,
::before {
	margin: 0;
	padding: 0;
	outline: 0;
	box-sizing: border-box
}

::after:focus,
::before:focus,
:focus {
	outline: 0
}

body {
	margin: 0;
	padding: 0;
	direction: ltr;
	text-align: left;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
	overflow-x: hidden
}

@media (max-width:1400px) and (min-width:1300px) and (min-height:900px) {
	body {
		font-size: 11.485px
	}
}

@media (min-width:1200px) {
	body {
		font-size: 16px
	}
}

@media (max-width:1199.98px) {
	body {
		font-size: 14px !important
	}
}

img,
svg {
	max-width: 100%;
	height: auto;
	display: block
}

ol,
ul {
	font-weight: 400;
	line-height: 1.6666em;
	margin: 0 0 1.5em 0;
	list-style-position: outside;
	padding-left: 1.35em
}

@media (min-width:1200px) {

	ol,
	ul {
		font-size: 1.125em
	}
}

html[lang=ar] ol {
	list-style-type: arabic-indic
}

a {
	text-decoration: none;
	color: #ffc42f
}

iframe {
	border: 0;
	width: 100%
}

button {
	font-family: Poppins, serif;
	-webkit-appearance: button;
	appearance: button
}

button:focus {
	outline: 0
}

textarea {
	resize: none
}

picture {
	display: block;
	height: 100%
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
	-webkit-background-clip: text;
	-webkit-text-fill-color: #000;
	transition: background-color 5000s ease-in-out 0s;
	box-shadow: inset 0 0 20px 20px transparent
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
	display: none
}

input[type=number] {
	-moz-appearance: textfield
}

.h1,
h1 {
	font-size: 5.125em;
	font-weight: 400;
	line-height: 1;
	margin: 0 0 .285em 0;
	letter-spacing: -1.64px;
	font-family: Vertrio, serif
}

@media (max-width:1199.98px) {

	.h1,
	h1 {
		font-size: 3.125em
	}
}

@media (max-width:575.98px) {

	.h1,
	h1 {
		font-size: 2.5em
	}
}

.h2,
h2 {
	font-size: 4.0625em;
	font-weight: 400;
	line-height: 1;
	margin: 0 0 .285em 0;
	letter-spacing: -1.3px;
	font-family: Vertrio, serif
}

@media (max-width:1199.98px) {

	.h2,
	h2 {
		font-size: 2em
	}
}

.h3,
h3 {
	font-size: 2.625em;
	font-weight: 400;
	line-height: 1.3;
	margin: 0 0 .5em 0;
	letter-spacing: -.84px;
	font-family: Poppins, serif
}

@media (max-width:1199.98px) {

	.h3,
	h3 {
		font-size: 1.875em
	}
}

@media (max-width:991.98px) {

	.h3,
	h3 {
		font-size: 1.25em
	}
}

.h4,
h4 {
	font-size: 1.875em;
	font-weight: 400;
	line-height: 1;
	margin: 0 0 .5em 0;
	font-family: Vertrio, serif
}

@media (max-width:1199.98px) {

	.h4,
	h4 {
		font-size: 1.125em
	}
}

@media (max-width:991.98px) {

	.h4,
	h4 {
		font-size: 1em
	}
}

.h5,
h5 {
	font-size: 1.5em;
	font-weight: 400;
	line-height: 1;
	margin: 0 0 .5em 0
}

@media (max-width:1199.98px) {

	.h5,
	h5 {
		font-size: 1.25em
	}
}

@media (max-width:991.98px) {

	.h5,
	h5 {
		font-size: 1em
	}
}

.h6,
h6 {
	font-size: 1.25em;
	font-weight: 500;
	line-height: 1;
	margin: 0 0 .5em 0;
	font-family: Poppins, serif
}

@media (max-width:1199.98px) {

	.h6,
	h6 {
		font-size: 1em
	}
}

.p,
p {
	font-size: 1.25em;
	font-weight: 400;
	line-height: 1.46;
	margin: 0 0 1em 0;
	letter-spacing: -.4px;
	font-family: Poppins, serif;
	text-align: justify
}

@media (max-width:1199.98px) {

	.p,
	p {
		font-size: 1em;
		margin-bottom: 1em
	}
}

.p.sm-font,
p.sm-font {
	font-size: 1.125em
}

@media (max-width:1199.98px) {

	.p.sm-font,
	p.sm-font {
		font-size: 1em
	}
}

body {
	font-family: Poppins, serif;
	font-weight: 400;
	color: #000;
	line-height: 1
}

.loadjs {
	overflow: hidden
}

.img-wrapper {
	position: relative
}

.container-fluid {
	max-width: 100%;
	padding: 0
}

@media (max-width:991.98px) {
	.container-fluid {
		padding: 0 5em
	}
}

@media (max-width:991.98px) {
	.container-fluid {
		padding: 0 3em
	}
}

@media (max-width:575.98px) {
	.container-fluid {
		padding: 0 2em
	}
}

.container-s {
	max-width: 100%;
	padding: 0 3.385%
}

@media (max-width:991.98px) {
	.container-s {
		padding: 0 3em
	}
}

@media (max-width:575.98px) {
	.container-s {
		padding: 0 2em
	}
}

.container {
	max-width: 100%;
	padding: 0 3.906%
}

@media (max-width:1199.98px) {
	.container {
		padding: 0 5em
	}
}

@media (max-width:991.98px) {
	.container {
		padding: 0 3em
	}
}

@media (max-width:575.98px) {
	.container {
		padding: 0 2em
	}
}

.section {
	position: relative;
	padding: 2em 0
}

@media (min-width:576px) {
	.section {
		padding: 3em 0
	}
}

@media (min-width:1200px) {
	.section {
		padding: 6.25em 0
	}
}

.qhse-policyPage .img-wrapper {
	height: 100%;
	width: 100%
}

.qhse-policyPage .img-wrapper img {
	width: 100%;
	height: 100%
}

.overflow-hidden {
	overflow: hidden
}

@media (max-width:1199.98px) {
	br {
		display: none
	}
}

.modal-root-hidden {
	overflow: hidden
}

.img-radius {
	border-radius: 2em;
	overflow: hidden
}

.visible-xs {
	display: none
}

@media (max-width:575.98px) {
	.visible-xs {
		display: flex;
		gap: 0 1em;
		position: absolute;
		right: 5em
	}
}

.page_404 h1 {
	display: none
}

@media (max-width:575.98px) {
	.page_404 .custom-row {
		flex-direction: column-reverse
	}

	.page_404 .custom-row h2 {
		text-align: center
	}
}

video {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.secTop-wrapper {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-bottom: 4.4375em
}

@media (max-width:1199.98px) {
	.secTop-wrapper {
		margin-bottom: 2em
	}
}

@media (max-width:575.98px) {
	.secTop-wrapper {
		flex-direction: column;
		align-items: flex-start;
		gap: 1.5em
	}
}

.generic-head h6 {
	text-transform: uppercase;
	color: #201b17;
	margin-bottom: 1.25em
}

.generic-head h2 {
	color: #201b17
}

.generic-head h2 span {
	color: #183b62
}

.generic-head.white h6 {
	color: #fff
}

.generic-head.white h2 {
	color: #fff
}

.generic-head.white h2 span {
	color: #fff
}

.generic-head.white p {
	color: #fff
}

.generic-head.blue h6 {
	color: #183b62
}

.generic-head.center {
	text-align: center
}

.generic-arrows {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	gap: 1.5625em
}

@media (max-width:575.98px) {
	.generic-arrows {
		gap: 1.25em
	}
}

.generic-arrows .swiper-button-next,
.generic-arrows .swiper-button-prev {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	margin: 0;
	border-radius: 5.625em;
	background: #fff;
	width: 3.75em;
	height: 3.75em;
	background-image: url(../svg/slider-arrow.svg);
	background-repeat: no-repeat;
	background-repeat: no-repeat;
	background-position: center center
}

@media (max-width:1199.98px) {

	.generic-arrows .swiper-button-next,
	.generic-arrows .swiper-button-prev {
		width: 2.5em;
		height: 2.5em;
		background-size: 38%
	}
}

@media (max-width:575.98px) {

	.generic-arrows .swiper-button-next,
	.generic-arrows .swiper-button-prev {
		width: 2em;
		height: 2em;
		background-size: 35%
	}
}

.generic-arrows .swiper-button-next:after,

.generic-arrows .swiper-button-prev:after {
	display: none
}

.generic-arrows .swiper-button-prev {
	transform: rotate(180deg)
}

.generic-arrows.center {
	justify-content: center
}

.generic-arrows.black .swiper-button-next,
.generic-arrows.black .swiper-button-prev {
	filter: invert(1)
}

.social-icons ul {
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: .625em;
	align-items: center
}

.social-icons ul a {
	width: 1.875em;
	height: 1.875em;
	background: 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #183b62;
	transition: all .5s ease;
	border-radius: 50%
}

.social-icons ul a svg path {
	transition: .5s;
	fill: #183b62
}

.social-icons ul a:hover {
	background-color: #183b62;
	transform: rotateY(360deg)
}

.social-icons ul a:hover svg path {
	fill: #fff;
	transition: .5s
}

.social-icons.white a {
	border: 1px solid #fff;
	background-color: #fff
}

.social-icons.white a svg path {
	fill: #183b62
}

.social-icons.white a:hover {
	background-color: #fff
}

.social-icons.white a:hover svg path {
	fill: #183b62
}

.pagination-arrows {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	justify-content: space-between;
	position: relative
}

.pagination-arrows .swiper-button-next,
.pagination-arrows .swiper-button-prev {
	background: url(../svg/arrow-next.svg) no-repeat;
	border: 1px solid #fff;
	border-radius: 50%;
	width: 3.75em;
	height: 3.75em;
	background-position: center;
	padding: 1em;
	position: relative;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	margin: 0
}

@media (max-width:991.98px) {

	.pagination-arrows .swiper-button-next,
	.pagination-arrows .swiper-button-prev {
		width: 3em;
		height: 3em
	}
}

.pagination-arrows .swiper-button-next:after,
.pagination-arrows .swiper-button-prev:after {
	display: none
}

.pagination-arrows .swiper-button-prev {
	transform: rotate(180deg)
}

.pagination-arrows .swiper-scrollbar {
	opacity: 1 !important;
	width: 88% !important;
	left: 5em;
	bottom: 6em;
	height: 1px;
	background: rgba(255, 255, 255, .6);
	top: 50%;
	transform: translate(0, -50%)
}

@media (max-width:1199.98px) {
	.pagination-arrows .swiper-scrollbar {
		width: 82% !important
	}
}

@media (max-width:991.98px) {
	.pagination-arrows .swiper-scrollbar {
		width: 78% !important
	}
}

@media (max-width:575.98px) {
	.pagination-arrows .swiper-scrollbar {
		width: 68% !important;
		left: 4em
	}
}

.pagination-arrows .swiper-scrollbar .swiper-scrollbar-drag {
	background: #fff;
	height: .375em;
	top: -.125em
}

.pagination-arrows.primary .swiper-button-next,
.pagination-arrows.primary .swiper-button-prev {
	background: url(../svg/arrow-next.svg) no-repeat;
	border: 1px solid #ffc42f;
	background-position: center;
	filter: brightness(0) saturate(100%) invert(9%) sepia(34%) saturate(5396%) hue-rotate(222deg) brightness(108%) contrast(117%)
}

.pagination-arrows.primary .swiper-scrollbar {
	background: rgba(255, 196, 47, .6)
}

.pagination-arrows.primary .swiper-scrollbar .swiper-scrollbar-drag {
	background: #ffc42f
}

.background-before>div {
	position: absolute;
	height: 100vh;
	top: 0;
	z-index: 1
}

.background-before .before-color.active {
	width: calc(100vw - 23em);
	left: 0;
	transition: 1s
}

.background-before .before-color.next {
	width: 16.875em;
	left: 97em;
	transition: 1s
}

.background-before .before-color.next-next {
	width: 5em;
	left: 113.9em;
	transition: 1s
}

.background-before .before-color:first-child {
	background: linear-gradient(180deg, #003980 0, #00629d 100%)
}

.background-before .before-color:nth-child(2) {
	background: linear-gradient(180deg, #ffa420 0, #d16f00 100%)
}

.background-before .before-color:nth-child(3) {
	background: linear-gradient(180deg, #008cc4 0, #00629d 100%)
}

.background-before .before-color:nth-child(4) {
	background: linear-gradient(180deg, #003980 0, #00629d 100%)
}

.generic-tabs ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0
}

.generic-tabs ul li {
	padding: .8889em 2em;
	background: 0 0;
	border-radius: 4.1875em;
	cursor: pointer;
	font-size: 1.333332em;
	transition: all .5s ease
}

@media (max-width:575.98px) {
	.generic-tabs ul li {
		padding: .5em 1em;
		font-size: .857em
	}
}

.generic-tabs ul li.active {
	background: #8e6a0e;
	color: #fff
}

.generic-tabs.sm ul li {
	padding: .8em 1.87em;
	font-size: 1.11111em
}

.gap_top_bottom_spacing {
	gap: 3.125em 0
}

@media (max-width:991.98px) {
	.gap_top_bottom_spacing {
		gap: 2em 0
	}
}

.gap_60 {
	gap: 3.75em 0
}

@media (max-width:991.98px) {
	.gap_60 {
		gap: 2em 0
	}
}

.gap_48 {
	gap: 3em 0
}

@media (max-width:991.98px) {
	.gap_48 {
		gap: 1em 0
	}
}

.primary-color {
	color: #ffc42f
}

.primary-bg {
	background-color: #ffc42f
}

.secondary-color {
	color: #183b62 !important
}

.secondary-bg {
	background-color: #183b62
}

.black-color {
	color: #000
}

.black-bg {
	background-color: #000
}

.white-color {
	color: #fff
}

.white-bg {
	background-color: #fff
}

.light-blue-bg {
	background: rgba(255, 196, 47, .06)
}

.brown-color {
	color: #8e6a0e
}

.light-blue-color {
	color: #6d9dd2
}

.dark-grey {
	color: #4e4f52
}

.animate {
	opacity: 0
}

.animate.fadein-Left {
	transform: translate(100px, 0)
}

.animate.fadein-Right {
	transform: translate(-100px, 0)
}

.animate.fadein-Up {
	transform: translate(0, 100px)
}

.animate.fadein-Down {
	transform: translate(0, -100px)
}

@media (max-width:767.98px) {
	.animate {
		opacity: 1
	}

	.animate.fadein-Left {
		transform: translate(0, 0)
	}

	.animate.fadein-Right {
		transform: translate(0, 0)
	}

	.animate.fadein-Up {
		transform: translate(0, 0)
	}

	.animate.fadein-Down {
		transform: translate(0, 0)
	}
}

@keyframes anim {
	to {
		transform: translate(0, 0);
		opacity: 1
	}
}

.lazy-img {
	opacity: 0
}

@media (min-width:768px) {
	.img__observer {
		position: relative
	}

	.img__observer img {
		overflow: hidden;
		border-radius: inherit;
		clip-path: inset(0 100% 0 0)
	}

	.img__observer::before {
		content: "";
		position: absolute;
		width: 0;
		height: 100%;
		background: #ffc42f;
		bottom: 0;
		left: 1px;
		z-index: 0;
		border-radius: inherit
	}

	.img__observer.active img {
		transition: all .5s;
		transition-delay: .5s;
		clip-path: inset(0 0 0 0)
	}

	.img__observer.active::before {
		width: 99.5%;
		transition: .5s
	}

	.img__observer.white-bg::before {
		background: #fff
	}
}

.gallery_wrapper .masonry-layout {
	--columns: 1;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: repeat(var(--columns), 1fr);
	grid-gap: 1.375em
}

.gallery_wrapper .masonry-layout>div>div,
.gallery_wrapper .masonry-layout>div>img {
	width: 100%;
	margin-bottom: 1.8em
}

@media (max-width:1199.98px) {

	.gallery_wrapper .masonry-layout>div>div,
	.gallery_wrapper .masonry-layout>div>img {
		margin-bottom: 1.1em
	}
}

.gallery_wrapper .masonry-layout.columns-1 {
	--columns: 1
}

.gallery_wrapper .masonry-layout.columns-2 {
	--columns: 2
}

.gallery_wrapper .masonry-layout.columns-3 {
	--columns: 3
}

.gallery_wrapper .masonry-layout.columns-4 {
	--columns: 4
}

@media (max-width:767.98px) {
	.gallery_wrapper img {
		height: 15em;
		object-fit: cover;
		margin-bottom: 1.5em;
		width: 100%;
		object-position: 100% 30%
	}

	.gallery_wrapper img:last-child {
		margin-bottom: 0
	}
}

.custom-row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -.9375em
}

.no-gutters {
	margin: 0;
	width: 100%
}

.no-gutters>[class*=col_] {
	padding: 0
}

.col_offset_0 {
	margin-left: 0
}

.col_1 {
	flex: 0 0 8.3333333333%;
	width: 8.3333333333%;
	padding: 0 .9375em
}

.col_offset_1 {
	margin-left: 8.3333333333%
}

.col_2 {
	flex: 0 0 16.6666666667%;
	width: 16.6666666667%;
	padding: 0 .9375em
}

.col_offset_2 {
	margin-left: 16.6666666667%
}

.col_3 {
	flex: 0 0 25%;
	width: 25%;
	padding: 0 .9375em
}

.col_offset_3 {
	margin-left: 25%
}

.col_4 {
	flex: 0 0 33.3333333333%;
	width: 33.3333333333%;
	padding: 0 .9375em
}

.col_offset_4 {
	margin-left: 33.3333333333%
}

.col_5 {
	flex: 0 0 41.6666666667%;
	width: 41.6666666667%;
	padding: 0 .9375em
}

.col_offset_5 {
	margin-left: 41.6666666667%
}

.col_6 {
	flex: 0 0 50%;
	width: 50%;
	padding: 0 .9375em
}

.col_offset_6 {
	margin-left: 50%
}

.col_7 {
	flex: 0 0 58.3333333333%;
	width: 58.3333333333%;
	padding: 0 .9375em
}

.col_offset_7 {
	margin-left: 58.3333333333%
}

.col_8 {
	flex: 0 0 66.6666666667%;
	width: 66.6666666667%;
	padding: 0 .9375em
}

.col_offset_8 {
	margin-left: 66.6666666667%
}

.col_9 {
	flex: 0 0 75%;
	width: 75%;
	padding: 0 .9375em
}

.col_offset_9 {
	margin-left: 75%
}

.col_10 {
	flex: 0 0 83.3333333333%;
	width: 83.3333333333%;
	padding: 0 .9375em
}

.col_offset_10 {
	margin-left: 83.3333333333%
}

.col_11 {
	flex: 0 0 91.6666666667%;
	width: 91.6666666667%;
	padding: 0 .9375em
}

.col_offset_11 {
	margin-left: 91.6666666667%
}

.col_12 {
	flex: 0 0 100%;
	width: 100%;
	padding: 0 .9375em
}

.col_offset_12 {
	margin-left: 100%
}

@media (min-width:576px) {
	.col_sm_offset_0 {
		margin-left: 0
	}

	.col_sm_1 {
		flex: 0 0 8.3333333333%;
		width: 8.3333333333%;
		padding: 0 .9375em
	}

	.col_sm_offset_1 {
		margin-left: 8.3333333333%
	}

	.col_sm_2 {
		flex: 0 0 16.6666666667%;
		width: 16.6666666667%;
		padding: 0 .9375em
	}

	.col_sm_offset_2 {
		margin-left: 16.6666666667%
	}

	.col_sm_3 {
		flex: 0 0 25%;
		width: 25%;
		padding: 0 .9375em
	}

	.col_sm_offset_3 {
		margin-left: 25%
	}

	.col_sm_4 {
		flex: 0 0 33.3333333333%;
		width: 33.3333333333%;
		padding: 0 .9375em
	}

	.col_sm_offset_4 {
		margin-left: 33.3333333333%
	}

	.col_sm_5 {
		flex: 0 0 41.6666666667%;
		width: 41.6666666667%;
		padding: 0 .9375em
	}

	.col_sm_offset_5 {
		margin-left: 41.6666666667%
	}

	.col_sm_6 {
		flex: 0 0 50%;
		width: 50%;
		padding: 0 .9375em
	}

	.col_sm_offset_6 {
		margin-left: 50%
	}

	.col_sm_7 {
		flex: 0 0 58.3333333333%;
		width: 58.3333333333%;
		padding: 0 .9375em
	}

	.col_sm_offset_7 {
		margin-left: 58.3333333333%
	}

	.col_sm_8 {
		flex: 0 0 66.6666666667%;
		width: 66.6666666667%;
		padding: 0 .9375em
	}

	.col_sm_offset_8 {
		margin-left: 66.6666666667%
	}

	.col_sm_9 {
		flex: 0 0 75%;
		width: 75%;
		padding: 0 .9375em
	}

	.col_sm_offset_9 {
		margin-left: 75%
	}

	.col_sm_10 {
		flex: 0 0 83.3333333333%;
		width: 83.3333333333%;
		padding: 0 .9375em
	}

	.col_sm_offset_10 {
		margin-left: 83.3333333333%
	}

	.col_sm_11 {
		flex: 0 0 91.6666666667%;
		width: 91.6666666667%;
		padding: 0 .9375em
	}

	.col_sm_offset_11 {
		margin-left: 91.6666666667%
	}

	.col_sm_12 {
		flex: 0 0 100%;
		width: 100%;
		padding: 0 .9375em
	}

	.col_sm_offset_12 {
		margin-left: 100%
	}
}

@media (min-width:768px) {
	.col_md_offset_0 {
		margin-left: 0
	}

	.col_md_1 {
		flex: 0 0 8.3333333333%;
		width: 8.3333333333%;
		padding: 0 .9375em
	}

	.col_md_offset_1 {
		margin-left: 8.3333333333%
	}

	.col_md_2 {
		flex: 0 0 16.6666666667%;
		width: 16.6666666667%;
		padding: 0 .9375em
	}

	.col_md_offset_2 {
		margin-left: 16.6666666667%
	}

	.col_md_3 {
		flex: 0 0 25%;
		width: 25%;
		padding: 0 .9375em
	}

	.col_md_offset_3 {
		margin-left: 25%
	}

	.col_md_4 {
		flex: 0 0 33.3333333333%;
		width: 33.3333333333%;
		padding: 0 .9375em
	}

	.col_md_offset_4 {
		margin-left: 33.3333333333%
	}

	.col_md_5 {
		flex: 0 0 41.6666666667%;
		width: 41.6666666667%;
		padding: 0 .9375em
	}

	.col_md_offset_5 {
		margin-left: 41.6666666667%
	}

	.col_md_6 {
		flex: 0 0 50%;
		width: 50%;
		padding: 0 .9375em
	}

	.col_md_offset_6 {
		margin-left: 50%
	}


	.col_md_7 {
		flex: 0 0 58.3333333333%;
		width: 58.3333333333%;
		padding: 0 .9375em
	}

	.col_md_offset_7 {
		margin-left: 58.3333333333%
	}

	.col_md_8 {
		flex: 0 0 66.6666666667%;
		width: 66.6666666667%;
		padding: 0 .9375em
	}

	.col_md_offset_8 {
		margin-left: 66.6666666667%
	}

	.col_md_9 {
		flex: 0 0 75%;
		width: 75%;
		padding: 0 .9375em
	}

	.col_md_offset_9 {
		margin-left: 75%
	}

	.col_md_10 {
		flex: 0 0 83.3333333333%;
		width: 83.3333333333%;
		padding: 0 .9375em
	}

	.col_md_offset_10 {
		margin-left: 83.3333333333%
	}

	.col_md_11 {
		flex: 0 0 91.6666666667%;
		width: 91.6666666667%;
		padding: 0 .9375em
	}

	.col_md_offset_11 {
		margin-left: 91.6666666667%
	}

	.col_md_12 {
		flex: 0 0 100%;
		width: 100%;
		padding: 0 .9375em
	}

	.col_md_offset_12 {
		margin-left: 100%
	}
}

@media (min-width:992px) {
	.col_lg_offset_0 {
		margin-left: 0
	}

	.col_lg_1 {
		flex: 0 0 8.3333333333%;
		width: 8.3333333333%;
		padding: 0 .9375em
	}

	.col_lg_offset_1 {
		margin-left: 8.3333333333%
	}

	.col_lg_2 {
		flex: 0 0 16.6666666667%;
		width: 16.6666666667%;
		padding: 0 .9375em
	}

	.col_lg_offset_2 {
		margin-left: 16.6666666667%
	}

	.col_lg_3 {
		flex: 0 0 25%;
		width: 25%;
		padding: 0 .9375em
	}

	.col_lg_offset_3 {
		margin-left: 25%
	}

	.col_lg_4 {
		flex: 0 0 33.3333333333%;
		width: 33.3333333333%;
		padding: 0 .9375em
	}

	.col_lg_offset_4 {
		margin-left: 33.3333333333%
	}

	.col_lg_5 {
		flex: 0 0 41.6666666667%;
		width: 41.6666666667%;
		padding: 0 .9375em
	}

	.col_lg_offset_5 {
		margin-left: 41.6666666667%
	}

	.col_lg_6 {
		flex: 0 0 50%;
		width: 50%;
		padding: 0 .9375em
	}

	.col_lg_offset_6 {
		margin-left: 50%
	}

	.col_lg_7 {
		flex: 0 0 58.3333333333%;
		width: 58.3333333333%;
		padding: 0 .9375em
	}

	.col_lg_offset_7 {
		margin-left: 58.3333333333%
	}

	.col_lg_8 {
		flex: 0 0 66.6666666667%;
		width: 66.6666666667%;
		padding: 0 .9375em
	}

	.col_lg_offset_8 {
		margin-left: 66.6666666667%
	}

	.col_lg_9 {
		flex: 0 0 75%;
		width: 75%;
		padding: 0 .9375em
	}

	.col_lg_offset_9 {
		margin-left: 75%
	}

	.col_lg_10 {
		flex: 0 0 83.3333333333%;
		width: 83.3333333333%;
		padding: 0 .9375em
	}

	.col_lg_offset_10 {
		margin-left: 83.3333333333%
	}

	.col_lg_11 {
		flex: 0 0 91.6666666667%;
		width: 91.6666666667%;
		padding: 0 .9375em
	}

	.col_lg_offset_11 {
		margin-left: 91.6666666667%
	}

	.col_lg_12 {
		flex: 0 0 100%;
		width: 100%;
		padding: 0 .9375em
	}

	.col_lg_offset_12 {
		margin-left: 100%
	}
}

@media (min-width:1200px) {
	.col_xl_offset_0 {
		margin-left: 0
	}

	.col_xl_1 {
		flex: 0 0 8.3333333333%;
		width: 8.3333333333%;
		padding: 0 .9375em
	}

	.col_xl_offset_1 {
		margin-left: 8.3333333333%
	}

	.col_xl_2 {
		flex: 0 0 16.6666666667%;
		width: 16.6666666667%;
		padding: 0 .9375em
	}

	.col_xl_offset_2 {
		margin-left: 16.6666666667%
	}

	.col_xl_3 {
		flex: 0 0 25%;
		width: 25%;
		padding: 0 .9375em
	}

	.col_xl_offset_3 {
		margin-left: 25%
	}

	.col_xl_4 {
		flex: 0 0 33.3333333333%;
		width: 33.3333333333%;
		padding: 0 .9375em
	}

	.col_xl_offset_4 {
		margin-left: 33.3333333333%
	}

	.col_xl_5 {
		flex: 0 0 41.6666666667%;
		width: 41.6666666667%;
		padding: 0 .9375em
	}

	.col_xl_offset_5 {
		margin-left: 41.6666666667%
	}

	.col_xl_6 {
		flex: 0 0 50%;
		width: 50%;
		padding: 0 .9375em
	}

	.col_xl_offset_6 {
		margin-left: 50%
	}

	.col_xl_7 {
		flex: 0 0 58.3333333333%;
		width: 58.3333333333%;
		padding: 0 .9375em
	}

	.col_xl_offset_7 {
		margin-left: 58.3333333333%
	}

	.col_xl_8 {
		flex: 0 0 66.6666666667%;
		width: 66.6666666667%;
		padding: 0 .9375em
	}

	.col_xl_offset_8 {
		margin-left: 66.6666666667%
	}

	.col_xl_9 {
		flex: 0 0 75%;
		width: 75%;
		padding: 0 .9375em
	}

	.col_xl_offset_9 {
		margin-left: 75%
	}

	.col_xl_10 {
		flex: 0 0 83.3333333333%;
		width: 83.3333333333%;
		padding: 0 .9375em
	}

	.col_xl_offset_10 {
		margin-left: 83.3333333333%
	}

	.col_xl_11 {
		flex: 0 0 91.6666666667%;
		width: 91.6666666667%;
		padding: 0 .9375em
	}

	.col_xl_offset_11 {
		margin-left: 91.6666666667%
	}

	.col_xl_12 {
		flex: 0 0 100%;
		width: 100%;
		padding: 0 .9375em
	}

	.col_xl_offset_12 {
		margin-left: 100%
	}
}

.home-hero {
	overflow: hidden;
	position: relative;
	height: 100vh
}

@media (max-width:1199.98px) {
	.home-hero {
		height: 50em
	}
}

@media (max-width:575.98px) {
	.home-hero {
		height: 40em
	}
}

.home-hero__heroImage {
	position: relative;
	height: 100%
}

@media (max-width:991.98px) {
	.home-hero__heroImage {
		height: 100%;
		overflow: hidden
	}
}

.home-hero__heroImage img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.home-hero__heroImage::before {
	content: "";
	position: absolute;
	background: url(../images/hero/home-heroBefore.webp) no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1
}

.home-hero__heroImage .video-wrapper iframe,
.home-hero__heroImage .video-wrapper video {
	width: 100vw;
	height: 62.25vw;
	min-height: 100vh;
	min-width: 177.77vh;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 0
}

@media (max-width:991.98px) {

	.home-hero__heroImage .video-wrapper iframe,
	.home-hero__heroImage .video-wrapper video {
		min-width: 90vh
	}
}

@media (max-width:575.98px) {

	.home-hero__heroImage .video-wrapper iframe,
	.home-hero__heroImage .video-wrapper video {
		min-width: 200vh
	}
}

.home-hero__heroImage .video-wrapper video {
	animation: fadeInVid ease 2s
}

.home-hero__heroSlider {
	height: 100%
}

@media (max-width:1199.98px) {
	.home-hero__heroSlider .swiper-slide {
		height: auto
	}
}

.home-hero__contentWrapper {
	position: absolute;
	z-index: 5;
	left: 3.9%;
	max-width: 50%;
	bottom: 5em
}

@media (max-width:1199.98px) {
	.home-hero__contentWrapper {
		left: 5em;
		max-width: 100%;
		padding: 10em 0 5em 0
	}
}

@media (max-width:991.98px) {
	.home-hero__contentWrapper {
		left: 3em;
		max-width: 70%
	}
}

@media (max-width:575.98px) {
	.home-hero__contentWrapper {
		padding: 2em;
		position: absolute;
		background: 0 0;
		left: auto;
		max-width: 100%;
		justify-content: center
	}
}

.home-hero__contentWrapper h1 {
	color: #fff;
	text-transform: capitalize
}

.home-hero__contentWrapper .top-wrapper {
	margin-bottom: 8.125em
}

.home-hero__contentWrapper .bottom-wrapper a {
	display: inline-flex;
	font-size: 1.375em;
	color: #fff;
	transition: all .5s ease
}

.home-hero__contentWrapper .bottom-wrapper a:hover {
	color: #ffc42f;
	transition: all .5s ease
}

.home-hero .scroll-down {
	position: absolute;
	bottom: 2.875em;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 4.6875em;
	height: 3.375em;
	z-index: 5
}

@media (max-width:575.98px) {
	.home-hero .scroll-down {
		display: none
	}
}

@keyframes fadeInVid {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes moveUpDown {
	0% {
		transform: translateY(0)
	}

	50% {
		transform: translateY(-.625em)
	}

	100% {
		transform: translateY(0)
	}
}

.scroll-down path:last-of-type {
	animation: moveUpDown 2s infinite;
	transform-origin: center
}

.text-center {
	text-align: center
}

.m-auto {
	margin: 0 auto
}

.m-0 {
	margin: 0
}

.mb-0 {
	margin-bottom: 0
}

.text-lower {
	text-transform: lowercase !important
}

.d-flex {
	display: flex
}

@media (max-width:575.98px) {
	.d-flex {
		flex-wrap: wrap
	}
}

@media (max-width:575.98px) {
	.mob-none {
		display: none
	}
}

.flex-wrap {
	flex-wrap: wrap
}

.text-underline {
	text-decoration: underline
}

.text-upper {
	text-transform: uppercase !important
}

.text-capitalize {
	text-transform: capitalize !important
}

.generic--radius {
	border-radius: 10px
}

.justify-content-center {
	justify-content: center
}

.justify-content-between {
	justify-content: space-between
}

.justify-content-around {
	justify-content: space-around
}

.justify-content-end {
	justify-content: flex-end
}

.align-item-center {
	align-items: center
}

@media (max-width:1199.98px) {
	.align-center-lg {
		align-items: center
	}
}

.align-item-start {
	align-items: flex-start
}

.flex-direction-col {
	flex-direction: column
}

.align-item-end {
	align-items: flex-end
}

.w-100 {
	width: 100%
}

.h-100 {
	height: 100%
}

@media (min-width:576px) {
	.mobile-only {
		display: none
	}
}

@media (max-width:575.98px) {
	.desktop-only {
		display: none
	}
}

.img-hack,
.img-hack-contain {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.img-hack-contain {
	object-fit: contain
}

.border-gray {
	border: 1px solid #ffc42f
}

.border-radius-10 {
	border-radius: .625em;
	overflow: hidden
}

.border-radius-15 {
	border-radius: .9375em;
	overflow: hidden
}

.border-radius-20 {
	border-radius: 1.25em;
	overflow: hidden
}

.border-radius-30 {
	border-radius: 1.875em;
	overflow: hidden
}

@media (min-width:1200px) {
	.container-left-zero-desktop {
		padding-left: 0
	}
}

.container-left-zero-always {
	padding-left: 0
}

@media (min-width:1200px) {
	.container-right-zero-desktop {
		padding-right: 0
	}
}

.container-right-zero-always {
	padding-right: 0
}

.container-right-zero-except-mobile {
	padding-right: 0
}

@media (min-width:992px) {
	.left_lg_4_zero {
		margin-left: -4.6875em;
		flex: 0 0 calc(33.3333333333% + 4.6875em);
		width: calc(33.3333333333% + 4.6875em)
	}
}

@media (min-width:992px) {
	.right_lg_6_zero {
		margin-right: -4.6875em;
		flex: 0 0 calc(50% + 4.6875em);
		width: calc(50% + 4.6875em)
	}
}

.line-clamp-1 {
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	white-space: normal;
	-webkit-line-clamp: 1
}

.line-clamp-2 {
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	white-space: normal;
	-webkit-line-clamp: 2
}

.line-clamp-3 {
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	white-space: normal;
	-webkit-line-clamp: 3
}

.line-clamp-4 {
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box !important;
	/*-webkit-box-orient: vertical;*/
	white-space: normal;
	-webkit-line-clamp: 4
}

.fw-200 {
	font-weight: 200
}

.fw-300 {
	font-weight: 300
}

.fw-400 {
	font-weight: 400
}

.fw-500 {
	font-weight: 500
}

.fw-600 {
	font-weight: 600
}

.fw-700 {
	font-weight: 700
}

.fw-800 {
	font-weight: 800
}

.pb-0 {
	padding-bottom: 0 !important
}

.pt-0 {
	padding-top: 0 !important
}

@media (max-width:991.98px) {
	br {
		display: none
	}
}

.pd-l {
	padding-left: 98px
}

.pd-r {
	padding-right: 98px
}

.navigation-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-right: 0;
	transition: all .5s ease;
	width: 100%
}

@media (max-width:1199.98px) {
	.navigation-wrapper {
		gap: 2em;
		justify-content: flex-end;
		flex-direction: row;
		align-items: center
	}
}

@media (max-width:991.98px) {
	.navigation-wrapper {
		padding-bottom: 0
	}
}

@media (max-width:575.98px) {
	.navigation-wrapper {
		gap: 1em
	}
}

.navigation {
	display: flex;
	align-items: center;
	width: 100%
}

@media (max-width:1199.98px) {
	.navigation {
		position: fixed;
		right: -100%;
		width: 50%;
		height: 100vh;
		top: 0;
		transition: all .9s ease;
		background: #183b62;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		z-index: 7;
		overflow-y: scroll;
		padding: 5em 0 0 0;
		box-shadow: 0 0 27px 2px rgba(0, 0, 0, .5) inset, 0 6px 4px -5px rgba(0, 0, 0, .5)
	}

	.navigation.open {
		right: 0
	}
}

@media (max-width:575.98px) {
	.navigation {
		width: 100%
	}
}

.menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	min-width: 100%;
	list-style-type: none;
	padding: 0;
	margin: 0 1em;
	position: relative
}

@media (max-width:1199.98px) {
	.menu {
		padding: 2em;
		margin: 0;
		flex-direction: column;
		width: 100%;
		align-items: flex-start
	}
}

.menu__menuitem {
	position: relative;
	padding: 0;
	margin: 0 .8em
}

@media (min-width:1200px) {
	.menu__menuitem {
		display: flex;
		align-items: baseline;
		flex-wrap: wrap;
		margin: 0 1.875em
	}
}

.menu__menuitem.has-child {
	position: relative;
	display: flex;
	flex-direction: row-reverse
}

@media (max-width:1199.98px) {
	.menu__menuitem.has-child {
		justify-content: flex-end;
		flex-direction: column
	}
}

@media (min-width:1200px) {
	.menu__menuitem.has-child .menu {
		background: #fff;
		border-radius: .625em;
		margin: 0;
		justify-content: space-between;
		align-items: flex-start;
		padding: 2.25em 2.25em 1.5em 2.25em
	}

	.menu__menuitem.has-child .menu::before {
		content: "";
		position: absolute;
		border-radius: .3125em;
		opacity: .08;
		background: #006ab8;
		width: 2px;
		height: calc(100% - 5.5em);
		right: 27em;
		margin: 0 auto
	}

	.menu__menuitem.has-child .menu .inner-menu {
		padding: 0;
		list-style: none;
		margin: 0
	}

	.menu__menuitem.has-child .menu .inner-menu__menuitem--menulink {
		font-size: .9em;
		font-weight: 500;
		color: #000;
		display: flex;
		margin-bottom: .5em;
		transition: .5s
	}

	.menu__menuitem.has-child .menu .inner-menu__menuitem--menulink:hover {
		color: #183b62;
		transition: .5s
	}

	.menu__menuitem.has-child .menu .right-wrapper .img-wrapper {
		width: 21.66em;
		min-width: 21.66em;
		height: 11.66em;
		border-radius: .375em;
		overflow: hidden
	}

	.menu__menuitem.has-child .menu_wrapper {
		position: absolute;
		top: 0;
		left: 0;
		transition: all .5s ease;
		visibility: hidden;
		opacity: 0;
		width: calc(100% + 39.672em);
		pointer-events: none
	}
}

@media (max-width:1199.98px) {
	.menu__menuitem.has-child .menu {
		padding: 0
	}

	.menu__menuitem.has-child .menu .right-wrapper {
		display: none
	}
}

@media (max-width:1199.98px) {
	.menu__menuitem.has-child.opened .inner-menu {
		margin-top: 2em
	}
}

.menu__menuitem.has-child .inner-menu {
	padding: 0;
	list-style: none;
	margin: 0
}

@media (max-width:1199.98px) {
	.menu__menuitem.has-child .inner-menu {
		max-height: 0;
		overflow: hidden;
		transition: 1s
	}
}

.menu__menuitem.has-child .inner-menu__menuitem--menulink {
	font-size: .9em;
	font-weight: 500;
	color: #000;
	display: flex;
	margin-bottom: .5em;
	transition: .5s
}

@media (max-width:1199.98px) {
	.menu__menuitem.has-child .inner-menu__menuitem--menulink {
		color: #fff
	}
}

.menu__menuitem.has-child .inner-menu__menuitem--menulink:hover {
	color: #183b62;
	transition: .5s
}

@media (max-width:1199.98px) {
	.menu__menuitem.has-child .inner-menu__menuitem--menulink:hover {
		color: #ffc42f
	}
}

@media (min-width:1200px) {
	.menu__menuitem:hover .mobileToggle {
		transform: rotate(315deg)
	}
}

@media (min-width:1200px) {
	.menu__menuitem:hover .menu__menuitem--menulink {
		opacity: 1;
		color: #ffc42f
	}
}

@media (min-width:1200px) {
	.menu__menuitem:hover .menu__menuitem__icon {
		transform: rotate(-180deg) translateY(-2px)
	}
}

@media (min-width:1200px) {
	.menu__menuitem:hover.has-child .menu_wrapper {
		padding-top: 2em;
		transition: all .5s ease;
		visibility: visible;
		opacity: 1;
		pointer-events: unset
	}
}

@media (max-width:1199.98px) {
	.menu__menuitem {
		margin: 0 1em;
		width: 100%;
		padding: .75em 0 1em 0;
		border-bottom: 1px solid #fff;
		margin: 0;
		margin-bottom: 1em
	}
}

.menu__menuitem--menulink {
	display: inline-block;
	font-size: 1.222em;
	font-family: Poppins, serif;
	line-height: 1;
	color: #fff;
	text-transform: capitalize;
	text-decoration: none;
	transition: all .5s ease
}

@media (max-width:1199.98px) {
	.menu__menuitem--menulink {
		color: #fff;
		width: 90%;
		flex: 0 0 auto
	}
}

@media (max-width:575.98px) {
	.menu__menuitem--menulink {
		font-size: 1.5em
	}
}

@media (max-width:1199.98px) {
	.menu__menuitem--menulink.active {
		color: #fff
	}
}

.menu__menuitem--menulink.active,
.menu__menuitem--menulink:hover {
	color: #fff
}

.menu__menuitem--menulink.active::before,
.menu__menuitem--menulink:hover::before {
	width: 100%
}

@media (max-width:1199.98px) {

	.menu__menuitem--menulink.active::before,
	.menu__menuitem--menulink:hover::before {
		width: 0
	}
}

.menu__menuitem__icon {
	width: 2em;
	height: 2em;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	background: #ffc42f;
	position: absolute;
	right: 0;
	top: 7px;
	transition: all .5s ease
}

@media (min-width:1200px) {
	.menu__menuitem__icon {
		position: static;
		background-color: transparent;
		margin-left: 5px;
		flex: 0 0 9px;
		width: 9px;
		height: 6px;
		transform: rotate(0) translateY(-2px);
		transform-origin: top;
		transition-delay: .1s
	}
}

.menu__menuitem__icon img,
.menu__menuitem__icon svg {
	transition: all .5s ease;
	transform-origin: center center;
	pointer-events: none
}

.menu__menuitem__icon.open img,
.menu__menuitem__icon.open svg {
	transform: rotate(-180deg)
}

@media (min-width:1200px) {
	.menu__menuitem.active::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 5px;
		background: #ffc42f;
		bottom: -1.75em;
		border-radius: 10px
	}
}

.nav-button {
	display: none;
	position: relative;
	height: .875em;
	width: 1.9375em;
	padding: 0;
	background: 0 0;
	transition: all 250ms ease-out;
	z-index: 99;
	cursor: pointer
}

@media (max-width:1199.98px) {
	.nav-button {
		display: flex
	}
}

.nav-button::after,
.nav-button::before {
	content: "";
	width: 100%;
	height: 3px;
	position: absolute;
	background: #fff;
	transition: all 250ms ease-out;
	will-change: transform
}

.nav-button::before {
	transform: translateY(0)
}

.nav-button::after {
	transform: translateY(10px)
}

.nav-button.active::before {
	transform: translateY(0) rotate(45deg);
	background: #fff
}

.nav-button.active::after {
	transform: translateY(0) rotate(-45deg);
	background: #fff
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	transition: all .5s ease;
	transition-timing-function: ease;
	padding: 1.875em 0;
	background: rgba(6, 18, 55, 0.6);
}

@media (max-width:1199.98px) {
	.header {
		padding: 2em 0
	}
}

@media (max-width:991.98px) {
	.header {
		padding: 1em 0
	}
}

.header.sticky {
	background: rgba(6, 18, 55, 0.6);
	padding: 1em 0
}

@media (min-width:1200px) {
	.header.sticky {
		padding: 1em 0
	}
}

@media (min-width:1200px) {
	.header.sticky .brand-logo {
		width: 12em;
		min-width: 12em;
		height: 5em;
		transition: all .5s ease
	}
}

@media (min-width:1200px) {
	.header.sticky .menu__menuitem:hover .menu__menuitem--menulink {
		color: #183b62
	}

	.header.sticky .menu__menuitem--menulink:hover {
		color: #183b62
	}
}

.header__wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.header .brand-logo {
	width: 18.75em;
	min-width: 18.75em;
	height: 6.125em;
	flex-shrink: 0;
	transition: all .5s ease;
	display: flex;
	align-items: center;
	background: #fff;
  padding: 5px;
  border-radius: 5px;
}

@media (max-width:1199.98px) {
	.header .brand-logo {
		width: 13em;
		min-width: 13em;
		height: 5em
	}
}

@media (max-width:991.98px) {
	.header .brand-logo {
		width: 10em;
		min-width: 10em;
		height: auto
	}
}

@media (max-width:575.98px) {
	.header .brand-logo {
		width: 8em;
		min-width: 8em
	}
}

.header .brand-logo img {
	width: 100%
}

.header .language-serachWrapper {
	width: 15%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 2em
}

@media (max-width:1199.98px) {
	.header .language-serachWrapper {
		width: 100%
	}
}

.header .language-serachWrapper .search-wrapper {
	cursor: pointer
}

.header .language-serachWrapper .search-popup {
	border-radius: 1.25em;
	background: rgba(255, 255, 255, .5);
	backdrop-filter: blur(.9375em);
	position: absolute;
	width: 110.625em;
	padding: 3.8125em 4.6875em 2.8125em 4.6875em;
	left: 0;
	right: 0;
	top: 0;
	transition: .5s;
	opacity: 0;
	visibility: hidden;
	margin: 0 auto
}

@media (max-width:1199.98px) {
	.header .language-serachWrapper .search-popup {
		padding: 2em;
		width: 85%
	}
}

@media (max-width:575.98px) {
	.header .language-serachWrapper .search-popup {
		padding: 1em 1.5em;
		width: 90%;
		margin: 0 1.43em
	}
}

.header .language-serachWrapper .search-popup.open {
	top: 100%;
	transition: .5s;
	opacity: 1;
	visibility: visible
}

.header .language-serachWrapper .search-popup .cross-icon {
	position: absolute;
	top: 3.8125em;
	right: 4.6875em;
	width: 1.3125em;
	height: 1.3125em;
	cursor: pointer
}

@media (max-width:1199.98px) {
	.header .language-serachWrapper .search-popup .cross-icon {
		top: 2em;
		right: 2.5em
	}
}

@media (max-width:575.98px) {
	.header .language-serachWrapper .search-popup .cross-icon {
		top: 1em;
		right: 1.5em
	}
}

.header .language-serachWrapper .search-popup h3 {
	text-transform: uppercase
}

@media (max-width:575.98px) {
	.header .language-serachWrapper .search-popup h3 {
		font-size: 1.5em
	}
}

.header .language-serachWrapper .search-popup p {
	margin: 0;
	text-align: right
}

.header .language-serachWrapper .search-popup .form-group {
	position: relative;
	margin-bottom: 1.5625em
}

.header .language-serachWrapper .search-popup .form-group .search-button {
	position: absolute;
	width: 1.85em;
	min-width: 1.85em;
	height: 1.85em;
	flex-shrink: 0;
	background: url(../svg/search-iconBlack.svg) no-repeat;
	background-size: cover;
	right: 2.1875em;
	top: 50%;
	transform: translate(0, -50%);
	z-index: 5;
	cursor: pointer;
	border: 0
}

@media (max-width:575.98px) {
	.header .language-serachWrapper .search-popup .form-group .search-button {
		right: 1em;
		width: 1.5em;
		min-width: 1.5em;
		height: 1.5em;
		background-size: 100% 100%
	}
}

.header .language-serachWrapper .search-popup .form-group .form-control {
	width: 100%;
	padding: 2.278em 2.6875em;
	font-weight: 400;
	position: relative
}

@media (max-width:1199.98px) {
	.header .language-serachWrapper .search-popup .form-group .form-control {
		padding: 1.5em
	}
}

@media (max-width:575.98px) {
	.header .language-serachWrapper .search-popup .form-group .form-control {
		padding: 1em 2.6em .5em .5em
	}
}

.header .language-serachWrapper .search-popup .form-group .form-control::placeholder {
	font-weight: 400
}

@media (max-width:575.98px) {
	.header .language-serachWrapper .primary-btn {
		display: none
	}
}

.header .mega-menu {
	position: absolute;
	top: -900%;
	left: 0;
	width: 100%;
	height: 100vh;
	background: #fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	z-index: 5;
	transition: 1s;
	overflow: hidden
}

@media (max-width:1199.98px) {
	.header .mega-menu {
		top: -1000%;
		height: auto
	}
}

.header .mega-menu.open {
	top: 0;
	transition: 1s
}

.header .mega-menu::before {
	content: "";
	position: absolute;
	width: 76.5em;
	height: 57.5em;
	left: 7.5em;
	bottom: 0;
	background: url(../images/menu/before-menu.webp) no-repeat;
	background-size: contain;
	z-index: -1
}

.header .mega-menu .left-wrapper {
	padding: 3.125em 3.125em 3.125em 11.25em;
	width: 49%;
	overflow-y: auto;
	height: 58em
}

@media (max-width:1199.98px) {
	.header .mega-menu .left-wrapper {
		height: 37.5em;
		padding: 3em
	}
}

.header .mega-menu .left-wrapper::-webkit-scrollbar-thumb {
	-webkit-border-radius: .125em;
	border-radius: .125em;
	background: rgba(24, 59, 98, .8)
}

.header .mega-menu .left-wrapper::-webkit-scrollbar {
	width: .25em;
	height: 4em;
	background: rgba(24, 59, 98, .3)
}

.header .mega-menu .right-wrapper {
	width: 30.447%
}

.header .mega-menu .right-wrapper img {
	width: 100%
}

.header .mega-menu .mega-inner {
	list-style: none;
	padding: 0;
	margin: 0
}

.header .mega-menu .mega-inner .mobileToggle {
	border-right: .14em solid #000;
	border-top: .14em solid #000;
	width: .75em;
	height: .75em;
	right: 0;
	transition: all .5s ease
}

@media (min-width:1200px) {
	.header .mega-menu .mega-inner .mobileToggle {
		right: 3.113em
	}
}

.header .mega-menu .mega-inner__menuitem {
	position: relative;
	width: fit-content
}

.header .mega-menu .mega-inner__menuitem--menulink {
	font-size: 2.22222em;
	color: #000;
	margin-bottom: .75em;
	font-family: Vertrio, serif;
	display: inline-flex;
	text-transform: capitalize;
	transition: all .5s ease;
	position: relative
}

.header .mega-menu .mega-inner__menuitem--menulink:hover {
	color: #eaa501;
	transition: all .5s ease
}

.header .mega-menu .mega-inner__menuitem--menulink:hover::before {
	width: 100%;
	transition: all .5s ease
}

.header .mega-menu .mega-inner__menuitem.opened .mobileToggle {
	border-color: #ffc42f;
	transform: rotate(-44deg)
}

.header .mega-menu .mega-inner__menuitem.opened .mega-inner__menuitem--menulink {
	color: #eaa501;
	transition: all .5s ease
}

.header .mega-menu .mega-inner__menuitem.opened .mega-sub {
	margin-bottom: 2em
}

.header .mega-menu .mega-inner__menuitem.opened .mega-sub__menuitem--menulink {
	color: #eaa501;
	transition: all .5s ease
}

.header .mega-menu .mega-sub {
	list-style: none;
	padding: 0;
	margin: 0;
	max-height: 0;
	transition: 1s;
	overflow: hidden
}

.header .mega-menu .mega-sub__menuitem {
	position: relative
}

.header .mega-menu .mega-sub__menuitem--menulink {
	font-size: 1.18521em;
	color: #000;
	margin-bottom: .75em;
	display: inline-flex;
	font-weight: 500;
	text-transform: capitalize;
	transition: all .5s ease;
	position: relative;
	font-family: Poppins, serif
}

.header .mega-menu .mega-sub__menuitem--menulink:hover::before {
	width: 100%;
	transition: all .5s ease
}

.header .mobileToggle {
	position: absolute;
	top: .45em;
	content: "";
	display: inline-block;
	width: 6.75px;
	height: 6.5px;
	border-right: .14em solid #fff;
	border-top: .14em solid #fff;
	transform: rotate(135deg);
	right: -1em;
	cursor: pointer;
	transition: all .5s ease
}

@media (max-width:1199.98px) {
	.header .mobileToggle {
		right: 0
	}
}

@media (max-width:767.98px) {
	.header .mobileToggle {
		top: 1.1em
	}
}

.header .mobileToggle.active {
	transition: all .5s ease;
	transform: rotate(314deg)
}

.footer {
	background:#d4f2fe !important;
	padding: 5.8125em 0 2.1875em 0;
	z-index: 5
}

@media (max-width:575.98px) {
	.footer {
		padding-top: 2em
	}
}

.footer .logo-wrapper {
	display: flex;
	justify-content: center;
	position: relative;
	flex-direction: column;
	gap: 2.5em
}

@media (max-width:1199.98px) {
	.footer .logo-wrapper {
		gap: 1.5em
	}
}

@media (max-width:575.98px) {
	.footer .logo-wrapper {
		margin-bottom: 1em
	}
}

.footer .logo-wrapper .footer-logo {
	width: 18.125em;
	min-width: 18.125em;
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	z-index: 5
}

@media (max-width:991.98px) {
	.footer .logo-wrapper .footer-logo {
		width: auto;
		min-width: auto;
		height: auto
	}
}

@media (max-width:575.98px) {
	.footer .logo-wrapper .footer-logo {
		width: 15em;
		min-width: 15em
	}
}

.footer .logo-wrapper .footer-logo img {
	width: 100%;
	height: 100%
}

.footer .logo-wrapper .connect-linkedin {
	width: 18.5625em;
	height: 3.75em
}

@media (max-width:991.98px) {
	.footer .logo-wrapper .connect-linkedin {
		width: auto;
		min-width: auto;
		height: auto
	}
}

@media (max-width:575.98px) {
	.footer .logo-wrapper .connect-linkedin {
		width: 15em;
		min-width: 15em
	}
}

.footer .fItems-wrapper {
	display: flex;
	justify-content: space-between;
	padding: 0 0 3.875em 0
}

@media (max-width:1199.98px) {
	.footer .fItems-wrapper {
		flex-wrap: wrap
	}
}

@media (max-width:991.98px) {
	.footer .fItems-wrapper {
		padding: 3em 0;
		gap: 2em;
		justify-content: flex-start
	}
}

@media (max-width:575.98px) {
	.footer .fItems-wrapper {
		gap: 1em 0
	}
}

@media (max-width:991.98px) {
	.footer .fItem {
		width: 30%
	}
}

@media (max-width:575.98px) {
	.footer .fItem {
		width: 100%
	}
}

.footer .fItem h5 {
	color: #183b62;
	font-weight: 500;
	margin-bottom: 1.25em;
	text-transform: uppercase
}

@media (max-width:991.98px) {
	.footer .fItem h5 {
		margin-bottom: 1.5em
	}
}

.footer .fItem:last-child {
	max-width: 17%
}

@media (max-width:1199.98px) {
	.footer .fItem:last-child {
		max-width: 100%
	}
}

.footer .fLinkWrapper {
	list-style: none;
	padding: 0;
	margin: 0
}

@media (max-width:575.98px) {
	.footer .fLinkWrapper {
		max-height: 0;
		overflow: hidden;
		transition: all .5s ease
	}
}

.footer .fLinkWrapper li {
	margin-bottom: 1em
}

.footer .fLinkWrapper li a {
	color: rgba(0, 0, 0, .6);
	text-transform: uppercase
}

.footer .footer-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid rgba(0, 0, 0, .2);
	padding-top: 1.875em
}

@media (max-width:991.98px) {
	.footer .footer-bottom {
		flex-direction: column;
		gap: 1em;
		text-align: center
	}
}

.footer .footer-bottom p {
	margin: 0;
	text-transform: uppercase
}

@media (min-width:1200px) {
	.footer .footer-bottom p {
		font-size: 1em
	}
}

.footer .footer-bottom p a {
	color: #183b62;
	text-transform: uppercase
}

.footer .footer-bottom ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	gap: 1.4375em
}

.footer .footer-bottom li a {
	color: #000;
	text-transform: uppercase
}

@media (min-width:1200px) {
	.footer .footer-bottom li a {
		font-size: .888em
	}
}

@media (max-width:575.98px) {
	.footer .toggle-btn {
		position: relative
	}

	.footer .toggle-btn::before {
		position: absolute;
		top: .45em;
		content: "";
		display: inline-block;
		width: 6.75px;
		height: 6.5px;
		border-right: .14em solid #000;
		border-top: .14em solid #000;
		transform: rotate(135deg);
		right: 0;
		cursor: pointer;
		transition: .5s
	}

	.footer .toggle-btn.active::before {
		transition: .5s;
		transform: rotate(314deg)
	}
}

.contact-us .fLinkWrapper li {
	display: flex;
	gap: 1em
}

.contact-us .fLinkWrapper li .icon {
	width: 1.125em;
	min-width: 1.125em;
	height: 1.125em;
	flex-shrink: 0;
	margin-top: 3px;
	display: flex;
	align-items: center;
	justify-content: center
}

@media (min-width:1200px) {
	.contact-us .fLinkWrapper li .icon {
		margin-top: 6px
	}
}

@media (max-width:991.98px) {
	.contact-us .fLinkWrapper li .icon {
		margin-top: 4px
	}
}

.contact-us .fLinkWrapper li a {
	color: #000;
	text-transform: none
}

.contact-us .fLinkWrapper a {
	color: #000;
	text-transform: capitalize
}

.uline {
	position: relative;
	text-decoration: none;
	display: inline-block
}

.uline::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -.125em;
	width: 100%;
	height: 1px;
	background: #183b62;
	transform: scaleX(1);
	transition: transform .5s ease
}

.uline.active::after,
.uline:hover::after {
	transition: transform .5s ease;
	transform: scaleX(0)
}

.w-uline {
	position: relative;
	text-decoration: none;
	display: inline-block
}

.w-uline::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #183b62;
	transform: scaleX(0);
	transition: transform .4s ease, background-color .4s ease, border-color .4s ease
}

.w-uline.active::after,
.w-uline:hover::after {
	transition: all .5s ease;
	transform: scaleX(1)
}

.primary-btn {
	position: relative;
	font-size: 1.28em;
	font-weight: 600;
	color: #000;
	text-transform: capitalize;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 1.875em;
	transition: 1s;
	border: 0;
	outline: 0;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
	border-radius: 5.625em;
	overflow: hidden;
	padding: 0 .875em 0 0;
	min-height: 3.028em
}

@media (max-width:991.98px) {
	.primary-btn {
		font-size: 1em;
		color: #fff;
		padding: 0 .875em 0 1em;
		gap: 1em
	}

	.primary-btn .icon {
		width: 1.6602em;
		height: 1.6602em;
		flex: 0 0 1.6602em;
		transition: 1s;
		background-color: #fff !important;
		border: 1px solid #fff !important;
		padding: .45em
	}

	.primary-btn::after {
		opacity: 1 !important
	}
}

.primary-btn .content {
	z-index: 1
}

.primary-btn .icon {
	width: 3.028em;
	height: 3.028em;
	flex: 0 0 3.028em;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	transition: .5s ease;
	position: relative;
	background-color: #000;
	border: 1px solid #000;
	background: 0 0;
	z-index: 1
}

@media (max-width:991.98px) {
	.primary-btn .icon {
		width: 1.6602em;
		height: 1.6602em;
		flex: 0 0 1.6602em;
		padding: .45em
	}
}

@media (max-width:575.98px) {
	.primary-btn .icon {
		width: 2em;
		height: 2em;
		flex-basis: 2em;
		padding: .65em
	}
}

.primary-btn.white {
	color: #fff
}

@media (max-width:991.98px) {
	.primary-btn.white {
		color: #0d2136
	}
}

.primary-btn.white .icon {
	border: 1px solid #fff
}

@media (max-width:991.98px) {
	.primary-btn.white .icon {
		background: #0d2136 !important;
		border: 1px solid #0d2136 !important
	}

	.primary-btn.white .icon path {
		fill: #fff;
		transition: .5s
	}
}

.primary-btn.white .icon path {
	fill: #fff;
	transition: .5s
}

.primary-btn.white::after {
	display: none
}

@media (max-width:991.98px) {
	.primary-btn.white {
		background: #fff
	}

	.primary-btn.white .icon {
		width: 1.6602em;
		height: 1.6602em;
		flex: 0 0 1.6602em;
		transition: 1s
	}
}

@media (max-width:991.98px) and (max-width:575.98px) {
	.primary-btn.white .icon {
		padding: .45em
	}
}

.primary-btn.brown-color {
	border-radius: 5.625em;
	background-color: #fff !important;
	transition: 1s;
	color: #000 !important;
	padding: 0 .875em 0 1em;
	gap: 1em
}

.primary-btn.brown-color .icon {
	width: 1.6602em;
	height: 1.6602em;
	flex: 0 0 1.6602em;
	transition: 1s;
	background-color: #8e6a0e !important;
	border: 1px solid #8e6a0e !important
}

@media (max-width:575.98px) {
	.primary-btn.brown-color .icon {
		padding: .45em
	}
}

.primary-btn.brown-color .icon path {
	fill: #fff
}

.primary-btn.brown-color:hover {
	background: #fff !important
}

.primary-btn.brown-color::after {
	display: none
}

.primary-btn.white-color .content {
	color: #fff
}

.primary-btn.white-color .icon {
	border: 1px solid #fff
}

.primary-btn.white-color .icon path {
	fill: #fff
}

.primary-btn.white-color:hover .icon path {
	fill: #000
}

.primary-btn.whitecol .content {
	color: #fff
}

.primary-btn.whitecol .icon {
	border: 1px solid #fff
}

.primary-btn.whitecol .icon path {
	fill: #fff
}

.primary-btn.whitecol:hover .icon {
	border: 1px solid #fff
}

.primary-btn.whitecol:hover .icon path {
	fill: #000
}

.primary-btn.whitecol:hover::after {
	opacity: 1
}

.primary-btn::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, #183b62 7.26%, #0d2136 77.42%);
	z-index: 0;
	transition: all .5s ease;
	opacity: 0
}

.primary-btn:hover {
	transition: all .5s ease;
	color: #fff;
	padding: 0 .875em 0 1em;
	gap: 1em
}

.primary-btn:hover .icon {
	width: 1.6602em;
	height: 1.6602em;
	flex: 0 0 1.6602em;
	transition: 1s;
	background-color: #fff;
	border: 1px solid #fff
}

@media (max-width:991.98px) {
	.primary-btn:hover .icon {
		padding: .45em
	}
}

.primary-btn:hover.white {
	background: #fff;
	color: #0d2136
}

.primary-btn:hover.white .icon {
	background: #0d2136;
	border: 1px solid #0d2136
}

.primary-btn:hover.white .icon path {
	fill: #fff;
	transition: .5s
}

.primary-btn:hover.black {
	background: #000;
	color: #fff
}

.primary-btn:hover.black .icon {
	background: #fff;
	border: 1px solid #fff
}

.primary-btn:hover.black .icon path {
	fill: #000;
	transition: .5s
}

.primary-btn:hover.black::after {
	display: none
}

.primary-btn:hover.brown-color {
	background: #8e6a0e;
	color: #fff
}

.primary-btn:hover.brown-color .icon {
	background: #fff;
	border: 1px solid #fff
}

.primary-btn:hover.brown-color .icon path {
	fill: #8e6a0e;
	transition: .5s
}

.primary-btn:hover::after {
	opacity: 1
}

.primary-btn.white-with_hover {
	color: #fff;
	width: max-content
}

@media (max-width:991.98px) {
	.primary-btn.white-with_hover {
		color: #0d2136
	}
}

.primary-btn.white-with_hover .icon {
	border: 1px solid #fff
}

@media (max-width:991.98px) {
	.primary-btn.white-with_hover .icon {
		background: #0d2136 !important;
		border: 1px solid #0d2136 !important
	}

	.primary-btn.white-with_hover .icon path {
		fill: #fff;
		transition: .5s
	}
}

.primary-btn.white-with_hover .icon path {
	fill: #fff;
	transition: .5s
}

@media (max-width:991.98px) {
	.primary-btn.white-with_hover {
		background: #fff
	}

	.primary-btn.white-with_hover .icon {
		width: 1.6602em;
		height: 1.6602em;
		flex: 0 0 1.6602em;
		transition: 1s
	}
}

@media (max-width:991.98px) and (max-width:575.98px) {
	.primary-btn.white-with_hover .icon {
		padding: .45em
	}
}

@media (max-width:767.98px) {
	.primary-btn.white-with_hover {
		background: #fff !important;
		color: #fff !important
	}

	.primary-btn.white-with_hover .icon {
		background: #fff !important;
		border: 1px solid #fff !important
	}

	.primary-btn.white-with_hover .icon path {
		fill: #0d2136
	}
}

.primary-btn.white-with_hover:hover {
	background: #fff;
	color: #0d2136
}

@media (max-width:767.98px) {
	.primary-btn.white-with_hover:hover {
		color: #fff
	}
}

.primary-btn.white-with_hover:hover .icon {
	background: #fff;
	border: 1px solid #fff
}

.primary-btn.white-with_hover:hover .icon path {
	fill: #0d2136;
	transition: .5s
}

.simple-btn {
	font-size: 1.125em;
	font-weight: 500;
	border-radius: 2.8125em;
	background: #fff;
	padding: .75em 1.558em;
	color: #183b62;
	transition: all .5s ease;
	display: inline-flex
}

.simple-btn:hover {
	background: #183b62;
	color: #fff;
	transition: all .5s ease
}

@media (max-width:991.98px) {
	.simple-btn:hover {
		background: #fff;
		color: #183b62
	}
}

.anchor-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1.25em
}

.menu-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: .5em;
	background: #fff;
	padding: 1em;
	font-weight: 500;
	border-radius: 1.875em;
	font-size: 1.25em;
	height: 2.3em;
	overflow: hidden;
	transition: .5s;
	z-index: 66
}

@media (max-width:1199.98px) {
	.menu-btn {
		display: none
	}
}

@media (max-width:575.98px) {
	.menu-btn {
		font-size: 1.125em
	}
}

.menu-btn .content {
	transition: transform .4s ease
}

.menu-btn .content span {
	transition: transform .4s ease;
	color: #0f0f12;
	display: block
}

.menu-btn .icon {
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden
}

.menu-btn .icon img path,
.menu-btn .icon svg path {
	transition: all .5s ease
}

.download-btn {
	display: flex;
	align-items: center;
	gap: 1.25em;
	color: #006ab8
}

.download-btn span {
	font-size: 1.125em;
	text-decoration: underline
}

.download-btn__img-wrapper {
	width: 1.625em;
	height: 1.625em
}

.generic-pagination {
	display: flex;
	flex-direction: column;
	margin: 0;
	gap: 2em;
	align-items: flex-end;
	left: auto !important;
	right: 5em;
	justify-content: center;
	bottom: auto !important;
	top: 50% !important
}

@media (max-width:1199.98px) {
	.generic-pagination {
		right: 3em
	}
}

.generic-pagination .swiper-pagination-bullet {
	background: #fff;
	opacity: 1
}

.generic-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #183b62;
	position: relative
}

.generic-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
	content: "";
	position: absolute;
	width: 2.3125em;
	height: 2.3125em;
	background: rgba(255, 255, 255, .15);
	border-radius: 2.3125em;
	left: -.9375em;
	top: -.9375em
}

.white-pagination {
	bottom: 1.5625em !important
}

.white-pagination .swiper-pagination-bullet {
	background: #fff;
	opacity: 1;
	width: .625em;
	height: .625em
}

.white-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 1.25em;
	transition: 1s;
	border-radius: 10em
}

.sub-title .bullet-title {
	font-weight: 600;
	position: relative;
	padding-left: 1em;
	border-bottom: 1px solid rgba(0, 0, 0, .2);
	color: #000;
	margin-bottom: 3.33em;
	padding-bottom: 1.111em;
	z-index: 5;
	text-transform: capitalize
}

@media (max-width:1199.98px) {
	.sub-title .bullet-title {
		margin-bottom: 2em
	}
}

.sub-title .bullet-title::before {
	content: "";
	position: absolute;
	width: .334em;
	height: .334em;
	border-radius: 50%;
	background: #000;
	left: 0;
	top: .57em;
	bottom: 0
}

.sub-title h2 {
	color: #ffc42f
}

.sub-title h2 span {
	color: #183b62
}

.sub-title.white-col .bullet-title {
	border-bottom: 1px solid rgba(255, 255, 255, .2);
	color: #fff
}

.sub-title.white-col .bullet-title::before {
	background: #fff
}

.sub-title.white-col p {
	color: #fff
}

.sub-title.white-col h2 {
	color: #fff
}

.sub-title.white-col h2 span {
	color: #183b62
}

.contact-info ul {
	list-style: none;
	padding: 0;
	margin: 0
}

.contact-info ul li {
	font-size: 1.222em;
	color: #183b62;
	margin-bottom: .5em
}

.contact-info ul a {
	color: #0f0f12
}

.sahel-card {
	border-radius: .75em;
	background: linear-gradient(to right, #07a08a , #03423c);
	padding: 1.125em 1.5625em;
	display: flex;
	align-items: center;
	color: #fff;
	gap: 1em
}

.sahel-card h2 {
	margin: 0
}

.sahel-card p {
	border-left: 1px solid #fff;
	padding-left: 1em;
	margin: 0
}

.portfolio-card {
	position: relative;
	z-index: 5;
	border-radius: .9375em;
	overflow: hidden
}

.portfolio-card::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	border-radius: .9375em;
	background: linear-gradient(193deg, rgba(0, 0, 0, 0) 58.61%, #000 94.64%);
	z-index: 1
}

.portfolio-card .img-wrapper {
	overflow: hidden;
	height: 28em
}

@media (min-width:1200px) {
	.portfolio-card .img-wrapper {
		height: 35em
	}
}

.portfolio-card .img-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .5s ease
}

.portfolio-card .content-wrapper {
	padding: 1.6875em;
	position: absolute;
	bottom: 0;
	color: #fff;
	z-index: 5;
	transform: translateY(50px);
	transition: all .5s ease
}

@media (max-width:767.98px) {
	.portfolio-card .content-wrapper {
		transform: translateY(0)
	}
}

.portfolio-card .content-wrapper .simple-btn {
	opacity: 0;
	visibility: hidden;
	transition: all .5s ease
}

@media (max-width:767.98px) {
	.portfolio-card .content-wrapper .simple-btn {
		opacity: 1;
		visibility: visible
	}
}

.portfolio-card:hover .content-wrapper {
	transform: translateY(0)
}

.portfolio-card:hover .content-wrapper .simple-btn {
	opacity: 1;
	visibility: visible;
	transition: all .5s ease
}

.portfolio-card:hover .img-wrapper img {
	transform: scale(1.1)
}

.news-card {
	position: relative
}

.news-card .img-wrapper {
	border-radius: .75em;
	overflow: hidden;
	position: relative;
	height: 28.375em
}

@media (max-width:991.98px) {
	.news-card .img-wrapper {
		height: 15em
	}
}

.news-card .img-wrapper::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .5) 100%);
	top: 0;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	transition: .5s
}

.news-card .img-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.news-card .img-wrapper iframe {
	height: 100%;
	width: 100%;
	background: #000
}

.news-card .play-icon {
	position: absolute;
	width: 5.625em;
	height: 5.625em;
	left: 0;
	right: 0;
	top: 40%;
	transform: translate(0, -50%);
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	z-index: 5;
	cursor: pointer
}

.news-card .content-wrapper {
	padding-top: 1.75em
}

.news-card .content-wrapper h4 {
	margin-bottom: .75em
}

.news-card .content-wrapper p {
	color: #8e6a0e;
	font-size: 1em;
	margin-bottom: 2.5em
}

@media (max-width:767.98px) {
	.news-card .content-wrapper p {
		margin-bottom: 1em
	}
}

.news-card .content-wrapper p.black-color {
	color: #000
}

.news-card .content-wrapper p.mb-0 {
	margin-bottom: 0
}

@media (max-width:1199.98px) {
	.news-card .primary-btn {
		top: 6em
	}
}

@media (max-width:767.98px) {
	.news-card .primary-btn {
		top: unset;
		margin-bottom: 1em
	}
}

@media (min-width:576px) {
	.news-card .primary-btn {
		position: absolute;
		top: 10.3125em;
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: 5;
		transition: 1s;
		background: 0 0 !important;
		color: #fff !important;
		opacity: 0
	}
}

.news-card .read_more {
	font-size: 1.125em;
	text-decoration: underline;
	color: #000;
	margin-bottom: 2em;
	display: block;
	margin-top: 1.5em;
	font-weight: 500;
	text-transform: capitalize
}

@media (max-width:991.98px) {
	.news-card .read_more {
		margin-bottom: 1em
	}
}

.news-card:hover .img-wrapper {
	border-radius: .75em;
	overflow: hidden;
	position: relative
}

.news-card:hover .img-wrapper::before {
	opacity: 1;
	visibility: visible;
	transition: .5s
}

.news-card:hover .primary-btn {
	opacity: 1;
	visibility: visible;
	transition: .5s
}

.news-card iframe {
	height: 24.5em;
	border-radius: .75em;
	background-color: #000
}

@media (max-width:575.98px) {
	.news-card iframe {
		height: 15em
	}
}

.news-card.md .img-wrapper {
	height: 15.4375em
}

@media (max-width:767.98px) {
	.news-card.md .img-wrapper {
		height: 13.4375em
	}
}

.join-us {
	height: 42.5em;
	position: relative;
	padding: 0 .75em;
	width: 100%;
	margin-top: 6.25em;
	margin-bottom: 6.25em;
}

@media (max-width:1199.98px) {
	.join-us {
		height: 35em
	}
}

@media (max-width:991.98px) {
	.join-us {
		height: 20em;
		margin-top: 3em
	}
}

@media (max-width:575.98px) {
	.join-us {
		height: 40em;
		margin-top: 3em
	}
}

.join-us__figure {
	position: relative;
	height: 100%;
	z-index: 0;
	border-radius: 1.25em;
	overflow: hidden
}

.join-us__figure .video-wrapper iframe,
.join-us__figure .video-wrapper video {
	width: 100vw;
	height: 62.25vw;
	min-height: 100vh;
	min-width: 177.77vh;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1
}

@media (max-width:991.98px) {

	.join-us__figure .video-wrapper iframe,
	.join-us__figure .video-wrapper video {
		min-width: 90vh
	}
}

@media (max-width:575.98px) {

	.join-us__figure .video-wrapper iframe,
	.join-us__figure .video-wrapper video {
		min-width: 200vh
	}
}

.join-us__figure .video-wrapper video {
	animation: fadeInVid ease 2s
}

.join-us__figure::after {
	content: "";
	position: absolute;
	background: url(../svg/join-before.svg) no-repeat;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.join-us__figure img {
	transform: scale(1);
	transition: 1s;
	overflow: hidden
}

.join-us__contentWrapper {
	position: absolute;
	z-index: 2;
	top: 70%;
	transform: translate(0, -50%);
	left: 14.0625em;
	color: #fff;
	max-width: 50%
}

@media (max-width:1199.98px) {
	.join-us__contentWrapper {
		left: 5em;
		top: 50%
	}
}

@media (max-width:767.98px) {
	.join-us__contentWrapper {
		left: 2.5em;
		max-width: 90%;
		padding-right: 2em
	}
}

@media (min-width:1200px) {
	.join-us__contentWrapper .h1 {
		margin-bottom: .487em
	}
}

@media (min-width:1200px) {
	.join-us__contentWrapper h4 {
		margin-bottom: 1.11em
	}
}

.join-us.meet_the_team {
	margin: 0;
	padding: 1.25em
}

.join-us .join-us__wrapper {
	width: 100%;
	height: 100%
}

@media (max-width:767.98px) {
	.join-us .join-us__wrapper .primary-btn .icon path {
		fill: #000
	}
}

.join-us .join-us__wrapper:hover .primary-btn {
	transition: all .5s ease;
	color: #fff !important;
	padding: 0 .875em 0 1em;
	gap: 1em
}

.join-us .join-us__wrapper:hover .primary-btn .icon {
	width: 1.6602em;
	height: 1.6602em;
	flex: 0 0 1.6602em;
	transition: 1s;
	background-color: #fff;
	border: 1px solid #fff
}

@media (max-width:575.98px) {
	.join-us .join-us__wrapper:hover .primary-btn .icon {
		padding: .45em
	}
}

.join-us .join-us__wrapper:hover .primary-btn .icon path {
	fill: #000
}

.join-us .join-us__wrapper:hover .primary-btn::after {
	opacity: 1
}

.join-us .join-us__wrapper:hover .join-us__figure img {
	transform: scale(1.1);
	transition: all .5s ease
}

.about-us .custom-row {
	margin-top: 3.75em;
	align-items: center
}

@media (max-width:991.98px) {
	.about-us .custom-row {
		margin-top: 2em
	}
}

.about-us .dashed-wrapper {
	border-radius: 5.25em;
	width: 63.75em;
	height: 28.196875em;
	border: 3px dashed #0822b3;
	transition: 1s
}

@media (max-width:1199.98px) {
	.about-us .dashed-wrapper {
		width: 100%;
		height: 100%
	}
}

@media (max-width:575.98px) {
	.about-us .dashed-wrapper {
		margin-bottom: 2em
	}
}

.about-us .dashed-wrapper .img-wrapper {
	width: 63.75em;
	height: 28.25em;
	border-radius: 5.25em;
	overflow: hidden;
	margin: 1.5em 0 0 1.5em;
	transition: 1s;
	position: relative
}

@media (max-width:1199.98px) {
	.about-us .dashed-wrapper .img-wrapper {
		width: 100%;
		height: 100%;
		margin: 0
	}
}

.about-us .dashed-wrapper .img-wrapper .video-wrapper iframe,
.about-us .dashed-wrapper .img-wrapper .video-wrapper video {
	width: 30vw;
	height: 30vw;
	min-height: 29vh;
	min-width: 110vh;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1
}

@media (max-width:991.98px) {

	.about-us .dashed-wrapper .img-wrapper .video-wrapper iframe,
	.about-us .dashed-wrapper .img-wrapper .video-wrapper video {
		min-width: 90vh
	}
}

@media (max-width:575.98px) {

	.about-us .dashed-wrapper .img-wrapper .video-wrapper iframe,
	.about-us .dashed-wrapper .img-wrapper .video-wrapper video {
		min-width: 200vh
	}
}

.about-us .dashed-wrapper .img-wrapper .video-wrapper video {
	animation: fadeInVid ease 2s
}

.about-us .dashed-wrapper:hover {
	border-radius: 0;
	transition: 1s
}

.about-us .dashed-wrapper:hover .img-wrapper {
	border-radius: 0;
	transition: 1s;
	margin: 1.5em 0 0 1.5em
}

@media (max-width:767.98px) {
	.about-us .dashed-wrapper:hover .img-wrapper {
		margin: 1em 0 0 1em
	}
}

.about-us .left_content_wrapper {
	margin-top: 5em
}

@media (max-width:1199.98px) {
	.about-us .left_content_wrapper {
		margin-top: 2em
	}
}

.about-us .left_content_wrapper p {
	text-align: center
}

.sahel-key {
	background: linear-gradient(251deg, #e9e9e9 0, #fff 38.09%, #fff 60.43%, #e9e9e9 100%)
}

.sahel-key .sahel-keySlider {
	margin-top: 3.875em
}

@media (max-width:1199.98px) {
	.sahel-key .sahel-keySlider {
		margin-top: 2em
	}
}

.sahel-key .sahel-keySlider .swiper-slide {
	width: 32em
}

@media (max-width:1199.98px) {
	.sahel-key .sahel-keySlider .swiper-slide {
		width: 20em
	}
}

@media (max-width:991.98px) {
	.sahel-key .sahel-keySlider .swiper-slide {
		width: 23em
	}
}

@media (max-width:575.98px) {
	.sahel-key .sahel-keySlider .swiper-slide {
		width: auto
	}
}

.our-division {
	background: linear-gradient(to right, #07a08a , #03423c);
	position: relative;
	overflow: hidden
}

.our-division::before {
	content: "";
	position: absolute;
	border-radius: 131.4375em;
	opacity: .11;
	background: radial-gradient(50% 50% at 50% 50%, #fff 0, rgba(255, 255, 255, 0) 100%);
	width: 131.4375em;
	height: 80.5625em
}

.our-division .headingWrapper {
	position: absolute;
	width: 40%;
	z-index: 2;
	padding: 6.25em 0 0 4.6875em
}

@media (max-width:991.98px) {
	.our-division .headingWrapper {
		position: relative;
		width: 95%;
		padding: 3em 0 0 3em
	}
}

@media (max-width:575.98px) {
	.our-division .headingWrapper {
		width: 100%;
		position: relative;
		padding: 2em
	}
}

.our-division .generic-arrows {
	position: absolute;
	top: 15.25em;
	right: 3.75em;
	z-index: 1
}

@media (max-width:1199.98px) {
	.our-division .generic-arrows {
		right: 5%;
		top: 11em
	}
}

@media (max-width:991.98px) {
	.our-division .generic-arrows {
		top: 0
	}
}

@media (max-width:575.98px) {
	.our-division .generic-arrows {
		top: auto;
		bottom: 2em;
		right: 50%;
		transform: translateX(50%)
	}
}

.our-division .twoSliderWrapper {
	display: flex
}

.our-division .rightSliderWrapper {
	width: 33em;
	position: relative;
	height: 59.75em
}

@media (min-width:1200px) {
	.our-division .rightSliderWrapper {
		margin: .75em
	}
}

@media (max-width:1199.98px) {
	.our-division .rightSliderWrapper {
		height: 43em;
		width: 25em
	}
}

@media (max-width:991.98px) {
	.our-division .rightSliderWrapper {
		height: 40em;
		width: 22em;
		position: absolute;
		z-index: -1;
		visibility: hidden;
		pointer-events: none
	}
}

.our-division .rightSliderWrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.our-division .rightSliderWrapper .rightImgwrapper {
	border-radius: 1.25em;
	overflow: hidden;
	position: relative;
	z-index: 5
}

@media (min-width:1200px) {
	.our-division .rightSliderWrapper .rightImgwrapper {
		height: 59em
	}
}

@media (max-width:1199.98px) {
	.our-division .rightSliderWrapper .rightImgwrapper {
		height: 45em
	}
}

.our-division .rightSliderWrapper .rightImgwrapper::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: #000;
	opacity: .4;
	top: 0
}

.our-division .rightSliderWrapper .rightImgwrapper img {
	height: 100% !important;
	object-fit: cover
}

@media (min-width:992px) {
	.our-division .rightSliderWrapper .anchor_wrapper {
		position: absolute;
		right: 3.9375em;
		top: 6.25em;
		z-index: 2
	}
}

.our-division .rightSliderheadWrapper {
	position: absolute;
	bottom: 6.25em;
	right: 5.25em;
	z-index: 2;
	text-align: right
}

@media (min-width:1200px) {
	.our-division .rightSliderheadWrapper {
		width: 18.5625em
	}
}

@media (max-width:1199.98px) {
	.our-division .rightSliderheadWrapper {
		right: 2em
	}
}

.our-division .rightSliderheadWrapper h5 {
	color: #fff !important;
	font-size: 2em !important;
	margin: 0 !important;
	padding-bottom: .15em
}

@media (max-width:991.98px) {
	.our-division .rightSliderheadWrapper h5 {
		font-size: 1.5em !important
	}
}

.our-division .rightSliderArrows {
	position: absolute;
	bottom: 11.7em;
	right: 5.25em;
	z-index: 2
}

@media (max-width:1199.98px) {
	.our-division .rightSliderArrows {
		right: 2em
	}
}

.our-division .rightSliderArrows .swiper-button-next {
	color: #fff;
	font-size: 1.25em
}

.our-division .rightSliderArrows .swiper-button-next::after,
.our-division .rightSliderArrows .swiper-button-prev::after {
	display: none
}

.our-division .leftSliderWrapper {
	width: 84.75em;
	position: relative
}

@media (max-width:1199.98px) {
	.our-division .leftSliderWrapper {
		width: 48em
	}
}

@media (max-width:991.98px) {
	.our-division .leftSliderWrapper {
		width: 100%
	}
}

@media (max-width:575.98px) {
	.our-division .leftSliderWrapper {
		padding: 0 2em
	}
}

.our-division .leftSliderWrapper .swiper {
	height: 100%
}

.our-division .leftSliderWrapper .swiper-slide {
	display: flex;
	align-items: flex-end
}

@media (max-width:575.98px) {
	.our-division .leftSliderWrapper .swiper-slide {
		flex-direction: column
	}
}

.our-division .leftSliderWrapper .swiper-slide .leftImgwrapper {
	width: 42.25em;
	height: 36.55em;
	flex-shrink: 0;
	border-radius: 1.25em;
	overflow: hidden
}

@media (min-width:1200px) {
	.our-division .leftSliderWrapper .swiper-slide .leftImgwrapper {
		margin: 0 0 .75em .75em
	}
}

@media (max-width:1199.98px) {
	.our-division .leftSliderWrapper .swiper-slide .leftImgwrapper {
		height: 22em;
		width: 25em
	}
}

@media (max-width:991.98px) {
	.our-division .leftSliderWrapper .swiper-slide .leftImgwrapper {
		width: 30em;
		height: 33em
	}
}

@media (max-width:767.98px) {
	.our-division .leftSliderWrapper .swiper-slide .leftImgwrapper {
		height: 22em;
		width: 100%
	}
}

.our-division .leftSliderWrapper .swiper-slide .leftImgwrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.our-division .leftSliderWrapper .swiper-slide .secrviceContent {
	margin: 0 4.625em 0 4.5em;
	width: 33.25em;
	padding-bottom: 9.375em
}

@media (max-width:1199.98px) {
	.our-division .leftSliderWrapper .swiper-slide .secrviceContent {
		margin: 0 2em;
		padding-bottom: 5em
	}
}

@media (max-width:991.98px) {
	.our-division .leftSliderWrapper .swiper-slide .secrviceContent {
		padding-bottom: 7em
	}
}

@media (max-width:575.98px) {
	.our-division .leftSliderWrapper .swiper-slide .secrviceContent {
		width: 100%;
		margin: 0;
		padding: 2em 0 9em
	}
}

.our-division .leftSliderWrapper .swiper-slide .secrviceContent .secrviceContentNum {
	font-size: 1.25em;
	padding-bottom: 6em;
	color: #fff;
	position: relative;
	display: inline-block;
	font-weight: 500
}

@media (max-width:1199.98px) {
	.our-division .leftSliderWrapper .swiper-slide .secrviceContent .secrviceContentNum {
		padding-bottom: 3em
	}
}

.our-division .leftSliderWrapper .swiper-slide .secrviceContent .secrviceContentNum::before {
	content: "";
	position: absolute;
	width: 1px;
	height: 5em;
	background: #fff;
	top: 1.5em;
	left: 50%;
	transform: translateX(-50%)
}

@media (max-width:1199.98px) {
	.our-division .leftSliderWrapper .swiper-slide .secrviceContent .secrviceContentNum::before {
		height: 2em
	}
}

.our-division .leftSliderWrapper .swiper-slide .secrviceContent h3,
.our-division .leftSliderWrapper .swiper-slide .secrviceContent h5,
.our-division .leftSliderWrapper .swiper-slide .secrviceContent p {
	color: #fff;
	font-weight: 400
}

@media (min-width:1200px) {

	.our-division .leftSliderWrapper .swiper-slide .secrviceContent h3,
	.our-division .leftSliderWrapper .swiper-slide .secrviceContent h5,
	.our-division .leftSliderWrapper .swiper-slide .secrviceContent p {
		width: 100%
	}
}

.our-division .leftSliderWrapper .swiper-slide .secrviceContent .secrviceContentPara {
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box !important;
	/*-webkit-box-orient: vertical;*/
	white-space: normal;
	-webkit-line-clamp: 4
}

.our-division .leftSliderWrapper .swiper-slide .secrviceContent .underline-anchor a {
	text-decoration: underline;
	color: #fff;
	transition: all .5s ease
}

.our-division .leftSliderWrapper .swiper-slide .secrviceContent .underline-anchor a:hover {
	color: #ffc42f
}

.our-division .leftSliderWrapper .scrollBarPagination {
	display: flex;
	align-items: center;
	position: absolute;
	right: 8.4%;
	bottom: 4.25em;
	width: 30.25em
}

@media (max-width:1199.98px) {
	.our-division .leftSliderWrapper .scrollBarPagination {
		width: 20em;
		left: 56%;
		bottom: 2em
	}
}

@media (max-width:991.98px) {
	.our-division .leftSliderWrapper .scrollBarPagination {
		width: 15em;
		left: 58%;
		bottom: 3em
	}
}

@media (max-width:575.98px) {
	.our-division .leftSliderWrapper .scrollBarPagination {
		bottom: 6em;
		width: 20em;
		left: 2em;
		transform: translate(0, 0)
	}
}

.our-division .leftSliderWrapper .scrollBarPagination .swiper-scrollbar {
	position: relative;
	width: 84.5%;
	background: rgba(255, 255, 255, .2);
	height: 1px
}

@media (max-width:575.98px) {
	.our-division .leftSliderWrapper .scrollBarPagination .swiper-scrollbar {
		top: 50%;
		transform: translateY(-50%)
	}
}

.our-division .leftSliderWrapper .scrollBarPagination .swiper-scrollbar .swiper-scrollbar-drag {
	background: #ffc42f;
	top: -1px;
	height: 3px
}

.our-division .leftSliderWrapper .scrollBarPagination .swiper-pagination {
	width: 6.5em;
	position: relative;
	margin-left: 1.5em;
	font-family: Poppins, serif
}

@media (min-width:1200px) {
	.our-division .leftSliderWrapper .scrollBarPagination .swiper-pagination {
		letter-spacing: -2px
	}
}

@media (max-width:575.98px) {
	.our-division .leftSliderWrapper .scrollBarPagination .swiper-pagination {
		line-height: 1
	}
}

.our-division .leftSliderWrapper .scrollBarPagination .swiper-pagination .currentSlide {
	font-size: 1.75em;
	font-weight: 400;
	line-height: 1
}

@media (max-width:1199.98px) {
	.our-division .leftSliderWrapper .scrollBarPagination .swiper-pagination .currentSlide {
		font-size: 1em
	}
}

.our-division .leftSliderWrapper .scrollBarPagination .swiper-pagination span {
	font-size: 1.125em;
	line-height: 1;
	color: #fff
}

@media (max-width:1199.98px) {
	.our-division .leftSliderWrapper .scrollBarPagination .swiper-pagination span {
		font-size: 1em
	}
}

.our-portfolio .top-wrapper {
	display: flex;
	align-items: flex-end;
	justify-content: space-between
}

@media (max-width:575.98px) {
	.our-portfolio .top-wrapper {
		flex-direction: column;
		align-items: flex-start;
		gap: 2em
	}
}

@media (max-width:1199.98px) {
	.our-portfolio .portfolio-slider {
		margin-top: 2em
	}
}

.our-portfolio .portfolio-slider .swiper-wrapper {
	align-items: center;
	height: 39.8125em;
	padding-bottom: 3.8125em
}

@media (max-width:1199.98px) {
	.our-portfolio .portfolio-slider .swiper-wrapper {
		height: auto
	}
}

@media (max-width:575.98px) {
	.our-portfolio .portfolio-slider .swiper-wrapper {
		padding-bottom: 0
	}
}

.our-portfolio .portfolio-slider .swiper-slide {
	width: 30em;
	transition: 1s;
	height: auto
}

@media (max-width:1199.98px) {
	.our-portfolio .portfolio-slider .swiper-slide {
		width: 22em;
		height: 26em
	}
}

@media (max-width:575.98px) {
	.our-portfolio .portfolio-slider .swiper-slide {
		width: 80%;
		height: 26em
	}
}

@media (max-width:1199.98px) {
	.our-portfolio .portfolio-slider .swiper-slide .portfolio-card {
		height: 100%
	}
}

@media (max-width:1199.98px) {
	.our-portfolio .portfolio-slider .swiper-slide .portfolio-card .img-wrapper {
		height: 100%
	}
}

@media (max-width:1199.98px) {
	.our-portfolio .portfolio-slider .swiper-slide .portfolio-card .img-wrapper img {
		height: 100%
	}
}

@media (min-width:1200px) {
	.our-portfolio .portfolio-slider .swiper-slide .portfolio-card h4 {
		font-size: 1.625em
	}
}

@media (max-width:767.98px) {
	.our-portfolio .portfolio-slider .generic-arrows {
		margin-top: 1.5em
	}
}

.our-portfolio .generic-arrows {
	flex-direction: row
}

.ongoing-projects {
	background: linear-gradient(to right, #07a08a , #03423c);
	position: relative;
	overflow: hidden;
	padding-bottom: 0
}

.ongoing-projects::before {
	content: "";
	position: absolute;
	border-radius: 131.4375em;
	opacity: .11;
	background: radial-gradient(50% 50% at 50% 50%, #fff 0, rgba(255, 255, 255, 0) 100%);
	width: 131.4375em;
	height: 80.5625em
}

.ongoing-projects .top-wrapper {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-bottom: 4.4375em
}

@media (max-width:1199.98px) {
	.ongoing-projects .top-wrapper {
		margin-bottom: 2em
	}
}

@media (max-width:575.98px) {
	.ongoing-projects .top-wrapper {
		flex-direction: column;
		align-items: flex-start;
		gap: 2em
	}
}

.ongoing-projects .slider-wrapper {
	display: flex;
	margin-bottom: 50px;
}

@media (max-width:575.98px) {
	.ongoing-projects .slider-wrapper {
		flex-direction: column;
		gap: 2em 0;
		margin: 10px;
	}
}

.ongoing-projects .ongoing-imgSlider {
	width: 57.6%;
}

.ongoing-projects .ongoing-imgSlider .img-wrapper {
	height: 100%;
	background: #fff;
  padding: 15px;
  box-shadow: 1px 1px 2px #222;
  border-radius: 10px;
}

.ongoing-projects .ongoing-imgSlider .img-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

@media (max-width:1199.98px) {
	.ongoing-projects .ongoing-imgSlider {
		width: 50%
	}
}

@media (max-width:575.98px) {
	.ongoing-projects .ongoing-imgSlider {
		width: 100%
	}
}

.ongoing-projects .ongoing-imgSlider .generic-arrows {
	position: absolute;
	bottom: 2.25em;
	right: 1.875em
}

.ongoing-projects .ongoing-contentSlider {
	width: 42.4%
}

@media (max-width:1199.98px) {
	.ongoing-projects .ongoing-contentSlider {
		width: 50%
	}
}

@media (max-width:575.98px) {
	.ongoing-projects .ongoing-contentSlider {
		width: 100%
	}
}

.ongoing-projects .ongoing-contentSlider .swiper-slide {
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

@media (max-width:991.98px) {
	.ongoing-projects .ongoing-contentSlider .swiper-slide {
		justify-content: center
	}
}

.ongoing-projects .ongoing-contentSlider .content-wrapper {
	width: 85%;
	padding: 3.5625em 0 0 3.5625em;
	color: #fff
}

@media (max-width:1199.98px) {
	.ongoing-projects .ongoing-contentSlider .content-wrapper {
		width: 95%;
		padding: 0 0 0 2em;
		margin-bottom: 2em
	}
}

.ongoing-projects .ongoing-contentSlider .content-wrapper a {
	text-decoration: underline;
	color: #fff;
	text-transform: capitalize
}

.ongoing-projects .ongoing-contentSlider .bottom-wrapper {
	display: flex;
	align-items: center;
	color: #fff;
	margin-top: 1.5em
}

@media (max-width:991.98px) {
	.ongoing-projects .ongoing-contentSlider .bottom-wrapper {
		flex-direction: column;
		display: none
	}
}

.ongoing-projects .ongoing-contentSlider .bottom-wrapper .img-wrapper {
	width: 22.75em;
	height: 15.4375em;
	flex-shrink: 0
}

@media (max-width:1199.98px) {
	.ongoing-projects .ongoing-contentSlider .bottom-wrapper .img-wrapper {
		width: 16.75em;
		height: 11.4375em
	}
}

.ongoing-projects .ongoing-contentSlider .bottom-wrapper .content {
	width: 30%;
	position: relative;
	padding-left: 2.5em
}

@media (max-width:1199.98px) {
	.ongoing-projects .ongoing-contentSlider .bottom-wrapper .content {
		width: max-content;
		padding-right: 2em
	}
}

@media (max-width:991.98px) {
	.ongoing-projects .ongoing-contentSlider .bottom-wrapper .content {
		padding: 0
	}
}

.ongoing-projects .ongoing-contentSlider .bottom-wrapper .content::before {
	content: "";
	position: absolute;
	left: 0;
	width: 2.1015625em;
	height: 1px;
	background: #fff;
	top: calc(50% + 1em);
	transform: translateY(-50%)
}

@media (max-width:991.98px) {
	.ongoing-projects .ongoing-contentSlider .bottom-wrapper .content::before {
		display: none
	}
}

.ongoing-projects .ongoing-contentSlider .bottom-wrapper .content p {
	margin: 0 0 .5em 0;
	font-size: 1.125em;
	color: #fff;
	position: relative;
	left: auto;
	right: auto;
	transform: none;
	top: auto;
	width: fit-content
}

.ongoing-projects .ongoing-contentSlider .bottom-wrapper .content p::after {
	display: none
}

.ascc-insights {
	background: linear-gradient(251deg, #e9e9e9 0, #fff 38.09%, #fff 60.43%, #e9e9e9 100%)
}

.ascc-insights .top-wrapper {
	display: flex;
	align-items: flex-end;
	justify-content: space-between
}

@media (max-width:575.98px) {
	.ascc-insights .top-wrapper {
		flex-direction: column;
		align-items: flex-start;
		flex-wrap: wrap;
		gap: 1.25em 0
	}
}

.ascc-insights .insights-slider {
	margin-top: 3.5em
}

@media (max-width:991.98px) {
	.ascc-insights .insights-slider {
		margin-top: 2em
	}
}

.our-newsletter {
	background: rgba(0, 106, 184, .08)
}

.our-newsletter .top-wrapper {
	display: flex;
	align-items: flex-end;
	justify-content: space-between
}

.our-newsletter .our-newsletterSlider {
	margin-top: 4em
}

@media (max-width:767.98px) {
	.our-newsletter .our-newsletterSlider {
		margin-top: 2em
	}
}