/*======================================
		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);
    min-height: 120vh;
}

.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: cover; */
    /* 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: 40px;
    width: 40px;
    background: #fff;
    /* border: 1px solid #cce7d0; */
    color: var(--primary);
    border-radius: 50%;
    text-align: center;
    line-height: 40px !important;
    position: absolute;
    transform: translateX(-50%);
    cursor: pointer;
    transition: 0.4s;
    z-index: 80;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
}

.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: #003f7c;
    /* 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 10px 0;
}

.search-bar .mob-search-icon {
    display: none;
}

.search-bar .logo {
    /* width: 120px; */
    /* height: 60px; */
}

.search-bar .logo img {
    width: 100%;
    height: 100%;
}
.banner-area {
    display: block;
}
.search-bar .search input {
    width: 100%;
    padding: 7px 20px;
    border-radius: 10px;
    border: 2px solid var(--primary);
}
.breadcrumb-banner {
    margin-top: 15px;
}
.sub-category-section.category .category-body .category-no-slider {
    justify-content: center;
}
.category-wise-highlighted-products .highlighted-category-products .title {
    justify-content: start !important;
}
.sub-category-section.category .category-body .item {
    margin: 0 7px;
    width: 10%;
}
.search-bar .search input:focus-visible {
    outline: none;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}
.search-bar .search input::placeholder{
    opacity: 0.5;
}
.search-bar .middle-part .search {
    position: relative;
    width: 100%;
    margin: 0 auto;
    transform: scale(1);
    transition: 300ms;
}

.search-bar .middle-part .search:hover {
    transform: scale(1.1);
}

.search-bar .middle-part .search button {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    color: white;
    background: var(--primary);
    width: 48px;
    height: 100%;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    outline: none;
    border: none;
}

.search-bar .middle-part .search i {
    color: #fff;
    margin-right: 0;
    position: relative;
    padding-left: 0px;
    font-size: 18px;
}

.search-bar .middle-part {
    margin-top: 0px;
    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: 0px;
    position: relative;
}

.search-bar .icon i {
    font-size: 24px;
}

.search-bar .icon .heart {
    margin: 0 25px;
}

.search-bar .icon .item.nav-profile {
    margin-right: 10px;
}

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

    position: absolute;
    top: -9px;
    right: -11px;
}

.search-bar .icon .item .item-title {
    font-size: 12px;
}

.search-bar .icon .item a {
    display: flex;
    align-items: center;
    position: relative;
}

.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%;
    top: -1px;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    transition: 0s;
}

.fixed .search-bar {
    padding: 15px 0 0px 0;
}

/* nav fixed css end */
nav {
    padding: 0 !important;
}

nav .nav-link {
    position: relative;
}

.search-bar .heart.item.wishlist-icon {
    display: none;
}

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: 5px 5px 8px 5px !important;
    text-transform: capitalize;
}

nav.navbar .navbar-nav .nav-link i {
    /* color: black; */
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    margin: 3px 0 0 4px;
}

nav.navbar .navbar-nav .nav-item:hover .nav-link i {
    color: white;
}

