:root {
	--clover-btn-bg: #2c9d7d;
	--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;
	font-size: 17px
}

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: var(--clover-btn-bg);
	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 {
	position: relative;
	padding: 0 !important
}

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

#header-inner.header-wrapper.header-wrapper-b2b-services {
	background-image: url(../images/imgs-clover/business-man-being-driven.jpg);
	background-position: center center
}

#header-inner.header-wrapper.header-wrapper-recruitment {
	background-image: url(../images/imgs-clover/business-man-looking-into-vehicle.jpg);
	background-position: center center
}

#header-inner.header-wrapper.header-wrapper-contact-us {
	background-image: url(../images/imgs-clover/office.jpg);
	background-position: center center
}

#header-inner.header-wrapper.header-wrapper-about-us {
	background-image: url(../images/imgs-clover/about-us-white-car.jpg);
	background-position: center center
}

#header-inner.header-wrapper.header-wrapper-location-single {
	background-image: url(../images/imgs-clover/5645647474.jpg);
	background-position: center center
}

@media screen and (max-width:767px) and (orientation:landscape) {
	#header.header-wrapper {
		height: auto;
		min-height: 100vh;
		padding: 0
	}
}

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

#header .top {
	position: fixed;
	top: 0;
	width: 100%;
	padding: 30px;
	height: auto;
	z-index: 500;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s
}

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

#header .top h1 {
	margin-bottom: 0
}

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

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

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

#header .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
}

#header .logo img {
	width: 300px
}

#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
}

.toggleDrawer i::before {
	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;
	padding: 20px 0;
	background-color: #000 !important;
	color: #FFF !important
}

.content-block h1,
h2,
h3,
h4,
h5 {
	color: #FFF;
	margin: 15px 0 10px 0px !important
}

.parallax {
	padding: 60px 0
}

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

.clover-contact-text .ft-contact .fa {
	color: var(--clover-btn-bg) !important
}

#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: left;
	font-size: 20px;
	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: #4cff41 !important
}

#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: #4cff41 !important
}

#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 0
}

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

#services .service .bottom-section .right-div {
	display: inline-block;
	text-align: 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 .right-div .fas {
	font-size: 12px;
	padding: 0
}

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

#services .service .bottom-section .right-div a:hover {
	color: #FFF;
	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: 35px !important;
	padding: 0 0px !important;
	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,
,
#wccc .service i.fas::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,
#wccc .service i.fas:hover::before {
	color: #4cff41 !important
}

#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
}

#book-your-ride {
	background-color: #000;
	color: #FFF;
	text-align: left
}

#book-your-ride h3 {
	text-align: left;
	color: #FFF;
	font-weight: 700;
	font-size: 30px
}

#book-your-ride p {
	text-align: left;
	color: #FFF
}

#book-your-ride i.fa::before,
#book-your-ride i.far::before {
	color: #a5e64c
}

#book-your-ride ul {
	list-style: none;
	text-align: left;
	padding-left: 0
}

#book-your-ride ul li {
	background-color: #202936;
	color: #d2d4d7;
	border-radius: 10px;
	margin: 10px 0;
	padding: 15px 10px;
	font-size: 16px;
	font-weight: 700
}

#book-your-ride .btn {
	background-color: var(--clover-btn-bg);
	border: 3px solid var(--clover-btn-bg);
	color: var(--clover-btn-txt);
	border-radius: 10px;
	padding: 10px 15px;
	font-size: 17px;
	font-weight: 700;
	transition: all 0.3s ease-in-out;
}

#book-your-ride .btn:hover {
	background-color: var(--clover-btn-bg-hover) !important;
	color: var(--clover-btn-txt-hover) !important;
	border: 3px solid var(--clover-btn-bg);
}

/* #book-your-ride .btn.btn-call-us {
	background-color: #FFF
} */

#book-your-ride .btns {
	margin: 30px 0 20px 0
}

.form {
	background-color: #202936;
	border-radius: 10px;
	padding: 30px 20px
}

.form label {
	color: #8b929d;
	font-size: 16px
}

.form input[type="text"],
.form select,
.form input[type="date"],
.form input[type="time"],
.form input[type="tel"],
.form input[type="email"],
.form textarea,
.form input[type="checkbox"],
.form input[type="number"],
.form input[type="datetime-local"] {
	background-color: #384150;
	color: #ebecee;
	border: 2px solid #4b5461;
	border-radius: 5px;
	height: 50px
}

.form textarea {
	height: auto;
	resize: none
}

.form input[type="checkbox"] {
	width: 20px;
	height: 20px;
	display: inline-block;
	margin: 0 5px 0 0;
	accent-color: #a5e64c
}

.form .checkbox-wrapper input[type="checkbox"] {
	vertical-align: middle
}

.form .checkbox-wrapper label {
	vertical-align: middle;
	margin-bottom: 0
}

.form .checkbox-wrapper input[type="checkbox"]:hover {
	cursor: pointer
}

