/******************************************************************
  Template Name: Ogani
  Description:  Ogani eCommerce  HTML Template
  Author: Colorlib
  Author URI: https://colorlib.com
  Version: 1.0
  Created: Colorlib
******************************************************************/

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Service Section
6.  Categories Section
7.  Featured Section
8.  Latest Product Section
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/

/*----------------------------------------*/
/* Template default CSS
/*----------------------------------------*/

html,
body {
	height: 100%;
	font-family: "Cairo", sans-serif;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #111111;
	font-weight: 400;
	font-family: "Cairo", sans-serif;
}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 16px;
}

h6 {
	font-size: 16px;
}

p {
	font-size: 16px;
	font-family: "Cairo", sans-serif;
	/*color: #6f6f6f;*/
	font-weight: 400;
	line-height: 26px;
	margin: 0 0 15px 0;
}

img {
	max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
}

a:hover,
a:focus {
	text-decoration: none;
	outline: none;
	color: #ffffff;
}
a:hover {
	color: #888;
}
ul,
ol {
	padding: 0;
	margin: 0;
}

/*---------------------
  Helper CSS
-----------------------*/

.section-title {
	margin-bottom: 40px;
	text-align: center;
}

.section-title h2 {
	color: #1c1c1c;
	font-weight: 700;
	position: relative;
}

.section-title h2:after {
	position: absolute;
	left: 0;
	bottom: -15px;
	right: 0;
	height: 4px;
	width: 120px;
	background: #e93b72;
	content: "";
	margin: 0 auto;
}

.set-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.spad {
	padding-top: 60px;
	padding-bottom: 60px;
}
section.blog.spad {
    background: #fafcff;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
	color: #fff;
}

/* buttons */

.primary-btn {
	display: inline-block;
	font-size: 14px;
	padding: 10px 28px 10px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	background: #073978;
	border-color: #073978;
	letter-spacing: 2px;
}

.primary-btn:hover{
	background: #042b5b;
	color: #fff;
	
}

.site-btn {
	font-size: 14px;
	color: #ffffff;
	font-weight: 800;
	text-transform: uppercase;
	display: inline-block;
	padding: 13px 30px 12px;
	background: #073978;
	border: none;
}

/* Preloder */

#preloder {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	background: #000;
}

.loader {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	border-radius: 60px;
	animation: loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

/*---------------------
  Header
-----------------------*/

.header__top {
	background: #f5f5f5;
}

.header__top__left {
	padding: 10px 0 13px;
}

.header__top__left ul li {
	font-size: 14px;
	color: #1c1c1c;
	display: inline-block;
	margin-right: 45px;
	position: relative;
}

.header__top__left ul li:after {
	position: absolute;
	right: -25px;
	top: 1px;
	height: 20px;
	width: 1px;
	background: #000000;
	opacity: 0.1;
	content: "";
}

.header__top__left ul li:last-child {
	margin-right: 0;
}

.header__top__left ul li:last-child:after {
	display: none;
}

.header__top__left ul li i {
	color: #252525;
	margin-right: 5px;
}

.header__top__right {
	text-align: right;
	padding: 10px 0 13px;
}

.header__top__right__social {
	position: relative;
	display: inline-block;
	margin-right: 35px;
}

.header__top__right__social:after {
	position: absolute;
	right: -20px;
	top: 1px;
	height: 20px;
	width: 1px;
	background: #000000;
	opacity: 0.1;
	content: "";
}

.header__top__right__social a {
	font-size: 14px;
	display: inline-block;
	color: #1c1c1c;
	margin-right: 20px;
}

.header__top__right__social a:last-child {
	margin-right: 0;
}

.header__top__right__language {
	position: relative;
	display: inline-block;
	margin-right: 40px;
	cursor: pointer;
}

.header__top__right__language:hover ul {
	top: 23px;
	opacity: 1;
	visibility: visible;
}

.header__top__right__language:after {
	position: absolute;
	right: -21px;
	top: 1px;
	height: 20px;
	width: 1px;
	background: #000000;
	opacity: 0.1;
	content: "";
}

.header__top__right__language img {
	margin-right: 6px;
}

.header__top__right__language div {
	font-size: 14px;
	color: #1c1c1c;
	display: inline-block;
	margin-right: 4px;
}

.header__top__right__language span {
	font-size: 14px;
	color: #1c1c1c;
	position: relative;
	top: 2px;
}

.header__top__right__language ul {
	background: #222222;
	width: 100px;
	text-align: left;
	padding: 5px 0;
	position: absolute;
	left: 0;
	top: 43px;
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.header__top__right__language ul li {
	list-style: none;
}

.header__top__right__language ul li a {
	font-size: 14px;
	color: #ffffff;
	padding: 5px 10px;
}

.header__top__right__auth {
	display: inline-block;
}

.header__top__right__auth a {
	display: block;
	font-size: 14px;
	color: #1c1c1c;
}

.header__top__right__auth a i {
	margin-right: 6px;
}

.header__logo {
	padding: 0px;
}

.header__logo a {
	display: inline-block;
}

.header__menu {
	padding: 24px 0;
}

.header__menu ul {
	/*display: flex;*/
	display: block;
	text-align: center;
}

.header__menu ul li {
	list-style: none;
	display: inline-block;
	margin-right: 30px;
	position: relative;
}

.header__menu ul li .header__menu__dropdown {
	position: absolute;
	left: 0;
	top: 50px;
	background: #222222;
	width: 180px;
	z-index: 9;
	padding: 5px 0;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	opacity: 0;
	visibility: hidden;
}

.header__menu ul li .header__menu__dropdown li {
	margin-right: 0;
	display: block;
}

.header__menu ul li .header__menu__dropdown li:hover>a {
	color: #e93b72;
}

.header__menu ul li .header__menu__dropdown li a {
	text-transform: capitalize;
	color: #ffffff;
	font-weight: 400;
	padding: 5px 15px;
}

.header__menu ul li.active a {
	color: #e93b72;
}

.header__menu ul li:hover .header__menu__dropdown {
	top: 30px;
	opacity: 1;
	visibility: visible;
}

.header__menu ul li:hover>a {
	color: #e93b72;
}

.header__menu ul li:last-child {
	margin-right: 0;
}

.header__menu ul li a {
	font-size: 14px;
	color: #252525;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	padding: 5px 0;
	display: block;
}

.header__cart {
	text-align: right;
	padding: 24px 0;
}

.header__cart ul {
	display: inline-block;
	margin-right: 25px;
}

.header__cart ul li {
	list-style: none;
	display: inline-block;
	margin-right: 15px;
}

.header__cart ul li:last-child {
	margin-right: 0;
}

.header__cart ul li a {
	position: relative;
}

.header__cart ul li a i {
	font-size: 18px;
	color: #1c1c1c;
}

.header__cart ul li a span {
	height: 13px;
	width: 13px;
	background: #e93b72;
	font-size: 10px;
	color: #ffffff;
	line-height: 13px;
	text-align: center;
	font-weight: 700;
	display: inline-block;
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: -12px;
}

.header__cart .header__cart__price {
	font-size: 14px;
	color: #6f6f6f;
	display: inline-block;
}

.header__cart .header__cart__price span {
	color: #252525;
	font-weight: 700;
}

.humberger__menu__wrapper {
	display: none;
}

.humberger__open {
	display: none;
}

/*---------------------
  Hero
-----------------------*/

.hero {
	/*padding-bottom: 50px;*/
}

.hero.hero-normal {
	padding-bottom: 30px;
}

.hero.hero-normal .hero__categories {
	position: relative;
}

.hero.hero-normal .hero__categories ul {
	display: none;
	position: absolute;
	left: 0;
	top: 46px;
	width: 100%;
	z-index: 9;
	background: #ffffff;
}

.hero.hero-normal .hero__search {
	margin-bottom: 0;
}

.hero__categories__all {
	background: #e93b72;
	position: relative;
	padding: 10px 25px 10px 40px;
	cursor: pointer;
}

.hero__categories__all i {
	font-size: 16px;
	color: #ffffff;
	margin-right: 10px;
}

.hero__categories__all span {
	font-size: 18px;
	font-weight: 700;
	color: #ffffff;
}

.hero__categories__all:after {
	position: absolute;
	right: 18px;
	top: 9px;
	content: "3";
	font-family: "ElegantIcons";
	font-size: 18px;
	color: #ffffff;
}

.hero__categories ul {
	border: 1px solid #ebebeb;
	padding-left: 40px;
	padding-top: 10px;
	padding-bottom: 12px;
}

.hero__categories ul li {
	list-style: none;
}

.hero__categories ul li a {
	font-size: 16px;
	color: #1c1c1c;
	line-height: 39px;
	display: block;
}

.hero__search {
	overflow: hidden;
	margin-bottom: 30px;
}

.hero__search__form {
	width: 610px;
	height: 50px;
	border: 1px solid #e93b72;
	position: relative;
	float: left;
}

.hero__search__form form .hero__search__categories {
	width: 30%;
	float: left;
	font-size: 16px;
	color: #1c1c1c;
	font-weight: 700;
	padding-left: 18px;
	padding-top: 11px;
	position: relative;
}

.hero__search__form form .hero__search__categories:after {
	position: absolute;
	right: 0;
	top: 14px;
	height: 20px;
	width: 1px;
	background: #000000;
	opacity: 0.1;
	content: "";
}

.hero__search__form form .hero__search__categories span {
	position: absolute;
	right: 14px;
	top: 14px;
}

.hero__search__form form input {
	width: 70%;
	border: none;
	height: 48px;
	font-size: 16px;
	color: #b2b2b2;
	padding-left: 20px;
}

.hero__search__form form input::placeholder {
	color: #b2b2b2;
}

.hero__search__form form button {
	position: absolute;
	right: 0;
	top: -1px;
	height: 50px;
}

.hero__search__phone {
	float: right;
}

.hero__search__phone__icon {
	font-size: 18px;
	color: #e93b72;
	height: 50px;
	width: 50px;
	background: #f5f5f5;
	line-height: 50px;
	text-align: center;
	border-radius: 50%;
	float: left;
	margin-right: 20px;
}

.hero__search__phone__text {
	overflow: hidden;
}

.hero__search__phone__text h5 {
	color: #1c1c1c;
	font-weight: 700;
	margin-bottom: 5px;
}

.hero__search__phone__text span {
	font-size: 14px;
	color: #6f6f6f;
}

.hero__item {
	min-height: 520px;
	display: flex;
	align-items: center;
	padding-left: 75px;
	background-size: cover;
	border-radius: 0px;
	position: relative;
    z-index: 1;
}
.hero__item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5); /* black with 50% opacity */
    z-index: 2;
}

.hero__item > * {
    position: relative;
    z-index: 3; /* bring inner content above overlay */
}
.hero__text {
    background: rgba(0, 0, 0, 0.3);
    /*background: rgb(0 0 0 / 65%);*/
    padding: 20px;
    border-radius: 10px;
    color: white;
    text-align: left;
    max-width: 600px; 
}

.hero__text span {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 4px;
	/*color: #e93b72;*/
}

.hero__text h2 {
	font-size: 46px;
	color: #fff;
	line-height: 52px;
	font-weight: 700;
	margin: 10px 0;
}

.hero__text p {
	margin-bottom: 35px;
	color: #fff;
	font-size: 18px;
}

/*---------------------
  Categories
-----------------------*/

.categories__item {
	height: 265px;
	position: relative;
	border-radius: 15px;
	/*border: 1px solid #ddd;*/
	/*background: #e4f2ff;*/
}

.categories__item h5 {
	position: absolute;
	left: 0;
	width: 100%;
	padding: 6px 20px;
	/*bottom: 30px;*/
	text-align: center;
	font-weight:bold;
	/*background-color:#f3f6fa;*/
}
.categories__item p {
    font-size: 14px;
    margin-top: 40px; 
    margin-bottom: 0px; 
    text-align: center; 
    text-transform: capitalize;
}

.categories__item h5 a {
    font-size: 16px;
    color: #e93b72;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 8px 20px;
    /*background: #e93b72;*/
    display: block;
    border-radius: 5px;
}

.categories__slider .col-lg-3 {
	max-width: 100%;
}

.categories__slider.owl-carousel .owl-nav button {
	font-size: 18px;
	color: #1c1c1c;
	height: 70px;
	width: 30px;
	line-height: 70px;
	text-align: center;
	border: 1px solid #ebebeb;
	position: absolute;
	left: -35px;
	top: 50%;
	-webkit-transform: translateY(-35px);
	background: #ffffff;
}

.categories__slider.owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: -35px;
}

/*---------------------
  Featured
-----------------------*/

.featured {
	padding-top: 40px;
	padding-bottom: 40px;
}

.featured__controls {
	text-align: center;
	margin-bottom: 30px;
}

/*.featured__controls ul li {
	list-style: none;
	font-size: 18px;
	color: #1c1c1c;
	display: inline-block;
	margin-right: 25px;
	position: relative;
	cursor: pointer;
}*/

