/*======================================
		COMMON CSS START
======================================*/
body{
	overflow-x: hidden;
	color: #1a1a1a;
	/* color: var(--primary); */
	/* color: #a1cae2; */
    font-size: 14px;
    line-height: 24px;
    font-style: normal;
    font-weight: 400;
    font-family: var(--pfamily);
}
.body-layout{
	width: 95%;
	margin: 0 auto;
}
*{
	margin: 0;
	padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p{
	padding: 0;
	margin: 0;
}
ul,
ol{
	list-style: none;
}
a{
	text-decoration: none !important;
	color: #4f5d77;
}
i{
	color: var(--primary);
	margin-right: 3px;
}
img{
    object-fit: contain;
}
.container{
	padding: 0;
	margin: 0 auto;
}
.mobile-navigation-bar{
    display: none !important;
}
/* Colorful Checkbox CSS Start*/
.sb-checkbox{
	display: flex;
	align-items: center;
}
.sb-checkbox__input {
	display: none;
  }
  .sb-checkbox__input:checked + .sb-checkbox__label:after {
	opacity: 1;
  }
  .sb-checkbox__label {
	display: inline-block;
	width: 16px;
	height: 16px;
	position: relative;
	cursor: pointer;
	margin-bottom: 0 !important;
	margin-right: 5px;
  }
  .sb-checkbox span{
	margin-top: 2px;
}
  .sb-checkbox__label:before {
	content: "";
	width: 16px;
	height: 16px;
	border: 1px solid;
	box-sizing: border-box;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 1px;
  }
  .sb-checkbox__label:after {
	content: "done";
	font-family: "Material Icons";
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	width: 16px;
	height: 16px;
	display: block;
	border-radius: 1px;
	overflow: hidden;
	text-align: center;
	opacity: 0;
	transition: 0.2s opacity;
  }
  .sb-checkbox__label--green:before {
	border-color: var(--primary);
  }
  .sb-checkbox__label--green:after {
	background-color: var(--primary);
	color: #fff;
  }
  @font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/materialicons/v126/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
  }

  .material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
  }
/* Colorful Checkbox CSS End*/

.text-hover:hover{
	color: var(--primary);
	text-shadow: 0px 0px 1px rgba(0,0,0,0.4);
}
.theme-button a {
    display: inline-block;
    border-radius: 7px;
    color: white;
    background: var(--primary);
    font-size: 16px;
    font-family: 'PT Sans', sans-serif;
    text-transform: capitalize;
    padding: 7px 15px;
    border: 1px solid var(--primary);
    transition: 0.5s;
}
.theme-button a i{
	color: white;
	font-size: 13px;
	margin-top: 3px;
	transition: 0.5s;
}
.theme-button a:hover i{
	color: white;
	margin-left: 8px;
}
	/* theme button 2  */
.theme-button2 a {
    display: inline-block;
    border-radius: 7px;
    color: var(--primary);
    background: white;
    font-size: 16px;
    font-family: 'PT Sans', sans-serif;
    text-transform: capitalize;
    padding: 7px 15px;
    border: 1px solid var(--primary);
    transition: 0.5s;
}
.theme-button2 a i{
	color: var(--primary);
	font-size: 13px;
	margin-top: 3px;
	transition: 0.5s;
}
.theme-button2 a:hover{
	color: white;
	background-color: var(--primary);
	border: 1px solid var(--primary);
}
.theme-button2 a:hover i{
	color: white;
	margin-left: 8px;
}
.title{
    margin-bottom: 20px;
    margin-left: 10px;
}
.title h4{
	color: #353935;
	font-size: 30px;
	font-family: 'PT Sans', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
}
.title .color{
	color: var(--primary) !important;
	font-size: 30px;
	font-family: 'PT Sans', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	margin-left: 5px;
}
section{
	margin-bottom: 50px;
}
.type-percentage{
    background-color: #ff75a0 !important;
}
.type-new{
    background-color: #99bbad !important;
}
.type-sell{
    background-color: #a1cae2 !important;
}
.type-hot{
    background-color: #ff75a0 !important;
}
 /* for slider arrow */
 .slick-arrow {
    height: 35px;
    width: 35px;
    background: #e8f6ea;
	border: 1px solid #cce7d0;
    color: var(--primary);
    border-radius: 50%;
    text-align: center;
    line-height: 35px !important;
    position: absolute;
    transform: translateX(-50%);
    cursor: pointer;
    transition: 0.4s;
    z-index: 80;
}
.slick-arrow:hover{
	background: var(--primary);
	border: 1px solid var(--primary);
    color: white;
}
/*======================================
		    Common CSS END
======================================*/
/* ========================================
        Account sidebar css start
========================================= */

.account-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9950;
    background-color:  var(--white);
    width: 70%;
}
.account-sidebar .account-category-cross{
    position: absolute;
    right: -13px;
    top: 0px;
    background: white;
    color: black;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
}
.account-sidebar .main .item .item-body .img{
    width: 35px;
}
.account-sidebar .main .item .item-body .img img{
    height: 100%;
    width: 100%;
}
.account-sidebar .account-head{
    display: flex;
    justify-content: center;
    background-color:  var(--white);
    box-shadow: inset 0px -1px 2px 0px rgba(0, 0, 0, 0.4);
}
.account-sidebar .account-head a{
    width: 150px;
    margin: 10px;
}
.account-sidebar .account-head img{
    width: 100%;
    height: 100%;
}
.account-sidebar .main {
    padding: 15px 0;
    background: #f5f5f5;
    height: 100vh;
}
.account-sidebar .main .item{
    justify-content: space-evenly;
    margin: 10px 0;
    text-align: center;
}
/* .account-sidebar .main .item .text{

} */
.account-sidebar .main .item .text span{
    font-size: 12px;
}
.account-sidebar .main .item .item-body{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 78px;
    margin: 4px 0;
}
.account-sidebar .main .item .item-body .text{
    line-height: 18px;
}
/* ========================================
        Account sidebar css end
========================================= */

/*======================================
		    HEADER CSS END
======================================*/
header {
    padding: 5px 0 3px 0;
    background-color: var(--primary);
    /* border-bottom: 2px solid #39b4ac; */
}
header .header-left .academy{
	margin: 0 30px;
	position: relative;
}
header .header-left a {
    font-weight: 500;
    color: #fff;
    letter-spacing: -0.3px;
    font-size: 12px !important;
}
header .header-left .academy::after{
	content: '';
	position: absolute;
	top: 2px;
	right: -12px;
	background-color: rgb(79, 93, 119, 0.4);
	height: 85%;
	width: 1px;
}
header .header-left .academy::before{
	content: '';
	position: absolute;
	top: 2px;
	left: -12px;
	background-color: rgb(79, 93, 119, 0.4);
	height: 85%;
	width: 1px;
}
header .header-left .gift a {
    display: inline-block;
    color: white;
    background-color: var(--primary);
    padding: 1px 8px;
    line-height: 17px;
    border-radius: 5px;
}
header .header-left span i{
    color: white;
}

header .header-middle{
	justify-content: center;
}
header .header-middle .price{
	margin: 0 15px;
}
header .header-middle a {
    font-weight: 500;
    color: #fff;
    letter-spacing: -0.3px;
    font-size: 12px !important;
}
header .header-middle span i{
    color: white;
}
header .header-right{
    justify-content: end;
}
header .header-right a {
    letter-spacing: -0.3px;
    font-size: 12px !important;
    color: white;
}
header .header-right .login a i{
    color: white;
}
header .header-right .location{
	margin-right: 30px;
	position: relative;
	cursor: pointer;
}
header .header-right .location::after{
	content: '';
	position: absolute;
	top: 2px;
	right: -12px;
	background-color: rgb(79, 93, 119, 0.4);
	height: 85%;
	width: 1px;
}
header .header-right .location .location-body {
    opacity: 0;
    background-color: white;
    position: absolute;
    bottom: -10px;
    right: -10px;
    z-index: 10;
    padding: 10px 42px 10px 20px;
    transition: 0.4s;
}
header .header-right .location:hover .location-body{
	opacity: 1;
	bottom: -50px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
header .header-right .location-body img{
	width: 50%;
    height: 13px;
	margin-right: 8px;
}
header .header-right .location-body .d-flex{
	align-items: center;
}
header .header-right .location i{
	margin-left: 3px;
}
header .header-right .register{
	margin: 0 10px 0 0;
}
header .header-right .login i{
	font-size: 16px;
}
/*======================================
		    HEADER CSS END
======================================*/
/*======================================
		  SEARCH BAR CSS START
======================================*/
.search-bar {
    padding: 10px 0 5px 0;
}
.search-bar .logo{
	width: 200px;
    height: 70px;
}
.search-bar .logo img{
	width: 100%;
    height: 100%;
}
.search-bar .search input{
    width: 100%;
    padding: 7px 20px;
	border-radius: 4px;
	border: 1px solid rgb(79, 93, 119, 0.4);
}
.search-bar .search input:focus-visible{
	outline: none;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
.search-bar .middle-part .search{
	position: relative;
	width: 90%;
}
.search-bar .middle-part .search button {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    color: white;
    background: var(--primary);
    padding: 8px 18px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    outline: none;
    border: none;
}
.search-bar .middle-part .search i {
    color: white;
    margin-right: 0;
}
.search-bar .middle-part{
    margin-top: 14px;
	justify-content: center;
}
.search-bar .middle-part .search input::placeholder{
	font-weight: 400;
	font-family: "Lato", sans-serif;
	color: #1a1a1a;
	font-size: 15px;
}
.search-bar .icon {
    justify-content: end;
    margin-top: 13px;
    position: relative;
}
.search-bar .icon i{
	font-size: 24px;
}
.search-bar .icon .heart{
	margin: 0 30px;
}
.search-bar .icon .item{
	position: relative;
	cursor: pointer;
}
.search-bar .icon .item .betal {
    /* position: absolute;
    top: -13px;
    right: -10px; */
    border: 1px solid var(--primary);
    height: 20px;
    width: 20px;
    color: white;
    background-color: var(--primary);
    border-radius: 50%;
    display: flex;
    font-weight: bold;
    font-size: 10px;
    justify-content: center;
    align-items: center;
}
.search-bar .icon .item .item-title{
    font-size: 12px;
}
.search-bar .icon .item a{
    display: flex;
    align-items: center;
}
.search-bar .icon .shop-bag .betal {
    /* top: -13px;
    right: -11px; */
}
.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: var(--primary);
    border-radius: .25rem;
}
.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 5px 5px 0;
    border-top-color: var(--primary);
}
/*======================================
		  SEARCH BAR CSS END
======================================*/
/*======================================
		    NAVBAR CSS START
======================================*/
/* nav fixed css start */
.nav_fix{
	transition: 0.6s;
}
.fixed{
	padding:0 !important;
	position: fixed !important;
	z-index: 999;
	width: 100%;
	margin-top: -36px;
	background-color: #ffffff;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	transition: 0s;
}
.fixed .search-bar{
	padding: 5px 0 0px 0;
}
/* nav fixed css end */
nav{
	padding: 0 !important;
}
nav .nav-link{
	position: relative;
}
nav .nav-item:first-child .nav-link{
	margin: 8px 10px 8px 0px !important;
}
nav .nav-item:last-child .nav-link{
	margin: 8px 0px 8px 10px !important;
	padding-right: 0 !important;
}
nav .mega-menu-item .nav-link{
	margin: 8px 6px !important;
	text-transform: capitalize;
}
nav.navbar .navbar-nav .nav-link i {
    color: black;
    font-size: 12px;
    font-weight: 300;
}

