@import 'https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700&display=swap';

*,

*:before,

*:after {

	box-sizing: inherit

}



* {

	scroll-behavior: inherit!important

}



html,

body {

	height: auto;

	width: 100%;

	margin: 0;

	padding: 0;

	overflow-x: hidden;

	box-sizing: border-box

}



body {

	font-family: rubik, sans-serif;

	font-style: normal;

	font-size: 16px;

	font-weight: 400;

	color: #666;

	line-height: 1.8

}



a {

	color: #14212b;

	display: inline-block

}



a,

a:active,

a:focus,

a:hover {

	outline: none;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

	text-decoration: none

}



a:hover {

	color: #0049d0

}



ul {

	margin: 0;

	padding: 0

}



li {

	list-style: none

}



h1,

h2,

h3,

h4,

h5,

h6 {

	color: #222d35;

	margin: 0;

	font-weight: 600;

	font-family: rubik, sans-serif;

	line-height: 1.2

}



h1 {

	font-size: 40px

}



h2 {

	font-size: 35px

}



h3 {

	font-size: 28px

}



h4 {

	font-size: 22px

}



h5 {

	font-size: 18px

}



h6 {

	font-size: 16px

}



p {

	margin: 0

}



.img,

img {

	max-width: 100%;

	-webkit-transition: all .3s ease-out 0s;

	-moz-transition: all .3s ease-out 0s;

	-ms-transition: all .3s ease-out 0s;

	-o-transition: all .3s ease-out 0s;

	transition: all .3s ease-out 0s;

	height: auto

}



label {

	color: #999;

	cursor: pointer;

	font-weight: 400

}



*::-moz-selection {

	background: #d6b161;

	color: #fff;

	text-shadow: none

}



::-moz-selection {

	background: #555;

	color: #fff;

	text-shadow: none

}



::selection {

	background: #555;

	color: #fff;

	text-shadow: none

}



*::-moz-placeholder {

	color: #999;

	font-size: 16px;

	opacity: 1

}



*::placeholder {

	color: #999;

	font-size: 16px;

	opacity: 1

}



.preloader {

	background: #fff;

	position: fixed;

	height: 100%;

	width: 100%;

	left: 0;

	top: 0;

	z-index: 9999

}



.loader {

	width: 40px;

	height: 40px;

	position: relative;

	top: calc(50% - 30px);

	left: calc(50% - 20px)

}



.loader-box-1,

.loader-box-2 {

	width: 100%;

	height: 100%;

	border-radius: 50%;

	background-color: #8cbc43;

	opacity: .6;

	position: absolute;

	top: 0;

	left: 0;

	animation: loader-bounce 2s infinite ease-in-out

}



.loader-box-2 {

	animation-delay: -1s

}



@keyframes loader-bounce {

	0%,

	100% {

		transform: scale(0)

	}

	50% {

		transform: scale(1)

	}

}



.ovrflow-hidden {

	overflow: hidden

}



.text-right {

	text-align: right

}



.space-between {

	display: flex;

	justify-content: space-between;

	align-items: center

}



.c-pd {

	padding: 0 7rem

}



.s-pd {

	padding: 0 12rem

}



.h-100 {

	height: 100%

}



.h-100vh {

	height: 100vh

}



.bg {

	background-color: #f8f8f8

}



.site-heading {

	margin-bottom: 50px

}



.site-title-tagline {

	text-transform: uppercase;

	font-weight: 500;

	font-size: 18px;

	color: #e20000;

	padding-left: 60px;

	position: relative

}



.site-title-tagline::before {

	content: "";

	position: absolute;

	width: 50px;

	height: 2px;

	top: 10px;

	left: 0;

	background: #fbcc26

}



.site-title {

	font-weight: 700;

	text-transform: capitalize;

	font-size: 40px;

	color: #222d35;

	margin-top: 5px;

	margin-bottom: 0

}



.site-title span {

	color: #f8d225

}



.site-heading p {

	font-size: 16px

}



.heading-divider {

	display: inline-block;

	position: relative;

	height: 4px;

	background-color: #000;

	width: 90px;

	overflow: hidden

}



.heading-divider:after {

	content: '';

	position: absolute;

	left: 0;

	top: -1.1px;

	height: 7px;

	width: 8px;

	background-color: #fff;

	-webkit-animation: heading-move 5s infinite linear;

	animation: heading-move 5s infinite linear

}



@-webkit-keyframes heading-move {

	0% {

		transform: translateX(-1px)

	}

	50% {

		transform: translateX(85px)

	}

	100% {

		transform: translateX(-1px)

	}

}



@keyframes heading-move {

	0% {

		transform: translateX(-1px)

	}

	50% {

		transform: translateX(85px)

	}

	100% {

		transform: translateX(-1px)

	}

}



.pb-140 {

	padding-bottom: 140px

}



.pd-50 {

	padding: 50px 0

}



.py-120 {

	padding: 120px 0

}



.pt-120 {

	padding-top: 120px

}



.pb-120 {

	padding-bottom: 120px

}



.pt-0 {

	padding-top: 0

}



.pt-10 {

	padding-top: 10px

}



.pt-20 {

	padding-top: 20px

}



.pt-30 {

	padding-top: 30px

}



.pt-40 {

	padding-top: 40px

}



.pt-50 {

	padding-top: 50px

}



.pt-60 {

	padding-top: 60px

}



.pt-70 {

	padding-top: 70px

}



.pt-80 {

	padding-top: 80px

}



.pt-90 {

	padding-top: 90px

}



.pt-100 {

	padding-top: 100px

}



.pb-0 {

	padding-bottom: 0

}



.pb-10 {

	padding-bottom: 10px

}



.pb-20 {

	padding-bottom: 20px

}



.pb-30 {

	padding-bottom: 30px

}



.pb-40 {

	padding-bottom: 40px

}



.pb-50 {

	padding-bottom: 50px

}



.pb-60 {

	padding-bottom: 60px

}



.pb-70 {

	padding-bottom: 70px

}



.pb-80 {

	padding-bottom: 80px

}



.pb-90 {

	padding-bottom: 90px

}



.pb-100 {

	padding-bottom: 100px

}



.mt-0 {

	margin-top: 0

}



.mt-10 {

	margin-top: 10px

}



.mt-20 {

	margin-top: 20px

}



.mt-30 {

	margin-top: 30px

}



.mt-40 {

	margin-top: 40px

}



.mt-50 {

	margin-top: 50px

}



.mt-60 {

	margin-top: 60px

}



.mt-70 {

	margin-top: 70px

}



.mt-80 {

	margin-top: 80px

}



.mt-90 {

	margin-top: 90px

}



.mt-100 {

	margin-top: 100px

}



.mb-0 {

	margin-bottom: 0

}



.mb-10 {

	margin-bottom: 10px

}



.mb-20 {

	margin-bottom: 20px

}



.mb-30 {

	margin-bottom: 30px

}



.mb-40 {

	margin-bottom: 40px

}



.mb-50 {

	margin-bottom: 50px

}



.mb-60 {

	margin-bottom: 60px

}



.mb-70 {

	margin-bottom: 70px

}



.mb-80 {

	margin-bottom: 80px

}



.mb-90 {

	margin-bottom: 90px

}



.mb-100 {

	margin-bottom: 100px

}



.mr-300 {

	margin-right: 300px

}



.ml-300 {

	margin-left: 300px

}



.pos-rel {

	position: relative;

	z-index: 1

}



.theme-btn {

	font-size: 16px;

	color: #fff;

	padding: 10px 30px;

	-webkit-transition: all .5s;

	transition: all .5s;

	text-transform: uppercase;

	position: relative;

	cursor: pointer;

	text-align: center;

	overflow: hidden;

	z-index: 1;

	border: none;

	border-radius: 4px;

	background: #e20000;

	box-shadow: 0 3px 24px rgb(0 0 0/10%)

}



.theme-btn::before {

	content: "";

	position: absolute;

	left: -1px;

	top: -1px;

	width: 0;

	height: 0;

	background: #1b1b1b;

	z-index: -1;

	border-radius: 4px;

	transition: all .4s ease-in-out;

	-webkit-transition: all .4s ease-in-out

}



.theme-btn:hover {

	color: #fff

}



.theme-btn:hover::before {

	width: 105%;

	height: 105%

}



.theme-btn2 {

	background: #1b1b1b

}



.theme-btn2::before {

	background: #8cbc43

}



.theme-btn i {

	margin-left: 8px

}



@media(min-width:1200px) {

	.container,

	.container-sm,

	.container-md,

	.container-lg,

	.container-xl {

		max-width: 1185px

	}

}



.grid-2 {

	display: grid;

	grid-gap: 3rem;

	grid-template-columns: repeat(2, 1fr)

}



.grid-3 {

	display: grid;

	grid-gap: 3rem;

	grid-template-columns: repeat(3, 1fr)

}



.grid-4 {

	display: grid;

	grid-gap: 3rem;

	grid-template-columns: repeat(4, 1fr)

}



.grid-5 {

	display: grid;

	grid-gap: 3rem;

	grid-template-columns: repeat(5, 1fr)

}



.grid-6 {

	display: grid;

	grid-gap: 3rem;

	grid-template-columns: repeat(6, 1fr)

}



.grid-px-2 {

	display: grid;

	grid-gap: 3rem;

	grid-template-columns: repeat(auto-fit, minmax(500px, 1fr))

}



.gap-0 {

	grid-gap: 0

}



.cs-gap-1 {

	grid-gap: 1rem

}



.cs-gap-2 {

	grid-gap: 2rem

}



.shape-1 {

	position: absolute;

	width: 150px;

	height: 150px;

	top: -75px;

	left: 70px;

	border-radius: 10px;

	border: 3px solid #000;

	transform: rotate(45deg)

}



.shape-1::before {

	content: "";

	position: absolute;

	background: #f7d746;

	left: 10px;

	top: 10px;

	right: 10px;

	bottom: 10px;

	border-radius: 10px

}



.shape-2 {

	position: absolute;

	width: 150px;

	height: 150px;

	bottom: -75px;

	right: 70px;

	border: 3px solid #000;

	transform: rotate(45deg);

	border-radius: 10px

}



.shape-2::before {

	content: "";

	position: absolute;

	background: #f7d746;

	left: 10px;

	top: 10px;

	right: 10px;

	bottom: 10px;

	border-radius: 10px

}



