@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,500;0,600;0,700;0,800;1,200;1,500;1,600;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&family=Poppins:ital,wght@0,500;0,600;0,700;0,800;1,200;1,500;1,600;1,800&display=swap');
*{
	margin:0;
	padding:0;
}
body {
	font-size: 16px;
	font-family: Nunito, sans-serif !important;
	color: #666666;
	position: relative;
	line-height: 1.5;
	/*background-image: url(../images/body-bg.jpg);*/
}
p{
  color:#000;  
}
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #0160b0; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
	background: #ffbe15;  
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #052f42; 
}
.btn:focus {
    color: #495057;
    background-color: #fff;
    border-color:#ced4da !important;
    outline: 0;
    box-shadow:none; 
}
.bg{
	 background: linear-gradient(to bottom, #20292a 0%, #396746 100%)
}
header{
	padding-top:0px;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
	color:#fff;
}
.navbar-light .navbar-nav .nav-link{
	color:#b9b9b9;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
	color:yellow;
}
.grocery_boy{
	background: #dfdfdf14;
    border-radius: 250px 250px 0px 0px;
    padding-top: 75px;
}
.cntxt{
	margin-top:40px;
	margin-bottom:50px;
}			
.cntxt h6 {
	font-size:13px;
	font-weight:400;
	color:#fff;
	background:#dfdfdf4f;
	width:310px;
	border-radius:25px;
	padding:8px;
	text-align:center;
}
.cntxt h6 i{
	margin-right:10px;
}
.cntxt h1{
    font-size: 42px;
    font-weight: 600;
    color: #000;
    margin-bottom: 10px;
}
.cntxt h2{
    font-size: 54px;
    font-weight: 300;
    
}
.cntxt ul{
    margin:0;
    padding:0 20px;
}
.cntxt ul li{
    list-style-type:square;
    color:#000;
}
.orders_sec{
    padding: 10px 0 10px;
    background: #f9f9f9 url(../images/grocery.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
}
.orders_sec_new{
    padding: 10px 0 10px;
    background-repeat: no-repeat;
    background-position: right bottom;
}

.orders_sec_new1{
    padding: 10px 0 10px;
    background: #f9f9f9;
    background-repeat: no-repeat;
    background-position: center bottom;
    height:450px;
}
.orders_sec_new1{
    padding: 10px 0 10px;
    background-repeat: no-repeat;
    background-position: right bottom;
}

.client_sec{
    padding: 145px 0 145px;    
}
.search-sec{
    background: #dfdfdf4f;
    padding: 6px;
    border-radius: 52px;
}
.search {
	padding-left:15px;
}
.search-sec select {
    height: 50px;
    border-radius: 50px 0px 0px 50px;
    background: #dfdfdf4f;
    border-color: #dfdfdf4f;
    color: #fff;
}
.find-search .search-btn {
    right: 0;
    top: 0;
    background: #00b2f0;
    color: #fff;
    font-weight: 600;
    border-radius: inherit;
}
.shoping_btn{
    width: 100%;
    height: 50px;
    border: none;
    background: #ffff00;
    border-radius: 0px 50px 50px 0px;
}
.signup{
	margin-bottom:20px;
	margin-top:20px;
}
.signup h6{
	color:#fff;
	font-weight:400;
}
.clt-img {
	border-radius: 50px;
    width: 60px;
    border: 3px solid #fff;
}
.ml_30{
	margin-left:-30px;
}

.clt-rtg h5{
	color:#444;
}
.rtg {
	margin:0;
	padding:0;
}
.rtg li{
	list-style-type:none;
	display:inline-block;
}
.fa-star{
	color:#ffff00;
}
.client{
    background: #fff;
    width: 100%;
    height: 120px;
    padding: 15px;
    border-radius: 25px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.clt-sec{
	width: 30%;
    float: left;
}
.link_sec ul{
    margin:0;
    padding:0;
}
.link_sec ul li{
    list-style-type:none;
    display:inline-block;
}
.link_sec ul li a{
    color: #fff;
    font-size: 14px;
}
.link_sec ul li a:hover{
    text-decoration: none;
}
.link_sec ul li:not(:last-child):after {
    content: ' | ';
    color: #fff;
    padding-right: 10px;
    padding-left: 10px;
}
.social_sec {
    float:right;
}
.social_sec ul{
    margin:0;
    padding:0;
}
.social_sec ul li{
    list-style-type:none;
    display:inline-block;   
}
.social_sec ul li a i{
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #009cff;
    color: #fff;
    text-align: center;
    border-radius: 50px;
}
footer{
    padding: 20px 0 20px;
    background: #08100b;
}
.section-title {
    margin-bottom: 50px;
}
.section-title h2{
    color: #fff;
    font-size:35px;
    font-weight: 600;
    letter-spacing: 1px;
}
.white{
	color:#fff !important;
}
.red{
	color:#fa3725;
}
.appsec {
	margin-top:25px;
	margin-bottom:15px;
}
.appsec h4{
    font-size: 18px;
    color: #fff;
}
.appsec ul{
	margin:0;
	padding:0;
}
.appsec ul li{
	list-style-type:none;
	display:inline-block;
    margin-bottom: 15px;
}
.appsec ul li img{
	width: 200px;
    margin-right: 15px;
}
.rgh_btn{
	float:right;
}
.rgh_btn ul{
	margin:0;
	padding:0;
}
.rgh_btn ul li i{
	background: #fff;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 20px;
}
.rgh_btn ul li{
	list-style-type:none;
	display:inline-block;
}
.sgn_btn{
    border: 2px solid #fff;
    font-weight: 600;
    padding: 5px 19px;
    color: #fff;
    border-radius: 7px;
    margin-left: 25px;
}
.bt{
	cursor:pointer;
}
button.close {
    width: 40px !important;
    height: 40px !important;
    color: #000;
    font-size: 28px;
    background: #f9f5f5;
}
.popup-body {
    position: relative;
    padding: 0px !important;
}
.popup-btn {
    margin-right: -40px;
    opacity: inherit;
    border: none !important;
}
.login-form{
	padding:15px;
}
.modal-content{
	border-radius:inherit;
}

.job-section .opening-block .btn-apply, .loadmore-btn {
    border-radius: 50px;
    background-color: #f54149;
    background-image: linear-gradient( 170deg, #f04, #ff794d);
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    font-family: Poppins, sans-serif;
    color: #ffccd9;
    font-size: 38px;
    line-height: 45px;
    font-weight: 600;
    text-align: center;
    width: 200px;
    display: inline-block;
    padding: 9px 15px;
    cursor: pointer;    
}
.bdcrmb{
	margin-top:10px;
}
.mnhd{
	text-align:center;
}
.mnhd h1{
	font-family:Poppins, sans-serif;
	font-weight:600;
	font-size: 80px;
	color:#fff;
    text-align: center;
}
.mnhd h4{
	font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 45px;
    color: #ffff00;
}
.mnhd p{
	font-size: 21px;
	color:#fff;
}
.breadcrumbs{
	background: linear-gradient(to bottom, #20292a 0%, #396746 100%);
    padding: 130px 0 40px;
    margin-top: -75px;
}
.morebtn{
	width: 250px;
    height: 50px;
    background: red;
    padding: 12px;
    border-radius: 89px;
    text-align: center;
}
.morebtn a{
	color: #fff;
    font-size: 18px;
}
.morebtn a:hover{
	text-decoration: none;
}
.msn{
	padding:50px 0 50px;
}
.msn_txt{
	margin-bottom:60px;
}
.msn_txt h1{
    font-weight: 400;
    font-size: 60px;
    color: #fff;	
}
.msn_txt h4{
    font-weight: 600;
    font-size: 17px;
    color: #fff;	
}
.msn_txt h2{
	font-weight: 400;
    font-size: 30px;
    color: #fff;	
}
.msn_txt p{
    font-weight: 400;
    font-size: 17px;
    color: #fff;	
}
.filter_sec ul{
	padding:0;
	margin:0;
}
.filter_sec ul li{
	list-style-type:none;
	display:block;
}
.filter_sec ul li label{
	font-size: 12px;
    text-transform: capitalize;
    color: #ffff;
}
.filter_sec ul li label input{
	margin-right:10px;
}
.find-search{
	padding-top:10px;
}
.find-search .form-control{
	padding: 18px 10px;
    font-size: 12px;
    border-color: #eee;
	border-radius: 74px;
}
.search-btn {
	position: absolute;
    top: 134px;
    background: #b81904;
    color: #fff;
    padding: 0px 8px;
    font-weight: 600;
    border-radius: 1px 20px 20px 0px;
    right: 18px;
}
.find_sec{
	margin-bottom:50px;
}
.rst ul{
	margin:0;
	padding:0;
}
.rst ul li{
	list-style-type:none;
}
.rst ul li a{
	color:#fff;
}
.job-section{
    padding: 10px;
    margin-bottom: 15px;
    height: 85px;
	border-radius:50px;
}
.job-section:hover{
	box-shadow: 0 0 36px 0 rgb(217 217 217 / 50%);
    cursor: pointer;
}
.jobdtl{
	width: 75%;
    float: left;
    margin-left: 30px;
}
.jobdtl h4{
	font-size: 17px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;	
}
.jobdtl h6{
	font-size: 16px;
    color: #ffbe15;
}
.jobbtn {
	width: 20%;
    float: right;
}
.jobbtn a{
	background: #ffbe15;
    padding: 10px 20px;
    border-radius: 50px;
    color: #000;
    margin-top: 10px;
    float: left;
    font-weight: 600;	
}
.jobbtn a:hover{
	text-decoration:none;
}
.filter_box h4{
	font-size: 18px;
    font-weight: 600;
    padding-bottom: 15px;
    border-bottom: 3px solid #ffff00;
    margin-bottom: 19px;
    color: #fff;
	margin-right: 20px;
}
.filter_sec{
	padding: 5px;
}
.filter_cnt{
	border-right: 3px solid #ffff00;	
}
.job_lst{
    padding: 60px 0 60px;
    background: #213428;		
}
.job_dtl{
	
}
.aply_btn a{
	height: 55px;
    border-radius: 50px;
    background-color: #f54149;
    background-image: linear-gradient(170deg, #f04, #ff794d);
    color: #ffccd9;
    font-size: 18px;
    line-height: 55px;
    font-weight: 600;
    float: left;
    text-align: center;
    padding: 0px 20px;
}
.snd_btn{
	height: 55px;
    border-radius: 50px;
    background-color: #f54149;
    background-image: linear-gradient(170deg, #f04, #ff794d);
    color: #ffccd9;
    font-size: 18px;
    line-height: 55px;
    font-weight: 600;
    float: left;
    text-align: center;
    padding: 0px 20px;
}
.shre_job{
    float: right;
    margin-top: 12px;
}
.shre_job ul{
	margin:0;
	padding:0;
}
.shre_job ul li{
    list-style-type: none;
    display: inline-block;
    font-size: 18px;
    color: #fff;
}
.shre_job ul li a i{
	width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: #009cff;
    color: #fff;
}
.scl{
    padding: 25px;
    margin: 18px;
    border: 1px solid #fff;
}
.despt h2{
	font-weight: 600;
    font-size: 28px;
    color: #fff;	
}
.despt{
	padding:15px;
}
.despt p{
	color:#fff;
}
.despt h4{ 
	font-weight: 600;
    font-size: 18px;
    color: #ffff00;
	margin-top: 15px;
    margin-bottom: 15px;
}
.despt ul{
	margin:0;
	padding:0 20px;
}
.despt ul li{
	list-style-type:square;
	color:#fff;
}
.jbdt{
	padding:15px;
}
.jbdt ul{
	margin:0;
	padding:0 20px;	
}
.jbdt ul li{
	list-style-type:none;
}
.jbdt ul li:before {
    content: ':';
    margin-right: 10px;
	color:#fff;
}
.crrhead{
	font-size: 16px;
    color: #ffff00;
    font-weight: 500;
    width: 250px;
    float: left;
}
.crrdes{
	color:#fff;
}
.btn_sec{
	text-align:center;
}
.btn_sec ul{
	margin:0;
	padding:0;
}
.btn_sec ul li{
	list-style-type:none;
	display:inline-block;
}
.frm_sec h4{
	font-size: 25px;
    font-weight: 600;
    padding-bottom: 15px;
    border-bottom: 3px solid #ffff00;
    margin-bottom: 19px;
    color: #fff;
}
.frm_sec h4 i{
	color:#ffff00;
	margin-right:10px;
}
.white span{
	color:#ffff00;
}
.uplrd{
	padding-top: 8px;
    height: 39px;
    border-bottom-right-radius: 4px !important;
    border-top-right-radius: 4px !important;
    background-color: #f54149;
    background-image: linear-gradient( 170deg, #f04, #ff794d);
    font-weight: 400 !important;
    color: white;
    margin-left: -10px;
    width: 105px;
	cursor:pointer;
    padding-left: 8px;
}
.form-control{
	border-radius: initial;
}

@media (max-width: 767px) { 
	.social_sec {
		float: left;
	}
	.sgn_btn{
		margin-left: 0px;
	}
	.jobdtl {
		margin-left: 0px !important; 
		width: 70% !important; 
	}
	.jobbtn {
		width: 28% !important; 
	}
	.jobbtn a {
		background: #ffbe15;
		padding: 4px 10px !important; 
		border-radius: 6px;
		color: #000;
		margin-top: 10px;
		float: left;
		font-weight: 600;
		font-size: 12px !important; 
	}
	.scl {
		padding: 8px !important;
	}
	.jbdt ul li:before {
		content: '' !important; 
		margin-right: 10px;
		color: #fff;
	}
	.crrhead {
		width:290px !important;  
	}
	.orders_sec {
		padding: 10px 0 10px;
		background: #f9f9f9 !important; 
	}
	.client {
		height:auto !important; 
	}
	.about-img-left img{
		margin-bottom: -10px;
	}
	.client_sec {
		padding: 25px 0 25px;
	}
}

.thank
{
	color:#1D1D1D;
}