.featured__controls ul li {
    list-style: none;
    font-size: 15px;
    color: #fff;
    display: inline-block;
    margin-right: 20px;
    position: relative;
    cursor: pointer;
    padding: 4px 12px;
    border-radius: 32px;
    background-color: #e93b72;
}

.featured__controls ul li.active:after {
	opacity: 1;
}

.featured__controls ul li:after {
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 2px;
	background: #e93b72;
	content: "";
	opacity: 0;
}

.featured__controls ul li:last-child {
	margin-right: 0;
}

.featured__item {
	margin-bottom: 30px;
}

.featured__item:hover .featured__item__pic .featured__item__pic__hover {
	bottom: 20px;
}

.featured__item__pic {
    height: 140px;
    width: 140px;
    position: relative;
    overflow: hidden;
    background-position: center center;
    background-size: contain;
    margin: auto;
    display: block;
    text-align: center;
}

.featured__item__pic__hover {
	position: absolute;
	left: 0;
	bottom: -50px;
	width: 100%;
	text-align: center;
	-webkit-transition: all, 0.5s;
	-moz-transition: all, 0.5s;
	-ms-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.featured__item__pic__hover li {
	list-style: none;
	display: inline-block;
	margin-right: 6px;
}

.featured__item__pic__hover li:last-child {
	margin-right: 0;
}

.featured__item__pic__hover li:hover a {
	background: #e93b72;
	border-color: #e93b72;
}

.featured__item__pic__hover li:hover a i {
	color: #ffffff;
	transform: rotate(360deg);
}

.featured__item__pic__hover li a {
	font-size: 16px;
	color: #1c1c1c;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #ebebeb;
	background: #ffffff;
	display: block;
	border-radius: 50%;
	-webkit-transition: all, 0.5s;
	-moz-transition: all, 0.5s;
	-ms-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.featured__item__pic__hover li a i {
	position: relative;
	transform: rotate(0);
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.featured__item__text {
	text-align: center;
	/*padding-top: 15px;*/
}

.featured__item__text h6 {
	margin-bottom: 0px;
}

.featured__item__text h6 a {
	color: #252525;
}
.featured__item__text h6 a:hover {
	color:#e93b72;
	font-weight: 600;
}

.featured__item__text h5 {
	color: #252525;
	font-weight: 700;
}

/*---------------------
  Latest Product
-----------------------*/

.latest-product {
	padding-top: 60px;
	padding-bottom: 0;
}

.latest-product__text h4 {
	font-weight: 700;
	color: #1c1c1c;
	margin-bottom: 45px;
}

.latest-product__slider.owl-carousel .owl-nav {
	position: absolute;
	right: 20px;
	top: -75px;
}

.latest-product__slider.owl-carousel .owl-nav button {
	height: 30px;
	width: 30px;
	background: #F3F6FA;
	border: 1px solid #e6e6e6;
	font-size: 14px;
	color: #636363;
	margin-right: 10px;
	line-height: 30px;
	text-align: center;
}

.latest-product__slider.owl-carousel .owl-nav button span {
	font-weight: 700;
}

.latest-product__slider.owl-carousel .owl-nav button:last-child {
	margin-right: 0;
}

.latest-product__item {
	margin-bottom: 20px;
	overflow: hidden;
	display: block;
}

.latest-product__item__pic {
	float: left;
	margin-right: 26px;
}

.latest-product__item__pic img {
	height: 110px;
	width: 110px;
}

.latest-product__item__text {
	overflow: hidden;
	padding-top: 10px;
}

.latest-product__item__text h6 {
	color: #252525;
	margin-bottom: 8px;
}

.latest-product__item__text span {
	font-size: 18px;
	display: block;
	color: #252525;
	font-weight: 700;
}

/*---------------------
  Form BLog
-----------------------*/

.from-blog {
	padding-top: 50px;
	padding-bottom: 50px;
}

.from-blog .blog__item {
	margin-bottom: 30px;
}

.from-blog__title {
	margin-bottom: 70px;
}

/*---------------------
  Breadcrumb
-----------------------*/

.breadcrumb-section {
	display: flex;
	align-items: center;
	padding: 200px 0 40px;
}
.breadcrumb__text h1{
    font-size: 60px;
	color: #ffffff;
	font-weight: 700;
	opacity: 0;  
    transform: scale(0.5);  
    animation: fadeInScale 0.7s forwards;
}
.breadcrumb__text h2 {
	font-size: 56px;
	color: #fff;
	font-weight: 700;
	opacity: 0;  
    transform: scale(0.5);  
    animation: fadeInScale 0.7s forwards; 
}

@keyframes fadeInScale {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.breadcrumb__option a {
	display: inline-block;
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	margin-right: 20px;
	position: relative;
}

.breadcrumb__option a:after {
	position: absolute;
	right: -12px;
	top: 13px;
	height: 1px;
	width: 10px;
	background: #fff;
	content: "";
}

.breadcrumb__option span {
	display: inline-block;
	font-size: 16px;
	color: #fff;
}

/*---------------------
  Sidebar
-----------------------*/

.sidebar__item {
	margin-bottom: 35px;
}

.sidebar__item.sidebar__item__color--option {
	overflow: hidden;
}

.sidebar__item h4 {
	color: #1c1c1c;
	font-weight: 700;
	margin-bottom: 25px;
}

.sidebar__item ul li {
	list-style: none;
}

.sidebar__item ul li a {
	font-size: 16px;
	color: #1c1c1c;
	line-height: 39px;
	display: block;
}

.sidebar__item .latest-product__text {
	position: relative;
}

.sidebar__item .latest-product__text h4 {
	margin-bottom: 45px;
}

.sidebar__item .latest-product__text .owl-carousel .owl-nav {
	right: 0;
}

.price-range-wrap .range-slider {
	margin-top: 20px;
}

.price-range-wrap .range-slider .price-input {
	position: relative;
}

.price-range-wrap .range-slider .price-input:after {
	position: absolute;
	left: 38px;
	top: 13px;
	height: 1px;
	width: 5px;
	background: #dd2222;
	content: "";
}

.price-range-wrap .range-slider .price-input input {
	font-size: 16px;
	color: #dd2222;
	font-weight: 700;
	max-width: 20%;
	border: none;
	display: inline-block;
}

.price-range-wrap .price-range {
	border-radius: 0;
}

.price-range-wrap .price-range.ui-widget-content {
	border: none;
	background: #ebebeb;
	height: 5px;
}

.price-range-wrap .price-range.ui-widget-content .ui-slider-handle {
	height: 13px;
	width: 13px;
	border-radius: 50%;
	background: #ffffff;
	border: none;
	-webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
	outline: none;
	cursor: pointer;
}

.price-range-wrap .price-range .ui-slider-range {
	background: #dd2222;
	border-radius: 0;
}

.price-range-wrap .price-range .ui-slider-range.ui-corner-all.ui-widget-header:last-child {
	background: #dd2222;
}

.sidebar__item__color {
	float: left;
	width: 40%;
}

.sidebar__item__color.sidebar__item__color--white label:after {
	border: 2px solid #333333;
	background: transparent;
}

.sidebar__item__color.sidebar__item__color--gray label:after {
	background: #E9A625;
}

.sidebar__item__color.sidebar__item__color--red label:after {
	background: #D62D2D;
}

.sidebar__item__color.sidebar__item__color--black label:after {
	background: #252525;
}

.sidebar__item__color.sidebar__item__color--blue label:after {
	background: #249BC8;
}

.sidebar__item__color.sidebar__item__color--green label:after {
	background: #3CC032;
}

.sidebar__item__color label {
	font-size: 16px;
	color: #333333;
	position: relative;
	padding-left: 32px;
	cursor: pointer;
}

.sidebar__item__color label input {
	position: absolute;
	visibility: hidden;
}

.sidebar__item__color label:after {
	position: absolute;
	left: 0;
	top: 5px;
	height: 14px;
	width: 14px;
	background: #222;
	content: "";
	border-radius: 50%;
}

.sidebar__item__size {
	display: inline-block;
	margin-right: 16px;
	margin-bottom: 10px;
}

.sidebar__item__size label {
	font-size: 12px;
	color: #6f6f6f;
	display: inline-block;
	padding: 8px 25px 6px;
	background: #f5f5f5;
	cursor: pointer;
	margin-bottom: 0;
}

.sidebar__item__size label input {
	position: absolute;
	visibility: hidden;
}

/*---------------------
  Shop Grid
-----------------------*/

.product {
	padding-top: 60px;
	padding-bottom: 60px;
}

.product__discount {
	padding-bottom: 50px;
}

.product__discount__title {
	text-align: left;
	margin-bottom: 65px;
}

.product__discount__title h2 {
	display: inline-block;
}

.product__discount__title h2:after {
	margin: 0;
	width: 100%;
}

.product__discount__item:hover .product__discount__item__pic .product__item__pic__hover {
	bottom: 20px;
}

.product__discount__item__pic {
	height: 270px;
	position: relative;
	overflow: hidden;
}

.product__discount__item__pic .product__discount__percent {
	height: 45px;
	width: 45px;
	background: #dd2222;
	border-radius: 50%;
	font-size: 14px;
	color: #ffffff;
	line-height: 45px;
	text-align: center;
	position: absolute;
	left: 15px;
	top: 15px;
}

.product__item__pic__hover {
	position: absolute;
	left: 0;
	bottom: -50px;
	width: 100%;
	text-align: center;
	-webkit-transition: all, 0.5s;
	-moz-transition: all, 0.5s;
	-ms-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.product__item__pic__hover li {
	list-style: none;
	display: inline-block;
	margin-right: 6px;
}

.product__item__pic__hover li:last-child {
	margin-right: 0;
}

.product__item__pic__hover li:hover a {
	background: #e93b72;
	border-color: #e93b72;
}

.product__item__pic__hover li:hover a i {
	color: #ffffff;
	transform: rotate(360deg);
}

.product__item__pic__hover li a {
	font-size: 16px;
	color: #1c1c1c;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #ebebeb;
	background: #ffffff;
	display: block;
	border-radius: 50%;
	-webkit-transition: all, 0.5s;
	-moz-transition: all, 0.5s;
	-ms-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.product__item__pic__hover li a i {
	position: relative;
	transform: rotate(0);
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.product__discount__item__text {
	text-align: center;
	padding-top: 20px;
}

.product__discount__item__text span {
	font-size: 14px;
	color: #b2b2b2;
	display: block;
	margin-bottom: 4px;
}

.product__discount__item__text h5 {
	margin-bottom: 6px;
}

.product__discount__item__text h5 a {
	color: #1c1c1c;
}

.product__discount__item__text .product__item__price {
	font-size: 18px;
	color: #1c1c1c;
	font-weight: 700;
}

.product__discount__item__text .product__item__price span {
	display: inline-block;
	font-weight: 400;
	text-decoration: line-through;
	margin-left: 10px;
}

.product__discount__slider .col-lg-4 {
	max-width: 100%;
}

.product__discount__slider.owl-carousel .owl-dots {
	text-align: center;
	margin-top: 30px;
}

.product__discount__slider.owl-carousel .owl-dots button {
	height: 12px;
	width: 12px;
	border: 1px solid #b2b2b2;
	border-radius: 50%;
	margin-right: 12px;
}

.product__discount__slider.owl-carousel .owl-dots button.active {
	background: #707070;
	border-color: #6f6f6f;
}

.product__discount__slider.owl-carousel .owl-dots button:last-child {
	margin-right: 0;
}

.filter__item {
	padding-top: 45px;
	border-top: 1px solid #ebebeb;
	padding-bottom: 20px;
}

.filter__sort {
	margin-bottom: 15px;
}

.filter__sort span {
	font-size: 16px;
	color: #6f6f6f;
	display: inline-block;
}

.filter__sort .nice-select {
	background-color: #fff;
	border-radius: 0;
	border: none;
	display: inline-block;
	float: none;
	height: 0;
	line-height: 0;
	padding-left: 18px;
	padding-right: 30px;
	font-size: 16px;
	color: #1c1c1c;
	font-weight: 700;
	cursor: pointer;
}

.filter__sort .nice-select span {
	color: #1c1c1c;
}

.filter__sort .nice-select:after {
	border-bottom: 1.5px solid #1c1c1c;
	border-right: 1.5px solid #1c1c1c;
	height: 8px;
	margin-top: 0;
	right: 16px;
	width: 8px;
	top: -5px;
}

.filter__sort .nice-select.open .list {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: scale(1) translateY(0);
	-ms-transform: scale(1) translateY(0);
	transform: scale(1) translateY(0);
}

.filter__sort .nice-select .list {
	border-radius: 0;
	margin-top: 0;
	top: 15px;
}

.filter__sort .nice-select .option {
	line-height: 30px;
	min-height: 30px;
}

.filter__found {
	text-align: center;
	margin-bottom: 15px;
}

.filter__found h6 {
	font-size: 16px;
	color: #b2b2b2;
}

.filter__found h6 span {
	color: #1c1c1c;
	font-weight: 700;
	margin-right: 5px;
}

.filter__option {
	text-align: right;
	margin-bottom: 15px;
}

.filter__option span {
	font-size: 24px;
	color: #b2b2b2;
	margin-right: 10px;
	cursor: pointer;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.filter__option span:last-child {
	margin: 0;
}

.filter__option span:hover {
	color: #e93b72;
}

.product__item {
	margin-bottom: 50px;
}

.product__item:hover .product__item__pic .product__item__pic__hover {
	bottom: 20px;
}

.product__item__pic {
    height: 140px;
    width: 140px;
    position: relative;
    overflow: hidden;
    background-position: center center;
    background-size: contain;
    margin: auto;
    display: block;
    text-align: center;
}

.product__item__pic__hover {
	position: absolute;
	left: 0;
	bottom: -50px;
	width: 100%;
	text-align: center;
	-webkit-transition: all, 0.5s;
	-moz-transition: all, 0.5s;
	-ms-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.product__item__pic__hover li {
	list-style: none;
	display: inline-block;
	margin-right: 6px;
}

.product__item__pic__hover li:last-child {
	margin-right: 0;
}

.product__item__pic__hover li:hover a {
	background: #e93b72;
	border-color: #e93b72;
}

.product__item__pic__hover li:hover a i {
	color: #ffffff;
	transform: rotate(360deg);
}

.product__item__pic__hover li a {
	font-size: 16px;
	color: #1c1c1c;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #ebebeb;
	background: #ffffff;
	display: block;
	border-radius: 50%;
	-webkit-transition: all, 0.5s;
	-moz-transition: all, 0.5s;
	-ms-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.product__item__pic__hover li a i {
	position: relative;
	transform: rotate(0);
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.product__item__text {
	text-align: center;
	padding-top: 15px;
}

.product__item__text h6 {
	margin-bottom: 10px;
}

.product__item__text h6 a {
  color: #252525;
  transition: color .4s ease, font-weight .4s ease;  
}

.product__item__text h6 a:hover {
  color: #e93b72;
  font-weight: 700;
}


.product__item__text h5 {
	color: #252525;
	font-weight: 700;
}

.product__pagination,
.blog__pagination {
	padding-top: 10px;
}

.product__pagination a,
.blog__pagination a {
	display: inline-block;
	width: 30px;
	height: 30px;
	border: 1px solid #b2b2b2;
	font-size: 14px;
	color: #b2b2b2;
	font-weight: 700;
	line-height: 28px;
	text-align: center;
	margin-right: 16px;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.product__pagination a:hover,
.blog__pagination a:hover {
	background: #e93b72;
	border-color: #e93b72;
	color: #ffffff;
}

.product__pagination a:last-child,
.blog__pagination a:last-child {
	margin-right: 0;
}

/*---------------------
  Shop Details
-----------------------*/

.product-details {
	padding-top: 80px;
}

.product__details__pic__item {
	margin-bottom: 20px;
}

.product__details__pic__item img {
    min-width: 450px;
    max-width: 450px;
}

.product__details__pic__slider img {
	cursor: pointer;
}

.product__details__pic__slider.owl-carousel .owl-item img {
	width: auto;
}

.product__details__text h3 {
	color: #252525;
	font-weight: 700;
	margin-bottom: 16px;
}

.product__details__text .product__details__rating {
	font-size: 14px;
	margin-bottom: 12px;
}

.product__details__text .product__details__rating i {
	margin-right: -2px;
	color: #EDBB0E;
}

.product__details__text .product__details__rating span {
	color: #dd2222;
	margin-left: 4px;
}

.product__details__text .product__details__price {
	font-size: 30px;
	color: #dd2222;
	font-weight: 600;
	margin-bottom: 15px;
}


.product__details__text .primary-btn {
	padding: 16px 28px 14px;
	margin-right: 6px;
	margin-bottom: 5px;
	border-radius: 30px;
}

.product__details__text .heart-icon {
	display: inline-block;
	font-size: 16px;
	color: #6f6f6f;
	padding: 13px 16px 13px;
	background: #f5f5f5;
}

.product__details__text ul {
	border-top: 1px solid #ebebeb;
	padding-top: 40px;
	margin-top: 50px;
}

.product__details__text ul li {
	font-size: 16px;
	color: #1c1c1c;
	list-style: none;
	line-height: 36px;
}

.product__details__text ul li b {
	font-weight: 700;
	width: 170px;
	display: inline-block;
}

.product__details__text ul li span samp {
	color: #dd2222;
}

.product__details__text ul li .share {
	display: inline-block;
}

.product__details__text ul li .share a {
	display: inline-block;
	font-size: 15px;
	color: #1c1c1c;
	margin-right: 25px;
}

.product__details__text ul li .share a:last-child {
	margin-right: 0;
}

.product__details__quantity {
	display: inline-block;
	margin-right: 6px;
}

.pro-qty {
	width: 130px;
	height: 40px;
	display: inline-block;
	position: relative;
	text-align: center;
	background: #f5f5f5;
	margin-bottom: 5px;
}

.pro-qty input {
	height: 100%;
	width: 100%;
	font-size: 16px;
	color: #6f6f6f;
	width: 50px;
	border: none;
	background: #f5f5f5;
	text-align: center;
}

.pro-qty .qtybtn {
	width: 35px;
	font-size: 16px;
	color: #6f6f6f;
	cursor: pointer;
	display: inline-block;
}

.product__details__tab {
	padding-top: 85px;
}

.product__details__tab .nav-tabs {
	border-bottom: none;
	justify-content: center;
	position: relative;
}

.product__details__tab .nav-tabs:before {
	position: absolute;
	left: 0;
	top: 12px;
	height: 1px;
	width: 370px;
	background: #ebebeb;
	content: "";
}

.product__details__tab .nav-tabs:after {
	position: absolute;
	right: 0;
	top: 12px;
	height: 1px;
	width: 370px;
	background: #ebebeb;
	content: "";
}

.product__details__tab .nav-tabs li {
	margin-bottom: 0;
	margin-right: 15px;
}

.product__details__tab .nav-tabs li:last-child {
	margin-right: 0;
}

.product__details__tab .nav-tabs li a {
	font-size: 16px;
	/*color: #999999;*/
	color: #fff;
	font-weight: 700;
	border: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding: 6px 10px;
}

.product__details__tab .product__details__tab__desc {
	padding-top: 10px;
}

.product__details__tab .product__details__tab__desc h6 {
	font-weight: 700;
	color: #333333;
	margin-bottom: 26px;
	text-align: center;
}

.product__details__tab .product__details__tab__desc p {
	color: #666666;
}

/*---------------------
  Shop Details
-----------------------*/

.related-product {
	padding-bottom: 30px;
}

.related__product__title {
	margin-bottom: 70px;
}

/*---------------------
  Shop Cart
-----------------------*/

.shoping-cart {
	padding-top: 60px;
	padding-bottom: 60px;
}

.shoping__cart__table {
	margin-bottom: 30px;
}

.shoping__cart__table table {
	width: 100%;
	text-align: center;
}

.shoping__cart__table table thead tr {
	border-bottom: 1px solid #ebebeb;
}

.shoping__cart__table table thead th {
	font-size: 20px;
	font-weight: 700;
	color: #1c1c1c;
	padding-bottom: 20px;
}

.shoping__cart__table table thead th.shoping__product {
	text-align: left;
}

/*.shoping__cart__table table tbody tr td {
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ebebeb;
}*/
.shoping__cart__table table tbody tr td {
    padding: 15px 10px; 
    border: 1px solid #ebebeb;
    border-radius: 2px; 
    transition: background-color 0.3s ease-in-out;
}

.shoping__cart__table table tbody tr:hover td {
    background-color: #e93b72;
    border-radius: 2px; 
}


.shoping__cart__table table tbody tr td.shoping__cart__item {
	width: 630px;
	text-align: left;
}

.shoping__cart__table table tbody tr td.shoping__cart__item img {
	display: inline-block;
	margin-right: 17px;
	height: 110px;
    width: 110px;
    border-radius: 20px; /* Default square corners */
    transition: border-radius 0.3s ease-in-out;
}

.shoping__cart__table table tbody tr:hover td img {
    border-radius: 20%; /* Makes the image circular */
}

.shoping__cart__table table tbody tr td.shoping__cart__item h5 {
	color: #1c1c1c;
	display: inline-block;
}

.shoping__cart__table table tbody tr td.shoping__cart__price {
	font-size: 18px;
	color: #1c1c1c;
	font-weight: 700;
	/*width: 100px;*/
}

.shoping__cart__table table tbody tr td.shoping__cart__total {
	font-size: 17px;
	color: #1c1c1c;
	font-weight: 700;
	width: 110px;
}

.shoping__cart__table table tbody tr td.shoping__cart__item__close {
	text-align: right;
}

.shoping__cart__table table tbody tr td.shoping__cart__item__close span {
	font-size: 24px;
	color: #b2b2b2;
	cursor: pointer;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity {
	width: 225px;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity .pro-qty {
	width: 120px;
	height: 40px;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity .pro-qty input {
	color: #1c1c1c;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity .pro-qty input::placeholder {
	color: #1c1c1c;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity .pro-qty .qtybtn {
	width: 15px;
}

.primary-btn.cart-btn {
	color: #6f6f6f;
	padding: 14px 30px 12px;
	background: #f5f5f5;
}

.primary-btn.cart-btn span {
	font-size: 14px;
}

.primary-btn.cart-btn.cart-btn-right {
	float: right;
}

.shoping__discount {
	margin-top: 45px;
}

.shoping__discount h5 {
	font-size: 20px;
	color: #1c1c1c;
	font-weight: 700;
	margin-bottom: 25px;
}

.shoping__discount form input {
	width: 255px;
	height: 46px;
	border: 1px solid #cccccc;
	font-size: 16px;
	color: #b2b2b2;
	text-align: center;
	display: inline-block;
	margin-right: 15px;
}

.shoping__discount form input::placeholder {
	color: #b2b2b2;
}

.shoping__discount form button {
	padding: 15px 30px 11px;
	font-size: 12px;
	letter-spacing: 4px;
	background: #6f6f6f;
}

.shoping__checkout {
	background: #f5f5f5;
	padding: 30px;
	padding-top: 20px;
	margin-top: 50px;
	opacity: 0;
  animation: slideInRight 0.8s ease-out forwards;
  animation-delay: 1.1s;
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(100px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.shoping__checkout h5 {
	color: #1c1c1c;
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 28px;
}

.shoping__checkout ul {
	margin-bottom: 28px;
}

.shoping__checkout ul li {
	font-size: 16px;
	color: #1c1c1c;
	font-weight: 700;
	list-style: none;
	overflow: hidden;
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 13px;
	margin-bottom: 18px;
}

.shoping__checkout ul li:last-child {
	padding-bottom: 0;
	border-bottom: none;
	margin-bottom: 0;
}

.shoping__checkout ul li span {
	font-size: 18px;
	color: #dd2222;
	float: right;
}

.shoping__checkout .primary-btn {
	display: block;
	text-align: center;
}

.checkout__input input:focus,
.checkout__input textarea:focus {
    border-color: #e93b72;
}


/*---------------------
  Checkout
-----------------------*/

.checkout {
	padding-top: 60px;
	padding-bottom: 60px;
}

.checkout h6 {
	color: #999999;
	text-align: center;
	background: #f5f5f5;
	border-top: 1px solid #6AB963;
	padding: 12px 0 12px;
	margin-bottom: 75px;
}

.checkout h6 span {
	font-size: 16px;
	color: #6AB963;
	margin-right: 5px;
}

.checkout h6 a {
	text-decoration: underline;
	color: #999999;
}

.checkout__form h4 {
	color: #1c1c1c;
	font-weight: 700;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 20px;
	margin-bottom: 25px;
}

.checkout__form p {
	column-rule: #b2b2b2;
}

.checkout__input {
	margin-bottom: 24px;
}

.checkout__input p {
	color: #1c1c1c;
	font-weight: 600;
	margin-bottom: 20px;
}

.checkout__input p span {
	color: #dd2222;
}

.checkout__input input {
	width: 100%;
	height: 46px;
	border: 1px solid #d5cfcf;
	padding-left: 20px;
	font-size: 16px;
	color: #222121;
	border-radius: 4px;
}

.checkout__input textarea {
	width: 100%;
	height: 100px;
	border: 1px solid #d5cfcf;
	padding-left: 20px;
	font-size: 16px;
	color: #222121;
	border-radius: 4px;
}

.checkout__input input.checkout__input__add {
	margin-bottom: 20px;
}

.checkout__input input::placeholder {
	color: #b2b2b2;
}

.checkout__input__checkbox {
	margin-bottom: 10px;
}

.checkout__input__checkbox label {
	position: relative;
	font-size: 16px;
	color: #1c1c1c;
	padding-left: 40px;
	cursor: pointer;
}

.checkout__input__checkbox label input {
	position: absolute;
	visibility: hidden;
}

.checkout__input__checkbox label input:checked~.checkmark {
	background: #e93b72;
	border-color: #e93b72;
}

.checkout__input__checkbox label input:checked~.checkmark:after {
	opacity: 1;
}

.checkout__input__checkbox label .checkmark {
	position: absolute;
	left: 0;
	top: 4px;
	height: 16px;
	width: 14px;
	border: 1px solid #a6a6a6;
	content: "";
	border-radius: 4px;
}

.checkout__input__checkbox label .checkmark:after {
	position: absolute;
	left: 1px;
	top: 1px;
	width: 10px;
	height: 8px;
	border: solid white;
	border-width: 3px 3px 0px 0px;
	-webkit-transform: rotate(127deg);
	-ms-transform: rotate(127deg);
	transform: rotate(127deg);
	content: "";
	opacity: 0;
}

.checkout__order {
	background: #f5f5f5;
	padding: 40px;
	padding-top: 30px;
}

.checkout__order h4 {
	color: #1c1c1c;
	font-weight: 700;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.checkout__order .checkout__order__products {
	font-size: 18px;
	color: #1c1c1c;
	font-weight: 700;
	margin-bottom: 10px;
}

.checkout__order .checkout__order__products span {
	float: right;
}

.checkout__order ul {
	margin-bottom: 12px;
}

.checkout__order ul li {
	font-size: 16px;
	color: #6f6f6f;
	line-height: 40px;
	list-style: none;
}

.checkout__order ul li span {
	font-weight: 700;
	float: right;
}

.checkout__order .checkout__order__subtotal {
	font-size: 18px;
	color: #1c1c1c;
	font-weight: 700;
	border-bottom: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
	padding-bottom: 15px;
	margin-bottom: 15px;
	padding-top: 15px;
}

.checkout__order .checkout__order__subtotal span {
	float: right;
}

.checkout__order .checkout__input__checkbox label {
	padding-left: 20px;
}

.checkout__order .checkout__order__total {
	font-size: 18px;
	color: #1c1c1c;
	font-weight: 700;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 15px;
	margin-bottom: 25px;
}

.checkout__order .checkout__order__total span {
	float: right;
	color: #dd2222;
}

.checkout__order button {
	font-size: 18px;
	letter-spacing: 2px;
	width: 100%;
	margin-top: 10px;
}

/*---------------------
  Blog
-----------------------*/

.blog__item {
	margin-bottom: 60px;
}

/*.blog__item__pic img {
	min-width: 100%;
}*/
.blog__item__pic img {
    min-width: auto;
    max-height: 110px;
}
.blog__item__text {
	padding-top: 15px;
}

.blog__item__text ul {
	margin-bottom: 15px;
}

.blog__item__text ul li {
	font-size: 16px;
	color: #b2b2b2;
	list-style: none;
	display: inline-block;
	margin-right: 15px;
}

.blog__item__text ul li:last-child {
	margin-right: 0;
}

.blog__item__text h5 {
	margin-bottom: 12px;
}

.blog__item__text h5 a {
	font-size: 17px;
	color: #1c1c1c;
	font-weight: 700;
}

.blog__item__text p {
	margin-bottom: 25px;
}

.blog__item__text .blog__btn {
	display: inline-block;
	font-size: 14px;
	color: #1c1c1c;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: 1px solid #b2b2b2;
	padding: 14px 20px 12px;
	border-radius: 25px;
}

.blog__item__text .blog__btn span {
	position: relative;
	top: 1px;
	margin-left: 5px;
}

.blog__pagination {
	padding-top: 5px;
	position: relative;
}

.blog__pagination:before {
	position: absolute;
	left: 0;
	top: -29px;
	height: 1px;
	width: 100%;
	background: #000000;
	opacity: 0.1;
	content: "";
}

/*---------------------
  Blog Sidebar
-----------------------*/

.blog__sidebar {
	border-radius: 10px;
	/*height: 100%; */
}

@media (max-width: 480px) {
	.blog__sidebar {
		margin-bottom: 20px;
	}
}

.blog__sidebar__item {
	margin-bottom: 50px;
}

.blog__sidebar__item h4 {
	color: #1c1c1c;
	font-weight: 700;
	margin-bottom: 10px;
}

.blog__sidebar__item ul li {
	list-style: none;
}

.blog__sidebar__item ul li a {
	font-size: 16px;
	color: #1c1c1c;
	line-height: 40px;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.blog__sidebar__item ul li a:hover {
	color: #e93b72;
}

.blog__sidebar__search {
	margin-bottom: 30px;
}

.blog__sidebar__search form {
	position: relative;
}

.blog__sidebar__search form input {
	width: 100%;
	height: 46px;
	font-size: 16px;
	color: #1c1c1c;
	padding-left: 15px;
	border: 1px solid #e93b72;
	border-radius: 30px;
}

.blog__sidebar__search form input::placeholder {
	color: #6f6f6f;
}

.blog__sidebar__search form button {
	font-size: 16px;
	/*color: #6f6f6f;*/
	/*background: transparent;*/
	color: #000;
    background: #e93b72;
	border: none;
	border-radius: 30px;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	padding: 0px 18px;
}

.blog__sidebar__recent .blog__sidebar__recent__item {
	display: block;
}

.blog__sidebar__recent .blog__sidebar__recent__item:last-child {
	margin-bottom: 0;
}

.blog__sidebar__recent__item {
	overflow: hidden;
	margin-bottom: 20px;
}

.blog__sidebar__recent__item__pic {
	float: left;
	margin-right: 20px;
}

.blog__sidebar__recent__item__text {
	overflow: hidden;
}

.blog__sidebar__recent__item__text h6 {
	font-weight: 700;
	color: #333333;
	line-height: 20px;
	margin-bottom: 5px;
}

.blog__sidebar__recent__item__text span {
	font-size: 12px;
	color: #999999;
	text-transform: uppercase;
}

.blog__sidebar__item__tags a {
	font-size: 16px;
	color: #6f6f6f;
	background: #f5f5f5;
	display: inline-block;
	padding: 7px 26px 5px;
	margin-right: 6px;
	margin-bottom: 10px;
}

/*---------------------
  Blog Details Hero
-----------------------*/

.blog-details-hero {
	height: 350px;
	display: flex;
	align-items: center;
}

.blog__details__hero__text {
	text-align: center;
}

.blog__details__hero__text h2 {
	font-size: 46px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 10px;
}

.blog__details__hero__text ul li {
	font-size: 16px;
	color: #ffffff;
	list-style: none;
	display: inline-block;
	margin-right: 45px;
	position: relative;
}

.blog__details__hero__text ul li:after {
	position: absolute;
	right: -26px;
	top: 0;
	content: "|";
}

.blog__details__hero__text ul li:last-child {
	margin-right: 0;
}

.blog__details__hero__text ul li:last-child:after {
	display: none;
}

/*---------------------
  Blog Details
-----------------------*/

.related-blog {
	padding-top: 60px;
	padding-bottom: 10px;
}

.related-blog-title {
	margin-bottom: 70px;
}

.blog-details {
	padding-bottom: 75px;
	border-bottom: 1px solid #e1e1e1;
}

.blog__details__text {
	margin-bottom: 45px;
}

.blog__details__text img {
	margin-bottom: 30px;
}

.blog__details__text p {
	font-size: 18px;
	line-height: 30px;
}

.blog__details__text h3 {
	color: #333333;
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 30px;
}

.blog__details__author__pic {
	float: left;
	margin-right: 15px;
}

.blog__details__author__pic img {
	height: 92px;
	width: 92px;
	border-radius: 50%;
}

.blog__details__author__text {
	overflow: hidden;
	padding-top: 30px;
}

.blog__details__author__text h6 {
	color: #1c1c1c;
	font-weight: 700;
}

.blog__details__author__text span {
	font-size: 16px;
	color: #6f6f6f;
}

.blog__details__widget ul {
	margin-bottom: 5px;
}

.blog__details__widget ul li {
	font-size: 16px;
	color: #6f6f6f;
	list-style: none;
	line-height: 30px;
}

.blog__details__widget ul li span {
	color: #1c1c1c;
	font-weight: 700;
}

.blog__details__widget .blog__details__social a {
	display: inline-block;
	font-size: 20px;
	color: #6f6f6f;
	margin-right: 24px;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.blog__details__widget .blog__details__social a:hover {
	color: #e93b72;
}

.blog__details__widget .blog__details__social a:last-child {
	margin-right: 0;
}

/*---------------------
  Footer
-----------------------*/

.footer {
	background: #e4f2ff;
	/*background: #fafcff;*/
	padding-top: 50px;
	padding-bottom: 0;
}

.footer__about {
	margin-bottom: 30px;
}

.footer__about ul li {
	font-size: 16px;
	color: #1c1c1c;
	line-height: 36px;
	list-style: none;
}

.footer__about__logo {
	margin-bottom: 15px;
}

.footer__about__logo a {
	display: inline-block;
}

.footer__widget {
	margin-bottom: 30px;
	overflow: hidden;
}

.footer__widget h6 {
	color: #1c1c1c;
	font-weight: 700;
	margin-bottom: 10px;
}

.footer__widget ul {
	width: 50%;
	float: left;
}

.footer__widget ul li {
	list-style: none;
}

.footer__widget ul li a {
	color: #1c1c1c;
	font-size: 14px;
	line-height: 32px;
}

.footer__widget p {
	font-size: 14px;
	color: #1c1c1c;
	margin-bottom: 30px;
}

.footer__widget form {
	position: relative;
	margin-bottom: 30px;
}

.footer__widget form input {
	width: 100%;
	font-size: 16px;
	padding-left: 20px;
	color: #1c1c1c;
	height: 46px;
	border: 1px solid #ededed;
}

.footer__widget form input::placeholder {
	color: #1c1c1c;
}

.footer__widget form button {
	position: absolute;
	right: 0;
	top: 0;
	padding: 0 26px;
	height: 100%;
}

.footer__widget .footer__widget__social a {
	display: inline-block;
	height: 41px;
	width: 41px;
	font-size: 16px;
	color: #404040;
	border: 1px solid #ededed;
	border-radius: 50%;
	line-height: 38px;
	text-align: center;
	background: #ffffff;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	margin-right: 10px;
}

.footer__widget .footer__widget__social a:last-child {
	margin-right: 0;
}

.footer__widget .footer__widget__social a:hover {
	background: #e93b72;
	color: #ffffff;
	border-color: #ffffff;
}

.footer__copyright {
	border-top: 1px solid #ebebeb;
	padding: 15px 0;
	overflow: hidden;
	/*margin-top: 20px;*/
}

.footer__copyright__text {
	font-size: 14px;
	color: #1c1c1c;
	float: left;
	line-height: 25px;
}

.footer__copyright__payment {
	float: right;
}

/*---------------------
  Contact
-----------------------*/

.contact {
	padding-top: 40px;
	padding-bottom: 40px;
}

.contact__widget {
	margin-bottom: 30px;
}

.contact__widget span {
	font-size: 36px;
	color: #e93b72;
}

.contact__widget h4 {
	color: #1c1c1c;
	font-weight: 700;
	margin-bottom: 6px;
	margin-top: 18px;
}

.contact__widget p {
	color: #666666;
	margin-bottom: 0;
	font-weight: 600;
}

/*---------------------
  Map
-----------------------*/

.map {
	height: 500px;
	position: relative;
}

.map iframe {
	width: 100%;
}

.map .map-inside {
	position: absolute;
	left: 50%;
	top: 160px;
	-webkit-transform: translateX(-175px);
	-ms-transform: translateX(-175px);
	transform: translateX(-175px);
}

.map .map-inside i {
	font-size: 48px;
	color: #e93b72;
	position: absolute;
	bottom: -75px;
	left: 50%;
	-webkit-transform: translateX(-18px);
	-ms-transform: translateX(-18px);
	transform: translateX(-18px);
}

.map .map-inside .inside-widget {
	width: 350px;
	background: #ffffff;
	text-align: center;
	padding: 23px 0;
	position: relative;
	z-index: 1;
	-webkit-box-shadow: 0 0 20px 5px rgba(12, 7, 26, 0.15);
	box-shadow: 0 0 20px 5px rgba(12, 7, 26, 0.15);
}

.map .map-inside .inside-widget:after {
	position: absolute;
	left: 50%;
	bottom: -30px;
	-webkit-transform: translateX(-6px);
	-ms-transform: translateX(-6px);
	transform: translateX(-6px);
	border: 12px solid transparent;
	border-top: 30px solid #ffffff;
	content: "";
	z-index: -1;
}

.map .map-inside .inside-widget h4 {
	font-size: 22px;
	font-weight: 700;
	color: #1c1c1c;
	margin-bottom: 4px;
}

.map .map-inside .inside-widget ul li {
	list-style: none;
	font-size: 16px;
	color: #666666;
	line-height: 26px;
}

/*---------------------
  Contact Form
-----------------------*/

.contact__form__title {
	margin-bottom: 50px;
	text-align: center;
}

.contact__form__title h2 {
	color: #1c1c1c;
	font-weight: 700;
}

.contact-form {
	padding-top: 60px;
	padding-bottom: 60px;
}

.contact-form form input {
	width: 100%;
	height: 50px;
	font-size: 16px;
	color: #6f6f6f;
	padding-left: 20px;
	margin-bottom: 30px;
	border: 1px solid #ebebeb;
	border-radius: 4px;
}

.contact-form form input::placeholder {
	color: #6f6f6f;
}

.contact-form form textarea {
	width: 100%;
	height: 150px;
	font-size: 16px;
	color: #6f6f6f;
	padding-left: 20px;
	margin-bottom: 24px;
	border: 1px solid #ebebeb;
	border-radius: 4px;
	padding-top: 12px;
	resize: none;
}

.contact-form form textarea::placeholder {
	color: #6f6f6f;
}

.contact-form form button {
	font-size: 18px;
	letter-spacing: 2px;
}



/***********Custom CSS*************/

/* Slider item styling */
.categories__item {
    text-align: center;
    /*padding: 10px;*/
}

.categories__item img.category-img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
    margin: 0 auto 10px auto;
    display: block;
    box-shadow: 0 0 0 6px #f9d3dc;
}

.categories__item:hover .category-img {
  box-shadow: 0 0 0 6px #e93b72;
 
}

.categories__item:hover h5 {
  color: #e93b72 !important;
}

.categories__item h5 {
    margin-top: 5px;
    font-size: 16px;
}

.slick-arrow {
    background: #ccc;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    z-index: 1000;
}

.slick-arrow:before {
    color: #333;
    font-size: 20px;
}

.slick-dotted.slick-slider {
    margin-bottom: 30px;
}
a.btn.btn-outline-primary.bam:hover {
    background-color: #073978;
    border-color: #073978 !important;
    color: #fff !important;
}
/**********************/

.product__item.inner .blog__item__text h5 {
    font-weight: bold !important;
    /*color: #e93b72;*/
}
.price-drop h6#price {
    color: #e93b72;
    font-weight: bold;
}
.bg-light {
    background-color: #d1ecf1 !important;
    /*background-color: #fafcff !important;*/
    /*background-color: #e4f2ff !important;*/
    /*background-color: #fafcff !important;*/
}
.text-dark {
    color: #1c1c1c !important;
}
.text-main-color {
    color: #e93b72;
}
.product-images-frame img {
    max-height: 155px;
    min-height: 155px;
    margin: auto;
    display: block;
}
.product-images-frame{
	background: #fff;
}
.product-card:hover .product-info h4,
.product-card:hover .product-info h5,
.product-card:hover .product-info h6,
.product-card:hover .product-title,
.product-card:hover .product-price-info h5,
.product-card:hover .product-price-info span {
	color: #fff !important;
}
#profileContent {
    border-radius: 10px;
}
.pending-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background: darkorange;
    color: #fff;
    padding: 4px 7px;
    font-size: 11px;
    font-weight: bold;
    border-radius: 5px;
    z-index: 10;
}
.approved-badge, .instock-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #e93b72;
    color: #fff;
    padding: 4px 7px;
    font-size: 11px;
    font-weight: bold;
    border-radius: 5px;
    z-index: 10;
}

.stock-badge {
    position: absolute;
    top: 8px;
    left: 8px;
    padding: 3px 8px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 4px;
    color: #fff;
    z-index: 10;
}

.in-stock {
    background: #28a745;   /* Green */
}

.out-stock {
    background: #dc3545;   /* Red */
}

/**********************/

/******Switch CSS********/
.switch {
  position: relative;
  display: inline-block;
  width: 55px;
  height: 28px;
}
.switch input { display: none; }
.slider {
  position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0;
  background-color: #ccc; transition: .4s; border-radius: 30px;
}
.slider:before {
  position: absolute; content: "";
  height: 22px; width: 22px; left: 3px; bottom: 3px;
  background-color: white; transition: .4s; border-radius: 50%;
}
input:checked + .slider { background-color: #28a745; }
input:checked + .slider:before { transform: translateX(26px); }
.slider.round { border-radius: 34px; }
/**********************/




/*--------------------------------- Responsive Media Quaries -----------------------------*/

@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}
}

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.header__menu ul li {
		margin-right: 45px;
	}
	.hero__search__form {
		width: 490px;
	}
	.hero__categories__all {
		padding: 10px 25px 10px 20px;
	}
	.hero__categories ul {
		padding-left: 20px;
	}
	.latest-product__slider.owl-carousel .owl-nav {
		right: 0;
	}
	.product__details__tab .nav-tabs:before {
		width: 265px;
	}
	.product__details__tab .nav-tabs:after {
		width: 265px;
	}
	.shoping__discount form input {
		width: 240px;
	}
}

/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero__categories {
		margin-bottom: 30px;
	}
	.hero__search__form {
		width: 485px;
	}
	.categories__slider.owl-carousel .owl-nav button {
		left: -20px;
	}
	.categories__slider.owl-carousel .owl-nav button.owl-next {
		right: -20px;
	}
	.filter__sort .nice-select {
		padding-left: 5px;
		padding-right: 28px;
	}
	.product__details__quantity {
		margin-bottom: 10px;
	}
	.product__details__text .primary-btn {
		margin-bottom: 10px;
	}
	.product__details__tab .nav-tabs:before {
		width: 150px;
	}
	.product__details__tab .nav-tabs:after {
		width: 150px;
	}
	.blog__details__author {
		overflow: hidden;
		margin-bottom: 25px;
	}
	.humberger__open {
		display: block;
		font-size: 22px;
		color: #1c1c1c;
		height: 35px;
		width: 35px;
		line-height: 33px;
		text-align: center;
		border: 1px solid #1c1c1c;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 22px;
	}
	.header .container {
		position: relative;
	}
	.humberger__menu__wrapper {
		width: 300px;
		background: #ffffff;
		position: fixed;
		left: -300px;
		top: 0;
		height: 100%;
		overflow-y: auto;
		z-index: 99;
		padding: 30px;
		padding-top: 50px;
		opacity: 0;
		display: block;
		-webkit-transition: all, 0.6s;
		-moz-transition: all, 0.6s;
		-ms-transition: all, 0.6s;
		-o-transition: all, 0.6s;
		transition: all, 0.6s;
	}
	.humberger__menu__wrapper.show__humberger__menu__wrapper {
		opacity: 1;
		left: 0;
	}
	.humberger__menu__logo {
		margin-bottom: 30px;
	}
	.humberger__menu__logo a {
		display: inline-block;
	}
	.humberger__menu__contact {
		padding: 10px 0 13px;
	}
	.humberger__menu__contact ul li {
		font-size: 14px;
		color: #1c1c1c;
		position: relative;
		line-height: 30px;
		list-style: none;
	}
	.humberger__menu__contact ul li i {
		color: #252525;
		margin-right: 5px;
	}
	.humberger__menu__cart ul {
		display: inline-block;
		margin-right: 25px;
	}
	.humberger__menu__cart ul li {
		list-style: none;
		display: inline-block;
		margin-right: 15px;
	}
	.humberger__menu__cart ul li:last-child {
		margin-right: 0;
	}
	.humberger__menu__cart ul li a {
		position: relative;
	}
	.humberger__menu__cart ul li a i {
		font-size: 18px;
		color: #1c1c1c;
	}
	.humberger__menu__cart ul li a span {
		height: 13px;
		width: 13px;
		background: #e93b72;
		font-size: 10px;
		color: #ffffff;
		line-height: 13px;
		text-align: center;
		font-weight: 700;
		display: inline-block;
		border-radius: 50%;
		position: absolute;
		top: 0;
		right: -12px;
	}
	.humberger__menu__cart .header__cart__price {
		font-size: 14px;
		color: #6f6f6f;
		display: inline-block;
	}
	.humberger__menu__cart .header__cart__price span {
		color: #252525;
		font-weight: 700;
	}
	.humberger__menu__cart {
		margin-bottom: 25px;
	}
	.humberger__menu__widget {
		margin-bottom: 20px;
	}
	.humberger__menu__widget .header__top__right__language {
		margin-right: 20px;
	}
	.humberger__menu__nav {
		display: none;
	}
	.humberger__menu__wrapper .header__top__right__social {
		display: block;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.humberger__menu__wrapper .slicknav_btn {
		display: none;
	}
	.humberger__menu__wrapper .slicknav_nav .slicknav_item a {
		border-bottom: none !important;
	}
	.humberger__menu__wrapper .slicknav_nav {
		display: block !important;
	}
	.humberger__menu__wrapper .slicknav_menu {
		background: transparent;
		padding: 0;
		margin-bottom: 30px;
	}
	.humberger__menu__wrapper .slicknav_nav ul {
		margin: 0;
	}
	.humberger__menu__wrapper .slicknav_nav a {
		color: #1c1c1c;
		font-size: 16px;
		font-weight: 600;
		margin: 0;
		border-bottom: 1px solid #e1e1e1;
	}
	.humberger__menu__wrapper .slicknav_nav a:hover {
		-webkit-border-radius: 0;
		border-radius: 0;
		background: transparent;
		color: #e93b72;
	}
	.humberger__menu__wrapper .slicknav_nav .slicknav_row,
	.humberger__menu__wrapper .slicknav_nav a {
		padding: 8px 0;
	}
	.humberger__menu__overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.5);
		content: "";
		z-index: 98;
		visibility: hidden;
		-webkit-transition: all, 0.6s;
		-moz-transition: all, 0.6s;
		-ms-transition: all, 0.6s;
		-o-transition: all, 0.6s;
		transition: all, 0.6s;
	}
	.humberger__menu__overlay.active {
		visibility: visible;
	}
	.header__top {
		display: none;
	}
	.header__menu {
		display: none;
	}
	.header__cart {
		text-align: center;
		padding: 10px 0 24px;
	}
	.over_hid {
		overflow: hidden;
	}
}

/* Wide Mobile = 480px */

@media only screen and (max-width: 767px) {
	.hero__categories {
		margin-bottom: 30px;
	}
	.hero__search {
		margin-bottom: 30px;
	}
	.hero__search__form {
		width: 100%;
	}
	.hero__search__form form input {
		width: 100%;
	}
	.hero__search__form form .hero__search__categories {
		display: none;
	}
	.hero__search__phone {
		float: left;
		margin-top: 30px;
		margin-bottom: 15px;
	}
	.categories__slider.owl-carousel .owl-nav {
		text-align: center;
		margin-top: 40px;
	}
	.categories__slider.owl-carousel .owl-nav button {
		position: relative;
		left: 0;
		top: 0;
		-webkit-transform: translateY(0);
	}
	.categories__slider.owl-carousel .owl-nav button.owl-next {
		right: -10px;
	}
	.footer__copyright {
		text-align: center;
	}
	.footer__copyright__text {
		float: none;
		margin-bottom: 25px;
	}
	.footer__copyright__payment {
		float: none;
	}
	.filter__item {
		text-align: center;
	}
	.filter__option {
		text-align: center;
	}
	.product__details__pic {
		margin-bottom: 40px;
	}
	.product__details__tab .nav-tabs:before {
		display: none;
	}
	.product__details__tab .nav-tabs:after {
		display: none;
	}
	.shoping__cart__table {
		overflow-y: auto;
	}
	.shoping__discount form input {
		margin-bottom: 15px;
	}
	.blog__details__author {
		overflow: hidden;
		margin-bottom: 25px;
	}
	.humberger__open {
		display: block;
		font-size: 22px;
		color: #1c1c1c;
		height: 35px;
		width: 35px;
		line-height: 33px;
		text-align: center;
		border: 1px solid #1c1c1c;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 22px;
	}
	.header .container {
		position: relative;
	}
	.humberger__menu__wrapper {
		width: 300px;
		background: #ffffff;
		position: fixed;
		left: -300px;
		top: 0;
		height: 100%;
		overflow-y: auto;
		z-index: 99;
		padding: 30px;
		padding-top: 50px;
		opacity: 0;
		display: block;
		-webkit-transition: all, 0.6s;
		-moz-transition: all, 0.6s;
		-ms-transition: all, 0.6s;
		-o-transition: all, 0.6s;
		transition: all, 0.6s;
	}
	.humberger__menu__wrapper.show__humberger__menu__wrapper {
		opacity: 1;
		left: 0;
	}
	.humberger__menu__logo {
		margin-bottom: 30px;
	}
	.humberger__menu__logo a {
		display: inline-block;
	}
	.humberger__menu__contact {
		padding: 10px 0 13px;
	}
	.humberger__menu__contact ul li {
		font-size: 14px;
		color: #1c1c1c;
		position: relative;
		line-height: 30px;
		list-style: none;
	}
	.humberger__menu__contact ul li i {
		color: #252525;
		margin-right: 5px;
	}
	.humberger__menu__cart ul {
		display: inline-block;
		margin-right: 25px;
	}
	.humberger__menu__cart ul li {
		list-style: none;
		display: inline-block;
		margin-right: 15px;
	}
	.humberger__menu__cart ul li:last-child {
		margin-right: 0;
	}
	.humberger__menu__cart ul li a {
		position: relative;
	}
	.humberger__menu__cart ul li a i {
		font-size: 18px;
		color: #1c1c1c;
	}
	.humberger__menu__cart ul li a span {
		height: 13px;
		width: 13px;
		background: #e93b72;
		font-size: 10px;
		color: #ffffff;
		line-height: 13px;
		text-align: center;
		font-weight: 700;
		display: inline-block;
		border-radius: 50%;
		position: absolute;
		top: 0;
		right: -12px;
	}
	.humberger__menu__cart .header__cart__price {
		font-size: 14px;
		color: #6f6f6f;
		display: inline-block;
	}
	.humberger__menu__cart .header__cart__price span {
		color: #252525;
		font-weight: 700;
	}
	.humberger__menu__cart {
		margin-bottom: 25px;
	}
	.humberger__menu__widget {
		margin-bottom: 20px;
	}
	.humberger__menu__widget .header__top__right__language {
		margin-right: 20px;
	}
	.humberger__menu__nav {
		display: none;
	}
	.humberger__menu__wrapper .header__top__right__social {
		display: block;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.humberger__menu__wrapper .slicknav_btn {
		display: none;
	}
	.humberger__menu__wrapper .slicknav_nav .slicknav_item a {
		border-bottom: none !important;
	}
	.humberger__menu__wrapper .slicknav_nav {
		display: block !important;
	}
	.humberger__menu__wrapper .slicknav_menu {
		background: transparent;
		padding: 0;
		margin-bottom: 30px;
	}
	.humberger__menu__wrapper .slicknav_nav ul {
		margin: 0;
	}
	.humberger__menu__wrapper .slicknav_nav a {
		color: #1c1c1c;
		font-size: 16px;
		font-weight: 600;
		margin: 0;
		border-bottom: 1px solid #e1e1e1;
	}
	.humberger__menu__wrapper .slicknav_nav a:hover {
		-webkit-border-radius: 0;
		border-radius: 0;
		background: transparent;
		color: #e93b72;
	}
	.humberger__menu__wrapper .slicknav_nav .slicknav_row,
	.humberger__menu__wrapper .slicknav_nav a {
		padding: 8px 0;
	}
	.humberger__menu__overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.5);
		content: "";
		z-index: 98;
		visibility: hidden;
		-webkit-transition: all, 0.6s;
		-moz-transition: all, 0.6s;
		-ms-transition: all, 0.6s;
		-o-transition: all, 0.6s;
		transition: all, 0.6s;
	}
	.humberger__menu__overlay.active {
		visibility: visible;
	}
	.header__top {
		display: none;
	}
	.header__menu {
		display: none;
	}
	.header__cart {
		text-align: center;
		padding: 10px 0 24px;
	}
	.over_hid {
		overflow: hidden;
	}
}

/* Small Device = 320px */

@media only screen and (max-width: 479px) {
	.hero__search__form form .hero__search__categories {
		display: none;
	}
	.featured__controls ul li {
		margin-bottom: 10px;
		margin-right: 14px;
	}
	.product__details__text ul li b {
		width: 100px;
	}
	.product__details__tab .nav-tabs li {
		margin-right: 20px;
	}
	.shoping__cart__btns {
		text-align: center;
	}
	.primary-btn.cart-btn.cart-btn-right {
		float: none;
		margin-top: 10px;
	}
	.shoping__checkout .primary-btn {
		display: block;
		text-align: center;
		padding: 10px 15px 10px;
	}
	.map .map-inside {
		-webkit-transform: translateX(-125px);
		-ms-transform: translateX(-125px);
		transform: translateX(-125px);
	}
	.map .map-inside .inside-widget {
		width: 250px;
	}
	.product__details__tab .nav-tabs li {
		margin-right: 15px;
	}
	.shoping__discount form input {
		width: 100%;
	}
	.checkout__order {
		padding: 20px;
	}
	.blog__details__hero__text h2 {
		font-size: 24px;
	}
}


/******* Custom CSS **********/
.product__item__pic__hover, .featured__item__pic__hover{
	display: none;
}
.price-drop{
	/*display: flex;*/
}

.price-drop h5{
	font-size: 16px;
}

.featured__item {
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    background-color: #fff;
}
.featured .featured__item__pic {
    border-radius: 50%;
    border: 1px solid #ddd;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.featured .featured__item__text h6 a {
    font-weight: 600;
}

.featured__item:hover {
  box-shadow: 0 10px 20px rgba(127, 173, 57, 0.9); /* Green shadow */
  transform: translateY(-5px);
}

.product__item {
    border: 1px solid #ddd;
    padding: 10px;
     border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    background-color: #fff;
}

.product__item:hover {
    box-shadow: 0 10px 10px rgb(233 59 114 / 90%);
    transform: translateY(-5px);
}
/* Base tab style */
/*.nav-tabs .nav-link {*/
/*  color: #555;*/
/*  font-weight: 600;*/
/*  font-size: 1.1rem;*/
/*  padding: 12px 25px;*/
/*  border: none;*/
/*  border-bottom: 3px solid transparent;*/
/*  transition: all 0.3s ease;*/
/*  border-radius: 0; /* square corners */
/*}*/

.nav-tabs .nav-link {
    color: #fff;
    font-weight: 600;
    font-size: 0.9rem;
    padding: 6px 10px;
    border: none;
    border-bottom: 3px solid transparent;
    transition: all 0.3s ease;
    background-color: #e93b72;
    margin-right: 10px;
    border-radius: 6px;
}

.nav-tabs .nav-link.active {
    color: #e93b72;
    border-bottom: 4px solid #e93b72;
    background-color: #fff;
    font-weight: 700;
    box-shadow: 0 4px 10px rgb(233 59 114);
    position: relative; /* Needed for ::after positioning */
}

.nav-tabs .nav-link.active::after {
    content: "";
    position: absolute;
    bottom: -10px; /* Move triangle below border */
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;  /* Left side of triangle */
    border-right: 8px solid transparent; /* Right side of triangle */
    border-top: 8px solid #e93b72;       /* Triangle color (same as border) */
}

/* Hover effect */
.nav-tabs .nav-link:hover {
  color: #fff; /* bootstrap primary color */
  border-bottom: 3px solid #e93b72;
  background-color: #e93b72;
}

/* Center tabs container background (optional) */
.nav-tabs {
  border-bottom: none;
  justify-content: center !important;
  /*background: #ffffff;*/
  border-radius: 10px;
  /*box-shadow: 0 8px 15px rgba(0,0,0,0.1);*/
  padding: 10px 0;
  /*margin-bottom: 1rem;*/
}

.categories__item h5 a:hover
/*.categories__item h5:hover */
{
    background: #e93b72 !important;
    color: #fff;
}
.categories__item  {
  transition: transform 0.3s ease;
  width: 100%; /* Ensures the image fills the container */
}

.categories__item:hover  {
  transform: scale(1.1); /* Zoom effect */
}
.show-reviews.milker {
    border: 1px solid #073978;
    border-radius: 30px;
    background: #073978;
    /*background: #e93b72;*/
}
.show-reviews.our-milker{
    border: 1px solid #073978;
    border-radius: 30px;
}

.show-reviews:hover small {
  color: #fff !important;
}

.show-reviews:hover {    
    background: #2a2e33;
    /*background: #e93b72;*/
    border: 1px solid #bbbbbb61;
    border-radius: 30px;
}

.fw-bold {
    font-weight: bold;
}
.col.stat {
    border-radius: 15px;
    border: 1px solid #e93b72;
    background: #ffffff;
    padding: 10px;
    cursor: pointer;
}
.col.stat:hover{
	background: #073978;
	border: 1px solid #073978;
	color: #fff;
}

.col.stat:hover .bi, .col.stat:hover h3, .col.stat:hover p {
    color: #fff !important;
}
.profile-link.active {
  background-color: #e93b72; /* Pink */
  color: #fff !important;
  font-weight: 600;
  box-shadow: 0 2px 8px rgba(232, 62, 140, 0.3);
}

/* Mobile Optimization: Enable scrolling if needed */
@media (max-width: 768px) {
    .nav-tabs {
        overflow-x: auto;
        flex-wrap: nowrap; /* Ensures they remain in one row */
    }
    .nav-tabs .nav-item {
        flex: 1; 
        text-align: center;
    }
    .nav-tabs .nav-link {
    	width: 100%;
        font-size: 16px;
        padding: 12px;
    }
}


.tab-content {
	border: 1px solid #dee2e6;
	/*border-top: none;*/
	padding: 30px 50px;
	/*background-color: #343a40;*/
	/*background-color: #f3f6fa;*/
	background-color: #fff;
	/*border-radius: 1rem;*/
	/*box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;*/
}
div#productSection .section-title h2, 
div#userorders .section-title h2, 
section#subscribedMilkersSection .section-title h2, 
div#userSubscriptions .section-title h2 {
    /*color: #fff;*/
}
.preview {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 10px;
}
.preview img {
	width: 100px;
	height: 100px;
	object-fit: cover;
	border: 1px solid #ddd;
	border-radius: 5px;
}

/* Product card with smooth animation */
.product-card {
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
	animation: fadeInDown 0.6s ease-in-out;
	cursor: pointer;
	border: 1px solid #bbb;
}

.product-card:hover {
	transform: scale(1.03);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}

/* Product image with a subtle zoom effect */
.product-image {
	width: 100%;
	height: 250px;
	background-size: cover;
	background-position: center;
	border-radius: 10px;
	transition: transform 0.4s ease-in-out;
}

.product-card:hover .product-image {
	transform: scale(1.1) 
}

/* Product info with slide-up effect */
.product-info {
	/*position: absolute;*/
	bottom: -100px;
	left: 0;
	right: 0;
	background: #073978;
	text-align: center;
	padding: 10px;
	transition: bottom 0.4s ease-in-out, background 0.3s ease-in-out;
	animation: fadeInUp 0.8s ease-in-out;	
}

.product-card:hover .product-info {
    bottom: 0;
    text-decoration: none !important;
    background: #e93b72;
    cursor: pointer;
}

/* Product title with hover glow */
h5.product-title {
	font-size: 16px;
	text-decoration: none;
	font-weight: 600;
	transition: text-shadow 0.3s ease-in-out;
}

/* Product price */
.product-price {
	font-size: 16px;
	font-weight: bold;
	margin-top: 5px;
}

/* Animation Effects */
@keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translateY(-30px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.carousel-indicators {
    position: absolute;
    bottom: 20px; 
    gap: 6px;
   /* left: 50%;
    transform: translateX(-124%);*/
}

.carousel-indicators button {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: white; 
    border: none;
    opacity: 0.5;
    transition: opacity 0.3s ease-in-out;
}

.carousel-indicators .active {
    opacity: 1;
    background-color: #FFD700; 
}

/* Success Stories */
.success-counter {
    font-size: 26px;
    font-weight: bold;
    color: #e93b72; 
}

.success-container {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 20px;
    flex-wrap: wrap; /* Ensures proper wrapping on smaller screens */
}

.success-box {
    background: white;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    width: 23%;
    transition: transform 0.3s ease-in-out;
}


.success-text {
    font-size: 14px;
    color: gray;
}


@media (max-width: 768px) {
    .success-container {
        flex-direction: column; /* Stack items vertically */
        gap: 10px;
    }

    .success-box {
        width: 50%; /* Make it take more space */
        padding: 12px;
    }

    .success-counter {
        font-size: 1.3rem;
    }

    .success-text {
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .success-box {
        width: 60%;
        padding: 10px;
        border-radius: 10px;
    }

    .success-counter {
        font-size: 1.2rem;
    }

    .success-text {
        font-size: 11px;
    }
}



.testimonial-box {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border: 1px solid #ddd;
    text-align: center;
    /*width: 278px;*/
    height: 200px; 
    margin: 10px; 
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}



.testimonial-data {
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
}

.testimonial-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px; 
    margin-top: 10px;
    font-size: 15px;
    font-weight: bold;

}

.testimonial-footer i {
    color: #e93b72;
    font-size: 15px;
    margin-bottom: 40px;
}

.testimonial-footer img {
    height: auto;
    width: 46px !important;
    object-fit: contain;
    margin-bottom: 19px;
}

.testimonial-info {
    display: flex;
    flex-direction: column; /* Ensures "Google Play" appears below the name */
    text-align: left;
}

.testimonial-text {
    font-size: 12px !important;
    color: #aaa;
    font-style: italic; 
   
}

/*Locations Start */

.d-flex {
    display: flex;
    gap: 5px;
}
.align-items-center {
    align-items: center;

}
.justify-content-between {
    justify-content: space-between;
   
}

/* Deliver in text */
.deliver-text {
    font-size: 14px;
    color: #6f6f6f;
    font-weight: normal;
    text-align: center;
}

/* Location Box */
.location-box {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    font-weight: bold;
    color: #e93b72;
    cursor: pointer;
}



/* Selected Location Display */
.selected-location {
    font-size: 14px;
    color: #333;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 2px;
    margin-top: 5px; 
     flex-direction: column;
    
}


/* Dropdown Arrow */
.dropdown-arrow {
    font-size: 12px;
    transition: transform 0.3s ease;
    
}

/* Rotate arrow when modal is open */
.selected-location.active .dropdown-arrow {
    transform: rotate(180deg);
     color: #333;
}

/* Modal Background */
.location-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

/* Modal Content */
.location-modal-content {
     position: relative;
    background: white;
    padding: 20px;
    border-radius: 10px;
    width: 800px;
    text-align: center;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    z-index: 1001;
}

/* Location Sections */
.location-container {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.location-category {
    width: 48%;
}


.location-btn {
    width: 100%;
    padding: 10px;
    background: #f8f8f8;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
    margin-bottom: 7px;
    transition: background 0.3s ease;
}

.location-btn img {
    width: 100px;
    height: 70px;
    margin-right: 8px;
    object-fit: cover;
    border-radius: 50%; 
    margin-bottom: 8px;
    transition: transform 0.3s ease;
}

.location-btn span {
    display: block;
    color: #333;
    font-weight: bold; 
    transition: color 0.3s ease; 
}

.location-btn:hover {
    background: #e93b72;
    color: white;
    transform: scale(1.05); /
}

.location-btn:hover span {
    color: white; 
}

.location-btn:hover img {
    transform: scale(1.1); 
}

.deliver-location {
    display: flex;
    align-items: center;
    gap: 5px; 
}

.deliver-location i {
    font-size: 14px;
    color: #74746f; 

}

/* Close Button */
.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 27px;
    cursor: pointer;
    color: #666;
    transition: color 0.3s ease;
    background: none;
    border: none;
    font-weight: bold;
}

.close-btn:hover {
    color: #333;
}


@media (max-width: 768px) {
    .location-modal-content {
        padding: 15px;
    }

    .location-container {
        flex-direction: row;
        align-items: center;
    }

    .location-category {
        width: 100%;
        text-align: center;
    }

    .location-btn {
        width: 80%;
        display: flex;
        flex-direction: column;  
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        padding: 10px;
    }

    .location-btn img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        margin-bottom: 0; 
    }
}

/* Small Screens (Mobile Phones) */
@media (max-width: 480px) {
    .location-modal-content {   
        padding: 10px;
        width: 90%;
        position: absolute;
      /*  top: 10px; 
        left: 50%; 
        transform: translateX(-50%); 
*/    }

     .location-container {
        flex-direction: row;
        align-items: center;
    }

    .location-modal-content h2 {
        
        font-size: 18px;
    }

   /*  .justify-content-between {
        justify-content: flex-start !important;  /* Aligns items to the left 
    }
   */
    
    .location-modal-content p {
       font-size: 14px;
    }


    .location-btn {
        width: 100%;
        padding: 8px;
        flex-direction: column; 
        justify-content: flex-start;
    }

    .location-btn img {
        width: 50px;
        height: 40px;
    }

    .location-btn span {
        font-size: 12px;
    }

    
    .selected-location {
        font-size: 12px;
        margin-left: 12px;
    }

    .deliver-text {
        font-size: 12px;
        margin-left: -8px;
        font-weight: 600;
    }

    .location-box {
        font-size: 13px;
    }

    .dropdown-arrow {
        font-size: 10px;
    }
}

/*Locations End */



/* Farm Section Begin */

.fade-in-down {
	opacity: 0;
	transform: translateY(-30px);
	transition: opacity 1s ease-out, transform 1s ease-out;
}

/* Fade-in Effects */
.fade-in-left, .fade-in-right {
	opacity: 0;
	transform: translateX(-50px);
	transition: opacity 1s ease-out, transform 1s ease-out;
}
.fade-in-right {
	transform: translateX(50px);
}

.show {
    opacity: 1;
    transform: translate(0);
}

.farm-us  {
	text-align: center;
	position: relative;
}

.grid {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 60px; 
	position: relative;
}

.circle-box {
	width: 210px;
	height: 210px;
	border-radius: 50%;
	background: white;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	border: 2px solid #e2edeb;
	/*overflow: hidden;*/
	position: relative;
	z-index: 2;
}

.circle-box img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}


.farm-home-line {
	position: absolute;
	top: 57%;
	left: 36%;
	width: 28%;
	height: 2px;
	background: linear-gradient(to right, green 50%, transparent 50%);
	background-size: 8px 2px;
	background-repeat: repeat-x;
	z-index: 1;
}

.circle-text {
	text-align: center;
	margin-top: 12px;
	font-size: 16px;
	font-weight: 600;
}

.farm-title h2:after {
	position: absolute;
	left: 0;
	bottom: -15px;
	right: 0;
	height: 4px;
	width: 80px;
	background: #e93b72;
	content: "";
	margin: 0 auto;
}

.farm-title h2 {
	margin-bottom: 50px;
	text-align: center;
	color: #1c1c1c;
	font-weight: 700;
	position: relative;
}



@media (max-width: 768px) {
	.grid {
		flex-direction: row; 
		gap: 30px;
	}
	.circle-box {
		width: 160px;
		height: 160px;
	}
	.farm-home-line {
		width: 40%;
		left: 30%;
		top: 55%;
		display: block;
	}
	.circle-text {
		font-size: 14px;
		font-weight: 600;
	}
}

@media (max-width: 480px) {
	.grid {
		flex-direction: row; 
		gap: 30px;
	}
	.circle-box {
		width: 100px;
		height: 100px;
	}


	.farm-home-line {
		width: 42%;
		left: 29%;
		top: 60%;
		display: block;
	}
	.circle-text {
		font-size: 12px;
		font-weight: 600;
	}
}

/* Farm Section End */


/* Cart Section Begin */

.price-options {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: center;
}



.grand-total {
	color: #dd2222
}

.quantity {
    width: 50px; /* Smaller input width */
    text-align: center;
    padding: 5px;
    font-size: 16px;
    margin-top: 5px;
}

.item-total {
    font-size: 14px;
    color: black;
    margin-top: 5px;
}

.price-checkbox:checked ~ .item-total {
    color: green !important;
    transition: color 0.3s ease-in-out;
}

.selected-order {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    padding-top: 10px;
    padding-bottom:  10px;
    
}

.selected-packages-left p {
    color: #fff;
    padding: 7px;
    background-color: #e93b72;
    font-size: 15px;
    font-weight: 700;
}

.selected-packages-right p {
    color: #dd2222;
    font-weight: 700;
    padding-top: 7px;
    padding-bottom: 7px;
}


:target {
    display: table-row; /* Show when targeted */
}

.search__item:nth-child(n+3) {
    display: none;
}

#cowMilkRow:target, 
#buffaloMilkRow:target, 
#goatMilkRow:target,
#cowButterRow:target,
#BuffaloButterRow:target,
#GoatButterRow:target,
#cowGheeRow:target,
#buffaloGheeRow:target,
#goatGheeRow:target,
#curdRow:target,
#cheeseRow:target{
    display: table-row;
}

/* Cart Section End */


/* Scrolling Section Begin */

.scrolling-title-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 60px;
  background: #f9f9f9;
}

.scrolling-title-content {
  position: absolute;
  white-space: nowrap;
  animation: scrollLeftToRight 4s linear infinite;
}

.scrolling-title-content h4 {
  
  animation: colorChange 3s linear infinite;
}

@keyframes colorChange {
  0% { color: black; }
  33% { color: blue; }
  66% { color: purple; }
  100% { color: green; }
}

.scrolling-title-container::before,
.scrolling-title-container::after {
  content: '';
  position: absolute;
  top: 0;
  width: 60px;
  height: 100%;
  z-index: 2;
  background: linear-gradient(to right, #f9f9f9 0%, transparent 100%);
}

.scrolling-title-container::after {
  right: 0;
  background: linear-gradient(to left, #f9f9f9 0%, transparent 100%);
}

@keyframes scrollLeftToRight {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}


/* Scrolling Section End */


/* Profile Milker Card Section Begin*/

/*.profile-card {
  border-radius: 1rem;
  overflow: hidden;
  /*background: #f3f6fa;*/
  background: linear-gradient(180deg, #ffecd2, #e93b72ad);
  /*background: linear-gradient(180deg, #ffecd2, #bcd98f);*/
  transition: all 0.3s ease;
  border: 1px solid rgb(0 0 0 / 5%);
}*/

.accent-bar {
  height: 70px;
  width: 100%;
  background: linear-gradient(90deg, #e93b72,  #00b4d8);
}

.avatar-frame {
  display: inline-block;
  padding: 5px;
  border-radius: 50%;
  background: linear-gradient(90deg, #e93b72,  #00b4d8);
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
}

.avatar-frame:hover {
  transform: scale(1.05);
}

.avatar-img {
  width: 150px;
  height: 150px;
  object-fit: cover;
  border-radius: 50%;
  border: 3px solid #fff;
}

.stat i {
  font-size: 1rem;
  color: #e93b72 !important;
  display: inline-block;
  animation: bounceIcon 1.5s infinite;
}

@keyframes bounceIcon {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}


.stat h5 {
  margin: 0.5rem 0 0;
  font-weight: 700;
  color: #333;
}

.stat small {
  color: #777;
}

.info-line {
  display: flex;
  align-items: center;
  font-size: 17px;
  gap:10px;
  margin-left: 57px;
}


@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.card-fade-in-down {
  animation: fadeInDown 0.8s ease-in-out;
}


/* Profile Milker Card Section End*/


/* Subscription Modal Section Begin*/

.calendar-day-wrapper {
  width: calc(100% / 7 - 4px);
  margin-bottom: 8px;
}

.calendar-date-button {
  width: 100%;
  height: 40px;
  padding: 0;
  border-radius: 6px;
}

.calendar-day-label {
  font-size: 12px;
  color: #555;
  margin-top: 4px;
}

.blurred-date {
  filter: blur(1.5px);
  opacity: 0.5;
  pointer-events: none;
  color: #fff!important;
  background-color: #e93b72 !important;
  border-color: #e93b72;
}

.fake-disabled {
  opacity: 0.6;
  pointer-events: auto; 
 
}

/* Modal Enhancements */

#subscriptionModal .modal-header {
  /*background: linear-gradient(135deg, #00b09b 0%, #96c93d 100%) !important;*/
  background:linear-gradient(90deg, #073978 0%, #e93b72 100%) !important;
  padding: 1rem 1.5rem;
}

#subscriptionModal .modal-title {
  font-size: 1.2rem;
  font-weight: 600;
}

#subscriptionModal .modal-body {
  padding: 1.5rem;
  background: #f9f9f9;
}

/* Product Image */
#modalProductImage {
  max-height: 120px;
  border-radius: 0.75rem;
  border: 1px solid #dee2e6;
}

/* Info Block */
#subscriptionModal .bg-light {
  background: #e9f5ff !important;
}

/* Calendar Styling */
#calendarContainer span.date-cell {
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  margin: 4px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #ced4da;
  transition: 0.2s ease-in-out;
}

#calendarContainer span.date-cell:hover {
  background-color: #e2e6ea;
  cursor: pointer;
}

#calendarContainer span.date-cell.bg-primary {
  background-color: #0d6efd !important;
  color: #fff !important;
  border-color: #0d6efd;
}

/* Date Preview Box */
#datePreview span {
  display: inline-block;
  background: #f0f0f0;
  color: #333;
  margin: 2px;
  padding: 5px 10px;
  border-radius: 8px;
  font-size: 13px;
}

/* Total Price Box */
#totalPrice {
  font-size: 1.1rem;
  font-weight: 600;
}

/* Confirm Button */
#confirmSubscriptionBtn {
  font-size: 1rem;
  padding: 10px 0;
  border-radius: 0.5rem;
}

