* {
		padding: 0;
		margin: 0;
		outline: 0; 
	    text-rendering: optimizeLegibility;
	    
	}


		@keyframes hide {
			0%{
				transform: scale(1);        
			}
			100% {
				transform: scale(0);        
				width: 0;
				height: 0;
				margin: 0;
			}
		}
		@keyframes show {
			0%{
				transform: scale(0);     
				width: 0;
				height: 0;
				margin: 0;   
			}
			100% {
				transform: scale(1);    
			}
		}

		@font-face {
			font-family: italianno;
			src: url(../fonts/Italianno-Regular.ttf);
		}

		@font-face {
			font-family: chonburi;
			src: url(../fonts/Chonburi-Regular.woff);
		}

		body {

			min-width: 320px;

			color: #000;

			font-family: 'Poppins', sans-serif;

			overflow-x: hidden;

			background: #fff;
		}

		a{
			text-decoration: none;
			color: #111;
			transition: 0.4s ease-in-out;
		}

		a:hover{
			text-decoration: none;
			color: #e1b840;

		}

		p{
			font-size: 18px;
			line-height: 34px;
			margin: 0;
			color: #111;
			font-family: 'popins', sans-serif;
		}

		small, strong{
			font-family: 'popins', sans-serif;
		}

		img{
			max-width: 100%;
			vertical-align: middle;
			height: auto;
		}

		article{
			margin: 0 0 30px 0;
			overflow: hidden;
		}

		figure{
			margin: 0;
		}

		.img-wrap{
			position: relative;
		}

		.img-wrap figure{
			position: relative;

			width: 100%;

			padding-top: 100%;

			margin: 0; 
		}

		.img-wrap figure img{
			position: absolute;

			display: block;

			width: 100%;

			height: 100%;

			left: 0;

			right: 0;

			top: 0;

			bottom: 0;

			margin: 0;

			object-fit: cover;
		}

		.imgp-wrap {

			background: #fff;
			transition: all .5s ease;
			display: block;
			width: 100%;
			position: relative;
			height: 0;
			padding-top: 100%;
			overflow: hidden;

		}

		.imgp-wrap img {

			position: absolute;
			display: block;
			max-width: 100%;
			max-height: 100%;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			margin: auto;

		}

		.mb-thirty{
			margin-bottom: 30px;
		}

		/*header top*/

		header{
			background: #fff;
		}

		.slider-wrap header{
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			z-index: 3;
			background-image: linear-gradient(180deg, rgba(0,0,0,0.8), rgba(0,0,0,0));
		}


		header .container{
			position: relative;
		}

		.header-top {
			padding: 15px 0 5px 0;
		}

		.call-us{
			display: flex;
			justify-content: flex-start;
		}

		.call-us i{
			font-size: 20px;
			width: 50px;
			height: 50px;
			line-height: 48px;
			text-align: center;
			border: 1px solid #e1b840;
			color: #e1b840;
		}

		.call-us ul{
			list-style: none;
			padding: 0;
			margin: 0 0 0 15px;
		}

		.call-us ul li a{
			font-size: 16px;
			font-weight: 500;
			color: #555;
		}

		.call-us ul li:first-of-type a{
			color: #fc6600;
			font-size: 20px
		}

		.call-us ul li a:hover{
			color: #e1b840;
		}

		.call-us ul li small{
			text-transform: capitalize;
			color: #000;
		}

		.socio-bar{
			padding: 0;
			list-style: none;
			text-align: left;
			margin: 0 0 15px 0;
		}

		.socio-bar li{
			display: inline-block;
			margin: 0 0 0 10px;
		}

		.socio-bar li a{
			color: #e1b840;
			font-size: 20px;
		}

		.socio-bar li a:hover{
			color: #e1b840;
		}

		.socio-bar li a i{
			font-size: 20px;
			width: 40px;
			height: 40px;
			line-height: 40px;
			text-align: center;
			background: #56dfcb;
			color: #fff;
			transition: 0.4s ease-in-out;
		}

		.socio-bar li a i:hover{
			background: #e1b840;
		}

		.quick-e{
			text-align: right;
		}

		.quick-e a{
			display: inline-block;
			color: #fc6600;
			padding: 0 46px;
			text-transform: capitalize;
			border: 1px solid rgb(216, 212, 190);
			line-height: 65px;
			font-size: 18px;
			font-weight: 500;
		}

		.quick-e a:hover{
			background: #e1b840;
			color: #fff;
		}

		.logo-wrap{
			text-align: center;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.logo-wrap img{
			width: 500px
		}

		.logo-sub h1{
			font-size: 30px;
			text-align: left;
			color: #fc6600;
			font-family: 'Marcellus', serif;
			font-weight: 700;
		}



		/*for new nav system*/

		.nav-sec{
			position: relative;
		}

/*		.nav-sec:after {
			position: absolute;
			top: 0;
			bottom: 0;
			right: 0;
			left: 42%;
			content: '';
			background: #e1b840;
			-webkit-transform: matrix(1, 0, -0.9, 1, 100, 0);
			-ms-transform: matrix(1, 0, -0.9, 1, 100, 0);
			transform: matrix(1, 0, -0.9, 1, 100, 0);
		}*/

		.nav-sec .container{
			position: relative;
			z-index: 1;
		}

		.nav-sec .navbar{
			padding: 0;
		}

		.main-navigation{
			display: -ms-flexbox;
			display: flex;
			-ms-flex-direction: column;
			flex-direction: column;
			padding-left: 0;
			margin-bottom: 0;
			list-style: none;
			background: #56dfcb;
			position: relative;
			margin-top: 20px;
		}

		.nav-sec .main-navigation .menu-item a{
			padding: 10px 25px;
			color: #fff;
			font-weight: 500;
			transition: 0.4s;
			font-size: 14px;
			position: relative;
			display: block;
			text-transform: uppercase;
			letter-spacing: 1.5px;
			position: relative;
			z-index: 2;
		}

		.nav-sec .main-navigation .menu-item:last-of-type a{
			border: none;
		}

		.nav-sec .main-navigation .menu-item.active a, .nav-sec .main-navigation .menu-item a:hover {
			background: #52d3c0;
			color: #fff;
		}


		.menu-item-has-children{
			position: relative;
		}

		.sub-menu{
			top: 100%;
			left: 0;
			z-index: 1000;
			min-width: 10rem;
			font-size: 1rem;
			color: #212529;
			text-align: left;
			list-style: none;
			border: 1px solid rgba(0,0,0,.15);
			display: none;
			position: absolute;
		}

		.nav-sec .menu-item-has-children .sub-menu {
			margin: 0;
			background: #fc6600;
			border-radius: 0;
			padding: 0;
			width: 310px;
		}

		.nav-sec .menu-item-has-children:hover .sub-menu {
			display: block !important;
		}

		.nav-sec .menu-item-has-children .sub-menu a{
			transition: 0.4s;
			padding: 10px;
			color: #fff;
			font-size: 14px;
		}

		.nav-sec .menu-item-has-children .sub-menu a:hover{
			background: #e1b840;
			color: #fff;
		}

		.menu-item-has-children > a::after {
			display: inline-block;
			width: 0;
			height: 0;
			margin-left: .255em;
			vertical-align: .255em;
			content: "";
			border-top: .3em solid;
			border-right: .3em solid transparent;
			border-bottom: 0;
			border-left: .3em solid transparent;
		}

		.logins{
			list-style: none;
			padding: 0;
			margin: 0;
			text-align: right;
		}

		.logins li{
			display: inline-block;
		}

		.logins li a{
			line-height: 40px;
			display: inline-block;
			padding: 0 10px;color: #fff;
			background: #56dfcb;
			transition: 0.4s ease-in-out;
		}

		.logins li a:hover{
			background: #e1b840;
		}

		/*slider section*/

		.slider-wrap {
			position: relative;
			z-index: 0;
		}

		.slide-sec{
			position: relative;
		}

		.slide-sec:before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: rgba(0, 0, 0, 0.4);
			z-index: 2;
		}

		.slide-img {
			position: relative;
			width: 100%;
			padding-top: 54%;
			margin: 0;
		}

		.slide-img img {
			position: absolute;
			display: block;
			width: 100%;
			height: 100%;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			margin: 0;
			object-fit: cover;
		}


		#main-slider .owl-dots {
			position: absolute;
			bottom: 20px;
			left: 50%;
			transform: translateX(-50%);
			z-index: 4;
		}

		#main-slider .owl-dots .owl-dot span {
			font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f4e3";
			position: relative;
			color: #000;
			font-size: 24px;
			width: 20px;
		}

		#main-slider .owl-dots .owl-dot.active span {
			font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f5ce";
		}

	.inner-cap {
    position: absolute;
    bottom: 80%;
    z-index: 3;
    max-width: 900px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
}

		.inner-cap h1{
			color: #fefefe;
			font-size: 44px;
		}

		.inner-cap h1 span{
			color: #e1b840;
		}

		.inner-cap p{
			color: #fff;
			font-size: 16px;
			line-height: 26px;
			margin: 0 0 20px 0;
			max-width: 900px;
		}

		.inner-cap ul{
			padding: 0;
		}

		.inner-cap ul li{
			color: #fff;
			font-weight: 500;
			font-size: 18px;
			list-style: none;
			line-height: 28px;
		}

		.inner-cap ul li:before{
			font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00c";
			margin: 0 10px 0 0;
			color: #e1b840;
		}

		.cap-btn .chat-n{
			display: inline-block;
			color: #fefefe;
			padding: 0 40px;
			text-transform: capitalize;
			line-height: 65px;
			font-size: 18px;
			font-weight: 500;
			background: #e1b840 ;
		}

		.cap-btn .chat-n:hover{
			background: #fc6600;
			color: #fff;
		}

		.cap-btn .disc{
			display: inline-block;
			color: #e1b840;
			font-weight: 500;
		}

		.cap-btn .disc span{
			color: #fff;
			transition: 0.4s ease-in-out;
		}

		.cap-btn .disc span:hover{
			color: #e1b840;
		}

		/*services*/

		.services{
			padding: 80px 0;
			/*background-image: url(../images/serv-bg.webp);*/
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
			position: relative;
		}

		.serv-tab .nav-tabs{
			justify-content: center;
			margin: 0 0 30px 0;
			border-bottom: 6px solid #56dfcb;
		}

		.services .nav-tabs .nav-link{
			font-size: 16px;
			color: #000000e6;
			font-weight: 500;
			background-color: rgba(86,233,203,0.5);
			border-radius: 0;
			text-transform: uppercase;
			letter-spacing: 1px;
			margin-bottom: -6px;
			border-bottom: 6px solid #56dfcb;
		}

		.services .nav-tabs .nav-link.active{
			color: #000;
			background-color: transparent;
			border-radius: 0;
			border: 6px solid #56dfcb;
			border-bottom:6px solid #fff;
		}

		.services {
			min-height: 500px;
		}

		.serv-wrap{
			position: relative;
			top: 0;
			transition: 0.4s ease-in-out;
			margin: 0 0 30px 0;
			border: 6px solid #56dfcb;
		}

		.serv-wrap:hover{
			top: -10px;
		}

		.serv-wrap:after{
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: rgba(5, 7, 6, 0.5);
		}

		.serv-wrap:before {
			position: absolute;
			top: 5px;
			left: 5px;
			right: 5px;
			bottom: 5px;
			content: '';
			border: 1px solid #e1b840;
			-moz-transition: all 0.6s ease;
			-o-transition: all 0.6s ease;
			-webkit-transition: all 0.6s ease;
			-ms-transition: all 0.6s ease;
			transition: all 0.6s ease;
			z-index: 1;
		}

		.serv-info{
			padding: 30px;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			z-index: 2;
			width: 100%;
			text-align: center;
		}

		.serv-info ul{
			padding: 0;
			text-align: left;
			list-style: none;
			margin: 10px 0 0 0;
		}

		.serv-info ul li{
			color: #e1b840;
			font-size: 14px;
			width: 49%;
			display: inline-block;
			padding: 0 0 0 20px;
			vertical-align: top;
			position: relative;
		}

		.serv-info ul li:before{
			content: "\f192";
			font-family: "Font Awesome 5 Free";
			font-weight: 900;
			position: absolute;
			left: 0;
			font-size: 10px;
			top: 3px;
		}

		.serv-info h3{
			color: #fff;
			    padding: 10px 0;
			text-transform: capitalize;
			font-size: 24px;
			text-shadow: 2px 1px 5px #000;
			border-bottom: 1px solid #e1b840;
		}

	.serv-info h5{
			color: #dab33f;
			text-transform: capitalize;
			font-size: 16px;
			text-shadow: 2px 1px 5px #000;
		}
		.serv-info p{
			color: #eee;
			font-size: 16px;
			line-height: 24px;
		}

		/*add section*/

		.add-card{
			background: #DF9728;
			position: fixed;
			bottom: 0;
			left: 0;
			right: 0;
			z-index: 999;
		}

		.c-btn{
			position: absolute;
			right: 5px;
			top: 5px;
			z-index: 99;
			font-size: 20px;
			cursor: pointer;
		}

		.c-btn i{
			background: #bd0404;
			color: #fff;
			width: 30px;
			height: 30px;
			line-height: 30px;
			text-align: center;
		}

		.add-wrap{
			margin: 0 3px;
		}

		.add-wrap .img-wrap figure{
			padding-top: 30%;
		}

		/*why us*/

		.why-us{
			padding: 80px 0;
		}

		.w-card{
			text-align: center;
			margin: 0 0 20px 0;
			padding: 20px;
		}

		.w-card i{
			font-size: 55px;
			color: #48b7a7;
		}

		.w-card p{
			color: #797979;
			font-size: 18px;
		}

		.why-us h4{
			font-size: 46px;
			color: #32302f;
		}

		.why-contn p{
			font-size: 18px;
			font-style: italic;
			color: #25282a;
		}


		/*our products*/

		.headers{
			text-align: center;
			margin: 0 0 50px 0;
		}

		.headers h2{
			font-size: 34px;
			text-transform: capitalize;
			position: relative;
			color: #000000e6;
			letter-spacing: 1px;
		}

		.headers h2 span{
			color: #56dfcb;
		}

		.headers h2:before{
			position: absolute;
			content: "";
			background: #e1b840;
			bottom: -15px;
			width: 60px;
			height: 1px;
			left: 50%;
			transform: translateX(-50%);
		}

		.headers small{
			font-size: 16px;
			color: #e1b840;
			margin: 0 0 0px 0;
			display: block;
			text-transform: capitalize;
			font-style: italic;
		}

		.service-cat{
			/*background-image: url(../images/serv-bg.webp);*/
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
			position: relative;
			padding: 80px 0;
		}

		.service-cat:before{
			position: absolute;
			content: "";
			left: 0;
			right: 0;
			bottom: 0;
			top: 0;
			background: rgba(255,255,255,0.2)
		}

		.service-cat .container{
			position: relative;
		}

		.cat-wrap{
			margin: 0 10px 35px 10px;
			padding: 30px;
			background: #fff;
			border: 1px solid #e8edf1;
		}

		.cat-wrap .img-wrap figure:after{
			position: absolute;
			top: -5px;
			left: -5px;
			right: -5px;
			bottom: -5px;
			content: '';
			border: 1px solid #e1b840;
			-moz-transition: all 0.6s ease;
			-o-transition: all 0.6s ease;
			-webkit-transition: all 0.6s ease;
			-ms-transition: all 0.6s ease;
			transition: all 0.6s ease;
		}

		.cat-wrap:hover .img-wrap figure:after {
			top: 5px;
			left: 5px;
			right: 5px;
			bottom: 5px;
			border-color: rgba(255, 255, 255, 0.3);
			background: rgba(255, 255, 255, 0.4);
			z-index: 1;
		}

		.cat-wrap .img-wrap{
			margin: 0 0 25px 0;
		}

		.cat-name a{
			font-size: 22px;
			font-weight: 500;
			color: #050706;
		}

		.cat-name a:hover{
			color: #e1b840;
		}

		.cat-wrap .img-wrap {
			margin: 0 0 20px 0;
			border-bottom: 1px solid #e8edf1;
			padding: 0 0 20px 0;
		}
		.cat-wrap .img-wrap a{
			margin: 0 20px 0 0;
		}

		.cat-wrap .serv-detail p{
			color: #797979;
			font-size: 14px;
			line-height: 26px;
			margin: 0 0 20px 0;
		}

		.cat-wrap .serv-detail a{
			color: #fc6600;
			letter-spacing: 1.5px;
			font-size: 15px;
			position: relative;
			padding: 0 0 10px 0;
			transition: 0.4s ease-in-out;
		}

		.cat-wrap .serv-detail a:hover{
			color: #e1b840;
		}

		.cat-wrap .serv-detail a:after{
			content: "";
			position: absolute;
			width: 50px;
			height: 1px;
			background: #fc6600;
			left: 0;
			bottom: 0;
			transition: 0.4s ease-in-out;
		}

		.cat-wrap .serv-detail a:hover:after{
			width: 100%;
			background: #e1b840;
		}
		

		/*our highlights*/

		.highlight{
			padding: 80px 0;
			position: relative;
			background-image: url(../images/nature-bg.jpg);
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center;
			background-attachment: fixed;
		}

		.highlight:before{
			position: absolute;
			content: "";
			left: 0;
			right: 0;
			bottom: 0;
			top: 0;
			background: rgba(250,164,25,0.7);
		}

		.highlight .headers h2{
			color: #fff;
		}

		.high-wrap{
			text-align: center;
			background: rgba(255, 255, 255, 0.7);
			padding: 15px;
			text-align: center;
			min-height: 85px;
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.high-wrap p{
			color: #797979;
			font-size: 14px;
			line-height: 26px;
			margin: 0 0 20px 0;
		}

		.high-wrap .icon-wrap i{
			font-size: 46px;
			line-height: 60px;
			width: 60px;
			color: #fc6600;
			transition: 0.4s ease-in-out;
			margin: 0 20px 0 0;
		}

		.high-wrap .icon-wrap{
			margin: 0 ;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.high-wrap strong{
			color: #000000e6;
			font-size: 16px;
			font-weight: 600;
			display: block;
			text-transform: capitalize;
			text-align: center;
		}

		/*testimonials section*/

		.testimonials .headers{
			margin: 0 0 80px 0;
		}

		.testimonials{
			padding: 80px 0;
			/*background-image: url(../images/serv-bg.webp);*/
			background-color:#fafafa;
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat; 
			position: relative;
			background-attachment: fixed;
		}

		.testimonials:before{
			content: "";
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			top: 0;
			background: rgba(255,255,255,0.2);
		}

		.testimonials .container{
			position: relative;
		}

		.test-wrap{
			text-align: center;
			max-width: 800px;
			margin: 0 auto;
		}

		.test-wrap > i{
			font-size: 80px;
			color: #e1b840;
			margin: 0 0 30px 0;
		}

		.test-wrap .ratings i{
			color: #f3d409;
			margin: 0 2px;
		}

		.test-wrap .ratings{
			margin: 0 0 20px 0;
		}

		.test-wrap q{
			font-size: 20px;
			font-family: 'Marcellus', serif;
			display: block;
			margin: 0 0 30px 0;
			color: #797979;
			font-style: italic;
		}

		.test-wrap .img-wrap figure{
			width: 80px;
			padding-top: 80px;
			margin: 0 auto;
			background: #fc6600;
			border-radius: 50%;
		}

		.test-wrap .img-wrap figure img{
			border-radius: 50%;
		}

		.test-wrap .img-wrap{
			margin: 0 0 20px 0;
		}

		.test-wrap strong{
			color: #e1b840;
			text-transform: capitalize;
		}

		.testimonials .owl-carousel{
			position: relative;
		}

		.testimonials .owl-carousel .owl-nav{
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			left: 0;
			right: 0;
			display: flex;
			justify-content: space-between;
		}

		.testimonials .owl-carousel .owl-nav button{
			color: #fff;
			width: 50px;
			height: 50px;
			border-radius: 0;
			border: 1px solid #e1b840;
			transition: 0.4s;
			background: #e1b840;
		}

		.testimonials .owl-carousel .owl-nav button:hover{
			background: #fc6600;
		}

		.test-wrap strong:before, .test-wrap strong:after{
			content: "-";
			margin: 0 5px;
			color: #333;
			font-weight: 400;
		}

		/*client section*/

		.clients{
			padding: 80px 0;
			position: relative;
			background-image: url(../images/water-green.jpg);
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center;
			background-attachment: fixed;
		}

		.clients:before{
			position: absolute;
			content: "";
			left: 0;
			right: 0;
			bottom: 0;
			top: 0;
			background: rgba(240,213,38,0.4);
		}

		.client-card{
			margin: 0 0 30px 0;
			padding: 30px;
		}

		.client-card .imgp-wrap {
			border-radius: 50%;
			border: 1px solid #fff;
			background: rgba(255,255,255,0.3)
		}


		/*banner section*/

		.banners{
			position: relative;
			padding: 80px 0;
			background: #56dfcb;
		}

		.banners .banner-contn{
			text-align: center;
		}

		.banners strong{
			font-size: 34px;
			text-transform: uppercase;
			color: #fff;
		}

		.banners p{
			font-size: 20px;
			margin: 0 0 15px 0;
			color: #fff;
		}

		.banner-contn small{
			margin: 0 10px 20px 0;
		}

		.banner-contn a{
			display: inline-block;
			color: #fff;
			padding: 0 36px;
			text-transform: capitalize;
			border: 1px solid #fff;
			line-height: 65px;
			font-size: 22px;
			font-weight: 500;
		}

		.banner-contn a:hover{
			background: #e1b840;
			color: #fff;
		}

		/*footer section*/

		footer{
			padding: 50px 0 0 0;
			position: relative;
		}

		footer .container{
			position: relative;
		}

		.foot-quick ul{
			padding: 0;
		}

		.foot-contct ul li{
			list-style: none;
			display: block;
			color: #fff;
			font-weight: 600;
			font-size: 16px
		}

		footer .top-social{
			text-align: center;
		}

		footer .logo-wrap{
			margin: 0 0 20px 0;
			display: block;
			text-align: left;
		}

		.comp-info{
			text-align: left;
		}

		.comp-info strong{
			font-size: 20px;
			display: block;
			color: #fc6600;
			text-transform: uppercase;
			margin: 0 0 15px 0;
			font-weight: 500;
			text-align: left;
		}

		.comp-info ul{
			padding: 0;
		}

		.comp-info ul li{
			display: inline-block;
			margin: 0 15px 0 0;
		}

		.comp-info ul li a{
			color: #56dfcb;
			font-size: 20px;
		}

		.comp-info ul li a:hover{
			color: #e1b840;
		}

		.foot-quick{
			text-align: left;
		}

		.foot-quick > strong{
			color: #56dfcb;
			font-size: 22px;
			margin: 0 0 10px 0;
			display: block;
			text-transform: capitalize;
		}

		.foot-quick li{
			list-style: none;
			display: block;
			line-height: 36px;
		}

		.foot-quick li:before{
			content: "\f101";
			font-family: "Font Awesome 5 Free";
			font-weight: 900;
			color: #56dfcb;
			font-size: 12px;
			margin: 0 5px 0 0;
		}

		.foot-quick li a{
			color: #333;
			transition: 0.4s;
			font-size: 16px;
			font-weight: 400;
			text-transform: capitalize;
		}

		.foot-quick li a:hover{
			color: #e1b840;
		}

		.foot-quick ul li strong {
			font-size: 16px;
			margin: 0 10px 0 0;
		}

		.foot-quick ul li strong i{
			width: 20px;
			text-align: center;
			font-size: 14px;
		}

		.footmid-quick{
			background: #1C1C1C;
			margin: 40px 0 0 0;
			position: relative;
		}

		.footmid-quick ul{
			list-style: none;
			margin: 0;
		}

		.footmid-quick ul li{
			text-align: center;
			color: #fff;
			border-right: 1px solid #e1b840;
		}

		.footmid-quick ul li i{
			display: block;
			background: #fc6600;
			width: 40px;
			margin: 20px auto 15px auto;
			line-height: 40px;
			border-radius: 50%;
		}

		.footmid-quick ul li a{
			color: #eee;
			font-size: 18px;
			margin: 0 0 20px 0;
			display: inline-block;
		}

		.footmid-quick ul li a:hover{
			color: #e1b840;
		}

		.footmid-quick ul li strong{
			font-size: 14px;
			margin: 0 5px 0 0;
		}

		.copy-r{
			padding: 30px 0;
			position: relative;
			background: #56dfcb;
			margin: 10px 0 0 0;
			overflow: hidden;
		}

		.copy-r:after {
			position: absolute;
			top: 0;
			bottom: 0;
			right: 0;
			left: 42%;
			content: '';
			background: #e1b840;
			-webkit-transform: matrix(1, 0, -0.9, 1, 100, 0);
			-ms-transform: matrix(1, 0, -0.9, 1, 100, 0);
			transform: matrix(1, 0, -0.9, 1, 100, 0);
		}

		.copy-r .container{
			position: relative;
			z-index: 2
		}

		.copy-r .c-wrap{
			display: flex;
			justify-content: space-between;
		}

		.copy-r strong{
			font-size: 16px;
			color: #050706;
			font-weight: 400;
			text-align: center;
			display: block;
		}

		.copy-r .c-wrap a{
			color: #000;
			font-weight: 600;
		}

		.scrollTop {
			position: fixed;
			right: 6%;
			bottom: 65px;
			opacity: 0;
			transition: all 0.4s ease-in-out 0s;
			z-index: 9;
			color: #fff;
		}

		.scrollTop i {
			color: #fff;
			background-color: #e1b840;
			padding: 15px 20px;
			transition: 0.4s ease-in-out;
		}

		.scrollTop:hover{
			bottom: 45px;
		}

		/*product page*/

		.prod-wrap {
			box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 8%);
			margin: 0 0 20px 0;
		}

		.prod-main{
			padding: 50px 0;
			background-image: url(../images/serv-bg.webp);
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
			position: relative;
		}

		.prod-main:before {
			position: absolute;
			content: "";
			left: 0;
			right: 0;
			bottom: 0;
			top: 0;
			background: rgba(255,255,255,0.1);
		}

		.prod-main .container{
			position: relative;
		}

		.prod-detail{
			text-align: center;
			padding: 15px 15px 40px 15px;
			overflow: hidden;
		}

		.prod-detail .tag{
			font-size: 16px;
			display: block;
			color: #e1b840;
			font-style: italic;
			margin: 0 0 10px 0;
		}

		.prod-detail h2 a{
			display: block;
			font-size: 20px;
			font-family: 'Marcellus', serif;
		}

		.prod-detail .price{
			display: block;
			font-size: 20px;
			margin: 0 0 10px 0;
		}

		.prod-detail .price:before{
			content: "$";
			margin: 0 5px 0 0;
		}

		.send-o{
			color: #fff;
			display: inline-block;
			font-size: 16px;
			letter-spacing: 0;
			line-height: 1;
			margin-bottom: 0;
			padding: 20px 30px;
			text-align: center;
			vertical-align: middle;
			position: relative;
			z-index: 999;
			text-transform: uppercase;
			background-image: -moz-linear-gradient( 0deg, rgb(86,222,206) 0%, rgb(227, 189, 105) 100%);
			background-image: -webkit-linear-gradient( 0deg, rgb(86,222,206) 0%, rgb(227, 189, 105) 100%);
			background-image: -ms-linear-gradient( 0deg, rgb(86,222,206) 0%, rgb(227, 189, 105) 100%);
			box-shadow: 0px 10px 30px 0px rgb(54 96 217 / 30%);
			transition: 0.4s ease-in-out;
		}

		.send-o:hover{
			color: #fff;
			background-image: -moz-linear-gradient( 0deg, rgb(250,164,25) 0%, rgb(250,164,25) 100%);
			background-image: -webkit-linear-gradient( 0deg, rgb(250,164,25) 0%, rgb(250,164,25) 100%);
			background-image: -ms-linear-gradient( 0deg, rgb(250,164,25) 0%, rgb(250,164,25) 100%);
		}

		.prod-wrap:hover .send-o{
			bottom: 0;
		}

		.prod-hover{
			position: absolute;
			color: #fff;
			background: rgba(0, 0, 0,0.5);
			left: 0;
			right: 0;
			bottom: 150%;
			top: 0;
			display: flex;
			justify-content: center;
			align-items: center;
			transition: 0.4s ease-in-out;
			opacity: 0;
			transition: 0.4s ease-in-out;
		}

		.prod-hover:hover{
			color: #eee;
		}

		.prod-hover i{
			width: 50px;
			line-height: 50px;
			border-radius: 50%;
			text-align: center;
			background: rgba(225, 184, 64,0.5)
		}

		.prod-wrap:hover .prod-hover{
			bottom: 0;
			opacity: 1;
		}

		.pgnation .page-link{
			padding: 10px 20px;
			color: #fc6600
		}

		.pgnation .page-item.active .page-link{
			background: #56dece;
			border-color: #56dece;
		}

		.pgnation{
			margin: 20px 0 0 0;
		}

		.pgnation .pagination{
			justify-content: center;
		}

		.prod-form .form-control {
			padding: 15px 10px;
			border: 1px solid #56dece;
			margin: 0 0 10px 0;
		}

		.prod-form{
			margin: 20px 0 0 0;
		}

		.prod-modal .btn{
			display: inline-block;
			color: #fc6600;
			padding: 0 15px;
			text-transform: capitalize;
			border: 1px solid #e1b840;
			line-height: 40px;
			font-size: 18px;
			font-weight: 500;
			background-color: transparent;
		}

		.prod-details{
			text-align: center;
			padding: 15px 15px 40px 15px;
			overflow: hidden;
		}

		.prod-details .tags{
			font-size: 16px;
			display: block;
			color: #e1b840;
			font-style: italic;
			margin: 0 0 10px 0;
		}

		.prod-details h2 a{
			display: block;
			font-size: 20px;
			font-family: 'Marcellus', serif;
		}

		.prod-details .prices{
			display: block;
			font-size: 20px;
			margin: 0 0 10px 0;
		}

		.prod-qntity .input-group-btn .btn{
			background: #e1b840;
			color: #fff;
			font-size: 20px;
		}

		.prod-qntity .input-group-btn .btn:focus{
			box-shadow: none;
		}

		.prod-qntity .input-group-btn #down{
			border-radius: 0;
		}

		.prod-qntity .input-group-btn #up{
			border-radius: 0 ;
		}

		.prod-qntity .input-group{
			width: 150px;
			justify-content: center;
		}

		.prod-qntity  p{
			font-size: 14px;
			line-height: 24px;
		}

		.prod-wrap a{
			cursor: pointer;
		}

		.filters h3{
			color: #fff;
			background: #e1b840;
			padding: 20px 10px;
			font-size: 16px;
			text-transform: capitalize;
		}

		/*about page*/

		.about{
			padding: 50px 0;
		}

		/*faqs page*/

		.faq-body{
			padding: 50px 0;
			background-image: url(../images/serv-bg.webp);
			background-repeat: no-repeat;
			background-position: bottom left;
			background-size: contain;
			background-attachment: fixed;
			position: relative;
		}

		.faq-body:before{
			position: absolute;
			content: "";
			left: 0;
			right: 0;
			bottom: 0;
			top: 0;
			background: rgba(255,255,255,0.1);
		}

		.faq-body .mb-0 > a {
			display: block;
			position: relative;
			font-size: 18px;
			color: #fff;
		}

		.faq-body .mb-0 > a:after {
			content: "\f067";
			font-family: "Font Awesome 5 Free";
			position: absolute;
			right: 0;
			font-weight: 600;
			color: #e1b840;
		}

		.faq-body .card-header{
			background: #fc6600;
			border:none;
			border-bottom: 1px solid #fff;
			padding: 15px;
			color: #fff;
		}

		.faq-body .mb-0 > a[aria-expanded="true"]:after {
			content: "\f068";
			font-family: "Font Awesome 5 Free";
			font-weight: 600;
		}

		.faq-body .card-body{
			color: #7e7e7e;
			font-size: 14px;
			line-height: 32px;
		}

		.faq-body  .card{
			border: none;
		}

		/*gallery page*/

		.gallery{
			padding: 50px 0;
			background-image: url(../images/serv-bg.webp);
			background-repeat: no-repeat;
			background-position: bottom left;
			background-size: contain;
			background-attachment: fixed;
			position: relative;
		}

		.gallery:before{
			position: absolute;
			content: "";
			left: 0;
			right: 0;
			bottom: 0;
			top: 0;
			background: rgba(255,255,255,0.1);
		}

		.gallery .container{
			position: relative;
		}

		.gallery-title h2{
			font-size: 20px;
			transition: 0.4s ease-in-out;
			color: #fff;
			text-align: center;
		}

		.gallery-title h2:hover{
			color: #eee;
		}

		.gallery-title{
			padding: 10px;
			background: #56dfcb;
		}

		.gallery-wrap{
			margin: 0 0 30px 0;
		}

		.gallery-wrap:hover .prod-hover{
			opacity: 1;
			bottom: 0;
		}

		/*contact page*/

		.contact{
			padding: 50px 0;
			/*background-image: url(../images/serv-bg.webp);*/
			background-color:#fafafa;
			background-repeat: no-repeat;
			background-position: bottom left;
			background-size: contain;
			background-attachment: fixed;
			position: relative;
		}

		.contact:before{
			position: absolute;
			content: "";
			left: 0;
			right: 0;
			bottom: 0;
			top: 0;
			background: rgba(255,255,255,0.1);
		}

		.contact .container{
			position: relative;
		}

		.contact-wrap{
			padding: 20px 0;
		}

		.contact-numbers{
			padding: 0;
			list-style: none;
		}

		.contact-numbers i{
			font-size: 22px;
			color: #fff;
			color: #e1b840;
			width: 60px;
			line-height: 60px;
			text-align: center;
			border: 1px solid #e1b840;
			margin: 0 10px 0 0;
		}

		.contact-numbers li{
			margin: 0 0 30px 0;
		}

		.contact-numbers li a{
			font-size: 16px;
			margin: 0 0 0 15px;
		}

		.contact-wrap p{
			margin: 0 0 30px 0;
		}

		.map-wrap {
			height: 100%;
		}

		.contact-form{
			margin: 50px 0 50px 0;
			padding: 30px;
			border: 10px solid #56dece;
			background:#e1b84014;
		}

		.contact-form .form-control{
			padding: 15px;
			margin: 0 0 25px 0;
			border-color: #e1b840;
		}

		.contact-form .btn{
			display: inline-block;
			color: #fefefe;
			padding: 0 46px;
			text-transform: capitalize;
			border: 1px solid rgb(216, 212, 190);
			line-height: 65px;
			font-size: 18px;
			font-weight: 500;
			background-color: transparent;
			color: #fff;
			background: #56dece !important;
			transition: 0.4s ease-in-out;
			border-radius: 0;
		}

		.contact-form .btn:hover{
			background: #e1b840;
			color: #fff;
		}


		/*toggle search*/


		.list-product-nav a {
			font-size: 16px;
		}
		.list-product-nav a {
			display: block;
			text-decoration: none;
		}

		

		.list-product-nav > li {
			border-bottom: solid 2px #fff;
		}

		.list-product-nav > li a.list-product-cat {
			color: #fff;
			padding: 10px 20px;
			background-color: #fc6600;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		.list-product-nav > li > a.list-product-cat:hover,
		.list-product-nav > li > a.list-product-cat:focus {
			color: #eee;
		}

		.list-product-subnav {
			display: none;
			border: solid 1px #e9e9e9;
		}

		.list-product-subnav li a {
			color: #000;
			padding: 6px 25px;
			font-size: 14px;
		}

		.list-product-subnav li a:hover{
			color: #fc6600;
		}

		.dnone{
			display: none;
		}

		.dblock{
			display: block;
		}

		.filter-range h3{
			color: #fff;
			background: #e1b840;
			padding: 20px 10px;
			font-size: 16px;
			text-transform: capitalize;
			margin: 0 0 20px 0;
		}

		.noUi-connect{
			background: #fc6600;
		}

		.noUi-target{
			margin: 0 0 20px 0;
		}

		.price-values {
			display: flex;
			justify-content: space-between;
		}


		/*category page*/

		.cat-main{
			padding: 80px 0;
		/*	background-image: url(../images/serv-bg.webp);*/
		background-color:#fafafa;
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
			position: relative;
		}

		.cat-card{
			box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 8%);
			margin: 0 0 20px 0;
		}

		.cat-detail{
			padding: 20px;
		}

		.cat-detail h5{
			font-size: 16px;
			color: #000000e6;
			margin: 0 0 10px 0;
			font-weight: 700;
		}

		.cat-detail > small{
			display: block;
			margin: 0 0 15px 0;
			font-size: 16px;
		}

		.apt-t{
		    display: block;
		    margin: 0 0 10px 0;
		    font-weight: 400;
		    font-size: 14px;
		}

		.apt-t span{
		    font-weight: 700;
		    margin: 0 0 0 5px;
		}

		.cat-detail a{
			color: #56dfcb;
			margin: 0 0 10px 0;
			display: block;
		}

		.cat-link{
			margin: 0 0 10px 0; 
		}

		.cat-detail .send-o{
			color: #fff;
		}

		.cat-address{
			border-top: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
			padding: 10px 0;
			margin: 0 0 10px 0;
		}

		.cat-address strong{
			color: #7A7A7A;
		}

		.filter-row{
			padding: 30px 0 10px 0;
			background: #eee;
			font-family: 'popins', sans-serif;
		}

		.filter-row h2{
			font-size: 20px;
			background: #56dfcb;
			padding: 10px;
			margin: 0 0 10px 0;
		}

		.filter-row .form-control {
			padding: 10px;
			margin: 0 0 25px 0;
			border-color: #56dfcb;
			border-radius: 0;
		}
		.filter-row .form-group > label{
			font-weight: 600;
		}

		.filter-row .form-group > legend{
			font-size: 16px;
			font-weight: 600;
		}

		.filter-row .form-group .form-check{
			display: inline-block;
			margin: 0 10px 0 0;
		}

		.filter-row .form-group .form-check-input:checked {
			background-color: #e1b840;
			border-color: #fc6600;
		}

		.filter-row .form-group .form-check-input:focus{
			box-shadow: none;
		}

		.filter-row .form-control:focus{

			box-shadow: none;
		}


		/*service detail page*/

		.serv-body{
			padding: 80px 0;
			background-image: url(../images/serv-bg.webp);
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
			position: relative;
		}

		.serv-body h2{
			padding: 10px 20px;
			margin: 0 0 20px 0;
			background: #fc6600;
			color: #fff;
			text-transform: capitalize;
			font-size: 24px;
		}

		.info-sidebar h5{
			border-bottom: 1px solid #ddd;
			padding: 0 0 10px 0;
			position: relative;
			font-size: 16px;
		}

		.info-sidebar h5:after{
			content: "";
			left: 0;
			bottom: 0;
			height: 2px;
			width: 70px;
			background: #e1b840;
			position: absolute;
		}

		.info-sidebar .cat-detail{
			padding: 0;
			margin: 0 0 30px 0;
		}

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

		.open-hour ul li{
			display: flex;
			justify-content: space-between;
			margin: 0 0 10px 0;
			border-bottom: 1px solid #ddd;
			padding: 10px 0;
		}


		/*registration form*/

		.register-main{
			padding: 80px 0;
		}

		.register-main form{
			padding: 50px;
			background: #fff;
			border: 1px solid #e8edf1; 
			box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.8);
			font-family: 'popins', sans-serif;
		}

		.register-main form h3{
			background: #56dece;
			color: #fff;
			font-size: 16px;
			padding: 10px;
			margin: 20px 0 10px 0;
			text-transform: capitalize;
		}

		.register-main form .form-control, .register-main form .form-select {
			padding: 10px;
			/*margin: 0 0 25px 0;*/
			border-color: #56dece;
			border-radius: 0;
		}

		.register-main form .form-check-input:checked {
			background-color: #e1b840;
			border-color: #fc6600;
		}

		.register-main form .btn{
			line-height: 52.5px;
			display: inline-block;
			/*background-image: linear-gradient(to right, rgba(86,222,206,10.5), rgba(86,222,206,10.5)99%);*/
			padding: 0 20px;
			color: #fff;
			border-radius: 0;
			margin: 20px 0 0 0;
			border: none;
			text-transform: uppercase;
			font-weight: 600;
			transition: 0.4s ease-in-out;
			background-color:#13b6a3;
		}

		.register-main form .btn:hover{
			background: rgb(250,164,25);
		}

		.login-form form{
			max-width: 500px;
			margin: 0 auto;
		}


		/*for new detail page*/

		.scrollspy-example{
			background: #fafafa;
		}

		.scroll-nav{
			background: #fafafa;
			padding: 30px 0 0 0;
		}

		.scrollspy-example{
			height: 100vh;
			overflow-y: scroll;
		}

		.scroll-nav .navbar{
			background-color: transparent !important;
			padding: 0;
			max-width: 1300px;
			margin: 0 auto;
		}

		.scroll-nav .nav-pills {
			border: 2px solid #56dece;
		}

		.scroll-nav .navbar-brand{
			color: #fff;
			padding: 10px;
			background: #fc6600;
			font-size: 15px;
		}

		.scroll-nav .navbar-brand:hover{
			background: #e1b840;
			color: #fff;
		}

		.scroll-nav .nav-link{
			text-transform: uppercase;
			color: #000;
			font-weight: 500;
		}

		.scroll-nav .nav-link.active{
			background: #56dece;
			color: #fff;
			border-radius: 0;
		}

		.scroll-nav .nav-link:hover{
			color: #56dece;
		}

		.detail-header{
			padding: 20px 0;

		}

		.dlogo img{
			max-width: 150px;
		}

		.comp-name h2{
			color: #56dece;
		}

		.comp-name strong i{
			color: #e1b840;
			margin: 0 5px 0 0;
		}

		.d-links{
			list-style: none;
			padding: 0;
		}

		.d-links li i{
			font-size: 15px;
			width: 40px;
			height: 40px;
			line-height: 38px;
			text-align: center;
			border: 1px solid #e1b840;
			color: #e1b840;
			border-radius: 50%;
			margin: 0 5px 0 0;
		}

		.d-links li{
			margin: 0 0 10px 0;
		}

		.d-links li a{
			font-weight: 500;
		}

		.detail-header .socio-bar li a i{
			border-radius: 50%;
			font-size: 18px;
			width: 45px;
			height: 45px;
			line-height: 43px;
		}

		.scrollspy-example .why-contn p{
			margin: 0 0 20px 0;
		}

		.scrollspy-example .why-contn h5{
			text-transform: uppercase;
			color: #555;
		}

		.scrollspy-example .why-contn h5:before{
			content: "\f017";
			font-family: "Font Awesome 5 Free";
			font-size: 18px;
			margin: 0 5px 0 0;
			color: #fc6600;
		}

		.scrollspy-example .why-us .img-wrap{
			margin: 0 0 20px 0;
		}

		.dserv-card{
			margin: 0 0 40px 0;
			text-align: center;
			padding: 20px;
			border: 2px solid #fefefe;
		}

		.dserv-card .img-wrap figure{
			width: 200px;
			padding-top: 200px;
			border-radius: 50%;
			margin: 0 auto;
		}

		.dserv-card .img-wrap figure img{
			border-radius: 50%;
		}

		.dserv-card .img-wrap{
			margin: 0 0 20px 0;
		}

		.dserv-card h3{
			font-size: 22px;
		}

		.dserv-card p{
			font-size: 16px;
			line-height: 28px;
			color: #333;
		}


		/*detail highlights*/

		.d-highlights{
			padding: 50px 0; 
		}

		.d-highlights ul li{
			background-color: rgba(225,184,64,0.3);
			list-style: none;
			padding: 20px 30px 20px 50px;
			margin: 0 0 15px 0;
			position: relative;
			border: 1px solid #fc6600;
		}

		.d-highlights ul li:before{
			content: "\f058";
			position: absolute;
			left: 15px;
			font-family: "Font Awesome 5 Free";
			font-weight: 900;
			color: #fc6600;
			z-index: 999
		}

		.d-highlights ul li a{
			display: block;
			font-weight: 500;
		}


		/*price and package*/

		.d-price{
			padding: 80px 0;
		}

		.dprice-card{
			display: flex;
			align-items: center;
			padding: 70px 20px 40px 20px;
			background: #fff;
			margin: 0 0 40px 0;
			position: relative;
			box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.5);
		}

		.dprice-card .dprice-detail{
			flex: 5;
			padding: 20px;
			text-align: right;
		}

		.dprice-card .img-wrap{
			flex: 1;
		}

		.dprice-card .img-wrap figure{
			padding-top: 100%;
			border-radius: 50%;
		}

		.dprice-card .img-wrap figure img{
			border-radius: 50%;
		}

		.dprice-detail h4{
			font-size: 24px;
			text-transform: capitalize;
			color: #32302f;
		}

		.dprice-detail p{
			font-size: 16px;
			line-height: 26px;
		}

		.packg-no{
			position: absolute;
			top: 15px;
			left: -10px;
			display: inline-block;
			background: #e1b840;
			padding: 10px 20px;
			color: #fff;
			box-shadow: 3px 1px 5px 1px rgba(0,0,0,0.5);
		}

		.packg-no:before{
			content: "";
			position: absolute;
			border-bottom: 5px solid #555;
			border-right: 5px solid #555;
			border-left: 5px solid transparent;
			border-top: 5px solid transparent;
			left: 0;
			bottom: 100%; 
		}

		.packg-price{
			position: absolute;
			top: -10px;
			right: 15px;
			display: inline-block;
			background: #e1b840;
			padding: 10px 20px;
			color: #fff;
			font-size: 20px;
			box-shadow: 3px 1px 5px 1px rgba(0,0,0,0.5);
		}

		.packg-price:before{
			content: "";
			position: absolute;
			border-bottom: 5px solid #555;
			border-right: 5px solid #555;
			border-left: 5px solid transparent;
			border-top: 5px solid transparent;
			right: 100%;
			top: 0;  
		}

		.d-price [class*="col-"]:nth-child(even) .dprice-detail{
			order: 2;
			text-align: left;
		}

		.open-time .open-hour{
			padding: 50px;
			background: #fff;
			box-shadow: 2px 2px 5px 1px rgb(0 0 0 / 50%);
		}

		.open-time{
			padding: 0 0 80px 0;

		}

		.d-gallery{
			padding: 0 0 80px 0;
		}

		.scrollspy-example .contact-wrap > .row{
			margin: 0 0 30px 0;
		}

		.scrollspy-example .contact-numbers i{
			border-radius: 50%;
		}

		.scrollspy-example .contact-form{
			background: none;
		}

		.fixed {
			position: fixed;
			top: 0;
			width: 100%;
			max-width: 100% !important;
			z-index: 9;
			transition: 0.3s ease-in-out;
			animation: slideInDown;
			animation-duration: 1s;
			margin: 0 auto;
		}

		.scrollspy-example::-webkit-scrollbar {
			width: 15px;
		}

		.scrollspy-example::-webkit-scrollbar-track {
			background: #dedede;
			border-radius: 6px;
		}

		.scrollspy-example::-webkit-scrollbar-thumb {
			background-color: #fc6600 ;
			border-radius: 6px;
			border: 3px solid #fc6600;
		}

		/*blog single page*/

		.blogs{
			padding: 80px 00;
		}

		.blog-wrap{
			text-align: left;
			padding: 15px;
			background: rgba(225, 184, 64, 0.2);
		}

		.blog-wrap .img-wrap{
			margin: 0 0 15px 0;
		}


		.blog-wrap h6{
			margin: 0 0 10px 0;
			font-size: 24px;
		}

		.blog-wrap address{
			display: inline-block;
			color: #5c5c5c;
			margin: 0 5px 15px 0;
		}

		.blog-wrap address a{
			color: #fc6600;
		}

		.blog-wrap address i{
			color: #fc6600;
		}

		.blog-wrap .url{
			font-weight: 500;
		}

		.blog-wrap time{
			color: #5c5c5c;
		}

		.blog-wrap time i{
			color: #fc6600;
		}

		.blog-wrap p{
			font-size: 16px;
			line-height: 26px;
			color: #555;
			margin: 0 0 10px 0;
		}

		.blog-contn .read-m{
			padding: 10px 25px;
			background: #F7C431;
			text-transform: capitalize;
			font-size: 18px;
			font-weight: 500;
			border-radius: 20px;
			color: #fff;
			transition: 0.4s ease-in-out;
			display: inline-block;
			text-align: center;
		}

		.blog-contn .read-m:hover{
			background:#B72925 ;
		}

		video {
			background: #000;
		}
		/*package section*/

		.packages{
		    padding: 50px 0;
		    background: #eee;
		}

		.pckg-card{
		    -webkit-box-shadow: 0px 1px 10px 0px rgb(0 0 0 / 10%);
		    -moz-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.10);
		    box-shadow: 0px 1px 10px 0px rgb(0 0 0 / 10%);
		    background: #fff;
		    height: 97%;
		    margin: 0 0 50px 0;
		    position: relative;
		    padding-bottom: 50px;
		}

		.pckg-head{
		    text-align: center;
		    background: #e1b840;
		    padding: 30px 10px 70px 10px;
		    /*position: relative;*/
		    margin: 0 0 20px 0;
		}

		.pckg-head .prices{
		    font-size: 26px;
		    color: #fff;
		}

		.pckg-head:after{
		        content: "";
		    width: 100%;
		    height: 50px;
		    position: absolute;
		    left: 0;
		    bottom: 0;
		    border-radius: 100% 100% 0 0;
		    background: #fff
		}

