/* Body */

/* @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&amp;display=swap'); */

/* @import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;500;600;700&display=swap'); */

/* @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;500;600;700&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&display=swap');
body {

	/* font-family: 'Ubuntu', sans-serif; */
	/* font-family: 'Josefin Sans', sans-serif; */
    font-family: 'Jost', sans-serif;

	font-size: 14px;
    background-color: #fff;  
	font-weight: 600;

}



::-webkit-scrollbar-button {

	width: 0;

	height: 0;

	display: none;

}



::-webkit-scrollbar-corner {

	background-color: transparent;

}



::-webkit-scrollbar-thumb {

	height: 6px;

	border: 4px solid transparent;

	background-clip: padding-box;

	-webkit-border-radius: 7px;

	border-radius: 7px;

	background-color: rgba(0,0,0,.15);

	-webkit-box-shadow: inset -1px -1px 0 rgba(0,0,0,.05), inset 1px 1px 0 rgba(0,0,0,.05);

	box-shadow: inset -1px -1px 0 rgba(0,0,0,.05), inset 1px 1px 0 rgba(0,0,0,.05);

}



::-webkit-scrollbar {

	width: 4px;

	background-color: #ffffff;

}



::-webkit-scrollbar-thumb {

	height: 50px;

	background: hsla(0, 0%, 53.3%, 0.4);

}



.schedule .nav-link {

	padding: 18px 8px;

	text-align: center;

	line-height: 9.5px;

	font-size: 10px;

	border: none;

	color: #abaeb1 !important;

	position: relative;

}



.schedule .nav-link p.mb-0.font-weight-bold {

	font-size: 13px;

}



.schedule .nav-link.active, .schedule .nav-link:focus {

	color: #262626!important;

}



.schedule .nav-tabs {

	border-bottom: 1px solid #e2e4e6;

}



.schedule .nav-item {

	margin: 0px;

}



.schedule .nav-link.active:after,

.schedule .nav-link:focus:after,

.schedule .nav-link:hover:after {

	content: "";

	position: absolute;

	left: 0;

	right: 0;

	height: 2px;

	background: #262626;

	bottom: -1px;

}



/* Header */

.osahan-location-drop .small {

	font-size: 11px;

}



.osahan-header .dropdown-toggle {

	height: 60px;

	display: flex;

	align-items: center;

}



.osahan-header .dropdown-menu {

	min-width: 260px;

}



.osahan-location-drop {

	line-height: 16px;

}



.osahan-location-drop:after, .not-drop:after {

	display: none;

}



.top-profile-drop {

	min-width: auto !important;

}



.p-4.profile.text-center.border-bottom img {

	height: 80px;

}





/* Extra */

.categories-slider .c-it {

	margin: 0 .5rem;   

}