nav.navbar .navbar-nav .nav-item:hover .nav-link {
    color: white !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 {
    background-color: transparent;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin: 8px 5px;
    font-weight: 600;
    font-size: 16px !important;
    text-transform: unset;
    letter-spacing: -0.2px;
    border-radius: 16px;
    display: flex;
}

nav .nav-item:hover .nav-link {
    color: var(--primary) !important;
}
.width-38-percent{
    width: 38%;
}
/* nav .nav-item .nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0px;
    height: 2px;
    width: 0%;
    background-color: #fff;
    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: 16px;
    height: 16px;
    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;
}
.category .category-no-slider {
    display: flex;
    flex-wrap: nowrap;
}
.highlight-brand .brand-body .brand-slider .item{
    margin: 0 10px;
}
.highlight-brand .brand-body .brand-slider .item .img{
    height: auto;
}
.highlight-brand .brand-body .brand-slider .item .img img {
    padding: 5px;
    border-radius: 10px;
    border: 2px solid #d9d9d96c;
}
/* css for mega menu */
nav .dont-show-this {
    display: none;
}
.blog-section-header{
    margin-top: 15px;
}
.theme-color{
    color: var(--primary);
}
nav .megamenu-content {
    position: absolute;
    top: 45px;
    left: 70px;
    width: 80%;
    /* height: 100vh; */
    background-color: transparent;
    z-index: 90;
}
nav .normal-menu-title{
    position: relative !important;
    transition: 300ms;
}
nav .normal-menu {
    background: white;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 10;
    padding: 10px;
    font-size: 14px;
    text-transform: uppercase;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}
nav .normal-menu-title:hover .normal-menu{
    display: block !important;
}
nav .normal-menu-title .normal-menu span{
    display: block !important;
    color: black;
    padding: 5px 0;
}
nav .normal-menu-title .normal-menu span.only-child-title .tooltip-name{
    display: inline-block !important;
}
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: 70vh;
    min-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: 18px;
    margin-bottom: 10px;
    font-weight: bolder;
    width: 100%;
    text-transform: uppercase;
    color: #000;
    font-family: system-ui;
    position: relative;
    transition: 300ms;
}
nav .megamenu-content .main .item .menu-title a::before{
    content: '';
    background-color: #000;
    width: 50%;
    height: 2px;
    position: absolute;
    bottom: -5px;
    left: 0;
}
span.category-tooltip {
    font-size: 8px;
    position: absolute;
    color: white;
    display: block;
    padding: 3px 3px;
    line-height: initial;
    border-radius: 2px;
    right: 0px;
    top: -13px;
}
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;
    margin-top: 20px;
}

nav .megamenu-content .menu-body ul li {
    font-size: 14px;
    margin-top: 15px;
    text-transform: uppercase;
}

nav .megamenu-content .menu-body ul li a {
    margin: 0 !important;
    transition: 0.6s;
    color: #000;
}

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: #fff; */
    /* background-color: #28282B; */
    background-color: var(--secondary);
    padding: 3px 0 !important;
}

nav.navbar .navbar-nav .nav-link {
    /* color: #1a1a1a !important; */
    color: #fff !important;
    text-wrap: nowrap;
}

.search-bar .cart-dropdown .floating-cart-total-item {
    margin-top: -4px;
    margin-right: 36px;
}

/* NAVBAR PROFILE DROPDOWN MENU LIST START */
.drop-down-main {
    display: inline-block;
    position: relative;
}

.drop-down__button {
    background: transparent;
    display: inline-block;
    cursor: pointer;
}

.drop-down__name {
    color: var(--primary);
}

.drop-down__icon {
    width: 18px;
    vertical-align: middle;
    margin-left: 14px;
    height: 18px;
    border-radius: 50%;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.drop-down__menu-box {
    position: absolute;
    left: -33px;
    top: 18px;
    background-color: var(--black);
    border-radius: 4px;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    visibility: hidden;
    opacity: 0;
    margin-top: 5px;
    width: 150px;
    z-index: 9999;
}

.drop-down__menu {
    margin: 0;
    padding: 0 13px;
    list-style: none;
}

.drop-down__menu-box:before {
    content: "";
    background-color: transparent;
    border-right: 8px solid transparent;
    position: absolute;
    border-left: 8px solid transparent;
    border-bottom: 8px solid var(--black);
    border-top: 8px solid transparent;
    top: -15px;
    left: 35px;
}

.drop-down__menu-box:after {
    content: "";
    background-color: transparent;
}

.drop-down__item {
    font-size: 12px;
    padding: 6px 0;
    text-align: left;
    font-weight: 500;
    color: var(--white);
    cursor: pointer;
    position: relative;
    border-bottom: 1px solid #e0e2e9;
}

.drop-down__item a {
    color: var(--white);
}

.drop-down__item-icon {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0px;
    fill: #8995b6;
}

.drop-down__item:hover .drop-down__item-icon {
    fill: var(--primary);
}

.drop-down__item:hover a {
    color: var(--primary);
}

.drop-down__item:hover {
    color: var(--primary);
}

.drop-down__item:last-of-type {
    border-bottom: 0;
}

.drop-down--active .drop-down__menu-box {
    visibility: visible;
    opacity: 1;
    margin-top: 15px;
}

.drop-down__item:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 28px;
    background-color: var(--primary);
    left: -13px;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}

.drop-down__item:hover:before {
    display: block;
}

/* NAVBAR PROFILE DROPDOWN MENU LIST END */