ul.pckg-list ul li {
    list-style: none;
}
		.pckg-list{
		    padding:0 30px 30px 30px;
		    list-style: none;
		}

		.pckg-list li{
		    padding: 10px 5px 3px 7px;
             font-size: 15px;
		    position: relative;
		}

		.pckg-list li:before{
		    content: "\f00c";
		    font-family: "Font Awesome 5 Free";
		    font-weight: 900;
		    position: absolute;
		    left:-25px;
		    top: 10px;
		    color: #56dfcb;
		}

		.pckg-card a{
		    display: block;
		    text-align: center;
		    font-family: ui-sans-serif;
		    margin: 0px !important;
		    background: #56dfcb;
		    padding: 10px;
		    text-transform: uppercase;
		    color: #fff;
		    font-weight: 700;
		    /*margin: auto 30px;*/
		    position: absolute;
		    left: 0;
		    right: 0;
		    bottom: 30px;
		}

		.pckg-card a:hover{
		    background: #e1b840;
		}

		.prices span{
			display: block;
		}
		/* contact us and package */
		.pckg-card{
    border: 2px solid #52d3c0;
    position: relative;
}

.pckg-card:before{
    content: "";
    left: 5px;
    right: 5px;
    bottom: 5px;
    top: 5px;
    border: 1px solid #e1b840;
    position: absolute;
}

