.bottom-main{
	margin-top:85px;
	padding-bottom:40px;
}
@media screen and (max-width: 768px){
	.bottom-main{
		margin-top:0px;
	}
}
.text-dark{
	color:#0f0f0f !important;
}
.horizontal-scroll {
    width: 100%;
    overflow-y: hidden;
    overflow-x: scroll;
    white-space: nowrap;
}
.my-3{
	margin-top:7px !important;
	margin-bottom:7px !important;
}
.category-container-1{
background-color:#fff;
}
.category-container-1 img{
      height:150px;
      width:150px;

}
.category-container-1 .col-xs-4{
      margin-top:1px;
      border-radius:4px;
      padding:5px;
      
}
.category-container-1 .col-xs-4 .card{
      padding-top: 4px;
	 padding-bottom:7px;
	 padding-left: 2px;
	 padding-right: 2px;
	 box-shadow: 0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
}

.category-container-1 .col-xs-4 p{
      margin:0px;
      padding:0px;
}

.category-container-1 .col-xs-4:nth-child(1) .card{
      background:#b4c8fa !important;
}

.category-container-1 .col-xs-4:nth-child(2) .card{
     background:#c3ffc3 !important;
}
.category-container-1 .col-xs-4:nth-child(3) .card{
         background:#baeaff !important;
}

.category-container-2{
background-color:#fff;
}
.category-container-2 img{
      height:150px;
      width:150px;

}
.category-container-2 .col-xs-4{
      margin-top:1px;
      border-radius:4px;
      padding:5px;
}
.category-container-2 .col-xs-4 .card{
       padding-top: 4px;
	 padding-bottom:7px;
	 padding-left: 2px;
	 padding-right: 2px;
	 box-shadow: 0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
}

.category-container-2 .col-xs-4 p{
      margin:0px;
      padding:0px;
}

.category-container-2 .col-xs-4:nth-child(1) .card{
      background:#fedfa8 !important;
}

.category-container-2 .col-xs-4:nth-child(2) .card{
     background:#e5c8fe !important;
}

.category-container-2 .col-xs-4:nth-child(3) .card{
     background:#ffccd3 !important;
}

.category-container-3{
 background-color:#fff;
}
.category-container-3 img{
      height:150px;
      width:150px;

}
.category-container-3 .col-xs-4{
      margin-top:1px;
      border-radius:4px;
      padding:5px;
}
.category-container-3 .col-xs-4 .card{
       padding-top: 4px;
	 padding-bottom:7px;
	 padding-left: 2px;
	 padding-right: 2px;
	 box-shadow: 0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
}

.category-container-3 .col-xs-4 p{
      margin:0px;
      padding:0px;
}

.category-container-3 .col-xs-4:nth-child(1) .card{
    background:#ffc094 !important;
}

.category-container-3 .col-xs-4:nth-child(2) .card{
     background:#feffb8 !important;
}
.category-container-3 .col-xs-4:nth-child(3) .card{
          background:#b2d5ff !important;
}

@media screen and (max-width: 768px){
	.category-container-1 img,.category-container-2 img,.category-container-3 img{
		width: 100%;
		height: 100%;
	}
}

.color-1{
background:#ffc094 !important;
}
.color-2{
	 background:#feffb8 !important;
}
.color-3{
	background:#b2d5ff !important;
}
.color-4{
	background:#fedfa8 !important;
}
.color-5{
	 background:#e5c8fe !important;
}
.color-6{
	 background:#ffccd3 !important;
}
.color-7{
	 background:#b4c8fa !important;
}
.color-8{
	background:#c3ffc3 !important;
}
.color-9{
	 background:#baeaff !important;
}

/* recommended card */
.font-weight-bold{
	font-weight:600 !important;
}
.r-card{
	width:200px;
}
.r-card{
	background:#fff !important;
	border-radius:12px;
	display:inline-block;
	margin-right:7px;
	padding-top: 4px;
	margin-bottom:4px;
	 box-shadow: 0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
}
@media screen and (max-width: 768px){
.r-card{
	width:150px;
}
}

.r-card .card-body{
	width:100%;
	height:100%;
	padding-left:4px;
	padding-right:4px;
	overflow: hidden;
	padding-top: 4px;
	padding-bottom:4px;
}
.r-card .btn-add .btn{
	background-color: #3072ab !important;
	font-weight:lighter !important;
}
.r-card .btn-add .btn{
	border-top-left-radius:0px !important;
	border-top-right-radius:0px !important;
	border-bottom-left-radius:12px !important;
	border-bottom-right-radius:12px !important;
}
.r-card .card-body .select{
	
	margin-top: 8px;
	margin-bottom:4px;
}
.r-card p{
	text-align: left !important;
    white-space: break-spaces !important;
}
.r-card .card-body .select select{
	background-color:#eaeef1 !important;
	font-size:13px !important;
	border-radius:10px;
	color:#777777 !important;
	padding: 0px 8px !important;
	font-weight:500 !important;
	border:none !important;
}
.w-h-100{
	height: 100%;
	width:100%;
}
.text-w{
	color: #fff !important;
}
/* cat card */
.cat-card{
	background:#fff !important;
	border-radius:12px;
	overflow:hidden;
	padding: 0px;
	margin: 0px;
	margin-top:8px !important;
	cursor:pointer;
	/* box-shadow: 0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important; */
}
.cat-card img{
	height:90px !important;
	width: 90px !important;
}
.cat-card .list-group-item{
	border: none !important;
}
.mh-90{
	min-height:90px;
}
.d-flex{
	display:flex;
}
.align-item-center{
	align-items:center;
}
.p-0{
	padding: 0px !important;
}
.m-0{
	margin: 0px !important;
}
.bg-w{
	background-color: #fff !important;
}
.text-light{
	color:#f9f9f9 !important;
}
.font-weight-500{
	font-weight:500 !important;
}
.p-1{
	padding: 4px;
}
/* cat card */

.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide{
	min-height:90vh;
}

#tab-layout{
	padding-top:7px !important;
	background:#fff !important;
	margin-top:10px;
	padding-bottom:7px;
}
#tab-layout a,#tab-layout a:hover{
    font-size: 14px !important;
    line-height: 17px !important;
    color: #000;
    border: none;
    outline: none;
    transition: all ease-in .3s;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 12px;
    padding-right: 12px;
    margin-left: 2px;
}
#tab-layout a.active,#tab-layout a.focus{
	border: none;
	outline: none;
	background-color:#1f51a5;
	color:#fff;
	font-weight:500;	
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.p-card{
	background:#fff !important;
	border-radius:12px;
	overflow:hidden;
	padding: 0px;
	margin: 0px;
	margin-top:7px !important;
	box-shadow: 0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important; 	
}
.p-card img{
	height: 90px !important;
	width: 90px !important;
}
.p-card p{
	margin: 0px;
	padding: 0px;
	font-size: 16px;
}
.p-card .card-body{
	padding: 3px;
	padding-top: 5px;
}
.flex-fill{
	flex-grow:1 !important;
}
.p-card select{
	border-radius:20px;
	font-size: 13px;
	padding: 6px 10px !important;
}
.p-card .btn{
	font-size:14px !important;
	border-radius:6px;
	font-weight:400 !important;
	padding: 5px 10px !important;
	font-family:inherit !important;
	width: 100% !important;
}