#scroll-top {

	display: none;

	position: fixed;

	bottom: 20px;

	right: 30px;

	z-index: 99;

	font-size: 22px;

	border: none;

	outline: none;

	background: #f7d746;

	color: #fff;

	cursor: pointer;

	width: 50px;

	height: 50px;

	border-radius: 4px;

	line-height: 50px;

	text-align: center;

	box-shadow: 0 3px 24px rgb(0 0 0/10%);

	transition: all .5s ease-in-out

}



.header-top {

	padding: 10px 0;

	position: relative;

	background: #f7d746;

	z-index: 2

}



.header-top::before {

	content: "";

	position: absolute;

	width: 420px;

	height: 101%;

	top: 0;

	right: 0;

	background: #e20000;

	z-index: -1;

	-webkit-clip-path: polygon(5% 0, 100% 0, 100% 100%, 0% 100%);

	clip-path: polygon(5% 0, 100% 0, 100% 100%, 0% 100%)

}



.header-top-wrapper {

	display: flex;

	align-items: center;

	justify-content: space-between

}



.header-top-contact ul {

	display: flex;

	align-items: center;

	gap: 25px

}



.header-top-contact ul li a {

	color: #000;

	font-weight: 400

}



.header-top-contact ul li a i {

	margin-right: 10px;

	color: #e20000

}



.header-top-contact ul li span {

	text-transform: uppercase;

	color: #e20000;

	font-weight: 500;

	font-size: 15px

}



.header-top-right {

	display: flex;

	align-items: center;

	gap: 15px

}



.header-top-social a {

	width: 30px;

	height: 30px;

	line-height: 30px;

	color: #f7d746;

	font-size: 16px;

	background: #fff;

	text-align: center;

	margin-left: 5px;

	border-radius: 50px;

	transition: all .5s ease-in-out

}



.header-top-social a:hover {

	background: #1b1b1b;

	color: #8cbc43

}



.header-top-account a {

	color: #fff;

	margin-right: 20px

}



.header-top-account a i {

	margin-right: 8px

}



@media all and (max-width:1199px) {

	.header-top-account {

		display: none

	}

	.header-top::before {

		width: 270px

	}

	.header-top::after {

		width: 260px

	}

	.header-top span {

		display: none

	}

}



@media all and (max-width:992px) {

	.header-top {

		display: none

	}

}



.main {

	margin-top: 0

}



@media all and (min-width:992px) {

	.navbar .nav-item .nav-link {

		margin-right: 22px;

		padding: 33px 0;

		font-size: 16px;

		font-weight: 500;

		color: #1b1b1b;

		text-transform: uppercase

	}

	.navbar .nav-item:last-child .nav-link {

		margin-right: 0

	}

	.navbar .nav-item .dropdown-menu {

		display: block;

		opacity: 0;

		visibility: hidden;

		transition: .3s;

		margin-top: 0;

		border: none;

		border-radius: 5px;

		width: 220px;

		box-shadow: 0 3px 24px rgb(0 0 0/10%)

	}

	.navbar .nav-item .dropdown-menu li {

		border-bottom: 1px solid #eee

	}

	.navbar .nav-item .dropdown-menu li:last-child {

		margin-bottom: 0;

		border-bottom: none

	}

	.navbar .nav-item .dropdown-menu .dropdown-item {

		font-size: 15px;

		font-weight: 500;

		padding: 8px 15px;

		color: #1b1b1b;

		position: relative;

		text-transform: uppercase;

		transition: all .5s ease-in-out

	}

	.navbar .nav-item .dropdown-menu .dropdown-item::before {

		content: "";

		position: absolute;

		left: 14px;

		width: 12px;

		height: 3px;

		top: 20px;

		background: #8cbc43;

		transition: all .3s ease-in-out;

		opacity: 0

	}

	.navbar .nav-item .dropdown-menu .dropdown-item:hover::before {

		opacity: 1

	}

	.navbar .nav-item .dropdown-menu .dropdown-item:hover {

		background: 0 0;

		color: #8cbc43;

		padding-left: 33px

	}

	.navbar .nav-item .nav-link {

		position: relative

	}

	.navbar .nav-item .nav-link.active,

	.navbar .nav-item:hover .nav-link {

		color: #8cbc43

	}

	.navbar .nav-item .nav-link::before {

		content: "";

		position: absolute;

		width: 0;

		height: 3px;

		left: 0;

		background: #8cbc43;

		bottom: 18px;

		opacity: 0;

		transition: all .5s ease-in-out

	}

	.navbar .nav-item .nav-link.active::before,

	.navbar .nav-item:hover .nav-link::before {

		opacity: 1!important;

		width: 30px

	}

	.navbar .nav-item:hover .dropdown-menu {

		transition: .3s;

		opacity: 1;

		visibility: visible;

		top: 100%;

		transform: rotateX(0deg)

	}

	.navbar .dropdown-menu-end {

		right: 0;

		left: auto

	}

	.navbar .dropdown-menu.fade-down {

		top: 80%;

		transform: rotateX(-75deg);

		transform-origin: 0% 0%

	}

	.navbar .dropdown-menu.fade-up {

		top: 140%

	}

	.header-nav-right {

		display: flex;

		align-items: center;

		gap: 20px;

		margin-left: 30px

	}

	.header-nav-search a {

		color: #1b1b1b;

		font-size: 18px;

		padding: 5px

	}

	.header-nav-search a:hover {

		color: #8cbc43

	}

	.navbar .header-btn {

		padding-top: 8px

	}

}



.navbar {

	padding-top: 0;

	padding-bottom: 0;

	z-index: 999

}



.navbar.fixed-top {

	background-color: #fff;

	box-shadow: 0 0 15px rgba(0, 0, 0, .17);

	animation: slide-down .7s

}



@keyframes slide-down {

	0% {

		transform: translateY(-100%)

	}

	100% {

		transform: translateY(0)

	}

}



.navbar.fixed-top .nav-item .nav-link::before {

	color: #00235a

}



.navbar .navbar-brand .logo-display {

	display: block

}



.navbar .navbar-brand .logo-scrolled {

	display: none

}



.navbar.fixed-top .navbar-brand .logo-display {

	display: none

}



.navbar.fixed-top .navbar-brand .logo-scrolled {

	display: block

}



button.navbar-toggler {

	font-size: 3.5rem;

	padding: 0;

	margin: 0

}



button.navbar-toggler:focus {

	outline: none;

	box-shadow: none

}



.navbar-toggler-icon {

	display: inline-block;

	width: inherit;

	height: inherit

}



.navbar-brand img {

	width: 220px

}



.dropdown-toggle::after {

	display: inline-block;

	margin-left: 5px;

	vertical-align: 1.5px;

	font-family: 'font awesome 5 pro';

	content: "\f067";

	font-weight: 600;

	border: none;

	font-size: 11px

}



.dropdown-toggle:hover::after {

	content: "\f068"

}



.mobile-menu-right {

	display: flex;

	align-items: center

}



@media all and (max-width:1199px) {

	.navbar .header-btn {

		display: none

	}

	.navbar .header-btn {

		display: none

	}

}



@media all and (max-width:991px) {

	.navbar {

		top: 0;

		right: 0;

		left: 0;

		background-color: #fff;

		position: fixed

	}

	.navbar-brand {

		padding-left: 10px

	}

	.navbar-brand img {

		width: 190px

	}

	.navbar-collapse {

		max-height: 290px;

		overflow: hidden;

		overflow-y: auto;

		padding: 0 20px;

		background-color: #fff

	}

	.dropdown-toggle::after {

		float: right

	}

	.navbar .nav-item .nav-link {

		color: #1b1b1b;

		font-weight: 700;

		text-transform: uppercase;

		transition: all .5s ease-in-out

	}

	.navbar .nav-item .nav-link:hover {

		color: #8cbc43!important

	}

	.navbar-toggler-icon {

		font-size: 32px;

		color: #1b1b1b;

		font-weight: 500;

		padding-right: 10px;

		margin-bottom: 10px

	}

	.navbar .dropdown-menu {

		border-radius: 5px

	}

	.navbar.fixed-top .navbar-toggler-icon {

		color: #1b1b1b

	}

	.header-nav-right {

		display: none

	}

}



.hero-shape {

	position: absolute;

	width: 250px;

	height: 0;

	border: 4px solid #8cbc43;

	transform: rotate(45deg);

	right: 140px;

	top: -100px;

	border-radius: 10px;

	transition: all .5s ease-in-out;

	transition-delay: .5s;

	z-index: 5

}



.hero-shape::before {

	content: "";

	position: absolute;

	width: 105%;

	height: 0%;

	border-radius: 10px;

	background: #8cbc43;

	opacity: .5;

	bottom: 25px;

	left: 25px;

	z-index: -1;

	transition: all .5s ease-in-out;

	transition-delay: .9s

}



.hero-section .active .hero-shape {

	height: 250px

}



.hero-section .active .hero-shape::before {

	height: 105%

}



.hero-single {

	padding-top: 150px;

	padding-bottom: 150px;

	background-position: center center!important;

	background-size: cover!important;

	background-repeat: no-repeat!important;

	display: flex;

	align-items: center;

	justify-content: center;

	position: relative;

	overflow: hidden;

	z-index: 1

}



.hero-single::before {

	position: absolute;

	left: 0;

	bottom: 0;

	content: "";

	height: 100%;

	width: 100%;

	background: #181817;

	opacity: .7;

	z-index: -1

}



.hero-single .hero-content {

	display: flex;

	flex-direction: column;

	justify-content: center;

	height: 100%

}



.hero-single .hero-content .hero-title {

	color: #fff;

	font-size: 58px;

	font-weight: 700;

	line-height: 1.3;

	text-transform: uppercase

}



.hero-single .hero-content .hero-title span {

	color: #8cbc43

}



.hero-single .hero-content .hero-sub-title {

	color: #8cbc43;

	font-size: 20px;

	font-weight: 600;

	position: relative;

	padding-left: 70px;

	text-transform: uppercase

}



.hero-single .hero-content .hero-sub-title::before {

	content: "";

	position: absolute;

	width: 50px;

	height: 2px;

	left: 0;

	top: 10px;

	background: #8cbc43

}