.pckg-head:after{
    display: none;
}

.pckg-head{
    padding: 0;
    min-height: 230px;
        margin: -10px 10px 10px 10px;
    position: relative;
    top: -10px;
}

.pckg-head h3{
    padding: 18px;
    background: #52d3c0;
    color: #fff;
    font-size: 24px;
    min-height: 94px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 10px 0;
}

.pckg-head small{
    display: block;
    padding: 10px;
    font-weight: 600;
    font-size: 14px;
}

.prices span{
    font-size: 16px;
}

.pckg-head .prices{
    font-size: 30px;
}

.pckg-head .prices .pckg-p{
    background: #fff;
    display: block;
    padding: 10px 20px;
    margin: 0 0 5px 0;
    color: #52d3c0;
}

.product-body{
padding: 50px 0;
}

.prod-card{
text-align: center;
border: 1px solid #eee;
margin: 0 0 20px 0;
padding: 10px;
min-height: 475px;
}

.prod-card .imgp-wrap{
background: #eee;

}

.prod-dtl{
padding: 10px 0 0 0;
}

.prod-dtl h3 a{
font-size: 18px;
text-transform: capitalize;
font-weight: 600;
display: block;
line-height: 26px;
}

.p-price {
margin: 0 0 10px 0;
}

.p-price span{
font-size: 20px;
}

