:root {
	--primary-color-green: #a5e64c;
	--primary-color-green-hover: #90f407;
	--primary-color-green-highlited: #4cff41;
	--green-highlited-hover: #0dda00;
	--clover-btn-bg: #588F7D;
	--clover-btn-bg-hover: #DBB780;
	--clover-btn-txt: #fff;
	--clover-btn-txt-hover: #000;
}

* {
	outline: none !important
}

::selection {
	background-color: #475B6F;
	color: #fff
}

html {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	overflow-y: scroll
}

body {
	color: #6a6a6a;
	background: #f1f0f0
}

p {
	margin: 0 0 20px 0
}

img {
	max-width: 100%
}

a {
	text-decoration: none;
	outline: none
}

a {
	color: var(--clover-btn-bg);
	-o-transition: all .4s;
	-ms-transition: all .4s;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	transition: all .4s
}

a:hover {
	color: var(--clover-btn-bg-hover);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 15px 0;
	color: #4CFF41;
	font-family: sans-serif
}

.btn {
	border-radius: 0
}

.btn-o {
	border: 1px solid #3A4F52;
	color: #3A4F52
}

.btn-o:hover {
	background: #3A4F52;
	color: #fff
}

.btn.btn-o-white {
	border: 1px solid #fff;
	color: #fff;
	background: #fff0
}

.btn.btn-o-white:hover {
	background: #fff;
	color: #6a6a6a
}

#header,
#header-inner {
	position: relative;
	padding: 0 !important
}

#header.header-wrapper,
#header-inner.header-wrapper {
	background: linear-gradient(0deg, rgb(0 0 0 / .5), rgb(0 0 0 / .5));
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	display: table;
	height: 100vh;
	width: 100%;
	position: relative;
	z-index: 1;
	overflow-x: hidden
}

#header-inner.header-wrapper {
	height: 50vh
}

@media screen and (max-width:767px) and (orientation:landscape) {

	#header.header-wrapper,
	#header-inner.header-wrapper {
		height: auto;
		min-height: 100vh;
		padding: 0
	}
}

#header.header-wrapper .header-wrapper-inner,
#header-inner.header-wrapper .header-wrapper-inner {
	display: table-cell;
	text-align: center;
	vertical-align: middle
}

.top-nav {
	background: rgb(0 0 0);
	position: sticky;
	top: 0;
	width: 100%;
	padding: 20px 20px;
	height: auto;
	z-index: 500;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s
}

a {
	transition: all 0.5s ease-out
}

.top-nav.solid {
	background: #000;
	padding-top: 15px;
	padding-bottom: 15px
}

.top-nav .logo img {
	width: 300px
}

.top-nav .pull-center {
	text-align: center
}

.top-nav.top h1 {
	margin-bottom: 0
}

.top-nav .top.solid .toggleDrawer i {
	padding-top: 8px
}

.btn-book-now-header {
	background-color: var(--clover-btn-bg) !important;
	color: var(--clover-btn-txt) !important;
	text-transform: uppercase !important;
	font-weight: bold !important;
	border: 1px solid var(--clover-btn-bg) !important;
	border-radius: 30px;
	padding: 15px 20px;
	font-size: 15px
}

.btn-book-now-header:hover {
	background-color: var(--clover-btn-bg-hover) !important;
	color: var(--clover-btn-txt-hover) !important;
	border: 1px solid var(--clover-btn-bg-hover) !important;

}

.m-icon {
	margin-top: 10px
}

#header .logo,
#header .toggleDrawer {
	font-family: sans-serif;
	color: #fff
}

#header .slogan,
#header-inner .slogan {
	font-size: 4em;
	margin-bottom: 15px;
	line-height: 1em;
	font-family: sans-serif;
	color: #fff
}

#header .secondary-slogan,
#header-inner .secondary-slogan {
	font-size: 1.6em;
	color: rgb(255 255 255 / .5);
	line-height: 1em;
	font-family: sans-serif
}

#header .bottom {
	bottom: 10%;
	display: block;
	position: absolute;
	width: 100%;
	z-index: 3
}

#header .bottom a img {
	width: 50px
}

#header .bottom a {
	opacity: .7
}

#header .bottom a:hover {
	opacity: 1
}

#drawer-right {
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
	margin-right: -300px;
	background: #2B3E51;
	width: 300px;
	padding: 20px;
	z-index: 999
}

#drawer-right h1,
#drawer-right h2 {
	color: #fff
}

#drawer-right .nav-pills>li>a {
	font-size: 18px;
	border-radius: 0
}

#drawer-right .social {
	margin-top: 30px
}