.hero-single .hero-content p {

	color: #fff;

	line-height: 30px;

	font-weight: 400;

	margin-bottom: 20px

}



.hero-single .hero-content .hero-btn {

	gap: 2rem;

	display: flex;

	margin-top: 1rem;

	justify-content: start

}



.hero-title {

	font-weight: 700;

	margin: 20px 0

}



.hero-sub-title {

	font-size: 2rem;

	font-weight: 500;

	line-height: 1

}



.hero-single .video-btn {

	display: flex;

	justify-content: center;

	align-items: center

}



.hero-slider.owl-theme .owl-nav {

	margin-top: 0

}



.hero-slider.owl-theme .owl-nav [class*=owl-] {

	color: #8cbc43;

	font-size: 35px;

	margin: 0;

	padding: 0;

	background: rgba(0, 0, 0, .4);

	display: inline-block;

	cursor: pointer;

	height: 60px;

	width: 60px;

	line-height: 62px;

	text-align: center;

	border-radius: 50%;

	transition: all .5s ease-in-out

}



.hero-slider.owl-theme .owl-nav [class*=owl-]:hover {

	background: #fff;

	color: #8cbc43

}



.hero-slider.owl-theme .owl-nav .owl-prev {

	left: 40px

}



.hero-slider.owl-theme .owl-nav .owl-next {

	right: 40px

}



.hero-slider.owl-theme .owl-nav .owl-prev,

.hero-slider.owl-theme .owl-nav .owl-next {

	position: absolute;

	top: 50%;

	transform: translate(0, -50%)

}



@media all and (max-width:1199px) {

	.hero-single .hero-content .hero-title {

		font-size: 37px

	}

	.hero-slider.owl-theme .owl-nav .owl-prev,

	.hero-slider.owl-theme .owl-nav .owl-next {

		top: unset;

		bottom: 5px!important

	}

	.hero-slider.owl-theme .owl-nav .owl-next {

		left: 120px

	}

}



@media all and (max-width:991px) {

	.hero-single .hero-content .hero-title {

		font-size: 35px

	}

	.hero-single {

		padding-top: 190px

	}

}



@media all and (max-width:767px) {

	.hero-single .hero-content .hero-sub-title {

		font-size: 18px

	}

	.hero-single .hero-content .hero-btn {

		gap: 1rem

	}

	.hero-single .hero-content .theme-btn {

		padding: 10px 25px

	}

	.hero-shape {

		top: -140px

	}

}



.play-btn {

	display: inline-block;

	padding: 0;

	height: 75px;

	width: 75px;

	line-height: 75px;

	font-size: 20px;

	text-align: center;

	background: #fff;

	color: #8cbc43!important;

	position: absolute;

	border-radius: 50%

}



.play-btn i::after {

	content: "";

	position: absolute;

	height: 100%;

	width: 100%;

	top: 0;

	left: 0;

	z-index: -1;

	background-color: #fff;

	border-radius: 50px;

	animation: ripple-wave 1s linear infinite;

	-webkit-transform: scale(1);

	transform: scale(1);

	transition: all .5 ease-in-out

}



@keyframes ripple-wave {

	0% {

		opacity: .8;

		-webkit-transform: scale(.9);

		transform: scale(.9)

	}

	100% {

		opacity: 0;

		-webkit-transform: scale(1.5);

		transform: scale(1.5)

	}

}



.about-area {

	position: relative;

	display: block

}



.about-area img {

	border-radius: 5px

}



.about-left {

	position: relative;

	display: block;

	margin-right: 30px

}



.about-img-2 {

	position: absolute;

	right: 0;

	bottom: -70px

}



.about-right {

	position: relative;

	display: block

}



.about-list-wrapper {

	position: relative;

	display: block;

	margin-top: 32px

}



.about-list {

	position: relative;

	display: block

}



.about-list li {

	position: relative;

	display: flex;

	align-items: center

}



.about-list li+li {

	margin-top: 8px

}



.about-list li .icon {

	position: relative;

	display: flex;

	align-items: center

}



.about-list li .icon span {

	font-size: 20px;

	color: #f8d225

}



.about-list li .text {

	margin-left: 16px

}



.about-list li .text p {

	color: #000;

	margin: 0

}



.about-solutions {

	position: relative;

	display: flex;

	align-items: center;

	border-top: 1px solid #ecf1f4;

	margin-top: 40px;

	padding-top: 20px;

	padding-bottom: 39px

}



.about-solutions-icon {

	position: relative;

	display: flex;

	align-items: center

}



.about-solutions-icon span {

	font-size: 50px;

	color: #8cbc43;

	position: relative;

	display: inline-block;

	transition: all 500ms linear;

	transition-delay: .1s

}



.about-solutions:hover .about-solutions-icon span {

	transform: rotateY(360deg)

}



.about-solutions-text-box {

	margin-left: 20px

}



.about-solutions-tex {

	font-weight: 600;

	color: #000;

	margin: 0;

	line-height: 30px

}



@media all and (max-width:991px) {

	.about-right {

		margin-top: 140px

	}

}



@media all and (max-width:767px) {

	.about-title {

		font-size: 30px

	}

	.about-left {

		margin-right: 0

	}

	.about-left-content {

		bottom: -70px

	}

	.about-img-2 {

		bottom: -100px;

		display:none;

	}

}



.service-area {

	position: relative;

	display: block;

	overflow: hidden

}



.service-item {

	margin-bottom: 25px;

	padding: 30px;

	border-radius: 4px;

	background: #fff;

	box-shadow: 0 0 40px 5px rgb(0 0 0/5%);

	position: relative;

	z-index: 1;

	transition: all .5s ease-in-out;

	text-align:center;

}



.service-item:hover {

	-webkit-transform: translateY(-10px);

	transform: translateY(-10px)

}

.service-title{

	margin-top:10px;

}

.service-icon {

	width: 90px;

	height: 90px;

	border: 3px solid #f7d746;

	border-radius: 50%;

	margin-bottom: 20px;

	display: flex;

	justify-content: center;

	align-items: center;

	position: relative;

	    margin: 0 auto;

}



.service-icon::before {

	content: "";

	position: absolute;

	height: 15px;

	width: 15px;

	background: #8cbc43;

	border-radius: 50px;

	border: 5px solid #fff;

	top: 8px;

	left: 0

}



.service-icon::after {

	content: "";

	position: absolute;

	height: 15px;

	width: 15px;

	background: #8cbc43;

	border-radius: 50px;

	border: 5px solid #fff;

	bottom: 8px;

	right: 0

}



.service-icon i {

	font-size: 40px;

	color: #8cbc43

}



.service-arrow {

	margin-top: 30px

}



.service-arrow .theme-btn {

	padding: 9px 25px

}



.service-title a {

	font-size: 20px;

	margin-bottom: 10px;

	color: #222d35

}



.service-title a:hover {

	color: #8cbc43!important

}



.service-area2 .service-item {

	padding: 20px

}



.service-area2 .service-icon {

	margin-top: -50px;

	border-radius: 5px;

	width: 70px;

	height: 70px;

	margin-left: 20px;

	position: relative

}



.service-area2 .service-img img {

	border-radius: 5px

}



.service-area2 .service-icon {

	background: #8cbc43

}



.service-area2 .service-icon i {

	color: #fff

}



.service-area2 .service-icon::before,

.service-area2 .service-icon::after {

	display: none

}



.service-single-list i {

	color: #8cbc43;

	margin-right: 10px

}



.service-details img {

	border-radius: 5px

}



.service-download a {

	border: 2px solid #8cbc43;

	padding: 10px 20px;

	color: #022147;

	display: block;

	border-radius: 5px;

	margin-bottom: 20px;

	transition: all .5s ease-in-out

}



.service-download a i {

	margin-right: 10px

}



.service-download a:hover {

	background-color: #8cbc43;

	color: #fff

}



.cta-area {

	background: #f7d746

}



.cta-content h3 {

	text-transform: uppercase;

	color: #fff;

	margin-bottom: 10px

}



.cta-content p {

	color: #fff

}



.cta-area .theme-btn {

	background: #1b1b1b

}



.cta-area .theme-btn:hover {

	color: #1b1b1b

}



.cta-area .theme-btn::before {

	background: #fff

}



@media all and (max-width:767px) {

	.cta-area .theme-btn {

		margin-top: 25px

	}

}



.video-area {

	position: relative;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover

}



.video-area::before {

	content: "";

	position: absolute;

	background: rgba(0, 0, 0, .3);

	width: 100%;

	height: 100%;

	left: 0;

	top: 0

}



.video-wrapper {

	position: relative;

	display: flex;

	justify-content: center;

	border-radius: 5px;

	

	z-index: 100;

	    padding-top: 100px;

    padding-bottom: 80px;

}



.video-wrapper img {

	border-radius: 12px

}

.whte-clr{

	color:white;

}



.video-area .play-btn {

	display: inline-block;

	padding: 0;

	height: 75px;

	width: 75px;

	text-align: center;

	background: #fff;

	position: absolute;

	border-radius: 50%;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%)

}



@media all and (max-width:767px) {

	.video-wrapper {

		height: 250px

	}

}



.choose-area {

	position: relative;

	overflow: hidden

}



.choose-item {

	margin-bottom: 25px

}



.choose-icon {

	font-size: 50px;

	color: #8cbc43

}



.choose-left {

	padding-right: 20px

}



.choose-left .theme-btn {

	margin-top: 40px

}



@media all and (max-width:1199px) {

	.choose-left {

		margin-bottom: 25px

	}

}



.skill-area {

	position: relative;

	overflow: hidden

}



.skill-img img {

	border-radius: 4px

}



.skill-right .skill-details {

	margin-top: 15px;

	margin-bottom: 25px

}



.progress-box {

	margin-bottom: 30px;

	position: relative;

	z-index: 1

}



.progress-box:last-child {

	margin-bottom: 0

}



.progress-box h5 {

	font-size: 16px;

	text-transform: uppercase;

	font-weight: 600;

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin-bottom: 15px

}



.progress-box .progress {

	height: 8px;

	background-color: #e9ecfb;

	border-radius: 0

}



.progress-box .progress .progress-bar {

	background-color: #8cbc43

}



@media all and (max-width:991px) {

	.skill-right .site-heading {

		font-size: 30px

	}

	.skill-img img {

		width: 100%

	}

}