.p-add{
margin: 0 0 20px 0;
}

.p-add  a{
text-transform: capitalize;
border: 1px solid #56dfcb;
padding: 5px 10px;
color: #56dfcb;
vertical-align: middle;
font-size: 15px;
}

.a-dtl{
margin: 0 0 0 5px;
}

.p-add span{
font-size: 18px;
vertical-align: middle;
margin: 0px 2px 2px 0;
}

.p-add  a:hover{
background: #e1b840;
color: #fff;
border-color: #e1b840;
}

.p-price del{
margin: 0 0 0 7px;
color: #56dfcb;
}

.p-tags{
position: absolute;
top: 10px;
right: 10px;
color: #111;
background: #e1b840;
display: inline-block;
padding: 5px;
font-size: 12px;
font-weight: 600;
letter-spacing: 1px;
text-transform: capitalize;
color: #fff;
}


.inner-pg{
padding: 50px 0;
background: #f9f9f9;
}

.prod-img{
padding:20px 0px;
}

.prod-img .img-wrap{
overflow:hidden;
display:inline-block;
background: #fff;
transition: all .5s ease;
display: block;
width: 100%;
position: relative;
height: 0;
padding-top:100%;
}

.prod-img .img-wrap img{
position: absolute;
display: block;
max-width: 100%;
max-height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}

