@import url(https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900);

.preloader__image,
.preloader__imageTwo {
	height: 100%;
	background-image: url(../images/logo.png);
	width: 100%
}

.preloader,
.preloader__image,
.preloader__imageTwo {
	background-repeat: no-repeat;
	background-position: center center
}

.main-menu__btn:hover,
.scroll-to-top:hover {
	background-color: #333
}

.mobile-nav__buttons a+a,
.owl-dot-style-one .owl-dots .owl-dot+.owl-dot {
	margin-left: 10px
}

@font-face {
	font-family: PoppinsRegular;
	src: url('../fonts/PoppinsRegular.eot?v=1.1.0');
	src: url('../fonts/PoppinsRegular.eot?#iefix&v=1.1.0') format('embedded-opentype'), url('../fonts/PoppinsRegular.woff2?v=1.1.0') format('woff2'), url('../fonts/PoppinsRegular.woff?v=1.1.0') format('woff'), url('../fonts/PoppinsRegular.ttf?v=1.1.0') format('truetype'), url('../fonts/PoppinsRegular.svg?v=1.1.0#PoppinsRegular') format('svg')
}

@font-face {
	font-family: PoppinsSemiBold;
	src: url('../fonts/PoppinsSemiBold.eot');
	src: url('../fonts/PoppinsSemiBold.eot') format('embedded-opentype'), url('../fonts/PoppinsSemiBold.woff2') format('woff2'), url('../fonts/PoppinsSemiBold.woff') format('woff'), url('../fonts/PoppinsSemiBold.ttf') format('truetype'), url('../fonts/PoppinsSemiBold.svg#PoppinsSemiBold') format('svg')
}

@font-face {
	font-family: PoppinsBold;
	src: url('../fonts/PoppinsBold.eot');
	src: url('../fonts/PoppinsBold.eot') format('embedded-opentype'), url('../fonts/PoppinsBold.woff2') format('woff2'), url('../fonts/PoppinsBold.woff') format('woff'), url('../fonts/PoppinsBold.ttf') format('truetype'), url('../fonts/PoppinsBold.svg#PoppinsBold') format('svg')
}

@font-face {
	font-family: PoppinsLight;
	src: url('../fonts/PoppinsLight.eot');
	src: url('../fonts/PoppinsLight.eot') format('embedded-opentype'), url('../fonts/PoppinsLight.woff2') format('woff2'), url('../fonts/PoppinsLight.woff') format('woff'), url('../fonts/PoppinsLight.ttf') format('truetype'), url('../fonts/PoppinsLight.svg#PoppinsLight') format('svg')
}

@font-face {
	font-family: PoppinsMedium;
	src: url('../fonts/PoppinsMedium.eot');
	src: url('../fonts/PoppinsMedium.eot') format('embedded-opentype'), url('../fonts/PoppinsMedium.woff2') format('woff2'), url('../fonts/PoppinsMedium.woff') format('woff'), url('../fonts/PoppinsMedium.ttf') format('truetype'), url('../fonts/PoppinsMedium.svg#PoppinsMedium') format('svg')
}

:root {
	scroll-behavior: auto;
	--thm-font: "PoppinsRegular", sans-serif;
	--thm-base: #f26522
}

body {
	font-family: PoppinsRegular;
	color: var(--thm-color);
	font-size: 16px;
	line-height: 1.875;
	background: url('../images/indian-strip.png') center top no-repeat
}

.main-menu__toggler:hover,
a {
	color: var(--thm-base)
}

.innerSection .textAreaPanel ul.pagination li a:hover,
a,
a:focus,
a:hover,
a:visited {
	text-decoration: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--heading-font);
	color: #333
}

@media (max-width:575px) {

	h1 br,
	h2 br,
	h3 br,
	h4 br,
	h5 br,
	h6 br,
	p br {
		display: none
	}
}

::placeholder {
	color: inherit;
	opacity: 1
}

.page-wraper,
.page-wrapper {
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-width: 300px;
	overflow: hidden;
	padding-top: 11px
}

.preloader,
.scroll-to-top {
	position: fixed;
	text-align: center
}

@media (min-width:1200px) {
	.container {
		max-width: 1200px
	}
}

.d-none-1,
.main-menu .main-menu__list li ul li>ul ul,
.stricky-header .main-menu__list li ul li>ul ul {
	display: none
}

#style-2::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	border-radius: 10px;
	background-color: #f5f5f5
}

#style-2::-webkit-scrollbar {
	width: 7px;
	background-color: #f5f5f5
}

#style-2::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: var(--thm-base)
}

.row {
	--bs-gutter-y: 0px
}

.row>* {
	padding: 0 10px
}

.preloader {
	background-color: #e3e3e3;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999999;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center
}

.preloader__image {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	display: block;
	background-size: 200px
}

.preloader__imageTwo {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	display: block;
	background-size: 100px
}

.scroll-to-top {
	width: 45px;
	height: 45px;
	background: var(--thm-base);
	bottom: 40px;
	right: 40px;
	z-index: 99;
	-webkit-transition: .4s;
	transition: .4s;
	display: none;
	border-radius: 50%
}

.scroll-to-top i {
	color: #fff;
	font-size: 18px;
	line-height: 45px
}

.scroll-to-top:hover i {
	color: #fff
}

.owl-dot-style-one .owl-dots {
	display: flex;
	justify-content: center
}

.owl-dot-style-one .owl-dots .owl-dot span {
	margin: 0;
	background-color: #333;
	opacity: .1;
	transform: scale(1);
	transition: .5s
}

.owl-dot-style-one .owl-dots .owl-dot.active span {
	opacity: 1;
	background-color: var(--thm-base);
	transform: scale(1.6)
}

.owl-dot-style-one .owl-nav.disabled+.owl-dots {
	margin-top: 60px
}

.main-menu {
	position: relative;
	z-index: 9999;
	background-color: #162f6a
}

.main-menu__logo {
	position: absolute;
	top: 0;
	padding: 10px 14px;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center
}

.main-menu__logo img {
	position: relative;
	z-index: 11
}

.main-menu__right {
	display: flex;
	align-items: center;
	padding-right: 15px;
	margin-left: auto;
	justify-content: end
}

.main-menu__toggler {
	font-size: 20px;
	color: #fff;
	margin-right: 30px;
	transition: .5s;
	display: none;
	padding: 10px 0
}

.main-menu__search {
	font-size: 24px;
	color: #fff;
	border-left: 1px solid var(--thm-border-color);
	padding-left: 30px;
	display: flex;
	align-items: center;
	height: 40px;
	padding-right: 15px;
	margin-left: 15px;
	transition: .5s
}

.main-menu__search:hover {
	color: var(--thm-base)
}

.main-menu__btn {
	padding: 12px 20px;
	border-radius: 10px;
	margin: 0 4px;
	font-size: 12px
}

@media (max-width:475px) {
	.main-menu__search {
		padding-right: 0
	}

	.container,
	.container-md,
	.container-sm {
		max-width: 100% !important
	}

	.main-menu__btn {
		display: none
	}
}

.main-menu__btn:hover {
	color: #fff
}

.main-menu__contact {
	display: none;
	align-items: center
}

@media (min-width:1581px) {
	.main-menu__btn {
		margin-right: 30px
	}

	.main-menu__contact {
		display: flex
	}
}

.main-menu__contact__icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	background-color: var(--thm-gray);
	color: var(--thm-base);
	font-size: 27px;
	border-radius: 50%;
	margin-right: 13px;
	transition: .5s
}

.main-menu__contact__text {
	color: var(--thm-color);
	transition: .5s;
	font-size: 14px;
	line-height: 1
}

.main-menu__contact__text strong {
	display: block;
	font-size: 16px;
	font-weight: 600;
	color: #333;
	margin-bottom: 10px
}

.main-menu__contact:hover .main-menu__contact__icon {
	background-color: var(--thm-base);
	color: #fff
}

.main-menu__contact:hover .main-menu__contact__text {
	color: var(--thm-color)
}

[class*=main-menu__logo__shape-] {
	position: absolute;
	width: 366px;
	height: 120px
}

.main-menu__logo__shape-1 {
	fill: var(--thm-base);
	left: 0
}

.main-menu__logo__shape-2 {
	fill: #ffffff;
	left: -5px
}

.main-menu .main-menu__list,
.main-menu .main-menu__list ul,
.stricky-header .main-menu__list,
.stricky-header .main-menu__list ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	align-items: center;
	display: none
}

.main-menu .main-menu__list,
.main-menu--two .main-menu__nav,
.stricky-header .main-menu__list {
	margin-left: auto;
	margin-right: auto
}

.impactingVideoSection .container,
.main-menu .main-menu__list>li,
.projectStBox,
.projectsAreaNew.storiesTab .storiesTabList,
.rightMenuBar ul li ul li,
.sliderArrowDs-1,
.stricky-header .main-menu__list>li {
	position: relative
}

.main-menu .main-menu__list>li>a,
.stricky-header .main-menu__list>li>a {
	font-size: 14px;
	display: flex;
	align-items: center;
	color: #fff;
	transition: .5s;
	padding: 12px 13px;
	position: relative
}

.main-menu .main-menu__list>li:hover a,
.main-menu .main-menu__list>li>a.active,
.sectionSl-01 .todoLink a:hover {
	background: #fff;
	color: #000
}

.mobile-nav__buttons a:hover,
.mobile-nav__content .main-menu__list li a.expanded,
.mobile-nav__toggler:hover {
	color: var(--thm-base)
}

.main-menu .main-menu__list li ul,
.stricky-header .main-menu__list li ul {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 260px;
	background-color: #fff;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	opacity: 0;
	visibility: hidden;
	z-index: 99;
	box-shadow: 0 0 65px 0 rgba(0, 0, 0, .1)
}

.main-menu .main-menu__list>li:nth-child(n+9) ul,
.stricky-header .main-menu__list>li:nth-child(n+9) ul {
	left: auto;
	right: 0
}

.main-menu .main-menu__list li:hover>ul,
.stricky-header .main-menu__list li:hover>ul {
	opacity: 1;
	visibility: visible
}

.main-menu .main-menu__list li ul li,
.stricky-header .main-menu__list li ul li {
	flex: 1 1 100%;
	width: 100%;
	position: relative
}

.main-menu .main-menu__list li ul li+li,
.stricky-header .main-menu__list li ul li+li {
	border-top: 1px solid
}

.main-menu .main-menu__list li ul li a,
.stricky-header .main-menu__list li ul li a {
	font-size: 13px;
	line-height: 20px;
	color: #333;
	display: flex;
	padding: 10px 20px
}

.main-menu .main-menu__list li ul li:hover>a,
.stricky-header .main-menu__list li ul li:hover>a {
	background-color: #162f6a;
	color: #fff
}

.main-menu .main-menu__list li ul li>ul,
.stricky-header .main-menu__list li ul li>ul {
	top: 0;
	left: 100%
}

.main-menu .main-menu__list li ul li>ul.right-align,
.stricky-header .main-menu__list li ul li>ul.right-align {
	top: 0;
	left: auto;
	right: 100%
}

.main-menu .main-menu__list li ul .dropdown-toggle::after {
	position: absolute;
	right: 6px;
	top: 14px;
	transform: rotate(-90deg)
}

.main-menu ul.main-menu__list ul li a {
	white-space: inherit;
	padding: 5px 20px
}

.mobile-nav__buttons {
	display: flex;
	margin-left: auto;
	margin-right: 10px
}

.mobile-nav__buttons a {
	font-size: 20px;
	color: #333;
	cursor: pointer
}

.mobile-nav__toggler {
	font-size: 20px;
	color: #fff;
	cursor: pointer;
	transition: .5s
}

.main-menu--two:not(.stricky-header) {
	position: relative;
	margin-bottom: -40px
}

.main-menu--two .main-menu__logo {
	position: relative;
	left: auto;
	height: 110px;
	background-color: #333;
	width: 260px;
	top: -30px;
	padding-top: 30px
}

@media (max-width:1199px) {
	.main-menu__logo {
		position: relative;
		top: auto;
		left: auto;
		height: 80px;
		width: auto
	}

	.main-menu__nav {
		display: none
	}

	.main-menu__right {
		padding-top: 0;
		padding-right: 0
	}

	.main-menu__toggler {
		display: flex
	}

	[class*=main-menu__logo__shape-] {
		height: 80px;
		display: none
	}

	.main-menu--two .main-menu__logo {
		top: auto;
		width: auto;
		padding-left: 20px;
		height: auto;
		padding-top: 20px;
		padding-bottom: 20px
	}
}

.main-menu--two .main-menu__logo::after {
	content: '';
	width: 15px;
	height: 30px;
	top: 0;
	left: 100%;
	background-color: #333;
	position: absolute;
	clip-path: polygon(100% 100%, 0 0, 0 100%)
}

.main-menu--two__inner {
	background-color: #333;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding-right: 20px
}

.main-menu--two .main-menu__nav {
	padding-left: 0
}

.main-menu--two .main-menu__list>li {
	padding-top: 40px;
	padding-bottom: 40px
}

.main-menu--two .main-menu__list>li+li {
	margin-left: 40px
}

.main-menu--two .main-menu__right {
	padding-right: 0;
	margin: 0
}

.bottom-footer ul li:last-child,
.main-menu--two .main-menu__btn {
	margin-right: 0
}

.main-menu--two .main-menu__btn:hover {
	background-color: #fff;
	color: #333
}

.main-menu--two .main-menu__list>li>a,
.mobile-nav__top .main-menu__login a {
	color: var(--thm-text-dark)
}

.main-menu--two .main-menu__search {
	color: #fff;
	border-color: rgba(255, 255, 255, .1)
}

@media (max-width:520px) {
	.main-menu--two .main-menu__btn {
		display: none
	}

	.main-menu--two .main-menu__search {
		padding-right: 0
	}
}

.main-menu--two .mobile-nav__toggler {
	color: #fff
}

.stricky-header.main-menu--two {
	background-color: #333
}

.stricky-header.main-menu--two .main-menu__logo {
	top: auto;
	padding-top: 0;
	height: auto;
	width: auto;
	justify-content: flex-start
}

.stricky-header.main-menu--two .main-menu__list>li {
	padding-top: 30px;
	padding-bottom: 30px
}

.stricky-header.main-menu--two .main-menu--two__inner {
	padding-right: 0
}

.main-menu--three .main-menu__logo {
	width: 265px;
	height: 92px;
	background-color: var(--thm-base);
	top: 0
}

.main-menu--three .main-menu__list>li {
	padding-top: 31px;
	padding-bottom: 31px
}

@media (max-width:600px) {
	.main-menu--three .main-menu__logo {
		width: auto;
		height: auto;
		padding: 20px 30px
	}

	.main-menu--three .main-menu__btn {
		display: none
	}
}

@keyframes bubbleMover {
	0% {
		transform: translateY(0) translateX(0) rotate(0)
	}

	30% {
		transform: translateY(10px) translateX(30px) rotate(5deg);
		transform-origin: center center
	}

	50% {
		transform: translateY(30px) translateX(50px) rotate(15deg);
		transform-origin: right bottom
	}

	80% {
		transform: translateY(10px) translateX(30px) rotate(5deg);
		transform-origin: left top
	}

	100% {
		transform: translateY(0) translateX(0) rotate(0);
		transform-origin: center center
	}
}

@keyframes shapeMover {

	0%,
	100% {
		transform: perspective(400px) translateY(0) rotate(0) translateZ(0) translateX(0)
	}

	50% {
		transform: perspective(400px) rotate(-20deg) translateZ(10px) translateY(10px) translateX(10px)
	}
}

@keyframes banner3Shake {

	0%,
	100% {
		-webkit-transform: rotate3d(0, 1, 0, 0deg);
		transform: rotate3d(0, 1, 0, 0deg)
	}

	30%,
	80% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg)
	}

	60% {
		-webkit-transform: rotate3d(1, 0, 0, 0deg);
		transform: rotate3d(1, 0, 0, 0deg)
	}
}

@keyframes squareMover {

	0%,
	100% {
		-webkit-transform: translate(0, 0) rotate(0);
		transform: translate(0, 0) rotate(0)
	}

	20%,
	60% {
		-webkit-transform: translate(20px, 40px) rotate(180deg);
		transform: translate(20px, 40px) rotqte(180deg)
	}

	30%,
	80% {
		-webkit-transform: translate(40px, 60px) rotate(0);
		transform: translate(40px, 60px) rotate(0)
	}
}

