.bg-header{

    background: #e7e3e2;

}



.header-heading_title{

    font-weight: 600;

    text-transform: capitalize;

}



.header-heading_title span{

    background: #796463;

    border-radius: 12px;

    padding: 0.5rem;

    color: white;

}





.navbar-custom {

    background-color: #ffffff;

}



.nav-item {

    background-color: #01a3d4;

    color: #fff;

    padding: 4px 58px;

}



.nav-item:nth-child(2) {

    background-color: #00a65a;

    color: #fff;

	/* box-shadow: -2px 3px 4px #00000073; */

}



.nav-item:nth-child(3) {

    background-color: #f17d06;

    color: #fff;



}



.nav-item:nth-child(4) {

    background-color: #df0e86;

    color: #fff;



}



.nav-item:nth-child(5) {

    background-color: #ab4888;

    color: #fff;



}



.nav-item a{

    color: #fff;

    text-decoration: none;

}





.nav-item a:hover{

    color: #fff;

    text-decoration: none;



}



.nav-item :hover{

    /* box-shadow: 2px 2px 2px black; */

}





.navbar-nav li:hover{

    box-shadow: rgb(1 163 212 / 40%) 0px 4px 16px;

}



.navbar-nav li:hover:nth-child(1){

    box-shadow: rgb(1, 163, 212) 0px 4px 16px;

}



.navbar-nav li:hover:nth-child(2){

    box-shadow: rgb(0, 166, 91) 0px 4px 16px;

}

.navbar-nav li:hover:nth-child(3){

    box-shadow: rgb(241, 123, 6) 0px 4px 16px;

}



.navbar-nav li:hover:nth-child(4){

    box-shadow: rgb(223 14 134) 0px 4px 16px;

}



.navbar-nav li:hover:nth-child(5){

    box-shadow: rgb(171 72 136) 0px 4px 16px;

}



.bg-gray{

    background: #f6f7f9;

}



.bg-platinum{

    background: #e7e3e2;

}



.text-ligh_blue{

    color: #66d7df;

}



.fw-100{

    font-weight: 100;

}



.fw-400{

    font-weight: 400;

}



.fw-500{

    font-weight: 500;

}



.fw-600{

    font-weight: 600;

}



.fw-700{

    font-weight: 700;

}



.selected-school{

    border:1px solid red;

    border-radius: 2px;

}



.bx-shadow{

    box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 16px;

}



.scl-img{

    height: 143px;

    object-fit: contain;

}







.carousel {

	margin: 50px auto;

	padding: 0 70px;

}

.carousel .item {

	color: #747d89;

	/* min-height: 325px; */

	text-align: center;

	overflow: hidden;

}

.carousel .thumb-wrapper {

	padding: 25px 15px;

	background: #fff;

	border-radius: 6px;

	text-align: center;

	position: relative;

	box-shadow: 0 2px 3px rgba(0,0,0,0.2);

}

.carousel .item .img-box {

	height: 120px;

	margin-bottom: 20px;

	width: 100%;

	position: relative;

}

.carousel .item img {	

	max-width: 100%;

	max-height: 100%;

	display: inline-block;

	position: absolute;

	bottom: 0;

	margin: 0 auto;

	left: 0;

	right: 0;

}

.carousel .item h4 {

	font-size: 18px;

}

.carousel .item h4, .carousel .item p, .carousel .item ul {

	margin-bottom: 5px;

}

.carousel .thumb-content .btn {

	color: #7ac400;

	font-size: 11px;

	text-transform: uppercase;

	font-weight: bold;

	background: none;

	border: 1px solid #7ac400;

	padding: 6px 14px;

	margin-top: 5px;

	line-height: 16px;

	border-radius: 20px;

}

.carousel .thumb-content .btn:hover, .carousel .thumb-content .btn:focus {

	color: #fff;

	background: #7ac400;

	box-shadow: none;

}

.carousel .thumb-content .btn i {

	font-size: 14px;

	font-weight: bold;

	margin-left: 5px;

}

.carousel .item-price {

	font-size: 13px;

	padding: 2px 0;

}

.carousel .item-price strike {

	opacity: 0.7;

	margin-right: 5px;

}

.carousel-control-prev, .carousel-control-next {

	height: 44px;

	width: 40px;

	background: none;	

	margin: auto 0;

	border-radius: 4px;

	opacity: 0.8;

}

.carousel-control-prev:hover, .carousel-control-next:hover {

	background: none;

	opacity: 1;

}

.carousel-control-prev i, .carousel-control-next i {

	font-size: 36px;

	position: absolute;

	top: 50%;

	display: inline-block;

	margin: -19px 0 0 0;

	z-index: 5;

	left: 0;

	right: 0;

	color: #d73109;

	text-shadow: none;

	font-weight: bold;

}

.carousel-control-prev i {

	margin-left: -2px;

}

.carousel-control-next i {

	margin-right: -4px;

}		

.carousel-indicators {

	bottom: -50px;

}

.carousel-indicators li, .carousel-indicators li.active {

	width: 10px;

	height: 10px;

	margin: 4px;

	border-radius: 50%;

	border: none;

}

.carousel-indicators li {	

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

}

.carousel-indicators li.active {	

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

}

.carousel .wish-icon {

	position: absolute;

	right: 10px;

	top: 10px;

	z-index: 99;

	cursor: pointer;

	font-size: 16px;

	color: #abb0b8;

}

.carousel .wish-icon .fa-heart {

	color: #ff6161;

}

.star-rating li {

	padding: 0;

}