.testimonial-area {

	position: relative;

	z-index: 1

}



.testimonial-bg {

	top: 0;

	left: 0;

	background-image: url(../img/testimonial/testimonial-bg.jpg);

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	width: 100%;

	height: 100%;

	z-index: -1

}



.testimonial-bg::before {

	content: "";

	position: absolute;

	background: rgba(0, 0, 0, .7);

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	z-index: -1

}



.testimonial-single {

	margin-bottom: 20px

}



.testimonial-quote {

	background: #fff;

	padding: 30px;

	position: relative;

	border-radius: 4px;

	box-shadow: 0 3px 24px rgb(0 0 0/10%)

}



.testimonial-quote::before {

	content: "\f0dd";

	position: absolute;

	font-family: "font awesome 5 pro";

	bottom: -52px;

	left: 40px;

	font-weight: 700;

	font-size: 70px;

	color: #fff

}



.testimonial-content {

	display: flex;

	justify-content: start;

	align-items: center;

	margin-top: 30px;

	margin-left: 20px

}



.testimonial-author-img {

	margin-right: 20px;

	width: 80px;

	padding: 5px;

	border-radius: 4px;

	border: 2px solid #8cbc43

}



.testimonial-author-img img {

	border-radius: 4px

}



.testimonial-author-info h4 {

	font-size: 20px;

	color: #8cbc43

}



.testimonial-author-info p {

	color: #fff

}



.testimonial-quote-icon {

	position: absolute

}



.testimonial-quote p {

	position: relative;

	color: #222d35;

	font-size: 18px

}



.testimonial-quote-icon i {

	font-size: 80px;

	color: #8cbc43;

	opacity: .2

}



.testimonial-area .owl-dots {

	text-align: center;

	margin-top: 30px

}



.testimonial-area .owl-dots .owl-dot span {

	border: 3px solid #fff;

	margin: 5px;

	border-radius: 0;

	width: 15px;

	height: 15px;

	display: inline-block;

	background: 0 0;

	transition: all .5s ease-in-out

}



.testimonial-area .owl-dots .owl-dot.active span {

	border-color: #8cbc43

}



.testimonial-rate {

	color: #8cbc43

}



.counter-area {

	background-image: url(../img/counter/counter.jpg);

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	position: relative;

	z-index: 1

}



.counter-area::before {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, .8);

	z-index: -1

}



.counter-box {

	text-align: center;

	padding: 35px;

	border-radius: 5px;

	position: relative;

	border: 2px solid #8cbc43;

	z-index: 1

}



.counter-box .icon {

	height: 100px;

	width: 100px;

	font-size: 45px;

	color: #fff;

	display: -webkit-inline-box;

	display: -ms-inline-flexbox;

	display: inline-flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	background: #8cbc43;

	border-radius: 50%;

	margin-bottom: 30px

}



.counter-box .counter {

	display: block;

	line-height: 1;

	color: #fff;

	font-size: 50px;

	font-weight: 600

}



.counter-box .title {

	color: #8cbc43;

	margin-top: 15px;

	font-size: 18px;

	text-transform: uppercase

}



@media all and (max-width:991px) {

	.counter-area .counter-box {

		margin-bottom: 25px

	}

}



.case-item {

	margin-bottom: 25px;

	position: relative

}



.case-img {

	position: relative

}



.case-img img {

	border-radius: 4px

}



.case-img::before {

	content: '';

	position: absolute;

	top: 10px;

	bottom: 10px;

	right: 10px;

	left: 10px;

	opacity: 0;

	border-radius: 4px;

	background: rgba(140, 188, 67, .9);

	transform: scaleY(0);

	-webkit-transition: all .4s ease-in-out;

	transition: all .4s ease-in-out

}



.case-item:hover .case-img::before {

	opacity: 1;

	-webkit-transform: scaleY(1);

	transform: scaleY(1)

}



.case-link {

	position: absolute;

	width: 50px;

	height: 50px;

	line-height: 50px;

	color: #8cbc43!important;

	background: #fff;

	text-align: center;

	border-radius: 50px;

	left: 50%;

	top: 50%;

	font-size: 22px;

	margin-top: 50px;

	opacity: 0;

	box-shadow: 0 3px 24px rgb(0 0 0/10%);

	-webkit-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	-webkit-transition-delay: .3s;

	transition-delay: .3s

}



.case-item:hover .case-link {

	margin-top: 0;

	opacity: 1

}



.case-content {

	left: 20px;

	right: 20px;

	bottom: 20px;

	position: absolute;

	border-radius: 4px;

	padding: 15px 15px 15px 18px;

	background: #fff;

	margin-top: 10px;

	display: flex;

	align-items: center;

	justify-content: space-between;

	overflow: hidden;

	z-index: 1

}



.case-content-info small {

	color: #e20000;

	font-size: 18px;

	padding-left: 40px;

	position: relative

}



.case-content-info small::before {

	content: "";

	position: absolute;

	width: 30px;

	height: 2px;

	background: #e20000;

	left: 0;

	top: 10px

}



.case-content-info a {

	font-size: 22px

}



.case-content-info a:hover {

	color: #8cbc43

}



.case-arrow {

	width: 50px;

	height: 50px;

	border-radius: 5px;

	display: flex;

	align-items: center;

	justify-content: center;

	background: rgba(140, 188, 67, .5)

}



.case-arrow i {

	font-size: 22px;

	color: #fff;

	width: 42px;

	height: 42px;

	line-height: 42px;

	text-align: center;

	border-radius: 5px;

	background: #f7d746

}



.case-slider.owl-theme .owl-nav {

	margin-top: 0

}



.case-slider.owl-theme .owl-nav [class*=owl-] {

	color: #fff;

	font-size: 25px;

	margin: 0;

	padding: 0;

	background: #8cbc43;

	display: inline-block;

	cursor: pointer;

	height: 50px;

	width: 50px;

	line-height: 47px;

	text-align: center;

	border-radius: 50%;

	transition: all .5s ease-in-out

}



.case-slider.owl-theme .owl-nav .owl-prev {

	left: 0;

	opacity: 0

}



.case-slider.owl-theme .owl-nav .owl-next {

	right: 0;

	opacity: 0

}



.case-slider.owl-theme .owl-nav .owl-prev,

.case-slider.owl-theme .owl-nav .owl-next {

	position: absolute;

	top: 50%;

	transform: translate(0, -50%)

}



.case-slider:hover .owl-nav .owl-prev {

	left: -50px;

	opacity: 1

}



.case-slider:hover .owl-nav .owl-next {

	right: -50px;

	opacity: 1

}



.filter-btns {

	text-align: center;

	margin-bottom: 30px

}



.filter-btns li {

	display: inline-block;

	text-transform: uppercase;

	margin: 10px;

	font-weight: 600;

	color: #222d35;

	cursor: pointer;

	transition: all .5s ease-in-out

}



.filter-btns li.active,

.filter-btns li:hover {

	color: #8cbc43

}



@media all and (max-width:1199px) {

	.case-slider.owl-theme .owl-nav {

		display: none

	}

}



.case-sidebar .case-sidebar-content ul li {

	border-bottom: 1px solid #e7e7e7;

	display: block;

	margin-bottom: 10px;

	padding-bottom: 10px;

	text-transform: uppercase;

	font-size: 16px;

	font-weight: 600;

	line-height: 33px

}



.case-sidebar .case-sidebar-content ul li:last-child {

	border-bottom: none

}



.case-details img {

	border-radius: 4px

}



.case-sidebar-title {

	text-transform: uppercase;

	margin-bottom: 30px

}



.case-sidebar .case-sidebar-content ul li span {

	display: block;

	font-weight: 400;

	margin: 0;

	text-transform: capitalize

}



.case-sidebar .case-sidebar-content .rating a {

	color: #8cbc43

}



.case-new-project {

	background: #8cbc43!important

}



.case-new-project h4 {

	color: #fff;

	margin-bottom: 30px

}



.new-project-btn {

	background: #fff;

	color: #8cbc43;

	border: none;

	border-radius: 4px;

	padding: 10px 25px;

	transition: all .5s ease-in-out

}



.new-project-btn:hover {

	background: #222d35;

	color: #fff

}



.new-project-btn i {

	margin-left: 8px

}



.case-single-list i {

	color: #8cbc43;

	margin-right: 10px

}



.blog-item {

	margin-bottom: 25px;

	border-radius: 5px;

	box-shadow: 0 0 40px 5px rgb(0 0 0/5%);

	transition: all .5s ease-in-out

}



.blog-item:hover {

	-webkit-transform: translateY(-10px);

	transform: translateY(-10px)

}



.blog-item img {

	border-radius: 5px

}



.blog-item-info {

	padding: 23px 30px 30px

}



.blog-item-meta ul {

	margin: 0;

	padding: 0;

	margin-bottom: 14px;

	border-bottom: 1px solid #e6e8eb;

	padding-bottom: 18px

}



.blog-item-meta ul li {

	display: inline-block;

	margin-right: 15px;

	position: relative;

	color: #232323

}



.blog-item-meta ul li i {

	margin-right: 5px;

	color: #8cbc43

}



.blog-title {

	font-size: 20px;

	margin-bottom: 15px;

	text-transform: capitalize

}



.blog-item-info p {

	margin-bottom: 16px

}



.blog-item-info .theme-btn {

	margin-top: 18px

}



.blog-item-info a:hover {

	color: #8cbc43

}



.blog-single-content img {

	border-radius: 4px

}



.blog-thumb-img {

	margin-bottom: 20px

}



.blog-meta {

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin-bottom: 20px

}



.blog-meta .blog-meta-left ul {

	display: flex;

	align-items: center;

	gap: 20px

}



.blog-meta i {

	margin-right: 5px;

	color: #8cbc43

}



.blog-meta a {

	color: #66788a

}



.blog-meta a:hover {

	color: #8cbc43

}



.blog-details-title {

	font-size: 34px;

	text-transform: capitalize

}



.blockqoute {

	border-left: 5px solid #8cbc43;

	padding: 30px;

	font-size: 17px;

	font-style: italic;

	margin: 20px 0

}



.blockqoute-author {

	margin-top: 20px;

	padding-left: 60px;

	position: relative

}



