.grocery-top{
	margin-top:80px;
}

.box-donationsingo{
			background-color:#fff !important;
			border:solid #ccc 0.5px;
			padding:20px 15px !important;
			min-height:80vh;
			margin-bottom:40px;
		}
.title-heading{
	font-size:30px;
	font-weight:bold;
	color:#555 !important;
	padding:6px 12px;
	font-family: 'OpenSans-Bold';
	margin:0px;
	padding-bottom:3px;
}
.title-text{
	font-size:26px;
	font-weight:bold;
	color:#555 !important;
	padding:6px 12px;
	font-family: 'OpenSans-Bold';
	margin:0px;
	padding-bottom:3px;
}		
.title-text-custom{
	font-size:18px;
	font-weight:500;
	color:#555 !important;
	padding:6px 12px;
	font-family: 'OpenSans-Bold';
	margin:0px;
	padding-bottom:3px;
}
.f-14{
	font-size:14px;
	line-height:19px;
	color:#555;
	margin:0px;
	padding:0px;
	font-weight:300;
}
.f-18{
	font-size:18px;
	line-height:22px;
	color:#555;
	margin:0px;
	padding:0px;
	font-weight:400;
}
.f-20{
	font-size:20px;
	line-height:25px;
	color:#555;
	margin:0px;
	padding:0px;
	font-weight:500;
}
.f-22{
	font-size:22px;
	line-height:28px;
	color:#555;
	margin:0px;
	padding:0px;
	font-weight:600;
}
.f-24{
	font-size:24px;
	line-height:30px;
	color:#555;
	margin:0px;
	padding:0px;
	font-weight:800;
}
.box-donationsingo .dv .input-group-addon{
background-color:#1f51a5;
color:#fff;
padding:6px 6px !important;
text-align:center;
}
.custom-input-group{
	border:solid #1f51a5 1px;
	border-radius:2px;
}
.custom-input-group .input-group-addon{
	width:30% !important;
}
.custom-btn-group button i{
	font-size:14px;
}
.custom-btn-group button{
	padding:4px 12px;
	background-color:#fff !important;
	border:solid #1f51a5 2px;
	outline:none;
	border-radius:2px;
	margin-top:10px;
	margin-bottom:4px;
	color:#1f51a5;
	font-size:17px;
	font-weight:600;

}
.custom-pay-btn input{
padding:6px 25px;
background-color:#1f51a5 !important;
border-radius:2px;
margin-top:5px;
margin-bottom:4px;
font-size:17px;
font-weight:600;
color:#fff;
border:none;
outline:none;
text-align: left;
}

.my-1{
	margin-top:7px;
	margin-bottom:7px;
}
.custom-table,.ln-table{
	height:auto !important;
	width:100% !important;
}
.custom-table table,.ln-table table,.ln-item-summary table{
	height:auto !important;
	width:100% !important;
	margin-top:7px;
	margin-bottom:7px;
}
.ln-item-summary{
	padding:1px 12px;
}
.ln-item-summary table tr{
	border-top:solid #eee .5px;
}

.ln-item-summary table td{
	text-align:left;
	padding:2px 6px !important;
	font-size:15px;
	font-weight:500;
	color:#232e3c;
}
.ln-item-summary table td i{
	font-size:14px;
	color:#656d77;
}
.ln-table{
	border-top:solid #ccc 1px;
}
.ln-table table th{
	font-weight: 600;
    font-size: 17px;
    padding: 6px 8px !important;
    text-align:left;
    color:#000;
}
.ln-text{
	font-size:16px;
	font-weight:400;
	padding: 6px 8px !important;
}
.ln-item-summary{
	margin-bottom: 4px;
}
.ln-rounded-img{
	width:50px;
	height:50px;
	border-radius:50%;
}
.custom-table table thead{
	width:100%;
	background-color:rgba(66,99,235,.1)!important;
}
.custom-table table thead tr th{
	text-align:left;
	border:solid #eee 1px;
	padding:6px 8px !important;
	color:#1f51a5;
	font-weight:600;
	font-size:17px;
}
.custom-table table tbody tr{
	border-bottom:solid #eee .5px;
}
.custom-table table tbody tr:hover{
	background-color:rgba(101,109,119,.1)!important;
}
.custom-table table tbody tr:nth-child(even){
	background-color:rgba(101,109,119,.1)!important;
}
.custom-table table tbody tr td{
	text-align:left;
	padding:2px 6px !important;
	font-size:15px;
	font-weight:400;
	color:#222425;
}