#drawer-right .social ul {
	list-style: none;
	padding-left: 20px
}

#drawer-right .social ul>li {
	display: inline-block
}

#drawer-right .social ul>li>a:hover {
	color: #fff
}

#drawer-left {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	margin-left: -300px;
	background: #000;
	width: 300px;
	padding: 20px;
	z-index: 999
}

#drawer-left h1,
#drawer-left h2 {
	color: #fff
}

#drawer-left .nav-pills>li>a {
	font-size: 18px;
	border-radius: 0
}

#drawer-left .nav-pills>li>a:hover {
	background: none;
	text-decoration: underline
}

#drawer-left .social {
	margin-top: 30px
}

#drawer-left .social ul {
	list-style: none;
	padding-left: 20px
}

#drawer-left .social ul>li {
	display: inline-block
}

#drawer-left .social ul>li>a:hover {
	color: #fff
}

.content-block {
	background: #fff0 no-repeat center center fixed;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	overflow: hidden
}

.parallax {
	padding: 35px 0;
}

.block-body {
	margin-top: 60px
}

#services {
	background-image: none;
	color: #fff;
	background-color: #000
}

#wccc {
	background-image: none;
	color: #fff;
	background-color: #000
}

#parallax {
	background-image: url(../images/blue_mac2.jpg);
	color: #fff
}

#contact {
	background-image: url(../images/newsletter-bg.png);
	color: #fff;
	background-color: #405162
}

#parallax h1 {
	margin-bottom: 60px;
	color: #fff
}

.recent-work {
	width: 100%;
	padding-bottom: 27%;
	background: #C3C9CC;
	display: table;
	text-align: center;
	vertical-align: middle;
	padding-top: 27%;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	margin-bottom: 30px
}

.recent-work span {
	margin-top: -18px;
	opacity: 0;
	position: relative;
	z-index: 1
}

.recent-work:before {
	background: rgb(2 56 58 / .7);
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	opacity: 0;
	-o-transition: all .2s;
	-ms-transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
	transition: all .2s
}

.recent-work:hover {
	background-size: 200%;
	background-position: center
}

.recent-work:hover:before,
.recent-work:hover span {
	opacity: 1
}

#services h1,
#services h2 {
	color: #fff
}

#services h2 {
	color: #fff;
	text-align: center;
	font-size: 26px;
	font-weight: 700;
	padding: 5px 15px
}

#services .service i {
	font-size: 40px;
	padding: 30px 5px;
	align-self: center
}

#services .service {
	padding: 20px 0 0 0;
	border: 2px solid #1c2430;
	border-radius: 15px;
	margin-bottom: 40px;
	flex: 1;
	display: flex;
	flex-direction: column
}

#services .service i.fa-solid::before,
#services .service i.far::before {
	color: #153b13
}

#services .service i.fa-solid.fa-graduation-cap {
	-webkit-transform: scale(-1, 1);
	-moz-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	transform: scale(-1, 1)
}

#services .service i.fa-solid:hover::before,
#services .service i.far:hover::before {
	color: #3dc134
}

#services .service p {
	text-align: left;
	background-color: #121826;
	padding: 20px 15px 20px 15px;
	color: #868d98;
	margin: 0;
	flex: 1
}

#services .service .bottom-section {
	background-color: #121826;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	padding: 15px 10px 15px 10px;
	display: flex;
	align-items: center;
	justify-content: space-between
}

#services .service .bottom-section .left-div {
	display: inline-block;
	width: 45%;
	float: left
}

#services .service .bottom-section .right-div {
	display: inline-block;
	float: right;
	width: 45%;
	color: #4cff41
}

#services .service .bottom-section .left-div .btn-book-now {
	background-color: var(--clover-btn-bg) !important;
	text-transform: capitalize !important;
	font-size: 14px !important;
	border-radius: 20px;
	border: none;
	color: var(--clover-btn-txt);
	font-weight: 700
}

#services .service .bottom-section .left-div .btn-book-now:hover {
	color: var(--clover-btn-txt-hover) !important;
	background-color: var(--clover-btn-bg-hover) !important;
}

#services .service .bottom-section .right-div .fas {
	font-size: 12px;
	padding: 0
}

#services .service .bottom-section .right-div a {
	color: var(--clover-btn-bg);
}

#services .service .bottom-section .right-div a:hover {
	color: var(--clover-btn-bg-hover);
	text-decoration: none
}

#services section div.row {
	display: flex
}

#services section div.row div.col-md-4 {
	display: flex
}

#wccc h1,
#wccc h2 {
	color: #fff
}

