/*-------------font linking-------------*/
@font-face {
    font-family: 'Lato';
    src:url(../fonts/Lato2OFL/Lato-Regular.ttf) format('truetype');
}


/*-------------general styling-------------*/
body {
	margin: 0;
	box-sizing: border-box;
	font-size: 100%;
	font-family: 'Lato';
	color: #000;
}



/*-------------Navbar styling-------------*/
.sticky .navbar
{
	padding: 10px !important;
}
.sticky .nav-brand img
{
	max-width: 80%;
}
#nav-values .nav-link
{
	color: #000;
	font-weight: 600;
	font-size: 15px;
}
#nav-values .nav-link.contact_btn
{
	color: #fff;
	background-color: #0fa474;
	font-weight: 400;
}
#nav-values .nav-link.contact_btn:hover
{
	background-color: transparent;
	color: #0fa474;
}
.nav_main
{
	background-color: #dff2f7;
}
.hidden
{
	display: none !important;
}
.remove_icon
{
	color: #000;
	font-size: 30px;
}



/*-------------banner styling-------------*/
.home_banner
{
	background-image: url("../images/newBanner.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	min-height: 100vh;
	height: 100%;
	
	/*position: relative;*/
	padding-top: 160px;
	/*margin-top: 88px;*/
}
.banner_text
{
	font-weight: 900;
	font-size: 36px;
}
.banner_btn img
{
	max-width: 160px;
	margin-top: 20px;
}
.owl-item.active h1 {
  opacity:0;
  animation-name:opacity;
  animation-duration:4s;
  animation-delay: 1s;
}
@keyframes opacity {
  from {opacity:0;}
  to {opacity:1;}
}


/*-------------counter styling-------------*/
.counter_sec
{
	background-color: #f3fbf8;
	padding: 30px 0 50px;
}
#key-statistics
{
	background-color: #f3fbf8;
}
.counter_box
{
	border: 1px solid #dbf1ea;
	border-radius: 8px;
	text-align: center;
	padding: 10px;
	padding-top: 85px;
	background-color: #fff;
	position: relative;
}
.counter_img
{
	border-radius: 50%;
	background-color: #cfede3;
	padding:15px;
	position: absolute;
	top: -30px;
	left: 30%;
	width: 100px;
	height: 100px;
	border: 1px solid #dbf1ea;
}
.counter_img div
{
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 68px;
	height: 68px;
}
.counter_box h4
{
	color: #0fa474;
	font-weight: 900;
	letter-spacing: 2px;
	margin-bottom: 0;
}

/*-------------application features styling-------------*/
.app_sec
{
	background-color: #0fa474;
	padding: 0 0 50px;
}
.app_head
{
	text-align: center;
	letter-spacing: 2px;
	font-size: 30px;
	font-weight: 600;
}
.app_head span
{
	color: #cfede3;
	font-size: 25px;
	font-weight: 500;
}
.app_inner
{
	padding: 80px 0;
	margin:30px 0;
	background-image: url("../images/key_feature_mobile.png");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.app_img
{
	background-color: #fff;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	background-size: 50%;
	background-position: center;
	background-repeat: no-repeat;
}
.app_img img
{
	max-width: 50px;
}
.app_inner h6
{
	line-height: 1.5;
	font-size: 20px;
}
.hide_web .app_inner
{
	background-size: 50%;
	background-position: left;
}

/*-------------how it works styling-------------*/
.how_sec
{
	padding: 50px 0;
}
.how_box h6
{
	font-size: 20px;
	font-weight: 900;
}
#how_box_img img {
	height: 515px;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: 1px solid #0fa474;
  outline: none;
  background-color: #0fa474;
  color: white;
  cursor: pointer;
  padding: 0;
  border-radius: 4px;
  font-size: 18px;
  width: 45px;
  height: 45px;
  line-height: 45px;
}
#myBtn i
{
	font-size: 25px;
}

#myBtn:hover {
  background-color: #fff;
  color: #0fa474;
}

/*-------------catering styling-------------*/
.bg_green
{
	background-color: #0fa474;
	padding: 40px 0;
}
.bg_green .gray_txt
{
	color: #cfede3;
}

/*-------------testimonial styling-------------*/
.test_btn img
{
	max-width: 200px;
}
.test_head
{
	font-size: 23px;
	font-weight: 900;
	letter-spacing: 2px;
}
.test_sub_head
{
	color: #0fa474;
	font-weight: 900;
	font-size: 30px;
}
.test_box
{
	background-color: #cfede3;
	border-radius: 8px;
}
.test_box_inner p
{
	height: 100px;
	overflow: hidden;
	margin-bottom: 5px;
}
.test_box img
{
	border: 2px solid #0fa474;
	border-radius: 8px;
	box-shadow: 0 0 8px 3px #00000060;
}
.test_box_inner h6
{
	font-weight: 700;
	font-size: 15px;
}
.test_box_inner h6:after
{
	content: "";
	display: block;
	width: 28%;
	height: 1px;
	background: #000;
	margin: auto;
	margin-top: 5px;
}
.owl-carousel .owl-dot span
{
	background: #ade0cf !important;
	width: 15px !important;
	height: 15px !important;
}
.owl-carousel .owl-dot.active span
{
	background: #0fa474 !important;
}
#partners
{
	background-color: #f2fbf8;
}
.show
{
	display: block !important;
}
.lightgreen_bg 
{
	background: #f2fbf8;
	padding: 0 0 50px;
}
#testimonials
{
	border-top: 2px solid #dbf1ea;
	border-bottom: 2px solid #dbf1ea;
}