.blockqoute-author::before {

	content: "";

	position: absolute;

	height: 2px;

	width: 40px;

	background: #000;

	left: 0;

	top: 10px

}



.blog-details-tags {

	display: flex;

	align-items: center;

	gap: 20px

}



.blog-details-tags ul {

	display: flex;

	align-items: center;

	gap: 15px

}



.blog-details-tags ul a {

	border: 1px solid #222d35;

	padding: 2px 10px;

	border-radius: 4px;

	transition: all .5s ease-in-out

}



.blog-details-tags ul a:hover {

	background: #222d35;

	color: #fff

}



.blog-author {

	display: flex;

	justify-content: start;

	align-items: center;

	background: #fff;

	box-shadow: 0 0 40px 5px rgb(0 0 0/5%);

	margin: 50px 0;

	padding: 20px;

	border-radius: 5px

}



.blog-author-img {

	border: 2px solid #8cbc43;

	padding: 5px;

	width: 250px;

	border-radius: 5px

}



.author-name {

	font-size: 22px;

	color: #8cbc43;

	margin: 8px 0

}



.author-info {

	padding: 0 20px

}



.author-social {

	margin-top: 10px

}



.author-social a {

	margin-right: 10px;

	color: #8cbc43;

	transition: all .5s ease-in-out

}



.author-social a:hover {

	color: #222d35

}



.blog-comments {

	margin-bottom: 50px

}



.blog-comments-wrapper {

	margin: 30px 0

}



.blog-comments-single {

	display: flex;

	justify-content: start;

	align-items: center

}



.blog-comments-single img {

	border-radius: 5

}



.blog-comments-content {

	padding: 20px 30px

}



.blog-comments-content span {

	font-size: 14px

}



.blog-comments-content a {

	font-weight: 600;

	margin-top: 5px

}



.blog-comments-content a:hover {

	color: #8cbc43

}



.blog-comments-reply {

	margin-left: 50px

}



.blog-comments-form h4 {

	margin-bottom: 20px

}



.blog-comments-form .form-group {

	margin-bottom: 20px

}



.blog-comments-form .form-control {

	padding: 12px 20px;

	border-radius: 5px;

	box-shadow: none;

	transition: all .5s ease-in-out

}



.blog-comments-form .form-control:focus {

	border-color: #8cbc43

}



.blog-comments-form .theme-btn i {

	margin-right: 5px

}



@media all and (max-width:767px) {

	.blog-meta {

		flex-direction: column;

		font-size: 15px

	}

	.blog-meta .blog-meta-left ul {

		gap: 10px

	}

	.blog-details-tags {

		flex-direction: column;

		align-items: flex-start

	}

	.blog-author {

		flex-direction: column;

		text-align: center;

		padding: 25px 0 0

	}

	.blog-comments-single {

		flex-direction: column;

		text-align: center;

		padding: 30px 0;

		box-shadow: 0 0 40px 5px rgb(0 0 0/5%);

		margin-bottom: 30px;

		border-radius: 10px

	}

	.blog-comments-reply {

		margin-left: 0

	}

}



.widget {

	background: #fff;

	padding: 30px;

	margin-bottom: 30px;

	border-radius: 5px;

	box-shadow: 0 0 40px 5px rgb(0 0 0/5%)

}



.widget .widget-title {

	color: #222d35;

	padding-bottom: 10px;

	margin-bottom: 30px;

	position: relative

}



.widget .widget-title::before {

	position: absolute;

	content: '';

	width: 30px;

	border-bottom: 3px solid #8cbc43;

	bottom: 0;

	left: 0

}



.widget .widget-title::after {

	position: absolute;

	content: '';

	width: 5px;

	border-bottom: 3px solid #8cbc43;

	bottom: 0;

	left: 35px

}



.widget .search-form .form-control {

	padding: 10px 15px;

	border-radius: 5px;

	box-shadow: none

}



.widget .search-form {

	position: relative

}



.widget .search-form .form-control:focus {

	border-color: #8cbc43

}



.widget .search-form button {

	position: absolute;

	right: 0;

	top: 0;

	padding: 8px 18px 6px;

	background: 0 0;

	border: none;

	color: #6c7c89

}



.widget .category-list a {

	display: block;

	padding: 10px 0;

	border-bottom: 1px solid #ced4da;

	transition: all .5s ease-in-out

}



.widget .category-list a:last-child {

	margin-bottom: 0;

	border-bottom: none

}



.widget .category-list a:hover {

	padding-left: 10px;

	color: #8cbc43

}



.widget .category-list a i {

	margin-right: 5px;

	color: #8cbc43

}



.widget .category-list a span {

	float: right

}



.widget .recent-post-single {

	display: flex;

	justify-content: start;

	align-items: center;

	margin-bottom: 30px

}



.widget .recent-post-img {

	margin-right: 20px;

	width: 140px!important

}



.widget .recent-post-img img {

	border-radius: 4px;

	width: 100%

}



.widget .recent-post-bio h6 {

	font-size: 16px;

	line-height: 1.5

}



.widget .recent-post-bio span {

	font-size: 14px

}



.widget .recent-post-bio span i {

	margin-right: 5px;

	color: #8cbc43

}



.widget .recent-post-bio h6 a:hover {

	color: #8cbc43

}



.widget .social-share-link a {

	width: 35px;

	height: 35px;

	line-height: 35px;

	border: 1px solid #8cbc43;

	color: #8cbc43;

	text-align: center;

	margin-right: 5px;

	border-radius: 4px;

	transition: all .5s ease-in-out

}



.widget .social-share-link a:hover {

	background: #8cbc43;

	color: #fff

}



.widget .tag-list a {

	border: 1px solid #222d35;

	padding: 3px 15px;

	margin-bottom: 10px;

	margin-right: 10px;

	border-radius: 4px;

	display: inline-block;

	transition: all .5s ease-in-out

}



.widget .tag-list a:hover {

	background-color: #222d35;

	color: #fff

}



.contact-wrapper {

	padding: 50px 30px;

	background: #fff;

	border-radius: 4px;

	box-shadow: 0 0 40px 5px rgb(0 0 0/5%);

	position: relative

}



.contact-form {

	padding: 0 40px

}



.contact-form-header {

	margin-bottom: 30px;

	color: #222d35

}



.contact-form-header h2 {

	color: #222d35;

	font-size: 30px;

	margin-bottom: 10px

}



.contact-form .form-group {

	margin-bottom: 25px

}



.contact-form .form-group .form-control {

	padding: 12px 20px;

	border-radius: 5px;

	box-shadow: none;

	transition: all .5s ease-in-out

}



.contact-form .form-group .form-control:focus {

	border-color: #8cbc43

}



.contact-map {

	margin-top: 120px

}



.contact-map iframe {

	width: 100%;

	height: 450px;

	border-radius: 5px

}



.contact-content {

	margin-bottom: 50px

}



.contact-form .theme-btn i {

	margin-right: 5px

}



.contact-info {

	display: flex;

	align-items: center;

	gap: 15px;

	padding: 20px;

	border-radius: 10px;

	position: relative;

	overflow: hidden;

	margin-bottom: 10px

}



.contact-info-icon {

	width: 60px;

	height: 60px;

	border-radius: 5px;

	display: flex;

	align-items: center;

	justify-content: center;

	background: rgba(140, 188, 67, .5)

}



.contact-info-icon i {

	font-size: 25px;

	color: #e20000;

	width: 50px;

	height: 50px;

	line-height: 50px;

	text-align: center;

	border-radius: 5px;

	background: #f7d746

}



.contact-info h5 {

	color: #222d35;

	margin-bottom: 5px

}



.contact-info p {

	color: #222d35

}



@media all and (max-width:991px) {

	.contact-wrapper {

		padding: 50px 20px

	}

	.contact-form {

		padding: 0

	}

	.contact-info {

		padding: 0;

		margin-bottom: 50px

	}

}