#wccc h2 {
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	padding: 5px 15px;
	color: #4bfe40
}

#wccc .service i {
	font-size: 40px;
	padding: 30px 5px;
	align-self: center
}

#wccc .service {
	padding: 20px 0 0 0;
	border: 2px solid #1c2430;
	border-radius: 15px;
	margin-bottom: 40px;
	flex: 1;
	display: flex;
	flex-direction: column;
	background-color: #1a1a1a
}

#wccc .service i.fa-solid::before,
#wccc .service i.far::before {
	color: #4bfe40
}

#wccc .service i.fa-solid.fa-graduation-cap {
	-webkit-transform: scale(-1, 1);
	-moz-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	transform: scale(-1, 1)
}

#wccc .service i.fa-solid:hover::before,
#wccc .service i.far:hover::before {
	color: #FFF
}

#wccc .service p {
	text-align: center;
	padding: 20px 15px 20px 15px;
	color: #868d98;
	margin: 0;
	flex: 1
}

#wccc .service .bottom-section {
	background-color: #121826;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	padding: 15px 0
}

#wccc .service .bottom-section .left-div {
	display: inline-block;
	width: 45%;
	text-align: left
}

#wccc .service .bottom-section .right-div {
	display: inline-block;
	text-align: right;
	width: 45%;
	color: #4cff41
}

#wccc .service .bottom-section .left-div .btn-book-now {
	background-color: #4cff41 !important;
	text-transform: capitalize !important;
	font-size: 12px !important;
	border-radius: 20px;
	border: none;
	color: #000;
	font-weight: 700
}

#wccc .service .bottom-section .right-div .fas {
	font-size: 12px;
	padding: 0
}

#wccc .service .bottom-section .right-div a {
	color: #4cff41
}

#wccc .service .bottom-section .right-div a:hover {
	color: #FFF;
	text-decoration: none
}

#wccc section div.row {
	display: flex
}

#wccc section div.row div.col-md-4 {
	display: flex
}

#blog .blog-post img {
	margin-bottom: 20px
}

#blog .date {
	margin-bottom: 15px;
	font-style: italic
}

#testimonials {
	text-align: center
}

#testimonials .testimonial>img {
	border-radius: 100%;
	margin-bottom: 15px
}

#testimonials .testimonial {
	padding: 25px
}

#contact {
	color: #fff
}

#contact h1 {
	color: #fff
}

.form-control-white {
	background: #fff0;
	color: #fff
}

.form-control-white::-webkit-input-placeholder {
	color: #fff
}

.form-control-white:-moz-placeholder {
	color: #fff;
	opacity: 1
}

.form-control-white::-moz-placeholder {
	color: #fff;
	opacity: 1
}

.form-control-white:-ms-input-placeholder {
	color: #fff
}

#footer {
	background: #2B3E51;
	color: #fff
}

@media (min-width:767px) and (max-width:900px) {
	#services section div.row {
		flex-direction: column
	}

	#wccc section div.row {
		flex-direction: column
	}
}

@media (max-width:767px) {
	#services section div.row {
		flex-direction: column
	}

	#wccc section div.row {
		flex-direction: column
	}

	#header .slogan,
	#header-inner .slogan {
		font-size: 2.8em
	}

	#header .secondary-slogan,
	#header-inner .secondary-slogan {
		font-size: 1.2em
	}

	#header .bottom {
		bottom: 13%
	}

	.blog-post {
		margin-bottom: 40px
	}

	.recent-work {
		background-position: center
	}

	.recent-work:before {
		opacity: 1
	}

	.recent-work span {
		opacity: 1
	}
}

@media (max-width:480px) {
	#drawer-right {
		padding: 10px 20px
	}

	#drawer-right .nav-pills>li>a {
		font-size: 17px
	}

	.nav-stacked>li+li {
		margin-top: 0
	}

	.nav>li>a {
		padding: 8px 15px
	}

	#drawer-right .social {
		margin-top: 5px
	}

	#header {
		background-size: cover
	}
}

.nav-stacked>li a {
	color: #4cff41;
}

.nav-stacked>li a:hover {
	color: #000;
	/* text-decoration: underline; */
}

a:hover {
	text-decoration: none
}

.section {
	background: #000;
	padding: 50px 0
}

.section-header {
	color: #b8bbc1;
	font-size: 18px;
	margin-bottom: 50px
}

.section-header h1 {
	font-size: 44px
}

.section-header h2 {
	font-size: 38px
}

.section-header h2 {
	color: var(--primary-color-green)
}