/* Select/Clear Buttons */
#selectAllBtn,
#clearAllBtn {
  padding: 6px 14px;
  font-size: 14px;
  border-radius: 8px;
}

/* Subscription Modal Section End*/


/* Products Cards Section Begin*/

.product-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  max-width: 1000px;
  margin: 0 auto;
}

/*@media (min-width: 768px) {
  .product-grid {
    grid-template-columns: 1fr 1fr;
  }
  .modal-dialog {
    max-width: 700px;
}
}*/

.product-grid-wrapper {
  padding: 0 1rem; 
}

.card-product {
  display: flex;
  background: #fff;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  transition: box-shadow 0.3s ease;
}
.card-product:hover {
  box-shadow: 0 10px 20px rgba(251, 191, 36, 0.4);
}

.image-container {
  padding-top: 1.5rem;
  padding-left: 0.75rem;
  flex-shrink: 0;
}
.image-container img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 2px solid #e93b72;
  object-fit: cover;
  padding: .5rem;
}

.content {
  padding: 1.5rem;
  /*display: flex;
  flex-direction: column;
  justify-content: center;*/
}

.content h2 {
  font-size: 1.5rem;
  color: #1a1a1a;
  margin-bottom: 0.25rem;
}
.tagline {
  font-weight: 700;
  font-size: 14px;
  color: #6f6f6f;
  margin-bottom: 0.5rem;
  line-height: 1.4rem;
}
.description {
  font-size: 15px;
  color: #555;
  margin-bottom: 1rem;
  line-height: 1.4rem;
}