.wallet-bottom-btn{
	background-color:#fff;
	margin-top:7px;
	margin-bottom:7px;
	width:100%;
}
.wallet-bottom-btn a,.wallet-bottom-btn a:hover{
	padding:8px 14px;
	background-color:rgba(66,99,235,.1)!important;
	color:#1f51a5;
	margin-left:4px;
	font-size:16px;
	font-weight:500;
	border-radius:2px;
	border:solid #1f51a5 1px;
	display:inline-block;
	margin-top:5px;
}

@media screen and (max-width:768px){
.wallet-bottom-btn a,.wallet-bottom-btn a:hover{
	padding:7px 11px;
}
.main-bottom{
	margin-top:0px;
}

}
.oc-link-heading{
	padding-bottom:30px;
}
.oc-link-heading a,.oc-link-heading a:hover{
	text-decoration:underline;
	color:#1f51a5;
	font-size:28pt;
}
.ln-btn i{
	font-style:normal;
	font-size:14px;
	padding-left:4px;
	padding-right:4px;
}
.ln-btn,.ln-btn:hover{
	display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space:nowrap;
	border:none;
	outline:none;
	background-color:#1f51a5;
	color:#fff;
	font-weight: 500;
    line-height: 1.4285714;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    padding:6px 11px;
    font-size:16px;
    border-radius:2px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.quantity{
	display:flex;
	justify-content:center;
	align-items: center;
}
.quantity i{
	color:#fff !important;
}
.quantity .minus-btn,.quantity .plus-btn{
	height:30px;
	width:30px;
font-size:15px;
border:none;
outline:none;
background-color:#1f51a5;
color:#fff;
line-height:30px;
text-align:center;
border-radius:100%;
margin-left:4px;
margin-right:4px;
}

.quantity .dateItemId,.quantity .dateItemNumber{
	font-size:16px;
}
.calculator-card{
	width:100%;
	margin:4px;
	background-color:#fff;
	border-radius:4px;
	box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
	position:relative;
	transition:all ease-in .3s;
	padding:20px 15px;
	text-align:center;
}
.book-card{
	width:100%;
	margin:4px;
	background-color:#fff;
	border-radius:4px;
	box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
	position:relative;
	transition:all ease-in .3s;
}
.calculator-card::before{
content:'';
position: absolute;
left:0px;
bottom:-5px;
height:5px;
width:100%;
background-color:#337ab7;
}
.w-100{
	width:100%;
}
.h-100{
	height:100%;
}
.book-card .card-body{
	padding:15px 12px;
}
.book-card .card-body p{
	margin:0px;
	padding:0px;
}
.my-4{
	margin-top: 20px;
}
.point-card{
	padding:25px 12px;
}
.point-card p i{
	display: none;
}
.point-card p{
	margin:0px;
	padding:0px;
	padding-bottom:8px;
	font-size:15px;
	line-height:21px;
	font-family: 'OpenSans-Bold';
	color:#555;
	font-weight:300; 
	position:relative;
	padding-left:15px;
	text-align:justify;
}
.point-card p::before{
	content:"\f101";
	font-family:'FontAwesome';
	position:absolute;
	top:0px;
	left:0px;
	font-size:17px;
	color:#337ab7;
}
.point-card p i{
	color:#337ab7;
}


@media screen and (max-width:768px){

.grocery-top{
	margin-top:0px;
}

}

.card-hover{
	position:relative;
	transition:all ease-in .3s;
}

.card-hover:hover{
	transform:translate(0px,-5px);
	-webkit-transform:translate(0px,-5px);
	-moz-transform:translate(0px,-5px);
	-ms-transform:translate(0px,-5px);
	-o-transform:translate(0px,-5px);
}

.mb-2{
	margin-bottom:10px;
}
.text-dark{
	color:#222425 !important;
}

.text-main{
	color:#337ab7;
}
.myspan{
	display:inline-block;
	font-size:14px;
}
.f-bold{
	font-weight:bold;
}
.big-font{
	font-size:50px;
	font-weight:bold;
	color:#337ab7;
	padding-bottom:15px;
}

@media screen and (max-width:768px){
	.big-font{
		font-size:30px;
	}
}

.select-box{
	max-width:200px;
	border-radius:4px;
}
.p-0{
	padding:0px !important;
}
.px-1{
	padding-left:4px;
	padding-right:4px;
}

.img-80{
	height:80px;
	width:80px;
}
.border-muted{
	border:solid #ccc .5px;
}
.d-flex span{
	padding-left:7px;
}
.text-color-primary{
      color:#1f51a5 !important;
}
.font-big-primary{
      font-size:28px !important;
      margin:0px !important;
      padding:0px !important;
      font-weight:600;
}
.category-container{
      margin-top:12px;
      margin-bottom:10px;
      padding-left:100px;
      padding-right:100px;
}
.category-container img{
      height:150px;
      width:150px;

}
.category-container .col-xs-3{
      margin-top:1px;
      border-radius:4px;
      padding:5px;
}
.category-container .col-xs-3 .card{
      padding-top:4px;
      
}

.category-container .col-xs-3 p{
      margin:0px;
      padding:0px;
      font-size:13px;
      color:#333 !important;
      line-height:17px;
}
.noti .notification {
    position: absolute;
    top: -2px;
    border: 1px solid #FFF;
    right: 5px;
    font-size: 9px;
    background: #f44336;
    color: #FFF;
    min-width: 20px;
    padding: 0 5px;
    height: 20px;
    border-radius: 10px;
    text-align: center;
    line-height: 19px;
    vertical-align: middle;
    display: block;
}
.p-2{
      padding:7px;
}

.left-card{
      border-left:solid #1f51a5 3px;
}
.img-res{
    height:200px;
    width:400px;
}

@media screen and (max-width:768px){
    .img-res{
        height:100%;
        width:100%;
    }
   .font-big-primary{
      font-size:24px !important;
      font-weight:600;
}  
.category-container{
      padding-left:5px;
      padding-right:5px;
}
.category-container .text{
    font-size:13px !important;  
}

.category-container img{
      height:65px;
      width:65px;

}

.category-container .col-xs-3{
      padding:2px;
}
 .swiper::-webkit-scrollbar {
  display: none;
    }
     .swiper {
        width: 100%;
        height: 100% !important;
        margin-left: auto;
        margin-right: auto;
        position:relative;
        margin-bottom:15px;
        white-space:nowrap;
        overflow-x:scroll;
        -ms-overflow-style:none;
        scrollbar-width:none;
      }
    
      .swiper-container-horizontal > .swiper-scrollbar{
          bottom:0px !important;
      }
        .swiper-scrollbar-drag{
            background: rgb(51 122 183) !important;
        }
      .swiper-slide {
        /*text-align: center;*/
        /*font-size: 18px;*/
        background: #fff;
        /*border:solid #ddd 1px;*/
         min-height:150px !important;
        /*min-height:130px !important;*/
        /* Center slide text vertically */
        /*display: -webkit-box;*/
        /*display: -ms-flexbox;*/
        /*display: -webkit-flex;*/
        /*display: flex;*/
        /*-webkit-box-pack: center;*/
        /*-ms-flex-pack: center;*/
        /*-webkit-justify-content: center;*/
        /*justify-content: center;*/
        /*-webkit-box-align: center;*/
        /*-ms-flex-align: center;*/
        /*-webkit-align-items: center;*/
        /*align-items: center;*/
      }
      .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{
          /*bottom:-15px !important;*/
          display:none;
      }
      .swiper-pagination-bullet{
          width:5px !important;
          height:5px !important;
      }
      .swiper-pagination-bullet-active{
          background:#0093d1 !important;
      }
    .product-header{
        width:100%;
        padding:2px 7px;
    }
    .product-header .float-left{
        width:70%;
        float:left;
        text-align:left;
        padding:5px 5px;
    }
    .product-header .float-right{
        width:30%;
        float:left;
        text-align:right;
        padding:5px 5px;
    }
    .product-header h3{
        font-size:18px;
        font-weight:bold;
        font-family:'OpenSans-Bold';
        line-height:20px;
        margin:0px;
        color:#333;
        
    }
     .product-header p{
        font-size:12px;
        font-weight:400;
        font-family:'OpenSans-Regular';
        line-height:15px;
        margin:0px;
        color:#777;
        text-transform:lowercase;
    }
     .product-header a, .product-header a:hover{
         font-size:14px;
         line-height:35px;
         color:#1f51a5;
         text-transform:uppercase;
         text-decoration:none;
         font-family:'OpenSans-Bold';
         font-weight:500;
         margin:0px;
     }
     .product-card{
         background-color:#fff;
         position:relative;
         padding:2px 7px;
     }
     .product-card .card-header{
         text-align:center;
     }
     .product-card .featured_image{
         height:75px;
         width:75px;
         
     }
     .product-card .card-body{
         padding:2px 4px;
     }
     .product-card .card-body .title{
         font-size:12px;
         font-weight:bold;
         color:#333;
         line-height:15px;
         margin:0px;
         font-family:'OpenSans-Bold';
         min-height:45px;
         white-space: break-spaces;
     }
     .product-card .card-body .subtitle{
         font-size:11px;
         font-weight:100;
         color:#777777;
         margin:0px;
         font-family:'OpenSans-Bold';
         min-height:15px;
     }
      .product-card .card-body .price{
         font-size:13px;
         font-weight:bold;
         color:#222425;
         margin:0px;
         font-family:'OpenSans-Bold';
     }
     .product-card .card-body .price del{
         font-size:11px;
         color:#8187a7;
         font-weight:100;
         font-family:inherit !important;
     }
     .product-card .card-body .cart-btn{
         background-color:#0093d1;
         color:#fff;
         font-size:12px;
         padding: 0.5rem 0.75rem;
         border-radius:5px;
         border:none;
         width:85% !important;
         text-transform:uppercase;
         font-family:'OpenSans-Bold';
     }
     
    .product-card .card-body .cart-btn .add_plus {
    width: 10px !important;
    height:10px !important;
    border-radius: 50%;
    margin-left: 10px;
    background: rgba(255, 255, 255, 0.1) url('https://www.jiomart.com/assets/version1605113383/jiomsite/images/icons/add_plus.svg') center no-repeat;
    position: relative;
    padding-left: 20px;
}
.blue-block{
    /*color: #4299e1 !important;*/
    background: rgba(66,153,225,.1) !important;
    padding:8px 12px;
}
.blue-block .clearfix{
    width:100%;
}
.blue-block .clearfix .float-left{
    width:25%;
    float:left;
    text-align:center;
}
.blue-block .clearfix .float-right{
    width:75%;
    float:left;
}
.blue-block .icon{
    font-size:35px;
    color: #4299e1 !important;
    line-height:65px;
    font-weight:bold;
}
.blue-block h3{
    font-size:17px;
    color: #4299e1 !important;
    font-weight:bold;
    line-height:25px;
    margin:0px;
}
.blue-block a,.whatsapp-block a:hover{
    text-decoration:none;
    display:block;
    width:100%;
}
.whatsapp-block{
    color: #2fb344 !important;
    background: rgba(47,179,68,.1) !important;
    padding:8px 12px;
}
.whatsapp-block .clearfix{
    width:100%;
}
.whatsapp-block .clearfix .float-left{
    width:25%;
    float:left;
    text-align:center;
}
.whatsapp-block .clearfix .float-right{
    width:75%;
    float:left;
}
.whatsapp-block i{
    font-size:25px;
    color: #2fb344 !important;
    line-height:25px;
    font-weight:bold;
}
.whatsapp-block h3{
    font-size:17px;
    color: #2fb344 !important;
    font-weight:bold;
    line-height:25px;
    margin:0px;
}
.whatsapp-block a,.whatsapp-block a:hover{
    text-decoration:none;
    display:block;
    width:100%;
}

.quantity .minus-btns, .quantity .plus-btns{
    width:25px !important;
    height:25px !important;
    font-size:13px !important;
    line-height:22px !important;
    background-color:#0093d1 !important;
    margin:2px 7px !important;
    display: inline-block;
    border: none;
    border-radius: 100%;
    padding: 3px 7px;
    box-shadow:none;
}
.under-strip{
    position:relative;
}
.under-strip::before{
    content:'';
    position:absolute;
    bottom:-5px;
    height:4px;
    width:80px;
    background-color:#4299e5;
}
.position-relative{
    position:relative;
}
.position-relative .position-absolute{
    position:absolute;
}
.right-0{
    right:0%;
}
.bottom-0{
    bottom:0%;
}
.f-10{
    font-size:10px;
}
.f-12{
    font-size:12px;
}
.f-14{
    font-size:14px;
}
.f-16{
    font-size:16px;
}
.f-18{
    font-size:18px;
}
.f-20{
    font-size:20px;
}
.f-22{
    font-size:22px;
}
.toast
{
display: flex;
width: calc(100% - 2rem);
 background: #4fc0ba;
background: #0059b3;
color: #fff;
position: fixed;
bottom: 0;
left: 1rem;
border-radius: 0.375rem;
padding: 1rem;
align-items: stretch;
opacity: 0;
pointer-events: none;
transition: opacity 300ms ease;
height: 60px;
}

.toast.active
{
opacity: 1;
pointer-events: inherit;	
}

.toast a 
{
color: #fff;
}

.toast > *
{
padding: 0 1rem;
display: flex;
flex-direction: column;
justify-content: center;
}

.toast .ico
{
border-right: 1px solid rgba(255, 255, 255, 0.25);
}

.toast .cart
{
flex-grow: 1;
text-align: right;
}

.toast .items p
{
margin: 0;
text-align: center;
}

.toast .items .counter 
{
margin-bottom: 0.375rem;
}

.toast .items .price 
{
font-size: 1.25em;
}
#ajaxcart{
    left:-20px !important;
    border-radius:0px !important;
    min-width:330px !important;
}
.ajaxcart{
    position:relative;
}
.ajaxcart::before{
    font-size:25px !important;
}
.ajaxcart::after{
    content:"\f0d8";
    font-family:'FontAwesome';
    position:absolute;
    top:-13px;
    left:4px;
    font-size:25px;
}
.des-link,.des-link:hover{
  display:block;
  text-decoration:none;
  color:#333;
  padding:7px;
}
.des-card{
    width:100%;
    border-radius:10px;
    border:solid #ddd .3px;
}
.des-card .card-header{
    height:120px;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    background-color:#eee;
}
.des-card .card-body{
    padding:12px 10px;
}
.des-card h3{
    font-size:19px;
    color:#333;
    margin:0px;
    padding:0px;
    line-height:22px;
    font-family:'OpenSans-Bold';
}
.des-card p{
    font-size:13px;
    color:#645f5f;
    margin:0px;
    padding:0px;
    line-height:17px;
    /*font-family:'OpenSans-Bold';*/
    text-align:justify;
    font-weight:500;
}
.des-card p span{
    font-size:12px;
    font-weight:bold;
    font-family:'OpenSans-Bold';
    color:#337ab7;
    line-height:16px;
    /*font-style:italic;*/
}
.logo{
	display:block;
	position: relative;
    left: 30px;
}
.topnav{display:inline-block;}
.topnav .icon{
	    color: #fff;
    font-size: 25px;
    padding: 15px;
}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  background-color: #004080;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: white;
  display: block;
  transition: 0.3s;
}
.sidenav a:hover {
  color: #f1f1f1;
}
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
.menu{
	display: inline-block;
    position: absolute;
    left: 0;
    top: 3vh;
	z-index: 3;
}
.main-bottom{
    background-color:#fff !important;
}
.d-none{
    display:none;
}
.book-card,.calculator-card{
    margin:5px 0px !important;
}
.upload-card{
    background-color:#fff;
    border-radius:6px;
    border:solid #cfcfcf .3px;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
    margin-top:4px;
    min-height:130px;
}
.upload-card a,.upload-card a:hover{
    display:block;
    text-decoration:none;
    color:#000;
}
.upload-card p{
    margin:0px;
    padding:0px;
    text-align:center;
    font-size:14px;
    line-height:17px;
    font-weight:500;
    padding:5px 2px;
    color:#4299e1;
    font-family:"OpenSans-Bold";
    min-height:50px;
}
.upload-card p i{
    font-size:55px;
    line-height:70px;
    color:#c3c3c3;
}
.text-main{
    color:#4299e1;
}
.category-container img{
    /*border-radius:100%;*/
}
.top-flex{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.green,.green:hover,.green:focus{
    background-color:#5cc963;
    color:#fff;
    font-family: 'Montserrat', sans-serif;
    border-radius:18px;
    font-size:15px;
    line-height:19px;
    text-transform:uppercase;
}
}
.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;
	padding-bottom:15px !important;
	background:#fff !important;
}
#tab-layout a,#tab-layout a:hover{
	font-size:15px;
	color:#000;
	font-weight:500;
	transition: all ease-in .3s;
	padding-bottom:12px;
	padding-top:7px;
	padding-left: 4px;
	padding-right:4px;
}
#tab-layout a.active,#tab-layout a.focus{
	font-size:16px;
	border: none;
	outline: none;
	color:#1f51a5 ;
	border-bottom:solid #1f51a5 3px !important;
	font-weight:500;	

}

.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;
}