.quote-content {

	background: linear-gradient(60deg, #2a5cff 0%, #54a0ff 100%);

	padding: 40px;

	border-radius: 10px;

	margin-top: 80px;

	box-shadow: 0 0 40px 5px rgb(0 0 0/3%)

}



.quote-thum {

	margin-right: -100px

}



.quote-thum img {

	border-radius: 10px

}



.quote-content .quote-header h6 {

	display: inline-block;

	font-weight: 600;

	text-transform: uppercase;

	margin-bottom: 10px;

	color: #fff;

	font-size: 18px

}



.quote-content .quote-header h2 {

	color: #fff;

	font-size: 35px;

	margin-bottom: 30px;

	margin-top: 10px

}



.quote-content .form-group {

	margin-bottom: 20px

}



.quote-content .form-group .form-control {

	height: 50px;

	font-size: 16px;

	background: 0 0;

	border: 2px solid #fff;

	border-radius: 10px;

	color: #fff;

	box-shadow: none

}



.quote-content textarea {

	height: 120px!important

}



.quote-content .form-control::placeholder {

	color: #f2f3f5;

	opacity: 1

}



.quote-content .form-control:-ms-input-placeholder {

	color: #f2f3f5

}



.quote-content .form-control::-ms-input-placeholder {

	color: #f2f3f5

}



.quote-content .theme-btn {

	background: #fff;

	font-weight: 600;

	color: #0795fe

}



.quote-content .theme-btn:hover {

	color: #fff

}



@media all and (max-width:1199px) {

	.quote-content .quote-header h2 {

		font-size: 25px

	}

}



@media all and (max-width:991px) {

	.quote-thum {

		margin-right: 0

	}

}



.team-area {

	position: relative;

	overflow: hidden

}



.team-item {

	border-radius: 4px;

	margin-bottom: 80px;

	box-shadow: 0 3px 24px rgb(0 0 0/10%);

	position: relative;

	transition: all .5s ease-in-out

}



.team-item:hover {

	transform: translateY(-10px)

}



.team-item img {

	border-radius: 4px

}



.team-content {

	position: absolute;

	left: 20px;

	right: 20px;

	bottom: -50px;

	background: #fff;

	padding: 0 10px;

	text-align: center;

	border-radius: 4px;

	overflow: hidden;

	z-index: 1;

	box-shadow: 0 3px 24px rgb(0 0 0/10%)

}



.team-content::before {

	content: "";

	width: 70px;

	height: 70px;

	background-color: #e1e1e1;

	border: none;

	border-radius: 6px;

	position: absolute;

	bottom: 22px;

	right: -40px;

	z-index: 11;

	transform: rotate(50deg);

	transition: all .3s ease-in-out

}



.team-content::after {

	content: "";

	width: 70px;

	height: 70px;

	border: 2px solid #e1e1e1;

	border-radius: 6px;

	position: absolute;

	right: -45px;

	bottom: -12px;

	z-index: 10;

	transform: rotate(50deg);

	transition: all .3s ease-in-out

}



.team-item:hover .team-content::before {

	background-color: #8cbc43

}



.team-item:hover .team-content::after {

	border: 2px solid #8cbc43

}



.team-bio {

	padding-top: 15px;

	padding-bottom: 10px

}



.team-bio h5 {

	font-size: 22px

}



.team-bio h5 a:hover {

	color: #8cbc43

}



.team-social {

	position: absolute;

	padding-top: 10px;

	padding-bottom: 10px;

	margin-bottom: 10px;

	background: #8cbc43;

	border-radius: 4px;

	text-align: center;

	top: 15px;

	right: -15px;

	opacity: 0;

	transition: all .5s ease-in-out

}



.team-item:hover .team-social {

	opacity: 1;

	right: 15px

}



.team-social a {

	display: block;

	color: #fff;

	padding: 5px 15px

}



.team-social a:hover {

	background: #fff;

	color: #8cbc43

}



.process-single {

	position: relative

}



.process-single .icon {

	height: 100px;

	width: 100px;

	display: inline-block;

	position: relative;

	border-radius: 50%;

	font-size: 40px;

	border: 2px solid #8cbc43;

	padding: 7px;

	margin-bottom: 30px;

	box-shadow: 0 3px 24px rgb(0 0 0/10%)

}



.process-single .icon img {

	border-radius: 50%

}



.process-single span {

	position: absolute;

	height: 35px;

	width: 35px;

	font-size: 14px;

	background: #8cbc43;

	line-height: 35px;

	color: #fff;

	left: -3px;

	top: -13px;

	font-weight: 600;

	border-radius: 33% 66% 70% 30%/49% 62% 38% 51%

}



.process-single h4 {

	margin-bottom: 10px

}



.process-single::before {

	content: "";

	position: absolute;

	border-bottom: 2px dashed #8cbc43;

	width: 110px;

	height: 2px;

	right: -65px;

	top: 50px

}



@media only screen and (min-width:768px) and (max-width:991px) {

	.process-single::before {

		display: none

	}

}



@media(max-width:767px) {

	.process-single::before {

		display: none

	}

}



.process-area .col-lg-3:last-child .process-single::before {

	display: none

}



.pricing-item {

	background: #fff;

	text-align: center;

	position: relative;

	overflow: hidden;

	border-radius: 4px;

	box-shadow: 0 0 40px 5px rgb(0 0 0/5%);

	transition: all .5s ease-in-out

}



.pricing-item::before {

	content: "";

	width: 150px;

	height: 150px;

	background-color: #8cbc43;

	border: none;

	border-radius: 6px;

	position: absolute;

	top: 22px;

	right: -70px;

	z-index: 11;

	transform: rotate(50deg);

	transition: all .3s ease-in-out

}



.pricing-item::after {

	content: "";

	width: 150px;

	height: 150px;

	border: 2px solid #8cbc43;

	border-radius: 6px;

	position: absolute;

	right: -75px;

	top: -12px;

	z-index: 10;

	transform: rotate(50deg);

	transition: all .3s ease-in-out

}



.pricing-item:hover {

	-webkit-transform: translateY(-10px);

	transform: translateY(-10px)

}



.pricing-header {

	padding: 30px 40px

}



.pricing-header h5 {

	font-size: 22px;

	display: inline-block;

	color: #8cbc43;

	text-transform: uppercase;

	padding: 15px 30px

}



.pricing-amount strong {

	font-size: 60px;

	font-weight: 700;

	color: #222d35

}



.pricing-amount-type {

	position: relative;

	z-index: 1

}



.pricing-amount-type::before {

	content: "";

	position: absolute;

	width: 100%;

	height: 4px;

	left: 0;

	top: 22px;

	background: #8cbc43;

	z-index: -1

}



.pricing-amount-type span {

	background: #8cbc43;

	display: inline-block;

	padding: 8px 20px;

	color: #fff;

	border-radius: 50px

}



.pricing-feature {

	padding: 30px 0

}



.pricing-feature li {

	margin-bottom: 15px

}



.pricing-feature li i {

	color: #8cbc43;

	margin-right: 5px

}



.pricing-footer {

	padding-bottom: 30px

}



@media all and (min-width:992px) and (max-width:1199px) {

	.pricing-item::before,

	.pricing-item::after {

		right: -100px

	}

}



@media all and (max-width:991px) {

	.pricing-amount strong {

		font-size: 50px

	}

}



.faq-area .accordion-item {

	border: none;

	margin-bottom: 30px;

	border-radius: 0!important;

	box-shadow: 0 0 40px 5px rgb(0 0 0/5%)

}



.faq-area .accordion-item span {

	width: 45px;

	height: 45px;

	margin-right: 15px

}



.faq-area .accordion-item i {

	width: 45px;

	height: 45px;

	line-height: 45px;

	border-radius: 4px;

	background: #8cbc43;

	text-align: center;

	color: #fff

}



.faq-area .accordion-button:not(.collapsed) {

	color: #8cbc43;

	background-color: #fff;

	box-shadow: inset 0 -1px 0 rgb(0 0 0/13%)

}



.accordion-button {

	border-radius: 0!important;

	font-weight: 700;

	font-size: 18px;

	color: #222d35;

	box-shadow: none!important

}



.accordion-button:not(.collapsed) {

	border-bottom: 1px solid #8cbc43

}



.accordion-button:not(.collapsed)::after {

	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nIzIxMjUyOSc+PHBhdGggZmlsbC1ydWxlPSdldmVub2RkJyBkPSdNMS42NDYgNC42NDZhLjUuNSAwIDAgMSAuNzA4IDBMOCAxMC4yOTNsNS42NDYtNS42NDdhLjUuNSAwIDAgMSAuNzA4LjcwOGwtNiA2YS41LjUgMCAwIDEtLjcwOCAwbC02LTZhLjUuNSAwIDAgMSAwLS43MDh6Jy8+PC9zdmc+)

}



@media all and (max-width:991px) {

	.faq-left {

		margin-bottom: 50px

	}

	.accordion-button {

		font-size: 16px

	}

}



.partner-area .partner-wrapper img {

	padding: 20px

}



.site-breadcrumb {

	background-size: cover!important;

	background-repeat: no-repeat!important;

	background-position: center center!important;

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

	text-align: center;

	position: relative;

	padding-top: 150px;

	padding-bottom: 150px;

	z-index: 1

}



.site-breadcrumb::before {

	height: 100%;

	width: 100%;

	position: absolute;

	z-index: -1;

	top: 0;

	left: 0;

	background: rgba(0, 10, 22, .7);

	content: ''

}



.site-breadcrumb .breadcrumb-title {

	font-size: 40px;

	color: #fff;

	font-weight: 700;

	margin-bottom: 10px;

	text-transform: uppercase

}



.site-breadcrumb .breadcrumb-menu {

	position: relative;

	z-index: 1

}



.site-breadcrumb .breadcrumb-menu li {

	position: relative;

	display: inline-block;

	margin-left: 25px;

	color: #fff;

	font-weight: 400;

	text-transform: capitalize

}



.site-breadcrumb .breadcrumb-menu li a {

	color: #fff;

	-moz-transition: all .5s ease-in-out;

	-webkit-transition: all .5s ease-in-out;

	-ms-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out

}



.site-breadcrumb .breadcrumb-menu li.active {

	color: #f7d746

}



.site-breadcrumb .breadcrumb-menu li::before {

	position: absolute;

	content: '//';

	right: -21px;

	top: 1px;

	text-align: center;

	font-size: 16px;

	color: #8cbc43

}



.site-breadcrumb .breadcrumb-menu li:first-child {

	margin-left: 0

}



.site-breadcrumb .breadcrumb-menu li:last-child:before {

	display: none

}



.site-breadcrumb .breadcrumb-menu li a:hover {

	color: #8cbc43

}



@media(max-width:991px) {

	.site-breadcrumb {

		padding-top: 240px

	}

}



.pagination {

	display: flex;

	justify-content: center;

	align-items: center;

	margin-top: 40px;

	margin-bottom: 40px

}



.pagination .page-link {

	border: none;

	background: #1b1b1b;

	color: #fff;

	margin: 0 10px;

	border-radius: 5px!important;

	width: 40px;

	height: 40px;

	line-height: 27px;

	text-align: center;

	transition: all .5s ease-in-out

}



.pagination .page-link:hover,

.pagination .page-item.active .page-link {

	background: #8cbc43

}



body.rtl-mode {

	direction: rtl

}



body.rtl-mode .item-area {

	direction: ltr

}



body.rtl-mode .price-wrapper {

	direction: rtl

}



@media(min-width:992px) {

	body.rtl-mode .navbar-brand {

		margin-left: 3rem

	}

	body.rtl-mode .navbar .nav-item .nav-link {

		margin-left: 3rem;

		margin-right: 0

	}

}



.login-form {

	padding: 50px;

	border-radius: 5px;

	background: #fff;

	box-shadow: 0 0 40px 5px rgb(0 0 0/5%)

}



.login-form .login-header {

	text-align: center;

	margin-bottom: 50px

}



.login-form .login-header img {

	width: 200px;

	margin-bottom: 10px

}



.login-form .login-header h3 {

	color: #8cbc43;

	margin-bottom: 5px;

	font-weight: 800

}



.login-form .login-header p {

	font-size: 20px

}



.login-form .login-footer {

	margin-top: 40px

}



.login-form .login-footer p {

	text-align: center

}



.login-form .login-footer a {

	color: #8cbc43;

	transition: .5s

}



.login-form .login-footer a:hover {

	color: #222d35

}



.login-form .form-group {

	margin-bottom: 20px

}



.login-form label {

	color: #222d35;

	margin-bottom: 5px

}



.login-form .form-group .form-control {

	border: 1px solid #e8e8e8;

	border-radius: 5px;

	padding: 12px 18px;

	box-shadow: none;

	transition: .5s

}