.center-last {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 2rem; 
}


.view-btn {
  display: inline-block; 
  background-color: #073978;
  color: #fff;
  padding: 0.5rem 1.3rem;
  border-radius: 999px;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  transition: background-color 0.3s ease;
  white-space: nowrap; 
}

.view-btn:hover {
  background-color: #e93b72;
  color: #fff;
}

/* Animations */
@keyframes fadeSlideLeft {
  0% {
    opacity: 0;
    transform: translateX(-30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeSlideRight {
  0% {
    opacity: 0;
    transform: translateX(30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeSlideDown {
  0% {
    opacity: 0;
    transform: translateY(-30px); 
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}


.slide-fade-left {
  animation: fadeSlideLeft 0.8s ease forwards;
  opacity: 0;
}
.slide-fade-right {
  animation: fadeSlideRight 0.8s ease forwards;
  opacity: 0;
}
.slide-fade-down {
  animation: fadeSlideDown 0.8s ease forwards;
  opacity: 0;
}

/* Delay classes */
.delay-100 {
  animation-delay: 0.1s;
}
.delay-200 {
  animation-delay: 0.2s;
}
.delay-300 {
  animation-delay: 0.3s;
}
.delay-400 {
  animation-delay: 0.4s;
}
.delay-500 {
  animation-delay: 0.5s;
}
.delay-600 {
  animation-delay: 0.6s;
}
.delay-700 {
  animation-delay: 0.7s;
}
.delay-800 {
  animation-delay: 0.8s;
}
.delay-900 {
  animation-delay: 0.9s;
}
.delay-1000 {
  animation-delay: 1s;
}
.delay-1100 {
  animation-delay: 1.1s;
}


/* Products Cards Section End*/


/* Products Hover Section Begin*/
.product-modal {
  display: none;
  position: absolute;
  top: 80px; 
  left: -291px;
  width: 100vw;
  /*background: rgba(200, 220, 218, 0.95);*/
  z-index: 9999;
  padding: 11px;
  cursor: pointer;
  /*border: 1px solid #e93b72;*/
  backdrop-filter: blur(8px); 
}


.modal-content {
  /*max-width: 1200px;*/
  margin: 0 auto;
  border: none;
  
}

.categories-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr); 
  justify-items: center;
  gap:20px;
 /* padding-top: 20px;*/
}

/* Category Item */
.category-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.category-item:hover {
  transform: translateY(-5px);
}

.category-item:hover .category-label {
  color: #e93b72;
  font-size: 16px;
    font-weight: 700;
}


/* Circular Image Container */
.category-circle {
  width: 100px;
  height: 100px;
  border: 2px solid #e2edeb;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  transition: border-color 0.3s, box-shadow 0.3s;
  position: relative;
}

.category-circle:hover {
  border-color: #e93b72;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Category Image */
.category-circle img {
  max-width: 80%;
  max-height: 80%;
  object-fit: contain;
  padding: 5%;
}

.category-label {
  text-align: center;
  color: #555;
  font-size: 15px;
}
/*.mprofiletab {*/
/*  cursor: pointer; */
/*  background: #343a40; */
/*  color: #fff; */
/*  padding: 5px; */
/*  width: 70%;*/
/*  border-radius: 5px;*/
/*}*/

.mprofiletab {
    cursor: pointer;
    background: #343a40;
    color: #fff;
    padding: 5px;
    width: 70%;
    border-radius: 5px;
}

/* Responsive Adjustments */
@media (max-width: 640px) {
  .categories-grid {
    grid-template-columns: repeat(3, 1fr); /* 3 columns on mobile */
  }

  .category-circle {
    width: 25vw;
    height: 25vw;
  }

  .category-circle img {
    max-width: 70%;
    max-height: 70%;
  }
}

/* Products Hover Section End*/


/* Choose Milker Cards Section Begin*/

.featured .card-title{
   font-weight: 900;  
  color: #1c1c1c;

} 

/* General card styles */
.featured .card {
  /*background: linear-gradient(135deg, #ffecd2, #e93b72);*/
  background: #e4f2ff;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
  gap:10px;
  border: 1px solid #e93b72 !important;

}


.featured .card:hover {
  transform: translateY(-8px);
  background: linear-gradient(135deg, #e4f2ff, #ffffff);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
}

.featured .card-img-top {
  width: 100%;
  height: 200px;
  object-fit: cover;
    
}

.featured .card-body {
  padding: 30px;
}


/* Card text styling */
.featured .card-text {
  color: #1c1c1c;
  font-size: 0.95rem;
  line-height: 1.5;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .featured .row {
    gap: 20px; 
  }

  .featured .card {
    margin-bottom: 20px;
  }
}

@media (max-width: 576px) {
  .featured .card-img-top {
    height: 200px;
  }

  .featured .card-body {
    padding: 15px;
  }
}

/* Choose Milker Cards Section End*/



/* Our Milker Cards Section Begin*/


.milker-card {
    /*border: 1px solid #e93b72;*/
    border: 1px solid #ccc;
    border-radius: 12px;
    background: #fff;
    transition: all 0.3s ease;
    height: 100%;
    padding: 16px;
    cursor:pointer;
}

.milker-card:hover {
    border-color: #e93b72;
    box-shadow: 0 10px 20px rgba(251, 191, 36, 0.4); 
    /*transform: translate(-3px); */
    transform: scale(0.97); /* Slight zoom out */
}

.milker-img-wrapper {
    position: relative;
    display: inline-block;
}
.milker-img-wrapper img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #e93b72;
}

.online-dot {
    position: absolute;
    bottom: 6px;
    right: 6px;
    width: 15px;
    height: 15px;
    background-color: #28a745;
    border: 2px solid #fff;
    border-radius: 50%;
}


.badge {
    /*font-size: 0.75rem;*/
    padding: 0.35em 0.6em;
    
}

.specialties-section {
  margin-top: 8px;
}

.label-specialties {
  font-size: 0.85rem;
  text-align: left;
  font-weight: 700;
  color: #1c1c1c;
  margin-bottom: 8px;
 
}

.milker-view-btn {
  background-color: #073978;
  border: 1px solid transparent;
  color: #fff;
  font-weight: 600;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  padding: 0.25rem 0.5rem;
  font-size: 0.800rem;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.milker-view-btn:hover {
  background-color: #e93b72; 
}

.specialties-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.badge-specialty {
  display: inline-block;
  background-color: #fff;
  color: #4a4a4a;
  font-size: 0.75rem;
  padding: 4px 8px;
  border-radius: 12px;
  border: 1px solid #d0d8e0;
  white-space: nowrap;
  font-weight: 600;
}


/* Green hover effect */
.dropdown-menu .dropdown-item:hover {
    background-color: #28a745; 
    color: white;
}

/* Our Milker Cards Section End*/

/* Our Milker Features Section Start*/

.milker-container {
  max-width: 1145px;  
  margin: 0 auto;     
  /*padding: 0 20px;  */  
}

.milker-features {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 12px;
  padding: 20px 30px;
  flex-wrap:  nowrap;
  gap: 20px;
  overflow-x: auto; 
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
  cursor: pointer;

}

.feature {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1 1 180px;
  min-width: 160px;
}


.feature i {
  font-size: 35px;
  color: #e91e63;
  transition: transform 0.3s ease;
}

.feature i:hover {
  transform: translateY(-5px);
}

.feature h4 {
  font-size: 17px;
  font-weight: 600;
  color: #1e3a8a; /* Dark blue */
  margin: 0;
}

.feature p {
  font-size: 14px;
  color: #6b7280;
  margin: 0;
}
/* ✅ For very small screens (480px and below) */
@media (max-width: 480px) {
  .milker-features {
    gap: 2px;
    padding: 15px 0px;
  }

  .milker-container {
    padding: 0 20px;    
  }

  .feature {
    min-width: 126px;
   /* gap: 6px;*/
    text-align: center;
    display: inline-block;
  }

  .feature i {
    font-size: 29px;
  }

  .feature h4 {
    font-size: 15px;
    margin-top: 5px;
  }

  .feature p {
    font-size: 12px;
  }
}

/* Our Milker Features Section End*/


/* Milker Community Section Start*/


.milker-banner {
    background-color: #e8f4ff;
    color: #003366;
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    padding: 20px 30px;
    border-radius: 12px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    margin: 20px auto;
    max-width: 90%;
}


/* Milker Community Section End*/


/* Login Modal Buttons Section Start*/


/* Floating “×” Close Button */
.close-float {
  position: absolute;
  top: 10px;
  right: 9px;
  background: #e93b72;
  color: #f5f5f5;
  border: none;
  font-size: 19px;
  font-weight: 700;
  line-height: 1;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.25);
  cursor: pointer;
  display: flex;
  align-items: center;
  border: 1px solid #e93b72;
  justify-content: center;
  transition: all 0.3s ease;
  z-index: 10;
}

.close-float:hover {
  background: #e91e63;
  color: #fff;
  transform: scale(1.1);
}

.login-input {
  background: #f9f9ff;
}

.register-input {
    background: #f9f9ff 
}

.btn-pink {
  background-color: #e93b72;
  color: #fff;
  border: none;
  transition: background 0.3s ease;
}
.btn-pink:hover {
  background-color: #c2185b;
  color: #fff;
}


/* Pink outline button */
.btn-outline-pink {
	border: 2px solid #e93b72;
  color: #e91e63; /* text color */
  /*border-color: #e91e63; */
  background-color: transparent !important;
  transition: 0.3s;

}

/* Hover, active, focus states */
.btn-outline-pink:hover,
/*.btn-outline-pink:focus,*/
.btn-outline-pink.active {
  background-color: #e91e63 !important; 
  color: #fff; 
  border-color: #e91e63 !important;
  /*box-shadow: 0 0 0 0.25rem rgba(233, 30, 99, 0.25); */
}



/* Responsive */
@media (max-width: 768px) {

  .close-float {
    font-size: 17px;
    width: 25px;
    height: 25px;

}
  
  .milker-login-right {
    display: none;
  }
  .close-float {
    top: 12px;
    right: 12px;
  }
}


/* Login Modal Buttons Section End*/


/* Milker Side Bar Social Icon Start*/

.social-circle {
    width: 40px;
    height: 40px;
    border: 2px solid #073978;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #073978;
    font-size: 20px;
    text-decoration: none;
    transition: 0.3s;
}

.social-circle:hover {
    background: #e93b72;
    color: #fff;
    transform: translateY(-3px);
    border: 2px solid #e93b72;
}



/* Milker Side Bar Social Icon End */


/* Milker Search Bar & Sort By Section Start */

.d-flex-search-sort {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    gap: 15px;
    flex-wrap: nowrap; 
}

/* Search box area */
.search-wrapper {
    flex: 1 1 auto; /* grow, shrink, auto basis */
    max-width: 65%;  /* max width of search */
    min-width: 180px;
}

/* Sort area */
.sort-container {
    flex: 0 0 auto; /* no shrink */
    max-width: 35%; 
    min-width: 140px;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Responsive tweaks: keep same layout on mobile */
@media (max-width: 480px) {
    .search-wrapper {
        max-width: 50%;  /* same ratio as desktop */
    }
    .sort-container {
        max-width: 45%;  /* same ratio as desktop */
    }
    .sort-dropdown {
        min-width: 100px !important; 
    }
    .sort-btn {
        padding: 5px 8px !important;
        font-size: 13px !important;
    }
    .search-boxs {
        padding: 6px 12px!important; 
    }
    .search-boxs i {
        font-size: 15px!important;
    }
}


/* Sort dropdown button */
.sort-btn {
    padding: 9px 18px;
    font-size: 15px;
    border: 1px solid #6b85a0 !important;
    background-color: #fff;
}

/* Search Box */
.search-boxs {
    width: 100%;
    background: #fff;
    border: 1px solid #6b85a0;
    border-radius: 50px;
    padding: 9px 20px;
    display: flex;
    align-items: center;
    position: relative;
}

.search-boxs input {
    border: none;
    outline: none;
    width: 100%;
    font-size: 16px;
    background: transparent;
    color: #073978;
}

.search-boxs i {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    color: #073978;
}

/* Wrapper */
.sort-dropdown {
    position: relative;
    min-width: 150px;
}


/* Dropdown menu */
.sort-menu {
    border-radius: 15px;
    padding: 0;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
}

/* Each option */
.sort-menu .dropdown-item {
    padding: 10px 15px;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Hover style */
.sort-menu .dropdown-item:hover {
    background: #d1ecf1;
    color: #212529;
}
/* Active selected style */
.sort-menu .dropdown-item.active {
    /*background: #e2ecff;*/
    background: #073978;
    font-weight: 600;
    color: #fff;
}

/* Milker Search Bar & Sort By Section End */