.star-rating i {

	font-size: 14px;

	color: #ffc000;

}



.carousel-indicators li::marker{

    display: none;

}



.bg-yellow{

    background: #facd00;

}



.ls-none{

	list-style: none;

}



.accordion-button{

	padding: 10px 20px 10px 20px;

}



.f-15{

	font-size: 15px;

}



.f-17{

	font-size: 17px!important;

}

.f-19{

	font-size: 19px;

}



.f-20{

	font-size: 20px;

}





.f-22{

	font-size: 22px;

}



.cst-dark{

	color: #34302f;

}



.scl-img-lst{

	height: 233px;

    object-fit: cover;

    border-radius: 10px;

}



.brd-50{

	border-radius: 50px;

}



.scl-kms{

	background: #636160;

    padding: 5px 12px;

    color: white;

    border-radius: 0 7px 7px 0;

    position: absolute;

    top: 28px;

}



.scl-view{

	background: #636160;

    padding: 5px 12px;

    color: white;

    border-radius: 10px;

    width: 100%;

    display: block;

    text-align: center;

    margin-top: 6px;

}



.brd-light{

	border: 1px solid #dbdbdb;

}





.pointer-link { 

	cursor: pointer; 

} 





.nav-item {

	position: relative;

}



.dropdown-menu.full-width {

	position: absolute;

	left: 0;

	width: 100%;

}



.nav-item:hover .dropdown-menu.full-width {

	display: block;

}



.drd-bg-success{

	background: #00a65a;

	border-radius: 0px;

}



.drd-bg-success  a:hover{

	background: #039b55;

    color: #ededed;

}





.drd-bg-primary {

	background : #01a3d4;

    color: #ededed;

}





.drd-bg-primary  a:hover{

	background: #0090bb;

    color: #ededed;

}





@media (max-width: 767px)

{

	.navbar-nav li{

		border-radius: 0px!important;

	}



	.navbar-toggler{

		margin-bottom: 7px;

	}



	.mx-5{

		margin: 0!important;

	}



	.header-heading_title{

		font-size: 18px;

	}



	.drp-list li{

		white-space : nowrap;

	}	

	.drp-list{

		overflow-x: auto;

	}	



	.mx-3{

		margin-left: 0;

		margin-right: 1rem;

	}



	.navbar-toggler{

		margin-top: 7px;

	}

	.navbar-custom{background: none!important;}



	.nav-item:nth-child(2) {

		background-color: #00a65a;

		color: #fff;

		box-shadow: none;

	}

	

}



.navbar-toggler:focus {

    text-decoration: none;

    outline: 0;

    box-shadow: none;

}



.price{

	font-size: 20px;

    font-weight: 400;

    font-family: sans-serif;

}



/* .price span{

	font-size: 14px;

    font-weight: 400;

	color: gray;

} */



.price del {

    color: rgb(16 16 16 / 50%);

    font-size: .7em;

    margin-left: 8px;

}



.product img{

	height: 225px;

    object-fit: contain;

	cursor: pointer;

}



.product p{

	white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}





/* product detail slider  */







.rating{

	font-size: 12px;

    font-weight: 500;

}



del {

    color: rgb(16 16 16 / 50%);

    font-size: .7em;

    margin-left: 8px;

}



.offers{

	list-style: none;

	padding: 0;

}



.offers i{

	color: #28a745;

}



.pincode-prepend{

	border-bottom: 1px solid #e5e5e5;

}



.pincode-prepend .input-group-text{

	background: none;

    border-radius: 0px;

    border: none;

}



.pincode-prepend input{

	background: none;

    border-radius: 0px;

    border: none;

}



.list-disc{

	list-style: disc;

	padding-left: 1rem;

}



.cod-badge{

	border-radius: 50%;

    font-weight: 100;

    font-family: fangsong;

    font-size: 12px;

}



.eti{

	font-size: 12.8px;

    font-size: 0.8rem;

    padding: 8.528px 14.928px;

    padding: 0.533rem 0.933rem;

    cursor: pointer;

    font-weight: 600;

}



.eti-primary {

    background-color: #01a3d4;

    border-color: currentColor currentColor currentColor;

    color: #FFF;

    --color: currentColor;

    --hover: #f17d06;

    --disabled: currentColor;

    --active: #f17d06;

	border: none;

}



.eti-primary:hover{

	box-shadow: 0px 0px 10px #01a3d4;

}







.eti-orange {

    background-color: #f17d06;

    border-color: currentColor currentColor #f17d06;

    color: #FFF;

    --color: currentColor;

    --hover: #f17d06;

    --disabled: currentColor;

    --active: #f17d06;

	border: none;

}



.eti-orange:hover{

	box-shadow: 0px 0px 10px #f17d06;

}



.add-to-cart button{

	border: 1px solid black;

    color: black;

	background:white;

}



.add-to-cart button:hover{

	box-shadow: 0px 0px 10px #bdbdbd;

}





.add-to-cart button:nth-child(2){

    border: 1px solid black;

    background: black;

	color: white;

}



.add-to-cart button:nth-child(2):hover{

    box-shadow: 0px 0px 10px #00000057;

}

.orange{
	background: #f17d06;
	transition: .8s;
}
.orange:hover{
	background: #e27100 !important;
	color: #fff !important;
	transition: .8s;
}
.orange a:hover{
	background: none;
	color: #fff !important;
}
a.text-light:focus, a.text-light:hover{
	color: #fff !important;
}
.mt-6{
	margin-top: 6px;
}

html .btn-primary{
	background-color: #01a3d4;
	border: none;
}