.login-form .form-group .form-control:focus {

	border-color: #8cbc43

}



.login-form .form-check-input {

	box-shadow: none;

	border-radius: 2px

}



.login-form .forgot-pass {

	color: #8cbc43;

	transition: .5s

}



.login-form .forgot-pass:hover {

	color: #222d35

}



.login-form .theme-btn {

	width: 100%

}



.login-form .theme-btn i {

	margin-right: 5px

}



.login-form .form-check-input {

	margin-top: 6.3px

}



.login-form .form-check-label a {

	color: #8cbc43;

	transition: .5s

}



.login-form .form-check-label a:hover {

	color: #8cbc43

}



.form-check-input:checked {

	background-color: #8cbc43;

	border-color: #8cbc43

}



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

	.login-form {

		padding: 40px 20px

	}

}



.coming-soon {

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

	min-height: 100vh;

	width: 100%;

	top: 0;

	left: 0;

	position: relative

}



.coming-soon .container {

	position: relative

}



.coming-soon:before {

	position: absolute;

	content: '';

	background: rgba(0, 0, 0, .5);

	width: 100%;

	height: 100%;

	top: 0;

	left: 0

}



.coming-soon .newsletter-form {

	position: relative;

	margin-top: 30px

}



.coming-soon .newsletter-form .input-newsletter {

	height: 50px;

	display: block;

	width: 100%;

	border: none;

	border-radius: 5px;

	font-size: 14px;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 25px

}



.coming-soon .newsletter-form button {

	position: absolute;

	right: 4px;

	top: 4px;

	bottom: 4px;

	height: auto;

	border: none;

	border-radius: 5px;

	background: #8cbc43;

	display: inline-block;

	color: #fff;

	padding-left: 30px;

	padding-right: 30px;

	transition: .5s

}



.coming-soon .newsletter-form button:hover {

	background-color: #1b1b1b;

	color: #fff

}



.coming-social {

	margin-top: 30px;

	text-align: center

}



.coming-social a {

	color: #fff;

	margin: 5px;

	width: 40px;

	height: 40px;

	border-radius: 4px;

	line-height: 36px;

	text-align: center;

	border: 2px solid #fff;

	display: inline-block;

	transition: .5s

}



.coming-social a:hover {

	background: #8cbc43;

	border-color: #8cbc43

}



.countdown-wrap {

	margin-top: 30px

}



.countdown-single {

	background: #fff;

	padding: 20px;

	margin: 10px;

	border-radius: 4px;

	position: relative;

	box-shadow: 0 3px 24px rgb(0 0 0/10%)

}



.countdown-single::before {

	content: "";

	position: absolute;

	border-radius: 4px;

	border: 2px solid #8cbc43;

	height: 100%;

	width: 100%;

	left: 6px;

	top: 6px

}



.countdown-single h2 {

	color: #8cbc43

}



.countdown-single h5 {

	color: #8cbc43

}



.error-wrapper {

	text-align: center

}



.error-wrapper h1 {

	font-size: 200px;

	font-weight: 700;

	color: #8cbc43

}



.error-wrapper h1 span {

	color: #1b1b1b

}



.error-wrapper h2 {

	margin-top: 30px;

	margin-bottom: 10px

}



.error-wrapper img {

	width: 100%

}



.error-wrapper .theme-btn {

	margin-top: 30px

}



.error-wrapper .theme-btn i {

	margin-right: 5px

}



@media all and (max-width:767px) {

	.error-wrapper h1 {

		font-size: 160px

	}

}



.terms-content:not(:last-child) {

	margin-bottom: 54px

}



.terms-content:first-child {

	margin-top: -3px

}



.terms-content .terms-list {

	margin-top: 37px

}



.terms-content h3 {

	margin-bottom: 23px;

	position: relative

}



.terms-content p:not(:last-child) {

	margin-bottom: 26px

}



.terms-list li:not(:last-child) {

	margin-bottom: 16px

}



.footer-area {

	background: #1b1b1b;

	position: relative;

	z-index: 1

}



.footer-top {

	padding: 50px 0;

	border-bottom: 1px solid rgba(255, 255, 255, .1)

}



.footer-top-phone {

	display: flex;

	align-items: center;

	justify-content: flex-start;

	gap: 20px

}



.footer-top-phone i {

	font-size: 50px;

	color: #f7d746

}



.footer-top-phone h5 {

	color: #fff;

	margin-bottom: 2px;

	letter-spacing: 1px;

	text-transform: uppercase

}



.footer-top-phone p {

	font-weight: 700;

	color: #f7d746;

	font-size: 25px

}



.footer-subscribe-form {

	position: relative

}



.footer-subscribe-form .form-control {

	background: 0 0;

	padding: 18px 200px 18px 22px;

	box-shadow: none;

	color: #fff;

	border-color: rgba(255, 255, 255, .1);

	transition: all .5s ease-in-out

}



.footer-subscribe-form .form-control::placeholder {

	color: #75756f

}



.footer-subscribe-form .form-control:focus {

	border-color: #8cbc43

}



.footer-subscribe-form .theme-btn {

	position: absolute;

	padding: 7px 15px;

	font-size: 15px;

	right: 10px;

	top: 10px

}



.footer-subscribe-form .theme-btn:hover {

	color: #8cbc43

}



.footer-subscribe-form .theme-btn::before {

	background: #fff

}



.footer-widget-box {

	margin-bottom: 20px

}



.footer-widget {

	position: relative;

	z-index: 1

}



.footer-logo img {

	width: 240px;

	margin-bottom: 30px

}



.copyright .copy-right-wrapper {

	border-top: 1px solid rgba(255, 255, 255, .08);

	padding: 20px 0

}



.copyright .footer-menu {

	margin: 0;

	padding: 0;

	text-align: right

}



.copyright .footer-menu li {

	display: inline-block;

	margin-left: 25px;

	font-size: 16px;

	position: relative

}



.copyright .footer-menu li:not(:last-child):after {

	position: absolute;

	content: "\f111";

	font-family: "font awesome 5 pro";

	padding-left: 10px;

	top: 9px;

	font-weight: 700;

	color: #8cbc43;

	font-size: 7px

}



.copyright .footer-menu li a {

	color: #f5faff;

	transition: all .5s ease-in-out

}



.copyright .footer-menu li a:hover {

	color: #8cbc43

}



.copyright .copyright-text {

	color: #f5faff;

	margin-bottom: 0;

	font-size: 16px

}



.copyright .copyright-text a {

	color: #f7d746;

	font-weight: 500

}



.footer-widget-title {

	color: #fff;

	position: relative;

	padding-bottom: 20px;

	margin-bottom: 30px;

	z-index: 1

}



.footer-widget-title::before {

	position: absolute;

	content: '';

	z-index: -1;

	width: 40px;

	height: 2px;

	background-color: #f7d746;

	bottom: 0;

	left: 0

}



.footer-widget-title::after {

	position: absolute;

	content: '';

	z-index: -1;

	width: 5px;

	height: 2px;

	background-color: #f7d746;

	bottom: 0;

	left: 45px

}



.footer-list {

	display: flex;

	flex-direction: column;

	gap: 1rem

}



.footer-list li a {

	color: #fff;

	transition: all .5s ease-in-out

}



.footer-list li a i {

	margin-right: 5px

}



.footer-list li a:hover {

	padding-left: 10px;

	color: #8cbc43

}



.footer-widget-box p {

	color: #fff;

	padding-right: 18px;

	margin-bottom: 20px

}



.footer-social {

	display: flex;

	gap: 15px;

	margin-top: 40px

}



.footer-social li a i {

	height: 35px;

	width: 35px;

	line-height: 30px;

	text-align: center;

	border: 1px solid #fff;

	background: #f7d746;

	color: #fff;

	border-radius: 4px;

	transition: all .5s ease-in-out

}



.footer-social li a i:hover {

	background: 0 0;

	color: #8cbc43

}



.footer-contact li {

	position: relative;

	display: flex;

	justify-content: start;

	align-items: center;

	color: #f5faff;

	font-size: 16px;

	margin-bottom: 20px

}



.footer-contact li a {

	color: #f5faff;

	-webkit-transition: .3s;

	transition: .3s

}



.footer-contact li i {

	width: 12px;

	height: 30px;

	font-size: 18px;

	margin-right: 15px;

	border-radius: 5px;

	line-height: 31px;

	text-align: center;

	-webkit-transition: .3s;

	transition: .3s;

	color: #f7d746

}



@media all and (max-width:1199px) {

	.footer-widget-box {

		margin-bottom: 50px

	}

}



@media all and (max-width:991px) {

	.footer-widget-wrapper {

		padding-bottom: 0

	}

	.copyright .footer-menu {

		float: left;

		margin-top: 20px;

		text-align: left

	}

	.copyright .footer-menu li {

		margin-left: 0;

		margin-right: 22px

	}

}



@media all and (max-width:767px) {

	.footer-subscribe-form {

		margin-top: 30px

	}

	.footer-widget-wrapper {

		padding-bottom: 0

	}

	.footer-subscribe-form .form-control {

		padding: 16px 20px

	}

	.footer-subscribe-form .theme-btn {

		position: unset;

		margin-top: 20px;

		padding: 10px 20px

	}

}



.search-popup {

	position: fixed;

	left: 0;

	top: 0;

	height: 100vh;

	width: 100%;

	z-index: 99999;

	margin-top: -540px;

	transform: translateY(-100%);

	background-color: rgba(0, 0, 0, .8);

	transition: all 1500ms cubic-bezier(.86, 0, .07, 1);

	transition-timing-function: cubic-bezier(.86, 0, .07, 1)

}



.sidenav-bar-visible .search-popup {

	width: 80%

}



.search-active .search-popup {

	transform: translateY(0%);

	margin-top: 0

}



.search-popup .close-search {

	position: absolute;

	left: 0;

	right: 0;

	top: 75%;

	border: none;

	margin: 0 auto;

	margin-top: -200px;

	border-radius: 4px;

	text-align: center;

	background: #8cbc43;

	text-align: center;

	width: 50px;

	height: 50px;

	color: #fff;

	font-size: 20px;

	cursor: pointer;

	box-shadow: 0 0 10px rgba(0, 0, 0, .05);

	transition: all 500ms ease;

	opacity: 0;

	visibility: hidden

}