/* live search start */
.auto-complete-div {
    background-color: #fff;
    margin-top: 0px;
    border-radius: 6px;
    border: 2px solid #efefef;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 22px);
    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;
    margin-top: 0;
}
.nav_fix{
    transition: 50ms;
}
.nav_fix .welcome-message{
    transition: 300ms;
}
.nav_fix.fixed .welcome-message{
    display: none;
}
.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; */
    /* border-radius: 10px; */
}

/*======================================
		    BANNER CSS END
======================================*/
/*======================================
		   CATEGORY CSS START
======================================*/
.category {
    position: relative;
}

.category .category-body .item .img img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    transform: scale(1);
    cursor: pointer;
    transition: 0.4s;
    padding: 2px;
    border: 1px solid #e5e5e5;
    transition: 400ms;
    padding: 10px;
}
.all-brand-section.category .category-body .item .img img {
    border-radius: 10px;
}

.category .category-body .item .img img:hover {
    padding: 2px;
    border: 2px solid #373f50;
    /* transform: scale(1.1); */
}

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

.category .category-body .item .img {
    border-radius: 0px;
    overflow: hidden;
    height: auto;
}

.category .category-body .category_slider .item .img {
    /* height: 175px !important; */
}

.highlighted-services {
    justify-content: center !important;
    /* PAVEL VAI */
}
.highlight-brand .title{
    justify-content: center;
}
.navbar .navbar-main-div{
    width: 100%;
    /* overflow-x: auto; */
    overflow-x: visible;
    /* overflow-y: hidden; */
    overflow-y: visible;
}
.navbar .navbar-main-div .navbar-nav{
    justify-content: start;
}
.category .category-body .item {
    background: #fff;
    text-align: center;
    /* border: 1px solid #cce7d0; */
    border-radius: 4px;
    padding: 1px 1px 1px 1px;
    margin: 0 15px;
    width: 16.7%;
    transition: 0.5s;
}

.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 .item .text p {
    transition: 0.5s;
    display: inline-block;
    width: 90%;
    border-radius: 4px;
    font-weight: bolder;
    font-size: 14px;
    color: var(--matte-black);
}

.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;
    text-align: center;
}
.category.highlight-brand.brand-section .category-body .item .text {
    text-align: left;
}
.category .category-body .item .text a.shop-now {
    display: inline-block;
}

/* category slider arrows */
.category .slick-arrow {
    top: -48px;
}

.category .up_arrow {
    right: 35px;
}

.category .bottom_arrow {
    right: -5px;
}
.vbox-container .vbox-content .venoratio.venoratio-full.vbox-child{
    background-color: transparent !important;
}
.vbox-container .vbox-content .venoratio.venoratio-full.vbox-child > video{
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 15% !important;
    height: auto !important;
}
.online-sms {
    background: #ffe4e8;
    padding: 5px 15px;
    color: #494949;
    border-radius: 4px;
    margin-top: 10px;
}
.online-sms .shape {
    clip-path: polygon(34% 0%, 0% 59%, 100% 100%);
    background-color: #ffe4e8;
    width: 50px;
    height: 50px;
    position: absolute;
    top: -10px;
    left: 0;
    z-index: -1;
}
/*======================================
		   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: 1;
}

.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;
}
.highlighted-product-row{
    position: relative;
}
.browse-all-product{
    display: none;
}
.highlighted-product-row .owl-nav .owl-prev, .highlighted-product-row .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    background-color: var(--white);
    color: white;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
    border-radius: 50%;
    z-index: 9999;
}
.highlighted-product-row .owl-nav .owl-prev{
    left: -10px;
}
.highlighted-product-row .owl-nav .owl-next{
    right: -10px;
}
.highlighted-product-row .owl-nav .owl-prev > i,
.highlighted-product-row .owl-nav .owl-next > i{
    margin: 0;
}
.new-arrival .item {
    background-color: #fff;
    border: 1px solid #ffffff;
    border-radius: 14px;
    position: relative;
    padding: 10px 10px 10px 10px;
    margin: 10px 10px;
    cursor: pointer;
    transition: 0.4s;
    box-shadow: 2px 2px 8px #00000020;
}

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

.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;
}
.stock-out-overlay{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    /* background: rgba(255, 255, 255, 0.7); */
    z-index: 99;
}
.new-arrival .item .text p {
    text-transform: capitalize;
    opacity: 0.7;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
}
.price del {
    margin-right: 10px;
}
.new-arrival .item .text h4 {
    font-size: 16px;
    text-transform: capitalize;
    color: #1a1a1a;
    opacity: 1;
    text-align: left;
    margin-bottom: 2px;
    height: 38px !important;
    overflow: hidden;
}