.fleet .nav-tabs {
	border: none;
	display: flex;
	justify-content: center;
	margin-bottom: 30px
}

.fleet .nav-tabs>li>a {
	border: none;
	border-radius: 7px;
	background: var(--clover-btn-bg);
	color: var(--clover-btn-txt);
	margin: 0 6px;
	padding: 10px 30px
}

.fleet .nav-tabs>li>a:hover {
	background-color: var(--clover-btn-bg-hover);
	color: var(--clover-btn-txt-hover);
}

.fleet .nav-tabs>li>a:focus,
.fleet .nav-tabs>li>a.active,
.fleet .nav-tabs>li.active>a,
.fleet .nav-tabs>li.active>a:focus,
.fleet .nav-tabs>li.active>a:hover {
	color: var(--clover-btn-txt-hover);
	cursor: default;
	background-color: var(--clover-btn-bg-hover);
	border: 0 solid var(--clover-btn-bg-hover);
	border-bottom-color: #fff0
}

.fleet-cat ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex
}

.fleet-cat ul li {
	margin: 5px 0;
	margin-right: 10px
}

.fleet-cat ul li span {
	background: #202936;
	color: #a5aab2;
	font-size: 14px;
	border-radius: 18px;
	display: block;
	padding: 6px 20px
}

.fleet .fleet-item {
	color: #a5aab2;
	background: #121826;
	text-align: left;
	border-radius: 10px;
	overflow: hidden
}

.fleet .fleet-item .fleet-icon {
	background: #202936;
	padding: 20px 20px;
	height: 180px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #4cff41;
	font-size: 50px
}

.fleet .fleet-item .fleet-content-inner {
	padding: 20px 20px;
	padding-bottom: 25px
}

.fleet .fleet-item .fleet-content h3 {
	font-size: 20px;
	color: #fff
}

.fleet .fleet-item .fleet-content p {
	padding-top: 10px;
	line-height: 25px
}

.fleet .fleet-item .fleet-content .btn-green {
	display: block
}

.fleet-col {
	padding-top: 15px;
	padding-bottom: 15px
}

.btn-green {
	background: var(--clover-btn-bg);
	color: var(--clover-btn-txt);
	border-radius: 8px;
	text-align: center;
	padding: 14px 20px;
	font-weight: 600
}

.btn-green:hover {
	background: var(--clover-btn-bg-hover);
	color: var(--clover-btn-txt-hover);
}

.no-padding-top {
	padding-top: 0
}

.no-padding-bottom {
	padding-top: 0
}

.area-cover {
	text-align: center;
	color: #a8a8a8
}

.area-cover h2 {
	color: #fff;
	font-weight: 600;
	margin-bottom: 30px
}

.area-cover a {
	color: #a8a8a8
}

.area-cover a:hover {
	color: var(--green-highlited-hover)
}

.area-cover span {
	display: inline-block;
	width: 15px;
	text-align: center
}

.area-cover ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 30px
}

.area-cover ul li {
	margin: 0 10px
}

.area-cover ul li a {
	display: block;
	background: var(--clover-btn-bg);
	border-radius: 20px;
	color: var(--clover-btn-txt);
	padding: 10px 20px
}

.area-cover ul li a:hover {
	background: var(--clover-btn-bg-hover);
	color: var(--clover-btn-txt-hover);
}

.bg-black {
	background: #000 !important
}

.section2-padding {
	padding-top: 150px
}

.section2-pd {
	transition: all 0.8s ease-out;
	height: 1px
}

.section2-pd-after {
	height: 80px
}

.equal_height {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.d-contents {
	display: contents !important
}

.d-flex {
	display: flex !important
}

.justify-content-center {
	justify-content: center !important
}

.no-padding {
	padding: 0 !important
}

/* #menu-sidebar-menu li.menu-item::before {
	all: unset !important;
}

#menu-sidebar-menu li.menu-item::before {
	content: none !important;
	display: none !important;
} */

.vc_general.vc_btn3:hover {
	color: #000 !important;
	background-color: #DBB780 !important;
}

/* .clovercars-slider-wrapper .dots {
	display: flex !important;
	justify-content: center !important;
	gap: 8px !important;
	margin-top: 15px !important;
}

.clovercars-slider-wrapper .dots .dot {
	width: 12px !important;
	height: 12px !important;
	border-radius: 50% !important;
	background: #ccc !important;
	border: none !important;
	cursor: pointer !important;
	transition: background 0.3s ease-in-out !important;
}

.clovercars-slider-wrapper .dots .dot.active {
	background: #333 !important;
} */

.clovercars-slider-wrapper .dots {
	display: none !important;
}