.form button[type="submit"] {
	background-color: #a5e64c;
	color: #121a08;
	border-radius: 10px;
	padding: 10px 15px;
	font-size: 17px;
	font-weight: 700;
	width: 100%;
	text-transform: uppercase
}

.form button[type="submit"]:hover {
	background-color: #FFF !important;
	color: #33f23b !important
}

.form.form-book-your-ride {
	background-color: #202936;
	border-radius: 10px;
	padding: 30px 20px
}

.form.form-book-your-ride label {
	color: #8b929d;
	font-size: 16px
}

.form.form-book-your-ride input[type="text"],
.form.form-book-your-ride select,
.form.form-book-your-ride input[type="date"],
.form.form-book-your-ride input[type="time"] {
	background-color: #384150;
	color: #ebecee;
	border: 2px solid #4b5461;
	border-radius: 5px;
	height: 50px
}

.form.form-book-your-ride button[type="submit"] {
	background-color: #a5e64c;
	color: #121a08;
	border-radius: 10px;
	padding: 10px 15px;
	font-size: 17px;
	font-weight: 700;
	width: 100%
}

.form.form-book-your-ride button[type="submit"]:hover {
	background-color: #FFF !important;
	color: #33f23b !important
}

.form.form-book-your-ride h4 {
	color: #FFF;
	font-weight: 700;
	font-size: 20px;
	text-transform: capitalize
}

#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
	}

	.box-style-1 section div.row {
		flex-direction: column
	}
}

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

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

	.box-style-1 section div.row {
		flex-direction: column
	}

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

	#header .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
	}
}

.spacer {
	height: 1px;
	color: #FFF;
	background-color: #FFF
}

#logos-ticker {
	background-color: #FFF
}

#footer-logos-cards {
	background-color: #000 !important;
}

/* #footer-logos-cards img {
	height: 50px
} */

.footer {
	background-color: #333333 !important
}

.footer-logos-certifications img {
	width: 150px;
	padding: 10px 5px
}

.width-150 {
	width: 150px !important
}

.width-70 {
	width: 70px !important
}

.width-110 {
	width: 110px !important
}

.width-100 {
	width: 100px !important
}

.width-90 {
	width: 90px !important
}

.width-80 {
	width: 90px !important
}

.wrapper-footer {
	background: #333;
	color: #fff
}

.wrapper-footer a {
	color: var(--clover-btn-bg);
}

.wrapper-footer a:hover {
	color: var(--clover-btn-bg-hover)
}

#wrapper-footer {
	background: #333;
	color: #fff
}

#wrapper-footer h3 {
	color: rgb(76, 255, 65);
}

a.ft-contact {
	font-size: 18px;
	display: block;
	margin-bottom: 5px;
	color: #fff
}

#wrapper-footer i {
	color: #00ba7b
}

#wrapper-trustpilot {
	background-color: #000
}

.wrapper-trustpilot #trustpilot-review-widget iframe {
	height: 100vh;
	border: 1px solid red !important
}

.wrapper-trustpilot #trustpilot-review-widget iframe #tp-widget-reviews-container #tp-widget-review {
	background-color: #121826 !important
}

.wrapper-trustpilot #trustpilot-review-widget iframe #tp-widget-reviews-container #tp-widget-review .header .header-title,
.tp-widget-review .header .header-title {
	color: #FFF !important
}

.wrapper-trustpilot #trustpilot-review-widget iframe #tp-widget-reviews-container #tp-widget-review .text {
	color: #FFF !important
}

.carousel-container {
	max-width: 700px;
	margin: 0 auto;
	text-align: center;
	padding: 0 20px
}

.carousel-header {
	color: #00b67a;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px
}

.carousel-subheader {
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: 10px;
	color: #FFF;
	font-size: 35px
}

.rating-stars {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 25px;
	color: #00b67a;
	gap: 5px;
	margin-bottom: 30px
}

.rating-stars span {
	font-size: 15px;
	color: #FFF
}

.slider {
	position: relative;
	overflow: hidden
}

.slide-track {
	display: flex;
	transition: transform 0.6s ease-in-out
}

.slide {
	min-width: 100%;
	box-sizing: border-box;
	padding: 20px 40px;
	background-color: #1e2634;
	border-radius: 10px
}

.stars {
	display: flex;
	justify-content: left;
	gap: 4px;
	margin-bottom: 10px
}

.stars svg {
	width: 20px;
	height: 20px;
	fill: #00b67a
}

.stars .empty {
	fill: #4b5563
}

.review-title {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
	color: #FFF;
	text-align: left
}

.review-text {
	font-size: 15px;
	color: #caced4;
	margin-bottom: 20px;
	text-align: left
}

.review-footer {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	color: #cbd5e1
}

.review-footer .data-published {
	color: #caced4;
	font-size: 12px;
	text-align: left
}

.avatar {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: #374151;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700
}

.nav-arrows {
	position: absolute;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
	display: flex;
	justify-content: space-between;
	pointer-events: none
}