.new-arrival .item .text h4 a {
    color: var(--matte-black) !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: 15px;
}
.common-product-item .price,
.common-product-item .price del{
    color: var(--primary);
}
section.countdown {
    padding-top: 140px;
}
section.shop.filter-section.offer-section {
    padding-top: 0;
}
.cart-button {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 99;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 50px;
    background-color: #28282B;
    text-align: center;
    margin-right: 0px;
    display: none;
    border: none;
    color: var(--primary);
    cursor: pointer;
    transform: scale(1);
    transition: 0.4s;
}
.item.item-card:hover .cart-button{
    display: inline-block;
}
.cart-button:hover {
    color: white;
    background-color: var(--primary);
    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;
    opacity: 0;
    /* 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;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    padding: 5px 0px;
    width: 88%;
    /* height: 100%; */
    line-height: 24px;
    border-radius: 6px;
    color: #fff;
    background: var(--matte-black);
    text-align: center;

}
.common-product-item .stock-request-btn,
.common-product-item .stock-request-sended-btn {
    padding: 3px 0px;
    width: 60%;
    line-height: 24px;
    font-size: 11px;
    border-radius: 4px;
    color: #fff;
    background: var(--matte-black);
    text-align: center;
    border: 1px solid var(--matte-black);
    transition: 300ms;
}
.common-product-item .stock-request-btn:hover,
.common-product-item .stock-request-sended-btn:hover{
    background: var(--primary);
    border-color: var(--primary);
}

/* .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
======================================*/
.highlighted-category-with-products .category-with-products-title {
    position: relative;
}

.new-arrival.highlighted-category-with-products .full-category-img {
    /* height: 565px; */
}

.new-arrival.highlighted-category-with-products .item .img {
    height: 155px;
}

.new-arrival.highlighted-category-with-products .item .text h4 {
    font-size: 16px;
}

.new-arrival.highlighted-category-with-products .item {
    margin: 5px 5px;
}