.search-active .search-popup .close-search {

	visibility: visible;

	opacity: 1;

	top: 50%;

	transition-delay: 1500ms

}



.search-popup form {

	position: absolute;

	max-width: 700px;

	top: 50%;

	left: 15px;

	right: 15px;

	margin: -35px auto 0;

	transform: scaleX(0);

	transform-origin: center;

	transition: all 300ms ease

}



.search-active .search-popup form {

	transform: scaleX(1);

	transition-delay: 1200ms

}



.search-popup .form-group {

	position: relative;

	margin: 0;

	overflow: hidden

}



.search-popup .form-group input[type=text],

.search-popup .form-group input[type=search] {

	position: relative;

	width: 100%;

	height: 60px;

	outline: none;

	border-radius: 4px;

	border: none;

	padding: 0 100px 0 35px;

	transition: all 500ms ease;

	text-transform: capitalize

}



.search-popup .form-group input[type=submit],

.search-popup .form-group button {

	position: absolute;

	right: 10px;

	top: 7px;

	border-radius: 4px;

	background: #8cbc43;

	text-align: center;

	font-size: 20px;

	color: #fff!important;

	padding: 5px 15px;

	border: none;

	cursor: pointer;

	transition: all 500ms ease

}



.search-popup .form-group input[type=submit]:hover,

.search-popup .form-group button:hover {

	background: #1b1b1b

}



.search-popup input::placeholder,

.search-popup textarea::placeholder {

	color: #51668a

}



.mobile-search-btn {

	display: none

}



@media all and (max-width:991px) {

	.mobile-search-btn {

		display: block;

		position: absolute;

		right: 15%;

		color: #1b1b1b;

		font-size: 20px

	}

}



@media all and (max-width:767px) {

	.mobile-search-btn {

		right: 20%

	}

}



.home-3.main {

	margin-top: -7rem

}



@media(min-width:991px) {

	.home-3 .navbar {

		background: rgba(255, 255, 255, .1);

		border-bottom: 1px solid rgba(255, 255, 255, .1)

	}

	.home-3 .navbar .nav-item .nav-link {

		color: #fff

	}

	.home-3 .navbar .nav-item .nav-link.active,

	.home-3 .navbar .nav-item:hover .nav-link {

		color: #8cbc43

	}

	.home-3 .navbar.fixed-top {

		background: #1b1b1b

	}

	.home-3 .header-nav-search a {

		color: #fff

	}

	.home-3 .header-nav-search a:hover {

		color: #8cbc43

	}

	.home-3 .hero-single {

		padding-top: 250px

	}

}



@media(max-width:991px) {

	.home-3 .navbar {

		background: rgba(255, 255, 255, .1)!important;

		border-bottom: 1px solid rgba(255, 255, 255, .1)!important

	}

	.home-3 .hero-single {

		padding-top: 280px

	}

	.home-3 .mobile-search-btn {

		color: #fff

	}

	.home-3 .mobile-search-btn:hover {

		color: #8cbc43

	}

	.home-3 .navbar-toggler-icon {

		color: #fff

	}

	.home-3 .navbar.fixed-top .navbar-toggler-icon {

		color: #fff

	}

	.home-3 .navbar.fixed-top {

		background-color: #1b1b1b!important

	}

}

.or-sr img{

	border:1px solid;

	margin-bottom:20px;

}

.or-sr h4{

	margin-bottom:15px;

	text-transform:uppercase;

}

.or-sr{

	background-color:white;

	box-shadow:0 0 40px 5px rgb(0 0 0 / 5%);

	text-align:center;

	padding:20px;

	margin-bottom:30px;

}

.bder-gl{

	border:1px solid;

}

@media(max-width:768px)

{

	.carousel{

		margin-top:58px

	}

	.navbar{

		    border-top: 5px solid #f7d746;

	}

	.about-right {

    margin-top: 60px;

}

.py-120 {

    padding: 80px 0;

}

}



#callme {

    position: fixed;

    right: 10px;

    bottom: 120px;

    width: 70px;

    height: 70px;

    cursor: pointer;



    z-index: 99990;

}

#callme #callmeMain {

    -moz-border-radius: 50% !important;

    -webkit-border-radius: 50% !important;

    border-radius: 50% !important;

    -moz-background-clip: padding;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    background-color: rgb(207,8,8);

    width: 70px;

    height: 70px;

    -webkit-animation: zcwmini2 1.5s 0s ease-out infinite;

    -moz-animation: zcwmini2 1.5s 0s ease-out infinite;

    animation: zcwmini2 1.5s 0s ease-out infinite;

}

#callme #callmeMain:before {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background-image: url(https://ss.zadarma.com/callbackWidget/images/mini.png);

    background-repeat: no-repeat;

    background-position: center center;

    -webkit-animation: zcwphone2 1.5s linear infinite;

    -moz-animation: zcwphone2 1.5s linear infinite;

    animation: zcwphone2 1.5s linear infinite;

}

@-webkit-keyframes zcwphone {

    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}

    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}

    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

}

@-moz-keyframes zcwphone {

    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}

    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}

    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

}

@keyframes zcwphone {

    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}

    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}

    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

}

@-webkit-keyframes zcwphone2 {

    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}

    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}

    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

}

@-moz-keyframes zcwphone2 {

    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}

    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}

    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

}

@keyframes zcwphone2 {

    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}

    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}

    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

}

@-webkit-keyframes zcwmini {

    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}

    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}

    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}

}

@-moz-keyframes zcwmini {

    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}

    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}

    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}

}

@keyframes zcwmini {

    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}

    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}

    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}

}

@-webkit-keyframes zcwmini2 {

    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}

    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}

    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}

}

@-moz-keyframes zcwmini2 {

    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}

    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}

    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}

}

@keyframes zcwmini2 {

    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}

    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}

    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}

}

.whatsup {

    position: fixed;

    left: 10px;

    width: 50px;

    bottom: 90px;

    z-index: 99;

}

@media(max-width:768px)

{

	.mobile-search-btn{

		display:none;

	}

	.carousel{

		margin-top:64px

	}

}



 #pop-up{ padding: 10px 16px;

                font-size: 18px;

                line-height: 1.33;

                border-radius: 6px;

                position: fixed;

                top: 300px;

                right: 0px;

                z-index: 999999;

                background: #ec3c01;

                border: 2px solid #eceae9;

                -webkit-box-shadow: 0 0 10px #fff;

                box-shadow: 0 0 10px #fff;

          }

          .sub-btn{

                background: #ec3c01;

                width: 100px;

                color: #fff;

                font-size: 18px;

          }

        .sub-btn:hover{

                background: #333;

                width: 100px;

                color: #fff;

                font-size: 18px;

          }     #pop-up{ padding: 10px 16px;

                font-size: 18px;

                line-height: 1.33;

                border-radius: 6px;

                position: fixed;

                top: 300px;

                right: 0px;

                z-index: 999999;

                background: #ec3c01;

                border: 2px solid #eceae9;

                -webkit-box-shadow: 0 0 10px #fff;

                box-shadow: 0 0 10px #fff;

          }

        #call-btn{ 

                padding: 10px 16px;

                font-size: 18px;

                line-height: 1.33;

                border-radius: 6px 10px!important;

                position: fixed;

                top: 150px;

                right: 0px;

                z-index: 999999;

                background: #76030a;

                border: 2px solid #eceae9;

                -webkit-box-shadow: 0 0 10px #fff;

                box-shadow: 0 0 10px #fff;

          }

            #call-btn:hover{

                background: #000;

                color:#fff;

            }

         .modal .form-control{

              -moz-box-shadow: 0 0 2px #999;

                -webkit-box-shadow: 0 0 2px #999;

                box-shadow: 0 0 2px #999;

margin-bottom:10px;

          }

  

        #btn-fix{

             position: fixed;

                top: 235px;

                right: 0px;

                z-index: 999;   

            }

            #btn-fix img{

                width:35px;

            }

.bg-lght-yellow{
	background-color: #e3d1a996 !important;
}

.bg-drk-yellow{
background-color: #7e7320b3 !important;
}






  /* Sticky + isolation */
  #csdbMainNavbar.csdb-navbar--sticky{
    position: sticky;
    top: 0;
    z-index: 1045; /* above content, below most modals */
    background: #fff;
  }

  /* Optional subtle separation */
  #csdbMainNavbar{
    box-shadow: 0 6px 18px rgba(0,0,0,.06);
  }

  /* Keep your logo from overflowing */
  #csdbMainNavbar .csdb-navbar__logo{
    max-height: 52px;
    height: auto;
    width: auto;
    display: block;
  }

  /* Make sure dropdown appears over content and is scrollable */
  #csdbMainNavbar .csdb-navbar__dropdown-menu{
    border: 0;
    box-shadow: 0 16px 40px rgba(0,0,0,.14);
    border-radius: 16px;
    padding: 10px;
    min-width: 320px;
  }

  /* Scrollable dropdown area (does NOT affect other dropdowns) */
  #csdbMainNavbar .csdb-dropdown-scroll{
    max-height: 360px;
    overflow: auto;
  }

  /* Cleaner dropdown items */
  #csdbMainNavbar .csdb-navbar__dropdown-item{
    border-radius: 10px;
    padding: .6rem .85rem;
    white-space: normal;
  }

  #csdbMainNavbar .csdb-navbar__dropdown-item:hover,
  #csdbMainNavbar .csdb-navbar__dropdown-item:focus{
    background: rgba(13,110,253,.08); /* bootstrap primary tint */
  }

  /* Divider spacing */
  #csdbMainNavbar .csdb-navbar__divider{
    margin: .5rem .25rem;
    opacity: .15;
  }

  /* Slightly nicer nav links without touching global .nav-link */
  #csdbMainNavbar .csdb-navbar__link{
    padding: .75rem .9rem;
  }

  /* Mobile right area spacing */
  #csdbMainNavbar .csdb-navbar__mobile-right{
    display: flex;
    align-items: center;
    gap: .5rem;
  }

  /* Ensure toggler icon looks consistent */
  #csdbMainNavbar .csdb-navbar__toggler{
    border: 0;
    padding: .4rem .6rem;
  }
  #csdbMainNavbar .csdb-navbar__toggler:focus{
    box-shadow: none;
  }