.prod-img .carousel-indicators li , .prod-img .carousel-indicators li.active  {
width: 80px;
height: 80px;
border: 0;
background: none;
border-radius: 0;
margin: 0;
cursor: default;
text-indent: 0;
padding: 0 5px;
letter-spacing: 0;
position:relative;
cursor:pointer;
border:2px solid transparent;
text-align:Center;
border-radius: 10px;
}

.prod-img .carousel-indicators li.active  {
border:2px solid #56dfcb;

}

.prod-img .carousel-indicators {
position: initial;
width: auto;
margin: 0 -5px;
letter-spacing: -5px;
bottom:20px;
margin-top:20px;
}

.prod-img .carousel-indicators li img{
position: absolute;
display: block;
max-width: 100%;
max-height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}

.prod-img .carousel-indicators li.active:after{
position:absolute;
content:'';
top:0;
left:0;
right:0;
bottom:0;

}

.prod-dtl .prc span{
color: #56dfcb;
font-size: 24px;
font-weight: 400;
height: 22px;
line-height: 22px;
margin: 20px 0px;
display: inline-block;
}

.prod-dtl h3{
text-transform: capitalize;
font-weight: 400;
font-size: 24px;
}

.inner-pg .add-cart{
margin:10px 20px 0 0;
display:inline-block;
}