@keyframes treeMove {

	0%,
	100% {
		-webkit-transform: rotate(0) translateX(0);
		transform: rotate(0) translateX(0)
	}

	25%,
	75% {
		-webkit-transform: rotate(5deg) translateX(15px);
		transform: rotate(5deg) translateX(15px)
	}

	50% {
		-webkit-transform: rotate(10deg) translateX(30px);
		transform: rotate(10deg) translateX(30px)
	}
}

@keyframes zoom-fade {

	0%,
	100% {
		transform: scale(.9)
	}

	50% {
		transform: scale(1)
	}
}

.mobile-nav__wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	transform-origin: right center;
	z-index: 99999;
	transform: translateX(-100%);
	transition: transform .5s .5s, visibility .5s .5s;
	visibility: hidden
}

.mobile-nav__wrapper .container {
	padding-left: 0;
	padding-right: 0
}

.mobile-nav__wrapper.expanded {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	visibility: visible;
	-webkit-transition: visibility .5s, -webkit-transform .5s;
	transition: transform .5s, visibility .5s, -webkit-transform .5s
}

.mobile-nav__overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	opacity: .5;
	cursor: pointer
}

.mobile-nav__content {
	width: 300px;
	background: #162f6a;
	z-index: 10;
	position: relative;
	height: 100%;
	overflow-y: auto;
	padding: 0 15px 30px;
	opacity: 0;
	visibility: hidden;
	transform: translateX(-100%);
	transition: opacity .5s, visibility .5s, transform .5s
}

.mobile-nav__wrapper.expanded .mobile-nav__content {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: opacity .5s .5s, visibility .5s .5s, -webkit-transform .5s .5s;
	transition: opacity .5s .5s, visibility .5s .5s, transform .5s .5s, -webkit-transform .5s .5s
}

.mobile-nav__content .thm-btn {
	padding: 8px 0;
	width: 100%;
	text-align: center
}

.mobile-nav__content .logo-box {
	margin-bottom: 20px;
	display: flex;
	background-color: #fff;
	margin-left: -15px;
	margin-right: -15px;
	padding: 10px
}

.mobile-nav__close {
	position: absolute;
	top: -3px;
	right: 5px;
	font-size: 18px;
	color: #222;
	cursor: pointer
}

.mobile-nav__content .main-menu__list,
.mobile-nav__content .main-menu__list ul {
	margin: 0;
	padding: 0;
	list-style-type: none
}

.mobile-nav__content .main-menu__list ul {
	display: none;
	border-top: 1px solid rgba(255, 255, 255, .1)
}

.mobile-nav__content .main-menu__list ul li a {
	padding-left: 1em
}

.mobile-nav__content .main-menu__list li:not(:last-child) {
	border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.mobile-nav__content .main-menu__list li a {
	display: flex;
	justify-content: space-between;
	color: #fff;
	font-size: 14px;
	font-family: var(--thm-font);
	font-weight: 500;
	align-items: center;
	transition: .5s;
	white-space: normal;
	line-height: 17px
}

.mobile-nav__content .main-menu__list li ul li a {
	padding: 10px 0
}

.mobile-nav__content .dropdown-item:focus,
.mobile-nav__content .dropdown-item:hover {
	background-color: transparent
}

.mobile-nav__content .main-menu__list li a button {
	width: 30px;
	height: 30px;
	background-color: var(--thm-base);
	border: none;
	outline: 0;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	transform: rotate(-90deg);
	transition: transform .5s
}

.footer-widget__social,
.mobile-nav__language,
.mobile-nav__social,
.mobile-nav__top {
	align-items: center;
	display: flex
}

.mobile-nav__content .main-menu__list li a button.expanded {
	transform: rotate(0);
	background-color: #fff;
	color: #333
}

.mobile-nav__content .main-menu__list li.cart-btn span {
	position: relative;
	top: auto;
	right: auto;
	transform: translate(0, 0)
}

.mobile-nav__content .main-menu__list li.cart-btn i {
	font-size: 16px
}

.mobile-nav__top {
	justify-content: space-between;
	margin-bottom: 30px
}

.mobile-nav__language img {
	border-radius: 50%;
	margin-right: 10px
}

.mobile-nav__language .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
	width: 70px
}

.mobile-nav__language .bootstrap-select>.dropdown-toggle {
	padding: 0;
	background-color: transparent;
	border-radius: 0;
	border: none;
	outline: 0;
	color: var(--thm-text-dark);
	font-size: 14px
}

.mobile-nav__social a {
	font-size: 16px;
	color: #fff;
	transition: .5s
}

.mobile-nav__social a+a {
	margin-left: 15px
}

.mobile-nav__social a:hover {
	color: var(--thm-base)
}

.mobile-nav__contact {
	margin-top: 20px;
	margin-bottom: 20px
}

.mobile-nav__contact li {
	color: var(--thm-text-dark);
	font-size: 14px;
	font-weight: 500;
	position: relative;
	display: flex;
	align-items: center
}

.mobile-nav__contact li+li {
	margin-top: 15px
}

.mobile-nav__contact li a {
	color: inherit;
	transition: .5s
}

.boxAreaPanel ol li a:hover,
.boxAreaPanel p a,
.boxAreaPanel ul li a:hover,
.mobile-nav__contact li a:hover,
.topHeader .common-left ul li a:hover,
.topHeader a:hover,
ul.linkArea li a:hover {
	color: var(--thm-base)
}

.mobile-nav__contact li>i {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: var(--thm-base);
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 14px;
	margin-right: 10px;
	color: #fff
}

.bannerSection .bx-wrapper .bx-controls-auto .bx-controls-auto-item,
.mobile-nav__wrapper .main-menu__list .dropdown-toggle::after,
.projectsAreaNew ul.nav-tabs li:after,
.scroltop.icon-up,
.tabArea .tab-content.newsAreaBox ul.listNoneArea li:after,
.topHeader .common-left ul li:first-child:before,
ul.pagination li:after {
	display: none
}

.page-header {
	background-color: var(--thm-base);
	position: relative
}

.page-header__bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-position: right center;
	background-repeat: no-repeat;
	background-size: cover
}

@media (max-width:1199px) {
	.main-menu--two .main-menu__right {
		margin-left: auto
	}

	.page-header__bg {
		background-position: left center
	}
}

.page-header .container {
	position: relative;
	z-index: 10;
	padding-top: 60px;
	padding-bottom: 60px
}

.page-header .container h2 {
	margin: 0;
	line-height: 1;
	color: #fff;
	font-size: 28px;
	font-weight: 800;
	border-left: 3px solid #9b3e1a;
	padding: 10px 0 10px 10px
}

@media (max-width:480px) {
	.page-header .container {
		padding-top: 50px;
		padding-bottom: 50px
	}

	.page-header .container h2 {
		font-size: 40px
	}
}

.topHeader {
	background: #fff;
	font-size: 12px;
	border-bottom: 1px solid #e7ebef
}

.topHeader .topHeader a {
	color: #595656;
	margin: 0 5px
}

.topHeader i {
	vertical-align: middle;
	margin-top: -3px
}

.topHeader .common-left ul,
header.header .headerSocial ul li {
	list-style: none
}

.topHeader .common-left ul li {
	float: left;
	text-align: left;
	line-height: 15px;
	position: relative;
	padding: 0 7px 0 8px
}

.topHeader .common-left ul li:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 50%;
	z-index: auto;
	height: 14px;
	width: 1px;
	background: #adaeae;
	overflow: hidden;
	margin-top: -7px
}

.tabArea .tab-content.newsAreaBox ul.listNoneArea li,
.topHeader .common-left ul li:first-child {
	padding-left: 0
}

.topHeader .common-left ul li a,
.topHeader a {
	color: #595656;
	font-size: 14px
}

.bannerSection .bx-wrapper .bx-controls-auto .bx-controls-auto-item:last-child,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item,
.bx-wrapper .bx-pager-item,
.impactingLivesArea .single-project-style-one .hoverEff-1,
.impactingVideoSection .single-project-style-one .image-block>a,
.innerSection .textAreaPanel.tanderAreaBox p span,
.section-09 .boxProjectArea ul li:hover>div.cityMapBox,
.topHeader .common-left ul li span {
	display: block
}

.topHeader .common-left ul li img,
.topRightHeader .dropdown {
	float: left
}

.topHeader .common-middle a {
	margin: 0 10px;
	font-size: 13px
}

.topRightHeader .dropdown>a,
.topRightHeader .languageBox {
	border-left: 1px solid #eee;
	font-size: 12px;
	float: left;
	display: block;
	margin: 0;
	text-transform: uppercase
}

.boxAreaPanel ol li a,
.boxAreaPanel ul li a,
.searchAreaBox .btn-outline-secondary:hover,
.topRightHeader,
ul.linkArea li a {
	color: #000
}

.topRightHeader .dropdown>a {
	padding: 5px 9px
}

.topRightHeader .dropdown>a:hover {
	background: #02a9e3;
	color: #fff !important
}

.topRightHeader .languageBox {
	padding: 6px 9px
}

.topRightHeader .dropdown>img {
	cursor: pointer
}

.topRightHeader .dropdown-menu {
	left: auto;
	right: 0;
	border: 0;
	box-shadow: none
}

.topRightHeader .dropdown .menuPanelDown {
	left: 1px;
	right: auto;
	top: 34px;
	padding: 0;
	min-width: 42px;
	border-radius: 0;
	text-align: center
}

.topRightHeader .dropdown .menuPanelDown li {
	padding: 0
}

.topRightHeader .dropdown .menuPanelDown li a {
	border-bottom: 1px solid #cecece;
	text-align: center;
	margin: 0;
	padding: 3px 0;
	display: block;
	font-size: 14px;
	background: #02a9e3;
	color: #fff
}

.topRightHeader .dropdown .menuPanelDown li a:hover {
	background: #333
}

.topRightHeader .dropdown:hover .menuPanelDown {
	display: block;
	width: 100%;
	z-index: 99999
}

.topRightHeader .dropdown .languageMenu li a {
	padding: 3px 23px;
	display: block
}

.ms-n5 {
	margin-left: -40px !important
}

header.header {
	padding: 5px 0;
	background: #fff
}

.bottom-footer ul,
.impactingVideoSection .single-project-style-one h3,
.pressSliderArea ul.pressSlider,
.section-09 .tab-content,
header.header .headerSocial ul {
	margin: 0;
	padding: 0
}

header.header .headerSocial ul li a {
	width: 40px;
	height: 40px;
	display: block;
	line-height: 42px;
	color: #fff;
	border-radius: 50px
}

header.header .headerSocial ul li a i {
	font-size: 18px
}

header.header .headerSocial ul li.facebook a {
	background: #4b69b1
}

header.header .headerSocial ul li.pinterest a,
header.header .headerSocial ul li.youtube a {
	background: #e83f3a
}