nav.navbar .navbar-nav .nav-item:hover .nav-link i{
    color: var(--primary);
}
nav.navbar .navbar-nav .nav-item:hover .nav-link {
    color: var(--primary) !important;
}
nav.navbar .navbar-nav .home-page .nav-link i{
    color: #1a1a1a !important;
    font-size: 16px !important;
}
nav.navbar .navbar-nav .home-page:hover .nav-link i{
    color: var(--primary) !important;
}
nav .nav-item .nav-link {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 8px 10px;
    font-weight: 600;
    font-size: 13px !important;
    text-transform: uppercase;
    letter-spacing: -0.2px;
}
nav .nav-item:hover .nav-link{
	color: var(--primary) !important;
}
nav .nav-item .nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0px;
    height: 2px;
    width: 0%;
    background-color: var(--primary);
    transition: 0.4s;
}
nav .home-page.active .nav-link::after{
	width: 100%;
}
nav .nav-item:hover .nav-link::after{
	width: 100%;
}
/* nav .nav-item .nav-link::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0px;
    height: 2px;
    width: 0%;
    background-color: var(--primary);
    transition: 0.4s;
}
nav .home-page.active .nav-link::before{
	width: 100%;
}
nav .nav-item:hover .nav-link::before{
	width: 100%;
} */
nav .menu-item{
	position: relative;
}
nav .menu-item .menu-dropdown {
    position: absolute;
    top: 0px;
    left: -25px;
    background-color: white;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    padding: 10px 10px;
	display: none;
	width: 120px;
    z-index: 99;
}
nav .menu-item:hover .menu-dropdown{
	top: 40px;
	display: block;
}
nav .nav-item.mega-menu-item .category-link {
    display: flex;
    align-items: center;
}
nav .nav-item.mega-menu-item .category-name {
    margin-top: 4px;
}
nav .nav-item.mega-menu-item .category-img {
    width: 20px;
    height: 20px;
    margin-right: 3px;
}
nav .menu-item .menu-dropdown ul li{
	padding-left: 5px;
}
nav .menu-item .menu-dropdown ul li:hover{
	background-color: var(--primary);
}
nav .menu-item .menu-dropdown ul li:hover a{
	color: white;
}
nav .menu-item1-mobile{
	display: none;
}
nav .mega-menu-item1-mobile{
	display: none;
}
	/* css for mega menu */
nav .dont-show-this{
	display: none;
}
nav .megamenu-content{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	/* height: 100vh; */
	background-color: rgb(79, 93, 119, 0.1);
	z-index: 90;
}
nav .megamenu-content .main{
	/* padding: 30px 20px; */
	padding: 20px 20px 15px 20px;
	background-color: white;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    max-height: 60vh;
    overflow-y: auto;
}
nav .megamenu-content .main h5{
	font-size: 16px;
	margin-bottom: 10px;
}
nav .megamenu-content .main .item .menu-title a{
	font-size: 14px;
	margin-bottom: 10px;
    font-weight: bold;
    width: 100%;
}
nav .megamenu-content .main .item .menu-title a .img {
    width: 25px !important;
    height: 25px !important;
    border-radius: 20px;
    display: inline-block;
}
nav .megamenu-content .menu-body{
	margin-bottom: 20px;
}
nav .megamenu-content .menu-body ul li{
	font-size: 13px;
}
nav .megamenu-content .menu-body ul li a{
	margin: 0 !important;
	transition: 0.6s;
}
nav .megamenu-content .menu-body ul li a:hover{
	margin-left: 5px !important;
	color: var(--primary);
}
nav .megamenu-content .item .img img{
	width: 100%;
	height: 100%;
}
nav .megamenu-content .megamenu-down{
	margin-top: 20px;
	justify-content: space-between;
}
nav .megamenu-content .megamenu-down .item{
	display: flex;
	justify-content: center;
	align-items: center;
}
nav .megamenu-content .megamenu-down .item h4{
	font-size: 16px;
}
nav .megamenu-content .megamenu-down .item img{
	width: 80px;
	height: 100%;
}



nav .mobile-search{
	display: none;
	position: relative;
}
nav .mobile-login{
	display: none;
	margin-top: 20px;
}
nav .mobile-footer{
	display: none;
}
nav .close-menu {
    display: none;
    font-size: 16px;
    height: 35px;
    width: 35px;
    line-height: 35px;
    background: #fff;
    text-align: center;
    color: #fff;
    margin: -19px -15px 0 0;
    margin-left: auto;
}
nav .close-menu i{
	margin-right: 0 !important;
}
nav .mobile-logo{
	display: none;
	width: 120px;
	margin: 0 auto;
	margin-bottom: 30px;
}
nav .mobile-logo a img{
	height: 100%;
	width: 100%;
}
nav .mobile-search-icon {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 30;
    background-color: var(--primary);
    padding: 9px 15px;
    color: #fff;
    margin-top: 3px;
    border-radius: 4px;
}
nav .mobile-search input::placeholder{
	font-size: 14px;
}
nav .mobile-footer{
	margin-top: 30px;
	position: relative;
}
nav .mobile-footer::after{
	content: "";
	background-color: #cce7d0;
	width: 74%;
	height: 1px;
	position: absolute;
	top: -10px;
	left: 0;
	z-index: 20;
}
nav .mobile-footer span{
	font-size: 13px;
}
nav .mobile-login .register{
	margin-right: 15px;
}
nav .mobile-login i{
	font-size: 13px;
}
nav .mobile-login a{
	font-size: 13px;
}
.fixed .navbar-collapse{
	top: -14px;
}
nav.navbar{
    background-color: transparent;
    border-bottom: 1px solid #e2e9e1;
}
nav.navbar .navbar-nav .nav-link {
    color: #1a1a1a !important;
}


/* live search start */
.auto-complete-div {
    background-color: #fff;
    margin-top: 10px;
    border-radius: 6px;
    border: 2px solid #efefef;
    position: absolute;
    width: 90%;
    display: none;
    margin-left: 0px;
    z-index: 99;
}
.search-bar .middle-part {
    position: relative;
}
.auto-complete-list {
    min-height: 20px;
    max-height: 280px;
    overflow-y: scroll;
    margin-bottom: 0;
}
.auto-complete-item{
    display: flex;
}
.auto-complete-item .prod-image {
    width: 50px;
    height: 46px;
    padding: 5px;
}
.auto-complete-item .prod-image img{
    width: 100%;
    height: 100%;
}
.auto-complete-item .price-sku {
    padding-left: 5px;
}
.auto-complete-item .price {
    margin-right: 0px;
    color: var(--primary);
}
.auto-complete-item{
    cursor: pointer;
}
.auto-complete-category-item{
    cursor: pointer;
}
.auto-complete-category-item button {
    cursor: pointer;
    width: 100%;
    border: none;
    background: transparent;
    text-align: left;
    padding-left: 8px;
    font-weight: 500;
}
.auto-complete-category-item button:focus{
    outline: none !important;
    border: none;
}
.auto-complete-div .common-suggestions {
    background: lightblue;
    text-align: right;
    text-transform: uppercase;
    padding-right: 10px;
    font-size: 12px;
    font-weight: 700;
}
.auto-complete-item .space{
    margin: 0 10px;
    color: var(--primary);
}
.auto-complete-item .sku{
    color: var(--primary);
}
.auto-complete-item a {
    width: 100%;
    padding: 5px;
    color: #000 !important
}
.category-list.auto-complete-list {
    overflow-y: hidden !important;
}
.auto-complete-item:hover {
    background-color: #efefef
}

.auto-complete-item-link {

}

.auto-complete-item-link i {
    margin-right: 10px;
    margin-left: 6px
}

.t-decoration-none {
    text-decoration: none !important
}
/* /live search */