/*======================================
		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: 1;
}

.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 .letter-title {
    font-weight: bold;
    margin-bottom: 10px;
}
.newsletter .search{
    position: relative;
}
.newsletter .subscribe-input{

}
.about-company{

}
.about-company .company-phone {
    display: flex;
    background: white;
    padding: 14px 15px 12px 15px;
    align-items: center;
    justify-content: center;
    line-height: initial;
    border: 1px solid lightgray;
    border-radius: 6px;
    font-weight: bold;
}
.about-company .phone-icon{
    line-height: initial;
    color: var(--primary);
}
.about-company .phone-number{
    line-height: initial;
}
.about-company .company-social {
    background: lightgray;
    padding: 7px 5px;
    border-radius: 5px;
    margin-top: 10px;
    text-align: center;
}
.about-company .footer-social{

}
.newsletter .subscribe-btn {
    position: absolute;
    right: 0;
    top: 0;
    height: -webkit-fill-available;
    border: 1px solid rgb(79, 93, 119, 0.4);
    padding: 0px 12px;
    margin: 4px 4px;
    font-size: 13px;
    font-weight: bold;
    border-left: none;
    border-radius: 4px;
    background-color: var(--primary);
    color: white;
}
/*
.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;
}
section.top-ten {
    margin-bottom: 0;
}
.hide-mobile{
    display: block;
}
.show-mobile{
    display: none;
}
/* .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: 17px;
}

.footer ul li {
    line-height: 25px;
}

.footer ul li a {
    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;
}
.width-30{
    width: 30%;
}
.width-40{
    width: 40%;
}
.width-50{
    width: 50%;
}
.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;
    transform: initial;
}

.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;
}
.overlay-item-name {
    opacity: 0;
    display: block;
    position: absolute;
    bottom: 0;
    color: transparent;
    background: transparent;
    width: 100%;
    height: 33%;
}
.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;
}
.category-filter-section .item.item-card.common-product-item{
    display: flex;
    flex-direction: row;
}
.new-arrival.highlighted-category-with-products.category-filter-section .e-text {
    -webkit-line-clamp: 1;
}
.new-arrival.highlighted-category-with-products.category-filter-section .item .img {
    height: 55px;
    width: 55px;
    margin-right: 8px;
}
.new-arrival.highlighted-category-with-products.category-filter-section .item .text{
    margin-top: 0;
}
.new-arrival.highlighted-category-with-products.category-filter-section .item .text h4 {
    font-size: 12px;
    margin-bottom: 1px;
    height: 13px;
}
.category-filter-section.new-arrival .item .text .price span {
    font-size: 12px;
}
.category-filter-section.new-arrival .item .text p {
    margin: 5px 0 3px 0;
    line-height: initial;
}
.new-arrival.highlighted-category-with-products.category-filter-section .item .img{
    width: 23%;
}
.new-arrival.highlighted-category-with-products.category-filter-section .item .text{
    width: 74%;
}
.category-filter-section .common-product-item .stock-request-btn,
.category-filter-section .common-product-item .stock-request-sended-btn {
    padding: 3px 0px;
    width: 38%;
    line-height: 22px;
    font-size: 10px;
    border-radius: 4px;
    color: #fff;
    background: var(--matte-black);
    text-align: center;
    border: 1px solid var(--matte-black);
    transition: 300ms;
}
.category-filter-section .overlay-item-name{
    bottom: 0;
    width: 28%;
    height: 100%;
    left: 0;
}
.appended-category-tabs {
    padding: 10px 15px;
    background: transparent;
    margin: 5px 10px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #cccc;
    display: inline-block;
}
.appended-category-tabs.active{
    background: var(--primary);
    color: white;
}
.banner_slider .slick-dots {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    display: flex;
    align-items: center;
}
.banner_slider .slick-dots li{
    margin: 0 5px;
    line-height: initial;
}
.banner_slider .slick-dots li button {
    background: transparent;
    border: 1px solid white;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    text-align: center;
    font-size: 0;
    transition: 300ms;
}
.banner_slider .slick-dots li.slick-active button{
    background: white;
    border: 1px solid white;
    width: 18px;
    height: 18px;
}
.welcome-message {
    text-align: center;
    font-size: 12px;
    padding: 3px;
    background: #ffbe8a;
    font-weight: 600;
    color: #fff;
}
.offer-section .item-tag {
    left: 8px;
    top: 8px;
    width: 60px;
    height: 20px;
    line-height: 15px;
    text-align: center;
}
.offer-section .item-body {
    margin-top: 15px;
    text-align: center;
}
.inner-offer.offer-section .item-body {
    text-align: left;
}
.offer-section .item-title {
    font-size: 18px;
    font-weight: bold;
}
.offer-section .item-text{
    font-size: 12px;
}
.choice-section{
    margin-bottom: 150px;
}
.legacy-btn {
    background: var(--primary);
    border: 1px solid var(--primary);
    color: white;
    font-size: 14px;
    font-family: sans-serif;
    padding: 10px 15px;
    transition: 300ms;
}
.legacy-btn:hover{
    background: white;
    color: #000 !important;
    border: 1px solid var(--primary);
}
nav .normal-menu-title .normal-menu span.category-tooltip{
    color: white !important;
    padding: 3px 5px;
    top: -6px;
}
.choice-section.offer-section .item-tags {
    text-align: center;
    width: 100%;
    padding-top: 10px;
    font-weight: bold;
    font-size: 18px;
}
.modal-backdrop {
    z-index: 991;
}
.choice-section .section-bg{
    background-size: 100% 100% !important;
    height: 380px;
}
.choice-section .section-bg .item{
    margin-top: 200px;
    position:relative;
}
.choice-section .item img{
    background-color: white;
    box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);
    padding: 0px;
}
.category-banner-section{
    padding-bottom: 180px;
}
.helpline-phone:read-only{
    background-color: white !important;
}
.helpline-email:read-only{
    background-color: white !important;
}
.category-banner-section .item {
    background: #f5f5f5;
    border-radius: 20px;
    padding: 30px 30px 80px 30px;
}
.category-banner-section .item-tag{

}
.category-banner-section .item-img {
    width: 100%;
    box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);
    top: 20px;
    right: 20px;
}
.category-banner-section .item-title {
    font-weight: bold;
    font-size: 40px;
    font-family: sans-serif;
}
.category-banner-section .item-description{
    margin: 20px 0 40px 0;
    width: 90%;
    font-size: 18px;
}
.brand-section .shop-now{
    transition: 300ms;
    color: #000;
    opacity: 0.9;
}
.brand-section .shop-now:hover{
    color: var(--primary);
    opacity: 1;
}
.brand-section .brand-arrow{
    transition: 300ms;
}
.brand-section .shop-now:hover .brand-arrow{
    margin-left: 3px;
}
.brand-section .shop-now .brand-arrow i{
    color: #000;
    opacity: 0.5;
    transition: 300ms;
}
.brand-section .shop-now:hover .brand-arrow i{
    color: var(--primary);
    opacity: 1;
}
.brand-section .up_arrow{
    left: 10px;
    top: 37%;
}
.brand-section .bottom_arrow{
    right: -30px;
    top: 37%;
}
.category-section .left-arrow{
    left: 0px;
    top: 37%;
}
.category-section .right-arrow{
    right: -43px;
    top: 37%;
}
.brand-section .brand-descritpion {
    margin: 20px 0 10px 0;
    font-size: 18px;
    font-weight: bold;
}
.social-site .social-icons > a {
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.1);
    border-radius: 50%;
    margin: 0 5px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.service-section{
    background-color: var(--primary);
    padding: 50px 0;
}
.service-section .service-item{
    position: relative;
}
.service-section .service-item::before {
    content: '';
    background-color: #ffffffe6;
    width: 3px;
    height: 100px;
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translate(0, -50%);
}
.service-section .service-item.first-service::before{
    display: none;
}
.service-section .service-item-title {
    font-size: 22px;
    color: white;
    font-weight: bold;
}
.service-section .service-item-description {
    line-height: initial;
    margin-top: 15px;
    display: block;
    color: white;
    font-size: 12px;
}
.gallery-section{
    margin-top: 40px;
}
.gallery-section .left-arrow{
    left: 0px;
    top: 37%;
}
.gallery-section .right-arrow{
    right: -43px;
    top: 37%;
}
.gallery-section .brand-body ul.album-slider{
    display: flex;
    flex-wrap: wrap;
}
.gallery-section .brand-body ul li.album-item{
    width: auto;
    margin: 0;
}
.album-section.gallery-section .brand-body ul li.album-item{
    width: auto;
}
.gallery-section .brand-body ul li {
    width: 100%;
    height: auto;
    /* border: 5px double #8bb78b; */
    list-style-type: none;
    display: inline-block;
}
.gallery-section .brand-body ul li a {
    color: #aaa;
    text-decoration: none;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.gallery-section .brand-body ul li a .video {
    width: 100%;
}
.gallery-section .brand-body ul li a .video .vdo {
    z-index: 1;
    border-radius: 20px;
}
.gallery-section .brand-body ul li a .video .bg {
    width: 100%;
    height: auto;
    z-index: 2;
    position: absolute;
    top: 0;
}
.gallery-section .brand-body ul li a .video .red {
    background-image: linear-gradient(to right, rgba(255, 0, 0, 0.1), rgba(255, 0, 0, 0.1));
}
.gallery-section .brand-body ul li a .video .green {
    background-image: linear-gradient(to right, rgba(0, 255, 0, 0.1), rgba(0, 255, 0, 0.1));
}
.gallery-section .brand-body ul li a .video .blue {
    background-image: linear-gradient(to right, rgba(0, 0, 255, 0.1), rgba(0, 0, 255, 0.1));
}
.gallery-section .brand-body ul li a .name {
    position: absolute;
    left: 3%;
    bottom: 5%;
    width: 100%;
    height: 10%;
    text-align: left;
    display: flex;
    align-items: end;
    color: #fff;
    opacity: 1;
    z-index: 3;
    transition: all 1s;
}
.gallery-section .yt-iframe{
    height: 435px;
}
.gallery-section .brand-body ul li a .name p {
    font-size: 16px;
    font-weight: 600;
    margin: 0 15px 0 0px;
}
.gallery-section .brand-body ul li:hover .name {
    opacity: 0.5;
}
.gallery-section .shop-now {
    position: absolute;
    top: 45%;
    left: 50%;
    z-index: 10;
    transform: translate(-50%, -50%);
    background: #ffffff5c;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0;
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
    transition: 300ms;
}
.gallery-section .shop-now:hover{
    background: #fff;
}
.studio-section.gallery-section .gallery-slider {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.studio-section.gallery-section .gallery-slider .album-item {
    width: 18%;
    margin: 10px;
}