.inner-pg .add-cart a{
display: inline-block;
padding: 10px 30px;
color: #fff;
transition: 0.4s;
background-color: #56dfcb;
border-color: #eb363b;
font-weight: 500;
font-size: 13px;
margin-right: 0;
text-transform: uppercase;
letter-spacing: 1px;
}

.inner-pg .add-cart a:hover{
background:#555;
}

.prod-dtl .cat-sec ul{
padding:0;
list-style:none;
}

.prod-dtl .cat-sec li a{
transition: 0.4s;
margin: 0 5px;
display: inline-block;
font-size: 14px;
font-weight: 400;
color: #555;
}

.prod-dtl .cat-sec li a:hover{
color:#e1b840;
}

.prod-dtl .cat-sec li span{
color:#777777;
font-weight:bold;
margin-right:10px;
}
.prod-dtl .cat-sec li{
padding:10px 0px;
border-bottom:1px solid #e8e8e8;
}

.share{
margin-top:50px;
}

.share ul{
padding: 0;
}

.share ul li{
display:inline-block;
}

.share ul li span{
color:#777777;
font-weight:bold;
margin-right:10px;
}

.share ul li a{
color:#000;
transition:0.4s;
margin:0 5px;
display:inline-block;
font-size:18px;
}

.share ul li a:hover{
color:#e1b840;
}