header.header .headerSocial ul li.instagram a {
	background: #6263d1;
	background: linear-gradient(228deg, #6263d1 0, #c62f95 20%, #dd6657 50%, #f2a969 76%, #f7d175 100%)
}

header.header .headerSocial ul li.flickr a {
	background: #fe0083
}

header.header .headerSocial ul li a:hover {
	background: #fff;
	color: #000;
	border: 1px solid #333
}

header.header .homeLinkArea a {
	background: #162f6a;
	padding: 5px 10px;
	color: #fff;
	border-radius: 50px;
	font-size: 13px
}

.tenderBoxArea a.btn:hover,
header.header .homeLinkArea a:hover {
	background: #08a24e
}

header.header .searchAreaBox .form-control {
	padding: 5px 10px
}

.bannerSection .bx-wrapper {
	padding: 0;
	margin: 0;
	border: 0
}

.sectionOne .boxSt,
.sectionTwo .Profileslider .bx-wrapper {
	display: flex;
	min-width: 0;
	word-wrap: break-word;
	margin-block-end: 1.3rem
}

.bannerSection .bannerSlider,
.bannerSection .bannerSlider img,
.boxAreaPanel.previousBox img,
.cityMapSection .cityMapBox .panelTextArea .panelImgAre img,
.imgFull img,
.impactingLivesArea .single-project-style-one img,
.innerSection .boxImgAreaLeft img,
.mapSection.sectionFour .mapSectionArea img,
.pressSliderArea ul.pressSlider li img,
.projectStBox.sectionFour .item .col-lg-8 img,
.projectStBox.sectionFour .item .mapLocations,
.searchAreaBox,
.searchRegBox.NewsBoxSt img,
.section-09 .cityMapBox .panelTextArea .panelImgAre img,
.section-11 .boxArea-11 .boxPanel-11,
.sectionOne .boxSt img,
.sectionTwo .Profileslider img,
.single-project-style-one .image-block>img,
.tabDesign-1,
.tenderBoxArea img,
.videoBoxArea img,
.videoSliderSection .videoSliderBox video {
	width: 100%
}

.bannerSection .bannerSlider .bannerSliderText {
	position: absolute;
	width: 600px;
	bottom: 10px;
	left: 0;
	padding: 8px 10px 8px 30px;
	background: rgba(0, 0, 0, .8)
}

.bannerSection .bannerSlider .bannerSliderText span {
	margin: 0 0 10px;
	padding: 0;
	font-size: 14px;
	color: #fff
}

.bannerSection .bannerSlider .bannerSliderText span i,
.innerSection .dateArea i,
.innerSection .textAreaPanel.tanderAreaBox .dateArea i,
.sectionFour .pressReleaseArea .pressReleaseBox span i {
	margin-right: 5px
}

.bannerSection .bannerSlider .bannerSliderText p {
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 21px;
	color: #fff
}

.bannerSection .bx-wrapper .bx-controls-direction a {
	z-index: 9
}

.bannerSection .bx-wrapper .bx-prev {
	left: 10px;
	background: url('../images/controls.png') 0 -32px no-repeat
}

.bannerSection .bx-wrapper .bx-next {
	background: url('../images/controls.png') -43px -32px no-repeat
}

.bannerSection .bx-wrapper .bx-controls-auto .bx-stop {
	background: url('../images/controls.png') -86px -44px no-repeat
}

.bannerSection .bx-wrapper .bx-controls-auto {
	bottom: 10px !important;
	right: 10px !important;
	background: #162f6a;
	height: 25px;
	width: 25px;
	padding-top: 7px;
	border-radius: 5px;
	padding-left: 5px;
	line-height: 20px
}

.bannerSection .bx-wrapper .bx-controls-auto .bx-start {
	background: url(../images/controls.png) -86px -11px no-repeat
}

.headerSection {
	width: 100%;
	position: relative
}

.headerSection .logo img {
	height: 83px;
	transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out
}

.headerSection.stricky-fixed {
	position: fixed;
	top: 0;
	z-index: 99999
}

.headerSection.stricky-fixed .logo img {
	height: 50px;
	-moz-transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out
}

.fxArea-2.stricky-fixed-1,
.page-header.stricky-fixed-1 {
	margin-top: 120px
}

.upComungNews .newsBoxArea {
	box-shadow: 0 2px 11px 3px rgba(0, 0, 0, .09);
	overflow: hidden;
	background: #fff;
	z-index: 9;
	position: relative
}

.newsAreaHd {
	background: #162f6a;
	color: #fff;
	padding: 10px;
	font-weight: 700;
	width: 180px;
	font-size: 14px;
	text-align: center;
	position: relative
}

.upComungNews .newsBoxArea a.btnPs {
	width: 25px;
	height: 25px;
	line-height: 25px;
	color: #fff;
	border-radius: 50px;
	position: absolute;
	font-size: 11px;
	right: -10px;
	background: #162f6a;
	top: 10px;
	border: 1px solid #fff
}

.newsBoxAreaSd {
	padding-right: 15px;
	padding-left: 15px
}

.newsBoxAreaSd marquee {
	padding-top: 10px;
	color: #000;
	font-size: 14px;
	font-weight: 700
}

.importantLinkArea-02 h4,
.sectionFour h3,
.sliderArrowDs-1 h4 {
	font-weight: 800
}

.newsBoxAreaSd marquee a,
.topMenuBar ol li a {
	color: #000;
	font-size: 14px
}

.sectionFour,
.sectionOne {
	background-color: #f2f0ff
}

.sectionOne .boxSt {
	position: relative;
	flex-direction: column;
	background: #fff;
	border-radius: 6px !important;
	border: 1px solid #eae8f1
}

.sectionThree,
.sectionTwo {
	background-color: #fff
}

.sectionTwo .Profileslider .bx-wrapper {
	padding: 15px;
	position: relative;
	flex-direction: column;
	background: #fff;
	border-radius: 6px !important;
	border: 1px solid #eae8f1;
	box-shadow: 6px 11px 41px -28px #796eb1;
	-webkit-box-shadow: 6px 11px 41px -28px #796eb1
}

.sectionTwo .Profileslider li {
	padding: 20px 50px;
	text-align: center
}

.sectionTwo .Profileslider li img {
	width: 60%;
	border: 1px solid #eae8f1;
	display: inline-block
}

.sectionTwo .Profileslider .mtName {
	display: block;
	text-align: center;
	padding: 5px;
	font-size: 16px;
	line-height: 21px;
	margin-top: 15px
}

.sectionFour .profileBox .mtName span,
.sectionFour .profileNameArea .mtName span,
.sectionTwo .Profileslider .mtName span {
	display: block;
	font-size: 14px;
	color: #a3a3a3;
	margin-bottom: 10px
}

.sectionTwo .Profileslider .mtName a {
	display: block;
	font-size: 14px
}

.sectionTwo .ProfileSmpick img {
	width: 100%;
	border: 1px solid #eae8f1;
	padding: 5px;
	margin-bottom: 10px
}

.sectionTwo.tabArea .nav-tabs {
	border-bottom: 0
}

.bg04 {
	background-color: #f2f0ff !important
}

.bg05 {
	background: #f7f7f7
}

.bgLightBlue,
.impactingVideoSection.sliderArrowDs-1.bgLightBlue {
	background: url('../images/Scroll3_1.gif') left/cover #fff
}

.bg-5 {
	background: #dadbcc !important
}

.sectionFour h3 {
	color: #000;
	margin-bottom: 10px
}

.boxAreaPanel.previousBox,
.sectionFour .profileBox,
.sectionFour .profileNameArea {
	text-align: center
}

.sectionFour .profileBox img {
	width: 100%;
	border: 1px solid #c8c8c8;
	padding: 10px;
	background: #fff;
	margin-bottom: 10px
}

.line-h-2,
.sectionFour .profileBox .mtName {
	line-height: 20px
}

.sectionFour .profileNameArea .mtName strong {
	display: block;
	border-top: 1px solid #ceccde;
	padding-top: 15px;
	margin-top: 15px;
	font-size: 14px;
	line-height: 21px
}

.sectionFour .pressReleaseArea {
	background: #162f6a;
	padding: 25px;
	border-radius: 0;
	height: 350px;
	position: relative
}

.sectionFour .pressReleaseArea h3 {
	color: #fff;
	font-size: 18px;
	margin-bottom: 30px;
	position: relative
}

.sectionFour .pressReleaseArea h3 a {
	position: absolute;
	right: 97px;
	color: #fff;
	font-size: 14px
}

.sectionFour .pressReleaseArea .pressReleaseBox p {
	font-size: 14px;
	color: #fff;
	margin-bottom: 10px
}

.sectionFour .pressReleaseArea .pressReleaseBox span {
	display: block;
	color: #fff;
	font-size: 13px
}

.sectionFour .pressReleaseArea .pressReleaseBox strong {
	display: block;
	color: #0ebcfa;
	font-weight: 500
}

.importantLinkArea-02 .tab-pane ul li a:hover,
.sectionFour .pressReleaseArea a:hover .pressReleaseBox p,
.sectionFour .pressReleaseArea a:hover .pressReleaseBox span,
.sectionFour .pressReleaseArea a:hover .pressReleaseBox strong,
.sectionSl-01 .boxSd ul.quickAccessLink li a:hover,
.single-project-style-one .image-block .overlay .box .content h3 a:hover,
.tabArea .tab-content.newsAreaBox ul li a:hover,
.topMenuBar ol li a:hover {
	color: #f46522
}

.sectionFour .pressReleaseArea .owl-nav {
	position: absolute;
	width: 100%;
	top: -57px
}

.sectionFour .pressReleaseArea .owl-nav button {
	position: absolute;
	top: 0;
	color: #757575;
	right: 30px;
	width: 30px;
	height: 26px;
	overflow: hidden
}

.clientSection a.btnPs,
.sectionFour .pressReleaseArea a.btnPs {
	width: 25px;
	height: 25px;
	font-size: 11px;
	position: absolute;
	text-align: center;
	line-height: 25px
}

.sectionFour .pressReleaseArea .owl-nav button.owl-prev {
	right: 60px
}

.sectionFour .pressReleaseArea .owl-nav button:before {
	font-family: "Font Awesome 5 Free";
	color: #fff;
	border: 1px solid #ccc;
	background: 0 0;
	width: 24px;
	font-weight: 900;
	height: 24px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 5px;
	font-size: 16px;
	transition: .5s
}

.clientSection .owl-nav button.owl-prev:before,
.sectionFour .pressReleaseArea .owl-nav button.owl-prev:before,
.sectionSl-01 .owl-nav button.owl-prev:before,
.sectionTwo .PerformanceBoardArea .owl-nav button.owl-prev:before,
.sliderArrowDs-1 .owl-nav button.owl-prev:before,
.sliderBannerPanel .owl-nav button.owl-next:before,
.videoSlider .owl-nav button.owl-prev:before,
.videoSliderSection.newVideoSd button.slick-prev:before {
	content: "\f104"
}

.clientSection .owl-nav button.owl-next:before,
.sectionFour .pressReleaseArea .owl-nav button.owl-next:before,
.sectionSl-01 .owl-nav button.owl-next:before,
.sectionTwo .PerformanceBoardArea .owl-nav button.owl-next:before,
.sliderArrowDs-1 .owl-nav button.owl-next:before,
.sliderBannerPanel .owl-nav button.owl-prev:before,
.videoSlider .owl-nav button.owl-next:before,
.videoSliderSection.newVideoSd button.slick-next:before {
	content: "\f105"
}

.sectionFour .pressReleaseArea a.btnPs {
	color: #fff;
	border-radius: 50px;
	right: 0;
	background: #162f6a;
	top: -6px;
	border: 1px solid #fff
}

.tabArea .tab-content {
	border: 1px solid #eae8f1;
	background: #fff;
	padding: 15px;
	box-shadow: 6px 11px 41px -28px #796eb1;
	-webkit-box-shadow: 6px 11px 41px -28px #796eb1
}

.tabArea .tab-content .twitterBlock {
	height: 260px;
	overflow: auto
}

.cityMapSection .panelTextBottom ul,
.section-09 .boxProjectArea ul,
.sectionSl-01 .boxSd ul.quickAccessLink,
.tabArea .tab-content.newsAreaBox ul,
ul.linkArea,
ul.pagination {
	margin: 0;
	padding: 0;
	list-style: none
}

.tabArea .tab-content.newsAreaBox ul li {
	padding: 7px 0 7px 18px;
	font-size: 14px;
	line-height: 18px;
	position: relative
}

.tabArea .tab-content.newsAreaBox ul li:after {
	position: absolute;
	left: 0;
	top: 11px;
	width: 10px;
	height: 10px;
	border: 1px solid #f46522;
	background: #f46522;
	border-radius: 50px;
	content: ''
}

.tabArea .tab-content.newsAreaBox ul li a {
	color: #000;
	display: flex;
	font-size: 14px !important;
	word-spacing: 2px !important
}

.tabArea .tab-content.newsAreaBox ul li a img {
	width: 55px;
	margin-right: 10px;
	border: 1px solid #d1d1d1;
	padding: 3px
}

.tabArea .nav-tabs .nav-item .nav-link:hover,
.tabArea .nav-tabs .nav-item.show .nav-link,
.tabArea .nav-tabs .nav-link.active {
	color: #fff;
	background-color: #0a132f;
	border-color: #0a132f
}

.boxAreaPanel ol ul li,
.boxAreaPanel ul ul li,
.tabArea .tab-content.newsAreaBox ul.importantLinkArea li {
	padding-left: 20px
}

.importantLinkArea-02 .tab-pane ul li a,
.tabArea .tab-content.newsAreaBox ul.importantLinkArea li a {
	color: #000;
	font-size: 14px;
	position: relative;
	padding-left: 12px;
	line-height: 19px;
	transition: .5s
}

.importantLinkArea-02 .tab-pane ul li a:after,
.tabArea .tab-content.newsAreaBox ul.importantLinkArea li a:after {
	position: absolute;
	left: -10px;
	top: 2px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #000;
	font-size: 16px;
	content: '\f061'
}

.tabArea .nav-tabs .nav-link {
	background-color: #162e68;
	margin-bottom: -1px;
	color: #fff;
	border: 0;
	border-radius: 15px 15px 0 0;
	font-size: 14px;
	padding: 10px 5px;
	line-height: 20px
}

.tabArea .nav-tabs.socialTab .nav-item .nav-link i {
	font-size: 18px;
	margin-right: 6px
}

.tabArea .nav-tabs.socialTab .nav-item .nav-link.twitterTab {
	color: #fff;
	background-color: #37b1e2;
	border-color: #dee2e6 #dee2e6 #fff
}

.tabArea .nav-tabs.socialTab .nav-item .nav-link.facebookTab {
	color: #fff;
	background-color: #4b69b1;
	border-color: #dee2e6 #dee2e6 #fff
}

.tabArea.tabListArea .nav-tabs .nav-item {
	flex-basis: auto
}

.btn-3,
.single-project-style-one .image-block .overlay .box .content .thm-btn,
.tabArea .tab-content.newsAreaBox a.btnPs {
	padding: 5px 10px;
	background: #162f6a;
	border-radius: 5px;
	color: #fff;
	font-size: 13px
}

.btn-3:hover,
.importantLinkArea-02 h4 a.btnPs:hover,
.single-project-style-one .image-block .overlay .box .content .thm-btn:hover,
.tabArea .tab-content.newsAreaBox a.btnPs:hover,
.viewAllBtn a:hover {
	background: #ffc404;
	color: #000
}

.importantLinkArea-02 .tab-pane {
	border: 1px solid #eae8f1;
	background: #fff;
	padding: 20px 15px;
	border-radius: 10px;
	box-shadow: 6px 11px 41px -28px #796eb1;
	-webkit-box-shadow: 6px 11px 41px -28px #796eb1
}

.importantLinkArea-02 .tab-pane ul li {
	padding-left: 20px;
	margin-bottom: 2px
}

.importantLinkArea-02 h4 a.btnPs {
	background: #162f6a;
	float: right;
	color: #fff;
	font-size: 14px
}

.clientSection {
	background: #fff;
	padding: 10px 50px;
	border-top: 1px solid #f2f2f2;
	position: relative
}

.clientSection img {
	height: 100px
}

.clientSection a.btnPs {
	color: #323232;
	border-radius: 5px;
	right: 10px;
	background: #fff;
	bottom: 10px;
	border: 1px solid #ccc
}

.clientSection .owl-nav,
.sectionSl-01 .owl-nav,
.sectionTwo .PerformanceBoardArea .owl-nav {
	position: absolute;
	width: 100%;
	top: 0
}

.clientSection .owl-nav button {
	position: absolute;
	top: 40px;
	color: #757575;
	width: 30px;
	height: 26px;
	overflow: hidden
}

.clientSection .owl-nav button.owl-prev,
.sectionSl-01 .owl-nav button.owl-prev {
	left: -40px
}

.clientSection .owl-nav button.owl-next,
.sectionSl-01 .owl-nav button.owl-next {
	right: -40px
}

.clientSection .owl-nav button:before {
	font-family: "Font Awesome 5 Free";
	color: #323232;
	border: 1px solid #ccc;
	width: 24px;
	font-weight: 900;
	height: 24px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 5px;
	font-size: 16px;
	transition: .5s
}

.galleryAreaBt {
	padding: 10px;
	background: #fff;
	border: 1px solid #b9b9b9;
	-webkit-box-shadow: 5px 8px 30px 0 rgb(31 35 37 / 8%);
	-moz-box-shadow: 5px 8px 30px 0 rgba(31, 35, 37, .08);
	box-shadow: 5px 8px 30px 0 rgb(31 35 37 / 8%)
}

.galleryBox,
.single-project-style-one {
	box-shadow: 6px 11px 41px -28px #796eb1
}

.galleryBox {
	border: 1px solid #dbe2eb;
	padding: 10px;
	margin-bottom: 30px;
	-webkit-box-shadow: 6px 11px 41px -28px #796eb1
}

.single-shuffle {
	position: relative;
	z-index: 1;
	text-align: center;
	background: #fff;
	padding: 0;
	transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-ms-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out;
	overflow: hidden
}

.single-shuffle:hover .ssf-hover i.fa-link {
	font-size: 29px
}

.single-shuffle:hover .ssf-hover,
.single-shuffle:hover .ssf-hover:before {
	opacity: 1;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%
}

.single-shuffle .ssf-hover,
.single-shuffle .ssf-hover:before {
	width: 0;
	left: 50%;
	padding-top: 0;
	background-color: rgba(22, 47, 106, .4);
	opacity: 0;
	height: 0;
	top: 50%;
	position: absolute;
	text-align: center
}

.single-shuffle:hover .ssf-hover i {
	font-size: 40px;
	color: #fff
}

.single-shuffle:hover .ssf-hover img {
	opacity: 1
}

.single-shuffle img {
	display: block;
	width: 100%;
	max-width: none;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.single-shuffle .ssf-hover {
	z-index: 1;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.single-shuffle .ssf-hover:before {
	content: '';
	-webkit-transition: 1.5s;
	-moz-transition: 1.5s;
	-ms-transition: 1.5s;
	-o-transition: 1.5s;
	transition: 1.5s;
	z-index: -1
}

.single-shuffle .ssf-hover img {
	max-width: 35px;
	max-height: 35px;
	opacity: 0;
	margin: 0 auto
}

.single-shuffle .ssf-hover a {
	padding-top: calc(35% - 23px);
	display: block;
	height: 100%;
	width: 100%
}

.single-shuffle .aspect {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	overflow: hidden
}

.single-shuffle .aspect .aspect__inner {
	position: absolute;
	top: 10px;
	right: 10px;
	bottom: 10px;
	left: 10px;
	overflow: hidden
}

.single-shuffle .aspect--16x9 {
	padding-bottom: 56.25%
}

.single-shuffle .aspect--9x80 {
	padding-bottom: calc(112.5% + 30px)
}

.single-shuffle .aspect--32x9 {
	padding-bottom: calc(28.125% - 8px)
}

.sbox_V1 .single-shuffle {
	margin-bottom: 0;
	padding: 0
}

.ssV1-2 .ssf-hover i {
	border: 1px solid #fff;
	padding: 5px 8px;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.pf-8 .single-shuffle,
.searchFilterArea .form-group,
.sectionTwo .bx-wrapper {
	margin-bottom: 0
}

.single-shuffleHeading {
	width: 100%;
	margin: auto;
	text-align: center;
	background: #fff;
	border-top: 0;
	padding: 10px 0 0
}

.single-shuffleHeading h5 {
	font-size: 15px;
	margin: 0;
	padding: 0;
	line-height: 20px
}

.single-shuffleHeading h5 span {
	display: block;
	color: #737373;
	font-size: 14px;
	padding-top: 5px
}

.main-footer {
	background: #162f6a;
	padding: 40px 0;
	display: flex
}

.main-footer--extra-padding {
	padding-top: 186px
}

.footer-widget .mapArea iframe {
	border: 5px solid #fff
}

.footer-widget--about .footer-widget__text {
	margin-top: 12px
}

.footer-widget--about .footer-widget__info {
	margin-top: 17px
}

.footer-widget__logo {
	position: relative;
	display: inline-flex;
	margin-top: 0
}

.footer-widget__title {
	margin: 0 0 15px;
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 20px
}

.footer-widget__title::before {
	font-size: 12px;
	color: #fff;
	content: '||';
	margin-right: 6px
}

.footer-widget__menu {
	margin-bottom: 0;
	padding-left: 15px
}

.footer-widget__menu li+li {
	margin-top: 2px
}

.footer-widget__menu li a {
	color: #fff;
	font-size: 14px;
	position: relative;
	padding-left: 12px;
	line-height: 19px;
	transition: .5s
}

.footer-widget__menu li a:after {
	position: absolute;
	left: -10px;
	top: 2px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #fff;
	font-size: 16px;
	content: '\f061'
}

.footer-widget__menu li a:hover {
	color: #09f
}

.footer-widget__social a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	border: 1px solid #fff;
	color: #fff;
	font-size: 18px;
	transition: .5s;
	border-radius: 50%
}

.footer-widget__social a+a {
	margin-left: 10px
}

.footer-widget__social a:hover {
	background-color: #fff;
	color: var(--thm-black2)
}

.footer-widget__text {
	margin: 0;
	color: #fff;
	font-size: 14px;
	line-height: 20px
}

.footer-widget__info li {
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 16px
}

.footer-widget__info li+li {
	margin-top: 6px
}

.footer-widget__info li a {
	color: inherit;
	transition: .5s;
	font-size: 14px
}

.footer-widget__info li>i {
	color: #fff;
	transition: .5s;
	margin-right: 5px;
	position: relative;
	top: 2px
}

.bottom-footer ul li a,
.footer-widget__info li:hover,
.footer-widget__info li:hover>i,
.videoSliderSection.newVideoSd .video .descriptionArea h3 {
	color: #fff
}

.footer-widget__mailchimp input[type=email],
.footer-widget__mailchimp input[type=phone],
.footer-widget__mailchimp input[type=text] {
	display: block;
	width: 100%;
	border: none;
	outline: 0;
	background-color: rgba(0, 0, 0, 0);
	border-bottom: 3px solid rgba(255, 255, 255, .2);
	color: var(--thm-text-dark);
	font-size: 14px;
	padding-bottom: 20px
}

.footer-widget__mailchimp__text {
	display: flex;
	align-items: center;
	color: var(--thm-text-dark);
	font-size: 14px;
	margin-top: 27px;
	margin-bottom: 0
}

.footer-widget__mailchimp__text>i {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 19px;
	height: 19px;
	border: 1px solid var(--thm-text-dark);
	font-size: 8px;
	color: var(--thm-text-dark);
	border-radius: 50%;
	margin-right: 10px
}

@media (min-width:1200px) {

	.main-menu .main-menu__list,
	.main-menu .main-menu__list ul,
	.stricky-header .main-menu__list,
	.stricky-header .main-menu__list ul {
		display: flex;
		justify-content: space-between
	}

	.mobile-nav__buttons,
	.mobile-nav__toggler {
		display: none
	}

	.footer-widget--newsletter {
		margin-left: -30px
	}
}

.footer-widget--newsletter .footer-widget__mailchimp {
	margin-top: -10px;
	position: relative
}

.footer-widget--time .footer-widget__text {
	line-height: 2.25em;
	margin-top: -12px
}

.footer-widget--time .footer-widget__social {
	margin-top: 27px
}

.footer-widget--links .footer-widget__menu {
	margin-top: -10px
}

.bottom-footer {
	padding-top: 22px;
	padding-bottom: 22px;
	background-color: #0f2558
}

.bottom-footer__text {
	margin: 0;
	color: #fff;
	font-size: 14px
}

.totalVisitorsBox {
	background: #17367f;
	width: 100%;
	border-radius: 10px;
	color: #fff;
	padding: 15px;
	text-align: center;
	margin-top: 20px
}

.gallerySection {
	width: 100%;
	padding: 50px 0
}

.gallerySection h4 {
	margin: 0;
	padding: 0 0 20px;
	color: #000;
	font-size: 20px
}

.sectionBox-5 {
	background-color: #fff;
	padding: 80px 0
}

.sectionBox-5 .container-new {
	padding-left: 200px;
	margin-left: -100px;
	position: relative
}

.sectionBox-5 h4 {
	color: #000;
	padding-right: 70px;
	font-size: 25px;
	position: relative;
	display: inline-block
}

.sectionBox-5 h4:after {
	background-color: #aaa;
	background-image: linear-gradient(90deg, var(--theme-color1), var(--theme-color1-lighter));
	top: 50%;
	border-radius: 10px;
	content: "";
	height: 2px;
	right: 0;
	transform: translateY(-50%);
	margin-top: 0;
	position: absolute;
	width: 55px
}

.sliderArrowDs-1 .owl-nav button:before,
.sliderArrowDs-1 a.btnPs {
	color: #323232;
	background: #fff;
	width: 34px;
	height: 34px;
	font-size: 16px
}

.single-project-style-one {
	position: relative;
	border: 1px solid #eae8f1;
	background: #fff;
	padding: 15px;
	-webkit-box-shadow: 6px 11px 41px -28px #796eb1
}

.single-project-style-one .image-block .overlay {
	overflow: hidden;
	z-index: 1
}

.single-project-style-one .image-block .overlay .box {
	display: table;
	width: 100%;
	height: 100%
}

.single-project-style-one .image-block .overlay .box .content {
	display: table-cell;
	vertical-align: bottom;
	padding-right: 0
}

.single-project-style-one .image-block .overlay .box .content .inner-content {
	transition: .4s;
	display: block
}

.single-project-style-one .image-block .overlay .box .content h3,
.single-project-style-one .image-block .overlay .box .content p {
	margin: 0
}

@media (max-width:1280px) {
	.single-project-style-one .image-block .overlay .box .content {
		padding-right: 0
	}

	.single-project-style-one .image-block .overlay .box .content h3 {
		font-size: 20px
	}
}

.single-project-style-one .image-block .overlay .box .content h3 {
	color: #000;
	font-size: 14px;
	font-weight: 400;
	transition: .4s
}

.single-project-style-one .image-block .overlay .box .content p {
	color: grey;
	font-size: 13px;
	line-height: 30px;
	margin-top: 0;
	margin-bottom: 0
}

.single-project-style-one:hover .image-block .overlay .box .content .inner-content {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.sliderArrowDs-1 a.btnPs {
	line-height: 34px;
	border-radius: 5px;
	position: absolute;
	text-align: center;
	right: 175px;
	top: -2px;
	border: 1px solid #ccc
}

.sliderArrowDs-1 .owl-nav {
	position: absolute;
	width: 100%;
	top: -54px
}

.sliderArrowDs-1 .owl-nav button {
	position: absolute;
	top: 0;
	color: #757575;
	width: 36px;
	height: 34px;
	overflow: hidden
}

.sliderArrowDs-1 .owl-nav button.owl-prev {
	right: 124px
}

.sliderArrowDs-1 .owl-nav button.owl-next {
	right: 83px
}

.sliderArrowDs-1 .owl-nav button:before {
	font-family: "Font Awesome 5 Free";
	border: 1px solid #ccc;
	font-weight: 900;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	transition: .5s
}

.sliderArrowDs-1 .owl-nav button:hover:before {
	background: #ffc404;
	border: 1px solid #ffc404;
	color: #000
}

.viewAllBtn {
	position: absolute;
	right: 10px;
	top: 0;
	display: inline-block
}

.viewAllBtn a {
	background: #162f6a;
	color: #fff;
	font-size: 14px
}

.sectionTwo .owl-carousel .owl-stage-outer {
	padding: 27px 0 0
}

.sectionTwo .single-project-style-one {
	background: #fff;
	height: 205px
}

.bg-12 {
	background: #162f6a
}

.sectionTwo .PerformanceBoardArea {
	text-align: center;
	padding: 0 15px;
	background: #162f6a;
	overflow: hidden;
	background: linear-gradient(90deg, #162f6a 0, #162f6a 30%, #f2f2f2 30%, #f2f2f2 100%);
	height: 305px
}

.sectionTwo .PerformanceBoardArea h6 {
	margin: 40px 0 10px;
	padding: 0;
	font-size: 22px;
	color: #162f6a;
	font-weight: 600
}

.sectionTwo .PerformanceBoardArea h3,
.sectionTwo .PerformanceBoardArea h4,
.tenderBoxArea h3 {
	margin: 0 0 10px;
	padding: 0;
	font-size: 14px
}

.sectionTwo .PerformanceBoardArea p {
	margin: 0 -15px;
	padding: 5px;
	font-size: 14px;
	line-height: 18px;
	background: #f0f0f0
}

.sectionTwo .PerformanceBoardArea .numberArea {
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-weight: 600;
	border-radius: 50%;
	background: #162f6a;
	color: #fff;
	text-align: center;
	font-size: 30px;
	overflow: hidden;
	position: absolute;
	top: -20px;
	left: 50%;
	margin-left: -25px
}

.sectionTwo .PerformanceBoardArea .owl-nav button {
	position: absolute;
	top: 125px;
	color: #757575;
	width: 30px;
	height: 26px;
	overflow: hidden
}

.sectionTwo .PerformanceBoardArea .owl-nav button.owl-prev {
	left: -17px
}

.sectionTwo .PerformanceBoardArea .owl-nav button.owl-next {
	right: -10px
}

.sectionSl-01 .owl-nav button:before,
.sectionTwo .PerformanceBoardArea .owl-nav button:before {
	font-family: "Font Awesome 5 Free";
	color: #323232;
	border: 1px solid #ccc;
	background: #fff;
	width: 24px;
	font-weight: 900;
	height: 24px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 5px;
	font-size: 16px;
	transition: .5s
}

.sectionTwo .PerformanceBoardArea a.btnPs {
	width: 25px;
	height: 25px;
	line-height: 25px;
	color: #fff;
	border-radius: 50px;
	position: absolute;
	font-size: 11px;
	left: 10px;
	background: #162f6a;
	bottom: 3px;
	border: 1px solid #fff
}

.PerformanceLeftArea {
	padding: 10px
}

.PerformanceLeftArea h5 {
	color: #fff;
	margin: 20px 0;
	padding: 0
}

.PerformanceLeftArea a {
	color: #fff;
	padding: 7px 11px;
	font-size: 14px;
	border: 2px solid #ffff;
	border-radius: 30px
}

.PerformanceLeftArea a:hover {
	color: #000;
	background-color: #f93
}

.profileBtn:hover,
.rightMenuBar ul li a.is-selected,
.rightMenuBar ul li a:hover,
.rightMenuBar ul>li.active>a,
.sectionSl-01 .todoLink a {
	background: #162f6a;
	color: #fff
}

.profileBtn {
	color: #9b9b9b;
	padding: 4px 20px;
	border: 1px solid #c8c8c8;
	line-height: 21px;
	border-radius: 30px;
	display: inline-block !important
}

.border-1 {
	border: 1px solid #d9d9d9 !important
}

.boxAn-01 {
	width: 120%;
	margin-top: -66px;
	margin-left: -50px;
	opacity: .8;
	animation: 30s linear infinite spin
}

.overFlow {
	overflow-y: scroll;
	height: 70vh
}

@-webkit-keyframes spin {
	0% {
		-moz-transform: rotateZ(0);
		-webkit-transform: rotateZ(0);
		-o-transform: rotateZ(0);
		-ms-transform: rotateZ(0)
	}

	100% {
		-moz-transform: rotateZ(360deg);
		-webkit-transform: rotateZ(360deg);
		-o-transform: rotateZ(360deg);
		-ms-transform: rotateZ(360deg)
	}
}

@keyframes spin {
	0% {
		-moz-transform: rotateZ(0);
		-webkit-transform: rotateZ(0);
		-o-transform: rotateZ(0);
		-ms-transform: rotateZ(0)
	}

	100% {
		-moz-transform: rotateZ(360deg);
		-webkit-transform: rotateZ(360deg);
		-o-transform: rotateZ(360deg);
		-ms-transform: rotateZ(360deg)
	}
}

.newsBoxAreaSd marquee i.fa {
	color: #162f6a;
	padding: 0 8px
}

.topRightHeader .dropdown>a img:hover {
	filter: brightness(.5) invert(1)
}

.sectionSl-01 {
	padding: 0;
	background: #fff
}

.sectionSl-01 .boxSd {
	box-shadow: 0 11px 21px #d4d8e4
}

.sectionSl-01 .boxSd .quickArea {
	background: #fff;
	width: 158px;
	font-size: 15px;
	font-weight: 700
}

.sectionSl-01 .boxSd .quickArea img {
	width: 30px;
	margin-right: 5px
}

.sectionSl-01 .boxSd ul.quickAccessLink li {
	position: relative;
	display: inline-block;
	padding-left: 13px;
	margin-right: 15px
}

.sectionSl-01 .boxSd ul.quickAccessLink li:after {
	position: absolute;
	left: 0;
	top: 19px;
	width: 8px;
	height: 8px;
	border: 1px solid #333;
	border-radius: 50px;
	content: ''
}

.sectionSl-01 .boxSd ul.quickAccessLink li a {
	display: block;
	color: #000;
	font-size: 12px;
	font-weight: 500;
	padding: 10px 1px
}

.sectionSl-01 .todoLink a {
	padding: 10px;
	width: 100%;
	display: block;
	border-radius: 15px;
	font-size: 14px;
	line-height: 20px;
	height: 60px;
	border: 1px solid #d2d7e4
}

.sectionSl-01 .owl-nav button {
	position: absolute;
	top: 19px;
	color: #757575;
	width: 30px;
	height: 26px;
	overflow: hidden
}

.headerHd {
	font-weight: 700;
	padding-left: 50px;
	font-size: 21px
}

.mapSection.sectionFour {
	background: #fff;
	padding: 30px 0
}

.mapSection.sectionFour .mapSectionArea {
	background: #f2f0ff;
	padding: 3px;
	position: relative
}

.mapSection.sectionFour .mapSectionArea .dotPanel {
	width: 10px;
	height: 10px;
	border-radius: 50px;
	position: absolute;
	left: 370px;
	top: 150px;
	content: '';
	background: #000
}

.mapSection.sectionFour .mapSectionArea .dotPanel.dotPg-1 {
	left: 370px;
	top: 150px
}

.mapSection.sectionFour .mapSectionArea .dotPanel.dotPg-2 {
	left: 411px;
	top: 173px
}

.mapSection.sectionFour .pressReleaseArea {
	padding: 15px 4px 4px;
	border-radius: 0
}

.mapSection.sectionFour .pressReleaseArea h3 {
	margin-bottom: 15px;
	padding: 0 5px
}

.mapSection.sectionFour .pressReleaseArea img {
	border: 0 solid #fff;
	border-radius: 0
}

.mapSection.sectionFour .pressReleaseArea .descriptionArea {
	background: #fff;
	padding: 10px;
	font-size: 14px;
	line-height: 19px;
	border-radius: 0
}

.mapSection.sectionFour .pressReleaseArea .owl-nav {
	top: -42px
}

.cityMapSection {
	padding: 30px 0;
	background: url('../images/bg5.jpg') center/cover #081028;
	overflow: hidden;
	position: relative;
	z-index: 1
}

.snow,
.snow:after,
.snow:before {
	position: absolute;
	top: -600px;
	left: 0;
	bottom: 0;
	right: 0;
	background-image: radial-gradient(6px 6px at 419px 450px, rgba(255, 255, 255, .8) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 65px 129px, rgba(255, 255, 255, .8) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 597px 164px, rgba(255, 255, 255, .6) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 200px 218px, rgba(255, 255, 255, .8) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 371px 40px, rgba(255, 255, 255, .8) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 560px 237px, rgba(255, 255, 255, .6) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 257px 538px, rgba(255, 255, 255, .8) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 45px 30px, rgba(255, 255, 255, .8) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 373px 321px, rgba(255, 255, 255, .8) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 400px 149px, rgba(255, 255, 255, .9) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 61px 103px, rgba(255, 255, 255, .6) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 172px 50px, rgba(255, 255, 255, .8) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 201px 137px, rgba(255, 255, 255, .8) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 197px 8px, #fff 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 48px 567px, rgba(255, 255, 255, .6) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 449px 115px, #fff 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 38px 94px, rgba(255, 255, 255, .6) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 309px 160px, #fff 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 306px 289px, rgba(255, 255, 255, .9) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 587px 537px, rgba(255, 255, 255, .7) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 501px 502px, rgba(255, 255, 255, .6) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 551px 269px, rgba(255, 255, 255, .8) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 13px 207px, rgba(255, 255, 255, .9) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 384px 136px, rgba(255, 255, 255, .8) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 552px 362px, rgba(255, 255, 255, .7) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 592px 301px, rgba(255, 255, 255, .7) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 412px 507px, rgba(255, 255, 255, .7) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 255px 543px, #fff 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 515px 38px, rgba(255, 255, 255, .8) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 492px 259px, rgba(255, 255, 255, .9) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 142px 414px, #fff 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 23px 16px, #fff 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 367px 199px, rgba(255, 255, 255, .7) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 435px 16px, rgba(255, 255, 255, .9) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 472px 22px, #fff 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 94px 221px, rgba(255, 255, 255, .8) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 195px 49px, rgba(255, 255, 255, .8) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 535px 362px, rgba(255, 255, 255, .7) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 462px 105px, #fff 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 352px 313px, rgba(255, 255, 255, .7) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 60px 438px, rgba(255, 255, 255, .9) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 545px 294px, #fff 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 153px 81px, rgba(255, 255, 255, .6) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 52px 564px, rgba(255, 255, 255, .7) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 506px 285px, rgba(255, 255, 255, .9) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 369px 490px, rgba(255, 255, 255, .8) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 27px 590px, rgba(255, 255, 255, .9) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 522px 236px, rgba(255, 255, 255, .9) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 125px 313px, rgba(255, 255, 255, .9) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 404px 288px, rgba(255, 255, 255, .9) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 70px 515px, rgba(255, 255, 255, .8) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 73px 401px, rgba(255, 255, 255, .6) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 594px 495px, rgba(255, 255, 255, .8) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 449px 538px, rgba(255, 255, 255, .7) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 332px 572px, #fff 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 218px 490px, #fff 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 311px 100px, rgba(255, 255, 255, .7) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 242px 170px, rgba(255, 255, 255, .7) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 502px 185px, #fff 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 277px 344px, rgba(255, 255, 255, .7) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 272px 94px, rgba(255, 255, 255, .6) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 415px 322px, rgba(255, 255, 255, .9) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 122px 510px, rgba(255, 255, 255, .9) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 310px 331px, rgba(255, 255, 255, .8) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 85px 76px, rgba(255, 255, 255, .9) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 447px 109px, #fff 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 134px 316px, #fff 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 458px 17px, rgba(255, 255, 255, .6) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 483px 170px, rgba(255, 255, 255, .8) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 39px 182px, rgba(255, 255, 255, .6) 50%, rgba(0, 0, 0, 0));
	background-size: 600px 600px;
	animation: 3s linear infinite snow;
	content: "";
	z-index: -3
}

.snow:after,
.snow:before {
	animation-direction: reverse
}

.snow:after {
	margin-left: -200px;
	opacity: .4;
	animation-duration: 6s;
	filter: blur(3px)
}

.snow:before {
	animation-duration: 9s;
	margin-left: -300px;
	opacity: .65;
	filter: blur(1.5px)
}

@keyframes snow {
	to {
		transform: translateY(600px)
	}
}

.cityMapSection .cityMapBox {
	padding: 20px;
	background: #fff;
	border-radius: 20px
}

.cityMapSection .container {
	position: relative;
	z-index: 9999
}

.cityMapSection .cityMapBox h4 {
	position: relative;
	font-weight: 600;
	font-size: 30px;
	margin: 0;
	padding: 6px 0 6px 10px;
	border-left: 4px solid #d24a02
}

.cityMapSection .cityMapBox h4 img {
	position: absolute;
	right: 0;
	top: -8px
}

.cityMapSection .cityMapBox .panelTextArea {
	width: 100%;
	font-size: 20px;
	line-height: 34px;
	font-weight: 600;
	margin-bottom: 15px
}

.cityMapSection .cityMapBox .panelTextArea span {
	display: block;
	font-size: 13px;
	line-height: 16px
}

.cityMapSection .cityMapBox .panelTextArea .panelImgAre {
	background: #d5e8fa;
	width: 55px;
	height: 55px;
	border-radius: 50px;
	padding: 7px
}

.cityMapSection .cityMapBox .panelTextArea.textOrange,
.section-09 .cityMapBox .panelTextArea.textOrange {
	color: #f27720
}

.cityMapSection .cityMapBox h5 {
	font-size: 16px;
	text-align: center;
	min-height: 40px;
	font-weight: 600
}

.cityMapSection .panelTextBottom {
	padding: 2px 10px 30px;
	background: #fff;
	border-radius: 20px
}

.cityMapSection .panelTextBottom h4 {
	margin: 0 0 5px;
	padding: 0;
	font-size: 16px;
	font-weight: 600
}

.cityMapSection .panelTextBottom ul li {
	font-size: 15px;
	line-height: normal
}

.cityMapSection .panelTextBottom .inputPanel {
	background: 0 0;
	border: 0;
	font-size: 13px
}

.cityMapSection .col:first-child .panelTextBottom {
	background: #f2c3d7;
	background: linear-gradient(36deg, #f2c3d7 0, #faf0f0 100%)
}

.cityMapSection .col:nth-child(2) .panelTextBottom {
	background: #e6e468;
	background: linear-gradient(36deg, #e6e468 0, #fafbd5 100%)
}

.cityMapSection .col:nth-child(3) .panelTextBottom {
	background: #91c09a;
	background: linear-gradient(36deg, #91c09a 0, #f1f7da 100%)
}

.cityMapSection .col:nth-child(4) .panelTextBottom {
	background: #b8ccf5;
	background: linear-gradient(36deg, #b8ccf5 0, #f2f8fd 100%)
}

.cityMapSection .col:nth-child(5) .panelTextBottom {
	background: #fbd488;
	background: linear-gradient(36deg, #fbd488 0, #fbe9da 100%)
}

.cityMapSection .col:nth-child(6) .panelTextBottom {
	background: #cdcdd4;
	background: linear-gradient(36deg, #cdcdd4 0, #fae7fc 100%)
}

.cityMapSection .col:nth-child(7) .panelTextBottom {
	background: #a3c6bb;
	background: linear-gradient(36deg, #a3c6bb 0, #e6f6e1 100%)
}

.projectsAreaNew .newsAreaBox table.table {
	border: 0;
	width: 100% !important
}

.projectsAreaNew .newsAreaBox table.table thead tr th,
table.table-1 thead tr th {
	border: 0;
	background: 0 0;
	font-weight: 700;
	color: #000;
	font-size: 18px;
	padding: 10px 5px 20px
}

.projectsAreaNew .newsAreaBox table.table tbody tr td,
table.table-1 tbody tr td {
	border: 0;
	border-bottom: 1px solid #a3cadb;
	font-size: 14px;
	padding: 8px 5px;
	color: #000;
	font-weight: 600
}

.projectsAreaNew .newsAreaBox table.table tbody tr td:first-child,
table.table-1 tbody tr td:first-child {
	border: 0
}

.projectsAreaNew .newsAreaBox table.table tbody tr td:last-child,
.projectsAreaNew .newsAreaBox table.table thead tr th:last-child,
table.table-1 tbody tr td:last-child,
table.table-1 thead tr th:last-child {
	text-align: right
}

.projectStBox.sectionFour .pressReleaseArea,
.projectsAreaNew .newsAreaBox table.table tbody tr:nth-child(2n),
.projectsAreaNew .searchFilterArea,
table.table-1 tbody tr:nth-child(2n) {
	background: 0 0
}

.projectsArea {
	padding: 60px 0
}

.projectsArea table.table,
table.table {
	width: 100%;
	border: 0;
	border-left: 1px solid #a3cadb;
	border-bottom: 1px solid #a3cadb;
	border-collapse: separate
}

.projectsArea table.table thead tr th {
	border: 0;
	background: #dbdbdb;
	font-weight: 700;
	color: #000;
	border-right: 1px solid #a3cadb;
	border-top: 1px solid #a3cadb
}

.projectStBox.sectionFour .item table tbody tr td,
.projectsArea table.table tbody tr td,
table.table tbody tr td {
	border: 0;
	border-right: 1px solid #a3cadb;
	border-top: 1px solid #a3cadb
}

.projectsArea table.table tbody tr td,
.projectsArea table.table thead tr th {
	padding: 5px;
	font-size: 14px;
	line-height: 18px
}

.projectStBox.sectionFour .item table tbody tr td a,
.projectsArea table.table tbody tr td a,
table.table tbody tr td a {
	color: #162f6a
}

.projectsArea table.table tbody tr:nth-child(2n) {
	background-color: #c9ecfb
}

.projectsAreaNew {
	padding: 40px 0
}

.projectsAreaNew .col-lg-2.projectsAreaNewLeft {
	width: 21%
}

.projectsAreaNew .col-lg-10.projectsAreaNewRight {
	width: 79%
}

.projectsAreaNew ul.nav-tabs {
	padding: 20px !important;
	border-radius: 20px;
	background: #c0c1cc;
	background: linear-gradient(0deg, #c0c1cc 0, #edddfa 100%)
}

.projectsAreaNew ul.nav-tabs.blueBg {
	background: #e7f5fb;
	background: linear-gradient(180deg, #e7f5fb 0, #5edee7 100%)
}

.projectsAreaNew ul.nav-tabs li {
	width: 100%;
	text-align: center;
	padding: 0 !important
}

.projectsAreaNew ul.nav-tabs li a.nav-link {
	display: block;
	background: #fff;
	color: #0a132f;
	font-size: 15px;
	border-radius: 50px
}

.projectsAreaNew.tabArea .tab-content {
	border: 0;
	background: 0 0;
	padding: 0 15px;
	box-shadow: none
}

.projectsAreaNew .searchFilterArea .inputPanel {
	padding: 9px 10px;
	background: #fbdacb;
	border: 1px solid #fbdacb;
	font-size: 14px;
	border-right: 7px solid #fbdacb;
	border-radius: 50px;
	width: 100%
}

.projectsAreaNewRight h6 {
	text-align: center;
	margin: 0 0 30px;
	font-weight: 600;
	font-size: 16px;
	line-height: 23px;
	padding: 0 10px;
	border-left: 5px solid #d45510
}

.projectsAreaNewRight .boxPanel-st {
	background: #c8cbcf;
	padding: 15px 40px;
	text-align: center
}

.filterBtn {
	background: #08a24e;
	border: 0;
	padding: 9px 15px;
	line-height: 18px;
	color: #fff;
	border-radius: 5px
}

ul.pagination .page-item.active .page-link,
ul.pagination .page-item:hover .page-link {
	z-index: 3;
	background: 0 0;
	border: 1px solid transparent;
	color: #32579b
}

.filterBtn:hover {
	background: #162e68
}

.videoSliderSection {
	background-color: #f2f0ff;
	box-shadow: 6px 11px 41px -28px #796eb1;
	-webkit-box-shadow: 6px 11px 41px -28px #796eb1;
	z-index: 9;
	position: relative;
	border-bottom: 15px solid #fff
}

.videoSliderSection .videoSliderBox {
	width: 100%;
	background: #fff;
	position: relative;
	margin: auto
}

.videoSliderSection .videoSliderBox .item {
	line-height: 0
}

.videoSliderSection .videoSliderBox .descriptionArea {
	position: absolute;
	background: rgba(0, 0, 0, .5);
	padding: 20px;
	bottom: 0;
	left: 0;
	color: #fff;
	font-size: 15px;
	line-height: 18px
}

.videoSliderSection .videoSlider .owl-nav {
	position: absolute;
	width: 100%;
	top: 50%
}

.videoSliderSection .videoSlider .owl-nav button {
	position: absolute;
	top: 0;
	color: #757575;
	width: 40px;
	height: 40px;
	overflow: hidden
}

.videoSlider .owl-nav button:before,
.videoSliderSection.newVideoSd button:before {
	color: #323232;
	font-weight: 900;
	display: flex;
	transition: .5s;
	background: #fff;
	font-family: "Font Awesome 5 Free"
}

.videoSliderSection .videoSlider .owl-nav button.owl-prev {
	left: 30px
}

.videoSliderSection .videoSlider .owl-nav button.owl-next {
	right: 30px
}

.videoSlider .owl-nav button:before {
	border: 1px solid #ccc;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	margin: 0 5px;
	font-size: 16px
}

.videoSliderSection.newVideoSd {
	background: #fff;
	border: 0;
	height: 100vh;
	overflow: hidden;
	top: 0;
	width: 100%
}

.videoSliderSection.newVideoSd .video {
	position: relative;
	height: 100vh
}

.videoSliderSection.newVideoSd .video .descriptionArea {
	position: absolute;
	width: 600px;
	text-align: justify;
	background: rgb(17 53 83 / 63%);
	padding: 20px;
	bottom: 50px;
	left: 50px;
	color: #fff;
	font-size: 15px;
	line-height: 18px
}

.videoSliderSection.newVideoSd .video .descriptionArea p {
	font-size: 15px;
	line-height: 25px
}

.videoSliderSection.newVideoSd .video video {
	width: 100%;
	min-height: 100vh
}

.videoSliderSection.newVideoSd button {
	position: absolute;
	top: 40%;
	color: #757575;
	padding: 0;
	background: #fff;
	font-size: 0;
	border: 0;
	border-radius: 50px;
	width: 40px;
	height: 40px;
	overflow: hidden;
	z-index: 999999
}

.videoSliderSection.newVideoSd button.slick-prev {
	left: 10px
}

.videoSliderSection.newVideoSd button.slick-next {
	right: 10px
}

.videoSliderSection.newVideoSd button:before {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	font-size: 27px
}

.projectMentionsSection {
	padding: 30px 0 50px
}

.projectBox,
.projectMentionsSection .projectMentionsBox a {
	color: #7e7e7e;
	display: block;
	background: #fff;
	border: 1px solid #dbe2eb;
	text-align: center;
	border-radius: 15px;
	padding: 15px 10px;
	box-shadow: 6px 11px 41px -28px #796eb1;
	-webkit-box-shadow: 6px 11px 41px -28px #796eb1;
	transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out
}

.projectMentionsSection .projectMentionsBox a img {
	margin-bottom: 5px;
	transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out
}

.projectMentionsSection .projectMentionsBox a h2 {
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-weight: 700;
	line-height: 34px;
	color: #000;
	transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out
}

.projectMentionsSection .projectMentionsBox a span {
	font-size: 14px;
	line-height: 20px;
	height: 33px;
	display: block;
	transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out
}

.projectMentionsSection .projectMentionsBox a:hover {
	color: #fff;
	background: #162f6a;
	border: 1px solid #162f6a;
	transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out
}

.projectMentionsSection .projectMentionsBox a:hover h2 {
	color: #fff029;
	transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out
}

.projectMentionsSection .projectMentionsBox a:hover img {
	-webkit-filter: invert(100%);
	filter: invert(100%);
	transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out
}

.projectPanelSt {
	background: #162f6a;
	border: 0 solid #fff;
	box-shadow: 0 11px 21px #d4d8e4;
	position: relative;
	z-index: 9
}

.projectStBox .AreaName {
	padding: 20px 0;
	text-align: center
}

.projectStBox .AreaName h2 {
	color: #fff;
	font-size: 30px;
	margin-bottom: 90px
}

.projectStBox .AreaName h3 {
	color: #fff;
	font-size: 24px;
	font-weight: 500;
	line-height: 40px
}

.projectStBox.sectionFour .item,
.searchFilterArea {
	background: #fff
}

.projectStBox.sectionFour .item h3 {
	background: #162e68;
	margin-bottom: 5px;
	padding: 5px 10px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	font-weight: 400
}

.projectStBox.sectionFour .item table {
	width: 100%;
	border: 0;
	border-left: 1px solid #a3cadb;
	border-bottom: 1px solid #a3cadb;
	margin-bottom: 5px
}

.projectStBox.sectionFour .item table thead tr th {
	border: 0;
	background: #162e68;
	color: #fff;
	border-right: 1px solid #a3cadb;
	border-top: 1px solid #a3cadb
}

.projectStBox.sectionFour .item table tbody tr td,
.projectStBox.sectionFour .item table thead tr th {
	padding: 5px;
	font-size: 13px;
	line-height: 16px
}

.projectStBox.sectionFour .item .mapLocations iframe {
	width: 100%;
	height: 180px
}

.projectStBox.sectionFour .pressReleaseArea .owl-nav {
	bottom: -9px;
	top: auto
}

.projectStBox.sectionFour .pressReleaseArea .owl-nav button:before {
	color: #162e68;
	border: 1px solid #162e68
}

.projectsArea.sliderArrowDs-1 .btnBox {
	position: absolute;
	top: 0;
	right: 0
}

.projectsArea.sliderArrowDs-1 .btnBox a.btnPs {
	right: 15px;
	top: -52px
}

.projectsArea.sliderArrowDs-1 .owl-nav button.owl-next {
	right: 42px;
	top: 3px
}

.projectsArea.sliderArrowDs-1 .owl-nav button.owl-prev {
	right: 83px;
	top: 3px
}

.thm-breadcrumb {
	display: flex;
	margin-bottom: 0;
	align-items: center
}

.thm-breadcrumb li {
	font-size: 13px;
	font-weight: 400;
	letter-spacing: .2em;
	color: #f5f5f5;
	text-transform: uppercase;
	line-height: 1;
	display: flex;
	align-items: center
}

.thm-breadcrumb li:not(:last-child)::after {
	content: '/';
	color: #f5f5f5;
	opacity: .6;
	position: relative;
	top: -1px;
	margin-left: 13px;
	margin-right: 13px
}

.thm-breadcrumb li a {
	opacity: .6;
	color: inherit
}

.thm-breadcrumb li span {
	display: block;
	line-height: 1;
	color: var(--thm-base)
}

.innerSection {
	padding: 40px 0 20px
}

.innerSection h1 {
	font-size: 25px;
	font-weight: 700;
	margin: 0;
	padding: 20px 0
}

.innerSection h5 {
	font-size: 13px;
	color: #000d76;
	font-weight: 700;
	margin: 0;
	padding: 10px 0;
	line-height: 28px
}

.innerSection .boxImgAreaLeft h3 {
	font-size: 17px;
	font-weight: 700;
	margin: 0;
	padding: 20px 0
}

.innerSection .textAreaPanel {
	background: #def5ff;
	padding: 30px;
	border-radius: 30px;
	display: table;
	width: 100%;
	text-align: justify
}

.innerSection .textAreaPanel h2 {
	font-size: 17px;
	font-weight: 500;
	margin: 0;
	padding: 20px 0;
	text-align: center
}

.innerSection .textAreaPanel h3 {
	font-size: 17px;
	font-weight: 500;
	margin: 0;
	padding: 0 0 13px;
	color: #000d76
}

.innerSection .textAreaPanel h3 strong {
	font-weight: 700
}

.innerSection .textAreaPanel h4 {
	font-size: 22px;
	line-height: 32px;
	color: #162f6a;
	font-weight: 700;
	margin: 0;
	padding: 20px 0;
	text-align: center
}

.innerSection .textAreaPanel h6 {
	font-size: 16px;
	font-weight: 500;
	margin: 0;
	padding: 20px 0;
	line-height: 28px
}

.innerSection .textAreaPanel p {
	font-size: 15px;
	color: var(--thm-color);
	line-height: 23px
}

.innerSection .textAreaPanel.tanderAreaBox .dateArea,
.innerSection .textAreaPanel.tanderAreaBox p {
	font-size: 16px;
	line-height: 30px;
	color: #4e4e4e
}

.innerSection .textAreaPanel .downloadArea .btn,
.innerSection .textAreaPanel.tanderAreaBox .downloadArea .btn,
.viewArea a {
	font-size: 19px;
	font-weight: 600;
	line-height: 30px;
	color: #162f6a
}

.innerSection .textAreaPanel .downloadArea i,
.innerSection .textAreaPanel.tanderAreaBox .downloadArea i {
	margin-right: 5px;
	color: #162f6a
}

.innerSection .single-shuffleHeading h5 {
	font-size: 14px;
	color: #454545;
	text-align: left;
	margin: 0;
	padding: 10px 0;
	line-height: 20px;
	font-weight: 400
}

.innerSection .textAreaPanel ol li {
	font-size: 16px;
	color: var(--thm-color);
	line-height: 23px;
	margin-bottom: 20px
}

.boxAreaPanel ul,
.innerSection .textAreaPanel ul {
	margin: 0 0 15px;
	padding: 0;
	list-style: none
}

.boxAreaPanel ul li,
.innerSection .textAreaPanel ul li {
	position: relative;
	padding-left: 20px;
	margin-bottom: 10px;
	font-size: 15px
}

.boxAreaPanel ul li::after,
.innerSection .textAreaPanel ul li::after,
ul.linkArea li::after {
	content: '\f105';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	left: 0;
	top: 0
}

.innerSection .textAreaPanel a,
.innerSection .textAreaPanel ul li a {
	font-size: 15px;
	color: #000d76;
	font-weight: 600
}

.btnViewAllAr a:hover,
.innerSection .textAreaPanel a:hover,
.innerSection .textAreaPanel ul li a:hover,
.viewArea a:hover {
	text-decoration: underline
}

.innerSection .dateArea {
	font-size: 19px;
	line-height: 30px;
	color: #4e4e4e
}

.innerSection .searchFilterArea {
	padding: 10px;
	background: #f3f3f3
}

.innerSection .searchFilterArea strong {
	font-weight: 400;
	font-size: 14px
}

.innerSection .searchFilterArea .filterBtn {
	background: #d9d9d9;
	border: 0;
	padding: 9px 15px;
	line-height: 18px;
	color: #474747;
	border-radius: 0
}

.innerSection .searchFilterArea .inputPanel {
	padding: 6px 5px;
	border: 1px solid #cacfe1;
	font-size: 14px;
	border-radius: 0;
	width: 100%
}

.innerSection .searchFilterArea .searchBtn {
	background: 0 0;
	position: absolute;
	left: 6px;
	top: 9px;
	border: 0;
	padding: 3px;
	font-size: 19px;
	line-height: 18px;
	font-weight: 600;
	color: #8f8a88;
	border-radius: 0
}

.innerSection .searchFilterArea .form-control {
	padding-left: 35px
}

.searchAreaBox .searchRegBox {
	border-bottom: 1px dotted #dcdcdc;
	padding: 3px 0;
	margin-bottom: 10px
}

.searchAreaBox .searchRegBox a {
	color: #174e99;
	font-weight: 500;
	font-size: 17px
}

.searchAreaBox .searchRegBox a:hover {
	color: #000;
	text-decoration: underline
}

.searchAreaBox .searchRegBox span {
	display: block;
	color: #66667f;
	font-size: 15px
}

.searchAreaBox .searchRegBox span i {
	color: #7e7e7e;
	margin-right: 5px
}

.searchAreaBox .form-control {
	padding: 20px 10px
}

.searchRegBox.NewsBoxSt,
.slider--vdo .slider__thumbs {
	padding-bottom: 20px
}

.viewArchiveArea a {
	color: #25579b;
	font-size: 18px;
	text-decoration: underline
}

.tenderBoxArea {
	padding: 15px;
	box-shadow: 0 10px 60px 0 rgba(0, 0, 0, .1);
	border: 1px solid #e5e5e5;
	margin-bottom: 20px
}

.tenderBoxArea p {
	margin: 0 0 10px;
	padding: 0;
	font-size: 16px;
	color: #000;
	line-height: 23px
}

.tenderBoxArea a.btn {
	padding: 6px 15px;
	background: #162f6a;
	border-radius: 5px;
	color: #fff;
	font-size: 13px
}

.tenderBoxArea.tanderPanel_datile img {
	width: 100%;
	border: 2px solid #dbdbdb;
	padding: 10px;
	margin: 20px 0
}

.tenderBoxArea.newsAreaSt img {
	width: 100%;
	border: 2px solid #dbdbdb;
	padding: 5px
}

.rightMenuBar {
	position: relative;
	padding: 10px;
	border-radius: 30px;
	background: #e8f0f4;
	z-index: 999
}

.rightMenuBar h3 {
	background: #162f6a;
	color: #fff;
	font-size: 18px;
	padding: 10px 15px;
	margin: 0
}

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

.formAreaBox .form-outline,
.rightMenuBar ul li {
	margin-bottom: 15px
}

.rightMenuBar ul li a {
	font-size: 15px;
	display: flex;
	line-height: 1.6em;
	color: var(--thm-color);
	transition: .5s;
	justify-content: space-between;
	align-items: center;
	font-weight: 600;
	padding: 15px 10px;
	border-radius: 15px;
	position: relative;
	background: #f6f6f6
}

.rightMenuBar ul li:hover a::after {
	text-shadow: none
}

.rightMenuBar ul li ul {
	background: #e7e7e7
}

.rightMenuBar ul li ul li a {
	font-size: 13px;
	padding-left: 40px
}

.rightMenuBar ul li ul li a:after {
	width: 8px;
	height: 8px;
	background: #000;
	border-radius: 50px;
	content: '';
	position: absolute;
	left: 23px;
	top: 15px;
	transition: .5s
}

.rightMenuBar ul li ul li a:hover:after {
	background: #fff;
	transition: .5s
}

.rightMenuBar ul li.has-submenu>a:before {
	content: '\f105';
	font-family: "Font Awesome 5 Free";
	font-size: 16px;
	font-weight: 600;
	position: absolute;
	right: 10px;
	top: 11px;
	transform: rotate(90deg);
	transition: .5s
}

.rightMenuBar ul li.has-submenu.arrow>a:before {
	transform: rotate(-90deg)
}

.rightMenuBar ul li.has-submenu.arrow>a {
	background: #162f6a;
	color: #fff
}

.rightMenuBar.stickyRightMenu ul li a {
	padding: 15px
}

nav.paginationBorder {
	border-top: 2px solid #d2d2d2;
	padding-top: 20px
}

ul.pagination li {
	padding: 0 !important;
	font-size: 14px;
	line-height: 18px;
	position: relative
}

ul.pagination li a {
	color: #000;
	display: flex;
	font-size: 16px;
	font-weight: 700;
	border: 1px solid transparent
}

ul.pagination li a:hover[aria-label=Next],
ul.pagination li a:hover[aria-label=Previous],
ul.pagination li a[aria-label=Next],
ul.pagination li a[aria-label=Previous] {
	border: 1px solid #2e5d84;
	font-size: 20px;
	border-radius: 10px !important
}

.boxAreaPanel-01 {
	padding: 15px;
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);
	border: 1px solid #e5e5e5;
	margin-bottom: 20px
}

.boxAreaPanel-01 h5 {
	font-size: 14px;
	text-align: center
}

.boxAreaPanel .boxImgArea h4 span,
.boxAreaPanel-01 h5 span {
	display: block;
	font-size: 13px
}

.boxAreaPanel {
	background: #def5ff;
	padding: 30px;
	border-radius: 30px
}

.boxAreaPanel .boxImgArea {
	float: left;
	padding: 9px;
	background: #cae6f3;
	text-align: center;
	margin: 0 15px 10px 0;
	border-radius: 10px
}

.boxAreaPanel .boxImgArea img {
	margin-bottom: 10px;
	width: 100%;
	border-radius: 10px
}

.boxAreaPanel .boxImgArea h4 {
	font-size: 14px
}

.boxAreaPanel h2 {
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: 700;
	color: #000d76
}

.boxAreaPanel h3,
.boxAreaPanel h6 {
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: 700
}

.boxAreaPanel h4 {
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: 700
}

.boxAreaPanel h6 span {
	display: block;
	font-size: 15px;
	padding-top: 7px;
	font-weight: 500
}

.boxAreaPanel h5 {
	margin: 10px 0 0;
	padding: 0;
	font-size: 15px;
	font-weight: 500
}

.boxAreaPanel h5 span {
	display: block;
	font-size: 13px;
	padding-top: 0;
	font-weight: 500
}

.boxAreaPanel.addressBox p {
	margin: 0 0 2px;
	padding: 0;
	font-size: 15px
}

.boxAreaPanel.addressBox p i {
	color: #162f6a;
	margin-right: 5px
}

.boxAreaPanel.lineArea h6 {
	border-bottom: 2px dotted #c3c3c3;
	padding-bottom: 5px
}

.boxAreaPanel.lineArea h6:last-child {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0
}

.boxAreaPanel.lineArea .col-lg-6:first-child {
	border-right: 2px dotted #c3c3c3
}

.aboutAreaBox .col-lg-2,
.innerSection.colArea-5 .col-lg-3 {
	width: 20%
}

.boxAreaPanel p {
	margin: 0 0 15px;
	padding: 0;
	font-size: 15px;
	line-height: 24px
}

.boxAreaPanel p a:hover {
	color: #0041ff
}

.boxAreaPanel ol {
	margin: 0 0 15px;
	padding: 0;
	list-style-position: inside
}

.boxAreaPanel ol li {
	position: relative;
	padding-left: 0;
	margin-bottom: 10px;
	font-size: 15px
}

.boxAreaPanel ol ul,
.boxAreaPanel ul ul {
	margin-left: 15px;
	margin-top: 10px
}

ul.linkArea li {
	position: relative;
	padding-left: 20px;
	margin-bottom: 10px
}

table.table thead tr th {
	border: 0;
	background: #162f6a;
	font-weight: 700;
	color: #fff;
	border-right: 1px solid #a3cadb;
	border-top: 1px solid #a3cadb
}

table.table tbody tr td,
table.table thead tr th {
	padding: 5px;
	font-size: 15px;
	line-height: 18px
}

.searchFilterArea .inputPanel {
	padding: 6px 5px;
	border: 1px solid #cacfe1;
	font-size: 14px;
	border-radius: 5px;
	width: 100%
}

table.table tbody tr:nth-child(2n) {
	background-color: #a3cadb
}

.projectBox h2 {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 30px;
	color: #000;
	transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out
}

.projectBox span {
	font-size: 14px;
	line-height: 17px;
	height: 33px;
	color: #333;
	display: block;
	transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out
}

.projectBox img {
	margin-bottom: 5px;
	width: auto !important;
	display: inline-block !important;
	transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out
}

.projectDetailSection h2 {
	margin-bottom: 15px;
	font-size: 22px
}

.projectDetailSection .projectDetailsBox {
	margin-bottom: 25px;
	color: #7e7e7e;
	display: block;
	background: #fff;
	border: 1px solid #dbe2eb;
	text-align: center;
	border-radius: 0;
	padding: 0;
	box-shadow: 6px 11px 41px -28px #796eb1;
	-webkit-box-shadow: 6px 11px 41px -28px #796eb1
}

.projectDetailSection .projectDetailsBox h3 {
	background: #f1f5fe;
	margin-bottom: 5px;
	padding: 10px;
	color: #31597e;
	font-weight: 600;
	font-size: 16px;
	text-align: center;
	border-bottom: 1px solid #dbe2eb
}

.projectDetailSection .projectDetailsBox .projectDetailsPanel {
	padding: 15px;
	font-size: 16px;
	line-height: 22px;
	font-weight: 600;
	color: #000
}

.headingArea {
	background: #162f6a;
	color: #fff;
	font-size: 18px;
	padding: 10px 15px;
	line-height: 20px;
	margin: 0 0 15px
}

.formAreaBox label {
	display: block;
	font-size: 15px;
	margin-bottom: 5px
}

.formAreaBox label span {
	color: #f9240e
}

.form-control {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	-webkit-appearance: revert;
	-moz-appearance: revert;
	appearance: revert;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.redoBtn {
	border: 0;
	background: #162f6a;
	color: #fff;
	border-radius: 5px
}

.preview {
	background-image: url('public/themes/w3cms/embassy-of-india/assets/images/captcha_1.jpg');
	background-size: cover
}

.headingArea.hed-2 {
	background: #d6e6ed;
	color: #000;
	font-weight: 600;
	font-size: 17px;
	margin-bottom: 0
}

.boardMemberBox .boxAreaPanel {
	background: #def5ff;
	padding: 13px;
	border-radius: 0 0 30px 30px
}

.slider--vdo .slider__main .item__video {
	width: 100%;
	height: auto;
	padding-bottom: 56.25%;
	position: relative
}

.slider--vdo .slider__main .item__video iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 100%;
	width: 100%;
	height: 100%
}

.bottom-footer ul li:last-child:after,
.highcharts-credits,
.slider--vdo .slider__main .item.slick-current .item-video__video:after,
.slider--vdo .slider__main .item__video:after {
	display: none
}

@media screen and (min-width:1200px) {
	.slider--vdo .slider__main .item__video:after {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, .5);
		z-index: 3;
		cursor: move
	}
}

.slider--vdo .slider__thumbs .item {
	padding: 20px 10px;
	width: 275px
}

.slider--vdo .slider__thumbs .item__thumb {
	cursor: pointer;
	padding-bottom: 56.25%;
	position: relative;
	width: 100%;
	border: 1px solid transparent
}

.slider--vdo .slider__thumbs .item__thumb img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff
}

.slider--vdo .slider__thumbs .item__caption {
	display: block;
	width: 100%;
	height: 22px;
	line-height: 22px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	margin-top: 10px
}

.slider--vdo .slider__thumbs .item.active .item__thumb {
	border-color: #000
}

.slider--vdo .slider .slick-dots li button {
	background: #ddddd8
}

.breadcrumbArea {
	border-bottom: 1px solid #a7a7a7
}

.breadcrumbArea .breadcrumb {
	margin: 0;
	padding: 5px 30px
}

.breadcrumbArea .breadcrumb li {
	font-size: 14px;
	color: #606cb3
}

.breadcrumbArea .breadcrumb li a {
	color: #424142
}

.breadcrumbArea .breadcrumb li a:hover {
	color: #606cb3
}

.breadcrumb-item+.breadcrumb-item::before {
	float: left;
	padding-right: .5rem;
	color: #6c757d;
	content: var(--bs-breadcrumb-divider, ">")
}

.pressSliderArea {
	width: 90%;
	margin: auto auto 20px
}

.pressSliderArea .bx-wrapper {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0;
	background: #fff;
	margin: 0 0 20px;
	padding: 0
}

.pressSliderArea ul.pressSlider li {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0
}

.pressSliderArea .press-pagerArea a {
	display: inline-block;
	width: 100px
}

.pressSliderArea .press-pagerArea a img {
	width: 100%;
	height: 80px
}

.fancybox-container,
.modal {
	z-index: 99999
}

.eamProfilePhoto {
	position: relative;
	margin-top: 10px
}

.eamProfilePhoto img {
	border: 1px solid #ccc;
	padding: 7px;
	background: 0 0;
	border-radius: 15px
}

.eamProfilePhoto::after {
	position: absolute;
	left: 25px;
	top: -10px;
	right: -10px;
	bottom: -10px;
	content: "";
	background-color: #ccc;
	z-index: -5;
	border-radius: 15px;
	display: none
}

.eamProfilePhoto .single-shuffle .ssf-hover img {
	border: 0;
	padding: 0;
	background: 0 0;
	border-radius: 0
}

.eamProfilePhoto .single-shuffle .ssf-hover,
.eamProfilePhoto .single-shuffle .ssf-hover:before {
	border-radius: 10px
}

.aboutAreaBox .col-lg-10 {
	width: 80%
}

.hoverEff-1 {
	overflow: hidden;
	position: relative
}

.hoverEff-1:hover:after {
	position: absolute;
	width: 100%;
	color: #fff;
	padding-top: 45px;
	font-size: 30px;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .4);
	text-align: center;
	content: ''
}

.hoverEff-1.imgIcon:hover:before,
.hoverEff-1:hover:before {
	background: #fff;
	margin-top: -20px;
	margin-left: -20px;
	border-radius: 50%;
	color: #ff4e07;
	left: 50%;
	top: 50%;
	line-height: 40px;
	width: 40px;
	height: 40px;
	position: absolute;
	font-weight: 700;
	z-index: 1;
	font-family: "Font Awesome 5 Free";
	text-align: center
}

.hoverEff-1:hover:before {
	content: '\f04b';
	padding-left: 5px
}

.hoverEff-1.imgIcon:hover:before {
	content: '\f0c1';
	padding-left: 0
}

header.header .headerSocial ul li.twitter {
	background: 0 0;
	width: 40px;
	height: 40px;
	line-height: 38px;
	border-radius: 50px;
	border: 1px solid #000
}

header.header .headerSocial ul li.twitter:hover {
	background: #000
}

header.header .headerSocial ul li.twitter img:hover {
	filter: brightness(10) invert(0)
}

.footer-widget__social a img.twitter {
	filter: brightness(3) invert(1)
}

header.header .headerSocial ul li.twitter img {
	margin-top: -5px
}

.innerSection .textAreaPanel ul.pagination {
	border: 0;
	border-top: 1px solid #a3cadb;
	border-bottom: 1px solid #a3cadb
}

.innerSection .textAreaPanel ul.pagination li {
	border: 0;
	margin: 0
}

.innerSection .textAreaPanel ul.pagination li a {
	border: 0;
	margin: 0;
	border-right: 1px solid #a3cadb;
	border-left: 1px solid #a3cadb;
	background: 0 0
}

header.header .headerSocial ul li.twitter a {
	background: 0 0 !important
}

.boardMemberBox {
	margin-bottom: 25px
}

.topMenuBar {
	background: #def5ff;
	width: 100%;
	padding: 15px 0 15px 30px;
	margin-bottom: 15px
}

.topMenuBar ol {
	margin: 0;
	padding: 0;
	display: table;
	width: 100%
}

.topMenuBar.contactTab ol {
	display: flex
}

.topMenuBar ol li {
	float: left;
	width: 25%;
	padding-right: 38px;
	line-height: 18px;
	margin-bottom: 10px
}

.hoverEff-6 a:after {
	position: absolute;
	width: 290;
	height: 160;
	background: rgba(0, 0, 0, .5);
	content: '';
	left: 0;
	top: 0;
	display: block;
	opacity: 0;
	transition: .2s ease-in-out
}

.hoverEff-6 a:hover:after {
	position: absolute;
	text-align: center;
	padding-top: 270px;
	width: 100%;
	opacity: 1;
	transition: .2s ease-in-out;
	height: 100%;
	content: '\f002';
	font-size: 30px;
	color: #fff;
	font-family: "Font Awesome 5 Free";
	font-weight: 900
}

@media all and (min-width:768px) {
	.fancybox-thumbs {
		top: auto;
		width: auto;
		bottom: 0;
		left: 0;
		right: 0;
		height: 95px;
		padding: 10px 10px 5px;
		box-sizing: border-box;
		background: rgba(0, 0, 0, .3)
	}

	.fancybox-thumbs .fancybox-thumbs__list {
		margin: auto
	}

	.fancybox-container.fancybox-show-thumbs .fancybox-caption {
		display: none !important
	}

	.fancybox-show-thumbs .fancybox-inner {
		right: 0;
		bottom: 95px
	}
}

.tabDesign-1>div>ul.nav-tabs {
	border: 0;
	padding: 10px 20px !important;
	border-radius: 50px;
	background: #9aaaba;
	background: linear-gradient(180deg, #9aaaba 0, #82b1c0 11%, #1792a5 100%)
}

.tabDesign-1>div>ul.nav-tabs li {
	width: auto
}

.tabDesign-1>div>ul.nav-tabs li a {
	border-radius: 50px;
	line-height: 28px !important;
	background: #000;
	color: #fff;
	font-weight: 700;
	border: 0;
	padding: .5rem 1rem !important
}

.tabDesign-1>div>ul.nav-tabs li a.active,
.tabDesign-1>div>ul.nav-tabs li a:hover {
	background: #fff;
	color: #000;
	font-weight: 700;
	border: 0
}

.tabDesign-1 .cityBoxPanel {
	width: 100%;
	position: relative;
	overflow: hidden
}

.tabDesign-1 .cityBoxPanel .cityBoxBg-1 {
	background: #bcbded;
	background: linear-gradient(180deg, #bcbded 0, #bcbded 25%, #c7d9f8 25%, #c7d9f8 100%)
}

.tabDesign-1 .cityBoxPanel .cityBoxBg-2 {
	background: #bcbded;
	background: linear-gradient(180deg, #bcbded 0, #bcbded 80%, #d5e4f8 80%, #d5e4f8 100%)
}

.tabDesign-1 .cityBoxPanel .cityBoxBg-3 {
	background: #9adae6
}

.tabDesign-1 .cityBoxPanel .cityBoxBg-4 {
	background: #bafffc
}

.tabDesign-1 .cityBoxPanel .cityBoxBg-5 {
	background: #c7d9f8
}

.tabDesign-1 .cityBoxPanel .cityPanel {
	height: 250px;
	padding: 15px 10px;
	position: relative
}

.tabDesign-1 .cityBoxPanel .cityPanel h4 {
	margin: 0 0 5px;
	padding: 0;
	font-size: 15px;
	font-weight: 600
}

.tabDesign-1 .cityBoxPanel .cityPanel p {
	margin: 0;
	padding: 0;
	font-size: 13px
}

.tabDesign-1 .cityBoxPanel .cityPanel .cityLumbiniArea {
	position: absolute;
	width: 200px;
	height: 200px;
	left: -126px;
	bottom: -99px;
	background: #d5e4f8;
	transform: rotate(45deg);
	overflow: hidden
}

.tabDesign-1 .cityBoxPanel .cityPanel .cityLumbiniArea:after {
	width: 25px;
	height: 100px;
	position: absolute;
	transform: rotate(45deg);
	content: '';
	background: #bcbded;
	top: -46px
}

.tabDesign-1 .cityBoxPanel .cityPanel .cityLumbiniText {
	transform: rotate(-45deg);
	width: 200px;
	height: 103px;
	padding-left: 26px
}

.cityAreaTg-1:after {
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	left: -60px;
	content: '';
	border-top: 250px solid transparent;
	border-bottom: 0 solid transparent;
	border-right: 60px solid #bafffc
}

.madheshArea {
	background: #b1c5e1;
	padding: 10px;
	position: absolute;
	left: -110px;
	bottom: 0;
	width: 220px;
	font-size: 14px;
	text-align: center
}

.bottom-footer,
.projectsAreaNew.storiesTab .storiesTabList ul.nav-tabs li a.nav-link {
	font-size: 13px
}

.impactingVideoSection {
	width: 100%;
	background: url('../images/Scroll-4.gif') center/cover;
	padding: 20px 0 50px
}

.impactingVideoSection .boxPanel-41 {
	background: rgba(44, 71, 166, .7);
	padding: 91px;
	width: 50%
}

.impactingVideoSection .boxPanel-41 h4 {
	color: #fff;
	font-size: 20px;
	font-weight: 700
}

.impactingVideoSection .boxPanel-41 p {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	line-height: 27px
}

.impactingVideoSection .single-project-style-one {
	position: relative;
	border-radius: 0;
	background: rgba(50, 100, 139, .8);
	border: 0;
	padding: 15px;
	height: 271px;
	margin-bottom: 24px
}

.impactingVideoSection .single-project-style-one img {
	border-radius: 20px;
	width: 100%
}

.impactingVideoSection .single-project-style-one h3 a {
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	padding: 10px 0;
	display: block;
	color: #fff
}

.impactingVideoSection .single-project-style-one h3 a:hover {
	color: #fff !important
}

.impactingVideoSection.sliderArrowDs-1 .owl-nav button:before {
	font-family: "Font Awesome 5 Free";
	color: #323232;
	border: 0;
	background: 0 0;
	width: 34px;
	font-weight: 900;
	height: 34px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	font-size: 36px;
	transition: .5s
}

.impactingVideoSection.sliderArrowDs-1 .owl-nav button.owl-next {
	right: 50px
}

.impactingVideoSection.sliderArrowDs-1 a.btnPs {
	width: 34px;
	height: 34px;
	line-height: 34px;
	color: #323232;
	border-radius: 5px;
	position: absolute;
	font-size: 24px;
	text-align: center;
	right: 89px;
	background: 0 0;
	bottom: -31px;
	top: auto;
	border: 0
}

.impactingVideoSection.sliderArrowDs-1 .owl-nav button.owl-prev {
	right: 102px
}

.impactingVideoSection.sliderArrowDs-1 .hoverEff-1:hover:after {
	border-radius: 20px
}

.impactingVideoSection.sliderArrowDs-1 .owl-nav {
	position: absolute;
	width: 100%;
	top: auto;
	bottom: 4px
}

.btnViewAllAr {
	position: absolute;
	bottom: -30px;
	right: 0
}

.btnViewAllAr a {
	color: #001a3c;
	font-weight: 600
}

.section-11 {
	padding: 20px 0
}

.section-11 h2 {
	background: #f7fcff;
	margin-bottom: 0;
	border-radius: 50px;
	font-size: 22px;
	color: #000;
	display: inline-block;
	padding: 18px 30px
}

.section-11 h2 span {
	border-left: 4px solid #d45510;
	padding: 7px 10px;
	display: block
}

.section-11 .boxArea-11 {
	background: #f7fcff;
	border-radius: 30px;
	padding: 20px 40px
}

.section-11 .boxArea-11 .boxPanel-11 h4 {
	font-size: 17px;
	font-weight: 700
}

.section-11 .boxArea-11 .boxPanel-11 p {
	font-size: 15px;
	line-height: 22px
}

.section-11 .impactingLivesArea {
	background: #ddedfa;
	padding: 20px;
	border-radius: 20px;
	text-align: center
}

.section-11 .impactingLivesArea h4 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 15px
}

.impactingLivesArea .single-project-style-one {
	padding: 0;
	border-radius: 20px;
	overflow: hidden
}

.line-dot-1 {
	width: 100%;
	height: 1px;
	border-bottom: 1px dashed #000
}

.panelBox-21 .panelBoxBg {
	background: #f2f8ff;
	padding: 10px;
	border-radius: 30px
}

.panelBox-21 .panelBoxBg.boxItPadi {
	background: #f2f8ff;
	padding: 20px 10px;
	border-radius: 30px
}

.panelBox-21 .panelBoxBg h6 {
	border-left: 2px solid #d45510;
	padding: 0 0 0 10px;
	margin: 0;
	font-size: 20px
}

.panelBox-21 .inStPanel {
	border: 1px solid #c8d1db;
	border-radius: 5px;
	font-size: 14px;
	background: #f2f8ff;
	width: 100%
}

.panelBox-21 .panelBoxBg .ProjectsNoBox span {
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	display: inline-block;
	background: #d5e9fb;
	border-radius: 50px
}

.panelBox-21 .panelBoxBg .ProjectsNoBox span img {
	width: 30px
}

.panelBox-21 .panelBoxBg .ProjectsNoBox h5 {
	padding: 0 0 0 10px;
	margin: 0;
	font-size: 16px;
	font-weight: 600
}

.panelBox-21 .panelBoxBg .ProjectsNoBox h5 em {
	display: block;
	font-size: 12px;
	font-style: normal
}

.panelBox-21 .panelBoxBg .ProjectsNoBox.orangeCr {
	color: #f37d29
}

.panelBox-21 .panelBoxBg .imgSt-1 img {
	width: 55px;
	height: 55px;
	border-radius: 50px
}

.panelBox-21 .panelBoxBg .imgAreaName {
	line-height: 15px;
	font-size: 14px
}

.videoBoxArea {
	padding: 10px;
	background: #8f99ac;
	border-radius: 10px
}

.projectsAreaNew.storiesTab .storiesTabList ul.nav-tabs {
	position: absolute;
	padding: 0 !important;
	border-radius: 0;
	background: 0 0;
	width: 160px;
	top: 15px;
	left: 10px
}

.iconSection {
	background: #d4d9db;
	padding: 10px 0
}

.iconSection .iconBoxArea span {
	color: #ea7e1b;
	font-size: 14px;
	font-weight: 600
}

.iconSection .iconBoxArea img {
	width: 40px
}

.iconSection .iconBoxArea h6 {
	margin: 0;
	padding: 5px 0 0;
	color: #c13433;
	font-size: 14px;
	font-weight: 600
}

.testimonialPanel {
	background: #fff;
	padding: 20px;
	width: 700px;
	margin: auto
}

.testimonialPanel p {
	font-size: 15px;
	font-weight: 600
}

.testimonialPanel .testimonialBox {
	width: 500px;
	margin: auto;
	position: relative
}

.testimonialPanel .testimonialBox:after {
	position: absolute;
	left: -40px;
	top: -20px;
	font-size: 30px;
	color: #2b277b;
	content: '\f10d';
	font-family: "Font Awesome 5 Free";
	font-weight: 900
}

.testimonialPanel .testimonialBox:before {
	position: absolute;
	right: -40px;
	bottom: 30px;
	font-size: 30px;
	color: #2b277b;
	content: '\f10e';
	font-family: "Font Awesome 5 Free";
	font-weight: 900
}

.advisoryModal h6,
.section-40,
.section-40 h3 {
	font-weight: 600
}

.testimonialPanel .testimonialBox img {
	width: 100px;
	height: 100px;
	border-radius: 50px;
	margin-left: 20px;
	border: 5px solid #f0f0f0;
	float: right
}

.testimonialPanel .testimonialBox .otherName {
	font-size: 15px;
	padding-top: 10px;
	font-weight: 600
}

.modal-backdrop {
	z-index: 9999
}

.modal.modalClose .btn-close {
	position: absolute;
	width: 18px;
	height: 18px;
	right: 8px;
	font-size: 15px;
	font-weight: 800;
	line-height: 19px;
	top: 7px;
	background: #000;
	border-radius: 50px;
	opacity: 1;
	color: #fff;
	z-index: 1;
	box-shadow: 0 4px 8px rgb(0 0 0 / 39%);
	border: 4px solid #fff !important
}

.bottom-footer {
	color: #fff
}

.bottom-footer ul li {
	display: inline-block;
	font-size: 13px;
	margin-right: 15px;
	position: relative
}

.bottom-footer ul li:after {
	position: absolute;
	right: -11px;
	top: 5px;
	width: 1px;
	height: 60%;
	background: #fff;
	content: ''
}

.bottom-footer ul li a:hover {
	color: #f55e25
}

.sliderBannerPanel {
	position: relative;
	overflow: hidden
}

.sliderBannerPanel .owl-dots {
	position: absolute;
	bottom: 20px;
	left: 60px
}

.sliderBannerPanel .owl-dots button.owl-dot {
	width: 35px;
	height: 9px;
	background: rgba(255, 255, 255, .8);
	border-radius: 0;
	margin: 0 5px
}

.sliderBannerPanel .owl-dots button.owl-dot.active {
	background: #30c5ad
}

.sliderBannerPanel .owl-nav {
	position: absolute;
	bottom: 18px
}

.sliderBannerPanel .owl-nav button {
	position: absolute;
	overflow: hidden;
	width: 25px;
	height: 25px;
	background: #000
}

.sliderBannerPanel .owl-nav button:before {
	font-family: "Font Awesome 5 Free";
	color: #fff;
	font-weight: 900;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 27px;
	line-height: 27px;
	text-align: center;
	overflow: hidden;
	transition: .5s
}

.sliderBannerPanel .owl-nav button.owl-next {
	bottom: 0;
	left: 38px
}

.sliderBannerPanel .owl-nav button.owl-prev {
	bottom: 0;
	left: 236px
}

.single-project-style-one.two .image-block a img,
.sliderBannerPanel .projectSlider-1,
.sliderBannerPanel .projectSlider-1>section {
	height: 100%
}

.sliderAreaBox {
	padding: 40px 0;
	height: 100%
}

.sliderbg-1 {
	background: url('https://embassy-nepal.companydemo.in/storage/banners/01.jpg') center/cover
}

.sliderbg-2 {
	background: url('https://embassy-nepal.companydemo.in/storage/banners/02.jpg') center/cover
}

.sliderbg-3 {
	background: url('https://embassy-nepal.companydemo.in/storage/banners/03.jpg') center/cover
}

.sliderbg-4 {
	background: url('https://embassy-nepal.companydemo.in/storage/banners/04.jpg') center/cover
}

.sectionListArea .pointno-1 {
	color: #005d61;
	font-size: 30px;
	font-weight: 700;
	width: 300px;
	text-align: right;
	position: relative;
	margin-bottom: 20px
}

.sectionListArea .pointno-1 span {
	color: #134b83;
	font-size: 50px;
	vertical-align: middle;
	line-height: 50px;
	margin: 0 10px
}

.sectionListArea .pointno-1 .pointText-1 {
	position: absolute;
	display: grid;
	bottom: 0;
	height: 100%;
	left: 100%;
	white-space: nowrap;
	text-align: left;
	line-height: 100%;
	vertical-align: text-top
}

.sectionListArea .pointno-1 .pointText-1 .inr-1 {
	grid-row: 2
}

.section-40 h3 {
	color: #1b2949;
	font-size: 30px;
	line-height: 50px
}

.section-40 .poin-25,
.section-40 .poin-27 {
	color: #005d61;
	font-size: 30px;
	line-height: 40px
}

.section-40 .poin-25 span {
	font-size: 40px;
	vertical-align: middle;
	line-height: 50px
}

.section-40 h2 {
	color: #fff;
	font-size: 46px;
	line-height: 49px
}

.section-40 .poin-26 {
	color: #1b2949;
	font-size: 20px;
	line-height: 30px
}

.section-40 .noBox-3 {
	font-size: 30px;
	color: #b11574
}

.section-40 .noBox-3 span {
	display: block;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500
}

.section-50 {
	text-align: left
}

.section-50 .boxPanel-41 {
	background: rgba(44, 71, 166, .7);
	padding: 20px;
	width: 70%
}

.section-50 .boxPanel-41 h4 {
	color: #fff;
	font-size: 30px;
	font-weight: 700
}

.section-50 .boxPanel-41 p {
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	line-height: 27px
}

.section-09 .section-09HdPanel h2,
.section-09 .tabDesign-3 h2 {
	font-size: 30px;
	padding: 10px 0;
	color: #fff;
	border-bottom: 1px solid #c8cbcf
}

.keyMilestonArea .keyDetails h2,
.keyMilestonArea .keyHeading h2 {
	color: #04f5ff;
	font-weight: 800;
	text-align: center
}

.section-09 .innerTabPanel ul,
.section-09 .section-09HdPanel ul,
.section-09 .tabDesign-3 ul {
	margin: 0;
	padding: 0;
	border-bottom: 0;
	display: inline-block
}

.section-09 .section-09HdPanel ul li,
.section-09 .tabDesign-3 ul li {
	float: left;
	margin: 0 5px
}

.section-09 .section-09HdPanel ul li a {
	padding: 0 5px;
	font-size: 14px;
	line-height: 16px;
	color: #fff;
	border: 0;
	border-radius: 0
}

.section-09 .innerTabPanel ul li a.active,
.section-09 .innerTabPanel ul li a:hover,
.section-09 .section-09HdPanel ul li a.active,
.section-09 .section-09HdPanel ul li a:hover,
.section-09 .tabDesign-3 ul li a.active,
.section-09 .tabDesign-3 ul li a:hover {
	background: 0 0;
	color: #04f6ff;
	border: 0
}

.section-09 .tab-content .tab-pane {
	width: 100%;
	padding: 30px 0;
	position: relative
}

.section-09 .tab-content .tab-pane:after {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	left: 0;
	right: 0;
	content: ''
}

.section-09 .tab-content .tab-pane.tabBg-1 {
	background: url('../images/Scroll3.gif') center/cover
}

.section-09 .tab-content .tab-pane.tabBg-2 {
	background: url('https://embassy-nepal.companydemo.in/storage/banners/05.jpg') center/cover
}

.section-09 .developmentPanelBox .boxPanel-41 {
	background: rgba(26, 67, 104, .9);
	padding: 20px;
	width: 95%
}

.section-09 .developmentPanelBox .boxPanel-41 h4 {
	color: #fff;
	font-size: 25px;
	font-weight: 700
}

.section-09 .developmentPanelBox .boxPanel-41 p {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px
}

.section-09 .developmentPanelBox .boxPanel-51 h4 {
	color: #fcdbcb;
	font-size: 50px;
	font-weight: 600
}

.section-09 .developmentPanelBox .boxPanel-51 h4 span {
	font-size: 30px;
	font-weight: 600;
	vertical-align: middle
}

.section-09 .developmentPanelBox .boxPanel-51 p {
	color: #cad8d8;
	font-size: 20px;
	font-weight: 600
}

.section-09 {
	background: #022f5b;
	padding: 10px 0
}

.section-09 .innerTabPanel ul li {
	float: left;
	margin: 0 15px;
	text-align: center;
	font-size: 16px;
	color: #eba989;
	font-weight: 600
}

.section-09 .innerTabPanel ul li a {
	padding: 0 5px;
	font-size: 20px;
	line-height: 22px;
	color: #d5e9fb;
	font-weight: 600;
	border: 0;
	border-radius: 0;
	text-decoration: underline
}

.keydetailsArea.one .keyDetails::before,
.keydetailsArea.two .keyDetails::before {
	content: "";
	height: 30px;
	width: 30px;
	background: #d4540f;
	z-index: 99;
	border-radius: 100%;
	position: absolute
}

.keyMilestonArea {
	background: linear-gradient(359deg, #0d1633 52%, rgb(255 255 255) 192%)
}

.keydetailsArea.one {
	border-bottom: 2px solid #fff;
	margin-bottom: 35px;
	margin-top: 35px
}

.keyMilestonArea .keyDetails h2 {
	padding: 10px 0
}

.keyMilestonArea .keyContent p {
	color: #fff;
	font-size: 16px;
	font-weight: 600
}

.keydetailsArea.one .keyDetails,
.keydetailsArea.two .keyDetails {
	position: relative !important;
	display: flex;
	flex-direction: column;
	align-items: center
}

.keydetailsArea.one .keyDetails::before {
	bottom: -17px
}

.keydetailsArea.two .keyDetails::before {
	top: -51px
}

.sliderBannerPanel.keyMilestonArea .owl-nav button.owl-prev {
	bottom: 0;
	left: 196px
}

.section-09 .boxProjectArea {
	background: #fff;
	padding: 15px;
	display: inline-block;
	position: relative;
	border-radius: 10px;
	height: 240px
}

.section-09 .boxProjectArea ul li {
	font-size: 18px;
	color: #001f49;
	text-align: left;
	margin: 0 0 10px;
	position: static
}

.section-09 .boxProjectArea ul li:hover {
	color: #fb8d02
}

.section-09 .boxProjectArea ul li>div.cityMapBox {
	display: none;
	color: #000;
	background: #fff;
	width: 300px;
	height: 100%;
	border-radius: 20px;
	padding: 20px;
	position: absolute;
	left: 105%;
	top: 0
}

.section-09 .boxProjectArea .panelTextArea {
	width: 100%;
	font-size: 20px;
	line-height: 40px;
	font-weight: 600;
	margin-bottom: 10px
}

.section-09 .cityMapBox h4 {
	position: relative;
	font-weight: 600;
	font-size: 25px;
	margin: 0;
	padding: 6px 0 6px 10px;
	border-left: 4px solid #d24a02
}

.section-09 .cityMapBox .panelTextArea.textOrange a {
	color: #000;
	text-decoration: none;
	font-size: 18px;
	cursor: auto
}

.section-09 .cityMapBox .panelTextArea .panelImgAre {
	background: #d5e8fa;
	width: 60px;
	height: 60px;
	line-height: 25px;
	border-radius: 50px;
	padding: 10px
}

.section-09 .cityMapBox .panelTextArea span {
	font-size: 21px;
	line-height: 16px
}

.modal-body.text-center.new-prop>h6,
.modal-body.text-center.new-prop>p {
	font-size: 12px !important;
	font-style: initial !important;
	color: #858383 !important
}

.tableBgArea {
	background: #fff;
	padding: 20px;
	border-radius: 20px;
	width: 80%;
	margin: auto
}

table.table-1 {
	width: 100%;
	border: 0
}

.section-09 .tabDesign-3 ul li a {
	padding: 0 5px;
	font-size: 25px;
	font-weight: 600;
	text-decoration: underline;
	line-height: 16px;
	color: #832501;
	border: 0;
	border-radius: 0
}

.new-prop {
	border: 3px solid #000 !important;
	border-radius: 3px !important;
	font-style: inherit !important;
	box-shadow: 0 4px 8px rgb(0 0 0 / 39%) !important
}

.modal-body.text-center.new-prop>p {
	margin-bottom: 15px !important;
	line-height: normal !important
}

.modal-body.text-center.new-prop>p>a {
	text-decoration: underline;
	color: #858383 !important
}

.modal-body.text-center.new-prop>h6 {
	margin-bottom: 2px !important
}

#fix-owl-button.sliderArrowDs-1 .owl-nav button.owl-next,
#fix-owl-button.sliderArrowDs-1 .owl-nav button.owl-prev {
	top: -14px
}

.sectionFour .tabArea .tab-content {
	height: calc(100% - 40px)
}

section.video-wrapper {
	height: 100vh;
	width: 100vw;
	background: #000;
	position: fixed;
	z-index: 2;
	display: flex;
	align-items: center
}

section.video-wrapper>video {
	width: 100vw
}

.descriptionAreass {
	position: absolute;
	width: 450px;
	background: rgba(17, 53, 83, .9);
	padding: 20px;
	bottom: 50px;
	left: 50px;
	color: #fff;
	font-size: 15px;
	line-height: 18px
}

.dataTables_paginate {
	margin-top: 10px
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	box-sizing: border-box;
	display: inline-block;
	min-width: auto;
	line-height: 15px;
	padding: 5px 10px;
	margin-left: 2px;
	text-align: center;
	text-decoration: none !important;
	cursor: pointer;
	color: inherit !important;
	border: 1px solid transparent;
	border-radius: 2px;
	background: 0 0
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	border: 1px solid #6c89c0 !important;
	background: #6c89c0 !important;
	color: #fff !important
}

.sectionListArea.sliderAreaBox.sliderbg-1>img {
	object-fit: cover
}

a.hoverEff-1.imgIcon>img {
	height: 170px !important;
	object-fit: cover;
	aspect-ratio: 3/2
}

.single-project-style-one.two {
	height: 283px
}

.headingArea.text-center h2 {
	color: #fff;
	font-size: 17px;
	line-height: 12px;
	padding: 10px 0;
	margin: 0
}

p.mailFont {
	font-size: 11px !important
}

.sectionFour .pressReleaseArea.citizenAreabox{ background: #162f6a;}

.sectionFour .pressReleaseArea.citizenAreabox h4 {
       color: rgb(255, 255, 255);
    font-size: 18px;
    margin-bottom: 30px;
    position: relative;
	font-weight: 800;
}
.sectionFour .pressReleaseArea.citizenAreabox h4 a{font-size:14px;}
.sectionFour .pressReleaseArea.citizenAreabox ul{ list-style:none; margin:0px; padding:0px;}
.sectionFour .pressReleaseArea.citizenAreabox ul li {
    padding: 7px 0 7px 18px;
    font-size: 14px;
    line-height: 18px;
    position: relative;
}

.sectionFour .pressReleaseArea.citizenAreabox  ul li a {
    color: #fff;
    display: flex;
    font-size: 14px !important;
    word-spacing: 2px !important;
}
.sectionFour .pressReleaseArea.citizenAreabox  ul li a:hover{ color:#f46522;}
.sectionFour .pressReleaseArea.citizenAreabox  ul li:after {
    position: absolute;
    left: 0;
    top: 11px;
    width: 10px;
    height: 10px;
    border: 1px solid #f46522;
    background: #f46522;
    border-radius: 50px;
    content: '';
}








.sectionFour .pressReleaseArea.nvestmentAArea{ background:#fff; }

.sectionFour .pressReleaseArea.nvestmentAArea h4 {
     color: #000;
    font-size: 18px;
    margin-bottom: 30px;
    position: relative;
	font-weight: 800;
}

.sectionFour .pressReleaseArea.nvestmentAArea h4  a{ col#000; font-size:14px;}
.sectionFour .pressReleaseArea.nvestmentAArea ul{ list-style:none; margin:0px; padding:0px;}
.sectionFour .pressReleaseArea.nvestmentAArea ul li {
    padding: 7px 0 7px 18px;
    font-size: 14px;
    line-height: 18px;
    position: relative;
}

.sectionFour .pressReleaseArea.nvestmentAArea  ul li a {
    color: #000;
    display: flex;
    font-size: 14px !important;
    word-spacing: 2px !important;
}
.sectionFour .pressReleaseArea.nvestmentAArea  ul li a:hover{ color:#f46522;}
.sectionFour .pressReleaseArea.nvestmentAArea  ul li:after {
    position: absolute;
    left: 0;
    top: 11px;
    width: 10px;
    height: 10px;
    border: 1px solid #f46522;
    background: #f46522;
    border-radius: 50px;
    content: '';
}