@charset "utf-8";
/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	font-family: 'Inter', sans-serif;
}
 body::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 border-radius: 10px;
 background-color: #F5F5F5;
}
body::-webkit-scrollbar {
 width: 3px;
 background-color: #F5F5F5;
}
 body::-webkit-scrollbar-thumb {
 background-color: #666;
}
h1, h2, h3, h4, h5, h6, p, ul, ol {
	margin: 0;
	padding: 0
}
a, button {
	text-decoration: none;
	transition: ease-in 0.3s;
	-moz-transition: ease-in 0.3s;
	-webkit-transition: ease-in 0.3s;
	-ms-transition: ease-in 0.3s;
	-o-transition: ease-in 0.3s;
}
img {
	max-width: 100%
}
@font-face {
	font-family: 'Insaniburger';
	src: url(../fonts/Insaniburger.woff2) format('woff2'), url(../fonts/Insaniburger.woff) format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Insaniburger with Cheese';
 src:url(../fonts/InsaniburgerwithCheese.woff) format('woff2'), url(../fonts/InsaniburgerwithCheese.woff format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
/* CSS Document */

/* CSS header  */

.header-main-wraper {
	padding-top: 68px
}
.top-header-wraper {
	background: #0C0C0C;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 111;
}
.header-nav-wraper {
}
.top-header-wraper .container-fluid {
	padding: 0 100px
}
.site-logo {
	margin-top: 7px;
}
.header-nav-wraper ul {
	list-style: none;
	text-align: center;
}
.header-nav-wraper ul li {
	display: inline-block;
}
.header-nav-wraper ul li a {
	color: #fff;
	font-size: 12px;
	padding: 25px 18px;
	letter-spacing: -0.5px;
	display: block;
	clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%)
}
.active-nav {
	background: #24755A;
}
.header-nav-wraper ul li a:hover {
	background: #24755A;
	color: #fff;
}
.search-group-header {
	position: relative;
	margin-top: 15px;
}
.search-group-header img {
	position: absolute;
	left: 0;
	top: 5px;
	width: 18px;
}
.search-group-header .form-control {
	background: none;
	border: none;
	outline: none;
	border-bottom: 1px solid #484C52;
	border-radius: 0;
	height: 30px;
	font-size: 14px;
	box-shadow: none;
	outline: none;
	padding-left: 30px;
	color: #fff;
}
.header-bottom-nav {
	background-image: linear-gradient(to right, #263749, #24795c);
}
.header-bottom-nav ul {
	list-style: none;
	text-align: center;
}
.header-bottom-nav ul li {
	display: inline-block;
}
.header-bottom-nav ul li a {
	text-transform: uppercase;
	color: #fff;
	font-size: 11px;
	text-decoration: none;
	display: block;
	padding: 15px 15px;
	font-weight: 500;
}
.header-bottom-nav ul li a:hover {
	background: #fff;
	color: #000
}
.drawer-menu {
	box-sizing: border-box;
	position: fixed;
	top: 0;
	right: 0;
	width: 280px;
	height: 100vh;
	padding: 65px 0 0 0;
	background-image: linear-gradient(to right, #263749, #24795c);
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: perspective(500px) rotateY(-90deg);
	transform: perspective(500px) rotateY(-90deg);
	opacity: 0;
	overflow: auto;
}
.drawer-menu li {
	text-align: left;
}
.drawer-menu li a {
	display: block;
	height: auto;
	line-height: 52px;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	-webkit-transition: all .8s;
	transition: all .8s;
	padding-left: 30px;
	border-bottom: 1px solid #1b3b3b;
	border-top: 1px solid #24785c;
}
.drawer-menu li:nth-child(1) a {
	border: none;
}
.drawer-menu li a:hover {
	color: #1a1e24;
	background: #fff;
}
/* checkbox */
.check {
	display: none;
}
/* menu button - label tag */
.menu-btn {
	position: absolute;
	display: block;
	top: 30px;
	right: 18px;
	display: block;
	width: 40px;
	height: 40px;
	font-size: 10px;
	text-align: center;
	cursor: pointer;
	z-index: 3;
}
.bar {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 35px;
	height: 1px;
	background: #fff;
	-webkit-transition: all .5s;
	transition: all .5s;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
}
.bar.middle {
	top: 10px;
	opacity: 1;
}
.bar.bottom {
	top: 20px;
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
}
.menu-btn__text {
	position: absolute;
	bottom: -15px;
	left: 0;
	right: 0;
	margin: auto;
	color: #fff;
	-webkit-transition: all .5s;
	transition: all .5s;
	display: block;
	visibility: visible;
	opacity: 1;
}
.menu-btn:hover .bar {
	background: #18b6a4;
}
.close-menu {
	position: fixed;
	top: 0;
	right: 280px;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0);
	cursor: url(http://theorthodoxworks.com/demo/images/cross.svg), auto;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	visibility: hidden;
	opacity: 0;
}
/* checked */
.check:checked ~ .drawer-menu {
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	z-index: 2;
}
.check:checked ~ .contents {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: translateX(-300px);
	-ms-transform: translateX(-300px);
	transform: translateX(-300px);
}
.check:checked ~ .menu-btn .menu-btn__text {
	visibility: hidden;
	opacity: 0;
}
.check:checked ~ .menu-btn .bar.top {
	width: 40px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #fff
}
.check:checked ~ .menu-btn .bar.middle {
	opacity: 0;
}
.check:checked ~ .menu-btn .bar.bottom {
	width: 40px;
	top: 28px;
	background: #fff;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.check:checked ~ .close-menu {
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
	background: rgba(0,0,0,.5);
	visibility: visible;
	opacity: 1;
	z-index: 3;
}
.drawer-menu ul {
	list-style: none;
}
.drawer-menu ul li a {
	text-decoration: none;
}
.drawer-menu ul li a img {
	margin-right: 5px;
	margin-top: -2px;
}
.logo-mobile-menu {
	text-align: center;
	padding-bottom: 24px
}
.menusitebar-main-wraper {
	display: none;
}
.accordion-button {
	background: none;
	color: #fff;
	box-shadow: none !important;
	outline: none !important;
	border: none !important;
	border-top: 1px solid #24785c !important;
	padding-left: 25px;
}
.accordion-item {
	background: none;
	border: none;
	outline: none;
	box-shadow: none;
}
.accordion-button:not(.collapsed) {
	background: #fff !important;
	color: #000 !important
}
.accordion-body {
	background: #253949
}
.accordion-body a {
	border-bottom: 1px solid #253949 !important;
	border-top: 1px solid #384e60 !important;
}
.sticky {
	position: fixed !important;
	top: 0;
	width: 100%;
	z-index: 1111;
}
nav ul li.active a {
	background-color: #24755A;
	transition: 0.3s;
}
nav .container ul li.active a {
	color: #ffffff;
}
/* CSS header */


/* CSS slider */


.slider-main-wraper {
	background: url(../images/slider-bg.jpg) no-repeat top;
	background-size: cover;
	padding: 60px 0;
	clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 97%);
}
.slider-main-wraper .slider-text-main-wrap {
}
.slider-text-main-wrap span {
	display: block;
	padding: 12px 25px;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	background: url(../images/bg.svg) no-repeat left;
	background-size: cover;
	font-weight: bold;
}
.slider-text-main-wrap h1 {
	font-size: 72px;
	line-height: 75px;
	color: #fff;
	font-family: 'Insaniburger';
	letter-spacing: 1px;
	margin: 25px 0 35px 0
}
.slider-text-main-wrap h1 strong {
	color: #22AC6A;
	font-weight: normal;
}
.button-slider-wrap {
	margin-bottom: 60px;
}
.button-slider-wrap a {
	background-image: linear-gradient(to right, #263749, #24795c);
	text-transform: uppercase;
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	padding: 18px 30px;
	border-radius: 30px;
	font-weight: bold;
}
.button-slider-wrap a:hover {
	background-image: linear-gradient(to right, #24795c, #263749);
}
/* CSS slider */

/* CSS content */

.enquire-main-wrap {
	background-image: linear-gradient(to right, #263749, #24795c);
	padding: 20px 30px;
	border-radius: 50px;
	margin-top: -55px;
	position: relative;
	box-shadow: 0px 29px 50px -14px #8c8c8c
}
.enquire-main-wrap .form-group {
}
.enquire-main-wrap .form-group .form-control {
	background: none;
	border: 1px solid #fff;
	box-shadow: none;
	outline: none;
	color: #fff;
	height: 50px;
	border-radius: 50px;
	padding-left: 25px;
	font-size: 14px;
}
.enquire-main-wrap .form-group .form-control::-ms-input-placeholder { /* Edge 12-18 */
 color: #fff;
}
 .enquire-main-wrap .form-group .form-control::placeholder {
 color: #fff;
}
.btn-message-wrap button {
	background: #fff;
	box-shadow: none;
	outline: none;
	color: #000;
	height: 50px;
	border-radius: 50px;
	width: 100%;
	font-weight: bold;
	border: none;
	text-transform: uppercase;
	font-size: 12px;
}
.slider-image-wrap {
	position: absolute;
	bottom: -8px;
	right: 200px;
	width: 44%;
}
.about-main-wraper {
	padding: 40px 0 0 0;
	position: relative;
}
.about-text-wraper {
	margin-top: 105px;
}
.about-text-wraper span {
	text-transform: uppercase;
	color: #22AC6A;
	font-size: 20px;
	font-family: 'Caveat', cursive;
	font-weight: bold;
}
.about-text-wraper h2 {
	font-size: 40px;
	color: #000;
	font-family: 'Insaniburger';
	letter-spacing: 1px;
	margin-bottom: 20px;
}
.about-text-wraper p {
	font-size: 14px;
	color: #000;
	padding-right: 205px;
	line-height: 24px;
}
.btn-about-wrap {
	margin-top: 30px;
}
.btn-about-wrap a {
	background-image: linear-gradient(to right, #263749, #24795c);
	text-transform: uppercase;
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	padding: 14px 30px;
	border-radius: 30px;
	font-weight: bold;
}
.btn-about-wrap a:hover {
	background-image: linear-gradient(to right, #24795c, #263749);
}
.about-image-wraper {
	text-align: right;
	position: relative;
	top: 30px;
}
.about-image-wraper img {
	width: 490px;
	margin: 0 auto;
}
.why-choose-main-wrap {
	background: #F6F6F6;
	position: relative;
	padding: 80px 0 0 0;
	clip-path: polygon(0 0, 100% 6%, 100% 100%, 0% 100%)
}
.why-choose-main-wrap span {
	text-align: center;
	display: block;
	text-transform: uppercase;
	color: #22AC6A;
	font-size: 20px;
	font-family: 'Caveat', cursive;
}
.why-choose-main-wrap h2 {
	text-align: center;
	font-size: 40px;
	color: #000;
	font-family: 'Insaniburger';
	letter-spacing: 1px;
	margin-bottom: 10px;
}
.why-choose-main-wrap p {
	padding: 0 115px;
	color: #000;
	padding-bottom: 60px;
	text-align: center;
}
.why-choose-main-wrap ul {
	list-style: none;
}
.why-choose-main-wrap ul li {
}
.why-choose-main-wrap ul li .left-listing-choose-wrap {
	text-align: right;
	margin-top: 100px
}
.left-choose-list {
	background: #fff;
	padding: 15px;
	border-radius: 50px;
	box-shadow: 0px 10px 29px 0 #d9d9d9;
	margin-bottom: 25px;
}
.left-choose-list .left-choose-text {
	width: 84%;
	float: left;
	margin-top: 5px;
}
.left-choose-list .left-choose-text h4 {
	font-size: 18px;
	color: #000;
	font-family: 'Insaniburger';
	letter-spacing: 1px;
}
.left-choose-list .left-choose-text p {
	font-size: 10px;
	margin: 0;
	padding: 0;
	text-align: right;
}
.choose-left-icon {
	width: 50px;
	margin-top: 3px;
	float: right;
}
.multi-color-list {
	background-image: linear-gradient(to right, #263749, #24795c) !important;
}
.multi-color-list h4 {
	color: #fff !important
}
.multi-color-list p {
	color: #fff !important
}
.right-listing-choose-wrap {
	margin-top: 100px
}
.right-listing-choose-wrap .right-choose-list {
	background: #fff;
	padding: 15px;
	border-radius: 50px;
	margin-bottom: 25px;
	box-shadow: 0px 10px 29px 0 #d9d9d9;
}
.choose-right-icon {
	width: 50px;
	float: left;
	margin-top: 3px;
}
.right-choose-text {
	width: 84%;
	float: left;
	margin-top: 5px;
	padding-left: 15px;
}
.right-choose-text h4 {
	font-size: 18px;
	color: #000;
	font-family: 'Insaniburger';
	letter-spacing: 1px;
}
.right-choose-text p {
	font-size: 10px;
	margin: 0;
	padding: 0;
	text-align: left;
}
.service-main-wraper {
	background: #1E1E1E;
	padding: 80px 0 20px 0;
	clip-path: polygon(0 3%, 100% 0%, 100% 100%, 0 98%);
	margin-top: -25px;
}
.service-main-wraper span {
	display: block;
	text-transform: uppercase;
	color: #22AC6A;
	font-size: 20px;
	text-align: center;
	font-family: 'Caveat', cursive;
	font-weight: bold;
}
.service-main-wraper h2 {
	text-align: center;
	font-size: 40px;
	color: #fff;
	font-family: 'Insaniburger';
	letter-spacing: 1px;
	margin-bottom: 10px;
}
.service-main-wraper p {
	text-align: center;
	color: #fff;
}
.service-main-wraper ul {
	list-style: none;
}
.service-main-wraper ul li {
	display: inline-block;
	width: 18%;
	margin: 0 5px;
	margin-bottom: 15px;
}
.listing-service-image {
	height: 300px;
	background-size: cover !important;
}
.service-main-wraper ul li:nth-child(2) {
	position: relative;
	top: -100px
}
.service-main-wraper ul li:nth-child(2) .listing-service-image {
	height: 200px;
}
.service-main-wraper ul li:nth-child(4) {
	position: relative;
	top: -100px
}
.service-main-wraper ul li:nth-child(4) .listing-service-image {
	height: 200px;
}
.service-main-wraper ul li:nth-child(5) {
	position: relative;
	top: 80px;
}
.service-main-wraper ul li:nth-child(5) .listing-service-image {
	height: 380px;
}
.service-main-wraper ul li a {
	display: block;
	border-radius: 150px;
	background: #fff;
	text-decoration: none;
	overflow: hidden;
}
.service-main-wraper ul li:nth-child(6) {
	position: relative;
	top: -100px
}
.service-main-wraper ul li:nth-child(6) .listing-service-image {
	height: 200px;
}
.service-main-wraper ul li:nth-child(7) {
	position: relative;
	top: -100px
}
.service-main-wraper ul li:nth-child(7) .listing-service-image {
}
.service-main-wraper ul li:nth-child(8) {
	position: relative;
	top: -100px
}
.service-main-wraper ul li:nth-child(8) .listing-service-image {
	height: 200px;
}
.service-main-wraper ul li:nth-child(9) {
	position: relative;
	top: -100px
}
.service-main-wraper ul li:nth-child(9) .listing-service-image {
}
.service-main-wraper ul li a:hover {
	background-image: linear-gradient(to right, #263749, #24795c);
	color: #fff;
}
.listing-service-text {
	text-align: center;
	padding: 45px 0;
	text-align: center;
	color: #000;
	font-weight: bold;
}
.service-main-wraper ul li a:hover .listing-service-text {
	color: #fff;
	transition: ease-in 0.3s;
	-moz-transition: ease-in 0.3s;
	-webkit-transition: ease-in 0.3s;
	-ms-transition: ease-in 0.3s;
	-o-transition: ease-in 0.3s;
}
.view-all-btn {
	position: relative;
	top: -140px
}
.view-all-btn a {
	background-image: linear-gradient(to right, #263749, #24795c) !important;
	text-align: center;
	padding: 50px 0;
	color: #fff;
	font-weight: bold;
}
.view-all-btn a:hover {
	background-image: linear-gradient(to right, #24795c, #263749) !important;
}
.view-all-btn a img {
	margin-bottom: 15px;
	width: 60px
}
.explore-main-wraper {
	background: url(../images/slider-bg.png) no-repeat top;
	padding: 120px 0;
	background-size: cover !important;
	margin-top: -78px;
	clip-path: polygon(0 0, 100% 0%, 100% 95%, 0 100%);
}
.explore-main-wraper span {
	display: block;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-family: 'Caveat', cursive;
	font-weight: bold;
}
.explore-main-wraper h2 {
	text-align: center;
	font-size: 40px;
	color: #fff;
	font-family: 'Insaniburger';
	letter-spacing: 1px;
}
.explore-main-wraper p {
	text-align: center;
	color: #fff;
	font-size: 16px;
}
.project-listing-wraper {
	border-radius: 300px;
	overflow: hidden;
	margin-top: 70px;
}
.project-listing-wraper .image-project-wrap {
	height: 500px;
	background-size: cover !important
}
.project-listing-wraper .col-md-7 {
	margin: 0;
	padding: 0;
}
.project-listing-wraper .col-md-5 {
	margin: 0;
	padding: 0;
}
.text-project-wraper {
	height: 500px;
	background: #fff;
	padding: 95px 130px 65px 45px;
}
.text-project-wraper h3 {
	font-weight: bold;
	color: #000;
	margin-bottom: 15px;
}
.text-project-wraper p {
	color: #000;
	text-align: left;
	font-size: 16px;
	padding-bottom: 30px;
}
.text-project-wraper .btn-project-wrap a img {
	width: 60px;
}
.owl-carousel .owl-stage-outer {
	overflow: visible !important;
}
.services-area-wrap {
	padding: 80px 0 0 0;
	background: #F6F6F6;
	margin-top: -50px;
}
.services-area-wrap span {
	display: block;
	text-transform: uppercase;
	color: #22AC6A;
	font-size: 20px;
	text-align: center;
	font-family: 'Caveat', cursive;
	font-weight: bold;
}
.services-area-wrap h2 {
	text-align: center;
	font-size: 40px;
	color: #000;
	font-family: 'Insaniburger';
	letter-spacing: 1px;
	margin-bottom: 10px;
}
.services-area-wrap p {
	color: #000;
	padding-bottom: 60px;
	text-align: center;
}
.services-area-wrap ul {
	list-style: none;
	padding: 0 25px;
}
.services-area-wrap ul li {
	display: inline-block;
	width: 10%;
	margin: 0 5px;
}
.services-area-wrap ul li .service-area-list-wrap {
}
.service-area-list-wrap a {
	display: block;
	background: #fff;
	border-radius: 100px;
	text-align: center;
	overflow: hidden;
	box-shadow: 0px 0px 20px 0 #ddd;
}
.service-area-list-wrap a:hover {
	background-image: linear-gradient(to right, #263749, #24795c)
}
.service-area-list-wrap a:hover .service-area-list-text {
	color: #fff;
	transition: ease-in 0.3s;
	-moz-transition: ease-in 0.3s;
	-webkit-transition: ease-in 0.3s;
	-ms-transition: ease-in 0.3s;
	-o-transition: ease-in 0.3s;
}
.service-area-list-image {
	height: 162px;
	background-size: cover !important
}
.service-area-list-text {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	padding: 25px 37px;
}
.customers-review-wraper {
	background: url(../images/slider-bg.jpg) no-repeat top;
	background-size: cover;
	padding: 90px 0;
	clip-path: polygon(0 0, 100% 5%, 100% 96%, 0 100%);
	margin-top: -60px;
}

.our-package {
	background-color: #fff;
	padding: 90px 0;
}

.packages {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

.packages-item {
	width: 440px;
	min-height: 714px;
	border: 1px solid #D9D9D9;
	overflow: hidden;
	border-radius: 594px;
}

.item-description h1 {
	font-size: 25px;
	padding: 20px;
}

.headering {
	text-align: center;
	margin-bottom: 40px;
}

.quote-button {
	display: flex;
	justify-content: center;
	align-items: center;
}

.our-package span {
	display: block;
	text-transform: uppercase;
	color: #22AC6A;
	font-size: 20px;
	text-align: center;
	font-family: 'Caveat', cursive;
	font-weight: bold;
}

.our-package h2 {
	text-align: center;
	font-size: 40px;
	color: #000;
	font-family: 'Insaniburger';
	letter-spacing: 1px;
	margin-bottom: 10px;
}

.customers-review-wraper span {
	display: block;
	text-transform: uppercase;
	color: #22AC6A;
	font-size: 20px;
	text-align: center;
	font-family: 'Caveat', cursive;
	font-weight: bold;
}
.customers-review-wraper h2 {
	text-align: center;
	font-size: 40px;
	color: #fff;
	font-family: 'Insaniburger';
	letter-spacing: 1px;
	margin-bottom: 10px;
}
.customers-review-wraper p {
	color: #fff;
	padding-bottom: 60px;
	text-align: center;
}
.review-listing-wrap {
	overflow: hidden;
	border-radius: 300px
}
.review-listing-wrap .col-md-6 {
	margin: 0;
	padding: 0
}
.review-image-wrap {
	height: 500px;
	background-size: cover !important;
}
.text-review-wraper {
	background-image: linear-gradient(to right, #263749, #24795c);
	padding: 120px 60px 60px 60px;
	height: 500px;
	text-align: left;
}
.text-review-wraper p {
	text-align: left;
	padding-right: 100px;
	line-height: 28px;
	position: relative;
}
.text-review-wraper p:before {
	content: "";
	position: absolute;
	top: -50px;
	left: 0;
	background: url(../images/quote-icon-top.svg) no-repeat top;
	width: 30px;
	height: 30px;
	background-size: contain
}
.text-review-wraper p:after {
	content: "";
	position: absolute;
	bottom: 20px;
	right: 60px;
	background: url(../images/quote-icon-bottom.svg) no-repeat top;
	width: 30px;
	height: 30px;
	background-size: contain;
}
.star-review-wrap a {
	text-decoration: none;
}
.star-review-wrap a img {
	width: 20px;
}
.name-review-wrap {
	font-size: 20px;
	color: #fff;
	font-weight: bold;
}
.location-review {
	font-size: 14px;
	color: #fff;
}
.location-review img {
	margin-right: 5px;
	width: 15px;
}
.faqs-main-wraper {
	padding: 60px 0;
}
.faqs-main-wraper span {
	display: block;
	text-transform: uppercase;
	color: #22AC6A;
	font-size: 20px;
	text-align: center;
	font-family: 'Caveat', cursive;
	font-weight: bold;
}
.faqs-main-wraper h2 {
	text-align: center;
	font-size: 40px;
	color: #000;
	font-family: 'Insaniburger';
	letter-spacing: 1px;
	margin-bottom: 10px;
}
.faqs-main-wraper p {
	color: #000;
	padding-bottom: 30px;
	text-align: center;
}
.faqs-main-wraper ul {
	list-style: none;
}
.faqs-main-wraper ul li {
	margin-bottom: 25px;
}
.faqs-main-wraper ul li .listing-faq-wraper {
	background-image: linear-gradient(to right, #263749, #24795c);
	border-radius: 50px;
	padding: 15px;
}
.listing-faq-wraper .listing-faq-number {
	width: 50px;
	height: 50px;
	background: #fff;
	text-align: center;
	color: #000;
	font-weight: bold;
	border-radius: 50%;
	float: left;
	padding-top: 15px;
	margin-top: 4px;
}
.listing-faq-wraper .listing-faq-text {
	width: 93%;
	float: left;
	padding-left: 20px
}
.listing-faq-wraper .listing-faq-text h4 {
	text-align: left;
	font-size: 20px;
	color: #fff;
	font-family: 'Insaniburger';
	letter-spacing: 1px;
}
.listing-faq-wraper .listing-faq-text p {
	padding: 0;
	margin: 0;
	color: #fff;
	font-size: 12px;
	text-align: left;
}
.faqs-main-wraper ul li:nth-child(2) .listing-faq-wraper {
	background: #fff !important;
	box-shadow: 0px 0px 20px 0 #ddd;
}
.faqs-main-wraper ul li:nth-child(2) h4 {
	text-align: right !important;
	color: #000 !important
}
.faqs-main-wraper ul li:nth-child(2) p {
	text-align: right !important;
	color: #000 !important
}
.faqs-main-wraper ul li:nth-child(2) .listing-faq-wraper .listing-faq-number {
	background: url(../images/faq-bg.jpg) no-repeat top;
	background-size: cover !important;
	color: #fff;
	margin-left: 32px;
	margin-top: 2px;
}
.faqs-main-wraper ul li:nth-child(4) .listing-faq-wraper {
	background: #fff !important;
	box-shadow: 0px 0px 20px 0 #ddd;
}
.faqs-main-wraper ul li:nth-child(4) h4 {
	text-align: right !important;
	color: #000 !important
}
.faqs-main-wraper ul li:nth-child(4) p {
	text-align: right !important;
	color: #000 !important
}
.faqs-main-wraper ul li:nth-child(4) .listing-faq-wraper .listing-faq-number {
	background: url(../images/faq-bg.jpg) no-repeat top;
	background-size: cover !important;
	color: #fff;
	margin-left: 32px;
	margin-top: 2px;
}
.contact-main-wraper {
	background-image: linear-gradient(to right, #263749, #24795c);
	padding: 120px 0;
	background-size: cover !important;
	clip-path: polygon(0 0, 100% 5%, 100% 96%, 0 100%);
}
.contact-main-wraper span {
	display: block;
	text-transform: uppercase;
	color: #22AC6A;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	font-family: 'Caveat', cursive;
}
.contact-main-wraper h2 {
	text-align: center;
	font-size: 40px;
	color: #fff;
	font-family: 'Insaniburger';
	letter-spacing: 1px;
	margin-bottom: 10px;
}
.contact-main-wraper p {
	color: #fff;
	padding-bottom: 30px;
	text-align: center;
}
.contact-image-text-wrap {
	border-radius: 400px;
	overflow: hidden;
}
.contact-image-text-wrap .contact-image-wraper {
	height: 680px;
	background-size: cover !important
}
.contact-image-text-wrap .col-md-5 {
	margin: 0;
	padding: 0;
}
.contact-image-text-wrap .col-md-7 {
	margin: 0;
	padding: 0;
}
.contact-info-wraper {
	height: 680px;
	background: #fff;
	padding: 45px;
}
.contact-info-wraper ul {
	border: none;
}
.contact-info-wraper ul li .nav-link {
	border: 1px solid #044F2A !important;
	border-radius: 50px;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	padding: 10px 25px;
	margin-right: 15px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	color: #fff;
	background-image: linear-gradient(to right, #263749, #24795c);
}
.contact-tab-wraper {
	margin-top: 40px;
}
.contact-tab-wraper h5 {
	font-size: 36px;
	font-weight: bold;
	color: #3B3B3B;
	margin-bottom: 10px
}
.contact-tab-wraper p {
	font-size: 14px;
	color: #000;
	text-align: left;
	padding-right: 80px;
	padding-bottom: 60px
}
.contact-tab-wraper ul {
	list-style: none;
	margin-bottom: 80px
}
.contact-tab-wraper ul li {
	padding-bottom: 15px;
}
.contact-tab-wraper ul li .listing-info-image {
	width: 50px;
	height: 50px;
	float: left;
}
.listing-info-text {
	width: 80%;
	float: left;
	padding-left: 15px;
	padding-top: 5px;
}
.listing-info-text h6 {
	color: #808080;
}
.listing-info-text strong {
	color: #000;
}
.contact-enquire-wraper {
	padding: 30px;
	padding-left: 0;
	padding-right: 120px;
}
.contact-enquire-wraper form {
}
.contact-enquire-wraper form .form-group {
	margin-bottom: 25px
}
.contact-enquire-wraper form .form-group .form-control {
	background: none;
	border: 1px solid #000;
	box-shadow: none;
	outline: none;
	color: #000;
	height: 50px;
	border-radius: 50px;
	padding-left: 25px;
	font-size: 14px;
}
/* CSS content */

/* CSS footer */
.footer-main-wraper {
	background: url(../images/slider-bg.jpg) no-repeat top;
	background-size: cover;
	padding: 80px 0 0 0;
	margin-top: -44px;
}
.footer-logo {
	margin-bottom: 20px;
}
.footer-image-wrap {
	margin-left: -80px;
	margin-top: 30px;
}
.footer-link-wraper {
}
.footer-link-wraper h4 {
	font-size: 18px;
	color: #fff;
	font-family: 'Insaniburger';
	letter-spacing: 1px;
	margin-bottom: 40px;
	border-bottom: 1px solid #4D4D4D;
	padding-bottom: 10px;
	position: relative
}
.footer-link-wraper h4:before {
	content: "";
	position: absolute;
	width: 60px;
	height: 1px;
	bottom: -1px;
	background-image: linear-gradient(to right, #263749, #24795c);
}
.footer-link-wraper ul {
	list-style: none;
}
.footer-link-wraper ul li {
	margin-bottom: 10px
}
.footer-link-wraper ul li a {
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}
.footer-link-wraper ul li a:hover {
	color: #24795c;
}
.footer-contact-info-wrap {
}
.footer-contact-info-wrap h4 {
	font-size: 18px;
	color: #fff;
	font-family: 'Insaniburger';
	letter-spacing: 1px;
	margin-bottom: 40px;
	border-bottom: 1px solid #4D4D4D;
	padding-bottom: 10px;
	position: relative
}
.footer-contact-info-wrap h4:before {
	content: "";
	position: absolute;
	width: 60px;
	height: 1px;
	bottom: -1px;
	background-image: linear-gradient(to right, #263749, #24795c);
}
.footer-contact-info-wrap {
}
.footer-contact-info-wrap ul {
	list-style: none;
}
.footer-contact-info-wrap ul li {
	margin-bottom: 35px;
}
.footer-contact-info-wrap ul li .footer-contact-list {
}
.footer-contact-list .footer-contact-icon {
	width: 50px;
	height: 50px;
	float: left;
}
.footer-contact-list .footer-contact-text {
}
.footer-contact-list .footer-contact-text h6 {
	color: #4F4F4F;
}
.footer-contact-list .footer-contact-text p {
	color: #fff;
	font-size: 14px
}
.enquire-btn {
}
.enquire-btn button {
	border: none;
	outline: none;
	background-image: linear-gradient(to right, #263749, #24795c);
	text-transform: uppercase;
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	padding: 18px 30px;
	border-radius: 30px;
	font-weight: bold;
}
.enquire-btn button:hover {
	background-image: linear-gradient(to right, #24795c, #263749);
}

/* CSS footer */

/* CSS media screen */


@media (max-width:1535px) and (min-width:1170px) {
.top-header-wraper .container-fluid {
	padding: 0 70px
}
.slider-image-wrap {
	bottom: 60px;
}
}
 @media (max-width:1480px) and (min-width:1170px) {
.top-header-wraper .container-fluid {
	padding: 0 50px
}
}
 @media (max-width:1440px) and (min-width:1170px) {
.top-header-wraper .container-fluid {
	padding: 0 20px
}
}
 @media (max-width:1400px) and (min-width:1170px) {
.slider-text-main-wrap h1 {
	font-size: 65px;
	line-height: 68px;
}
.about-text-wraper p {
	padding-right: 100px;
}
.listing-faq-wraper .listing-faq-text {
	width: 91%;
}
.footer-image-wrap {
	margin-top: 60px;
}
}
@media (max-width:1375px) and (min-width:1170px) {
.top-header-wraper .container-fluid {
	padding: 0 10px
}
.slider-image-wrap {
	bottom: 98px;
}
.service-area-list-text {
	padding: 25px 30px;
}
.header-nav-wraper ul li a {
	padding: 25px 15px;
}
.right-listing-choose-wrap {
	margin-top: 40px;
}
.why-choose-main-wrap ul li .left-listing-choose-wrap {
	margin-top: 40px;
}
.services-area-wrap ul li {
	width: 9.9%;
}
}
 @media (max-width:1275px) and (min-width:1170px) {
.header-nav-wraper ul li a {
	padding: 25px 10px;
}
.text-review-wraper {
	padding-top: 90px;
	padding-left: 30px;
}
}
@media (max-width:1200px) and (min-width:1170px) {
.container {
	max-width: 94%;
}
.services-area-wrap ul li {
	width: 9.8%;
}
.service-area-list-text {
	padding: 25px 20px;
}
}
 @media screen and (max-width:1169px) {
.container {
	max-width: 94%;
}
.service-area-list-text {
	padding: 25px 20px;
}
.top-header-wraper .container-fluid {
	padding: 0 10px;
}
.header-nav-wraper ul li a {
	padding: 25px 10px;
	font-size: 10px;
}
.slider-image-wrap {
	right: 0;
	width: 57%;
}
.about-text-wraper p {
	padding-right: 0;
}
.left-choose-list .left-choose-text {
	width: 83%;
}
.right-choose-text {
	width: 83%;
}
.right-listing-choose-wrap {
	margin-top: 30px;
}
.why-choose-main-wrap ul li .left-listing-choose-wrap {
	margin-top: 30px;
}
.services-area-wrap ul li {
	width: 9.5%;
}
.services-area-wrap ul {
	text-align: center;
}
.text-review-wraper {
	padding-top: 80px;
	padding-left: 30px;
}
.slider-text-main-wrap h1 {
	font-size: 65px;
	line-height: 65px;
}
}
@media screen and (max-width:1083px) {
.header-bottom-nav ul li a {
	padding: 15px 10px;
}
.slider-text-main-wrap span {
	padding: 6px 25px;
}
.left-choose-list .left-choose-text {
	width: 80%;
}
.right-choose-text {
	width: 80%;
}
.service-area-list-text {
	padding: 25px 10px;
}
.right-listing-choose-wrap {
	margin-top: 0px;
}
.why-choose-main-wrap ul li .left-listing-choose-wrap {
	margin-top: 0px;
}
.footer-link-wraper ul li {
	margin-bottom: 5px;
}
.header-nav-wraper ul li a {
	padding: 25px 8px;
}
.header-bottom-nav ul li a {
	font-size: 10px;
}
}
@media screen and (max-width:990px) {
.slider-image-wrap {
	display: none;
}
.slider-main-wraper .col-md-6 {
	flex: 0 0 auto;
	width: 80%;
}
.text-project-wraper {
	padding-top: 40px;
}
.text-project-wraper h3 {
	font-size: 20px;
}
.text-review-wraper p {
	padding-right: 0;
}
}
 @media screen and (max-width:768px) {
.mobile-hidden {
	display: none;
}
.slider-main-wraper .col-md-6 {
	width: 100%;
}
.search-group-header {
	display: none
}
.top-header-wraper {
	padding: 15px 12px;
}
.site-logo {
	margin-top: 0;
}
.enquire-main-wrap .form-group {
	margin-bottom: 15px;
}
.header-bottom-nav ul {
	display: none;
}
.header-bottom-nav {
	padding: 2px
}
.about-image-wraper {
	text-align: center;
}
.about-text-wraper {
	margin-top: 45px;
	margin-bottom: 45px
}
.why-choose-main-wrap {
	clip-path: polygon(0 0, 199% 3%, 100% 100%, 0% 100%);
}
.why-choose-main-wrap p {
	padding: 0;
	padding-bottom: 30px;
}
.right-choose-text p {
	padding-bottom: 0;
}
.image-choose-wrap {
	display: none;
}
.why-choose-main-wrap {
	padding: 40px 0;
}
.about-main-wraper {
	padding-top: 0;
}
.service-main-wraper {
	clip-path: polygon(0 2%, 100% 0%, 100% 100%, 0 98%);
	padding-bottom: 60px;
}
.project-listing-wraper {
	border-radius: 50px;
	margin-top: 30px;
}
.text-project-wraper {
	height: auto;
}
.services-area-wrap ul li {
	width: 25%;
	margin-bottom: 15px;
}
.customers-review-wraper {
	padding: 60px 0;
	clip-path: polygon(0 0, 100% 2%, 100% 98%, 0 100%)
}
.review-listing-wrap {
	border-radius: 50px;
}
.text-review-wraper {
	height: auto;
}
.listing-faq-wraper .listing-faq-text {
	width: 90%;
}
.listing-faq-wraper .listing-faq-text {
	width: 87%;
}
.service-main-wraper ul li {
	width: 30%;
	position: static !important
}
.listing-service-image {
	height: 135px !important;
}
.listing-service-text {
	padding: 35px 0;
}
.service-main-wraper ul {
	text-align: center;
	margin-top: 30px;
}
.view-all-btn {
	position: static;
}
.contact-main-wraper {
	clip-path: polygon(0 0, 100% 2%, 100% 99%, 0 100%);
	padding: 80px 0
}
.contact-image-text-wrap {
	border-radius: 50px;
}
.footer-image-wrap {
	display: none;
}
.footer-link-wraper h4 {
	margin-bottom: 10px;
}
.footer-contact-info-wrap h4 {
	margin-bottom: 10px;
}
.footer-link-wraper {
	margin: 20px 0;
}
.search-btn-mobile {
	position: absolute;
	right: 80px;
	width: 45px;
	height: 45px;
	background: #272323;
	border-radius: 50%;
	text-align: center;
	padding-top: 8px;
	top: 17px;
}
.contact-tab-wraper p {
	padding-right: 0;
	padding-bottom: 20px;
}
.contact-tab-wraper ul {
	margin-bottom: 20px;
}
.contact-info-wraper {
	height: auto;
}
.menusitebar-main-wraper {
	display: block;
}
.enquire-main-wrap {
	border-radius: 20px;
}
.services-area-wrap {
	margin-top: -114px;
}
.view-all-btn a {
	height: 229px;
}
.text-project-wraper {
	padding: 40px;
}
.project-listing-wraper .image-project-wrap {
	height: 250px;
}
.service-area-list-image {
	height: 100px;
}
.service-area-list-text {
    padding: 15px 11px;
}
.review-image-wrap {
	height: 320px;
}
.text-review-wraper {
	padding: 40px;
}
.text-review-wraper p:before {
	top: -25px;
	width: 18px;
}
.text-review-wraper p:after {
	right: 0;
	width: 18px;
}
.customers-review-wraper p {
	padding-bottom: 20px;
}
.listing-faq-wraper .listing-faq-text {
	width: 74%
}
.faqs-main-wraper ul li .listing-faq-wraper {
	border-radius: 20px;
}
.contact-image-text-wrap .contact-image-wraper {
	height: 350px;
}
}
 @media screen and (max-width:600px) {
.service-main-wraper {
	clip-path: polygon(0 1%, 100% 0%, 100% 100%, 0 98%);
}
.packages {
	flex-direction: column;
	padding: 0 10px;
}
.packages-item {
	width: 100%;
}
.service-main-wraper ul li {
	width: 45%;
}
.services-area-wrap ul li {
	width:28%
}
}
@media screen and (max-width:480px) {
.slider-text-main-wrap h1 {
	font-size: 50px;
	line-height: 50px;
}

.packages {
	flex-direction: column;
	padding: 0 10px;
}

.packages-item {
	width: 100%;
}

.contact-info-wraper ul li .nav-link {
	padding: 10px;
	margin-right: 10px;
}
.explore-main-wraper {
	margin-top: -90px;
}
.contact-info-wraper {
    background: #fff;
    padding: 30px;
}
.contact-tab-wraper{
	margin-top:20px;
}
}


/* CSS media screen */

.chatbot-button-open {
	position: fixed;
	bottom: 20px;
	right: 20px;
	background-color: #24795c;
	color: white;
	border: none;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	cursor: pointer;
	font-size: 24px;
	text-align: center;
	line-height: 60px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	z-index: 99999;
}

#chatbot-button-close {
  background: none;
  border: none;
  color: white;
  font-size: 20px;
  cursor: pointer;
}

.chatbot-container {
	position: fixed;
	bottom: 90px;
	right: 20px;
	width: 320px;
	background-color: white;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	padding: 0;
	border-radius: 15px;
	display: none;
	flex-direction: column;
	height: 400px;
	overflow: hidden;
	z-index: 99999;
}
.chatbot-header {
	background-color: #24795c;
	color: white;
	padding: 10px;
	display: flex;
	align-items: center;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
.chatbot-header img {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin-right: 10px;
}
.chatbot-header .online-status {
	display: flex;
	align-items: center;
	margin-left: auto;
}
.chatbot-header .online-status .dot {
	width: 10px;
	height: 10px;
	background-color: green;
	border-radius: 50%;
	margin-right: 5px;
}
.chatbot-messages {
	flex-grow: 1;
	overflow-y: auto;
	padding: 10px;
	background-color: #f5f5f5;
}
.message {
	margin-bottom: 10px;
	display: flex;
	align-items: center;
}
.message.bot-message {
	justify-content: flex-start;
}
.message.user-message {
	justify-content: flex-end;
}
.message.bot-message .text {
	background-color: #f0f0f0;
	color: #000;
}
.message.user-message .text {
	background-color: #24795c;
	color: white;
	text-align: right;
}

.message .text {
	padding: 8px 12px;
	border-radius: 10px;
	max-width: 70%;
}
.message img {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	margin-right: 10px;
}
.chatbot-input-container {
	padding: 10px;
	border-top: 1px solid #ddd;
	background-color: white;
	display: flex;
	align-items: center;
}
.chatbot-input {
	flex-grow: 1;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 20px;
	margin-right: 10px;
}
.chatbot-button-send {
	padding: 10px 20px;
	background-color: #24795c;
	color: white;
	border: none;
	border-radius: 20px;
	cursor: pointer;
}
.chatbot-button-send:hover {
	background-color: #903bb7;
}

.bxs--bot {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21 10.975V8a2 2 0 0 0-2-2h-6V4.688c.305-.274.5-.668.5-1.11a1.5 1.5 0 0 0-3 0c0 .442.195.836.5 1.11V6H5a2 2 0 0 0-2 2v2.998l-.072.005A1 1 0 0 0 2 12v2a1 1 0 0 0 1 1v5a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-5a1 1 0 0 0 1-1v-1.938a1 1 0 0 0-.072-.455c-.202-.488-.635-.605-.928-.632M7 12c0-1.104.672-2 1.5-2s1.5.896 1.5 2s-.672 2-1.5 2S7 13.104 7 12m8.998 6c-1.001-.003-7.997 0-7.998 0v-2s7.001-.002 8.002 0zm-.498-4c-.828 0-1.5-.896-1.5-2s.672-2 1.5-2s1.5.896 1.5 2s-.672 2-1.5 2'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.checklist {
	list-style: none;
	padding-left: 0;
	padding-left: 20px;
}
.checklist li {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.checklist img {
	width: 20px;
	height: 20px;
	margin-right: 10px;
}