/*-------------partner styling-------------*/
.partner_box h6
{
	font-size: 13px;
	font-weight: 700;
	margin-top: 15px;
	margin-bottom: 0;
}
.partner_box p
{
	font-size: 13px;
}
.part_img
{
	width: 100%;
	height: 90%;
}
.part_profile
{
	border-top: 2px solid #dbf1ea;
	padding-top: 50px;
	width: 80%;
	margin: auto;
}
.part_profile>div
{
	width: 90%;
	margin: auto;
}
/*-------------partner styling-------------*/
.apply_btn
{
	width: 200px;
	color: #0fa474;
	background: transparent;
	border: 1px solid #0fa474;
	border-radius: 30px;
	padding: 12px;
	font-weight: 900;
	letter-spacing: 2px;
	margin-top: 20px;
}
.apply_btn:hover
{
	background: #0fa474;
	color: #fff;
}
.apply_img
{
	background-image: url("../images/men.jpg");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.w_80
{
	width: 80%;
	margin: auto;
}
.download_sec
{
	margin-top: 40px;
	height: 540px;
	overflow: hidden;
}
.download_sec img, .down_btn img
{
    width: 100%;
    max-width: fit-content;
}
.down_btn
{
	position: relative;
	top: 70px;
}
.down_btn .test_sub_head
{
	font-size: 40px;
}

/*-------------footer widget styling-------------*/
.footer-widgets a
{
	text-decoration: none !important;
}
.widget_1 p, .widget_1 p a
{
	font-size: 16px;
	line-height: 1.2;
	margin-bottom: 4px;
	color: #ddf1ea;
}
.icon_gap
{
	height: 95px;
}
.widget_2 img
{
	max-width: 20px;
	margin-left: 20px;
}
#key-features
{
	background-color: #0fa474;
}
.bodymargin .content {
  padding-top: 80px;
}

.bodymargin1 .content {
  padding-top: 160px;
}


/*-------------Responsive-------------*/

@media(max-width: 1199px)
{
	.part_profile
	{
		width: 100%;
	}
}
@media(min-width: 992px) and (max-width: 1199px)
{
	.counter_img
	{
		width: 87px;
		height: 87px;
	}
	.counter_img div
	{
		width: 55px;
		height: 55px;
	}
	.counter_box
	{
		padding-top: 65px;
	}
	#nav-values .nav-link
	{
		font-size: 14px;
	}
}

@media(min-width: 768px) and (max-width: 991px)
{
	#nav-values .nav-link
	{
		font-size: 11px;
		padding: 10px 0;
	}
	#nav-values .nav-link.contact_btn
	{
		padding: 10px 20px !important;
	}
	.banner_text
	{
		font-size: 40px;
	}
	.counter_box
	{
		padding-top: 50px;
	}
	.counter_img
	{
		width: 75px;
		height: 75px;
		left: 25%;
		padding: 10px;
	}
	.counter_img div
	{
		width: 53px;
		height: 53px;
	}
	.counter_sec h6
	{
		font-size: 14px;
	}
	.app_img
	{
		width: 80px;
		height: 80px;
	}
	.part_profile>div
	{
		width: 100%;
	}
	.partner_box h6, .partner_box p
	{
		font-size: 11px;
	}
	.join_sec
	{
		padding: 40px 0 !important;
	}
	.download_sec
	{
		height: 340px;
	}
	.down_btn .test_sub_head
	{
		font-size: 37px;
	}
}

@media(min-width: 992px)
{
	.hide_web
	{
		display: none !important;
	}
}

@media(max-width: 991px)
{
	.hide_mbl,
	#work-carousel .owl-item .how_box h5,
	#work-carousel .owl-item .how_box h6
	{
		display: none !important;
	}
	.app_inner
	{
		margin: 10px 0;
	}
	.how_box h6
	{
		font-weight: 500;
	}
	#work-carousel .item:before, #test-mbl-carousel .item:before
	{
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background: #fff;
		opacity: 0.6;
		position: absolute;
		top: 0;
	}
	#work-carousel .owl-item.active .item:before,
	#test-mbl-carousel .owl-item.active .item:before
	{
		opacity: 0;
	}
	#work-carousel .owl-item:not(.active) .how_box,
	#test-mbl-carousel .owl-item:not(.active)
	{
		margin-top: 30px;
	}
	#work-carousel .owl-item.active .how_box h5,
	#work-carousel .owl-item.active .how_box h6
	{
		display: block !important;
		min-height: 50px;
		overflow: hidden;
	}
	.icon_gap
	{
		height: 65px;
	}
}

@media(min-width: 768px)
{
	.mbl_nav
	{
		display: none !important;
	}
}

@media(max-width: 767px)
{
	.navbar-light .navbar-toggler, .navbar-light .navbar-toggler:focus
	{
		border: none;
		outline: none;
	}
	#nav-values
	{
		position: absolute;
		top: 86px;
		left: 0;
		right: 0;
		background-color: #fff;
		padding: 30px;
		text-align: right;
		z-index: 999;
	}
	#nav-values ul
	{
		align-items: flex-end;
	}
	#nav-values li:not(:last-child)
	{
		width: 75%;
		border-bottom: 1px solid #f2f2f2;
		margin-right: 0;
	}
	#nav-values li a
	{
		position: relative;
		padding-right: 20px;
	}
	#nav-values li:not(:last-child) a:after
	{
		content: "";
		display: block;
		width: 10px;
		height: 10px;
		background-color: #f2f2f2;
		position: absolute;
		top: 15px;
		right: 0;
		border-radius: 50%;
	}
	#nav-values .nav-link.contact_btn
	{
		margin-top: 20px;
		border-radius: 4px;
	}
/*	.sticky-top, .sticky
	{
		position: relative !important;
	}*/
	.web_nav
	{
		display: none !important;
	}
	.home_banner
	{
		padding-top: 150px;
		margin-top: 0;
		background-size: contain;
		background-position: bottom;
		background-color: #e1f2f7;
	}
	.banner_text
	{
		font-size: 40px;
	}
	.counter_sec .col-6:nth-child(1)
	{
		margin-bottom: 60px;
	}
	.client_sec
	{
		padding-top: 20px;
	}
	.app_img
	{
		width: 60px;
		height: 60px;
	}
	.app_inner
	{
		padding: 75px 0;
	}
	.app_inner h6, .how_box h5
	{
		font-size: 16px;
	}
	.how_box h6
	{
		font-size: 14px;
	}
	.app_head
	{
		font-size: 25px;
	}
	.bg_green .gray_txt
	{
		font-size: 18px;
	}
	.lightgreen_bg
	{
		padding: 15px 0;
	}
	.test_btn img
	{
		max-width: 150px;
	}
	.join_sec
	{
		text-align: center;
	}
	.txt_sec h4
	{
		font-size: 15px;
	}
	.widget_1 h2
	{
		font-size: 18px;
	}
	#work-carousel .owl-item.active .how_box h5,
	#work-carousel .owl-item.active .how_box h6
	{
		min-height: 40px;
	}
	.download_sec
	{
		height: 245px;
		margin-top: 0;
	}
	.down_btn .test_sub_head
	{
		font-size: 25px;
	}
	.down_btn
	{
		top: 0;
	}
}

@media(max-width: 500px)
{
	.nav-logo
	{
		max-width: 80%;
	}
	#nav-values
	{
		top: 75px;
	}
	.home_banner
	{
		text-align: center;
		padding-top: 60px;
		max-height: 400px;
		min-height: 400px;
	}
	.banner_text
	{
		font-size: 20px;
	}
	.banner_btn img
	{
		max-width: 125px;
		margin-top: 10px;
	}
	.counter_box
	{
		padding-top: 50px;
	}
	.counter_img
	{
		width: 75px;
		height: 75px;
		left: 28%;
		padding: 10px;
	}
	.counter_img div
	{
		width: 53px;
		height: 53px;
	}
	.counter_sec h6
	{
		font-size: 14px;
	}
	.app_inner
	{
		padding: 64px 0;
	}
	.app_img
	{
		width: 50px;
		height: 50px;
	}
	.app_inner h6, .partner_box h6
	{
		font-size: 12px;
	}
	.app_mbl_head
	{
		font-size: 16px;
		letter-spacing: 0;
	}
	.test_sub_head
	{
		font-size: 25px;
	}
	.test_sub_head img
	{
		max-width: 25px;
	}
	.partner_box p
	{
		font-size: 11px;
	}
	.apply_btn
	{
		width: 170px;
		padding: 10px;
		font-size: 12px;
	}
	.widget_1 p, .widget_1 p a, .footer-copyright h6
	{
		font-size: 14px;
	}
	.widget_2 img
	{
		margin-left: 9px;
	}
	.test_box img
	{
		box-shadow: 0 0 4px 1px #00000060;
	}
	.download_sec
	{
		height: 165px;
	}
	.down_btn img
	{
		max-width: 130px;
	}
	.down_btn .test_sub_head
	{
		font-size: 17px;
	}

}

@media(max-width: 425px)
{
	.app_inner
	{
		padding: 30px 0;
	}
}

@media(max-width: 360px)
{
	.app_img, .counter_img div
	{
		width: 40px;
		height: 40px;
	}
	.app_inner h6
	{
		font-size: 10px;
	}
	.counter_sec h6
	{
		font-size: 13px;
	}
	.counter_img 
	{
		width: 60px;
		height: 60px;
	}
	.test_sub_head
	{
		font-size: 20px;
	}
}



/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index:9999;
}
.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
   }
   
   .carousel-control-next-icon {
	 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
   }