/*======================================
		    NAVBAR CSS END
======================================*/
/*======================================
		    BANNER CSS START
======================================*/
.banner{
	position: relative;
}
.banner .item .overlay{
    background: rgb(0, 0, 0,0.6);
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 95px 0;
}
.banner .item .see-more-btn img{
    margin: 0 auto;
}
.banner .item .overlay h3{
	font-size: 58px;
	font-family: 'Luckiest Guy', cursive;
	text-transform: uppercase;
	color: var(--primary);
	margin-bottom: 8px;
}
.banner .item .overlay h4{
	font-size: 46px;
	font-family: 'Luckiest Guy', cursive;
	text-transform: uppercase;
	margin: 10px 0 10px 0;
    color: #fff;
}
.banner .item .overlay p{
    color: #ffffff;
}
.banner .item .overlay h5{
	font-size: 18px;
	font-family: 'Roboto', cursive;
	text-transform: uppercase;
    color: #fff;
}
.banner .item .overlay .see-more-btn{
	margin-top: 40px;
}
.banner .item .overlay .see-more-btn a{
	position: relative;
}
.banner .item .overlay .see-more-btn a span {
    position: absolute;
    top: 12px;
    left: -24px;
    color: #fff;
    width: 64px;
    font-weight: bold;
}
.banner .item .right .img{
	height: 450px;
}
.banner .item .right img{
	width: 100%;
	height: 100%;
}
/* Slider arrows */
.banner .slick-arrow {
    top: 50%;
}
.banner .up_arrow{
	left: 40px;
}
.banner .bottom_arrow{
	right: 5px;
}
/* after api */
.banner .item .img img{
    width: 100%;
    height: 100%;
    /* height: 60vh; */
}
/*======================================
		    BANNER CSS END
======================================*/
/*======================================
		   CATEGORY CSS START
======================================*/
.category{
	position: relative;
}
.category .category-body .item .img img{
	width: 100%;
	height: 100%;
	border-radius: 0px;
	transform: scale(1);
	cursor: pointer;
	transition: 0.4s;
    padding: 10px;
}
.category.highlight-services .category-body .item .img img{
	width: 100px; /* PAVEL VAI */
	height: 100%;
	border-radius: 0px;
	transform: scale(1);
	cursor: pointer;
	transition: 0.4s;
    padding: 10px;
}
.all-brand-section.category .category-body .item .img img {
    border-radius: 10px;
}
.category .category-body .item .img {
    border-radius: 0px;
    overflow: hidden;
    /* height: 185px; */
}
.category .category-body .category_slider .item .img {
    height: 210px !important;
}
.category .category-body .brand_slider .item .img {
    height: 120px !important;
}
.highlighted-services{
    justify-content: center !important; /* PAVEL VAI */
}
.category .category-body .item{
    background: #fff;
    text-align: center;
    /* border: 1px solid #cce7d0; */
    border-radius: 4px;
	padding: 1px 15px 1px 15px;
	margin: 0 6px;
    width: 16.7%;
	transition: 0.5s;
}
.category .category-body .get-homepage-categories .item{
    width: 100%;
}
.category.highlight-services .category-body .item{
    background: #fff;
    text-align: center;
    /* border: 1px solid #cce7d0; */
    border-radius: 4px;
	padding: 1px 1px 1px 1px;
	margin: 0 6px;
    width: 10%; /* PAVEL VAI */
	transition: 0.5s;
}
.highlight-brand .category .category-body .item {
    margin: 5px 6px !important;
}
.all-category .category-body .item{
    width: 100%;
}
.category .category-body .item:first-child{
    margin-left: 0;
}
.category .category-body .item:last-child{
    margin-right: 0;
}
.category .category-body .item:hover{
	/* border: 1px solid var(--primary); */
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
.category .category-body .owl-item .item:hover{
	box-shadow: none;
}
.category .category-body .item .text p {
    transition: 0.5s;
    display: inline-block;
    width: 100%;
    border-radius: 4px;
    font-weight: bolder;
    font-size: 13px;
    color: var(--primary);
}
.category .category-body .get-homepage-categories .item .text p {
    width: 90%;
}
.homepage-testimonials .owl-item{
    transition: 300ms;
}
.homepage-testimonials .testimonial-slider:hover .slick-arrow {
    opacity: 1;
}
.homepage-testimonials .testimonial-slider.owl-carousel{
    min-height: 250px;
}
.homepage-testimonials .testimonial-slider .up_arrow {
    left: 27px;
    top: 30%;
    transform: translate(0%, 50%);
}
.homepage-testimonials .testimonial-slider .bottom_arrow{
    right: 27px;
    top: 30%;
    transform: translate(0%, 50%);
}
.homepage-testimonials .owl-item .testimonial-card{
    height: 180px;
    opacity: 0.7;
    border-radius: 4px;
    margin: 20px 40px;
}
.homepage-testimonials .testimonial-card i {
    font-size: 18px;
    margin-bottom: 5px;
}
.homepage-testimonials .owl-item.active.center .testimonial-card{
    margin: 0;
    width: 100%;
    height: 220px;
    opacity: 1;
}
.homepage-testimonials .testimonial-card p {
    font-size: 14px;
}
.homepage-testimonials .testimonial-card h5 {
    font-size: 16px;
}
.homepage-testimonials .testimonial-card img {
    width: 60px !important;
    height: 60px;
    margin: 0 auto;
}
.homepage-testimonials .testimonial-slider-width {
    width: auto;
}
.category .category-body .item:hover .text p{
	color: var(--primary);
	/* font-size: 15px; */
    font-weight: bolder;
}
.category .category-body .cat-bg-0{
    background-color: #fff2e5 !important;
}
.category .category-body .cat-bg-1{
    background-color: #d1e8f2 !important;
}
.category .category-body .cat-bg-2{
    background-color: #fddde4 !important;
}
.category .category-body .cat-bg-3{
    background-color: #cdebbc !important;
}
.category .category-body .cat-bg-4{
    background-color: #f6dbf6 !important;
}
.category .category-body .cat-bg-5{
    background-color: #cdd4f8 !important;
}
.category .category-body .cat-bg-6{
    background-color: #fff2e5 !important;
}
.category .category-body .cat-bg-7{
    background-color: #d1e8f2 !important;
}
.category .category-body .cat-bg-8{
    background-color: #fddde4 !important;
}
.category .category-body .cat-bg-9{
    background-color: #cdebbc !important;
}
.category .category-body .cat-bg-10{
    background-color: #f6dbf6 !important;
}
.category .category-body .cat-bg-11{
    background-color: #cdd4f8 !important;
}
.category .category-body .cat-bg-12{
    background-color: #fff2e5 !important;
}
.category .category-body .cat-bg-13{
    background-color: #d1e8f2 !important;
}
.category .category-body .cat-bg-14{
    background-color: #fddde4 !important;
}
.category .category-body .cat-bg-15{
    background-color: #cdebbc !important;
}
.category .category-body .cat-bg-16{
    background-color: #f6dbf6 !important;
}
.category .category-body .cat-bg-17{
    background-color: #cdd4f8 !important;
}
.category .category-body .cat-bg-18{
    background-color: #fff2e5 !important;
}
.category .category-body .item:hover .img img{
	transform: scale(1.1);
}
.category .category-body .item .text{
	margin: 5px 0 5px 0;
}
/* category slider arrows */
.category .slick-arrow {
    top: -48px;
}
.category .up_arrow{
	right: 35px;
}
.category .bottom_arrow{
	right: -5px;
}
/*======================================
		   CATEGORY CSS END
======================================*/
/*======================================
		   OFFER CSS START
======================================*/
.offer .item {
    padding: 0px 0px;
    transition: 0.5s;
    /* height: 150px; */
    display: flex;
    justify-content: end;
    width: 100%;
    align-items: end;
    position: relative;
}
.offer .item p{
	font-size: 13px;
    color: black;
    opacity: 0.6;
	font-family: 'PT Sans', sans-serif;
}
.offer .item h5{
	font-family: 'PT Sans', sans-serif;
	font-weight: bold;
	color: #086e68;
	width: 160px;
	opacity: 0.8;
	margin-bottom: 10px;
}
.offer .item .promotion-btn{
	font-family: 'PT Sans', sans-serif;
	font-weight: thin;
	transition: 0.5s;
    position: absolute;
    bottom: 10px;
    left: 20px;
}
.offer .item:hover a{
	font-size: 15px;
}
.offer .item a i{
	font-size: 12px;
	margin-top: 3px;
	transition: 0.6s;
}
.offer .item:hover a i{
	margin-left: 8px;
}
/*======================================
		   OFFER CSS END
======================================*/
/*======================================
		   PRODUCT CSS START
======================================*/
.product{
	margin-top: 20px;
}
.product .title-container{
	position: relative;
}
.product .title-container .title{
	position: absolute;
	top: 3px;
	left: 0;
	margin: 0 !important;
}
.product .main{
	flex-wrap: wrap;
	/* justify-content: space-between; */
	margin-top: 30px;
	padding: 0 !important;
}
.product .button-tab{
	text-align: left;
}
.product .button-tab button {
    padding: 7px 10px;
    margin: 0px 1px;
    border: 1px solid #eeeeee;
    background: #eeeeee;
    color: var(--primary);
    outline: none;
    border-radius: 5px;
    font-size: 13px;
    transition: 0.4s;
    font-weight: 600;
}
.offer-product-section .title-container .nav-item .nav-link {
    padding: 7px 10px;
    margin: 0px 5px 0 0;
    border: 1px solid #eeeeee;
    background: #eeeeee;
    color: var(--primary);
    outline: none;
    border-radius: 5px !important;
    font-size: 13px;
    transition: 0.4s;
    font-weight: 600;
}
.product .button-tab .mixitup-control-active{
	background: #fde1bd !important;
	color: var(--primary) !important;
	border-color: #eeeeee !important;
}
.offer-product-section .title-container .nav-item .active{
	background: #fde1bd !important;
	color: var(--primary) !important;
	border-color: #eeeeee !important;
}
.product .mix{
	margin-bottom: 35px;
	display: inline-block;
    width: 20%;
}
	/* for mixit up css end */
.product .item {
	background-color: #fff;
	border: 1px solid #cce7d0;
	border-radius: 14px;
	position: relative;
	padding: 13px 13px 20px 13px;
	margin: 0 0px;
	cursor: pointer;
	transition: 0.4s;
}
.product .item:hover {
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
.product .item .img{
	overflow: hidden;
	border-radius: 10px;
	position: relative;
}
.product .item .img .hover-image{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 10;
}
.product .item:hover .img .hover-image{
	opacity: 1;
}
.product .item .img .overlay-icon{
	position: absolute;
    top: 120px;
    left: 70px;
	transform: scale(0);
	opacity: 0;
	z-index: 19;
	transition: 0.4s;
}
.product .item:hover .img .overlay-icon{
	/* transform: scale(1); */
	opacity: 1;
}
.product .item .overlay-icon i{
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50px;
    background-color: #ffffff;
    text-align: center;
    margin-right: 3px;
    display: inline-block;
    border: 1px solid var(--primary);
	color: var(--primary);
	cursor: pointer;
	transition: 0.4s;
}
.product .item .overlay-icon i:hover{
	color: white;
	background-color: var(--primary);
}
.product .item .img img{
	height: 100%;
	width: 100%;
	transform: scale(1);
	transition: 0.6s;
}
.product .item:hover .img img{
	transform: scale(1.1);
}
.product .item .text{
	margin-top: 20px;
}
.product .item .text p{
	text-transform: capitalize;
	opacity: 0.6;
}
.product .item .text h4{
    font-size: 18px;
    text-transform: capitalize;
	color: #1a1a1a;
	opacity: 0.8;
}
.product .item .text h4 a{
	color: #1a1a1a !important;
}
.product .item .text .rating{
	margin-bottom: 13px;
}
.product .item .text .rating i{
	color: #ffb300;
	font-size: 10px;
}
.product .item .text .rating span{
	color: var(--primary);
}
.product .item .text .price span{
	font-weight: bold;
	margin-right: 10px;
	color: var(--primary);
	font-size: 16px;
}
/* .product .item .my-icon{
    position: absolute;
    bottom: 18px;
    right: 18px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50px;
    background-color: #ffffff;
    text-align: center;
    margin-right: 3px;
    display: inline-block;
    border: 1px solid var(--primary);
	color: var(--primary);
	cursor: pointer;
	transition: 0.4s;
}
.product .item .my-icon:hover{
	color: white;
	background-color: var(--primary);
} */
.product .item .type {
    position: absolute;
    top: 17px;
    left: 17px;
    background-color: var(--primary);
    color: white;
    padding: 0px 5px;
    font-size: 11px;
    line-height: 19px;
    border-radius: 7px;
    z-index: 20;
}
.price del{
    color: #90908e;
    font-size: 13px;
}
.pro-details-categories-info .product-category{
    margin-left: 110px;
}
.product-details-content .pro-details-quality {
    margin: 15px 0;
}
/*======================================
		   PRODUCT CSS END
======================================*/
/*======================================
		   SERVICE CSS START
======================================*/
.theme-button {
    position: absolute;
    bottom: 25px;
    left: 40px;
}
.service .main{
	/* padding: 155px 40px 40px 40px; */
	padding: 0px;
    /* height: 235px; */
}
.service .main p{
	font-size: 17px;
	font-family:'Lato', sans-serif;
	color: #1a1a1a;
	font-weight: 600;
	opacity: 0.9;
}
.service .main .h4{
	margin: 5px 0 20px 0;
}
.service .main .h4 h4{
	font-weight: 600;
	color: var(--primary);
	font-size: 36px;
	font-family:'PT Sans', sans-serif;
}
/*======================================
		   SERVICE CSS END
======================================*/
/*======================================
		NEW-ARRIVAL CSS START
======================================*/
.new-arrival{
	position: relative;
}
.new-arrival .item {
	background-color: #fff;
    border: 1px solid #cce7d0;
	border-radius: 14px;
	position: relative;
	padding: 10px 10px 10px 10px;
	margin: 0 10px;
	cursor: pointer;
	transition: 0.4s;
}
.new-arrival .item:hover{
	box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
}
.new-arrival .item .img{
	overflow: hidden;
	border-radius: 5px;
	position: relative;
	height: 190px;
}
.width-20-percent {
    width: 19%;
    margin: 0 6px;
}
.new-arrival .item .img .hover-image{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 10;
}
.new-arrival .item:hover .img .hover-image{
	opacity: 1;
}
.new-arrival .item .img .overlay-icon {
    position: absolute;
    /* top: 80px; */
    /* left: 52px; */
    /* transform: scale(0); */
    top: 0px;
    right: 0px;
    opacity: 0;
    z-index: 19;
    transition: 0.4s;
}
.new-arrival .item:hover .img .overlay-icon{
	/* transform: scale(1); */
	opacity: 0;
}
.new-arrival .item .overlay-icon i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50px;
    background-color: #ffffff;
    text-align: center;
    margin-right: 2px;
    display: inline-block;
    border: 1px solid deeppink;
    color: deeppink;
    cursor: pointer;
    transition: 0.4s;
}
.new-arrival .item .overlay-icon i:hover{
	color: deeppink;
	background-color: var(--primary);
    border-color: var(--primary);
}
.new-arrival .item .img img{
	height: 100%;
	width: 100%;
	transform: scale(1);
    object-fit: contain; /* pavel vai */
	transition: 0.6s;
}

.new-arrival .item:hover .img img{
	transform: scale(1.1);
}
.new-arrival .item .text{
	margin-top: 15px;
	text-align: center;
}
.new-arrival .item .text p {
    text-transform: capitalize;
    opacity: 0.7;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
}
.new-arrival .item .text h4 {
    font-size: 14px;
    text-transform: capitalize;
    color: #1a1a1a;
    opacity: 0.8;
    text-align: left;
    margin-bottom: 2px;
    height: 33px;
    overflow: hidden;
}
.new-arrival .item .text h4 a {
    color: #000 !important;
    font-weight: 600;
}
.new-arrival .item .text .rating{
	margin-bottom: 2px;
	justify-content: center;
}
.new-arrival .item .text .rating i{
	color: #ffb300;
	font-size: 10px;
}
.new-arrival .item .text .rating span{
	color: var(--primary);
}
.new-arrival .item .text .price{
	justify-content: center;
}
.new-arrival .item .text .price span{
	font-weight: bold;
	margin-right: 7px;
	color: var(--primary);
	font-size: 13px;
}
.cart-button {
    position: absolute;
    bottom: 8px;
    right: 8px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50px;
    background-color: #ffffff;
    text-align: center;
    margin-right: 0px;
    display: inline-block;
    border: none;
    color: var(--primary);
    cursor: pointer;
    transform: scale(1);
    transition: 0.4s;
}
.cart-button:hover{
	color: white;
	background-color: transparent;
    transform: scale(1.3);
}
.cart-button:focus{
    outline: none;
    /* border: none; */
}
.cart-button:hover .my-icon{
    color: var(--primary);
}

.stock-out-product {
    position: absolute;
    bottom: 8px;
    right: 8px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50px;
    text-align: center;
    margin-right: 0px;
    display: inline-block;
    background-color: transparent;
    /* background-color: #e9eaec; */
    border: none;
    /* border: 1px solid #e9eaec; */
    color: #a7aab1;
    cursor: pointer;
    transform: scale(1);
    transition: 0.4s;
}
.stock-out-product:hover{
    color: #a7aab1;
	background-color: transparent;
    transform: scale(1.3);
}
.stock-out-product:focus{
    outline: none;
    border: none;
}
.stock-out-product .my-icon{
    color: #a7aab1;
}
.stock-out-product:hover .my-icon{
    color: #a7aab1;
}



.out-of-stock-alert {
    position: absolute;
    left: 0%;
    padding: 0px 0;
    text-align: center;
    /* bottom: 0; */
    /* width: 100%; */
    /* color: white; */
    /* background: #eb6214; */
    width: 60%;
    color: #060606;
    background: #ffeb009e;
    line-height: 24px;
    border-radius: 0px 7px 7px 0px;
    top: 50%;
    transform: translate(0%, -50%);
}



/* .shop .item .stock-out-product .my-icon {
    color: #a7aab1;
    border-color: #e9eaec;
    background-color: #e9eaec;
}
.shop .item .stock-out-product .my-icon:hover {
    color: #a7aab1;
    background-color: #e9eaec;
}
.shop .item .stock-out-product .tooltip-inner {
    color: rgb(0, 0, 0);
    background-color: #e9eaec !important;
}
.shop .item .stock-out-product .tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
    border-top-color: #086e68 !important;
} */
.shop .item .out-of-stock-alert {
    position: absolute;
    /* bottom: 0; */
    left: 0;
    /* width: 100%; */
    padding: 0px 0;
    text-align: center;
    /* color: white; */
    /* background: #eb6214; */
}


/* .new-arrival .item .my-icon{
    position: absolute;
    bottom: 18px;
    right: 18px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50px;
    background-color: #ffffff;
    text-align: center;
    margin-right: 3px;
    display: inline-block;
    border: 1px solid var(--primary);
	color: var(--primary);
	cursor: pointer;
	transition: 0.4s;
}
.new-arrival .item .my-icon:hover{
	color: white;
	background-color: var(--primary);
} */
.new-arrival .item .type {
    position: absolute;
    top: 14px;
    left: 14px;
    background-color: var(--primary);
    color: white;
    padding: 1px 4px 0px 6px;
    font-size: 11px;
    line-height: 19px;
    border-radius: 7px;
    z-index: 20;
}


/* new arrival slider arrows */
.new-arrival .slick-arrow {
    top: -48px;
}
.new-arrival .up_arrow{
	right: 35px;
}
.new-arrival .bottom_arrow{
	right: -5px;
}
/*======================================
		NEW-ARRIVAL CSS END
======================================*/
/*======================================
		COUNTDOWN CSS START
======================================*/
.countdown .left{
	border-top-left-radius: 9px;
	border-bottom-left-radius: 9px;
}
.countdown .right{
	border-top-right-radius: 9px;
	border-bottom-right-radius: 9px;
}
.countdown .item .item-body{
	padding: 35px 35px 25px 35px;
}
.countdown .item h4{
	font-size: 30px;
	color: var(--primary);
	font-family: 'Lato' , sans-serif;
	font-weight: bold;
}
.countdown .item .first-p{
	opacity: 0.7;
	font-weight: 400;
	font-size: 13px;
}
.countdown .item .second-p{
    width: 230px;
    font-size: 20px;
	font-weight: 300;
	margin: 15px 0 20px 0;
}
.countdown .item .price span{
	font-size: 17px;
	color: #ff3551;
}
.countdown .item .price del{
	font-size: 17px;
	opacity: 0.4;
}
.countdown .item .hurry-up{
	font-size: 13px;
	font-family: 'Lato' , sans-serif;
	margin-top: 10px;
	margin-bottom: 5px;
}
.countdown .item .countdown-text ul{
	display: flex;
}
.countdown .item .countdown-text ul span{
	margin: 10px 10px 0 10px;
	font-size: 16px;
	font-weight: 500;

}
.countdown .item .countdown-text ul li{
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	color: rgb(26, 26, 26, 0.7);
}
.countdown .item .countdown-text ul li p {
    display: block;
    background-color: var(--primary);
	margin: 0 auto;
    height: 45px;
    color: white;
    line-height: 45px;
    width: 50px;
    text-align: center;
	font-weight: 400 !important;
	opacity: 1;
    border-radius: 7px;
    font-size: 18px;
}

/*======================================
		COUNTDOWN CSS END
======================================*/
/*======================================
		BRAND CSS START
======================================*/
.brand .title{
	margin-left: 0 !important;
}
.brand .brand-body{
	margin-top: 20px;
}
.brand .item{
	padding: 15px 10px 15px 10px;
}
.brand .item .img img{
	height: 90px;
	width: 100%;
}
/* new arrival slider arrows */
.brand .slick-arrow {
    top: -48px;
}
.brand .up_arrow{
	right: 35px;
}
.brand .bottom_arrow{
	right: -5px;
}
/*======================================
		BRAND CSS END
======================================*/
/*======================================
		SUPER OFFER CSS START
======================================*/
.super-offer{
	background-color: #f4f5f9;
	padding: 80px 0;
}
.super-offer .title{
	margin-left: 0 !important;
}
.super-offer .left{
	border-radius: 14px;
}
.super-offer .left .text{
	padding: 104px 10px;
}
.super-offer .left span{
	opacity: 1;
	color: #90908e;
}
.super-offer .left p{
	font-size: 18px;
    width: 130px;
	margin: 3px 0 15px 0;
	font-weight: 500;
	color: white;
}
.super-offer .left a{
	font-family: 'PT Sans', sans-serif;
	font-weight: thin;
	color: white;
	transition: 0.4s;
}
.super-offer .left a:hover{
	font-size: 15px;
}
.super-offer .left a i{
	font-size: 12px;
	margin-top: 3px;
	color: white;
	transition: 0.7s;
}
.super-offer .left a:hover i{
	margin-left: 8px;
}
.super-offer .right .item {
	background-color: #fff;
	border: 1px solid #cce7d0;
	border-radius: 14px;
	position: relative;
	padding: 10px 10px 16px 10px;
	margin: 0 6px;
	cursor: pointer;
	transition: 0.4s;
}
.super-offer .right .item:hover {
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
.super-offer .right .item .img{
	overflow: hidden;
	border-radius: 10px;
	position: relative;
}
.super-offer .right .item .img .hover-image{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 10;
}
.super-offer .right .item:hover .img .hover-image{
	opacity: 1;
}
.super-offer .right .item .img .overlay-icon{
	position: absolute;
    top: 120px;
    left: 70px;
	transform: scale(0);
	opacity: 0;
	z-index: 19;
	transition: 0.4s;
	top: 82px;
    left: 32px;
}
.super-offer .right .item:hover .img .overlay-icon{
	transform: scale(1);
	opacity: 1;
}
.super-offer .right .item .overlay-icon i{
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50px;
    background-color: #ffffff;
    text-align: center;
    margin-right: 3px;
    display: inline-block;
    border: 1px solid var(--primary);
	color: var(--primary);
	cursor: pointer;
	transition: 0.4s;
}
.super-offer .right .item .overlay-icon i:hover{
	color: white;
	background-color: var(--primary);
}
.super-offer .right .item .img img{
	height: 100%;
	width: 100%;
	transform: scale(1);
	transition: 0.6s;
}
.super-offer .right .item:hover .img img{
	transform: scale(1.1);
}
.super-offer .right .item .text{
	margin-top: 10px;
}
.super-offer .right .item .text p{
	text-transform: capitalize;
	opacity: 0.6;
}
.super-offer .right .item .text h4{
    font-size: 18px;
    text-transform: capitalize;
	color: #1a1a1a;
	opacity: 0.8;
}
.super-offer .right .item .text h4 a{
	color: #1a1a1a !important;
}
.super-offer .right .item .text .rating{
	margin-bottom: 13px;
}
.super-offer .right .item .text .rating i{
	color: #ffb300;
	font-size: 10px;
}
.super-offer .right .item .text .rating span{
	color: var(--primary);
}
.super-offer .right .item .text .price span{
	font-weight: bold;
	margin-right: 10px;
	color: var(--primary);
	font-size: 16px;
}
.super-offer .right .item .my-icon{
    position: absolute;
    bottom: 18px;
    right: 18px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50px;
    background-color: #ffffff;
    text-align: center;
    margin-right: 3px;
    display: inline-block;
    border: 1px solid var(--primary);
	color: var(--primary);
	cursor: pointer;
	transition: 0.4s;
}
.super-offer .right .item .my-icon:hover{
	color: white;
	background-color: var(--primary);
}
.super-offer .right .item .type {
    position: absolute;
    top: 17px;
    left: 17px;
    background-color: var(--primary);
    color: white;
    padding: 0px 5px;
    font-size: 11px;
    line-height: 19px;
    border-radius: 7px;
    z-index: 20;
}
/* new arrival slider arrows */
.super-offer .slick-arrow {
    top: -48px;
}
.super-offer .up_arrow{
	right: 35px;
}
.super-offer .bottom_arrow{
	right: -5px;
}
/*======================================
		SUPER OFFER CSS END
======================================*/
/*======================================
		BLOG CSS START
======================================*/
	/* left side */
.blog .first-col{
	display: flex;
	align-items: center;
}
.blog .left-side .item:first-child{
	margin-bottom: 20px;
	transition: 0.4s;
}
.blog .left-side .left .img img{
	height: 100%;
	width: 100%;
	transition: 0.4s;
	transform: scale(1);
}
.blog .left-side .item:hover .left .img img{
	transform: scale(1.1);
}
.blog .left-side .right .text p a{
	color: var(--primary);
	margin-bottom: 10px;
}
.blog .left-side .right .text .highlighted-blog-title {
    font-size: 16px;
    font-weight: 600;
    height: 20px;
    line-height: initial;
    overflow: hidden;
}
.blog .left-side .right .text span {
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    display: inline-block;
    transition: 0.4s;
    height: 71px;
    overflow: hidden;
    line-height: 18px;
    margin: 5px 0;
    padding-top: 2px;
}
.blog .left-side .item .right .text .views-right a{
	transition: 0.5s;
}
.blog .left-side .item:hover .right .text .views-right a{
	font-size: 13px;
}
.blog .left-side .right .text .views{
	justify-content: space-between;
	margin-top: -9px;
}
.blog .left-side .right .text .views .views-left{
	position: relative;
}
/* .blog .left-side .right .text .views .views-left::after{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	height: 3px;
	width: 3px;
	border-radius: 50%;
	background-color: #90908e;
} */
.blog .left-side .right .text .views .views-left small {
    margin-right: 15px;
    font-size: 13px;
    font-weight: 400;
}
.blog .left-side .right .text .views .views-right a{
	color: var(--primary);
}
	/* right-side */
.blog .right-side .text p{
	font-size: 13px;
	color: black;
	opacity: 0.6;
	font-family: 'PT Sans', sans-serif;
}
.blog .right-side .text h5 {
    font-family: 'PT Sans', sans-serif;
    font-weight: bold;
    color: #fff;
    /* width: 160px; */
    opacity: 0.8;
    margin-bottom: 10px;
    height: 70px;
    overflow: hidden;
    transition: 0.5s;
}
.blog .right-side .down .text h5 {
    height: 41px;
    font-size: 18px;
}
.blog .right-side .up .text h5 {
    height: 41px;
    font-size: 18px;
}
.blog .right-side .text .read-more{
	font-weight: thin;
	color: var(--primary);
    font-size: 13px !important;
	transition: 0.5s;
}
.blog .right-side .text .blog-name{
	color: var(--white);
	transition: 0.5s;
}
.blog .right-side .blog-hover{
	transition: 0.5s;
}
.blog .right-side .blog-hover:hover .text .read-more{
	font-size: 13px;
    color: white;
}
.blog .right-side .blog-hover:hover .text h5{
	color: var(--primary);
}
.blog .right-side .left {
    /* padding: 60px 20px 122px 20px; */
    height: 269px;
    width: 100%;
}
.blog .right-side .text a i{
	font-size: 12px;
	margin-top: 3px;
	transition: 0.6s;
}
.blog .right-side .blog-hover:hover .text .read-more i{
	margin-left: 5px;
    color: white;
}
.blog .right-side .right .up{
	padding: 15px 20px;
	margin-bottom: 15px;
}
.blog .right-side .right .up .text {
    padding: 30px 20px 15px 15px;
}
.blog .right-side .right .down .text{
    padding: 30px 20px 15px 15px;
}
.right .blog-hover{
    position: relative;
}
.right .blog-hover .text{
    /* position: absolute; */
    /* bottom: 25px; */
    /* left: 35px; */
}
.right .blog-hover .text {
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
}
.left.blog-hover{
    position: relative;
}
.left.blog-hover .text {
    /* position: absolute; */
    /* bottom: 0; */
    /* left: 0; */
    background-color: rgba(0,0,0,0.3);
    opacity: 1;
    color: white;
    width: 100%;
    height: 100%;
    padding: 130px 10px 20px 15px;
    /* margin-top: 50px; */
}
.blog .right-side .right .up {
    padding: 0px !important;
    margin-bottom: 15px;
    width: 100%;
}
.blog .right-side .right .blog-hover {
    height: 127px;
}
/*======================================
		BLOG CSS END
======================================*/
/*======================================
		NEWSLETTER CSS START
======================================*/
.newsletter{
	background-color: #aeccc5;
	padding: 25px 0;
}
/*
.newsletter .left .envelope{
	position: relative;
	display: flex;
    align-items: center;
}
.newsletter .left .envelope i{
    font-size: 28px;
    margin-right: 20px;
}
.newsletter .left .envelope span {
    position: absolute;
    bottom: -4px;
    right: 14px;
    font-size: 16px;
    font-weight: 900;
    color: var(--primary);
}
.newsletter .left h4{
	font-size: 18px;
} */
.newsletter .left{
	align-items: center;
}
.newsletter .left .subscribe-social i {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: white;
	border: 1px solid transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    cursor: pointer;
    margin: 0 5px;
	transition: 0.6s;
	/* box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); */
}
.newsletter .left .subscribe-social i:hover{
	box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.2);
	background-color: #ffffff;
    border: 1px solid transparent;
	color: black;
}
.newsletter .left .subscribe-social .fa-facebook-f:hover{
	background-color: #3b5998;
    color: white !important;
}
.newsletter .left .subscribe-social .fa-facebook:hover{
	background-color: #3b5998;
    color: white !important;
}
.newsletter .left .subscribe-social .fa-facebook-square:hover{
	background-color: #3b5998;
    color: white !important;
}
.newsletter .left .subscribe-social .fa-whatsapp:hover{
	background-color: #25D366;
    color: white !important;
}
.newsletter .left .subscribe-social .fa-whatsapp-square:hover{
	background-color: #25D366;
    color: white !important;
}
.newsletter .left .subscribe-social .fa-youtube:hover{
	background-color: #FF0000;
    color: white !important;
}
.newsletter .left .subscribe-social .fa-youtube-square:hover{
	background-color: #FF0000;
    color: white !important;
}
.newsletter .left .subscribe-social .fa-twitter-square:hover{
	background-color: #00ACEE;
    color: white !important;
}
.newsletter .left .subscribe-social .fa-twitter:hover{
	background-color: #00ACEE;
    color: white !important;
}
.newsletter .left .subscribe-social .fa-linkedin:hover{
	background-color: #00ACEE;
    color: white !important;
}
.newsletter .left .subscribe-social .fa-linkedin-in:hover{
	background-color: #00ACEE;
    color: white !important;
}
.newsletter .left .subscribe-social .fa-instagram:hover{
	background: rgb(96,71,200);
	background: linear-gradient(79deg, rgba(96,71,200,1) 8%, rgba(248,143,41,1) 49%, rgba(216,44,135,1) 85%);
	border: 1px solid transparent;
}
/* .newsletter .subscribe-social .left .fa-facebook-f:hover{
	color: #3b5998;
}
.newsletter .left .subscribe-social .fa-whatsapp:hover{
	color: #25D366;
}
.newsletter .left .subscribe-social .fa-instagram:hover{
	color: #C13584;
} */
.newsletter .left .icon{
    position: relative;
}
.newsletter .left .icon i{
    color: #000 !important;
}
.newsletter .left .letter-title{
    font-size: 17px;
    font-weight: bold;
}
.newsletter .left .email {
    font-size: 28px;
    margin-right: 15px;
}
.newsletter .left .at-the-rate {
    position: absolute;
    bottom: 0px;
    left: 20px;
    display: none;
    font-size: 18px;
}
.newsletter .middle{
	display: flex;
	justify-content: center;
}

.newsletter .search input{
    width: 100%;
    padding: 10px 20px;
	border-radius: 4px;
	border: 1px solid rgb(79, 93, 119, 0.4);
}
.newsletter .search input:focus-visible{
	outline: none;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
.newsletter .right .search{
	position: relative;
	width: 100%;
}
.newsletter .right .search button {
    position: absolute;
    top: 1px;
    right: -2px;
    cursor: pointer;
    color: white;
    background: black;
    border-color: transparent;
    padding: 8px 15px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.newsletter .right{
	justify-content: center;
}
.newsletter .right .search input::placeholder{
	font-weight: 400;
	font-family: "Lato", sans-serif;
	color: #1a1a1a;
	font-size: 15px;
}
.newsletter .newsletter-row{
	align-items: center;
}
/*======================================
		NEWSLETTER CSS END
======================================*/
/*======================================
		FOOTER CSS START
======================================*/
footer{
	margin: 60px 0;
}
.footer .footer-title{
	margin-bottom: 15px;
}
.footer .footer-title h5{
	font-size: 16px;
}
.footer ul li{
	line-height: 25px;
}
.footer ul li a{
    color: rgb(244, 240, 240);
	transition: 0.5s;
}
.footer ul li a:hover{
	color: var(--primary);
	margin-left: 5px;
	font-weight: 600;
}
.footer .left .footer-logo .img{
	width: 200px;
}
.footer .left .footer-logo .img img{
	height: 100%;
	width: 100%;
}
.footer .left span{
	font-family: 'Lato' , sans-serif;
	opacity: 0.6;
	font-weight: 600;
}
.footer .left .address{
	margin: 10px 0 15px 0;
}
.footer .left p{
	opacity: 1;
}
.footer .left .icon i {
    font-size: 14px;
    cursor: pointer;
    background: var(--primary);
    color: white;
    width: 23px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border-radius: 3px;
    transition: 0.4s;
}
.footer .left .icon i:hover {
    color: var(--primary);
    background: white;
    box-shadow: 0px 5px 10px 5px rgb(0 0 0 / 10%);
}
.footer .right .play-store{
    margin: 20px 0;
}
.footer .right .play-store .img{
	border: 1px solid #a1cae2;
	border-radius: 7px;
	margin-right: 8px;
	overflow: hidden;
	cursor: pointer;
	transition: 0.6s;
}
.footer .right .play-store .img:hover{
	border: 1px solid var(--primary);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
}
.footer .right .payment-getway{
	margin: 20px 0;
}

/*======================================
		FOOTER CSS END
======================================*/
/*======================================
		COPYRIGHT CSS START
======================================*/
.copyright{
	padding: 20px 0;
}
.copyright .container-fluid{
	position: relative;
}
.copyright .container-fluid::after{
	content: '';
	position: absolute;
	top: -25px;
	left: 0;
	background-color: rgb(8, 129, 120, 0.4);
	height: 1px;
	width: 100%;
    display: none;
}
.copyright .container{
	position: relative;
}
.copyright .container::after{
	content: '';
	position: absolute;
	top: -25px;
	left: 0;
	background-color: rgb(8, 129, 120, 0.4);
	height: 1px;
	width: 100%;
    display: none;
}
.copyright .body-layout{
	position: relative;
}
.copyright .body-layout::after{
	content: '';
	position: absolute;
	top: -25px;
	left: 0;
	background-color: rgb(8, 129, 120, 0.4);
	height: 1px;
	width: 100%;
    display: none;
}
.description-review-area{
    margin-top: 30px;
}
.copyright .copyright-body a{
	color: black;
}
.copyright .copyright-body span{
	color: black;
}
.copyright .copyright-body{
	text-align: center;
}
/*======================================
		COPYRIGHT CSS END
======================================*/
.shop .product-div-padding{
    position: relative;
    width: 100%;
    padding-right: 5px !important;
    padding-left: 5px !important;
}


.form-button button {
    width: 250px;
    height: 45px;
    font-size: 14px;
    font-weight: 500;
    line-height: 45px;
    border-radius: 6px;
    letter-spacing: 0.3px;
    text-align: center;
    text-transform: uppercase;
    color: var(--white);
    background: var(--primary);
    border: 1px solid var(--primary);
    border-style: none !important;
}
.form-button button:focus {
    outline: none !important;
}
.form-button button:focus-visible {
    outline: none !important;
}
.form-button button:active {
    border-style: none !important;
}
.form-button p {
    font-size: 15px;
    margin-top: 12px;
    text-transform: capitalize;
    color: var(--primary);
}

.form-button p a {
    font-weight: 500;
    margin-left: 5px;
    color: var(--primary);
}

.form-button p a:hover {
    text-decoration: underline
}
.cartlist .quantity .add-cart i{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    background: transparent;
    line-height: 35px;
    border: 1px solid #086e68;
    cursor: pointer;
    transition: 0.4s;
}
.cartlist .quantity .add-cart i:hover{
    background: #086e68;
    border: 1px solid #086e68;
    color: white;
}

/* quantity increase decrease */
.product-quantity input {
    background: var(--primary);
    text-align: center;
    color: white;
    border: none;
    font-size: 13px;
    width: 22px;
    height: 22px;
    line-height: 22px;
}
.product-quantity a{
    border: 1px solid lightgray;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    line-height: 22px;
}
.cartlist .product-quantity .d-flex{
    justify-content: center;
}
.cartlist .product-quantity input {
    font-size: 13px;
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.cartlist .product-quantity a{
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.order-edit .product-quantity input {
    font-size: 13px;
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.order-edit .product-quantity a{
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.order-edit .right {
    margin-left: 0px;
    padding: 10px 10px 10px 10px;
    border-radius: 4px;
    box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 20%);
}
.order-edit .right .item.flex {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
}
.order-edit .right .total-item{
    justify-content: center !important;
}
.order-edit .right .total-item .h3{
    color: #086e68;
}
.order-edit .right .checkout-item a{
    color: white;
}
.order-edit .right .checkout-item i{
    color: white;
}
.order-edit .right .checkout-item{
    justify-content: center !important;
    background-color: #086e68;
    padding: 5px 10px;
    border-radius: 4px;
    color: white;
}
.product-details-content .product-quantity input {
    font-size: 14px;
    width: 45px;
    height: 45px;
    line-height: 45px;
}
.product-details-content .product-quantity a{
    width: 45px;
    height: 45px;
    line-height: 45px;
}
.product-details-content .product-quantity .table-sub{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.product-details-content .product-quantity .table-add{
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.old-price.not-cut del.selected-product-sale-price{
    font-size: 18px;
}
/*---------------------- TRACK ORDER CSS START ----------------------*/
.orderlist-footer {
    text-align: center;
    margin: 0 auto 15px;
    padding: 5px 10px 5px 5px;
    width: 25%;
    margin-bottom: 10px;
    margin-top: 10px;
    background: #373f50;
    border-radius: 4px;
}
.orderlist-footer h5 {
    color: var(--white) !important;
}
.order-track-item.active::before {
    background: var(--primary);
}
.order-track-item.active i{
    color: var(--white);
    background: var(--primary) !important;
}
.order-track-item.active span{
    color: var(--primary);
}
.order-track-item.cancel::before {
    background: red !important;
}
.order-track-item.cancel i {
    color: var(--white) !important;
    background: red !important;
    border-color: white;
}
.order-track-item.cancel span{
    color: red !important;
}
.order-track {
    margin-bottom: 10px
}

.order-track-list {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    border-radius: 6px;
    background: var(--chalk);
    margin-bottom: 40px;
}

.feature-card,
.order-track-item i,
.product-card,
.product-standard {
    background: var(--white)
}

.order-track-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1
}

.order-track-item::before {
    position: absolute;
    content: "";
    top: 20px;
    left: 0;
    width: 100%;
    height: 5px;
    z-index: -1;
    background: var(--white)
}

.order-track-item:first-child::before {
    border-radius: 50px 0 0 50px
}

.order-track-item:last-child::before {
    border-radius: 50px 50px 0
}

.order-track-item i {
    width: 45px;
    height: 45px;
    font-size: 20px;
    line-height: 42px;
    border-radius: 50%;
    margin-bottom: 10px;
    text-align: center;
    display: inline-block;
    color: var(--primary);
    border: 2px dotted var(--primary)
}

.order-track-item span {
    font-weight: 500;
    line-height: 20px;
    color: var(--heading);
    text-transform: capitalize
}
/*---------------------- TRACK ORDER CSS END ----------------------*/


.product-details-area .pro-details-quality .request-btn {
    width: 207px;
    height: 45px;
    font-size: 14px;
    font-weight: 600;
    border: none;
    border-radius: 4px;
    box-shadow: none;
    text-transform: uppercase;
    margin-left: 10px;
    background: var(--yellow);
    color: #000;
    letter-spacing: 2px;
}
.product-details-area .pro-details-quality .request-btn i{
    color: #000;
}
.product-details-area .pro-details-quality .requested-btn {
    width: 207px;
    height: 45px;
    font-size: 14px;
    font-weight: 600;
    border: none;
    border-radius: 4px;
    box-shadow: none;
    margin-left: 10px;
    background: var(--green);
    color: #fff;
    letter-spacing: 2px;
}
.product-details-area .pro-details-quality .requested-btn i{
    color: white;
}
.product-details-content .pro-details-quality .pro-details-cart .add-cart{
    width: 207px;
    outline: none;
}
.product-details-area .all-product-details-btn{
    display: flex;
}
.product-details-area .product-small-image{
    width: 100%;
    border: 1px solid lightgray;
    padding: 5px 5px;
}
.product-details-area .product-small-image .swiper-slide {
    margin: 0 !important;
    cursor: pointer;
    margin-right: 3px !important;
}
.product-details-area .product-small-image .swiper-slide.swiper-slide-thumb-active {
    border: 1px solid var(--primary);
    padding: 5px;
    margin-right: 3px !important;
}
.product-details-area .product-big-image{
    width: 100%;
    border: 1px solid lightgray;
    padding: 0px;
}
/* .product-details-area .product-big-image > .swiper-wrapper{
    overflow: hidden;
} */
.product-details-content .details-quantity-body{
    margin-top: 10px;
}
.product-details-content .product-details-quantity .details-add-group{
    display: flex;
}
.product-details-content .product-details-quantity .common-cart-btn {
    position: relative;
    width: 175px;
    outline: none;
    padding: 0 0px;
    height: 45px;
    font-size: 13px;
    font-weight: 600;
    border: none;
    border-radius: 4px;
    box-shadow: none;
    text-transform: uppercase;
    margin-left: 0px;
    margin-right: 5px;
    letter-spacing: 1px;
    color: white;
    background: var(--primary);
}
.product-details-content .product-details-quantity .common-cart-btn i{
    margin-top: -3px;
    color: white;
}
.product-details-content .product-details-quantity .out-of-stock-btn i{
    color: white;
}
.product-details-content .product-details-quantity .out-of-stock-btn{
    background: #dc3545;
    color: white;
}
.product-details-content .product-details-quantity .stock-request-btn i{
    color: #333;
}
.product-details-content .product-details-quantity .stock-request-btn{
    background: #F2F50B;
    color: #333;
}
.product-details-content .product-details-quantity .stock-request-sended-btn i{
    color: #333;
}
.product-details-content .product-details-quantity .stock-request-sended-btn{
    background: #12de1a;
    color: #333;
}
.product-details-content .product-details-quantity .choose-variation-alert i{
    color: #333;
}
.product-details-content .product-details-quantity .choose-variation-alert{
    background: lightgray;
    color: #333;
}
.product-details-content .product-details-quantity .product-action{
    display: flex;
}
.product-details-content .product-details-quantity .product-action .qty-minus{
    border: 1px solid lightgray;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.product-details-content .product-details-quantity .product-action .qty-plus{
    border: 1px solid lightgray;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    position: relative;
}
.product-details-content .product-details-quantity .product-action .item-quantity{
    background: var(--primary);
    text-align: center;
    color: white;
    border: none;
    font-size: 14px;
    width: 45px;
    height: 45px;
    line-height: 45px;
}


.dblock{
    display: block !important;
}
.dnone{
    display: none !important;
}
.dn{
    display: none !important;
}
.d-ib{
    display: inline-block;
}

.category .title {
    margin-left: 0px;
    justify-content: center;
}
.blog .title {
    margin-left: 0px;
}
.new-arrival .container-fluid {
    width: 96% !important;
}
.new-arrival .container {
    width: 96% !important;
}
.product .container-fluid.mixitup_plugin {
    width: 96%;
}
.product .container.mixitup_plugin {
    width: 96%;
}
.product .body-layout.mixitup_plugin {
    width: 96%;
}
.product .container-fluid.offer_mixitup_plugin {
    width: 96%;
}
.product .container.offer_mixitup_plugin {
    width: 96%;
}
.product .body-layout.offer_mixitup_plugin {
    width: 96%;
}
.new-arrival .body-layout {
    width: 96% !important;
}
.blog .first-col-img{
    height: 125px;
    overflow: hidden;
}
.offer-section .offer-section-main-col-2 {
    padding-right: 24px;
}
.cart-action-group .cart-out-of-stock {
    font-size: 9px;
    background: orangered;
    color: white;
    padding: 0;
    text-align: center;
    border-radius: 3px;
    height: 20px;
    letter-spacing: 0px !important;
    line-height: 20px;
}
.product-details-quantity .tooltiptext {
    position: absolute;
    z-index: 9999;
    top: -50px;
    font-weight: bold;
    color: red;
    background: lightblue;
    font-size: 12px;
    width: 250px;
    line-height: 15px;
    padding: 6px 5px 2px 5px;
}
.cart-dropdown .cart-items .qty-plus{
    position: relative;
}
.cart-dropdown .cart-items .tooltiptext {
    position: absolute;
    z-index: 9999;
    top: -20px;
    left: -210px;
    font-weight: bold;
    color: red;
    background: lightblue;
    font-size: 12px;
    width: 250px;
    line-height: 15px;
    padding: 6px 5px 2px 5px;
}
.cart-dropdown .cart-items .tooltiptext2 {
    position: absolute;
    z-index: 9999;
    top: -20px;
    left: -210px;
    font-weight: bold;
    color: red;
    background: lightblue;
    font-size: 12px;
    width: 250px;
    line-height: 15px;
    padding: 6px 5px 2px 5px;
}
.product-review .product-th{
    min-width: 500px;
    text-align: left;
    padding-left: 10px;
}
.product-min-width{
    min-width: 500px;
}
.product-review .review-product-name{
    text-align: left;
    padding-left: 7px;
}
.wishlist-part .stock-out-btn {
    background: lightgray !important;
    border-color: lightgray !important;
}
.wishlist-part .stock-out-btn i{
    color: gray !important;
}
.product-section .theme-button {
    bottom: -4px !important;
    left: 89% !important;
}
@media (max-width:575px){
    .product-min-width{
        min-width: auto;
    }
    .product-review .product-th{
        min-width: auto;
        text-align: left;
        padding-left: unset;
    }
    .product-review .review-product-name{
        text-align: left;
        padding-left: unset;
    }

}
.offer .four-poromo-col {
    margin: 25px 0 10px 0;
}
/* HIGHLIGHTED SOCIAL SECTION */
.highlight-social-section{
    margin: 65px 0;
}
.highlight-social-section .highlight-social-title{
    padding: 0;
    font-weight: 500;
    text-transform: capitalize;
}
.highlight-social-section .highlight-social-item {
    margin: 0 5px;
    text-align: center;
}
.highlight-social-section .highlight-social-item a{}

.highlight-social-section .highlight-social-item .img {
    width: 40px;
    height: 40px;
    text-align: center;
    margin: 0 auto;
}
.highlight-social-section .highlight-social-item .img img{
    width: 100%;
    height: 100%;
}
.highlight-social-section .highlight-social-item a i {
    margin-right: 0 !important;
    padding-right: 0 !important;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    background: var(--primary);
    border: 1px solid lightblue;
    font-size: 16px;
    color: white;
}
.highlight-social-section .highlight-social-item a div {
    font-weight: 600;
    text-transform: capitalize;
    font-size: 12px;
}



/* TESTIMONIAL SECTION */
.testimonial-card {
    position: relative;
    height: 211px;
    padding: 8px 10px 8px 10px;
    margin: 0px 20px;
    text-align: center;
    border-radius: 0px;
    background: var(--primary);
}
.testimonial-slider-width{
    width: 410px;
}

.testimonial-card i {
    font-size: 34px;
    margin-bottom: 10px;
    color: var(--white);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.testimonial-card p {
    font-size: 16px;
    line-height: 20px;
    width: auto;
    height: 86px;
    padding: 5px 5px 0 5px;
    text-align: center;
    word-break: break-word;
    overflow: hidden;
    margin-bottom: 5px;
    font-style: italic;
    color: var(--white);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.testimonial-card h5 {
    color: var(--white);
    text-transform: initial;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    font-size: 19px;
}

.testimonial-card ul {
    font-size: 14px;
    color: var(--orange);
    margin-bottom: 0px;
    margin-top: -2px;
}

.testimonial-card img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: inline-block;
    border: 5px solid var(--body);
}
.testimonial-slider .slick-slide {
    opacity: 0.3;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}
.testimonial-slider .slick-center {
    opacity: 1;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.4);
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}
.testimonial-slider .right-arrow,
.testimonial-slider .left-arrow {
    opacity: 1;
    visibility: visible
}
.testimonial-slider .right-arrow {
    right: -40px;
    top: 42%;
}
.testimonial-slider .left-arrow {
    left: 0px;
    top: 42%;
}
.testimonial-slider .slick-slide {
    margin: 40px 0 !important;
    border-radius: 3px;
}
.testimonial-slider .slick-arrow {
    background: var(--primary) !important;
    border: 1px solid var(--primary) !important;
    color: var(--white) !important;
    transition: 300ms;

}
.testimonial-slider .slick-arrow:hover {
    background: #e8f6ea !important;
    border: 1px solid #cce7d0 !important;
    color: var(--primary) !important;
}
.testimonial-slider .slick-arrow{
    opacity: 0;
    transition: 400ms;
}
.testimonial-slider.slick-slider:hover .slick-arrow{
    opacity: 1;
}
/* END TESTIMONIAL CSS */


/* TOP 10 CATEGORY & BRAND SECTION CSS */
.top-ten .top-ten-row{
    padding: 0 15px;
}
.top-ten .top-ten-col{
    background-color: #f4f4f4;
    padding-top: 30px;
    padding-bottom: 50px;
}
.top-ten .neon-button.view-more-button {
    top: 25px !important;
    right: 10px !important;
}
.top-ten .view-more-button a::after {
    background-color: var(--primary);
}
.top-ten .top-ten-item {
    display: flex;
    align-items: center;
    background-color: #fff;
    margin-bottom: 10px;
    justify-content: space-between;
    padding: 5px 8px;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.4s;
}
.top-ten .top-ten-item:hover{
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.top-ten .top-ten-item .img{
    /* width: 50px;
    height: 50px; */
}
.top-ten .top-ten-item img{
    /* width: 100%; */
    width: 100px;
    height: 100%;
}
.top-ten .top-ten-item .left {
    display: flex;
    align-items: center;
}
.top-ten .top-ten-item .name{
    margin-left: 10px;
    font-weight: 600;
    transition: 0.4s;
}
.top-ten .top-ten-item:hover .name{
    color: var(--primary);
    font-weight: 600;
}
.top-ten .top-ten-item:hover .right i{
    color: var(--primary);
}
/* END TOP 10 CATEGORY & BRAND SECTION CSS */
.section-header .inner-title{
    font-size: 28px;
    font-weight: 600;
}
.inner-category{
    padding-top: 20px
}
.all-category .category-body .item {
    margin-bottom: 10px;
}
.banner-area .banner-area-padding{
    padding-right: 4px;
}
.banner-area .img{
    margin: 15px 0;
}

/* CHECKOUT POPUP MODAL CSS */
.choose-payment-type{
    box-shadow: var(--shadow, 0 4px 4px 0 rgba(0, 0, 0, 0.02));
}
.checkout .right .cart_total {
    border-radius: 5px;
}
.gift-card-modal-btn {
    color: #333;
    font-weight: bold;
    background: #fdfff0;
    padding: 5px 10px;
    border: 1px solid #a1cae2;
    border-radius: 5px;
    margin: 8px 0 10px 0;
    width: 100%;
    font-size: 14px;
    box-shadow: var(--shadow, 0 4px 4px 0 rgba(0, 0, 0, 0.02));
    /* background: url('../images/gift-card/bg-7.png') no-repeat center;
    background-size: cover; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: 0.3s;
}
.choose-payment-type {
    padding: 15px 10px !important;
}
.gift-card-modal-btn:hover{
    color: deeppink;
}
.gift-card-modal-btn .img {
    width: 80px;
    height: 69px;
}
.gift-card-modal-btn:focus{
    outline: none !important;
    box-shadow: var(--shadow, 0 4px 4px 0 rgba(0, 0, 0, 0.02)) !important;
}
.gift-card-modal .modal-header {
    padding: 13px 10px 10px 15px;
    box-shadow: var(--shadow, 0 4px 4px 0 rgba(0, 0, 0, 0.02)) !important;
    background: var(--primary);
    border-radius: 3px 3px 0 0 !important;
}
.gift-card-modal .modal-header .modal-title {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: white;
}
.gift-card-modal .modal-body {
    padding: 25px 20px 5px 20px;
}
.gift-card-modal .modal-dialog {
    margin-top: 0px !important;
}
.gift-card-modal .modal-header button {
    padding: 10px 18px;
    transition: 0.3s;
}
.gift-card-modal .modal-header button span {
    font-size: 13px;
    font-weight: 100;
    color: white;
    opacity: 0.7;
    transition: 0.3s;
}
.gift-card-modal .modal-header button:hover span{
    opacity: 1;
}
.gift-card-modal .modal-content {
    border-radius: 3px;
    border: none;
}
.gift-card-modal .modal-footer {
    padding: 5px 15px;
    justify-content: space-between;
}
.gift-card-modal .modal-footer .total-card-title{
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
}
.gift-card-modal .modal-footer .card-bdt{
    font-weight: 600;
    font-size: 16px;
}
.gift-card-modal .modal-footer .total-card-amount{
    font-weight: 600;
    font-size: 16px;
}
.gift-card-modal .modal-footer button {
    background: var(--primary);
    color: white;
    font-size: 12px;
    font-weight: 400;
    padding: 7px 10px;
    text-transform: uppercase;
}
.gift-card-modal .modal-footer button:focus{
    outline: none !important;
    box-shadow: none !important;
}
.gift-card-modal button:focus{
    outline: none !important;
}
.gift-card-modal .content-table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    width: 100% !important;
    border-radius: 3px 3px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  }

  .gift-card-modal .content-table .head{
    width: 100% !important;
  }
  .gift-card-modal .content-table .head .tr {
    background-color: #d8dfe7;
    color: #000;
    text-align: left;
    font-weight: bold;
    width: 100% !important;
    display: flex;
    border: 1px solid #dddddd;
    border-bottom: 0;
  }

  .gift-card-modal .content-table .th,
  .gift-card-modal .content-table .td {
    width: 33% !important;
  }
  .gift-card-modal .content-table .th{
    padding: 8px 15px;
  }
  .gift-card-modal .content-table .td {
    padding: 5px 15px;
  }

  .gift-card-modal .content-table .body{
    width: 100% !important;
  }
  .gift-card-modal .content-table .body .tr {
    border: 1px solid #dddddd;
    width: 100% !important;
    display: flex;
    border-top: 0;
}

  .gift-card-modal .content-table .body .tr:nth-of-type(even) {
    background-color: #f3f3f3;
  }

  .gift-card-modal .content-table .body .tr:last-of-type {
    border-bottom: 2px solid var(--primary);
  }

  .gift-card-modal .content-table .body .tr.active-row {
    font-weight: bold;
    color: #d8dfe7;
  }
  .gift-card-modal .content-table .body span{
    color: #000;
    font-weight: bold;
  }
  .gift-card-modal .content-table .remove-applied-code-btn{
    background-color: transparent;
    background: transparent;
    border: none;
    transition: 0.3s;
    cursor: pointer;
  }
  .gift-card-modal .content-table .remove-applied-code-btn i{
    font-size: 16px;
    transition: 0.3s;
  }
  .gift-card-modal .content-table .remove-applied-code-btn:hover i{
    color: red !important;
  }
.gift-card-modal .modal-body .apply-code .input-group-prepend{}
.gift-card-modal .modal-body .apply-code .input-group-text {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: initial;
    align-items: center;
    padding: 0 10px;
    margin: 0;
    height: 38px;
}
.gift-card-modal .modal-body .custom-file{}
.gift-card-modal .modal-body .custom-file input {
    height: 38px;
    margin-top: 3px;
    border-radius: 0;
    opacity: 1;
    color: #000;
    font-size: 14px;
    font-weight: bold;
}
.gift-card-modal .modal-body .custom-file input::placeholder{
    font-size: 13px;
    opacity: 0.7;
    font-weight: normal !important;
}
.gift-card-modal .modal-body .custom-file input:focus{
    box-shadow: none;
}
.gift-card-modal .modal-body .input-group-append{}
.gift-card-modal .modal-body .input-group-append button {
    background: var(--primary);
    color: white;
    font-size: 12px;
    text-transform: uppercase;
}
.gift-card-modal .modal-body .input-group-append button:focus{
    box-shadow: none;
}
/* END CHECKOUT POPUP MODAL CSS */


/* brand search css */
.brand-search .search input {
    width: 50%;
    margin: 0 auto;
}
.brand-search .search input:focus{
    outline: 0 !important;
    box-shadow: 0px 3px 10px 0px rgb(96 9 240 / 20%);
}
.brand-search .auto-complete-brands {
    background-color: #fff;
    margin-top: 5px;
    border-radius: 3px;
    border: 2px solid #efefef;
    position: absolute;
    display: none;
    margin-left: 0px;
    z-index: 99;
    width: 48%;
    left: 50%;
    transform: translate(-50%, 0%);
    box-shadow: 0px 4px 10px 0px rgb(96 9 240 / 20%);
}
.brand-search .auto-complete-brands .auto-complete-list {
    text-align: left;
    width: 100%;
    margin: 0 auto;
    min-height: 20px;
    max-height: 280px;
    overflow-y: scroll;
}
.brand-search .auto-complete-item a {
    padding: 5px 10px !important;
}
/* end brand search css */

/* brand search css */
.categories-search .search input {
    width: 50%;
    margin: 0 auto;
}
.categories-search .search input:focus{
    outline: 0 !important;
    box-shadow: 0px 3px 10px 0px rgb(96 9 240 / 20%);
}
.categories-search .auto-complete-categories-list {
    background-color: #fff;
    margin-top: 5px;
    border-radius: 3px;
    border: 2px solid #efefef;
    position: absolute;
    display: none;
    margin-left: 0px;
    z-index: 99;
    width: 48%;
    left: 50%;
    transform: translate(-50%, 0%);
    box-shadow: 0px 4px 10px 0px rgb(96 9 240 / 20%);
}
.categories-search .auto-complete-categories-list .auto-complete-list {
    text-align: left;
    width: 100%;
    margin: 0 auto;
    min-height: 20px;
    max-height: 280px;
    overflow-y: scroll;
}
.categories-search .auto-complete-item a {
    padding: 5px 10px !important;
}
.shop .select-dropdown .short-by-feature .filter-select{
    background: var(--primary) !important;
}
/* end brand search css */

.offer .home-promo-part-one .item {
    justify-content: start !important;
}

.feature-filter-btn,
.sorting-filter-btn,
.sorting-header{
    display: none;
}