.themebg{ background: #262626;}

.categories-slider, .promo-slider, .trending-slider {

	margin: 0 -4px;

}



.d-none {

	display: none;

}



.dropdown-menu {

	background: #ffffff;

	border-radius: .40rem!important;

	margin: 0;

	padding: 6px;

	border: 1px solid #ffffff;

	box-shadow: 0px 6px 10px rgba(0,0,0,.1)!important;

}



.modal-content {

	border-radius: .40rem!important;

	border: none;

	overflow: hidden;

}



.modal.fade.right-modal {

	display: block;

	opacity: unset;

	right: -400px;

	left: auto;

	width: 400px;

	-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;

	-moz-transition: opacity 0.3s linear, right 0.3s ease-out;

	-o-transition: opacity 0.3s linear, right 0.3s ease-out;

	transition: opacity 0.3s linear, right 0.3s ease-out;

}



.modal.right-modal.fade .modal-dialog {

	-webkit-transform: translate3d(0%, 0, 0);

	-ms-transform: translate3d(0%, 0, 0);

	-o-transform: translate3d(0%, 0, 0);

	transform: translate3d(0%, 0, 0);

}



.modal.fade.right-modal.show {

	right: 0px !important;

	opacity: unset;

}



.right-modal .modal-dialog {

	margin: 0 0 0 auto;

	left: auto;

	max-width: 400px;

	-webkit-transform: translate3d(0%, 0, 0);

	-ms-transform: translate3d(0%, 0, 0);

	-o-transform: translate3d(0%, 0, 0);

	transform: translate3d(0%, 0, 0);

}



.right-modal .modal-dialog .modal-content {

	border-radius: 0px !important;

	margin: 0px 0px 0px 0px;

}



.right-modal .modal-dialog .modal-content .modal-body {

	height: calc(100vh - 109px);
	overflow-y: scroll;

}



.dropdown:hover .dropdown-menu {

	display: block;

	visibility: visible;

	opacity: 1;

	transform: translateY(0px);
    z-index: 9999!important;
	transition: .5s ease all;

}



.dropdown-menu {

	display: block;

	visibility: hidden;

	opacity: 0;

	transform: translateY(50px);

	transition: .5s ease all;

}



.dropdown-menu.show {

	display: block;

	visibility: visible;

	opacity: 1;

	transform: translateY(0px);

	transition: .5s ease all;
    z-index: 9999!important;
}



.dropdown-item {

	padding: 6px 10px;

}



.dropdown .dropdown-menu, .dropdown-item {

	font-size: 13px;

	border-radius: 6px;

	margin: 1px 0;

}



.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {

	position: relative;

	width: 100%;

	padding-right: 8px;

	padding-left: 8px;

}



.row {

	margin-right: -8px;

	margin-left: -8px;

}



.small, small {

	font-size: 12px;

}



.account-setup video {

	width: 100%;

	position: absolute;

	z-index: -1;

	bottom: 0;

}



.btn-light {

	color: #212529 !important;

}



.back-page {

	font-size: 19px;

	vertical-align: bottom;

}



div,a {

	outline: none !important;

	text-decoration: none !important;

}



a:hover {

	color: #28a744;

}



.osahan-icofont {

	padding: 6px;

	background: black;

	border-radius: 50px;

	font-size: 18px;

	color: #fff;

	margin-right: 8px;

}



/* Detail Page */

.list-card-osahan-2 .img {

	width: 100%;

	border-radius: 5px;

	background: #fff;

	margin-bottom: 15px;

}



.pd-f a {

	height: 45px;

}


.rating-stars .icofont-star {

	font-size: 10px;

	background: #000000;

	color: #fff;

	padding: 2px;

	text-shadow: 0px 0px 1px #d2b128;

	border-radius: 5px;

}



.osahan-radio .btn {

	border-radius: 23px !important;

	font-size: 12px;

	margin: 0 4px 0 0px;

	border: 1px solid #ff6000;

	color: #ff6000;

	background: transparent;

	padding: 5px 11px;

}



.osahan-radio .btn.active {

	background: #ff6000 !important;

	border-color: #ff6000 !important;

}



a.selected {

	color: #262626 !important;

}



/* .fixed-bottom-padding {

  padding-bottom: 59px;

} */



.fixed-bottom-auto {

	height: auto !important;

}



.fixed-bottom {

	border-radius: 0px;

	box-shadow: 10px -1px 10px rgba(0, 0, 0, .075);

	height: 59px;

}



.fixed-bottom .btn, .fixed-bottom.btn {

	height: 59px;

	border-radius: 0px;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 14px;

	font-weight: 500;

	padding: 12px 14px;

	border: none;

}



.fixed-bottom-bar {

	padding-bottom: 58px;

}



.h-auto {

	height: auto;

}



.modal-footer .btn {

	border-radius: 0px;

}



.slick-dots {

	bottom: 20px !important;

}


.slick-prev, .slick-prev:hover, .slick-prev:focus {

	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='left-arrow' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cpath d='M5.2,12.4c0,0.1,0.1,0.2,0.2,0.3l5,5c0,0,0,0,0,0c0.4,0.4,1,0.4,1.4,0c0,0,0,0,0,0c0.4-0.4,0.4-1,0-1.4L8.5,13h7.6 c0.6,0,1-0.4,1-1s-0.4-1-1-1H8.5l3.3-3.3c0.4-0.4,0.4-1,0-1.4s-1-0.4-1.4,0l-5,5c-0.1,0.1-0.2,0.2-0.2,0.3 C5.1,11.9,5.1,12.1,5.2,12.4z'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
    background-size: cover!important;
	/* transform: rotate(180deg); */
	/* top: 44%; */
}



.slick-next, .slick-next:hover, .slick-next:focus {

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 24 24' id='right-arrow'%3E%3Cpath d='M17.92,11.62a1,1,0,0,0-.21-.33l-5-5a1,1,0,0,0-1.42,1.42L14.59,11H7a1,1,0,0,0,0,2h7.59l-3.3,3.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0l5-5a1,1,0,0,0,.21-.33A1,1,0,0,0,17.92,11.62Z'%3E%3C/path%3E%3C/svg%3E");
	background-repeat: no-repeat;
    background-size: cover!important;
}


.slick-arrow, .slick-arrow:hover, .slick-arrow:focus {
    background-size: 6px;
    width: 34px;
    border-radius: 50px;
    height: 34px;
    margin: 0;
    background-color: #fff;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    border: 1px solid #e4e7ea;
    z-index: 9;
    padding: 15px;
}

.slick-prev {
    /* left: -8px; */
	left: 3%;-webkit-transition: width .5s ease-in-out;
    transition: width .5s ease-in-out;
}

.slick-next {
    /* right: -8px; */
	right: 3%;-webkit-transition: width .5s ease-in-out;
    transition: width .5s ease-in-out;
}




.slick-next:before, .slick-prev:before {

	display: none;

}



.landing-page .zindex {

	right: 0;

	z-index: 9;

}



/* Cart Page */

span.c-number {

	width: 32px;

	border: 1px solid #000;

	color: #000;

	height: 32px;

	border-radius: 50px;

	display: flex;

	align-items: center;

	font-size: 16px;

	justify-content: center;

	margin: 0 14px 0 0px;

}



.sc-osahan-logo {

	height: 30px;

}



/* .sticky_sidebar, .c-t-order, .osahan-account { */

	/* position: sticky; */

	/* top: 15px; */

/* } */



.osahan-cart-item-profile img {

	height: 38px;

}



.index-osahan-logo {

	height: 90px;

	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;

	border-radius: 17px;

}



.as-osahan-logo {

	width: 40px;

}



.osahan-logo {

	height: 30px;

	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;

	border-radius: 17px;

}



.pp-osahan-logo {

	height: 30px;

}



.p-osahan-logo {

	width: 80%;

}



.gs-logo {

	height: 100px;

	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;

	border-radius: 17px;

}



.border-custom-radio ::after {

	display: none;

}



.cart-items .img-fluid {

	width: 92px;

	height: 92px;

	object-fit: scale-down;

	min-width: 92px;

	padding: 7px;

	border-radius: 6px;

}



.cart-items-number .form-control {

	max-width: 30px;

	text-align: center;

	padding: 0px;

	height: 30px;

	border: none !important;

	background: transparent;

	color: #5d6671;
	
	margin-left:auto;
	margin-right:auto;

}



.cart-items-number .btn {

	width: 28px;

	background: #fff;

	height: 28px;

	border-radius: 50px !important;

	color: #262626;

	font-size: 17px;

	box-shadow: 0px 0px 3px #dedede;

	line-height: 18px;

	text-align: center;

	padding: 0px;

	margin: 0px !important;

	display: flex;

	align-items: center;

	justify-content: center;

	border: none !important;

}



.cart-items-number .btn:hover, .cart-items-number .btn:focus {

	background: #262626;

	color: #ffffff;

}



.cart-items-number .input-group-prepend {

	height: 28px;

	width: 28px;

}



.cart-items-number .input-group-append {

	height: 28px;

	width: 28px;

}



.cart-items-number {

	border-radius: 8px;

	padding: 3px;

	background: #f7f7f8;

	width: 100%!important;

	height: 34px;

}
.cart-items-number-discription{    
	border-radius: .40rem;
    padding: 3px;
    background: #000;
    width: 100%;
    height: 45px;
    margin: auto;}
	
.cart-items-number-discription .btn{width: 40px;
    background: #fff;
    height: 40px;
    border-radius: .40rem;
    color: #000;
    font-size: 25px;
    box-shadow: 0px 0px 3px #dedede;
    line-height: 18px;
    text-align: center;
    padding: 0px;
    margin: 0px !important;
    display: flex;
    align-items: center;
    justify-content: center;
border: none !important;	}

.cart-items-number-discription .form-control {
    max-width: 30px;
    text-align: center;
    padding: 0px;
    height: 45px;
    border: none !important;
    background: transparent;
    color: #5d6671;
    margin-left: auto;
    margin-right: auto;
    font-size: x-large;
    color: #fff;
}

.qty_show1 {
    position: absolute;
    left: 0px;
    width: 50%!important;
}
/* List Page */

.border-custom-radio .custom-control-label::before {

	width: 100%;

	height: 100%;

	left: 0;

	right: 0;

	bottom: 0;

	top: 0;

	border-radius: .25rem!important;

	background: transparent !important;

	box-shadow: none !important;

}



.border-custom-radio .custom-control-input:checked~.custom-control-label::before {

	border-color: #28a744;

	border: 2px solid #28a744;

}



.list-card-image .price {

	font-size: 14px;
	/* height: 35px; */
	text-align:left

}

.h-30{height:33px!important;}
.list-card-image a.btn {
    border: 1px solid #262626;
    width: 100%;
    background: #ffffff;
    height: 33px;
    border-radius: 24px;
    color: #000000;
    font-size: 15px;
    box-shadow: 0px 0px 8px #0101010a;
    line-height: 0px;
    text-align: left;
    padding: 0px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* .list-card-image a.btn { */
    /* border: 0px solid #262626; */
    /* width: 100%; */
    /* background: #fff; */
    /* height: 33px; */
    /* border-radius: 10px; */
    /* color: #262626; */
    /* font-size: 17px; */
    /* box-shadow: 0px 0px 8px #b4398733; */
    /* line-height: 0px; */
    /* text-align: left; */
    /* padding: 0px 10px; */
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
/* } */



.list-card-image a.btn:hover, .list-card-image a.btn:focus {

	background: #262626;

	color: #ffffff;

}



/* Landing Page */

.landing-page .slick-dots {

	bottom: 80px !important;

}



.c-it p {

	font-size: 13px;

	overflow: hidden;

	text-overflow: ellipsis;

}



/*.c-it img {

	height: 40px;

}*/



.opt {

	font-size: 23px !important;

}



/* Bootstrap custom */

.bg-success {

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#262626+0,5ad363+100 */

	background: #262626;

 /* Old browsers */

	background: -moz-linear-gradient(-45deg,  #262626 0%, #5ad363 100%);

 /* FF3.6-15 */

	background: -webkit-linear-gradient(-45deg,  #262626 0%,#5ad363 100%);

 /* Chrome10-25,Safari5.1-6 */

	background: linear-gradient(135deg,  #262626 0%,#888d88 100%);

 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#5ad363',GradientType=1 );

 /* IE6-9 fallback on horizontal gradient */

	;

}



.btn-success {

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#262626+0,5ad363+100 */

	background: #262626;

 /* Old browsers */

	    border-color: #262626;

 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#5ad363',GradientType=1 );

 /* IE6-9 fallback on horizontal gradient */

	;

}



.btn-lg {

	font-size: 14px !important;

	padding: 12px 14px;

	font-weight: 500;

}



.btn-icon {

	height: 33px;

	width: 33px;

	padding: 6px;

	color: #ced4d9;

	border: 1px solid #eff2f5;

	border-radius: 50px;

}



label {

	margin: 0 0 2px 0;

	font-size: 12px;

	color: #4a4949;

}



.custom-select {

	font-size: 13px;

}



.form-control {

	border: 1px solid #cacdd0;

	font-size: 13px;

	box-shadow: none !important;

}



.form-control:focus {

	border-color: #28a744;

}



.btn {

	font-size: 13px;

}



.btn.focus, .btn:focus {

	box-shadow: none !important;

}



.badge {

	font-size: 14px;

	padding: 7px 9px;

	font-weight: 500;

}


.badge-success {

	color: #262626;

	background-color: rgb(40 167 69 / 15%);

}



.badge-warning {

	color: #eab002;

	background-color: rgb(255 193 7 / 15%);

}



.list-card-image .badge-danger{
    color: #fff;
    background: #000!important;
    background-color: var(--optional-color);
    display: inline-block;
    padding: 5px 50px;
    position: absolute;
    top: 5px;
    left: -50px;
    -webkit-transform: rotate(45deg);
    transform: rotate(322deg);
    -webkit-transition: var(--transition);
    transition: var(--transition);
}


.cart-items .badge-danger{
    color: #fff;
    background: #000!important;
    background-color: var(--optional-color);
    display: inline-block;
    padding: 5px 50px;
    position: absolute;
    top: 5px;
    left: -50px;
    -webkit-transform: rotate(45deg);
    transform: rotate(322deg);
    -webkit-transition: var(--transition);
    transition: var(--transition);
}


.badge-info {

	color: #17a2b8;

	background-color: rgb(23 162 184 / 15%);

}



.badge-primary {

	color: #007bff;

	background-color: rgb(0 123 255 / 15%);

}



.badge-dark {

	color: #343a40;

	background-color: rgb(52 58 64 / 15%);

}



.bg-danger {

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff6000+0,f5bb50+100 */

	background: #ff6000;

 /* Old browsers */

	background: -moz-linear-gradient(-45deg,  #ff6000 0%, #f5bb50 100%);

 /* FF3.6-15 */

	background: -webkit-linear-gradient(-45deg,  #ff6000 0%,#f5bb50 100%);

 /* Chrome10-25,Safari5.1-6 */

	background: linear-gradient(135deg,  #ff6000 0%,#f5bb50 100%);

 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6000', endColorstr='#f5bb50',GradientType=1 );

 /* IE6-9 fallback on horizontal gradient */

	;

}



.bg-info {

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#17a2b8+0,1a68ce+100 */

	/* background:#f5f5f5 !important; */

 /* Old browsers */

	background: -moz-linear-gradient(-45deg,  #17a2b8 0%, #1a68ce 100%);
	background: #fff;

 /* FF3.6-15 */

	background: -webkit-linear-gradient(-45deg,  #17a2b8 0%,#1a68ce 100%);

 /* Chrome10-25,Safari5.1-6 */

	background: linear-gradient(135deg,  #17a2b8 0%,#1a68ce 100%);

 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17a2b8', endColorstr='#1a68ce',GradientType=1 );

 /* IE6-9 fallback on horizontal gradient */

	

}



/* .modal-body { */

	/* overflow: auto; */

/* } */



.rounded {

	border-radius: .40rem!important;

}



/* Filter */

.filter .custom-control-label::before {

	right: 1rem;

	left: auto;

	margin: auto;

	top: 0;

	bottom: 0;

}



.filter .custom-control-label::after {

	left: auto;

	right: 1rem;

	margin: auto;

	top: 0;

	bottom: 0;

}



.custom-control-input:checked~.custom-control-label::before {

	color: #fff;

	border-color: #28a744;

	background-color: #28a744;

}



/* Dark Mode */

.theme-switch-wrapper {

	position: fixed;

	bottom: 12px;

	left: 12px;

	z-index: 99999;

	width: 40px;

	height: 40px;

	border-radius: 50px;

	display: flex;

	align-items: center;

	justify-content: center;

	cursor: pointer;

}



/* .fixed-bottom-padding .theme-switch-wrapper { */

	/* bottom: 70px; */

/* } */



.theme-switch {

	width: 40px;

	height: 40px;

	background: #000;

	color: #fff;

	border-radius: 50px;

	font-size: 20px;

	margin: 0px;

	display: flex;

	align-items: center;

	justify-content: center;

	cursor: pointer;

}



.dark .theme-switch {

	background: #fff;

	color: #000;

}



.theme-switch-wrapper em {

	display: none;

}



.theme-switch-wrapper #checkbox {

	display: none;

}



.dark body {

	background-color: #000;

	color: #ffffff;

}



.dark .dropdown-divider {

	border-top: 1px solid #292929;

}



.dark .custom-select {

	background-color: #1c1c1c;

	border: 1px solid #323638;

}



/* .dark .breadcrumb { */

	/* border-radius: 0px; */

	/* background: #1c1c1c; */

/* } */
.breadcrumbsec{
	background: url('https://appworkstechnologies.in/beautyproduct/assets/img/bg/14.jpg');
    background-size: cover;
    background-repeat: no-repeat; 
	height: 55px;
	width:100%;
	position: relative;
    background-position: center;
	background-color: #000;
	}
/* .breadcrumbimg img{ height:300px} */
/* .breadcrumb:before { */
    /* content: ""; */
    /* position: absolute; */
    /* top: 0px; */
    /* left: 0px; */
    /* width: 100%; */
    /* height: 100%; */
    /* background: linear-gradient(89deg,#1f7191db 28.24%,#ffffff00 60%); */
/* } */
.breadcrumbcontent{  
	position: absolute;
    top: 17px;
    left: 2%; 
}
.breadcrumbcontent .text-dark{  
	
	color: #fff!important;
}
.dark .breadcrumbcontent .text-dark{  
	
	color: #000!important;
}


.dark .btn-icon {

	border: 1px solid #323638;

}



.dark .card {

	background-color: #1c1c1c;

}

.text-dark {
    color: #000000!important;
}

.dark .c-t-order li a {

	background: #000000;

}



.dark .badge-light {

	color: #99a2ab;

	background-color: #000000;

}



.dark .btn-light {

	color: #ffffff !important;

	background: #000;

}



.dark .custom-control-label::before {

	border: #292929 solid 1px;

}



.dark .c-t-order li a.active, .dark .c-t-order li a:hover {

	background: #28a744 !important;

}



.dark .bg-white {

	background-color: #1b1b1b!important;

}



.dark .dropdown-item:focus, .dark .dropdown-item:hover {

	color: #ffffff;

	background-color: #000;

}



.dark .osahan-notifications:hover {

	background: #000000 !important;

}



.dark .modal-backdrop {

	background-color: #fff;

}



.dark .border-bottom, .dark .border-top, .dark .border-left, .dark .border-right, .dark .border {

	border-color: #292929!important;

}



.dark  a.bg-light:focus, .dark a.bg-light:hover, .dark button.bg-light:focus, .dark button.bg-light:hover {

	background-color: #000000!important;

}



.dark .dropdown-item {

	color: #fff;

	;

}



.dark .dropdown-menu {

	background: #1c1c1c;

	border: 1px solid #000000;

	color: #ffffff;

}



.dark .text-dark {

	color: #e4e4e4!important;

}



.dark .modal-content {

	background-color: #000;

}



.dark .bg-light {

	background-color: #101010!important;

}



.dark .modal-header {

	border-bottom: 1px solid #292929;

}



.dark .close {

	color: #fff !important;

}



.dark .btn {

	color: #ffffff;

}
.dark .qtyminus, .dark .qtyplus  {

	color: #000;

}



.dark a.text-dark:focus, .dark a.text-dark:hover {

	color: #ffffff!important;

}



.dark .list-card-image a.btn, .dark .cart-items-number .btn {

	border: 3px solid #252525;

	background: #fff;

	color: #000;

	box-shadow: none;

}



.dark .cart-items-number {

	background: #000000;

}



.dark .hc-nav-trigger {

	color: #28a744;

}



.dark label {

	color: #ffffff;

}



.dark .hc-offcanvas-nav .nav-container, .dark .hc-offcanvas-nav .nav-wrapper, .dark .hc-offcanvas-nav ul {

	background: #25282e;

}



.dark .hc-offcanvas-nav li:not(.custom-content) a {

	color: #a3a6a9;

	background: rgba(0, 0, 0, 0);

	border-bottom: 1px solid #33353e;

}



.dark .hc-offcanvas-nav li:not(.custom-content) a:hover {

	color: #ffffff;

	background: #000000 !important;

	border-bottom: 1px solid #000000;

}



.dark .hc-offcanvas-nav li.nav-close a, .dark .hc-offcanvas-nav li.nav-back a {

	border-top: 1px solid #33353e;

	border-bottom: 1px solid #33353e;

}



.dark  .hc-offcanvas-nav .nav-item {

	background: rgba(0, 0, 0, 0);

	border-bottom: 1px solid #343a40;

}



.dark .hc-offcanvas-nav ul.bottom-nav {

	border-top: 1px solid #343a40;

}



.dark .form-control {

	border: 1px solid #333538;

	background-color: transparent !important;

	font-size: 13px;

	box-shadow: none !important;

	color: #fff;

}



.dark .text-muted {

	color: #99a2ab!important;

}



.dark .list-card-image img {

	margin: 0;

	background: #fff;

	/* padding: 17px; */

	min-width: 100%;

	max-width: 100%;
    margin-left: 0!important;
	border-radius: 6px;

	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;

}



.dark .slick-dots li.slick-active button:before {

	opacity: .75;

	color: #fff;

}



.dark .slick-dots li button:before {

	color: #fff;

}



.dark .list-card-osahan-2 .img {

	width: 100%;

	padding: 22px;

	margin-bottom: 15px;

}



.dark .schedule .nav-link.active, .dark .schedule .nav-link:focus {

	color: #28a744 !important;

	background: #1b1b1b;

	border-color: #292929;

}



.dark .schedule .nav-link:hover {

	background: #1b1b1b;

	border-color: #292929;

}



.dark .nav-tabs {

	border-bottom: 1px solid #292929;

}



/* logo-size */

.logo-img {

	height: 38px !important;

}



.search-size {

	width: 400px !important;

}



/* footer list padding */

.list-padding li a {

	width: 100%;

	font-size: 13px;

	padding: 5px 0;

	display: inline-block;

	/* opacity: 0.8; */

    font-weight: 400;
}
.opacity08{

	opacity: 0.8;

}
.fw400{font-weight:400}


/* accordian card border */

.osahan-accor {

	border-bottom: 2px solid #262626 !important;

}



/* custom-tabs */

.custom-tabs.nav-tabs .nav-item.show .nav-link, .custom-tabs.nav-tabs .nav-link.active {

	color: #000000;

	background-color: #ffffff;

	border-bottom: 2px solid #4ca746;

}

.bg-dark{background: #000!important}

.c-t-order li {

	border: none !important;

	/* margin: 5px 4px !important; */

}



.c-t-order li a {

	background: #ffffff;

	border-radius: 6px !important;

	padding: 15px 14px !important;

}



.c-t-order li a i {

	background: #fff;

	border: 1px solid #eff2f5;

	padding: 5px 5px;

	border-radius: 50px;

	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;

	font-size: 18px;

	vertical-align: bottom;

}



.c-t-order li a.active, .c-t-order li a:hover {

	background: #eff2f5 !important;

}



.c-t-order li a.active i {

	background: #f17f39;

	color: #fff !important;

	border-color: transparent;

}



/* header css */

.header-user {

	height: 34px;
	width: 34px;

}



.osahan-select-loaction h6 {

	font-size: 12px;

	text-transform: uppercase;

	font-weight: 500;

}



.osahan-select-loaction p a {

	font-size: 12px;

	opacity: 0.8;

	width: 100%;

	display: block;

}



.osahan-notifications {

	line-height: 16px;

	padding: 14px 36px 14px 0px !important;

	border: none !important;

	background: #f8f9fa !important;

	margin: 4px 3px;

	border-radius: 8px;

}



.osahan-notifications:hover {

	background: #eff2f5 !important;

}



.osahan-notifications p.small.m-0 {

	font-size: 11px;

	opacity: 0.7;

}



.osahan-notifications p.small.m-0 i {

	font-size: 9px;

	margin: 0px 5px 0px 0;

}



.osahan-notifications .position-absolute {

	right: 23px;

}



/* .header icofont size */

.icofont-size {

	font-size: 16px;

}



/* .bg-color-head { */

	/* background: linear-gradient(to left, #edb843, #fb551d, #ce087f, #262626); */

/* } */
.bg-color-head {
    background: #000000;
    border-bottom: 1px solid #5f5f5f;
    padding: 0px 0;
}



.bg-offer {

	background-color: #f17e3a;

}



/* quantity show */

.qty_show {

	position: absolute;
	right: 0px;
	bottom: 0px;  
	width: 100%;
}



/* Mobile Media */

@media (max-width: 991px) {

	.osahan-main-nav {

		display: none;

	}



	.mobile-nav {

		display: block !important;

	}



	.container, .container-md, .container-sm {

		max-width: 100%;

	}


.mob-none{display: none;}
	



	.landing-page.shadow-sm.bg-success.col-lg-6 {

		display: none;

	}

}



@media (min-width: 576px) {	
.pd-f{width:75%}

}

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

@media (max-width: 767px) {	
.mobnone{display: none;}
}


@media (max-width: 575px) {
/* Safari 6.1+ */
.order1{-webkit-order: 1;}
.order2{-webkit-order: 2;}
.order3{-webkit-order: 3;}

/* Standard syntax */
.order1{order: 1;}
.order2{order: 2;}
.order3{order: 3;}
.none575{display: none;}	
}
@media (max-width: 576px) {

	.container, .container-md, .container-sm {

		max-width: 100%;

	}

/* .list-card-image .price {

	height: 35px;
    align-items: center;
    display: grid;
} */


	.sticky_sidebar, .c-t-order, .osahan-account {

		margin-bottom: 15px;

	}



	.landing-page.shadow-sm.bg-success.col-lg-6 {

		display: none;

	}

}





.invalid-feedback {

	display: revert;

	width: 100%;

	margin-top: .25rem;

	font-size: 80%;

	color: #dc3545;}
.text-muted {
    color: #590a80!important;
    font-weight: bold;
}


.fs-xlarge{font-size: x-large;}
.fs-18{font-size:18px;}
.fs-23{font-size:23px;}
.fs-13{font-size:13px;}
.fs-14{font-size:14px;}
.fs-40{font-size:35px;}
.weight200{font-weight:200;}
.weight400{font-weight:400;}
.fw700{font-weight:700;}
.h-35{height: 35px;}
.h-224{height:224px;}

.lh-20{line-height:20px!important;}
.width90px{width:90px!important;}
h6.dot_text {
	/* height: 35px; */
    overflow: auto;
	text-align:left;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	font-weight: 700;
}
h6.dot_text:hover{
    color:#262626;
}
.dark h6.dot_text:hover{
    color:#fff;
}
.Selling_sec h6.dot_text {
    height: 40px;
    overflow: auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dropdownbtn {
    padding: 12px 50px;
    color: #fff!important;
    background: #262626;
}
a.dropdownbtn:hover{
    color: #fff!important;
}
a:focus.dropdownbtn:hover{
    color: #fff!important;
}

.text-veg_detail {
    background: url(http://appworkspay.in/public/Front12/img/veg-icon.svg) #fff left center no-repeat;
        background-size: 30px;
    width: 46px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 10px;
    right: 10px;
z-index: 1;}


.text-veg{
    background: url(http://appworkspay.in/public/Front12/img/veg-icon.svg) #fff left center no-repeat;
        background-size: 20px;
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 10px;
    right: 10px;
z-index: 1;}


.prodDetTable #text-veg {
    background: url(http://appworkspay.in/public/Front12/img/veg-icon.svg) left center no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


.text-nonveg_detail {
    background: url(http://appworkspay.in/public/Front12/img/nonveg-icon.svg) #fff left center no-repeat;
        background-size: 30px;
    width: 46px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 10px;
    right: 10px;
z-index: 1;}


.text-nonveg{
    background: url(http://appworkspay.in/public/Front12/img/nonveg-icon.svg) #fff left center no-repeat;
        background-size: 20px;
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 10px;
    right: 10px;
z-index: 1;}


.prodDetTable #text-nonveg {
    background: url(http://appworkspay.in/public/Front12/img/nonveg-icon.svg) left center no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.brand_name {
    font-size: 16px;
    line-height: 16px;
    padding: 0 0 0px;
    color: rgb(115 105 111);
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    font-weight: 700;
    margin-bottom: 10px;
}
/* .brand_name{font-size: 12px; */
    /* line-height: 16px; */
    /* padding: 0 0 8px; */
    /* color: rgba(0,0,0,.5); */
    /* letter-spacing: 1px; */
    /* text-transform: uppercase; */
    /* display: inline-block; */
    /* font-weight: 700;} */
.prodDetTable tr th {
    border-top: .1rem solid #e7e7e7;
    background-color: #f3f3f3;
    color: #000;
    padding: 12px;
    width: 15%;
    font-weight: 400;
}.prodDetTable {
    width: 100%;
    margin-right: 3%;
    border-bottom: .1rem solid #e7e7e7;
    font-size: 14px;
    margin-bottom: 8px;
}.prodDetTable tr td {
    width: 35%;
    padding: 12px;
    border-top: .1rem solid #e7e7e7;
border-right: 0.1rem solid #e7e7e7;
    word-wrap: break-word;
    word-break: break-word;
}
  p.disclaimer {
    margin: 0 0 16px;
    padding: 0 0 0 32px;
    line-height: 24px;
    font-size: 14px;
}

.login_button{padding: 10px;
    background: #262626;
    border-radius: 10px;}
.account-wrapper {
    display: inline-block;
    line-height: 1;
    position: relative;
}
/* .account__login {
    font-size: 12px;
    margin-top: 4px;
} */
.my_cart{display: inline-block;
    line-height: 1;
    position: relative;
    font-size: 16px;
    line-height: 32px;
    margin-left: 8px;}
.cart_button{padding: 10px;
    background: #262626;
    border-radius: 10px;}
	
.icofont-shopping-cart	{  
	font-size: 23px;
    position: relative;
    top: 2px;
    left: 8px;
	}
.bdeVXO {
    box-sizing: border-box;
    display: flex;
    padding-top: 48px;
    width: 100%;
    height: auto;
    background-image: linear-gradient( 
-180deg, rgb(255 223 202 / 0%), rgb(255 223 202 / 36%) 30%, rgb(255 223 202 / 38%) 15%, rgb(255 223 202) 85%);
}
@media (max-width: 767px){

.slick-prev {
	left: -2px;
}

.slick-next {
    right: -2px;
}
	
}
@media (min-width: 767px){
	.m_h-400 p{
    max-height: 145px;
    height: 145px;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.trendingsec .slick-arrow{
    opacity: 0;
    visibility: hidden;
	}
.trendingsec:hover .slick-slider .slick-arrow{
    opacity: 1;
    visibility: visible;
	}

.trendingsec:hover .slick-slider .slick-arrow.slick-prev {
    left: -8px;-webkit-transition: width .5s ease-in-out;
    transition: width .5s ease-in-out;transition: 0.7s;
}
.trendingsec:hover .slick-slider .slick-arrow.slick-next {
    right: -8px;-webkit-transition: width .5s ease-in-out;
    transition: width .5s ease-in-out;transition: 0.7s;
}	

.m_h-400 {
    max-height: 145px;
    height: 145px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
}
@media (min-width: 1024px){
.ivNYRl {
    max-width: 1024px;
}
}
.ivNYRl {
    box-sizing: border-box;
    width: 100%;
    margin: 0px auto;
}
.cMelyt {
    box-sizing: border-box;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    display: flex;
}
.iPKTVl {
    box-sizing: border-box;
    width: 80%;
    padding-right: 12px;
    margin-right: 8px;
    -webkit-box-pack: end;
    justify-content: flex-end;
    display: flex;
}
.jHQUGI {
    box-sizing: content-box;
    width: 205px;
    height: 237px;
}
.iBttan {
    box-sizing: border-box;
    width: 100%;
    margin-top: auto;
    margin-bottom: 0px;
}
.irbvCt {
    font-style: normal;
    font-size: 20px;
    margin-bottom: 16px;
    opacity: 0.9;
}
.kdbvtR {
    color: inherit;
}
.BbwkM {
    font-weight: 600;
    color: rgb(23, 30, 48);
    line-height: normal;
    letter-spacing: normal;
}
.kkPGdO {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.iyKJOt {
    box-sizing: border-box;
    display: flex;
    margin-bottom: 16px;
    flex-wrap: wrap;
}
.eXwMAS:first-of-type {
    margin-right: 12px;
}
.eXwMAS {
    text-decoration: none;
    cursor: pointer;
    color: inherit;
    border-radius: 44px;
    margin-bottom: 12px;
}

.hSUXjV {
    width: 120px;
    height: 36px;
}
.mar-auto{margin:auto!important;}

.widthequal5{width: calc(100%/5);}


  .footer_heading  {margin: 2px 0 5px;
    color: #262626;
    font-size: 14px;}
	
	li.ng-scope {
    display: inline-flex;
}
span.ng-binding {
    color: #808080;
}

@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1200px!important;
	
}
.section-title .title{font-size: 40px;}
}
.item-count {
    color: #000000;
    background-color: #eee;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    padding: 5px;
    position: relative;
    text-align: center;
    top: -9px;
}

.d-flex{display:flex;}
 .cart_chng_btn{background: black;
                color: #fff;
                padding: 8px;
                text-align: center;
                border-radius: 6px;
                margin-left: auto;
                }
.cart_address{font-size: 16px;
             font-weight: 500;
             line-height: 20px;}
.cart_add_dot{ max-width: 100%;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;}
.shipment_section {
    padding: 10px 15px;
    background: #b4398700;
    color: #000000ee;
    border-bottom: 2px solid #262626;
}
.pull-right{float:right;}
.mb-0{margin-bottom:0;}
.padd010{padding: 0 10px;}
.lh-2{line-height:2;}
.fs-16{font-size:16px!important;}
.footer-bg{    background: #262626;}

.hover_pay:hover{transform: scale(1.2);}
.transition2s	{transition: transform 2s;}
.br0{  border-radius: 0; }

div.awp_search_results {
    position: absolute;
    background: #fff;
    width: 88%;
    left: 10px;
    max-height: 390px;
    overflow: hidden;
    overflow-y: scroll;
    margin-top: 50px;
    padding: 0px 11px 11px 11px;
    border: 3px solid #262626;
    border-radius: 8px;
	z-index: 99;
}
/* .menu-bar .nav-item:hover a{color:#fff!important;} */
.bshadow{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.dark .bshadow {
    box-shadow: rgb(255 255 255 / 20%) 0px 7px 29px 0px;
}
:hover.hoverbshadow{box-shadow:rgb(0 0 0 / 19%) 0px 0px 12px 0px}
.topsociallink a:hover{color:#fff!important;}
.headermenu .nav-item .nav-link {
    font-size: 16px;
    margin: 0 5px;
}
a.search-suggestion-link {
    color: black;
}

li#search-li {
    list-style: none;
    padding: 6px 18px 6px 0px;
    border-bottom: 1px dashed #ccc;
    color: #000;
}

h6.search-head {
    background: #262626;
    color: #fff;
    padding: 6px;
    margin-top: 11px;
}

.list_image {
    margin-right: 10px;
    width: 39px;
    float: left;
}

@media only screen and (max-width:768px){
	.widthequal5 {
    width: calc(100%/2);
}
	.width100{width:100%;}
	.mob-mar-0{margin:0;}
	.mob-center{text-align: center;
    margin-top: 10px;}

}
.item-count-mob {
    color: #262626;
    background-color: #e5e5e5!important;
    border-radius: 50%;
    font-size: 11px!important;
    font-weight: 500;
    line-height: 1;
    padding: 5px;
    position: relative;
    text-align: center;
    top: -9px;
}
.hc-nav-trigger-mob span, .hc-nav-trigger-mob span::before, .hc-nav-trigger-mob span::after {
    display: block;
    left: 0;
    height: 23px;
    background: #ffffff;
    transition: all .2s ease;
    font-size: 12px;
    border-radius: 1.5rem;
    font-weight: 700;
}
.hc-nav-trigger-mob {
    font-size: 26px;
    line-height: 0px;
    color: #22252a;
}
/* @media only screen and (min-width:320px)and (max-width:768px){ */
	/* .cart-items-number { */
    /* width: 108px; */
/* } */
/* } */
/* @media only screen and (min-width:360px)and (max-width:768px){ */
	/* .cart-items-number { */
    /* width: 125px; */
/* } */
/* } */
/* @media only screen and (min-width:375px)and (max-width:768px){ */
	/* .cart-items-number { */
    /* width: 133px; */
/* } */
/* } */
/* @media only screen and (min-width:411px)and (max-width:768px){ */
	/* .cart-items-number { */
    /* width: 150px; */
/* } */
/* } */
@media only screen and (max-width:768px){
	.modal.fade.right-modal {
    width: auto!important;
}
.lastmnone img{margin-bottom:5px}
}
.btn.disabled, .btn:disabled {
    background-color: #998686!important;
    color: #fff!important;
}
.shadow-sm {
    box-shadow: 0 0px .75rem #ccc!important;
}

.offer_zone_head{background: #262626;
    color: #fff;
    border-radius: 31px;
    text-align: center;}
	
	
.ltn__feature-area{ 
    padding: 30px 0;
    /* background: #fff; */
	border-top: 1px solid #b439874d;
    border-bottom: 1px solid #b4398733;
}	
	
	
	
.ltn_featurebox{display:flex; align-items:center;padding: 20px 0;}	
/* .ltn__feature{align-self:center}	 */
.ltn__feature img{ width:50px!important}
.ltn__feature p{ color:#5c727d;font-weight: 500;}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index:999;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
	
	
	
/* .section-footer{	 */
	/* background-image: linear-gradient( -180deg, rgb(255 223 202 / 0%), rgb(255 223 202 / 36%) 30%, rgb(255 223 202 / 38%) 15%, rgb(252 200 233) 85%); */
/* } */
	
.Selling_sec{	
	background-image: linear-gradient( -180deg, rgb(255 223 202 / 0%), rgb(255 223 202 / 36%) 30%, rgb(255 223 202 / 38%) 15%, rgb(252 200 233) 85%);
    background: aliceblue;
}
	
.productdtl{ 
    padding: 10px 15px 10px;
    margin-bottom: 20px;
    border-radius: 0.5rem;
    border: 1px solid #eee;
}
	
.productdtl ul li a{
    font-size: 14px;
    font-weight: 500;
}	
.productdtl ul li:hover a,.productdtl ul li:hover span{
   color: #262626!important
}	
.themecolor{
   color: #262626!important;
}
	
.dark .themecolor{
   color: #c9c9c9!important;
}
	
.themeborder2{
   border: 2px solid #262626;
   box-shadow: rgb(0 0 0) -3px -3px, rgb(2 2 2 / 68%) 5px -5px, rgb(0 0 0) 0px 3px, rgb(94 94 94) 3px 6px, rgb(0 0 0) 0px 0px ;
}

.br50{border-radius:50%}	
.lastmnone img{margin-bottom:15px}
.lastmnone:last-child img{margin-bottom:0px}
.lastborder .list-card{border-bottom:1px solid #b4398759}
.lastborder:last-child .list-card{border-bottom:none}
		
@media (min-width: 1024px){
.lastmnone img{margin-bottom:15px}
}
.lst_title_border{
    position: relative;
    padding-left: 30px;
	font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.lst_title_border::after{
    position: absolute;
    content: "";
    background-color: #262626;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	width: 4px;
    height: 4px;
    left: 22px;
    border-radius: 100%;
}
.lst_title_border::before {
    position: absolute;
    content: "";
    background-color: #262626;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
	width: 18px;
    height: 4px;
    border-radius: 25px;
}
.btn-outline-success {
    color: #262626;
    border-color: #262626;
}

 .btn-outline-success:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.btn-success.focus, .btn-success:focus {
    color: #262626;
    background-color: #ffffff;
    border-color: #262626;
    box-shadow: 0 0 0 0.2rem rgba(72,180,97,.5);
}

.btn-success:hover{
	color: #fff;
    background-color: #000;
    border-color: #000;}

.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}
.borderleft{
    padding: 10px 15px;
    border-left: 3px solid #262626;
    /* box-shadow: rgb(0 0 0 / 10%) 0px 3px 30px; */
	/* border-radius: 0.5rem; */
}

.productbimg .slick-next{
    top: 135%; 
    left: 50px;
    border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
} 
.productbimg .slick-prev {
    top: 135%;
    left: 10px;
    border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.themegradiant #nav-tabContent.tab-content{
	align-items: center;
    justify-content: center;
    display: flex;
    height: 100%;
}

/* .themegradiant #nav-tabContent.tab-content .tab-pane{ */
    /* background: #ffffff7d; */
    /* padding: 40px; */
    /* box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; */
    /* border-radius: 1.5rem; */
	
/* } */

/* .themegradiant { */
    /* background: linear-gradient( -180deg, rgb(255 223 202 / 0%), rgb(255 223 202 / 36%) 30%, rgb(255 223 202 / 38%) 15%, rgb(252 200 233) 85%); */
/* } */

.slider-nav .slick-current{border: 1px solid #262626;}

.slider-forr .slick-slide.slick-active{cursor: -webkit-grab; cursor: grab;}

.dark .details p, .dark .details sapn{color:#fff!important}

@media only screen and (max-width: 625px){
.mob-d-block {
    display: block!important;
}
}
@media only screen and (max-width: 991px){
.header-nav {
    display: none!important;
}
div.awp_search_results {
    width: 96%;
    left: 2%;
    margin-top: 40px;
}
}
.order_success_sec{
    /* background-image: linear-gradient( -180deg, rgb(255 223 202 / 0%), rgb(255 223 202 / 36%) 30%, rgb(255 223 202 / 38%) 15%, rgb(252 200 233) 85%); */
	padding: 100px 0px
}

.order_success_box{box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;padding: 30px;    border-radius: 1.5rem;
    background: #ffffff7d;}
	
	
.catbtn{	
	background: #000;
    padding: 15px 25px;
    font-size: 16px;
    color: #fff;
}
	
.catbtn:hover{	
    color: #fff;
}

.header-nav {
    background: #f3f3f3;
}
.navmenu .nav-item a{  
	font-size: 14px;
    padding: 17px 20px;
    display: inline-block;
    cursor: pointer;
    font-weight: 600;
    font-family: 'Jost';
    letter-spacing: 0.05em;
	color: #fff;
}
.searchbtn{
	width: 60px;
    font-size: 21px;
    font-weight: normal;
    color: #fff;
    position: relative;
    padding: 8px 0;
    margin: 0;
    border-radius: 0 30px 30px 0!important;
}

.cart-items{   
    overflow-x: hidden;
}

@media only screen and (min-width: 768px){
.pdtl_left {
    position: -webkit-sticky;
    position: sticky;
    top: 64px;
    bottom: 0;
    z-index: 2;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}
}

@media only screen and (max-width: 991px){
.logo img{width:100%;}
.dark .logo img{ filter: invert(1);}
}

@media only screen and (max-width: 575px){
.logo img{width:120px;        background: #000;
        padding: 10px;
        border-radius: 13px;}
}
.closebtn{
    position: absolute;
    right: 10px;
    top: 7px;
    font-size: 22px;
    color: #000;
}
.breadcrumbcontent .text-dark:focus, .breadcrumbcontent .text-dark:hover {
    color: #ffffff!important;
}

.productbimg .slick-slide.slick-current.slick-active img {
    border: 2px solid #000;
}
.productbimg .slick-slide.slick-active img {
    border: 2px solid #eee;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.slider-forr .slick-slide.slick-current.slick-active img {
    border: 2px solid #eee;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.hc-offcanvas-nav h2 {
    background: #000!important;

}

.dfttab.nav-pills .nav-link.active, .dfttab.nav-pills .show>.nav-link {
    color: #fff;
    background: #000000!important;
}
.dfttab.nav-pills .nav-link:hover{ 
	color: #fff;
    background: #000000!important;
	}
.dfttab .nav-item {
    margin-right: 10px;
    margin-bottom: 10px;
}
.dfttab .nav-link {
    border-radius: 1.25rem;
    padding: 10px 25px;
    background: #fff;
}

@media only screen and (max-width: 575px){
.mobd-block{display:block!important}
}








/* dark background */

.dark .navbar-brand img{filter: invert(1);}
.dark .header-nav{background: #000}
.dark .catbtn {
    background: #fff;
    padding: 15px 25px;
    font-size: 16px;
    color: #000;
}
.dark .breadcrumbsec {
    background-color: #fff;
}
.dark .breadcrumb-item.active {
    color: #000!important;
}
.dark .breadcrumb-item .text-dark:hover {
    color: #000!important;
}



.smchat {
    padding: 10px 20px;
    width: max-content;
    max-width: 80%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin-bottom: 10px;
    border: 1px solid #dfdfdf;
    border-radius: 1.5rem;
}
.uschat {
    padding: 10px 20px;
    width: max-content;
    margin-left: auto;
    max-width: 80%;
    display: flex;
    justify-content: end;
    box-shadow: rgb(171 171 171 / 85%) 0px 3px 8px;
    margin-bottom: 10px;
    border: 1px solid #dfdfdf;
    border-radius: 1.5rem;
}
.chatbox{
	height: 400px;
    overflow-y: auto;
}

.closebtn {
    position: absolute;
    right: 25px;
    z-index: 9;
    top: 25px;
    height: max-content;
    background: transparent;
    font-size: 35px;
    line-height: 0px;
    font-weight: 500;
    color: black;
    padding: 20px 12px 23px!important;
}


.usname{
    font-size: 12px;
    border-bottom: 1px solid #060606;
    margin-bottom: 10px!important;
    color: #060606;
    width: max-content;
    margin-left: auto; 
}

.adminname{
    font-size: 12px;
    border-bottom: 1px solid #060606;
    margin-bottom: 10px!important;
    color: #060606;
    width: max-content;
    margin-right: auto; 
}
.catbox {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 1.5rem!important;
    border: 1px solid #000;
}

.dark .m_h-400 p, .dark .m_h-400 span{color:#cfcfcf!important }

.dark .darktxt span{color:#cfcfcf!important }
.dark .table thead th, .dark .table td {
   color:#cfcfcf!important
   }
.dark .hc-nav-trigger-mob{color:#fff}
.dark .ltn__feature img {
    filter: invert(1);
}
.dark .badge-success{color:#fff}
.dark .productdtl ul li:hover a, .dark .productdtl ul li:hover span{color:#fff}


@media screen and (min-width:996px) {
    .text-md-start-d{
        text-align:start !important;
    }
}