.prod-dtl .prod-info p{
font-weight: 300;
color: #555;
font-size: 16px;
margin: 0 0 10px 0;
}

.prod-dtl .prc {
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;

}

.prod-qntity{
margin: 0 0 10px 0;
}

.prod-qntity .input-group-btn .btn{
background: #555;
color: #e1b840;
height: 40px;
line-height: 40px;
padding: 0 10px;
font-size: 12px
}

.prod-qntity .input-number{
height: 40px;
line-height: 40px;
}

.prod-qntity .input-group-btn .btn:focus{
box-shadow: none;
}

.prod-qntity .input-group{
width: 150px;

}


.cart-sec .table{
color:#555;
}

.cart-sec .table tbody .name{
font-weight:500;
color:#56dfcb;
}

.cart-sec .table tbody .des{
font-size:14px;
color:#555
}

.cart-sec .table tbody .totl-p{
font-size:20px;
font-weight:500;
}

.btn-sec ul{
padding:0;
list-style:none;
text-align:right;
}

.btn-sec ul li{
display:inline-block;
margin:5px;
}

.btn-sec ul li a{
display:inline-block;
color:#fff;
background:#56dfcb;
padding:10px;
transition:0.4s;
}

.btn-sec ul li a:hover{
background:#555;
border-radius:10px;
}

.cart-sec{
padding: 50px 0;
}
.hidden{
    display: none;
}