.nav-arrows button {
	background-color: #374151;
	color: #fff;
	border: none;
	padding: 10px 15px;
	border-radius: 5px;
	cursor: pointer;
	font-size: 1.5rem;
	pointer-events: auto;
	z-index: 10;
	transition: background-color 0.3s ease
}

.nav-arrows button:hover {
	background-color: #4b5563
}

.dots {
	margin-top: 20px;
	display: flex;
	justify-content: center;
	gap: 10px
}

.dot {
	width: 12px;
	height: 12px;
	background-color: #4b5563;
	border-radius: 50%;
	cursor: pointer
}

.dot.active {
	background-color: #00b67a
}

.nav-arrows-absolute {
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
	display: flex;
	justify-content: space-between;
	transform: translateY(-50%);
	pointer-events: none
}

.nav-arrows-absolute .arrow {
	background-color: #374151;
	color: #fff;
	border: none;
	padding: 10px 15px;
	border-radius: 5px;
	font-size: 1.2rem;
	cursor: pointer;
	pointer-events: auto;
	z-index: 10
}

.nav-arrows-absolute .arrow:hover {
	background-color: #4b5563
}

.carousel-container {
	position: relative
}

.slide-track {
	display: flex;
	transition: transform 0.6s ease-in-out;
	will-change: transform
}

.rating-stars {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #00b67a;
	font-size: 1rem;
	gap: 5px;
	margin-bottom: 30px
}

.svg-stars {
	display: flex;
	gap: 4px
}

.star {
	width: 20px;
	height: 20px;
	fill: #00b67a
}

.star.partial {
	fill: url(#partialFill)
}

.row.site-info {
	margin-top: 30px;
	margin-bottom: 20px
}

.ft-social i {
	color: #fff;
	margin: 0 2px;
	font-size: 2.5rem
}

.ft-social i.fa-facebook-f {
	color: #3b5998
}

.ft-social i.fa-twitter {
	color: #00acee
}

.ft-social i.fa-instagram {
	color: #00acee;
	font-size: 3rem;
	background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
	background-clip: text;
	-webkit-text-fill-color: #fff0
}

.ft-social i.fa-linkedin {
	color: #0e76a8;
	font-size: 3rem
}

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

ul.tick li {
	padding-left: 1.3em;
	margin-bottom: 8px
}

ul.tick li::before {
	content: "\f058";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	display: inline-block;
	margin-left: -1.3em;
	width: 1.3em;
	color: #00ba7b
}

.text-red {
	color: red;
	font-size: 12px
}

.text-red .star {
	font-size: 20px;
	width: auto;
	height: auto;
	display: inline-block;
	vertical-align: middle;
	padding: 0 0 0 1px
}

.content-block .btn {
	background-color: var(--clover-btn-bg);
	color: var(--clover-btn-txt);
	border-radius: 10px;
	padding: 10px 15px;
	font-size: 17px;
	font-weight: 700
}

.content-block .btn:hover {
	background-color: var(--clover-btn-bg-hover) !important;
	color: var(--clover-btn-txt-hover) !important
}

#about-us .service.icon {
	margin: 0 auto
}

.box-style-1 h1,
.box-style-1 h2 {
	color: #fff
}

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

.box-style-1 [class*="col-"] {
	display: flex;
}

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

.box-style-1 .box i {
	font-size: 40px;
	padding: 30px 5px;
	align-self: center
}

.box-style-1 .box i.fa-solid::before,
.box-style-1 .box i.far::before {
	color: #4bfe40
}

.box-style-1 .box 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)
}

.box-style-1 .box i.fa-solid:hover::before,
.box-style-1 .box i.far:hover::before {
	color: #FFF
}

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

.box-style-1 .box img {
	margin: 0 auto
}

.box-style-1 div.row {
	display: flex
}

.box-style-1 div.row div.col-md-4 {
	display: flex
}

.panel {
	background-color: #000
}

.accordion-toggle:hover {
	text-decoration: none;
	border: 0
}

.panel-default>.panel-heading {
	color: #fff;
	background-color: #000;
	padding: 10px 10px
}

.panel-default .panel-title {
	margin: 4px 0 4px 0px !important;
	font-size: 18px;
	font-weight: 700
}

.panel-default .panel-body {
	color: #fff;
	background-color: #000;
	padding: 5px 10px 5px 40px;
	border: 0
}

.panel-group .panel {
	border: 0
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
	border: 0
}

.glyphicon {
	top: 2px
}

.panel-default .panel-heading .panel-title a {
	text-decoration: none !important
}

.panel-default .panel-heading .panel-title a[aria-expanded="true"] {
	color: #a5e64c
}

body.inner-page .content-block h1,
body.inner-page .content-block h2,
body.inner-page .content-block h3,
body.inner-page .content-block i.far,
body.inner-page .content-block i.fas {
	color: #4cff41 !important
}

.icon-circle {
	background-color: #1f311e;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center
}

.icon-circle i {
	color: #4cff41;
	font-size: 36px
}

#wccc .service {
	align-items: center
}

.no_top-bottom-padding {
	padding-top: 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;
} */