/*!
Script: lifteverybrand.com
Author: Digitruction
Support: hello@digitruction.com
Version: 4.0
*/
/* @import url('https://fonts.googleapis.com/css2?family=Jost:wght@100;200;300;400;500;600;700;800;900&display=swap'); */

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

/*=====================================
            ALL COMMON STYLE
======================================*/
html,
body {
    scroll-behavior: smooth;
}

body {
    font-family: 'Montserrat', sans-serif !important;
    background-color: #fff !important;
    color: #000 !important;
}

:root {
    --bs-primary-rgb-main: color-mix(in srgb, var(--bs-primary), transparent 70%);
    --bs-primary-rgb-dark: color-mix(in srgb, var(--bs-primary), transparent 60%);


    --bs-primary-rgb-2: color-mix(in srgb, var(--bs-primary), transparent 80%);
    --bs-secondary-rgb-2: color-mix(in srgb, var(--bs-secondary), transparent 80%);
    --bs-font-sans-serif: 'Montserrat', sans-serif !important;

    --bs-primary-card: color-mix(in srgb, var(--bs-primary), #fff 19%);
    --bs-secondary-card: color-mix(in srgb, var(--bs-secondary), #fff 19%);
    --bs-primary-theme-8: color-mix(in srgb, var(--bs-primary), transparent 15%);
    --bs-secondary-theme-8: color-mix(in srgb, var(--bs-secondary), transparent 15%);
    --bs-link-color: var(--bs-primary) !important;
    --bg-section-gray: rgb(243, 243, 243);
    --bs-primary-light: color-mix(in srgb, var(--bs-primary), transparent 95%);
}

/* main section bg color */
.bg-primary-rgb-main {
    background-color: var(--bs-primary-rgb-2);
}

/* main section bg color for theme-8 */
.bg-primary-rgb-main-8 {
    background-color: var(--bs-primary-theme-8);
}

.bg-primary-light {
    background-color: var(--bs-primary-light);
}

/* theme-8 card color */
.bg-primary-rgb-card {
    background-color: var(--bs-primary-card);
}

/* section bg color */
.bg-primary-rgb-dark {
    background-color: var(--bs-primary-rgb-dark);
}

.bg-gradient-primary {
    background-image: linear-gradient(180deg, var(--bs-primary-rgb-2) 30%, #00000000 100%);
}

/* off primary color */
.bg-primary-rgb {
    background-color: var(--bs-primary-rgb-2);
}

.color-background-2 {
    --color-background: 33, 35, 45;
}



/* off secondary color */
.bg-secondary-rgb {
    background-color: var(--bs-secondary-rgb-2);
}

/* bg transparent  */
.bg-transparent {
    background-color: transparent !important;
}

.border-secondary-color {
    border-color: var(--bs-secondary) !important;
}

.border-primary-color {
    border-color: var(--bs-primary) !important;
}

.direction-ltr {
    direction: ltr;
}

.direction-rtl {
    direction: rtl;
}

.justify-items-end {
    justify-items: end !important;
}

.justify-items-center {
    justify-items: center !important;
}

.fs-7 {
    font-size: 14px !important;
}

.fs-8 {
    font-size: 12px !important;
}

.fs-10 {
    font-size: 6px !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.h-fit-content {
    height: fit-content;
}

.box-shadow {
    box-shadow: 0 6px 30px rgb(182 186 203 / 30%);
}

.d-content {
    display: contents;
}

.object-fit-cover {
    object-fit: cover;
    object-position: center;
}

.object-fit-contain {
    object-fit: contain;
}

.object-position-top {
    object-position: top;
}

.w-webkit {
    width: -webkit-fill-available;
}

.w-fit-content {
    width: fit-content;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}

.btn-rounded {
    border-radius: 30px;
}

.form-group,
.form-check {
    margin-bottom: 1rem;
}

*:focus {
    outline: none !important;
    box-shadow: none !important;
}

input::placeholder {
    font-size: 14px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    appearance: none;
    -webkit-appearance: none;
    margin: 0;
}

.form-switch-success .form-check-input:checked {
    background-color: var(--bs-success);
    border-color: var(--bs-success);
}

.form-check-input-secondary:checked {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}

.cursor-pointer {
    cursor: pointer;
}

.overflow-auto {
    overflow: auto;
}

dl,
ol,
ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

a {
    color: var(--bs-link-color);
    text-decoration: none;
}


.rounded-end-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.rounded-start-0 {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.flip-horizontal {
    transform: scaleX(-1);
}

.btn-secondary:hover,
.btn-secondary:focus {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.owl-stage-outer .owl-stage,
.owl-stage-outer .owl-stage {
    display: flex;
    height: 100%;
}

.cp {
    cursor: pointer;
}

/* z-index class */

.z-5 {
    z-index: 5;
}


/* ---------------------------- tab-bar start --jenish ----------------------------  */

.mobile-menu-footer {
    position: fixed;
    bottom: 0%;
    left: 0%;
    background-color: #fff;
    width: 100%;
    z-index: 999;
    padding: 10px;
    box-shadow: 0 -4px 10px 0 rgba(8, 28, 31, 0.1);
}

.mobile-menu-footer ul li {
    width: 100%;
    text-align: center;
}

.mobile-menu-footer ul li i {
    color: #000;
    font-size: 14px;
    font-weight: 500;
}

.mobile-menu-footer ul li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2px;
}

.mobile-menu-footer ul li span {
    color: #000;
    font-size: 12px;
    font-weight: 500;
    padding-top: 5px;
}

.cart-mobile {
    position: absolute;
    top: -3px !important;
    left: 7px;
    font-size: 11px !important;
    height: 17px !important;
    width: 17px !important;
    background-color: #000;
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mobile-menu-footer ul li .active::before {
    content: " ";
    width: 35px;
    height: 35px;
    transition: all 0.4s;
    background-color: var(--bs-primary);
    position: absolute;
    top: -7px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 7px;
    z-index: -1;
}

.mobile-menu-footer ul li .active i {
    font-weight: 600;
    color: #fff;
}

/* ---------------------------- tab-bar end -- jenish ----------------------------  */

/*=====================================
            BACK TO TOP BUTTON STYLE
======================================*/

#back-to-top {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 8px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    left: unset;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 9;
    background-color: #fff;
    border: 1px solid #000;
    cursor: pointer;
}

#back-to-top a {
    font-size: 17px;
}

#back-to-top.show {
    opacity: 1;
    visibility: visible
}

#back-to-top.rtl {
    left: 30px;
    right: unset;
}

/*=====================================
        RTL BUTTON AREA STYLE
======================================*/

.rtl-btn {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 1050;
}

/*=====================================
            SUPPORT BAR AREA STYLE
======================================*/

.support-bar-area {
    color: #999fa9;
    background-color: var(--bs-primary);
    border-bottom: 1px solid rgb(255 255 255 / 30%);
}

.support-bar-area .left-content-area li a,
.support-bar-area .right-content-area li a {
    color: #999fa9;
    font-size: 14px;
}

.support-bar-area .right-content-area li,
.support-bar-area .left-content-area li {
    display: inline-block;
    color: #999fa9;
    font-size: 14px;
    margin: 0 10px;
    padding: 8px 0;
    transition: all 0.3s ease-in;
    cursor: pointer;
}

.support-bar-area .left-content-area li a:hover,
.support-bar-area .right-content-area li a:hover {
    color: var(--bs-secondary);
}

/*=========== Top bar ===========*/

/*------- language button -------*/

.dropdown .language-dropdown {
    padding: 0px !important;
    border: none;
}

/* .dropdown .dropdown-menu .dropdown-item {
    font-size: 12px;
} */


/*------- language button -------*/

/*=====================================
            NAVBAR AREA STYLE
======================================*/
.navbar-area {
    transition: 0.5s ease-in;
    background-color: #fff;
    padding: 0;
    z-index: 4;
}

.banner-area .top-category {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
    color: #fff;
    background-color: var(--bs-secondary);
}

.navbar-area .main-menu {
    display: flex;
}

.navbar-area .main-menu li {
    margin: 0 1rem;
    min-width: max-content;
}

.navbar-area .main-menu li a {
    color: #000;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    transition: all 0.3s;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 14px;
}

.navbar-area .main-menu li a:hover,
.navbar-area .main-menu li a.active {
    color: var(--bs-primary);
}

.navbar-area .main-menu li a::before {
    content: "";
    height: 2px;
    width: 0;
    background-color: var(--bs-secondary);
    position: absolute;
    top: 25px;
    left: 0;
    opacity: 0;
    transition: .5s;
}

.navbar-area .main-menu li:hover a::before,
.navbar-area .main-menu li a.active::before {
    width: 100%;
    top: 25px;
    opacity: 1;
}

.navbar-area .right-btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: end;
}

.search-box .btn:hover,
.search-box .btn:focus {
    border: none !important;
    color: #000 !important;
}

.top-bar .right-btn-wrapper li,
.navbar-area .right-btn-wrapper li {
    position: relative;
    margin: 0px 10px;
}

.mx-10 {
    margin: 0px 10px;
}


.top-bar .right-btn-wrapper .shopping-cart .cart-dropdown-btn .cart-count,
.navbar-area .right-btn-wrapper .shopping-cart .cart-dropdown-btn .cart-count {
    text-align: center;
    background-color: red;
    outline: none;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    border-radius: 50%;
    height: 18px;
    width: 18px;
    line-height: 22px;
    position: absolute;
    top: -5px;
    right: -5px;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-area .myCategories {
    /* position: absolute; */
    z-index: 2;
    /* width: 325px; */
    max-height: 480px;
    justify-content: center;
}

.navbar-area .myCategories .cats_menu ul,
.navbar-area .myCategories .cats_menu ul {
    position: relative;
    z-index: 597;
    float: left;
}

.navbar-area .myCategories .cats_menu ul li,
.navbar-area .myCategories .cats_menu ul li {
    float: left;
    min-height: 1px;
    line-height: 1em;
    vertical-align: middle;
    position: relative;
}

.navbar-area .myCategories .cats_menu ul li.hover,
.navbar-area .myCategories .cats_menu ul li:hover {
    position: relative;
    z-index: 599;
    cursor: default;
    background-color: var(--bs-secondary-rgb);
}

.navbar-area .myCategories .cats_menu ul ul,
.banner-area .myCategories .cats_menu ul ul {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 598;
    width: 100%;
}

.navbar-area .myCategories .cats_menu ul ul li,
.banner-area .myCategories .cats_menu ul ul li {
    float: none;
}

.navbar-area .myCategories .cats_menu ul ul ul,
.banner-area .myCategories .cats_menu ul ul ul {
    top: -2px;
    right: 0;
}

.navbar-area .myCategories .cats_menu ul li:hover>ul,
.banner-area .myCategories .cats_menu ul li:hover>ul {
    visibility: visible;
}

.navbar-area .myCategories .cats_menu ul ul,
.banner-area .myCategories .cats_menu ul ul {
    top: 1px;
    left: 100%;
}

/* For RTL Use */
.banner-area .myCategories .cats_menu ul ul.rtl-position {
    top: 1px;
    right: 100%;
}

/* For RTL Use */
.banner-area .myCategories .cats_menu ul ul {
    float: none;
}

.banner-area .myCategories .cats_menu ul ul {
    margin-top: 1px;
}

.banner-area .myCategories .cats_menu ul ul li {
    font-weight: normal;
}

.banner-area .myCategories .cats_menu {
    width: 100%;
    background: #ffffff;
    border-radius: 0px 0px 6px 6px;
    box-shadow: 0px 0px 42px 0px rgba(32, 32, 32, 0.15);
    -webkit-box-shadow: 0px 0px 42px 0px rgba(32, 32, 32, 0.15);
}

.banner-area .myCategories .cats_menu::before {
    content: '';
    display: block;
}

.banner-area .myCategories .cats_menu:after {
    content: '';
    display: table;
    clear: both;
}

.banner-area .myCategories .cats_menu a {
    display: block;
    padding: 16px 20px;
    text-decoration: none;
    border-bottom: 1px dashed #e5e8ef;
}

.banner-area .myCategories .cats_menu ul li:last-child a,
.banner-area .myCategories .cats_menu ul ul>li:last-child a,
.banner-area .myCategories .cats_menu ul ul ul>li:last-child a {
    border-bottom: none;
}

.banner-area .myCategories .cats_menu>ul {
    width: 100%;
}

.banner-area .myCategories .cats_menu ul ul {
    width: 200px;
}

.banner-area .myCategories .cats_menu li {
    position: relative;
}

.banner-area .myCategories .cats_menu ul li.has-sub>a:after {
    content: '+';
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -9px;
}

/* For RTL Use */
.banner-area .myCategories .cats_menu ul li.has-sub-rtl>a:after {
    content: '+';
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -9px;
}

/* For RTL Use */
.banner-area .myCategories .cats_menu ul ul li.first {
    -webkit-border-radius: 0 3px 0 0;
    -moz-border-radius: 0 3px 0 0;
    border-radius: 0 3px 0 0;
}

.banner-area .myCategories .cats_menu ul ul li.last {
    -webkit-border-radius: 0 0 3px 0;
    -moz-border-radius: 0 0 3px 0;
    border-radius: 0 0 3px 0;
    border-bottom: 0;
}

.banner-area .myCategories .cats_menu ul ul {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.banner-area .myCategories .cats_menu ul ul {
    background: #ffffff;
    border-radius: 2px;
    box-shadow: 0px 0px 42px 0px rgba(32, 32, 32, 0.15);
    -webkit-box-shadow: 0px 0px 42px 0px rgba(32, 32, 32, 0.15);
}

.banner-area .myCategories .cats_menu ul ul a {
    font-size: 14px;
}

.navbar-area .myCategories .cats_menu.align-right>ul>li>a {
    border-left: 4px solid #d50000;
    border-right: none;
}

.navbar-area .myCategories .cats_menu.align-right {
    float: right;
}

.navbar-area .myCategories .cats_menu.align-right li {
    text-align: right;
}

.navbar-area .myCategories .cats_menu.align-right ul li.has-sub>a:before {
    content: '+';
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -6px;
}

.navbar-area .myCategories .cats_menu.align-right ul li.has-sub>a:after {
    content: none;
}

.navbar-area .myCategories .cats_menu.align-right ul ul {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 598;
    width: 100%;
}

.navbar-area .myCategories .cats_menu.align-right ul ul li.first {
    -webkit-border-radius: 3px 0 0 0;
    -moz-border-radius: 3px 0 0 0;
    border-radius: 3px 0 0 0;
}

.navbar-area .myCategories .cats_menu.align-right ul ul li.last {
    -webkit-border-radius: 0 0 0 3px;
    -moz-border-radius: 0 0 0 3px;
    border-radius: 0 0 0 3px;
}

.navbar-area .myCategories .cats_menu.align-right ul ul {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.top_categories {
    left: 0;
}

.top_categories .close-btn {
    position: absolute;
    top: 15px;
    right: 15px;
}

.top_categories .close-btn i {
    color: var(--bs-secondary);
    font-size: 18px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    text-shadow: 2px 3px 8px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0px 3px 10px 1px rgb(0 0 0 / 10%);
    box-shadow: 0px 3px 10px 1px rgb(0 0 0 / 10%);
}

.top_categories .container {
    padding: 100px 15px 25px;
}

.top_categories .navbar-nav .nav-link {
    width: 100%;
    padding: 15px;
    border-radius: 8px;
    color: var(--bs-primary);
    text-transform: capitalize;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: space-between;
    transition: all linear .3s;
}

.top_categories .navbar-nav .nav-link:hover {
    color: var(--bs-secondary);
}

.sidebar,
.top_categories {
    background-color: #fbfbfb;
    width: 250px;
    z-index: 9990;
    position: fixed;
    bottom: 0;
    top: 0;
    right: 0;
    margin-top: 0;
    height: 100vh;
    padding: 0.8rem;
    overflow-y: scroll;
    overflow-x: hidden;
    transition: 0.5s ease-in;
}

.sidebar .close-btn,
.top_categories .close-btn {
    position: absolute;
    top: 15px;
    left: 15px;
}

.sidebar .close-btn i,
.top_categories .close-btn i {
    color: var(--bs-secondary);
    font-size: 18px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    text-shadow: 2px 3px 8px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0px 3px 10px 1px rgb(0 0 0 / 10%);
    box-shadow: 0px 3px 10px 1px rgb(0 0 0 / 10%);
}

.sidebar .container,
.top_categories .container {
    padding: 65px 4px 25px;
}

.search-input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #fff;
}

.search-input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff;
    opacity: 1;
}

.search-input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff;
    opacity: 1;
}

.search-input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

.sidebar .navbar-nav .nav-link,
.top_categories .navbar-nav .nav-link {
    width: 100%;
    padding: 15px;
    border-radius: 8px;
    color: var(--bs-primary);
    text-transform: capitalize;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: space-between;
    transition: all linear .3s;
}

.sidebar .navbar-nav .nav-link:hover,
.top_categories .navbar-nav .nav-link:hover {
    color: var(--bs-secondary);
}

.sidebar .sidebar-login {
    position: absolute;
    bottom: 20px;
    width: 190px;
}

/*=====================================
            BANNER AREA STYLE
======================================*/

.banner-area .category {
    background: rgb(251 242 242);
    border-radius: 8px;
    max-height: 450px;
}

.banner-area .category::-webkit-scrollbar {
    cursor: pointer;
    width: 5px;
    height: 7px;
    border-radius: 10px;
    background-color: #F5F5F5;
}

.banner-area .category::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.banner-area .category::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--bs-secondary);
}

.banner-area .category .cat-heading {
    display: flex;
    justify-content: center;
    background-color: var(--bs-secondary);
    width: 100%;
    padding: 15px 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.banner-area .category .cat-heading i {
    font-size: 18px;
    color: #fff;
    margin-right: 15px;
}

.banner-area .category .cat-heading h5 {
    text-transform: capitalize;
    font-weight: 600;
    color: #fff;
}

.banner-area .banner-slider .carousel .carousel-inner .carousel-item {
    height: 517px;
}

/*-------------------------------- theme-2 --------------------------------*/
/* theme-2-slider-section */
.theme-2-main-banner .owl-stage {
    display: block !important;
}

.theme-7-slider .owl-dots {
    display: none;
}

.theme-2-slider .theme-2-main-banner .owl-dots,
.theme-6-slider .theme-6-main-banner .owl-dots,
.theme-7-slider .theme-7-main-banner .owl-dots,
.theme-8-slider .theme-8-main-banner .owl-dots {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}

.theme-2-slider .theme-2-main-banner .owl-dots .owl-dot span,
.theme-7-slider .theme-7-main-banner .owl-dots .owl-dot span {
    width: 30px;
    height: 5px;
}

/* theme-2-category-section */
.title {
    font-size: 18px;
    color: #222;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 2px solid #eee;
    display: inline-block;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 20px;
    position: relative;
}

.title span {
    padding-bottom: 8px;
    display: inline-block;
    position: relative;
    color: #222;
    font-weight: 600;
    font-size: 30px;
}


.theme-2-category .content-box {
    background-color: #f7f7f7;
    width: 100%;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    overflow: hidden;
}

.theme-2-category .content-box .cat-title {
    background-color: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.theme-2-category .content-box:hover a {
    color: var(--bs-secondary);
}

.theme-2-category .owl-nav i {
    color: #999;
    cursor: pointer;
}

.nav-left {
    left: 4px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
    color: var(--bs-secondary);
}

.btn-add {
    border: 1px solid var(--bs-primary);
}

.btn-add:hover {
    background-color: var(--bs-secondary);
    color: #fff;
}

.theme-2-new-arrival .option-wrap li .option-btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    transform: scale(1);
    transition: all 0.5s;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    z-index: -1;
}

/* theme-2-new-products */
.theme-2-new-products .card img {
    height: 300px;
}

/* for all products img */
.card .img-2,
.item .img-2 {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none !important;
    transition: opacity .8s ease-in-out;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.deals2 .card .card-img img {
    height: 330px;
}

.deals2 .card .img-2 {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    transition: opacity .8s ease-in-out;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.deals2 .card:hover .img-2 {
    display: block;
}

/* theme-2 category */
.theme-2-category .cat-img img {
    height: 200px;
    margin: 0 auto;
}

/* theme-2-blog-section */

.theme-2-blog .card .card-title a {
    color: var(--bs-primary);
    font-weight: 600;
}

.theme-2-blog .card .card-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.theme-2-blog .card .card-title a:hover {
    color: var(--bs-secondary);
}

.theme-2-blog .card .card-title {
    font-size: 16px;
}

.theme-2-blog .card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.theme-2-blog .card-footer a:hover {
    color: var(--bs-secondary);
}

/* theme-2-footer-section */

.theme-2-footer .subscribe {
    background-color: #474d54;
    position: relative;
    text-align: center;
    height: 200px;
    padding: 25px 10px;
}

.theme-2-footer .input-group {
    width: 50%;
    position: absolute;
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%);
}

.theme-2-footer .input-group input {
    font-size: 18px;
}

.theme-2-footer .btn-submit {
    background-color: var(--bs-primary) !important;
    padding: 4px 24px !important;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border: none;
}

/*=========================== Theme-3-section ===========================*/

/* theme-3-slider-main-section */
.theme-3-slider .theme-3-main-banner .owl-dots {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}

.theme-3-slider .theme-3-main-banner .owl-dots .owl-dot span {
    width: 30px;
    height: 5px;
    background-color: #fff;
}

.theme-3-slider .theme-3-main-banner img {
    position: relative;
}

.theme-3-slider .item img::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 40%);
}

/* theme-3-category-section */
.theme-3-title {
    border: none;
    text-transform: capitalize;
    color: #000;
    text-align: center;
    margin-bottom: 35px;
}

.theme-3-title h2 {
    position: relative;
    display: inline-block;
    padding: 0px 16px;
}

.theme-3-title h2:before {
    content: " ";
    width: 42%;
    height: 2px;
    background-color: rgba(0, 0, 0, 0.175);
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
}

.theme-3-title h2::after {
    content: " ";
    width: 42%;
    height: 2px;
    background-color: rgba(0, 0, 0, 0.175);
    position: absolute;
    top: 50%;
    right: 100%;
    transform: translateY(-50%);
}

.theme-3-category .category-content {
    text-align: center;
    color: #000;
}

.theme-3-category .category-img {
    overflow: hidden;
    transition: 0.4s all ease-in-out;
    cursor: pointer;
    border-radius: 50%;
    height: 200px;
    width: 200px;
    margin: 0 auto;
}

/* theme-3-best-Selling-product-section */


.theme-3-best-Selling-product .img-2 {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    transition: opacity .8s ease-in-out;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.theme-3-best-Selling-product .item:hover .img-2 {
    display: block;
}

.theme-3-best-Selling-product .item .item-brand {
    font-weight: bold;
    letter-spacing: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-transform: capitalize;
}

.offer-3 {
    width: auto;
    height: auto;
    padding: 5px 6px;
    background-color: var(--bs-primary);
    font-size: 12px;
    color: #fff;
    border-radius: 50px;
    position: absolute;
    top: 10px;
    text-align: center;
    left: 10px;
    max-width: 78px;
}

/* rtl css start */
.offer-3.ltr {
    left: 10px;

}

.offer-3.rtl {
    right: 10px;

}

/* rtl css end */


.deals3 .item .item-img img {
    height: 230px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 20px;
}

.theme-3-best-Selling-product .item .item-img img {
    height: 180px !important;
    width: 180px !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 20px;
}

.theme-3-new-product .item .item-img img {
    height: 350px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 20px;
}

.theme-3-slider .item {
    position: relative;
}

.theme-3-slider .item::before,
.theme-4-slider .item::before,
.slider-layer .item::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
}

/* theme-3-blog-section */
.theme-3-blog .theme-3-blog-item .card {
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.175);
    transition: 0.4s all ease-in-out;
    cursor: pointer;
}

.theme-3-blog .theme-3-blog-item .card .card-body .card-title,
.theme-4-blog .theme-4-blog-item .card .card-body .card-title {
    font-size: 22px;
    font-weight: 600;
}

.theme-3-blog .card h5 a,
.theme-11-blog .card h5 a {
    font-size: 20px;
}

/* theme-5-product-section */
.theme-5-best-Selling-product .product-item .card img,
.theme-5-new-product .product-item .card img {
    height: 300px;
    max-height: 300px;
    object-fit: cover;
    color: var(--bs-secondary);
    cursor: pointer;
}

.theme-5-best-Selling-product .product-item .card-body .btn-circle,
.theme-5-new-product .product-item .card-body .btn-circle {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    color: #000;
}

.sale-label {
    width: auto;
    height: auto;
    font-size: 11px;
    text-align: center;
    padding: 5px 7px;
    background-color: var(--bs-primary);
    color: #fff;
    display: block;
    font-weight: 600;
    position: absolute;
    top: 10px;
    right: 10px;
}


/* theme-5-blog-section */


.theme-5-blog .theme-5-blog-item .card .card-body .card-text {
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 20px;
    color: #000;
}

/*=====================================
        OFFERS BANNER 1 AREA STYLE
======================================*/

.offers-banner-area_1 {
    padding-bottom: 30px;
}

.offers-banner-area_1 .owl-carousel .owl-stage-outer .owl-stage {
    display: flex;
    overflow: hidden;
}

.offers-banner-area_1 .owl-carousel .owl-nav {
    display: none;
}

/*===============================================================
    BEST SELLING / NEW ARRIVAL PRODUCTS AREA STYLE
    ================================================================*/

.section-title {
    color: #000;
    font-weight: 600;
    font-size: 30px;
    text-transform: capitalize;
}


.best-product .card .img-overlay,
.product-list .card .img-overlay,
.new-product .card .img-overlay {
    position: absolute;
    top: 15px;
    right: 15px;
}

.best-product .card .img-overlay-rtl,
.product-list .card .img-overlay-rtl,
.new-product .card .img-overlay-rtl {
    position: absolute;
    top: 15px;
    left: 15px;
}

.best-product .card .img-overlay a,
.product-list .card .img-overlay a,
.new-product .card .img-overlay a,
.best-product .card .img-overlay-rtl a,
.product-list .card .img-overlay-rtl a,
.new-product .card .img-overlay-rtl a {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    padding-top: 8px;
}

/*=====================================
        OFFERS BANNER 2 AREA STYLE
======================================*/

.offers-banner-area_2 img {
    width: -webkit-fill-available;
}

/*=====================================
        OFFERS BANNER 3 AREA STYLE
======================================*/

.offers-banner-area_3 {
    padding: 0 0 40px 0;
}

.offers-banner-area_3 .owl-carousel .owl-stage-outer .owl-stage .owl-item img {
    height: 100%;
}

.offers-banner-area_3 .owl-carousel .owl-stage-outer .owl-stage {
    display: flex;
}

.offers-banner-area_3 .owl-carousel .owl-nav {
    display: none;
}

/*=====================================
        TESTIMONIALS AREA STYLE
======================================*/
.testimonials {
    padding: 20px 0 50px 0;
    background-color: #fff;
}

.testimonials .section-heading h4 {
    color: var(--bs-primary);
    font-weight: 600;
    text-align: center;
    margin-bottom: 1rem;
}

.testimonials .owl-carousel .review {
    padding: 30px 0 0 0;
}

.testimonials .owl-carousel .review .review-body .review-img img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

.testimonials .owl-carousel .owl-stage-outer .owl-stage {
    display: flex;
}

.testimonials .owl-carousel .owl-nav {
    display: none;
}

/*=====================================
       FEATURED BLOGS AREA STYLE
======================================*/
.section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.featured-blog .owl-carousel .card img,
.blogs-list .card .blog-img {
    height: 280px;
}

/*=====================================
       FOOTER AREA STYLE
======================================*/
.subscribe_newsletter {
    height: 200px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.subscribe_newsletter img {
    width: -webkit-fill-available;
    height: 200px;
    object-fit: cover;
    object-position: center;
}

.subscribe_newsletter .img-overlay {
    /* padding: 0 100px; */
    position: absolute;
    top: 14%;
}

.subscribe_newsletter .img-overlay .title-highlighter {
    display: flex;
    align-items: center;
    font-weight: 600;
    color: var(--bs-primary);
    margin-bottom: 10px;
}

.subscribe_newsletter .img-overlay .title-highlighter i {
    width: 30px;
    height: 30px;
    color: #fff;
    font-size: 14px;
    background-color: var(--bs-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding-top: 4px;
}

.subscribe_newsletter .img-overlay form input {
    width: 400px;
    padding: 1rem;
}

.footer-widget {
    height: 100%;
    padding: 15px 0;
    transition: 0.3s;
}

.footer-widget:hover {
    border-color: var(--bs-secondary);
}

.footer-widget .widget-wrapper .widget-icon {
    transition: 0.3s;
}

/*=====================================
       Breadcrumb AREA STYLE
======================================*/
.breadcrumb {
    margin-bottom: 0;
    align-items: center;
    font-size: 15px;
}

.breadcrumb-item.active,
.breadcrumb-item-rtl.active {
    color: var(--bs-secondary);
}

.breadcrumb-item-rtl+.breadcrumb-item-rtl::before {
    float: right;
    padding: 0 var(--bs-breadcrumb-item-padding-x);
    color: var(--bs-breadcrumb-divider-color);
    content: var(--bs-breadcrumb-divider, "/");
}

/*=====================================
       PRODUCTS LIST AREA STYLE
======================================*/

.product-list .filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-list .categories {
    padding: 1rem 0;
    display: flex;
    overflow: auto;
}

.product-list .categories::-webkit-scrollbar {
    cursor: pointer;
    width: 5px;
    height: 7px;
    border-radius: 10px;
    background-color: #F5F5F5;
}

.product-list .categories::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.product-list .categories::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--bs-secondary);
}

.product-list .categories .active {
    border: 1px solid var(--bs-primary);
    color: #fff;
    background-color: var(--bs-primary);
}

.product-list .categories a {
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    border: 1px solid #ccc;
    color: var(--bs-primary);
    margin-right: 10px;
    white-space: nowrap;
    transition: .3s;
    -webkit-transition: .3s;
}

.product-list .sidebar-filter .card .card-body h5 {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 2px solid var(--bs-secondary);
    color: var(--bs-dark);
    font-weight: 600;
}

.product-list .sidebar-filter .card .card-body ul {
    padding: 1rem 0;
}

.product-list .sidebar-filter .card .card-body ul li label {
    color: var(--bs-dark);
}

.product-list .sidebar-filter .card .card-body .price-range-slider {
    width: 100%;
    float: left;
    padding: 10px 20px;
}

.product-list .sidebar-filter .card .card-body .price-range-slider .range-value {
    margin: 0;
}

.product-list .sidebar-filter .card .card-body .price-range-slider .range-value input {
    width: 100%;
    background: none;
    color: var(--bs-dark);
    font-size: 16px;
    font-weight: initial;
    box-shadow: none;
    border: none;
    margin: 20px 0 20px 0;
}

.product-list .sidebar-filter .card .card-body .price-range-slider .range-bar {
    border: none;
    background: var(--bs-gray);
    height: 3px;
    width: 96%;
    margin-left: 8px;
}

.product-list .sidebar-filter .card .card-body .price-range-slider .range-bar .ui-slider-range {
    background: var(--bs-primary);
}

.product-list .sidebar-filter .card .card-body .price-range-slider .range-bar .ui-slider-handle {
    border: none;
    border-radius: 25px;
    background: #fff;
    border: 2px solid var(--bs-primary);
    height: 17px;
    width: 17px;
    top: -0.52em;
    cursor: pointer;
}

.product-list .sidebar-filter .card .card-body .price-range-slider .range-bar .ui-slider-handle+span {
    background: var(--bs-primary);
}

/*=====================================
       PRODUCTS VIEW AREA STYLE
======================================*/
.product-view {
    padding-bottom: 50px;
}

.product-view .carousel {
    direction: ltr;
    color: #170724;
    --carousel-button-bg: #fff;
    --carousel-button-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%),
        0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
    --carousel-button-svg-width: 20px;
    --carousel-button-svg-height: 20px;
    --carousel-button-svg-stroke-width: 2.5;
}

.product-view .carousel .carousel__button:focus {
    outline: none;
    box-shadow: 0 0 0 4px var(--bs-secondary);
}

.product-view .carousel .carousel__button.is-prev {
    left: 0;
}

.product-view .carousel .carousel__button.is-next {
    right: 0;
}

.product-view .carousel .carousel__dots {
    color: var(--bs-secondary);
}

.product-view #mainCarousel .carousel__slide {
    width: 100%;
    padding: 0;
}

.product-view #thumbCarousel .carousel__slide {
    width: 88px;
    padding: 0.75rem;
}

.product-view #thumbCarousel .carousel__slide img {
    border-radius: 6px;
}

.product-view #thumbCarousel .carousel__slide.is-nav-selected img {
    box-shadow: 0 0 0 2px var(--bs-secondary);
}

.product-view .product-content {
    padding: 0 30px;
}

.product-view .product-content .product-price {
    font-weight: 600 !important;
    font-size: calc(17px + (20 - 17) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: 1rem;
    color: var(--bs-dark);
}

.product-view .product-content .product-rating {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    line-height: 1;
    padding-bottom: 20px;
    border-bottom: 2px solid var(--bs-border-color);
}

.product-view .product-content .product-rating .review-count {
    font-size: 16px;
    line-height: 24px;
    color: var(--bs-gray);
}

.product-view .product-content .feature li,
.product-view .product-content .feature-rtl li {
    margin-bottom: 0.5rem;
}

.product-view .product-content .feature li i {
    color: var(--bs-secondary);
    margin-right: 0.5rem;
}

.product-view .product-content .feature-rtl li i {
    color: var(--bs-secondary);
    margin-left: 0.5rem;
}

.product-view .product-content .coupon-list {
    border: 1px solid var(--bs-success);
    background-color: rgba(var(--bs-success-rgb), 0.1);
    border-radius: 4px;
    max-width: 448px;
    width: 100%;
    padding: 12px;
    margin-bottom: 1rem;
}

.product-view .product-content .product-variations-wrapper {
    margin-bottom: 20px;
}

.product-view .product-content .product-variations-wrapper .size-variation ul li label {
    padding: 6px 15px;
    border: 2px solid var(--bs-border-color);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--bs-primary);
}

.product-view .product-content .product-variations-wrapper .size-variation ul li input:checked+label {
    border-color: var(--bs-primary);
    background-color: var(--bs-primary);
    color: #fff;
}

.item-quantity {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #000;
    border-radius: 5px;
    width: 80px;
    margin: auto;
}

.item-quantity .minus {
    color: #000;
    padding-left: 7px;
    padding-right: 7px;
    cursor: pointer;
    font-size: 12px;
}

.item-quantity .plus {
    color: #000;
    padding-left: 6px;
    padding-right: 6px;
    cursor: pointer;
    font-size: 12px;
}

.item-quantity input {
    width: 30px;
    vertical-align: middle;
    text-align: center;
    outline: 0;
    border: 0;
    font-size: 14px;
    font-weight: 600;
    background: transparent;
}

.product-view .nav-tabs .nav-item .nav-link.active,
.product-view .nav-tabs .nav-item .nav-link:hover {
    color: var(--bs-secondary);
    background-color: transparent;
    border-color: var(--bs-secondary);
    position: relative;
    border: 0;
}

.product-view .nav-tabs .nav-item .nav-link::before {
    position: absolute;
    display: block;
    bottom: 0;
    left: 1.25rem;
    width: calc(100% - (1.25rem * 2));
    height: 1px;
    transition: color .25s ease-in-out, background-color .25s ease-in-out, box-shadow .25s ease-in-out, border-color .25s ease-in-out;
    background-color: transparent;
    content: "";
}

.product-view .nav-tabs .nav-item .nav-link.active::before,
.product-view .nav-tabs .nav-item .nav-link:hover:before {
    background-color: var(--bs-secondary);
}

#related_product .owl-stage-outer .owl-stage {
    display: flex;
}

#related_product .owl-nav {
    display: none;
}

/*=====================================
       CART AREA STYLE
======================================*/
/* .cart {
    padding-bottom: 50px;
} */

/*=====================================
       CHECKOUT AREA STYLE
======================================*/
.checkout {
    padding-bottom: 50px;
}

.accordion-button-rtl::after {
    margin-right: auto;
    margin-left: 0;
}

.checkout .address-card {
    display: grid;
    justify-items: center;
    border: 1px dashed #e5e5e5;
    padding: 1rem 0;
    border-radius: 6px;
    margin: 5px 0;
}

.checkout .address-card h4 {
    margin-bottom: 4px;
    font-size: 18px;
    font-weight: 600;
    color: var(--bs-dark);
    line-height: 1.18;
    text-transform: capitalize;
}

.checkout .address-card a {
    text-transform: capitalize;
    width: fit-content;
}

.checkout .payment-option input[type="radio"] {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    opacity: 0;
    z-index: -1;
}

.checkout .payment-option .payment-gateway,
.checkout .payment-option .payment-gateway-rtl {
    padding: 1rem;
    border-radius: 6px;
    border: 1px solid #e5e5e5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--bs-dark);
}

.checkout .payment-option .payment-gateway img {
    margin-right: 0.5rem;
    width: 32px;
    height: 32px;
}

.checkout .payment-option .payment-gateway-rtl img {
    margin-left: 0.5rem;
    width: 32px;
    height: 32px;
}

.checkout .payment-option label input[type="radio"]:checked~.payment-gateway,
.checkout .payment-option label input[type="radio"]:checked~.payment-gateway-rtl {
    border: 1px solid var(--bs-primary);
}

.checkout .continue-shopping {
    display: flex;
    text-decoration: none;
    color: var(--bs-secondary);
    justify-content: center;
    align-items: center;
    transition: all 0.2s;
}

/*=====================================
       ORDER SUCCESS AREA STYLE
======================================*/
.order-success {
    display: flex;
    justify-content: center;
    text-align: center;
}

.order-success .order-success-img img {
    width: 100%;
    height: 400px;
    object-fit: contain;
}

.order-success .order-main-sec {
    display: flex;
    justify-content: center;
    text-align: center;
}

.order-success .order-title {
    margin-bottom: 3rem;
    transform-origin: 0;
    color: #000;
    font-size: calc(25px + (40 - 25) * ((100vw - 320px) / (1920 - 320)));
}

.order_detail .progressbar,
.progressbar-rtl {
    padding-top: 40px;
}

.order_detail .progressbar .steps,
.order_detail .progressbar-rtl .steps {
    list-style: none;
    margin: 0;
    padding: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
    color: var(--bs-primary);
    height: 4rem;
}

.order_detail .progressbar .steps>.step,
.order_detail .progressbar-rtl .steps>.step {
    position: relative;
    display: table-cell;
    text-align: center;
    font-size: 0.875rem;
    color: var(--bs-primary);
}

.order_detail .progressbar .steps>.step:before,
.order_detail .progressbar-rtl .steps>.step:before {
    content: attr(data-step);
    display: block;
    margin: 0 auto;
    background: #ffffff;
    border: 2px solid #e6e6e6;
    color: #e6e6e6;
    width: 2rem;
    height: 2rem;
    text-align: center;
    margin-bottom: -4.2rem;
    line-height: 1.9rem;
    border-radius: 100%;
    position: relative;
    z-index: 1;
    font-weight: 700;
    font-size: 1rem;
}

.order_detail .progressbar .steps>.step:after {
    content: "";
    position: absolute;
    display: block;
    background: #e6e6e6;
    width: 100%;
    height: 0.125rem;
    top: 1rem;
    left: 50%;
}

.order_detail .progressbar-rtl .steps>.step:after {
    content: "";
    position: absolute;
    display: block;
    background: #e6e6e6;
    width: 100%;
    height: 0.125rem;
    top: 1rem;
    right: 50%;
}

.order_detail .progressbar .steps>.step:last-child:after,
.order_detail .progressbar-rtl .steps>.step:last-child:after {
    display: none;
}

.order_detail .progressbar .steps>.step.is-complete,
.order_detail .progressbar-rtl .steps>.step.is-complete {
    color: var(--bs-primary);
}

.order_detail .progressbar .steps>.step.is-complete:before,
.order_detail .progressbar-rtl .steps>.step.is-complete:before {
    content: "";
    color: var(--bs-primary);
    border: 2px solid var(--bs-primary);
}

.order_detail .progressbar .steps>.step.is-complete:after,
.order_detail .progressbar-rtl .steps>.step.is-complete:after {
    background: var(--bs-primary);
}

.order_detail .progressbar .steps>.step.is-active,
.order_detail .progressbar-rtl .steps>.step.is-active {
    font-weight: 600;
    font-size: 1.5rem;
}

.order_detail .progressbar .steps>.step.is-active:before,
.order_detail .progressbar-rtl .steps>.step.is-active:before {
    color: #FFF;
    border: 2px solid var(--bs-primary);
    background: var(--bs-primary);
    margin-bottom: -4.9rem;
}

/*=====================================
       AUTH PAGES AREA STYLE
======================================*/
.auth .logo {
    margin: 20px 0;
    margin-bottom: 40px;
    font-size: 24px;
    text-transform: capitalize;
    letter-spacing: 4px;
    color: #666;
    text-align: center;
}

.auth .card .card-header {
    background-color: #fff;
    border-bottom-color: #e1e1e1;
    line-height: 30px;
    -ms-grid-row-align: center;
    justify-content: center;
    width: 100%;
    min-height: 70px;
    padding: 15px 25px;
    display: flex;
    align-items: center;
}

.auth .or_section {
    display: flex;
    align-items: center;
    margin: 10px 0 15px;
}

.auth .or_section span {
    flex: 1;
    border-bottom: 1px dashed var(--bs-secondary);
}

/*=====================================
       PROFILE AREA STYLE
======================================*/
.profile,
.order_list {
    padding-bottom: 50px;
}

.profile_sidebar .img-thumbnail img {
    width: 100px;
    height: auto;
}

.profile_sidebar .list-group .list-group-item {
    line-height: 30px;
    font-weight: 600;
}

.profile_sidebar .list-group .list-group-item.active {
    background-color: transparent;
    color: var(--bs-secondary);
    border-color: var(--bs-list-group-border-color);
    border-width: 0 0 var(--bs-list-group-border-width);
}

.profile .btn-light:focus,
.profile .btn-shadow:hover {
    background: #fff;
    border: 0;
    box-shadow: none;
}

.profile .btn-shadow {
    border: 0;
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgb(0 0 0 / 15%);
}

/*=====================================
       Categories LIST AREA STYLE
======================================*/
.categorywrapper .category {
    max-width: 188px;
    flex-direction: column;
    display: flex;
}


/*=====================================
       Contact Us AREA STYLE
======================================*/
.contact-card {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 1rem;
    row-gap: 1rem;
}

/* ----------------------------------------------------------------------------------------
--------------------------- EXTRA CSS BY : R --------------  START ------------------------
/* ---------------------------------------------------------------------------------------- */
.h-250-px {
    height: 250px;
}

.w-100-px {
    width: 100px;
}

.hw-70-px {
    height: 70px;
    width: 70px;
}

.logo-h-45-px {
    width: 180px;
    height: 49px;
}

.header-logo {
    object-fit: contain;
}

.logo-rtl {
    object-position: right;
}

.logo-ltr {
    object-position: left;
}

.categories-sm-img {
    height: 40px;
    width: 40px;
}

.product-list-image {
    height: 300px;
    max-height: 300px;
    object-fit: cover;
}

.text-justify {
    text-align: justify;
}

.card-footer {
    background-color: transparent;
    border: none;
}

.categorywrapper .category img {
    width: calc(125px + (150 - 125) * ((100vw - 320px) / (1920 - 320))) !important;
    height: calc(125px + (150 - 125) * ((100vw - 320px) / (1920 - 320))) !important;
    object-fit: cover;
    max-height: 186px;
    border: 1px solid grey;
    padding: 5px;
    border-radius: 50%;
}


.pagination {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

/* --- FOR --- cart --- promocode-list-modal ---start */
#promocodemodal .modal-body {
    background: #D1D4D7
}

.coupon .right-side {
    border-left: 1px dashed #ddd;
    width: 40% !important;
    position: relative
}

.coupon .right-side .info::after,
.coupon .right-side .info::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: #D1D4D7;
    border-radius: 100%
}

.coupon .right-side .info::before {
    top: -10px;
    left: -10px
}

.coupon .right-side .info::after {
    bottom: -10px;
    left: -10px
}

/* --- FOR --- cart --- promocode-list-modal ---end */
/* Store-Closed-Modal -- START */
.close-modal {
    background: none;
    border: none;
}

.close-modal .modal-body .hidden-xs {
    color: #fff;
    font-size: 30px;
    animation: jump 1s linear alternate infinite;
}

.close-modal {
    background: none;
    border: none;
}

.close-modal .modal-body .hidden-xs {
    color: #fff;
    font-size: 30px;
    animation: jump 1s linear alternate infinite;
}

@keyframes jump {
    0% {
        transform: translate3d(0, 15px, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes jump {
    0% {
        transform: translate3d(0, 15px, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

.bg-primary {
    background-color: var(--bs-primary) !important;
}

.bg-secondary {
    background-color: var(--bs-secondary) !important;
}

.text-primary {
    color: var(--bs-primary) !important;
}

.text-secondary {
    color: var(--bs-secondary) !important;
}

/* Store-Closed-Modal -- END */
/* ----------------------------------------------------------------------------------------
--------------------------- EXTRA CSS BY : R --------------  END  -------------------------
/* ---------------------------------------------------------------------------------------- */
/* New login form */
/* New login form  start */
.login-page-img {
    width: 100%;
}

.login-form-bg-color {
    background-color: #fff;
}

.login-form-bottom-icon {
    gap: 5px;
}

.login-with-bottom-title {
    font-family: var(--bs-body-font-family);
    font-weight: 600;
}

.icon-btn-facebook {
    background-color: #3d5a9e !important;
    border: none !important;
}

.icon-btn-twitter {
    background-color: #1ba1f4 !important;
    border: none !important;
}

.icon-btn-google {
    background-color: #d82433 !important;
    border: none !important;
}

/* New login form  End */
.all-icon i {
    height: 50px;
    width: 50px;
    background-color: rgba(0, 0, 0, .3);
    border-radius: 50%;
    font-size: 25px;
}

.warning-icon i {
    height: 50px;
    width: 50px;
    background-color: rgba(255, 193, 7, .3);
    border-radius: 50%;
    font-size: 25px;
}

.success-icon i {
    height: 50px;
    width: 50px;
    background-color: rgba(3, 161, 3, .3);
    border-radius: 50%;
    font-size: 25px;
}

.danger-icon i {
    height: 50px;
    width: 50px;
    background-color: rgba(220, 53, 69, .3);
    border-radius: 50%;
    font-size: 25px;
}

.text-start-pro {
    color: #000;
    background-color: #fff;
    border: 1px solid;
    width: 25px;
    font-size: 13px !important;
    font-weight: 600 !important;
    height: 25px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.preparing-box-active {
    background-color: #ffc107;
    color: #fff !important;
    border: 1px solid black !important;
}

.completed-box-active {
    background-color: #28a745;
    color: #fff !important;
    border: 1px solid black !important;
}

.rejected-box-active {
    background-color: #dc3545;
    color: #fff !important;
    border: 1px solid black !important;
}

/* ------------------------------------------------------------------------- */
/*------------------------------ Extra css Dev ------------------------------*/
/* ------------------------------------------------------------------------- */
/*-------- footer section --------*/
footer .footer-content span,
footer .footer-content ul li a,
footer .footer-bottom p {
    font-weight: 400 !important;
}

.logo-h-50-px {
    height: 50px !important;
}

/*-------- footer section --------*/
/*-------- blog section --------*/
.text-line {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.featured-blog .card .card-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.featured-blog .card .card-text,
.card .blog-title {
    font-size: 16px !important;
}


/*-------- blog section --------*/
/*-------- blog details --------*/
.blog-details img {
    height: 600px;
    object-fit: cover;
}

/*-------- blog details --------*/
/*----- new-product section -----*/
.new-product .card .btn-sm,
.best-product .card .btn-sm,
.product-list .product-list-col .card-footer .btn-sm {
    padding: 4px 30px !important;
}

.product-name {
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
}

.product-price {
    font-weight: 600 !important;
    font-size: 14px;
}

/*----- new-product section -----*/
.lag-img {
    width: 22px !important;
    height: 22px !important;
    border-radius: 50%;
    object-fit: cover !important;
}

.lag-img-mobile {
    width: 30px !important;
    height: 30px !important;
    border-radius: 50%;
    object-fit: cover !important;
}

.dropdown-toggle::after {
    display: none;
}

.user-img {
    width: 18px;
}

.cart-img {
    width: 25px;
}

.inner-title {
    color: var(--bs-primary);
    font-weight: 600;
    font-size: 30px;
    text-transform: capitalize;
}

.z-9 {
    z-index: 9;
}

.search-img {
    width: 25px;
}

.search-left-img {
    height: 400px;
}

.input-width {
    width: 82%;
}

.categorywrapper p {
    font-size: 14px !important;
    color: #000;
    text-transform: capitalize;
    font-weight: 500;
}

/*--- small device slider ---*/
.offcanvas-width {
    width: 75% !important;
}

.offcanvas-header .btn-close {
    width: 25px;
    height: 25px;
    box-shadow: 0px 3px 10px 1px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0px 3px 10px 1px rgb(0 0 0 / 10%);
    border-radius: 50%;
    font-size: 14px;
    color: var(--bs-secondary) !important;
}

.offcanvas-body .slider-menu .slider-link {
    width: 100%;
    padding: 15px;
    border-radius: 8px;
    color: #000;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobile-main-sidebar .offcanvas-body .slider-menu .mb-active {
    color: var(--bs-primary) !important;
}

/*--- small device slider ---*/
.product-list .card .card-body .form-check a {
    font-weight: 400 !important;
}

/*---- product view section Start----*/
.new {
    background: red;
    color: white;
    padding: 2px;
    text-transform: uppercase;
    position: absolute;
    top: 12px;
    right: 3px;
    z-index: 2;
    transform: rotate(45deg);
}

.new-rtl {
    position: absolute;
    top: 12px;
    right: 85% !important;
    transform: rotate(-45deg) !important;
}

.new:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    transform: rotate(45deg);
    border-width: 20px 20px 0 20px;
    border-color: red transparent transparent transparent;
    position: absolute;
    right: -27px;
    bottom: -3px;
}

.new:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    transform: rotate(-45deg);
    border-width: 20px 20px 0 20px;
    border-color: red transparent transparent transparent;
    position: absolute;
    left: -27px;
    bottom: -3px;
}

/*---- product view section End----*/
/*------ rating section start------*/
label {
    color: #000;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    transition: color 0.5s;
    font-family: var(--bs-body-font-family);
    font-weight: 600;
}

.input-h {
    height: 45px;
}

.rating-wrapper input {
    display: none;
}

.rating-wrapper label:hover,
.rating-wrapper label:hover~label,
.rating-wrapper input:checked~label {
    color: var(--bs-yellow);
}

.rating-wrapper label:hover,
.rating-wrapper label:hover~label,
.rating-wrapper input:checked~label {
    color: var(--bs-yellow);
}

/*------ rating section end------*/
/*--------- tap-top start ---------*/
.tap-top .description {
    padding: 30px 0px;
}

oup .description_tab {
    border-bottom: 2px solid var(--bs-primary);
}

/*--------- tap-top end ---------*/
/* cart section start*/
.cart .Clear {
    min-width: max-content;
}

/* cart section end*/
/* newsletter section start */
.subscribe-content {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.subscribe .subscribe-content input {
    height: 100% !important;
}

/* newsletter section end */

.mobile-input-width button {
    padding: 13px;
}

/* shipping-info section start*/
.shipping-info input[type=checkbox] {
    height: 15px !important;
    accent-color: black;
}

/* shipping-info section end*/
/* cart section start */
.fs-25-px {
    font-size: 18px !important;
    font-weight: 300px !important;
}

/* cart section end */
.top-bar a {
    font-size: 13px;
}

.topbar-social-media li i {
    font-size: 16px;
    color: #fff;
}


/* ------------------------------------------------------------------------- */
/*------------------------------ Extra css Dev ------------------------------*/
/* ------------------------------------------------------------------------- */
.product-view .nav-pills .nav-link {
    border-radius: 0px !important;
    font-weight: 600;
    font-size: calc(15px + (14 - 15) * ((100vw - 320px) / (1920 - 320)));
    text-transform: capitalize;
    color: #000;
    background-color: #F5F5F6;
    border: none;
}

.product-view .nav-pills .nav-link.active {
    border: none;
    background-color: var(--bs-primary) !important;
    color: #fff !important;
}

.product-description-limit p {
    font-size: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
    /* word-break: break-all; */
}


.modal-gallery,
.gallery {
    width: 100%;
    display: flex;
}

.modal-gallery .preview,
.gallery .preview {
    display: flex;
    flex-direction: column;
}

.modal-gallery .preview__link,
.gallery .preview__link {
    align-items: center;
    display: flex;
    opacity: 0.7;
    overflow: hidden;
    transition: opacity 0.3s ease;
    height: 100%;
    width: 100%;
}

.modal-gallery .preview__link img,
.gallery .preview__link img {
    width: 100%;
    object-fit: contain;
    max-height: -webkit-fill-available;
}

.modal-gallery .images,
.gallery .images {
    height: 660px;
    overflow: hidden;
    width: 100%;
    position: relative;
}

.modal-gallery .images img,
.gallery .images img {
    width: 100%;
    object-fit: cover;
    max-height: -webkit-fill-available;
}

.modal-gallery .checked,
.gallery .checked {
    box-sizing: border-box;
    border: 1px solid #000;
    opacity: 1;
}

/* theme-5 */
.choose-by-category-name {
    font-weight: 600;
}

.theme-5-cart-weight i {
    font-weight: 400 !important;
}

.theme-5-sale-label-rtl,
.theme-sale-label-rtl {
    width: auto;
    height: auto;
    font-size: 12px;
    text-align: center;
    padding: 5px 10px;
    background-color: var(--bs-secondary);
    color: #fff;
    display: block;
    font-weight: 600;
    position: absolute;
    top: 10px;
    left: 10px;
}

/* theme-4 */
/* sale-label-on-ltr */
.sale-label-on {
    width: auto;
    padding: 2px 10px;
    border-radius: 50px;
    font-size: 12px;
    text-align: center;
    color: var(--bs-secondary);
    background-color: var(--bs-primary);
    font-weight: 600;
    position: absolute;
    top: 10px;
    left: 10px;
}

/* sale-label-off-rtl */
.sale-label-off {
    width: auto;
    padding: 2px 6px;
    border-radius: 50px;
    font-size: 12px;
    text-align: center;
    color: var(--bs-secondary);
    background-color: var(--bs-primary);
    font-weight: 600;
    position: absolute;
    top: 8px;
    right: 8px;
}

.theme-4-main-banner-slider,
.theme-4-slider .carousel-caption {
    height: 60vh;
}

/* theme 2 */
.theme-2card-title {
    font-weight: 400 !important;
}


.offer-rtl {
    width: auto;
    height: auto;
    padding: 2px 10px;
    background-color: var(--bs-primary);
    position: absolute;
    top: 10px;
    font-size: 12px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0px;
    right: 10px !important;
}

.offer {
    width: auto;
    height: auto;
    padding: 5px 6px;
    background-color: var(--bs-primary);
    position: absolute;
    top: 10px;
    font-size: 12px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0px;
    max-width: 76px;
}


/* rtl css */
.offer.rtl {
    right: 10px !important;
}

.offer.ltr {
    left: 10px !important;
}


.deals.theme-1 .owl-nav button {
    border: 1px solid #fff !important;
    padding: 5px 15px !important;
    color: #fff !important;
}

.deals.theme-1 #top-deals .owl-nav button span {
    color: #fff !important;
}

/* theme-1-dropdown-menu */
.theme-1-dropdown-menu {
    text-align: start;
}

.profile-title {
    font-family: var(--bs-body-font-family);
    font-weight: 600;
    font-size: 26px;
}

.account-active {
    background-color: #d3d3d330;
    color: var(--bs-secondary);
}

.profile-menu .account-active {
    background-color: #d3d3d330;
    color: #fff !important;
}


/* favourite-list-icon-theme-2 */
.favourite-list-icon-theme-2 {
    top: 23px;
    right: 14px;
}

/* favourite-list-icon-theme-2-rtl */
.favourite-list-icon-theme-2-rtl {
    top: 23px;
    left: 14px;
}

/* favourite-list-icon-theme-3 */
.favourite-list-icon-theme-3 {
    top: 10px;
    left: 20px;
}

.favourite-list-icon-theme-3-rtl {
    top: 10px;
    right: 20px;
}

/* favourite-list-icon-theme-4 */
.favourite-list-icon-theme-4 {
    top: 8px;
    right: 15px;
}

/* favourite-list-icon-theme-4-rtl */
.favourite-list-icon-theme-4-rtl {
    top: 8px;
    left: 15px;
}

/* favourite-list-icon-theme-4 */
.favourite-list-icon-theme-5 {
    top: 8px;
    left: 15px;
}

/* favourite-list-icon-theme-4-rtl */
.favourite-list-icon-theme-5-rtl {
    top: 8px;
    right: 15px;
}


.js-cookie-consent {
    position: fixed;
    left: 0;
    bottom: 0;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 20px;
    border-radius: 1rem;
    text-align: center;
    z-index: 999999;
    background-color: #fff;
    border-color: var(--bs-primary);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 0px;
}

.js-cookie-consent-agree {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
}

.install-app-btn-container {
    display: none;
}

.install-app-btn-container1 {
    display: none;
}



/* new update 24/07/2023 */

.top-bar-offer marquee span {
    padding: 0px 100px;
    letter-spacing: 0.56px;
    font-size: 24px;
    color: var(--bs-secondary);
    font-weight: 600;
}

.top-bar-offer marquee i {
    font-size: clamp(1.25rem, 1.1058rem + 0.641vw, 1.875rem);

}

.hamburger {
    padding: 2px 8px;
}

.banner-area .carousel-control-next-icon,
.banner-area .carousel-control-prev-icon {
    width: 50px;
    height: 50px;
    background-color: white;
    border-radius: 50%;
}

.banner-area .carousel-control-next-icon span,
.banner-area .carousel-control-prev-icon span {
    font-size: 20px;
}

.banner-area .carousel-inner .carousel-item {
    position: relative;
}

.banner-area .carousel-control-next-icon,
.banner-area .carousel-control-prev-icon {
    background-size: 50%;
    background-color: #000;
}

/*======== best-product ========*/

.best-product .card img,
.deals .card img,
.product-list .card img {
    height: 300px;
    max-height: 300px;
    object-fit: cover;
    object-position: center;
    border-radius: 0px;
}

.arrow-label-wrap {
    position: absolute;
    left: 0;
    top: calc(6px + (14 - 6) * ((100vw - 320px) / (1920 - 320)));
}

.arrow-label {
    font-weight: 600;
    font-size: calc(10px + (12 - 10) * ((100vw - 320px) / (1920 - 320)));
    line-height: calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320)));
    padding: 8px;
    color: #fff;
    position: relative;
    display: inline-block;
    background-color: var(--bs-primary);
}

.arrow-label-wrap-rtl {
    position: absolute;
    right: 0;
    top: calc(6px + (14 - 6) * ((100vw - 320px) / (1920 - 320)));
}

.best-product .card .img-2,
.deals .card .img-2,
.product-list .card .img-2 {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    transition: opacity .8s ease-in-out;
}

/*====== fav-sec ======*/
.fav-sec .card .img-2 {
    display: none !important;
}

.fav-sec .option-wrap li a:hover {
    background-color: #fff !important;
    color: var(--bs-primary) !important;
}

/*====== fav-sec ======*/

.best-product .card:hover .img-2,
.deals .card:hover .img-2,
.product-list .card:hover .img-2 {
    display: block;
}

.option-bottom:hover .option-wrap {
    opacity: 1;
}

.theme-4-best-Selling-product .product-item .card img {
    height: 270px;
    object-fit: cover;
}

.best-product .option-wrap,
.deals .option-wrap,
.product-list .option-wrap,
.theme-4-best-Selling-product .option-wrap {
    position: absolute;
    padding: 5px;
    left: 0px;
    right: 0px !important;
    bottom: 0px;
    opacity: 0;
    z-index: 2;
    display: inline-flex;
    transition: all 0.5s ease;
    gap: 10px;
    flex-direction: row !important;
    justify-content: center;
    border-bottom: 1px solid rgba(221, 221, 221, 0.5);
    background: rgba(255, 255, 255, 0.92);

}

.best-product .option-wrap::after,
.deals .option-wrap::after,
.product-list .option-wrap::after,
.theme-4-best-Selling-product .option-wrap::after {
    position: absolute;
    content: "";
    inset: 0;
    background-color: var(--bs-primary);
    opacity: 0.05;
    z-index: -1;
}

.best-product .card:hover .option-wrap,
.deals .card:hover .option-wrap,
.product-list .card:hover .option-wrap,
.theme-4-best-Selling-product .card:hover .option-wrap {
    opacity: 1;
}

.best-product .option-wrap li a::before,
.deals .option-wrap li a::before,
.product-list .option-wrap li a::before,
.new-product .option-wrap li a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    transform: scale(1);
    transition: all 0.5s;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    z-index: -1;
}

.card .option-wrap li .circle-round,
.item .option-wrap li .circle-round {
    width: 33px;
    height: 33px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    position: relative;
    background-color: #FFF;
    transition: all 0.5s ease;
    z-index: 1;
    box-shadow: rgb(149 157 165 / 28%) 0px 8px 24px;
    cursor: pointer;
}

.theme-4-best-Selling-product .card .option-wrap li .circle-round:hover,
.new-arrival-products .card .option-wrap li .circle-round:hover,
.deals5 .card .option-wrap li .circle-round:hover {
    background-color: var(--bs-primary);
}

.theme-4-best-Selling-product .card .option-wrap li .circle-round:hover svg,
.new-arrival-products .card .option-wrap li .circle-round:hover svg,
.deals5 .card .option-wrap li .circle-round:hover svg {
    fill: #fff;
}

.best-product .option-wrap li:hover a::before,
.option-wrap li .circle-round:hover,
.option-wrap li .circle-round:hover.option-btn::after,
.deals .option-wrap li:hover a::before,
.product-list .option-wrap li:hover a::before,
.new-product .option-wrap li:hover a::before,
.theme-4-best-Selling-product .option-wrap li:hover a::before {
    background-color: var(--bs-primary) !important;
}

.best-product .option-wrap li:hover svg,
.deals .option-wrap li:hover svg,
.product-list .option-wrap li:hover svg,
.new-product .option-wrap li:hover svg,
.theme-4-best-Selling-product .option-wrap li:hover svg {
    fill: #fff;
}

@keyframes fadeInTop {

    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

.who-we-are {
    color: #202020;
}

.wdt-heading-subtitle {
    font-weight: 600;
    letter-spacing: 3px;
    color: #202020;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 5px;
    display: block;
}

.wdt-heading-title {
    font-size: 30px;
    color: #202020;
    /* margin-bottom: 20px; */
    font-weight: 600;
    transition: 0.5s ease;
}

.wdt-heading-content-wrapper {
    font-size: 15px;
    color: #202020;
    margin-bottom: 40px;
}

.btn-fashion {
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    padding: clamp(0.625rem, 0.5673rem + 0.2564vw, 0rem) clamp(1.25rem, 0.9904rem + 1.1538vw, 0rem);
    border-radius: 0px;
    background-color: var(--bs-secondary) !important;
    color: #fff !important;
    border: 1px solid var(--bs-secondary);
}

.btn-fashion-sm {
    font-size: 12px;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 3px;
    border-radius: 0px;
    background-color: var(--bs-primary);
    color: #fff;
    padding: 5px 10px;
}

.btn-fashion-outline {
    border: 1px solid var(--bs-primary);
    color: var(--bs-primary);
    border-radius: 0px;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    padding: clamp(0.625rem, 0.5673rem + 0.2564vw, 0rem) clamp(1.25rem, 0.9904rem + 1.1538vw, 0rem);
}

.btn-fashion-outline:hover {
    background-color: var(--bs-primary);
    color: #fff;
}

.btn-outline-secondary {
    padding: clamp(0.625rem, 0.5673rem + 0.2564vw, 0rem) clamp(1.25rem, 0.9904rem + 1.1538vw, 0rem) !important;
    font-size: 14px;
    text-transform: capitalize;
}

.btn-outline-secondary,
.btn-outline-secondary:hover,
.btn-outline-secondary:focus {
    background-color: var(--bs-secondary) !important;
    color: #fff !important;
    border: none !important;
}

.btn-primary {
    padding: clamp(0.625rem, 0.5673rem + 0.2564vw, 0rem) clamp(1.25rem, 0.9904rem + 1.1538vw, 0rem) !important;
    font-size: 14px;
    text-transform: capitalize;
}

.theme-12 .btn-secondary {
    padding: clamp(0.625rem, 0.5673rem + 0.2564vw, 0rem) clamp(1.25rem, 0.9904rem + 1.1538vw, 0rem) !important;
    font-size: 16px;
    text-transform: capitalize;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
    border: none;
}

.client-img {
    width: 75px !important;
    height: 75px !important;
    object-fit: cover;
    border-radius: 50%;
    margin: auto;
}

.client-name {
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: capitalize;
}

.profession {
    color: var(--bs-secondary);
    letter-spacing: 1px;
    text-transform: capitalize;
}

/*========== Testimonial ==========*/

.img-wrap {
    flex: 0 0 calc(130px + (60 - 38) * ((100vw - 320px) / (1920 - 320)));
}

.truncate-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-card-side {
    gap: 0px;
    position: relative;
    flex-direction: row;
    padding-top: 0px;
    align-items: center;
    display: flex;
    background-color: transparent;
    overflow: hidden;
}

.product-card-side-6 {
    gap: 0px;
    position: relative;
    flex-direction: column;
    padding-top: 0px;
    align-items: center;
    display: flex;
    background-color: transparent;
    overflow: hidden;
}

.subtitle {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2px;
    margin-bottom: 5px;
}

#countdown {
    display: flex;
    justify-content: center;
}

#countdown ul {
    display: inline-block;
    border-radius: 5px;
    padding: 30px 8px;
    margin-bottom: 30px;
    border: 1px solid;
}

#countdown li {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    list-style-type: none;
    text-transform: capitalize;
    color: #fff;
    text-align: center;
    padding: 0px 40px;
}

#countdown li span {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}

.deals #top-deals .owl-stage-outer .owl-stage {
    display: flex;
    height: 100%;
}

.deals .card .product-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.Testimonial #testimonial2 .owl-nav,
.deals3 #top-deals3 .owl-nav,
.deals3 #top-deals4 .owl-nav,
.deals #top-deals5 .owl-nav,
.deals #top-deals4 .owl-nav,
.deals #top-deals3 .owl-nav,
.theme-5-blog .theme-5-blogs-carousel .owl-nav,
.Testimonial #testimonial .owl-nav,
.theme-4-blog .theme-4-blogs-carousel .owl-nav,
.Testimonial #testimonial4 .owl-nav,
.Testimonial #testimonial3 .owl-nav,
.theme-2-blog .blogs-carousel .owl-nav,
.featured-blog #featured_blog .owl-nav,
.deals2 #top-deals2 .owl-nav,
.deals #top-deals .owl-nav {
    margin-top: 25px;
}

.footers .footer-fiechar-slider .owl-nav {
    margin-top: 10px;
}

.deals3 #top-deals4 .owl-nav button,
.deals3 #top-deals3 .owl-nav button,
.Testimonial #testimonial2 .owl-nav button,
.deals #top-deals5 .owl-nav button,
.deals #top-deals4 .owl-nav button,
.deals #top-deals3 .owl-nav button,
.theme-5-blog .theme-5-blogs-carousel .owl-nav button,
.Testimonial #testimonial .owl-nav button,
.theme-4-blog .theme-4-blogs-carousel .owl-nav button,
.Testimonial #testimonial4 .owl-nav button,
.Testimonial #testimonial3 .owl-nav button,
.theme-2-blog .blogs-carousel .owl-nav button,
.deals2 #top-deals2 .owl-nav button,
.featured-blog #featured_blog .owl-nav button,
.Testimonial #testimonial6 .owl-nav button,
.deals #top-deals .owl-nav button,
.footers .footer-fiechar-slider .owl-nav button {
    border: 1px solid var(--bs-secondary);
    padding: 6px 11px !important;
    color: var(--bs-secondary);
}

.deals3 #top-deals4 .owl-nav button span,
.deals3 #top-deals3 .owl-nav button span,
.Testimonial #testimonial2 .owl-nav button span,
.deals #top-deals5 .owl-nav button span,
.deals #top-deals4 .owl-nav button span,
.deals #top-deals3 .owl-nav button span,
.theme-5-blog .theme-5-blogs-carousel .owl-nav span,
.Testimonial #testimonial .owl-nav button span,
.theme-4-blog .theme-4-blogs-carousel .owl-nav button span,
.Testimonial #testimonial4 .owl-nav button span,
.Testimonial #testimonial3 .owl-nav button span,
.theme-2-blog .blogs-carousel .owl-nav span,
.deals2 #top-deals2 .owl-nav button span,
.featured-blog #featured_blog .owl-nav button span,
.deals #top-deals .owl-nav button span,
.Testimonial #testimonial6 .owl-nav button span,
.footers .footer-fiechar-slider .owl-nav button span {
    color: var(--bs-secondary) !important;
    padding: 0px;
}

/*======== blog ========*/


.ls-3 {
    letter-spacing: 3px;
}

.featured-blog .ps-20 {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 14px;
}

.footer_acceped_card li img {
    width: 28px;
    height: 28px;
}

.subscribe-box span {
    font-weight: normal;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    line-height: 23px;
    color: #fff;
    margin-top: calc(0px + (10 - 0) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: 0;
}

.footer-content form input {
    padding: clamp(0.625rem, 0.5673rem rem + 0.2564vw, 0rem) clamp(1.25rem, 0.9904rem + 1.1538vw, 0rem) !important;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    background-color: #272938;
    outline: none;
    border: none;
    letter-spacing: 0.5px;
}

.g-16 {
    gap: 16px;
}

.max-w-7xl {
    max-width: 400px;
}



/* START TOOLTIP top STYLES */
[tooltip] {
    position: relative;
}

[tooltip]::before,
[tooltip]::after {
    text-transform: none;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    user-select: none;
    pointer-events: none;
    position: absolute;
    display: none;
    opacity: 0;
}

[tooltip]::before {
    content: '';
    border: 5px solid transparent;
    z-index: 1001;
}

[tooltip]::after {
    content: attr(tooltip);
    min-width: 3em;
    max-width: 21em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1ch 1.5ch;
    border-radius: .3ch;
    box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
    background: rgb(31, 31, 31);
    color: #fff;
    z-index: 1000;
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
    display: block;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: #333;
}

[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
    bottom: calc(100% + 5px);
}

[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
    left: 50%;
    transform: translate(-50%, -.5em);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
    to {
        opacity: .9;
        transform: translate(-50%, 0);
    }
}

@keyframes tooltips-horz {
    to {
        opacity: .9;
        transform: translate(0, -50%);
    }
}

/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after {
    animation: tooltips-vert 300ms ease-out forwards;
}

/* ==================== toltip end =========== */

/* START TOOLTIP right STYLES */
[tooltip] {
    position: relative;
}

[tooltip]::before,
[tooltip]::after {
    text-transform: none;
    font-weight: 200;
    font-size: 12px;
    line-height: 1;
    user-select: none;
    pointer-events: none;
    position: absolute;
    display: none;
    opacity: 0;
}

[tooltip]::before {
    content: '';
    border: 5px solid transparent;
    z-index: 1001;
}

[tooltip]::after {
    content: attr(tooltip);
    min-width: 3em;
    max-width: 21em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1ch 1.5ch;
    border-radius: .3ch;
    background: #000;
    color: #fff;
    font-weight: 600;
    z-index: 1000;
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
    display: block;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: #000;
}

[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
    bottom: calc(100% + 5px);
}

[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
    left: 50%;
    transform: translate(-50%, -.5em);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
    to {
        opacity: .9;
        transform: translate(-50%, 0);
    }
}

@keyframes tooltips-horz {
    to {
        opacity: .9;
        transform: translate(0, -50%);
    }
}

/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after {
    animation: tooltips-vert 300ms ease-out forwards;
}




/*====== pwa alert ======*/

.install-app-btn-container {
    display: none;
}

.install-app-div {
    display: none;
}

.mobile-install-btn {
    color: #FFF;
    font-size: 20px;
    border: 1px solid #FFF;
    border-radius: 1px;
    margin: 3px;
    margin-top: 20px;
    padding-left: 12px;
    padding-right: 12px;
    line-height: 32px;
    transition: all 200ms ease-in-out;
    background-color: var(--primary-color-hover);
}

.mobile_drop_down {
    background-color: #000;
    text-align: center;
    bottom: -100vh;
    left: 0;
    height: auto;
    width: 100vw;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #FFF;
}

.mobile_drop_down li {
    line-height: 30px
}

.mobile_drop_down a {
    color: #204056;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
}

.mobile_drop_down h5 {
    text-align: start;
    margin: 0px;
    font-size: 16px;
}

.mobile_drop_down p {
    text-align: start;
    margin: 0px;
    font-size: 16px;
    line-height: 17px;
}



.breadcrumb-title {
    font-size: calc(24px + (30 - 24) * ((100vw - 320px) / (1920 - 320)));
    color: #262834;
    margin-bottom: 5px;
    text-align: center;
    font-weight: 700;
    text-transform: capitalize;
}

/* PWA */
.pwa {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--bs-primary);
    width: 100%;
    position: relative;
    padding: 15px 10px;
    color: #FFF;
}

.pwa .pwa-content {
    display: flex;
    flex-direction: column;
    /* width: 100%;
    min-width: 136px; */
}

.pwa .mobile-install-btn {
    text-align: center;
    letter-spacing: 0.05em;
    font-size: 13px;
    line-height: 16px;
    border-radius: 4px;
    color: rgb(255, 255, 255);
    background: var(--bs-secondary);
    border: none;
    padding: 6px 12px;
    transition: background 0.8s ease 0s;
    font-weight: 600;
}

.pwa .close-btn {
    text-align: center;
    width: 30px;
    color: #fff;
    font-size: 24px;
    display: block;
}

.pwa-image img {
    width: 60px;
    height: 60px;
}

/*======== contact section ========*/

.icon-lg {
    width: 3.5rem;
    height: 3.5rem;
    line-height: 3.5rem;
    text-align: center;
    font-size: 1.2rem;
}

/*======== contact section ========*/


/*======== gallery section ========*/
.grid-wrapper>div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.grid-wrapper>div>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.grid-wrapper {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-auto-rows: 200px;
    grid-auto-flow: dense;
}

.grid-wrapper .wide {
    grid-column: span 2;
}

.grid-wrapper .tall {
    grid-row: span 2;
}

.grid-wrapper .big {
    grid-column: span 2;
    grid-row: span 2;
}

/*======== gallery section ========*/

/*======= body scrolling =======*/

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 3px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    background-color: #000000;
}

/*======= body scrolling =======*/

/*============ Cart ============*/
.cart-table thead tr th:first-child {
    text-align: start;
}

.cart-table thead tr th {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 600;
    color: #262834;
    border-bottom: 1px solid #eaeaea !important;
    padding: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))) 15px;
    background-color: #000;
    text-align: center;
}

.cart-table td .product-detail .pr-img {
    width: calc(60px + (83 - 60) * ((100vw - 320px) / (1920 - 320)));
    height: auto;
}

.cart-table td .product-detail {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: calc(10px + (15 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.cart-table td .product-detail .details {
    width: calc(100% - calc(60px + (83 - 60) * ((100vw - 320px) / (1920 - 320))));
    text-align: left;
}

.cart-table td .product-detail .details h4 {
    font-weight: 600;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80%;
    color: #262834;
    font-size: 16px !important;
}

.cart-table td {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    color: #262834;
    font-weight: 600;
    vertical-align: middle;
    border-bottom-color: #ddd;
    padding: calc(15px + (25 - 15) * ((100vw - 320px) / (1920 - 320))) 10px;
    text-align: center;
}

.bg-gray {
    background-color: #ddd;
}

.cart .card .list-group .list-group-item span,
.checkout .card .list-group .list-group-item span {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    border: none;
    color: #767676;
    font-weight: normal;
}

.border-top-dashed {
    border-top: 1px dashed #000 !important;
}

.btn-whatsapp,
.btn-whatsapp:hover,
.btn-whatsapp:focus {
    background-color: #25D366 !important;
    color: #fff !important;
    border-color: #25D366 !important;
}

.btn-telegram,
.btn-telegram:hover,
.btn-telegram:focus {
    background-color: #2AABEE !important;
    color: #fff !important;
    border-color: #2AABEE !important;
}

.btn-dark,
.btn-dark:hover,
.btn-dark:focus {
    background-color: #212529 !important;
    color: #fff !important;
    border-radius: 0px;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
}

/*============ Cart ============*/

.btn_close {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    color: #000;
}

/*======= FIND MY ORDER =======*/

.track-title {
    font-size: 25px;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: 0;
    color: #000;
}

.track-description {
    color: #000;
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0;
}

/* profile */

.profile-img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    object-position: center;
}

/*======== form css ========*/

.login-title {
    font-size: calc(24px + (30 - 24) * ((100vw - 320px) / (1920 - 320)));
    color: #262834;
    margin-bottom: 5px;
    font-weight: 700;
}

.login-subtitle {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.line {
    flex: 1;
    border-bottom: 1px solid #ddd;
}

.or_section {
    display: flex;
    align-items: center;
}

.social-share-icon {
    border: 1px solid #000;
    font-weight: 600;
    font-size: 14px;
    width: 100%;
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    padding: clamp(0.625rem, 0.5673rem + 0.2564vw, 0rem) clamp(1.25rem, 0.9904rem + 1.1538vw, 0rem);
    color: #000 !important;
}

.g-img {
    width: 20px;
}

.subscribe-title {
    font-size: calc(24px + (30 - 24) * ((100vw - 320px) / (1920 - 320))) !important;
    font-weight: 700;
    margin-bottom: 10px;
    transition: .5s ease;
    color: #000;
    text-transform: capitalize;
}

.p-6 {
    padding: 3.5rem;
}

.deleteprofile ol li {
    list-style-type: circle;
}

.deleteprofile ol {
    padding-left: 2rem;
}


/*==== product-details ====*/

.product-title {
    margin-top: -4px;
    font-size: calc(22px + (30 - 22) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 600;
    margin-bottom: calc(7px + (15 - 7) * ((100vw - 992px) / (1920 - 992)));
    line-height: 1.2;
}


.avatar-lg {
    height: 4rem;
    width: 4rem;
}

.avatar {
    height: 3rem;
    width: 3rem;
    position: relative;
    display: inline-block !important;
}

.avatar-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.icon-md {
    width: auto;
    height: 1.8rem;
    line-height: 1.8rem;
    text-align: center;
    font-size: 14px;
}

.progress .progress-bar {
    position: relative;
    overflow: visible;
    border-radius: 0.5rem;
}

.progress.progress-sm {
    height: 5px;
}

.bg-opacity-15 {
    --bs-bg-opacity: 0.15;
}

#pro-view .images {
    height: 600px !important;
}



.select-auto-expand {
    position: relative;
    display: inline-block;
    min-width: 2rem;
    width: 100%;
    vertical-align: baseline;
    border: 1px solid black;
    background-color: transparent;
    color: #000;
    font-size: 14px;
}

.select-auto-expand .select-auto-expand__select {
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    min-width: 1em;
    height: 100%;
    margin: 0 2px;
    padding: 0 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 0;
    background: transparent;
    font: inherit;
}





/*=============================== theme-2 ===============================*/
.theme-2-main-banner,
.theme-2-main-banner .carousel-caption,
.theme-2-main-banner img {
    height: 89vh !important;
}

/*========== product card start ==========*/


/*----- rtl css start -----*/
.pro-menu .option-wrap.rtl {
    left: -50px !important;
}

.pro-menu:hover .option-wrap.rtl {
    left: 10px !important;
}

.pro-menu .ltr {
    right: -50px !important;
}

.pro-menu:hover .option-wrap.ltr {
    right: 10px !important;
}

/*----- rtl css end -----*/


.theme-2-card .option-wrap,
.theme-3-new-product .option-wrap,
.deals3 .option-wrap {
    position: absolute;
    padding: 5px;
    top: 10px;
    opacity: 0;
    z-index: 2;
    transition: all 0.5s ease;
    gap: 10px;
    justify-content: center;
}

.theme-2-card:hover .option-wrap,
.theme-3-new-product .card:hover .option-wrap,
.deals3 .card:hover .option-wrap {
    opacity: 1;
}

.theme-2-card .option-wrap li,
.deals3 .option-wrap li {
    margin: 0px 0px 15px 0px;
}

.theme-2-card .option-wrap li .option-btn,
.theme-2-new-arrival .option-wrap li .option-btn,
.deals3 .option-wrap li .option-btn {
    width: 33px;
    height: 33px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    position: relative;
    transition: all 0.5s ease;
    z-index: 1;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
    cursor: pointer;
}

.theme-2-card .option-wrap li .option-btn::before,
.theme-2-new-arrival .option-wrap li .option-btn::after,
.deals3 .option-wrap li .option-btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    transform: scale(1);
    transition: all 0.5s;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    z-index: -1;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.theme-2-card .option-wrap li:hover .option-btn::before,
.theme-2-new-arrival .option-wrap li:hover .option-btn::after {
    background-color: var(--bs-primary) !important;
}

.theme-2-card .option-wrap li:hover svg,
.theme-2-new-arrival .option-wrap li:hover svg {
    color: #fff;
}

.theme-2-card .option-wrap li {
    background-color: var(--bs-secondary);
}


/*========== product card end ==========*/


.deals2 #countdown li {
    padding: 5px;
    min-width: calc(60px + (72 - 50) * ((100vw - 320px) / (1920 - 320)));
}

.deals2 #countdown li {
    color: #000;
}

.review_images {
    width: calc(50px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));
    height: calc(50px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));
    border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover;
}


.home-subtitle {
    font-size: 42px;
    transition: 0.5s ease;
}



/*=========== text overflow ===========*/

.line-1 {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.line-2 {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.line-3 {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.line-4 {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.line-5 {
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
}

/*=========== text overflow ===========*/

/*============== app download ==============*/

.h-500px {
    height: 500px !important;
}


.g-play {
    height: 50px !important;
}

.py-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}


/*========== new tooltip add ==========*/

[data-tooltip],
.tooltip {
    position: relative;
    cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
    position: absolute;
    visibility: hidden;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
    visibility: visible;
    opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
    z-index: 1001;
    border: 6px solid transparent;
    background: transparent;
    content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
    background-color: #000;
    content: attr(data-tooltip);
    min-width: 3em;
    max-width: 21em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 5px 10px !important;
    border-radius: .3ch;
    color: #fff;
    z-index: 1000;
    font-size: 12px;
}

/*======== tooltip Left ========*/

.tooltip-left:before,
.tooltip-left:after {
    right: 100%;
    bottom: 50%;
    left: auto;
    transform: translateX(-12px);
}

.tooltip-left:before {
    margin-left: 0;
    margin-right: -12px;
    margin-bottom: 0;
    border-top-color: transparent;
    border-left-color: #000;
}

.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after {
    transform: translateX(-12px);
}

/* Vertically center tooltip content for left/right tooltips */

.tooltip-left:after,
.tooltip-right:after {
    margin-left: 0;
    margin-bottom: -10px;
}

.offer-num {
    font-size: calc(14px + (28 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.offer-subtitle {
    font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
}

/*======== new theme-5 update ========*/

/*------------ home ------------*/

#theme-5-home-slider .item::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.4);
    height: 100%;
    width: 100%;
}

.title-line {
    height: 5px;
    width: 30px;
    background-color: var(--bs-primary);
    border-radius: 5px;
}

/* =========== theme-5 add css dev =========== */
.npo {
    position: static !important;
    opacity: 1 !important;
    padding: 0px !important;
}

.offer-badge.rtl {
    transform: rotateZ(1deg);
}

.offers .top-bar-offer.rtl {
    transform: rotateZ(1deg);
}

/* favourite-list page icon hover */
.fav-list-icon:hover i {
    color: #fff;
}

/*-------- product card --------*/

.theme-5-best-Selling-product .option-wrap,
.theme-5-new-product .option-wrap {
    position: absolute;
    padding: 5px;
    left: -50px;
    top: 10px;
    opacity: 0;
    z-index: 2;
    transition: all 0.5s ease;
    gap: 10px;
    justify-content: center;
}


.theme-5-best-Selling-product .card:hover .option-wrap,
.theme-5-new-product .card:hover .option-wrap {
    opacity: 1;
    left: 10px;
    display: inline-table;
}

.theme-5-best-Selling-product .card .option-wrap li,
.theme-5-new-product .card .option-wrap li {
    margin: 0px 0px 15px 0px;
}

.theme-5-best-Selling-product .option-wrap li .option-btn::before,
.theme-5-new-product .option-wrap li .option-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    transform: scale(1);
    transition: all 0.5s;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    z-index: -1;
}

.theme-5-best-Selling-product .option-wrap li:hover .option-btn::before,
.theme-5-new-product .option-wrap li:hover .option-btn::before {
    background-color: var(--bs-primary) !important;
}

.theme-5-best-Selling-product .option-wrap:hover svg,
.theme-5-new-product .option-wrap:hover svg {
    fill: #fff !important;
}

.tooltip-right:before,
.tooltip-right:after {
    left: 100%;
    bottom: 35%;
    right: auto;
}

.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
    transform: translateX(12px);
}


.tooltip-right:before {
    margin-right: 0;
    margin-left: -12px;
    margin-bottom: 0;
    border-top-color: transparent;
    border-right-color: #000;
}

.wishlist-btn:hover {
    color: #fff;
    border-color: var(--bs-primary);
}

.variations {
    border: 2px solid var(--bs-border-color);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--bs-primary);

}

.product-variation ul li label {
    padding: 6px 15px;
}

.product-variation ul li input:checked+label {
    border-color: var(--bs-primary);
    background-color: var(--bs-primary);
    color: #fff;
    border: 1px solid #fff !important;
}

.h-170 {
    height: 170px;
}

.h-150 {
    height: 150px;
}

.h-135 {
    height: 135px;
}

.h-93 {
    height: 93px;
}

.h-80 {
    height: 80px;
}

.h-49 {
    height: 49px;
}

/* The Loader */
/* #loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    overflow: hidden;
}

.no-js #loader-wrapper {
    display: none;
}

#loader {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: var(--bs-primary);
    -webkit-animation: spin 1.7s linear infinite;
    animation: spin 1.7s linear infinite;
    z-index: 11;
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #03112b;
    -webkit-animation: spin-reverse 0.6s linear infinite;
    animation: spin-reverse 0.6s linear infinite;
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: var(--bs-primary);
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;

}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spin-reverse {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
    }
}

#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: #fff;
    z-index: 8;
    /* #222 */
/* }

#loader-wrapper .loader-section.section-left {
    left: 0;
}

#loader-wrapper .loader-section.section-right {
    right: 0;
} */

/* Loaded styles */
/* .loaded #loader-wrapper .loader-section.section-left {
    transform: translateX(-100%);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader-wrapper .loader-section.section-right {
    transform: translateX(100%);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader {
    opacity: 0;
    transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
    visibility: hidden;
    transform: translateY(-100%);
    transition: all 0.3s 1s ease-out;
} */

/* pre-loader css  */
.h-190 {
    height: 190px;
}

.h-42 {
    height: 42px;
}

.h-40 {
    height: 35px;
}

/* theme-6 Testimonial height */
.h-104 {
    height: 104px;
}

.modal-product-variation {
    margin-bottom: 20px;
}

.modal-product-variation ul li label {
    padding: 6px 15px;
    border: 0px solid var(--bs-border-color);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--bs-primary);
}

.modal-product-variation ul li input:checked+label {
    border-color: var(--bs-primary);
    background-color: var(--bs-primary);
    color: #fff;
}

.relatedPro .owl-item {
    display: flex;
}



/* ------------------------------------------ */

.product_detail_imgbox {
    width: 100%;
    height: 600px;
    overflow: hidden;
}

#thumbs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0px;
    background-color: #fff;
    transition: .5s ease;
    border-bottom: 1px solid lightgray;
}


.product_detail_option img {
    width: 85px !important;
    height: 85px !important;
    border-radius: 5px !important;
    object-fit: cover;
    object-position: top;
    cursor: pointer;
}

#thumbs .active {
    border: 2px solid var(--bs-secondary);
}

.img-test {
    width: 100%;
    height: 120px;
}

#carouseltest img {
    /* height: 600px; */
    object-fit: cover;
}

#carouseltest .carousel-control-next-icon,
#carouseltest .carousel-control-prev-icon {
    border-radius: 5px !important;
    background-color: #fff !important;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
}

#carouseltest .carousel-control-next-icon,
#carouseltest .carousel-control-prev-icon {
    background-size: 100% 20%;
    color: #000 !important;
}

.carousel-item {
    overflow: hidden;
}

.topdeals-text {
    color: var(--bs-primary) !important;
}

.border-primary {
    border-color: var(--bs-primary) !important;
}


.offer-price {
    font-size: 12px;
}


#preview-img .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    margin: 0px 10px;
}

#preview-img .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    margin: 0px 10px;
}



/*------------ Product Thumb Zoom ------------------*/
.sp-loading {
    text-align: center;
    max-width: 270px;
    padding: 15px;
    border: 5px solid #eee;
    border-radius: 3px;
    font-size: 12px;
    color: #888;
}

/* Element wrapper */

.sp-wrap {
    display: none;
    line-height: 0;
    font-size: 0;
    position: relative;
    width: 100%;
}

/* Thumbnails */
.sp-thumbs {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sp-thumbs img {
    min-height: 50px;
    min-width: 50px;
    max-width: 50px;
}

.sp-thumbs a:link,
.sp-thumbs a:visited {
    width: 90px;
    height: 90px;
    overflow: hidden;
    opacity: .3;
    display: inline-flex;
    background-size: cover;
    background-position: center;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    align-items: center;
    justify-content: center;
    padding: 4px;
    border: 1px solid #eceef5;
    margin: 2px;
    border-radius: 4px;
}

.sp-thumbs a:hover {
    opacity: 1;
}

/* Styles for the currently selected thumbnail */

.sp-thumbs a:active,
.sp-current {
    opacity: 1 !important;
    position: relative;
}

/* Image currently being viewed */

.sp-large {
    position: relative;
    overflow: hidden;
    top: 0;
    left: 0;
}

.sp-large a img {
    width: 100%;
    height: auto;
    border: 1px solid #000;
}

.sp-large a {
    display: block;
}

.sp-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, .9);
    z-index: 500;
    display: none;
    cursor: pointer;
}

.sp-lightbox img {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 90%;
    max-height: 90%;
    border: 2px solid #fff;
}

#sp-prev,
#sp-next {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    z-index: 501;
    color: #fff;
    padding: 14px;
    text-decoration: none;
    background: #000;
    border-radius: 25px;
    border: 2px solid #fff;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    transition: .2s;
}

#sp-prev {
    left: 10px;
}

#sp-prev:before {
    content: '';
    border: 7px solid transparent;
    border-right: 15px solid #fff;
    position: absolute;
    top: 16px;
    left: 7px;
}

#sp-next {
    right: 10px;
}

#sp-next:before {
    content: '';
    border: 7px solid transparent;
    border-left: 15px solid white;
    position: absolute;
    top: 16px;
    left: 18px;
}

#sp-prev:hover,
#sp-next:hover {
    background: #444;
}

/* Tweak styles for small viewports */

@media screen and (max-width: 400px) {
    .sp-wrap {
        margin: 0 0 15px 0;
    }

    #sp-prev,
    #sp-next {
        top: auto;
        margin-top: 0;
        bottom: 25px;
    }
}

#pills-additional_info ol li {
    list-style: auto;
}

#pills-additional_info ul li {
    list-style: disc;
}

#pills-description ol li {
    list-style: auto;
}

#pills-description ul li {
    list-style: disc;
}

.privacy-policy ol li {
    list-style: auto;
}

.privacy-policy ul li {
    list-style: auto;
}


/* --------------- 6 to 15 themes by jenish --------------- */
/* ============================== theme-6 start -- jenish -- ============================== */


/* ADD TO CART button start */
.product-cart-button {
    background-color: var(--bs-secondary-rgb-2);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 7px 0px;
    transition: .3s;
    text-transform: capitalize;
    font-weight: 600;
}

/* ADD TO CART button end */

/* ------ main banner ------ */
.theme-6-main-banner,
.theme-6-main-banner .carousel-caption,
.theme-6-main-banner img {
    height: 100vh !important;
}


/* ------ title line ------- */
.title-line-2 {
    height: 3px;
    width: 40px;
    background-color: var(--bs-primary);
    border-radius: 5px;
}

.title-line-4 {
    height: 3px;
    width: 80px;
    background-color: var(--bs-primary);
    border-radius: 5px;
}


/*-------- product card start --------*/

.theme-6-best-Selling-product .item .item-img img {
    height: 200px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

.theme-6-new-product .card .card-img img {
    height: 300px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* ---------- option start ----------- */

.theme-6-best-Selling-product .item,
.theme-6-new-product .card {
    background-color: #f7f7f7;
}

.theme-6-best-Selling-product .option-wrap,
.theme-6-new-product .option-wrap {
    position: absolute;
    padding: 5px;
    bottom: 0px;
    opacity: 0;
    z-index: 2;
    transition: all 0.5s ease;
    background-color: var(--bs-primary) 0.05;
}

.theme-6-best-Selling-product .item:hover .option-wrap,
.theme-6-new-product .card:hover .option-wrap {
    opacity: 1;
}

.theme-6-best-Selling-product .option-wrap li .option-btn::before,
.theme-6-new-product .option-wrap li .option-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    transform: scale(1);
    transition: all 0.5s;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    z-index: -1;
}

.theme-6-best-Selling-product .option-wrap li:hover .option-btn::before,
.theme-6-new-product .option-wrap li:hover .option-btn::before {
    background-color: var(--bs-primary) !important;
}

.theme-6-best-Selling-product .option-wrap:hover svg,
.theme-6-new-product .option-wrap:hover svg {
    fill: #fff !important;
}

.theme-6-new-product .option-wrap::after {
    position: absolute;
    content: "";
    inset: 0;
    background-color: var(--bs-primary);
    opacity: 0.05;
    z-index: -1;
}

/* theme-6-category start */
.theme-6-category .cat-img img {
    height: 110px;
}

/*  theme-6-product-section  */

.theme-6-best-Selling-product .product-item .card-body .btn-circle,
.theme-6-new-product .product-item .card-body .btn-circle {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    color: #000;
}

/* ------- offer start -------- */
.offers .top-bar-offer {
    transform: rotateZ(359deg);
}

.offer-badge,
.offer-badge-7 {
    position: relative;
    bottom: -18px;
    left: 10%;
    z-index: 3;
    border-radius: 100px;
    background-color: var(--bs-secondary);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    text-align: center;
    display: inline-block;
    padding: 5px 10px;
}

.offer-badge,
.offer-badge-7 {
    right: 10%;
}

.offer-badge {
    transform: rotateZ(357deg);
}

.offers-theme {
    padding-bottom: 36px;
}

.offers-theme .offers section,
.offers-theme .offers-7 section {
    margin: 0px !important;
}

/* ---------- testimonial start ---------- */
.description-box .description-arrow {
    content: "";
    display: block;
    border: 0px;
    border-width: 0 0 1px 1px;
    position: absolute;
    bottom: -7px;
    left: 41px;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 11px solid var(--bs-primary-rgb-2);
}

.description-box .description-arrow-rtl {
    content: "";
    display: block;
    border: 0px;
    border-width: 0 0 1px 1px;
    position: absolute;
    bottom: -7px;
    right: 41px;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 11px solid var(--bs-primary-rgb-2);
}

.client-img-small {
    width: 55px !important;
    height: 55px !important;
    object-fit: cover;
    border-radius: 50%;
    margin: auto;
}

.description-box {
    position: relative;
    background: var(--bs-primary-rgb-2);
}

/* ---------- top deal countdown ----------- */
.countdown-border ul {
    border: 4px solid var(--bs-primary) !important;
    border-radius: 0px !important;
}

.blog-img-height {
    height: 500px;
}

.sub-blog-height {
    height: 150px;
}

/* ============================== theme-6 end -- jenish -- ============================== */

/* ============================== theme-7 start -- jenish -- ============================== */

/* theme-7 button start */

.btn__primary,
.btn__secondary {
    color: #fff !important;
    padding: 8px 25px;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 14px;
    position: relative;
    transform: translate3d(-3px, -4px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transition: .4s all;
    z-index: 2;
}

.btn__primary {
    background-color: var(--bs-primary) !important;
    border: 1px solid var(--bs-primary) !important;
}

.btn__secondary {
    background-color: var(--bs-secondary) !important;
    border: 1px solid var(--bs-secondary) !important;
}

.btn__primary:is(:hover, :active, :focus),
.btn__secondary:is(:hover, :active, :focus) {
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
}

/* ---------- button rtl css start --------- */
.btn__primary.rtl:is(:hover, :active, :focus),
.btn__secondary.rtl:is(:hover, :active, :focus) {
    transform: translate3d(-9px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg) !important;
}

.btn_bottom.rtl,
.btn_bottom-sec.rtl {
    transform: translate(-1.3em, 0.52em) !important;
}

/* ---------- button rtl css end --------- */

.btn_block {
    position: relative;
    display: inline-block;
}

.btn_bottom,
.btn_bottom-sec {
    z-index: 1;
    border-radius: 5px;
    position: absolute;
    top: -8px;
    left: 9px;
    right: -12px;
    transform: translate(-0.52em, 0.52em);
    width: 100%;
    height: 100%;
}

.btn_bottom {
    border: 1px solid var(--bs-primary);
}

.btn_bottom-sec {
    border: 1px solid var(--bs-secondary);
}

/* -------------- button drop border start -------------- */
.border-btn {
    position: relative;
    transform: translate3d(-3px, -4px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transition: .4s all;
    z-index: 2;
    background-color: var(--bs-secondary) !important;
}

.border-btn:hover {
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
}

/* theme-7 button end */

.theme-7-border {
    border-radius: 20px;
}

.theme-7-slider .theme-7-main-banner .owl-stage {
    display: block;
}

.theme-7-main-banner,
.theme-7-main-banner .carousel-caption,
.theme-7-main-banner img {
    height: 89vh !important;
}

.theme-7-slider .item::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    /* background-color: rgba(0, 0, 0, 0.5); */
    height: 100%;
    width: 100%;
}

.theme-7-slider .theme-7-main-banner {
    position: relative;
}

.theme-7-slider .theme-7-main-banner .owl-nav button,
.theme-7-slider .theme-7-main-banner .owl-nav button:hover {
    background-color: var(--bs-secondary) !important;
    padding: 5px 11px !important;
    color: #fff;
    border-radius: 5px;
}

.theme-7-slider .theme-7-main-banner .owl-nav .owl-prev,
.theme-7-slider .theme-7-main-banner .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.theme-7-slider .theme-7-main-banner .owl-nav .owl-prev {
    left: 2%;
}

.theme-7-slider .theme-7-main-banner .owl-nav .owl-next {
    right: 2%;
}

/* ---------- category slider start ---------- */

.theme-7-category-slider .owl-nav {
    position: absolute;
    bottom: 24%;
    right: 120%;
    display: flex;
}

.theme-7-category-slider.rtl .owl-nav {
    left: 120% !important;
    right: auto !important;
}

.theme-7-category .theme-7-category-slider .owl-nav button i,
.theme-7-category .theme-7-category-slider .owl-nav button:hover i {
    background-color: var(--bs-secondary) !important;
    padding: 5px 11px !important;
    color: #fff;
    border-radius: 4px;
}

.theme-7-category-slider .owl-stage-outer {
    padding: 6px;
    margin-right: -15px;
}

.cat-img-7 img {
    height: 300px;
}

/* ------------ drop border start ------------ */
.card-drop-border,
.card-drop-border-primary {
    border-radius: 20px;
    position: absolute;
    z-index: -1;
    top: -13px;
    left: 3px;
    transform: translate(-3px, 13px);
    width: 99.9%;
    height: 99.9%;
}

.card-drop-border {
    border: 1px solid var(--bs-secondary) !important;
}

.card-drop-border-primary {
    border: 1px solid var(--bs-primary) !important;
}

.card-border-main .card {
    transform: translate3d(-6px, -6px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transition: .3s;
}

.card-border-main .card:is(:hover, :active, :focus) {
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transition: .3s;
}

/* ---------- theme-7 card rtl css start --------- */
.card-border-main .card.rtl:is(:hover, :active, :focus) {
    transform: translate3d(-12px, 1px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg) !important;
}

.card-drop-border.rtl {
    transform: translate(-0.9em, 0.9em);
}

.card-border-main .card.rtl-card {
    transform: translate(0.4em, -0.4em);
    transition: .3s;
}

.card-border-main .card.rtl-card:is(:hover, :active, :focus) {
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
}

/* ---------- theme-7 card rtl css end --------- */

/* ------------ best offer start ------------ */

.offers-theme .offers-7 .top-bar-offer {
    border: 1px solid var(--bs-secondary) !important;
    background-color: transparent !important;
}


/* ---------- offer-banner-1 start --------- */
.theme-7-offer-banner-1-carousel .owl-stage-outer {
    padding: 6px;
    margin-right: -15px;
}

/*-------- product card start --------*/

.theme-7-best-Selling-product .card .card-img img {
    height: 350px;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

.theme-7-new-product .item .item-img img {
    height: 180px !important;
    width: 125px !important;
    object-fit: cover !important;
    object-position: center !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.theme-7-new-product .item .item-img a {
    height: 180px !important;
    width: 180px !important;
    object-fit: cover !important;
    object-position: center !important;
    display: flex;
    justify-content: center;
    align-items: center;
}


.theme-7-new-product .item .item-img {
    height: 180px !important;
    width: 180px !important;
    object-fit: cover !important;
    object-position: center !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.theme-7-best-Selling-product .pic-2,
.theme-7-new-product .pic-2,
.product-item-side-7 .pic-2 {
    width: 100%;
    height: 100%;
    transform: translateX(-104%);
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s ease 0s;
    transition: .4s;
}

.theme-7-best-Selling-product .option-wrap::after {
    position: absolute;
    content: "";
    inset: 0;
    background-color: var(--bs-primary);
    opacity: 0.5;
    z-index: -1;
}

/* best-Selling-product option before */
.theme-7-best-Selling-product .option-wrap li .option-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    transform: scale(1);
    transition: all 0.5s;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    z-index: -1;
    border-radius: 10px;
}

/* new product option before */
.theme-7-new-product .option-wrap li .option-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1);
    transition: all 0.5s;
    width: inherit;
    height: inherit;
    z-index: -1;
    background-color: transparent;
    border-radius: 10px;
    border: 1px solid var(--bs-secondary);
}

.theme-7-new-product .option-wrap li .option-btn i::before {
    color: var(--bs-secondary) !important;
}

/* new product option hover */
.theme-7-new-product .option-wrap li:hover .option-btn i::before {
    color: #FFF !important;
}

.theme-7-best-Selling-product .option-wrap li:hover .option-btn::before,
.theme-7-new-product .option-wrap li:hover .option-btn::before {
    background-color: var(--bs-secondary) !important;
}

/* option */
.theme-7-best-Selling-product .option-wrap {
    position: absolute;
    padding: 5px;
    opacity: 1;
    z-index: 2;
    transition: all 0.5s ease;
    background-color: var(--bs-primary) 0.05;
    transition: .4s;
    transform: translateY(104%);
    bottom: 0;
    transition: .4s;
}



/* ------------- sale label start ------------- */
.sale-label-7,
.sale-label-7-rtl {
    font-size: 12px;
    text-align: center;
    background-color: var(--bs-primary);
    color: #fff;
    font-weight: 600;
    position: absolute;
    top: 18px;
    opacity: 0;
    transition: .3s;
    transform: rotateZ(44deg);
    justify-content: center;
    display: flex;
    align-items: center;
    padding: 5px 30px;
}

.sale-label-7 {
    right: -30px;
}

.sale-label-7-rtl {
    left: -30px;
    transform: rotateZ(-44deg);
}

/* ------------- sale label end ------------- */

/* ---------- theme-7-offer-banner-3 start ----------  */
.theme-7-offer-banner-3 .carousel-inner {
    overflow: visible;
}

.theme-7-offer-banner-3-carousel .owl-stage {
    padding: 10px;
}


/* ------ theme-7-offer-banner-1-carousel  start ------ */

.theme-7-offer-banner-1-carousel,
.theme-7-offer-banner-3-carousel {
    position: relative;
}

.theme-7-offer-banner-1-carousel .owl-nav button i,
.theme-7-offer-banner-1-carousel .owl-nav button:hover i,
.theme-7-offer-banner-3-carousel .owl-nav button i,
.theme-7-offer-banner-3-carousel .owl-nav button:hover i,
#testimonial7 .owl-nav button i,
#testimonial7 .owl-nav button:hover i {
    background-color: var(--bs-secondary) !important;
    padding: 5px 11px !important;
    color: #fff;
    border-radius: 5px;
}

.theme-7-offer-banner-1-carousel .owl-nav .owl-prev,
.theme-7-offer-banner-1-carousel .owl-nav .owl-next,
.theme-7-offer-banner-3-carousel .owl-nav .owl-prev,
.theme-7-offer-banner-3-carousel .owl-nav .owl-next,
.theme-7-deals #top-deals-slider .owl-nav .owl-prev,
.theme-7-deals #top-deals-slider .owl-nav .owl-next,
#testimonial7 .owl-nav .owl-prev,
#testimonial7 .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.theme-7-offer-banner-1-carousel .owl-nav .owl-prev,
.theme-7-offer-banner-3-carousel .owl-nav .owl-prev {
    left: 2%;
}

.theme-7-offer-banner-1-carousel .owl-nav .owl-next,
.theme-7-offer-banner-3-carousel .owl-nav .owl-next {
    right: 2%;
}


/* theme-7-offer-banner-3 start */
.theme-7-offer-banner-3 .carousel-control-prev-icon,
.theme-7-offer-banner-3 .carousel-control-next-icon {
    background-image: none;
}

.slider-arrows,
.slider-arrows:hover {
    background-color: var(--bs-secondary) !important;
    padding: 6px 11px !important;
    color: #fff;
    border-radius: 5px;
}

.theme-7-offer-banner-3-carousel .owl-nav {
    margin: 0;
}

/* ---------- theme-7 top deal start ----------  */

.theme-7-deals .topdeals-text {
    color: var(--bs-secondary) !important;
}

.theme-7-deals .border-primary {
    border-color: var(--bs-secondary) !important;
}

.theme-7-deals .countdown-border ul {
    border: 4px solid var(--bs-secondary) !important;
    border-radius: 20px !important;
}


.product-item-side-7 .item-img img {
    height: 200px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

.product-item-side-7 .option-wrap li .option-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1);
    transition: all 0.5s;
    width: inherit;
    height: inherit;
    z-index: -1;
    background-color: transparent;
    border-radius: 10px;
    border: 1px solid var(--bs-primary);
}

.product-item-side-7 .option-wrap li:hover .option-btn::before {
    background-color: var(--bs-primary);
}

.theme-7-deals #top-deals-slider .owl-nav button i,
.theme-7-deals #top-deals-slider .owl-nav button:hover i {
    background-color: var(--bs-primary) !important;
    padding: 5px 11px !important;
    color: #fff;
    border-radius: 5px;
}

.theme-7-deals #top-deals-slider .owl-nav .owl-prev {
    left: -4%;
}

.theme-7-deals #top-deals-slider .owl-nav .owl-next {
    right: -4%;
}

#top-deals-slider .owl-nav {
    margin: 0;
}


/* -------- testimonial start -------- */

#testimonial7 .owl-nav .owl-prev {
    left: -4%;
}

#testimonial7 .owl-nav .owl-next {
    right: -4%;
}

/* rtl css */
#testimonial7.owl-rtl .owl-nav .owl-prev {
    left: unset;
    right: -4%;
}

#testimonial7.owl-rtl .owl-nav .owl-next {
    left: -4%;
    right: unset;
}

/* rtl css end */


.theme-7-client-img {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover;
    border-radius: 50%;
    margin: auto;
}

#testimonial7 .card {
    border: 0px;
    transition: .4s;
    margin: 2px;
}

#testimonial7 .card:hover .card-drop-border {
    border: 0px;
    transition: .4s;
}

#testimonial7 .owl-stage-outer .owl-stage {
    padding: 6px;
    margin-right: -15px;
}

/* --------------- mobile app download start --------------- */
.section-border-secondary {
    border: 3px solid var(--bs-secondary);
}

/* ---------- blog section start ---------- */
.theme-7-blog .sub-blog-height-7 {
    height: 200px;
}

.btn-border {
    border: 1px solid var(--bs-secondary) !important;
    border-radius: 6px;
}

/* ============================== theme-7 end -- jenish -- ============================== */


/* ============================== theme-8 start -- jenish -- ============================== */

/* --------- main banner start --------- */
.theme-8-main-banner,
.theme-8-main-banner .carousel-caption,
.theme-8-main-banner img {
    height: 680px !important;
}

.theme-8-slider .theme-8-main-banner .owl-stage {
    display: block;
}

.theme-8-main-banner .carousel-caption {
    position: absolute;
    right: 5%;
    bottom: 1.25rem;
    left: 5%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
}

/* ---- title text ---- */
.theme-8 .wdt-heading-title {
    font-size: 30px;
    color: #fff;
    margin-bottom: 30px;
    font-weight: 600;
    transition: 0.5s ease;
}

/* ---- title line ----- */
.title-line-3 {
    height: 30px;
    width: 3px;
    background-color: var(--bs-secondary);
    border-radius: 5px;
}

/* ------ category start ------ */
.theme-8 .owl-nav button,
.theme-8 .owl-nav .owl-next:is(:hover, :active, :focus),
.theme-8 .owl-nav .owl-prev:is(:hover, :active, :focus),
.theme-8-offer-banner-3 button {
    background-color: var(--bs-secondary) !important;
    height: 35px;
    width: 35px;
    color: #fff !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.theme-8 .owl-nav .owl-next,
.theme-8-offer-banner-3 .carousel-control-next {
    right: -20px;
    border-radius: 50% !important;
}

.theme-8 .owl-nav .owl-prev,
.theme-8-offer-banner-3 .carousel-control-prev {
    left: -23px;
    border-radius: 50% !important;
}

.theme-8-category-slider .owl-nav button {
    border-radius: 5px !important;
}

.text-lightslategray {
    color: lightslategray;
}

.cat-img-8 img {
    height: 180px;
    object-fit: contain;
}

/* ------ offer slider start ------ */
.offers-theme-8 .offer-badge-8,
.offers-theme-9 .offer-badge-9,
.offers-theme-12 .offer-badge-12 {
    position: relative;
    top: 57px;
    left: 10%;
    z-index: 3;
    border-radius: 100px;
    background-color: var(--bs-secondary);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    text-align: center;
    display: inline-block;
    padding: 5px 10px;
}

.offers-theme-8 .offer-badge-8.rtl,
.offers-theme-9 .offer-badge-9.rtl,
.offers-theme-12 .offer-badge-12.rtl {
    right: 10%;
}

/* ------- product view start ------- */
.theme-8-best-Selling-product .card .card-img img,
.theme-8-new-product .card .card-img img,
#top-deals8 .card .card-img img {
    height: 300px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

.theme-8-best-Selling-product .option-wrap,
.theme-8-new-product .option-wrap,
#top-deals8 .option-wrap {
    position: absolute;
    padding: 5px;
    top: 0px;
    /* right: 0%; */
    opacity: 0;
    z-index: 2;
    transition: all 0.5s ease;
    background-color: var(--bs-primary) 0.05;
}

.theme-8-best-Selling-product .option-wrap li .option-btn::before,
.theme-8-new-product .option-wrap li .option-btn::before,
#top-deals8 .option-wrap li .option-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    transform: scale(1);
    transition: all 0.5s;
    width: inherit;
    height: inherit;
    border-radius: 8px;
    z-index: -1;
}

.theme-8-best-Selling-product .option-wrap li:hover .option-btn::before,
.theme-8-new-product .option-wrap li:hover .option-btn::before,
#top-deals8 .option-wrap li:hover .option-btn::before {
    background-color: #000;
}


/* rtl css start */

.ltr-8 {
    right: 0% !important;
}

.rtl-8 {
    left: 0% !important;
}

/* rtl css end */
.sale-label-8 {
    width: auto;
    height: auto;
    font-size: 12px;
    text-align: center;
    padding: 5px 10px;
    background-color: var(--bs-primary);
    color: #fff;
    display: block;
    font-weight: 600;
    position: absolute;
    top: 7px;
    left: 7px;
    right: auto;
    border-radius: 6px 0px;
}

.sale-label-8.rtl {
    left: auto;
    right: 7px !important;
}

.theme-8-cart {
    position: absolute;
    bottom: 0%;
    opacity: 0;
    transition: .3s;
}

.theme-8-cart .product-cart-button {
    background-color: var(--bs-secondary);
    color: #fff !important;
    transition: .3s;
    padding: 10px 0px;
}

/* ---------- top deal start ---------- */

.theme-8-deals .topdeals-text {
    color: #000 !important;
    border-color: #000 !important;

}

.theme-8-deals .countdown-border ul {
    border: 4px solid #000 !important;
    border-radius: 8px !important;
}

/* -------------- testimonial slider start -------------- */
.theme-8-client-img {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover;
    border-radius: 50%;
    margin: auto;
}

/* --------------- app download start --------------- */
.bg-border {
    border: 4px solid;
}


/* ============================== theme-8 end -- jenish -- ============================== */

/* ============================== theme-9 start -- jenish -- ============================== */

.title-dot {
    height: 7px;
    width: 7px;
    background-color: var(--bs-primary);
    border-radius: 50%;
}

/* ----------- main banner start ----------- */
.layer {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.theme-9-home-slider,
.theme-9-home-slider .carousel-caption,
.theme-9-home-slider img {
    height: 800px !important;
    object-fit: cover;
}

.theme-9-home-slider .carousel .carousel-inner .carousel-item .carousel-caption {
    z-index: 2;
}

.theme-9-home-slider .carousel-item {
    transition: transform .9s ease-in-out;
}

.vertical.carousel .carousel-item {
    overflow: hidden;
}

.vertical.carousel .carousel-item-next:not(.carousel-item-start),
.vertical.carousel .active.carousel-item-end {
    transform: translateY(100%);
}

.vertical.carousel .carousel-item-prev:not(.carousel-item-end),
.vertical.carousel .active.carousel-item-start {
    transform: translateY(-100%);
}

.vertical.carousel .carousel-indicators.rtl {
    top: 0;
    right: 0;
    left: unset;
    margin-left: unset !important;
    margin-right: 1rem;
    flex-direction: column;
}

.vertical.carousel .carousel-indicators {
    top: 0;
    right: unset;
    left: 0;
    margin-left: 1rem !important;
    margin-right: unset;
    flex-direction: column;
}

.vertical.carousel .carousel-indicators [data-bs-target] {
    height: 15px;
    width: 15px;
    border-radius: 50%;
}

/* ------------- category start ------------- */

/* --- slider arrow ---- */
.theme-9 .owl-nav button {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
    height: 35px !important;
    width: 35px !important;
    border-radius: 50% !important;
}

.theme-9 .owl-nav .owl-prev:is(:hover, :active, :focus),
.theme-9 .owl-nav .owl-next:is(:hover, :active, :focus) {
    background-color: var(--bs-primary) !important;
}

/* --- slider arrow end ---- */

.theme-9-category .theme-9-category-slider img {
    height: 160px;
}

.theme-9 .theme-9-category-slider .card {
    background-color: var(--bs-secondary-rgb-2);
}

.theme-9 .owl-stage-outer {
    padding-bottom: 8px;
}

.shadow-theme-9 {
    box-shadow: 5px 5px 0px var(--bs-secondary) !important;
}

.shadow-theme-9.rtl {
    box-shadow: -5px 5px 0px var(--bs-secondary) !important;
}

.btn-theme-9 {
    transition: .3s;
}

/* shadow for button theme-9 */
.btn-theme-9:hover {
    transform: translate3d(6px, 5px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transition: .3s;
}

.btn-theme-9.rtl:hover {
    transform: translate3d(-6px, 5px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transition: .3s;
}

/* ---------- product view start ---------- */
.theme-9-best-Selling-product .card .card-img img,
.theme-9-new-product .card .card-img img,
#top-deals9 .card .card-img img {
    height: 300px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

.product-star {
    font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320)));
}

/* ---------- product label start ---------- */
.sale-label-9 {
    width: auto;
    height: auto;
    font-size: 12px;
    text-align: center;
    padding: 5px 10px;
    background-color: #000;
    color: #fff;
    display: block;
    font-weight: 600;
    position: absolute;
    top: 10px;
    right: 10px;
    left: auto;
    border-radius: 4px;
}

.sale-label-9.rtl {
    right: auto;
    left: 10px !important;
}

/* ------------ cart button start ------------ */

.theme-9-cart {
    position: absolute;
    bottom: 0%;
    opacity: 0;
    transition: .3s;
    transform: translateY(100%);
}

.theme-9-cart .product-cart-button {
    background-color: var(--bs-primary);
    color: #fff !important;
    transition: .3s;
    padding: 10px 0px;

}

/* --------------- theme-9 option start --------------- */
.theme-9-best-Selling-product .option-wrap,
.theme-9-new-product .option-wrap {
    position: absolute;
    padding: 5px;
    left: -50px;
    right: auto;
    top: 10px;
    opacity: 0;
    z-index: 2;
    transition: all 0.5s ease;
    gap: 10px;
    justify-content: center;
}

.theme-9-best-Selling-product .option-wrap.rtl,
.theme-9-new-product .option-wrap.rtl {
    right: -50px;
    left: auto;
}

.theme-9-best-Selling-product .card .option-wrap li,
.theme-9-new-product .card .option-wrap li {
    margin: 0px 0px 15px 0px;
}

.theme-9-best-Selling-product .option-wrap li .option-btn::before,
.theme-9-new-product .option-wrap li .option-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    transform: scale(1);
    transition: all 0.5s;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    z-index: -1;
    border-radius: 5px;
}

.theme-9-best-Selling-product .option-wrap li:hover .option-btn::before,
.theme-9-new-product .option-wrap li:hover .option-btn::before {
    background-color: var(--bs-primary) !important;
}

.theme-9-best-Selling-product .option-wrap:hover svg,
.theme-9-new-product .option-wrap:hover svg {
    fill: #fff !important;
}

/* ------------- deals start ------------ */
.theme-9-deals .countdown-border ul {
    border: 4px solid var(--bs-secondary) !important;
    border-radius: 12px !important;
    background-color: #fff;
}

.theme-9-deals .countdown-border ul .topdeals-text {
    color: #000 !important;
    border-color: #000 !important;
}

/* ----- OPTION hover ----- */


#top-deals9 .card .option-wrap li {
    background-color: var(--bs-primary);
}

/* #top-deals9 .card .option-wrap li a {
    color: #fff !important;
}

#top-deals9 .card .option-wrap li a:hover {
    background-color: #000;
} */

.theme-9 #top-deals9 .owl-nav button,
.theme-9 #testimonial8 .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}

.theme-9 .owl-nav .owl-prev,
.theme-9 .owl-nav .owl-prev:is(:hover, :active, :focus) {
    left: -1%;
    box-shadow: 0px 0px 5px #000 !important;
}

.theme-9 .owl-nav .owl-next,
.theme-9 .owl-nav .owl-next:is(:hover, :active, :focus) {
    right: -1%;
    box-shadow: 0px 0px 5px #000 !important;
}

/* testimonial start */
.theme-9-client-img {
    width: 60px !important;
    height: 60px !important;
    object-fit: cover;
    border-radius: 50%;
}

/* top deal start */
.theme-9-deals #top-deals9 .card img .deals #top-deals5 .card img {
    width: 180px !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* ================ theme-9 end -- jenish -- ================ */


/* ================ theme-10 start -- jenish -- ================ */

/* ------ main banner start ------ */

.h-139 {
    height: 139px;
}

#theme-10-home-slider,
#theme-10-home-slider .carousel-caption,
#theme-10-home-slider img {
    height: 600px !important;
    object-fit: cover;
}

#theme-10-home-slider .item::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.4);
    height: 100%;
    width: 100%;
}

.theme-10-home-slider #theme-10-home-slider .owl-stage {
    display: block;
}

.theme-10-home-slider .owl-nav button,
.theme-10-home-slider .owl-nav .owl-prev,
.theme-10-home-slider .owl-nav .owl-next,
.theme-10-home-slider .owl-nav .owl-prev:is(:hover, :active, :focus),
.theme-10-home-slider .owl-nav .owl-next:is(:hover, :active, :focus) {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: var(--bs-secondary) !important;
    color: #fff !important;
    opacity: 0;
}

.theme-10-home-slider .owl-nav .owl-prev {
    left: 0%;
    transition: .3s;
}

.theme-10-home-slider .owl-nav .owl-next {
    right: 0%;
    transition: .3s;
}

/* --------- category start --------- */
.categories-name-10 {
    font-size: 15px;
    font-weight: 600;
}

.cat-img-10 img {
    height: 240px;
    object-fit: cover;
}

.theme-10 .owl-nav button,
.theme-10 .owl-nav .owl-prev:is(:hover, :active, :focus),
.theme-10 .owl-nav .owl-next:is(:hover, :active, :focus) {
    height: 40px;
    width: 40px;
    border-radius: 50% !important;
    background-color: var(--bs-secondary) !important;
    color: #fff !important;
}

/* ----------- theme-10 card hover border ----------- */
.theme-10-best-Selling-product .card .card-border:before,
.theme-10-best-Selling-product .card .card-border:after,
.theme-10-new-product .card .card-border:before,
.theme-10-new-product .card .card-border:after,
#top-deals10 .card .card-border:before,
#top-deals10 .card .card-border:after {
    box-sizing: inherit;
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    bottom: -2px;
    right: -2px;
    -webkit-transform-origin: center;
    transform-origin: center;
    z-index: -1;
}

.theme-10-best-Selling-product .card .card-border:before,
.theme-10-new-product .card .card-border:before,
#top-deals10 .card .card-border:before {
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: var(--bs-secondary);
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: var(--bs-secondary);
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
}

.theme-10-best-Selling-product .card .card-border:after,
.theme-10-new-product .card .card-border:after,
#top-deals10 .card .card-border:after {
    border-left-width: 2px;
    border-left-style: solid;
    border-left-color: var(--bs-secondary);
    border-right-width: 2px;
    border-right-style: solid;
    border-right-color: var(--bs-secondary);
    -webkit-transform: scale3d(1, 0, 1);
    transform: scale3d(1, 0, 1);
}

/* ---------- product view start ---------- */

.h-160 {
    height: 160px;
}

.theme-10-best-Selling-product .card .card-img img,
.theme-10-new-product .card .card-img img,
#top-deals10 .card .card-img img {
    height: 300px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

.product-star {
    font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320)));
}

.theme-10 .theme-10-best-Selling-product .card-layer::before,
.theme-10 .theme-10-new-product .card-layer::before,
#top-deals10 .card-layer::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.1);
    height: 100%;
    width: 100%;
    z-index: 3;
    /* border-radius: 8px; */
    opacity: 0;
    transition: .3s;
}


/* ------------- sale label start ------------- */
.sale-label-10 {
    font-size: 12px;
    text-align: center;
    background-color: var(--bs-secondary);
    color: #fff;
    font-weight: 600;
    transition: .3s;
    justify-content: center;
    display: flex;
    align-items: center;
    padding: 5px 10px;
    /* height: 20px;
    width: 50px; */
}

/* --------------- theme-10 option start --------------- */
.theme-10-best-Selling-product .option-wrap,
.theme-10-new-product .option-wrap,
#top-deals10 .option-wrap {
    position: absolute;
    padding: 5px;
    left: 50%;
    transform: translate(-50%);
    top: 45%;
    opacity: 0;
    z-index: 2;
    transition: all 0.5s ease;
    gap: 10px;
    justify-content: center;
    z-index: 1;
}

.theme-10-best-Selling-product.list .option-wrap {
    position: unset;
    padding: 0px;
    transform: none;
    opacity: 1;
}

.theme-10-best-Selling-product.list .card .option-wrap li {
    margin: 0px 0px 0px 0px;
}

.theme-10-best-Selling-product .card .option-wrap li,
.theme-10-new-product .card .option-wrap li {
    margin: 0px 0px 15px 0px;
}

.theme-10-best-Selling-product .option-wrap li .option-btn::before,
.theme-10-new-product .option-wrap li .option-btn::before,
#top-deals10 .option-wrap li .option-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--bs-primary);
    transform: scale(1);
    transition: all 0.5s;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    z-index: -1;
    border-radius: 5px;
}

.theme-10-best-Selling-product .option-wrap li:hover .option-btn::before,
.theme-10-new-product .option-wrap li:hover .option-btn::before,
#top-deals10 .option-wrap li:hover .option-btn::before {
    background-color: #000 !important;
    fill: #fff !important;
    border-radius: 5px;
}

.theme-10-best-Selling-product .option-wrap li:hover i::before,
.theme-10-new-product .option-wrap li:hover i::before,
#top-deals10 .option-wrap li:hover i::before {
    color: #fff !important;
}

.theme-10-best-Selling-product .option-wrap li ::before,
.theme-10-new-product .option-wrap li i::before,
#top-deals10 .option-wrap li i::before {
    color: #000 !important;
}

/* --------- top deal start --------- */
#top-deals10 .owl-stage-outer {
    padding: 3px;
}

.theme-10-deals .countdown-border ul {
    border: 4px solid var(--bs-secondary) !important;
    border-radius: 8px !important;
    background-color: #fff;
}

.theme-10-deals .countdown-border ul .topdeals-text {
    color: #000 !important;
    border-color: #000 !important;
}

/* ------ testimonial start ------ */
.theme-10-client-img {
    width: 45px !important;
    height: 45px !important;
    object-fit: cover;
    border-radius: 50%;
}

#testimonial10 .item {
    border-right: 1px solid #000;
}

.theme-10-offer-banner-3-carousel .owl-nav button,
.theme-10-offer-banner-3-carousel .owl-nav .owl-prev,
.theme-10-offer-banner-3-carousel .owl-nav .owl-next,
.theme-10-offer-banner-3-carousel .owl-nav .owl-prev:is(:hover, :active, :focus),
.theme-10-offer-banner-3-carousel .owl-nav .owl-next:is(:hover, :active, :focus) {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: var(--bs-secondary) !important;
    color: #fff !important;
}

.theme-10-offer-banner-3-carousel .owl-nav .owl-next {
    right: 0%;
}

.theme-10-offer-banner-3-carousel .owl-nav .owl-prev {
    left: 0%;
}

/* -- blog -- */

.theme-10-blog .blog-img-10 {
    height: 200px;
}

/* ================ theme-10 end -- jenish -- ================ */

/* ================ theme-11 start -- jenish ================ */

/* --------- theme-11-main-banner-slider start --------- */
.theme-11-main-banner-slider,
.theme-11-slider .carousel-caption {
    height: 80vh;
}

.theme-11-slider .carousel-caption .home-subtitle {
    font-size: 46px !important;
    transition: 0.5s ease;
}

/* slider dots */
.theme-11-slider .theme-11-main-banner .owl-dots .owl-dot span {
    width: 40px;
    height: 3px;
}

.theme-11-slider .theme-11-main-banner .owl-dots .owl-dot {
    margin-bottom: 0px;
}

/* slider arrow */
.theme-11-slider .theme-11-main-banner .owl-stage {
    display: block;
}

.theme-11-slider .theme-11-main-banner .owl-nav .owl-prev,
.theme-11 .owl-nav .owl-prev {
    left: 0%;
}

.theme-11-slider .theme-11-main-banner .owl-nav .owl-next,
.theme-11 .owl-nav .owl-next {
    right: 0%;
}

/* rtl css */
.theme-11-slider .theme-11-main-banner.rtl .owl-nav .owl-prev,
.theme-11 .owl-rtl .owl-nav .owl-prev {
    left: unset;
    right: 0% !important;
}

.theme-11-slider .theme-11-main-banner.rtl .owl-nav .owl-next,
.theme-11 .owl-rtl .owl-nav .owl-next {
    right: unset;
    left: 0% !important;
}

/* rtl css end */

.theme-11-slider .owl-theme .owl-nav,
.theme-11 .owl-theme .owl-nav {
    margin-top: 0px;
}

.theme-11-slider .theme-11-main-banner .owl-nav .owl-prev,
.theme-11-slider .theme-11-main-banner .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 8px;
    background-color: var(--bs-primary) !important;
}

.theme-11 .owl-nav .owl-prev,
.theme-11 .owl-nav .owl-next {
    position: absolute;
    top: -20%;
    transform: translateY(-50%);
    border-radius: 8px;
    background-color: var(--bs-primary) !important;
}

.theme-11-slider .theme-11-main-banner .owl-nav button,
.theme-11-slider .theme-11-main-banner .owl-nav button:hover,
.theme-11 .owl-nav button,
.theme-11 .owl-nav button:hover {
    background-color: var(--bs-primary) !important;
    height: 35px;
    width: 35px;
    color: #fff !important;
}

/* -------- offers slider start -------- */
.offers-theme-11 .offer-badge-11 {
    position: relative;
    top: 57px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    border-radius: 100px;
    background-color: var(--bs-secondary);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    text-align: center;
    display: inline-block;
    padding: 5px 10px;
}

.offers-theme-11 .offer-badge-11.rtl {
    right: 50%;
    transform: translateX(50%);
}

/* --------- category start --------- */

/* .theme-11-category-slider .cat-img img {
    height: 300px;
} */

.theme-11-category-slider .card {
    position: relative;
}

.theme-11-category-slider .card .card-body {
    position: absolute;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.67);
    bottom: 0%;
}


/* --------------- theme-11 option start --------------- */
.theme-11-best-Selling-product .option-wrap,
.theme-11-new-product .option-wrap {
    bottom: 2px;
    opacity: 0;
    z-index: 2;
    transition: all 0.5s ease;
    gap: 10px;
}

.theme-11-best-Selling-product .option-wrap li .option-btn::before,
.theme-11-new-product .option-wrap li .option-btn::before,
#top-deals11 .option-wrap li .option-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--bs-secondary);
    transform: scale(1);
    transition: all 0.5s;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    z-index: -1;
}

.theme-11 .card .theme-11-cart .option-wrap li a,
.theme-11 .card .option-wrap li a {
    color: #fff;
    background-color: var(--bs-secondary);
}

.theme-11-best-Selling-product .option-wrap li:hover .option-btn::before,
.theme-11-new-product .option-wrap li:hover .option-btn::before,
#top-deals11 .option-wrap li:hover .option-btn::before {
    background-color: var(--bs-primary) !important;
}

.theme-11-best-Selling-product .option-wrap:hover svg,
.theme-11-new-product .option-wrap:hover svg {
    fill: #fff !important;
}

.theme-11-best-Selling-product .card .card-img img,
.theme-11-new-product .card .card-img img,
#top-deals11 .card .card-img img {
    height: 350px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

.theme-11-cart {
    position: absolute;
    bottom: 2%;
    opacity: 0;
    transition: .3s;
    transform: translateY(-100%);
}

.theme-11-cart .product-cart-button {
    background-color: var(--bs-primary);
    color: #fff !important;
    transition: .3s;
    padding: 10px 10px;
    height: 36px;
}

.product_icon11 {
    width: 100%;
}

.theme-11 .card .option-wrap li .circle-round,
.theme-11 .item .option-wrap li .circle-round {
    width: 36px;
    height: 36px;
}

/* ---------- product label start ---------- */
.sale-label-11 {
    font-size: 12px;
    padding: 5px 25px 5px 10px;
    background-color: #000;
    color: #fff;
    display: block;
    font-weight: 600;
    display: flex;
    align-items: center;
    clip-path: polygon(100% 0%, 78% 49%, 100% 100%, 0 100%, 0% 50%, 0 0);
}

.sale-label-11.rtl {
    font-size: 12px;
    padding: 5px 25px 5px 10px;
    background-color: #000;
    color: #fff;
    display: block;
    font-weight: 600;
    display: flex;
    align-items: center;
    clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 25% 50%, 0% 0%);
}

/* sale-label-11 rtl class */
.theme-11 .off-label-11.rtl .sale-label-11 {
    padding: 3px 7px 3px 19px;
}

.off-label-11 {
    position: absolute;
    top: 10px;
    left: -1px;
    right: auto;
}

/* off-label-11 rtl class */

.off-label-11.rtl {
    left: auto;
    right: 0px !important;
}

/* label-arrow rtl class */
.theme-11 .off-label-11.rtl .label-arrow {
    left: -6px;
    right: auto;
    transform: rotate(270deg);
}

/* ---------- animation for main slider start ---------- */
.text-animation .owl-item.active .animation-down {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.2s;
}

.text-animation .owl-item.active .animation-up {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.2s;
}

.text-animation .owl-item.active .animation-fade {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeIn;
    animation-delay: 0.2s;
}

/* ---------- animation for main slider end ---------- */

/* ---------- top-deals11 ---------- */
.theme-11 #top-deals11 .owl-stage-outer {
    padding-bottom: 8px;
}

.theme-11 #top-deals11 .deal-11 img {
    height: 200px !important;
    width: 180px !important;
    object-fit: cover !important;
    object-position: center !important;
}

.theme-11 .countdown-border ul {
    border: 4px solid var(--bs-secondary) !important;
    border-radius: 6px !important;
}

/* ---------- testimonial start ---------- */

#testimonial11 .owl-stage {
    margin: 0px 2px;
}

.theme-11-client-img {
    width: 60px !important;
    height: auto !important;
    object-fit: cover;
}

/* ---------- blog start ---------- */
.theme-11-blog .blog-height-11 {
    height: 150px;
}

/* ================ theme-11 end -- jenish -- ================ */


/* ================ theme-12 start -- jenish ================ */

/* --------- theme-12-main-banner-slider start --------- */
.theme-12-main-banner-slider,
.theme-12-slider .carousel-caption {
    height: 55vh;
}

.theme-12-slider .carousel-caption .home-subtitle {
    font-size: 46px !important;
    transition: 0.5s ease;
}

/* slider dots */
.theme-12-slider .theme-12-main-banner .owl-dots .owl-dot span {
    width: 40px;
    height: 3px;
}

/* slider arrow */
.theme-12-slider .theme-12-main-banner .owl-stage {
    display: block;
}

.theme-12-slider .theme-12-main-banner .owl-nav .owl-prev {
    left: 0%;
}

.theme-12-slider .theme-12-main-banner .owl-nav .owl-next {
    right: 0%;
}

/* rtl css */
.theme-12-slider .theme-12-main-banner.owl-rtl .owl-nav .owl-prev {
    left: unset;
    right: 0% !important;
}

.theme-12-slider .theme-12-main-banner.owl-rtl .owl-nav .owl-next {
    right: unset;
    left: 0% !important;
}

/* rtl css end */

.theme-12-slider .owl-theme .owl-nav {
    margin-top: 0px;
}

.theme-12-slider .theme-12-main-banner .owl-nav .owl-prev,
.theme-12-slider .theme-12-main-banner .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 8px;
    background-color: var(--bs-secondary) !important;
}

.theme-12-slider .theme-12-main-banner .owl-nav button,
.theme-12-slider .theme-12-main-banner .owl-nav button:hover,
.theme-12 .owl-nav button,
.theme-12 .owl-nav button:hover {
    background-color: var(--bs-secondary) !important;
    height: 35px;
    width: 35px;
    color: #fff !important;
    border-radius: 50% !important;
}

/* category start */
.theme-12-category-slider .theme-12-item {
    padding: 2px;
}

/* --- slider text --- */
.theme-12-slider .home-subtitle {
    font-size: 50px;
    transition: 0.5s ease;
}

.carousel-caption-12 {
    background-color: var(--bs-secondary);
    height: 320px;
}

/* ------- theme-12 product ------- */
.theme-12-best-Selling-product .card .card-img img,
#top-deals12 .card .card-img img {
    height: 300px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

.theme-12-new-product .item .item-img img {
    height: 230px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* --- product option --- */
.theme-12-best-Selling-product .option-wrap,
.theme-12-new-product .option-wrap,
#top-deals12 .option-wrap {
    position: absolute;
    padding: 5px;
    bottom: 0px;
    right: 0%;
    opacity: 0;
    z-index: 2;
    transition: all 0.5s ease;
    background-color: var(--bs-primary) 0.05;
}

.theme-12-best-Selling-product .option-wrap li .option-btn::before,
.theme-12-new-product .option-wrap li .option-btn::before,
#top-deals12 .option-wrap li .option-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--bs-secondary);
    transform: scale(1);
    transition: all 0.5s;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    z-index: -1;
}

.theme-12-best-Selling-product .option-wrap li:hover .option-btn::before,
.theme-12-new-product .option-wrap li:hover .option-btn::before,
#top-deals12 .option-wrap li:hover .option-btn::before {
    background-color: var(--bs-primary) !important;
}

.theme-12 .card .theme-12-cart .option-wrap li a,
.theme-12 .card .option-wrap li a,
.theme-12 .item .option-wrap li a {
    color: #fff;
}

/* sale-label-12 class */
.sale-label-12 {
    font-size: 12px;
    padding: 4px 12px;
    background-color: var(--bs-secondary);
    color: #fff;
    font-weight: 600;
    display: flex;
    align-items: center;
    border-radius: 10px;
}

.off-label-12 {
    position: absolute;
    bottom: -10px;
    left: 10px;
    right: auto;
}

.off-label-two-12 {
    position: absolute;
    top: 10px;
    left: 10px;
    right: auto;
}

/* off-label-12 rtl class */

.off-label-12.rtl,
.off-label-two-12.rtl {
    left: auto;
    right: 10px !important;
}

/* top offer */
.theme-12 .countdown-border ul {
    border: 4px solid var(--bs-secondary) !important;
    border-radius: 10px !important;
}

/* ------- testimonial12 ------- */
#testimonial12 .client-profile {
    display: flex;
    background-color: #fff;
    align-items: end;
}

#testimonial12 .client-profile .description {
    background-color: var(--bs-primary-rgb);
}

.theme-12-client-img {
    width: 160px !important;
    object-fit: cover;
}

/* blog start */
.theme-12-blog .blog-img-height {
    height: 200px !important;
}


/* ============================== theme-13 start -- jenish ============================== */

/* slider arrow */
.theme-13-slider .theme-13-main-banner .owl-stage {
    display: block;
}

.theme-13-slider .theme-13-main-banner .owl-nav .owl-prev,
.theme-13 .owl-nav .owl-prev {
    left: 0%;
}

.theme-13-slider .theme-13-main-banner .owl-nav .owl-next,
.theme-13 .owl-nav .owl-next {
    right: 0%;
}

.theme-13-slider .owl-theme .owl-nav,
.theme-13 .owl-theme .owl-nav {
    margin-top: 0px;
}

/* rtl css */

.theme-13-slider .theme-13-main-banner.owl-rtl .owl-nav .owl-prev,
.theme-13 .owl-rtl.owl-theme .owl-prev {
    left: unset;
    right: 0% !important;
}

.theme-13-slider .theme-13-main-banner.owl-rtl .owl-nav .owl-next,
.theme-13 .owl-rtl.owl-theme .owl-next {
    right: unset;
    left: 0% !important;
}

/* --------- theme-13-main-banner-slider start --------- */
.theme-13-main-banner-slider,
.theme-13-slider .carousel-caption {
    height: 70vh;
}

.theme-13-slider .carousel-caption .home-subtitle {
    font-size: 46px;
    transition: 0.5s ease;
}


/* ------ for main banner arrow ------ */
.theme-13-slider .theme-13-main-banner .owl-nav .owl-prev,
.theme-13-slider .theme-13-main-banner .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 8px;
    background-color: var(--bs-primary) !important;
}

.theme-13 .owl-nav .owl-prev,
.theme-13 .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 8px;
    background-color: var(--bs-primary) !important;
}

.theme-13-slider .theme-13-main-banner .owl-nav button,
.theme-13-slider .theme-13-main-banner .owl-nav button:hover,
.theme-13 .owl-nav button,
.theme-13 .owl-nav button:hover {
    background-color: var(--bs-primary) !important;
    height: 35px;
    width: 35px;
    color: #fff !important;
}

/* dots */
.theme-13-slider .theme-13-main-banner .owl-dots .owl-dot span {
    width: 30px;
    height: 5px;
}


/* ---------------- category section start ---------------- */
.cat-arrow {
    height: 35px;
    width: 35px;
    border: 1px solid #ababab;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* ---------------- product section start ---------------- */

/* img height */
.theme-13-best-Selling-product .item .item-img img,
.theme-13-deals #top-deals13 .item .item-img img {
    height: 180px !important;
    width: 180px !important;
    object-fit: cover !important;
    object-position: center !important;
}

.theme-13-new-product .card-img img {
    height: 280px;
}

.theme-13-best-Selling-product .option-wrap li .option-btn::before,
.theme-13-new-product .option-wrap li .option-btn::before,
.theme-13-deals #top-deals13 .option-wrap li .option-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    transform: scale(1);
    transition: all 0.5s;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    z-index: -1;
    border-radius: 6px;
}

.theme-13-best-Selling-product .option-wrap li:hover .option-btn::before,
.theme-13-new-product .option-wrap li:hover .option-btn::before,
.theme-13-deals #top-deals13 .option-wrap li:hover .option-btn::before {
    background-color: var(--bs-secondary) !important;
}

.option-label-13 {
    position: absolute;
    bottom: -10px;
    right: 50%;
    transform: translateX(50%);
    left: auto;
}

/* sale-label-13 class */
.sale-label-13 {
    font-size: 12px;
    padding: 4px 12px;
    background-color: var(--bs-secondary);
    color: #fff;
    font-weight: 600;
    display: flex;
    align-items: center;
    border-radius: 10px;
}

.off-label-13 {
    position: absolute;
    top: 10px;
    left: 10px;
    right: auto;
}

/* off-label-13 rtl class */

.off-label-13.rtl {
    left: 10px;
    right: auto;
}

/* theme-13-category */

.theme-13-category .theme-13-item .card-title {
    font-size: 15px;
}

/* ----------- top deal section start ----------- */

.theme-13 .countdown-border ul {
    border: 2px solid #9d9d9d !important;
    border-radius: 6px !important;
}


/* ------- testimonial13 ------- */
#testimonial13 .client-profile {
    display: flex;
    background-color: #fff;
    align-items: center;
}

#testimonial13 .client-profile .description {
    background-color: var(--bs-primary-rgb);
}

.theme-13-client-img {
    width: 250px !important;
    object-fit: cover;
}

/* --------- blog section start --------- */

.theme-13 .blog-img-height {
    height: 300px;
}

.theme-13 .sub-blog-height {
    height: 200px;
}


/* ============================== theme-14 start -- jenish ============================== */

/* slider arrow */
.theme-14-slider .theme-14-main-banner .owl-stage {
    display: block;
}

.theme-14-slider .theme-14-main-banner .owl-nav .owl-prev,
.theme-14 .owl-nav .owl-prev {
    left: 0%;
}

.theme-14-slider .theme-14-main-banner .owl-nav .owl-next,
.theme-14 .owl-nav .owl-next {
    right: 0%;
}

.theme-14-slider .owl-theme .owl-nav,
.theme-14 .owl-theme .owl-nav {
    margin-top: 0px;
}

/* --------- theme-14-main-banner-slider start --------- */
.theme-14-main-banner-slider,
.theme-14-slider .carousel-caption {
    height: 605px;
    border-radius: 10px;
}

.theme-14-slider .slider-layer .item::before {
    border-radius: 10px !important;
}

.theme-14-slider .carousel-caption .home-subtitle {
    font-size: 42px;
    transition: 0.5s ease;
}


/* ------ for main banner arrow ------ */
.theme-14-slider .theme-14-main-banner .owl-nav .owl-prev,
.theme-14-slider .theme-14-main-banner .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 8px;
    background-color: var(--bs-primary) !important;
}

.theme-14 .owl-nav .owl-prev,
.theme-14 .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 8px;
    background-color: var(--bs-primary) !important;
}

.theme-14-slider .theme-14-main-banner .owl-nav button,
.theme-14-slider .theme-14-main-banner .owl-nav button:hover,
.theme-14 .owl-nav button,
.theme-14 .owl-nav button:hover {
    background-color: var(--bs-primary) !important;
    height: 35px;
    width: 35px;
    color: #fff !important;
}

/* dots */
.theme-14-slider .theme-14-main-banner .owl-dots .owl-dot span {
    width: 30px;
    height: 5px;
}

.theme-14-offer-banner-1-carousel img,
.theme-14-slider .img-3 img {
    height: 290px !important;
}

/* ------ offer slider start ------ */

.offers-theme-14 .offer-badge-14 {
    position: relative;
    top: 57px;
    left: 0%;
    z-index: 3;
    border-radius: 100px;
    background-color: var(--bs-secondary);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    text-align: center;
    display: inline-block;
    padding: 5px 10px;
}

.offers-theme-14 .offer-badge-14.rtl {
    right: 0%;
}

/* ---------------- product section start ---------------- */

/* best-Selling-product   img height */
.theme-14-best-Selling-product .card .card-img img {
    height: 300px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* new-product  */
.theme-14-new-product .item .item-img img {
    height: 160px !important;
    width: 160px !important;
    object-fit: cover !important;
    object-position: center !important;
}

.theme-14-deals #top-deals14 .card .card-img img {
    height: 250px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* options */
.theme-14-best-Selling-product .option-wrap li .option-btn::before,
.theme-14-new-product .option-wrap li .option-btn::before,
.theme-14-deals #top-deals14 .option-wrap li .option-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    transform: scale(1);
    transition: all 0.5s;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    z-index: -1;
    border-radius: 6px;
}

.theme-14-best-Selling-product .option-wrap li:hover .option-btn::before,
.theme-14-new-product .option-wrap li:hover .option-btn::before,
.theme-14-deals #top-deals14 .option-wrap li:hover .option-btn::before {
    background-color: var(--bs-secondary) !important;
}

.theme-14-best-Selling-product .option-wrap,
.theme-14-deals #top-deals14 .option-wrap {
    position: absolute;
    padding: 5px;
    bottom: 50%;
    transform: translateY(50%);
    opacity: 0;
    z-index: 2;
    transition: all 0.5s ease;
    background-color: var(--bs-primary) 0.05;
}

/* sale-label-14 class */
.sale-label-14 {
    font-size: 12px;
    padding: 4px 12px;
    background-color: var(--bs-secondary);
    color: #fff;
    font-weight: 600;
    display: flex;
    align-items: center;
    border-radius: 10px;
}

.off-label-14 {
    position: absolute;
    top: 10px;
    right: 10px;
    left: auto;
}

/* off-label-14 rtl class */

.off-label-14.rtl {
    left: 10px;
    right: auto;
}

/* ---------- theme-14 top deal countdown start ---------- */

#countdown ul {
    padding: 6px !important;
}

.theme-14-deals .countdown-border ul {
    border: 3px solid #000 !important;
    border-radius: 8px !important;
}

/* ---------- theme-14 testimonial start ---------- */
.theme-14-client-img {
    width: 90px !important;
    border-radius: 50% !important;
    object-fit: cover;
}

#testimonial14 .client-profile {
    text-align: center;
    background-color: #fff;
    align-items: start;
}

/* ---------- theme-14 blog start ---------- */
.theme-14-blog .blog-height-14 {
    height: 170px;
}



/* ============================= theme-15 start -- jenish ============================= */

/* ------------- slider arrow ------------- */
.theme-15-slider .theme-15-main-banner .owl-nav button,
.theme-15-slider .theme-15-main-banner .owl-nav button:hover,
.theme-15 .owl-nav button,
.theme-15 .owl-nav button:hover {
    background-color: var(--bs-primary) !important;
    height: 35px;
    width: 35px;
    color: #fff !important;
}

.theme-15 .owl-nav .owl-prev,
.theme-15 .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 8px;
    background-color: var(--bs-primary) !important;
}

.theme-15-slider .theme-15-main-banner .owl-nav .owl-prev,
.theme-15 .owl-nav .owl-prev {
    left: 0%;
}

.theme-15-slider .theme-15-main-banner .owl-nav .owl-next,
.theme-15 .owl-nav .owl-next {
    right: 0%;
}

/* rtl css */
.theme-15-slider .theme-15-main-banner.owl-rtl .owl-nav .owl-prev,
.theme-15 .owl-rtl .owl-nav .owl-prev {
    left: unset;
    right: 0% !important;
}

.theme-15-slider .theme-15-main-banner.owl-rtl .owl-nav .owl-next,
.theme-15 .owl-rtl .owl-nav .owl-next {
    right: unset;
    left: 0% !important;
}

/* rtl css end */

/* ------------- main banner slider ------------- */
.theme-15-slider,
.theme-15-slider .carousel-caption,
.theme-15-slider img {
    height: 84vh !important;
    object-fit: cover;
}

.theme-15-slider .carousel .carousel-inner .carousel-item .carousel-caption {
    z-index: 2;
}

.theme-15-slider.vertical.carousel .carousel-indicators {
    top: 87%;
    right: unset;
    left: 4%;
    flex-direction: row !important;
}

.theme-15-slider.vertical.carousel .carousel-indicators.rtl {
    left: unset;
    right: 4%;
}

.theme-15-slider.vertical.carousel .carousel-indicators [data-bs-target] {
    height: 15px;
    width: 15px;
    border-radius: 0%;
}

/* ----------- category section ----------- */
.theme-15 .cat-15 {
    width: 150px !important;
    height: 150px;
    display: flex !important;
    margin: 0 auto;
}

/* ----------- product section ----------- */

/* product img  */
.theme-15-best-Selling-product .card .card-img img,
.theme-15-deals .theme-15-deal .card .card-img img {
    height: 300px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

.theme-15-new-product .item .item-img img {
    height: 190px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* product category lable */
.category-label {
    position: absolute;
    bottom: 0%;
    left: 0;
    width: 100%;
    padding: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* product option */
.theme-15-best-Selling-product .option-wrap li .option-btn::before,
.theme-15-new-product .option-wrap li .option-btn::before,
.theme-15-deals #top-deals15 .option-wrap li .option-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    transform: scale(1);
    transition: all 0.5s;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    z-index: -1;
    border-radius: 0px;
}

.theme-15-best-Selling-product .option-wrap li:hover .option-btn::before,
.theme-15-new-product .option-wrap li:hover .option-btn::before,
.theme-15-deals #top-deals15 .option-wrap li:hover .option-btn::before {
    background-color: var(--bs-secondary) !important;
}

.theme-15-best-Selling-product .option-wrap,
.theme-15-deals #top-deals15 .option-wrap {
    position: absolute;
    top: 0%;
    opacity: 0;
    z-index: 2;
    transition: all 0.5s ease;
    background-color: var(--bs-primary) 0.05;
}

.theme-15-best-Selling-product .option-wrap {
    padding: 5px;
}

.theme-15-deals #top-deals15 .option-wrap {
    padding: 10px;
}

/* sale-label-15 class */
.sale-label-15 {
    font-size: 12px;
    padding: 2px 12px;
    background-color: var(--bs-secondary);
    color: #fff;
    font-weight: 600;
    display: flex;
    align-items: center;
    border-radius: 10px;
}

.off-label-15 {
    position: absolute;
    top: 6px;
    right: 6px;
    left: auto;
}

/* off-label-14 rtl class */

.off-label-15.rtl {
    left: 6px;
    right: auto;
}

/* ------------- testimonial slider start ------------- */
.theme-15-client-img {
    width: 110px !important;
    height: 110px !important;
    object-fit: cover;
}

/* -------------- offer-banner-1 start -------------- */
.offer-banner-1-img {
    height: 450px;
}

/* -------------- blog section start -------------- */
.blog-img-15 {
    height: 320px;
}

.theme-15-blog-description {
    position: absolute;
    bottom: 0%;
    left: 0;
    background-color: #00000057
}

.theme-15-blog-img {
    height: 402px;
    width: 100%;
}


/* jenish css */

.arrow-btn {
    border: 1px solid var(--bs-secondary);
    padding: 6px 11px;
    border-radius: 5px;
}

.arrow-btn::before {
    color: var(--bs-secondary) !important;
}

.social-rounded {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff !important;
    font-size: 12px;
}

.fb {
    background: var(--bs-primary);
    color: #fff;
}

.prod-social {
    background-color: var(--bs-primary);
    color: #fff;
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.btn-Wishlist {
    width: calc(25px + (30 - 25) * ((100vw - 320px) / (1920 - 320)));
    height: calc(25px + (30 - 25) * ((100vw - 320px) / (1920 - 320)));
    background-color: var(--bs-danger);
    color: #fff !important;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

/*-------- whatsapp chat --------*/

.bg-msg {
    background-color: #E5DDD5;
}

.wrapper {
    position: fixed;
    right: 12px;
    bottom: 160px;
    width: 292px;
    background-color: #fff;
    border-radius: 5px;
    opacity: 0;
    transition: all 0.4s;
    z-index: 99999;
    visibility: hidden;
    overflow: hidden;
}

.wrapper_rtl {
    position: fixed;
    left: 12px;
    bottom: 160px;
    width: 292px;
    background-color: #fff;
    border-radius: 5px;
    transition: all 0.4s;
    z-index: 99999;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
}

.chat-btn_ltr {
    position: fixed;
    right: 20px;
    bottom: 100px;
    cursor: pointer;
}

.chat-btn_rtl {
    position: fixed;
    left: 20px;
    bottom: 100px;
    cursor: pointer
}

.chat-btn {
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    background-color: #25D366;
    color: #fff;
    font-size: 22px;
    border: none;
    z-index: 98;
}

.whatsapp_icon_ltr {
    position: fixed !important;
    bottom: 40px !important;
    right: 70px !important;
    z-index: 98;
}

.whatsapp_icon_rtl {
    position: fixed !important;
    bottom: 40px !important;
    left: 70px !important;
    z-index: 98;
}

.chat-btn .close {
    display: none
}

.chat-btn i {
    transition: all 0.9s ease
}

#check:checked~.chat-btn i {
    display: block;
    pointer-events: auto;
    transform: rotate(180deg)
}

#check:checked~.chat-btn .comment {
    display: none
}

.chat-btn i {
    font-size: 28px;
    color: #fff !important
}


#check:checked~.chat-btn i {
    display: block;
    pointer-events: auto;
    transform: rotate(180deg)
}

#check:checked~.chat-btn .comment {
    display: none
}

.chat-btn i {
    font-size: 26px;
    color: #fff !important
}


#check:checked~.wrapper {
    opacity: 1;
    visibility: visible;
}

#check:checked~.wrapper_rtl {
    opacity: 1;
    visibility: visible;
}

.msg_header {
    padding: 1rem;
    background-color: #075E54;
    color: #fff;
}

.msg_header h6 {
    margin: 0px;
    font-size: 16px;
}

.chat-form {
    padding: 15px
}

.chat-form input,
textarea,
button {
    margin-bottom: 10px
}

.chat-form textarea {
    resize: none;
    height: 70px;
}

.chat-form textarea:focus {
    border: 1px solid #dee2e6;
}

.form-control:focus,
.btn:focus {
    box-shadow: none !important
}

#check {
    display: none !important
}

.product-variations-wrapper .active {
    border-color: var(--bs-primary) !important;
    background-color: var(--bs-primary);
    color: #fff !important;
}

.size-variation .checkbox-inline {
    padding: 6px 15px;
    border: 1px solid var(--bs-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--bs-primary);
    border-radius: 6px;
}

.checkbox-inline input {
    display: none;
}

.loader {
    width: 20px;
    height: 20px;
    border: 2px solid var(--bs-primary);
    border-bottom-color: transparent;
    border-radius: 10px;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.qty-input-cart {
    border: 1px solid var(--bs-primary);
    flex-wrap: nowrap;
    padding: 7px;
    max-width: 145px;
}

.qty-input2 {
    border: 1px solid var(--bs-primary);
    flex-wrap: nowrap;
    padding: 7px;
}

.qty-input2 .change-qty-1,
.qty-input-cart .change-qty-1 {
    margin: 0;
    font-size: 10px;
    height: 38px;
    width: 47px;
    font-weight: 500;
    color: #fff !important;
    border: 0;
    background: var(--bs-primary);
    border-radius: 6px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.qty-input2 input,
.qty-input-cart input {
    border-radius: 0% !important;
    font-size: 16px;
    padding: 0;
    margin: 0;
    color: #121212;
    line-height: 20px;
    border: 0 !important;
    width: 56.4% !important;
    margin: 0px 5px !important;
}

.qty-input2 .change-qty-1:active,
.qty-input-cart .change-qty-1:active {
    background: var(--bs-primary) !important;
}

/* .extra-food li {
    position: relative;
    margin-bottom: 8px !important;
} */
/* 
.extra-food li input {
    position: absolute;
    top: 1px;
    left: 0;
    opacity: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    margin-bottom: 0;
} */

/* .extra-food li p::before {
    content: "";
    top: 1px;
    left: 0;
    width: 18px;
    height: 18px;
    position: absolute;
    border-radius: 5px;
    border: 1px solid var(--bs-secondary);
}

.extra-food li input:checked+p::after {
    opacity: 1;
}

.extra-food li p::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 3px;
    width: 12px;
    height: 12px;
    opacity: 0;
    border-radius: 3px;
    transition: all 0.5s;
    background-color: var(--bs-primary);
} */

/* .extra-food li p {
    padding-left: 30px;
    font-size: 15px;
} */

/* ======== jenish css start ======== */

.badge.text-bg-primary {
    background-color: var(--bs-primary) !important;
}

.bg-gray-light {
    background-color: #f5f5f5;
}

.pro-text {
    padding-right: 0;
    color: #000;
    margin: 0;
    font-size: 25px;
    line-height: 1.4;
    font-weight: 600;
}


/* shop all filter css */
.filter .select-auto-expand__select {
    background-color: #f0f0f0;
}



#pills-description ul {
    padding: 0 20px;
    font-size: 14px;
}

#pills-description p {
    font-size: 15px;
}

/* accordion rtl class */
.accordion-button.rtl::after {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

/* ======== jenish css end ======== */

.blur {
    filter: blur(10px);
    transition: filter 0.1s ease-in-out;
}

.btn.btn-age {
    border-radius: 6px;
    background-color: var(--bs-primary) !important;
    color: #fff !important;
    padding: 12px 10px;
}

.btn.btn-age-outline {
    border-radius: 6px;
    background-color: transparent;
    border: 1px solid var(--bs-primary) !important;
    color: var(--bs-primary) !important;
    padding: 12px 10px;
}


/* ================== Dhruvil add extra css ====================== */

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary)
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-secondary);
    --bs-btn-disabled-border-color: var(--bs-secondary)
}

.btn-outline-secondary {
    --bs-btn-color: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-focus-shadow-rgb: 45, 41, 66;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-secondary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-secondary);
    --bs-gradient: none
}

.btn-outline-primary {
    --bs-btn-color: var(--bs-primary) !important;
    --bs-btn-border-color: var(--bs-primary) !important;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary) !important;
    --bs-btn-hover-border-color: var(--bs-primary) !important;
    --bs-btn-focus-shadow-rgb: 45, 41, 66;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary) !important;
    --bs-btn-active-border-color: var(--bs-primary) !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-primary) !important;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-primary) !important;
    --bs-gradient: none
}

.form-select:focus {
    border-color: #000 !important;
}

.fw-400 {
    font-weight: 400 !important;
}

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

.fs-15 {
    font-size: 15px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.text-muted {
    --bs-text-opacity: 1;
    color: #848c92 !important;
}

.fs-13 {
    font-size: 13px !important;
}

.card-title,
.item-title {
    text-transform: capitalize !important;
}

.blog-details p,
.terms-and-condition p,
.privacy-policy p,
.about-us p {
    font-size: 14px;
}

.accordion-button::after {
    margin: 0px !important;
}

.accordion-button:not(.collapsed) {
    background-color: var(--bs-primary-rgb-2) !important;
}

.blink_me {
    animation: blinker 2s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.product-description-limit ul li,
.tab-pane p {
    font-size: 14px !important;
}

.delete-icon {
    width: 30px;
    height: 30px;
    font-size: 14px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bs-danger) !important;
}

::-webkit-scrollbar {
    width: 2px !important;
    height: 2px;
}

::-webkit-scrollbar-track {
    background: #d2d2d2;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: var(--bs-secondary);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--bs-secondary);
}

.btn {
    font-weight: 600;
}

.form-select:focus,
.form-control:focus {
    border: var(--bs-border-width) solid var(--bs-border-color) !important;
}

.form-control,
.input-group,
.form-select {
    font-size: 14px !important;
    /* padding: .5rem .75rem !important; */
}

.bg-section-gray {
    background-color: var(--bg-section-gray) !important;
}

/* ============================================ */
.settings-box-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bg-cancelled {
    color: #dc3545;
    background-color: #dc35451a;
    border: 1px solid rgba(220, 53, 69, .541);
}

.custom-badge {
    padding: 7px 12px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .7px;
}

.bg-completed {
    color: #2f8733;
    background-color: #2f87331a;
    border: 1px solid rgba(47, 135, 51, .5411764706);
}

.recharge_payment_option .card-content-wrapper {
    border-radius: 8px;
    padding: 10px 15px;
    box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.04);
    transition: 200ms linear;
    cursor: pointer;
}

.payment_option_img {
    width: 40px;
    height: 40px;
}

.form-check-input:checked {
    background-color: #000 !important;
    border-color: #000 !important;
}

.number-verification {
    width: 34px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background-color: var(--bs-secondary);
}

/* ============================================ */

.modal {
    --bs-modal-zindex: 999999 !important;
}

/* bluer effect */
.blurred {
    filter: blur(5px);
    /* Adjust the blur level as needed */
    transition: filter 0s;
    /* Add a smooth transition effect */
}

/* =================== Quick call =================== */
.quick_call {
    position: fixed;
    right: 12px;
    bottom: 80px;
    width: 300px;
    background-color: #fff;
    border-radius: 5px;
    opacity: 0;
    transition: all 0.4s;
    z-index: 99999;
    visibility: hidden;
    overflow: hidden;
}

.quick_call_rtl {
    position: fixed;
    left: 12px;
    bottom: 80px;
    width: 300px;
    background-color: #fff;
    border-radius: 5px;
    transition: all 0.4s;
    z-index: 500;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
}

@media (min-width: 200px) and (max-width: 991px) {

    .quick-btn_ltr,
    .quick-btn {
        bottom: 90px !important;
    }

    .chat-btn_rtl {
        position: fixed;
        left: 20px;
        bottom: 90px;
        cursor: pointer
    }

    .quick_call_rtl,
    .quick_call {
        bottom: 160px !important;
        right: 7px;
    }

    /* #sales-booster-popup .sales-booster-popup-inner {
        padding: 15px;
    }

    #sales-booster-popup {
        bottom: 80px !important;
    } */

}

.quick-btn_ltr {
    position: fixed;
    right: 20px;
    bottom: 20px;
    cursor: pointer;
}

.quick-btn_rtl {
    position: fixed;
    left: 20px;
    bottom: 20px;
    cursor: pointer
}

.quick-btn {
    width: 48px;
    /* padding: 10px 25px; */
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    background-color: #000;
    color: #fff;
    font-size: 16px;
    border: none;
    z-index: 500;
    /* transition: all .5s ease-in-out; */
}

.quick-btn .close {
    display: none
}

.quick-btn i {
    /* transition: all 0.9s ease */
}

#quick_call:checked~.quick-btn i {
    display: block;
    pointer-events: auto;
    transform: rotate(180deg)
}

#quick_call:checked~.quick-btn {
    /* padding: 10px 25px; */
    /* transition: all .4s ease-in-out; */
}

#quick-btn.expanded {
    width: 48px !important;
    /* animation: widtgg .5s ease-in-out; */
}

@keyframes widtgg {
    0% {
        width: 150px;
    }
}

#quick_call:checked~.quick-btn .comment {
    display: none
}

.quick-btn i {
    font-size: 21px;
    color: #fff !important
}

#quick_call:checked~.quick_call {
    opacity: 1;
    visibility: visible;
    /* transition: all .4s ease-in-out; */
}

#quick_call:checked~.quick_call_rtl {
    opacity: 1;
    visibility: visible;
}

.call_info {
    padding: 1.5rem;
    display: grid;
    justify-content: center;
}

.call_info h6 {
    margin: 0px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}

.caller_img {
    height: 70px;
    width: 70px;
    object-fit: cover;
    border-radius: 50%;
    margin-bottom: 10px;
}

#quick_call {
    display: none !important
}

#sales-booster-popup .sales-booster-popup-inner img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    object-position: center;
}

#sales-booster-popup {
    position: fixed;
    left: 20px;
    bottom: 20px;
    font-size: 1rem;
    background: #fff;
    z-index: 7000000000;
    max-width: 400px;
    width: calc(100vw - 40px);
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .1);
    transition: all .3s ease-in-out;
}

/* rtl class */
#sales-booster-popup.rtl {
    right: 20px;
    left: unset;
}


#sales-booster-popup .close {
    margin: 10px;
    color: #888;
    cursor: pointer;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#sales-booster-popup .sales-booster-popup-inner {
    display: flex;
    align-items: center;
    padding: 15px;
}


#sales-booster-popup .heading {
    font-size: 15px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 5px;
}

#sales-booster-popup .info {
    font-size: 0.8rem;
    color: #555;
    margin-bottom: 5px;
}

#sales-booster-popup .read-more {
    font-size: 13px;
    font-weight: 500;
}

#sales-booster-popup.animation-slide_right:not(.loaded) {
    transform: translateX(-30px);
}

/* rtl class */
#sales-booster-popup.animation-slide_right.rtl:not(.loaded) {
    transform: translateX(30px) !important;
}

#sales-booster-popup:not(.loaded) {
    opacity: 0;
    visibility: hidden;
    transition: 0.5s ease-in-out;
}

.pos-absolute.right,
.pos-fixed.right {
    right: 0;
}

.pos-absolute.left,
.pos-fixed.left {
    left: 0;
}

.pos-absolute.top,
.pos-fixed.top {
    top: 0;
}

.pos-absolute {
    position: absolute;
}

/* ============================================== */

.btn-secondary {
    padding: clamp(0.625rem, 0.5673rem + 0.2564vw, 0rem) clamp(1.25rem, 0.9904rem + 1.1538vw, 0rem);
}

.payment-check {
    padding: 14px;
    text-align: center;
    border-radius: 6px;
    border: 1px solid #e6e6e6;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.offers-w {
    max-width: 400px;
}

.offers-label {
    color: var(--white);
    background: var(--bs-primary);
    width: auto;
    height: auto;
    cursor: pointer;
    z-index: 98;
    padding: 8px 40px;
    transform: rotate(270deg);
    display: flex;
    align-items: center;
    transition: .3s all ease;
}

.offers-label-ltr {
    position: fixed;
    top: 50%;
    right: -66px;
    border-radius: 8px 8px 0 0;
}

.offers-label-rtl {
    position: fixed;
    top: 50%;
    left: -65px;
    border-radius: 0 0 8px 8px;
}

.offers-label-name {
    color: #fff;
    margin: 0px 10px;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
}

.coupons_card {
    background-color: var(--bs-primary) !important;
    border-radius: 6px;
    color: #fff;
    padding: 4px 11px;
    font-size: 14px;
}

#offerslabel .card h5 {
    font-size: 16px;
}

#offerslabel .card p {
    font-size: 12px;
}

#offerslabel .card .card-body {
    padding: 8px;
}

.progress-bar {
    overflow: visible !important;
    text-align: end;
}

.progress-bar i {
    background-color: #000;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.glyphicon {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.progress {
    overflow: visible !important;
}

.owl-theme .owl-nav {
    margin-top: 0px;
}

.btn-group {
    width: 33px;
    height: 33px;
    border-radius: 8px;
    padding: 5px;
    display: flex;
    justify-content: center;
    color: var(--bs-primary);
    align-items: center;
    border: 1px solid var(--bs-primary);
}

#footersiderbar .list-add a {
    color: #000 !important;
}

.pagination {
    --bs-pagination-active-bg: var(--bs-primary);
    --bs-pagination-active-border-color: var(--bs-primary);
}

.pagination .page-item .page-link {
    font-size: 14px !important;
    font-weight: 500;
}

.pagination .page-item input {
    max-width: 60px;
    width: 100%;
    text-align: center;
}

#footersiderbar {
    z-index: 9999999999 !important;
}

.nodata-img {
    width: 25%;
}

/* =================================== theme-16 ================================= */

.theme-16-main-banner,
.theme-16-main-banner .carousel-caption,
.theme-16-main-banner img {
    height: 90vh !important;
}

.who-we-16 .serviceBox .service-icon {
    border-bottom: 1px solid #d5d7d9;
    display: inline-block;
    width: 100%;
    overflow-y: hidden;
    position: relative;
}

.who-we-16 .serviceBox .service-icon span {
    width: 75px;
    height: 75px;
    background: var(--bs-primary);
    border-radius: 5px;
    display: block;
    text-align: center;
    transform: rotate(45deg);
    position: relative;
    left: 22px;
    top: 12px;
    transition: all 300ms ease-in-out 0s;
}

.who-we-16 .serviceBox .service-icon span.rtl {
    width: 75px;
    height: 75px;
    background: var(--bs-primary);
    border-radius: 5px;
    display: block;
    text-align: center;
    transform: rotate(45deg);
    position: relative;
    right: 22px;
    left: unset;
    top: 12px;
    transition: all 300ms ease-in-out 0s;
}

.who-we-16 .serviceBox .service-icon span img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    object-position: center;
    transform: rotate(-45deg);
}

.theme-16-category-slider .serviceBox {
    color: var(--bs-primary);
    text-align: center;
    padding: 35px 28px 25px;
    position: relative;
    z-index: 1;
    height: 100%;
}

.theme-16-category-slider .serviceBox:before,
.theme-16-category-slider .serviceBox:after {
    content: "";
    border-radius: 25px;
    border: 10px solid var(--bs-primary);
    clip-path: polygon(65% 0, 100% 0, 100% 35%, 35% 100%, 0 100%, 0 65%);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.theme-16-category-slider .serviceBox:after {
    border-width: 3px;
    clip-path: polygon(0 0, 60% 0, 55% 5%, 96% 44%, 100% 40%, 100% 100%, 40% 100%, 43% 95%, 5% 55%, 0 60%);
    top: 3px;
    bottom: 3px;
    right: 3px;
    left: 3px;
}

.theme-16-category-slider .serviceBox .service-icon img {
    height: 100px;
    width: 100px !important;
    object-position: center;
    object-fit: cover;
    margin: 0px auto;
}

.off-label-16 {
    color: #fff;
    width: 100px;
    text-transform: capitalize;
    position: absolute;
    width: 46px;
    height: 46px;
    margin: 0 auto;
    z-index: 1;
    top: 10px;
    left: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.off-label-16:before,
.off-label-16:after {
    content: "";
    background: var(--bs-secondary);
    width: 100%;
    height: 100%;
    border-radius: 10px 10px;
    outline: 1px solid #fff;
    outline-offset: -2px;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
}

.off-label-16:after {
    background: var(--bs-primary);
    width: calc(100% - 20px);
    border-radius: 0;
    outline: none;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 70%, 0 100%);
    transform: translateX(-50%) translateY(0) rotate(0deg);
    top: auto;
    bottom: -20px;
    z-index: -1;
    width: 20px;
    height: 27px;
}

.off-label-16 h3 {
    font-size: 11px;
    font-weight: 500;
    text-transform: capitalize;
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0 auto;
    z-index: 1;
}


.theme-16 .product-grid .product-image {
    position: relative;
    overflow: hidden;
}

.theme-16 .product-list .product-image {
    position: relative;
    overflow: hidden;
}

.theme-16 .product-grid .product-image a.image {
    display: block;
}

.theme-16 .product-grid .product-image img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    object-position: center;
}

.theme-16 .product-list .product-image img {
    width: 145px;
    height: 190px;
    object-fit: cover;
    object-position: center;
}

.theme-16 .product-image .pic-1 {
    opacity: 0.3;
    backface-visibility: hidden;
    transition: all .5s ease 0s;
}

.theme-16 .product-image .pic-2 {
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .5s ease 0s;
}

.theme-16 .product-grid .social,
.theme-16 .product-list .social {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 1;
}

.theme-16 .product-grid .social li,
.theme-16 .product-list .social li {
    margin: 0 0 10px;
    transition: transform .5s ease;
}

.theme-16 .product-grid .social li:nth-child(1),
.theme-16 .product-list .social li:nth-child(1) {
    transform: translateY(90px);
}

.theme-16 .product-grid .social li:nth-child(2),
.theme-16 .product-list .social li:nth-child(2) {
    transform: translateY(46px);
}

.theme-16 .card:hover .product-grid .product-image .social li,
.theme-16 .card:hover .product-list .product-image .social li {
    transform: translateY(0);
}

.theme-16 .product-grid .social li:last-child,
.theme-16 .product-list .social li:last-child {
    margin: 0;
}

.theme-16 .product-grid .social li a,
.theme-16 .product-list .social li a {
    color: #fff;
    background: var(--bs-secondary);
    font-size: 16px;
    text-align: center;
    line-height: 45px;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: all 0.3s ease 0s;
}

.theme-16 .product-grid .social li a:hover,
.theme-16 .product-list .social li a:hover {
    color: var(--bs-primary);
}

.theme-16 .product-grid .social li a i,
.theme-16 .product-list .social li a i {
    line-height: inherit;
}

.theme-16 .product-grid .social li a:before,
.theme-16 .product-grid .social li a:after,
.theme-16 .product-list .social li a:before,
.theme-16 .product-list .social li a:after {
    content: attr(data-tip);
    color: #fff;
    background-color: var(--bs-primary);
    font-size: 13px;
    text-transform: capitalize;
    line-height: 20px;
    padding: 3px 8px;
    white-space: nowrap;
    visibility: hidden;
    transform: translateY(-50%);
    position: absolute;
    right: 41px;
    top: 50%;
}

.theme-16 .product-grid .social li a:after,
.theme-16 .product-list .social li a:after {
    content: "";
    height: 8px;
    width: 8px;
    padding: 0;
    border-radius: 0;
    transform: translateY(-45%) rotate(45deg);
    right: 37px;
    z-index: -1;
}

.theme-16 .product-grid .social li a:hover:before,
.theme-16 .product-grid .social li a:hover:after,
.theme-16 .product-list .social li a:hover:before,
.theme-16 .product-list .social li a:hover:after {
    visibility: visible;
}

.product-grid .product-content {
    padding: 12px 0;
}

.product-grid .title {
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0 0 5px;
}

.product-grid .title a {
    color: #333;
    transition: all 0.5s ease;
}

.product-grid .title a:hover {
    color: var(--bs-primary);
    text-decoration: none;
}

.product-grid .price {
    color: #999;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 3px;
}

.card-gried:before,
.card-gried:after {
    content: "";
    border-radius: 25px;
    border: 2px solid var(--bs-primary);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

#testimonial-slider-16 .testimonial {
    border: 1px solid var(--bs-primary);
    border-top: 3px solid var(--bs-primary);
    padding: 70px 25px 100px;
    margin-bottom: 30px;
    position: relative;
}

#testimonial-slider-16 .testimonial:after {
    content: '“';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 70px;
    color: var(--bs-secondary);
    position: absolute;
    top: 0px;
    left: 25px;
}

#testimonial-slider-16 .testimonial.rtl:after {
    content: '”';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 70px;
    color: var(--bs-secondary);
    position: absolute;
    top: 0px;
    left: unset;
    right: 25px;
}

#testimonial-slider-16 .testimonial .description {
    font-size: 14px;
    color: #666;
    line-height: 26px;
}

#testimonial-slider-16 .testimonial .pic {
    width: 100px;
    height: 100px;
    position: absolute;
    bottom: -30px;
    left: 25px;
}

#testimonial-slider-16 .testimonial .pic.rtl {
    width: 100px;
    height: 100px;
    position: absolute;
    bottom: -30px;
    right: 25px;
    left: unset;
}

#testimonial-slider-16 .testimonial .pic img {
    width: 100%;
    height: auto;
}

#testimonial-slider-16 .testimonial .testimonial-title {
    font-size: 16px;
    text-transform: capitalize;
    color: var(--bs-primary);
    position: absolute;
    bottom: 20px;
    font-weight: 600;
    left: 150px;
}

#testimonial-slider-16 .testimonial .testimonial-title.rtl {
    font-size: 16px;
    text-transform: capitalize;
    color: var(--bs-primary);
    position: absolute;
    bottom: 20px;
    font-weight: 600;
    left: unset;
    right: 150px;
}

#testimonial-slider-16 .testimonial .testimonial-title small {
    display: block;
    font-size: 14px;
}

.post-slide .post-img {
    position: relative;
}

.post-slide .post-img img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.post-slide .post-date {
    position: absolute;
    bottom: 20px;
    left: 20px;
    padding: 4px 9px;
    background-color: var(--bs-primary);
    font-size: 12px;
    color: #FFF;
}

.post-slide .post-date.rtl {
    position: absolute;
    bottom: 20px;
    left: unset;
    right: 20px;
    padding: 4px 9px;
    background-color: var(--bs-primary);
    font-size: 12px;
    color: #FFF;
}

.post-slide .post-date .date {
    display: block;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
}

.post-slide .post-title a {
    display: block;
    color: var(--bs-secondary);
    text-transform: capitalize;
    font-size: 16px;
}

.post-slide .post-title a:hover {
    text-decoration: none;
}

.post-slide .post-bar {
    margin-bottom: 12px;
}

.post-slide .like {
    padding-right: 10px;
    margin-right: 12px;
}

.post-slide .readmore {
    display: inline-block;
    background: var(--bs-secondary);
    font-size: 12px;
    color: #fff;
    padding: 10px 13px;
    border-radius: 3px;
    text-transform: capitalize;
}

.post-slide .readmore:hover {
    color: #fff;
    text-decoration: none;
}

/* =================================== theme-16 End ================================= */
/* =================================== theme-17 Start ================================= */

.theme-8-main-banner-17,
.theme-8-main-banner-17 .carousel-caption,
.theme-8-main-banner-17 img {
    height: 90vh !important;
}

.heading-line {
    width: 56px;
    min-height: 2px;
    margin: 0px 16px;
    background-color: var(--bs-secondary);
}

.theme-17 .product-grid,
.theme-17 .product-list {
    background-color: #f5f5f5;
}

.theme-17 .product-grid .product-image {
    position: relative;
    overflow: hidden;
}

.theme-17 .product-list .product-image {
    position: relative;
    /* overflow: hidden; */
}

.theme-17 .product-grid .product-image a.image,
.theme-17 .product-list .product-image a.image {
    display: block;
    width: 145px;
    height: 190px;
}

.theme-17 .product-grid .product-image img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    object-position: center;
}

.theme-17 .product-list .product-image img {
    width: 145px;
    height: 190px;
    object-fit: cover;
    object-position: center;
}

.theme-17 .product-image .pic-1 {
    backface-visibility: hidden;
    transform-origin: bottom center;
    transition: all .4s ease 0s;
}

.theme-17 .product-image .pic-2 {
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: top center;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all .4s ease 0s;
}

.theme-17 .product-grid .product-sale-label,
.theme-17 .product-list .product-sale-label {
    color: #fff;
    background: var(--bs-secondary);
    font-size: 13px;
    font-weight: 400;
    line-height: 25px;
    text-transform: uppercase;
    padding: 10px 10px;
    position: absolute;
    top: 0;
    left: 10px;
}

.theme-17 .product-grid .social,
.theme-17 .product-list .social {
    text-align: right;
    padding: 0;
    margin: 0;
    list-style: none;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    right: 10px;
}

.theme-17 .product-grid .social li,
.theme-17 .product-list .social li {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.3s ease;
}

.theme-17 .product-grid:hover .social li,
.theme-17 .product-list:hover .social li {
    opacity: 1;
    transform: translateY(0);
}

.theme-17 .product-grid .social li a,
.theme-17 .product-list .social li a {
    color: #444;
    background: #fff;
    font-size: 15px;
    text-transform: capitalize;
    padding: 5px 10px;
    margin: 0 0 10px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    display: inline-block;
    transition: all 0.3s ease;
}

.theme-17 .product-grid .social li a:hover,
.theme-17 .product-list .social li a:hover {
    color: #fff;
    background-color: var(--bs-secondary);
}

.theme-17 .product-grid .product-content {
    padding: 12px;
}

.theme-17 .product-grid .title,
.theme-17 .product-list .title {
    font-size: 17px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0 0 5px;
}

.theme-17 .product-grid .title a,
.theme-17 .product-list .title a {
    color: #333;
    transition: all 0.5s ease;
}

.theme-17 .product-grid .title a:hover,
.theme-17 .product-list .title a:hover {
    color: var(--bs-secondary);
}

.theme-17 .product-grid .price,
.theme-17 .product-list .price {
    color: #333;
    font-size: 16px;
}

.theme-17 .product-grid .price span,
.theme-17 .product-list .price span {
    color: #999;
    font-size: 15px;
    text-decoration: line-through;
    display: inline-block;
    margin: 0 3px 0 0;
}

.theme-17-ribbon {
    color: #fff;
    font-weight: 700;
    text-align: center;
    position: absolute;
    top: 10px;
    left: 10px;
}

.theme-17-ribbon h3 {
    background: var(--bs-secondary);
    font-size: 11px;
    outline: 1px solid #fff;
    outline-offset: -4px;
    font-weight: 500;
    position: relative;
    margin: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 3px;
}

.theme-17.serviceBox {
    color: rgba(0, 0, 0, 0.5);
    margin: 0 15px;
    position: relative;
}

.theme-17 .serviceBox .service-icon {
    color: #FE214A;
    font-size: 70px;
    text-align: center;
    line-height: 100px;
    height: 75px;
    width: 75px;
    margin: 0 0 25px;
    border-radius: 50% 50% 50% 0;
    background: linear-gradient(to bottom, #EBEDEC, #E8E8E8);
    box-shadow: 0 0 3px var(--bs-secondary);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease 0s;
}

.theme-17 .serviceBox .service-icon.rtl {
    color: #FE214A;
    font-size: 70px;
    text-align: center;
    line-height: 100px;
    height: 75px;
    width: 75px;
    margin: 0 0 25px;
    border-radius: 50% 50% 0% 50%;
    background: linear-gradient(to bottom, #EBEDEC, #E8E8E8);
    box-shadow: 0 0 3px var(--bs-secondary);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease 0s;
}

.theme-17 .serviceBox .service-icon img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    object-position: center;
}

.theme-17 .serviceBox .service-icon:before,
.theme-17 .serviceBox .service-icon:after {
    content: "";
    height: 90%;
    width: 90%;
    background-color: var(--bs-secondary);
    border-radius: 50% 50% 50% 0;
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
}

.theme-17 .serviceBox .service-icon.rtl:before,
.theme-17 .serviceBox .service-icon.rtl:after {
    content: "";
    height: 90%;
    width: 90%;
    background-color: var(--bs-secondary);
    border-radius: 50% 50% 0% 50%;
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
}

.theme-17 .serviceBox .service-icon:after {
    height: 80%;
    width: 80%;
    border-radius: 50%;
}

.theme-17 .serviceBox .service-content {
    padding: 0 20px;
    border-left: 2px solid var(--bs-secondary);
}

.theme-17 .serviceBox .service-content.rtl {
    padding: 0 20px;
    border-left: none;
    border-right: 2px solid var(--bs-secondary);
}

.theme-17 .serviceBox:after {
    content: "";
    height: 12px;
    width: 12px;
    background-color: var(--bs-primary);
    border: 2px solid var(--bs-secondary);
    border-radius: 50%;
    position: absolute;
    left: 11px;
    bottom: 14px;
}

.theme-17 .serviceBox.rtl:after {
    content: "";
    height: 12px;
    width: 12px;
    background-color: var(--bs-primary);
    border: 2px solid var(--bs-secondary);
    border-radius: 50%;
    position: absolute;
    left: unset;
    right: 11px;
    bottom: 14px;
}

.theme-17 .serviceBox .description {
    font-size: 13px;
    line-height: 28px;
    margin: 0;
}

.theme-17-cat img {
    width: 110px !important;
    height: 110px !important;
    border-radius: 50%;
    padding: 5px;
    margin: 0px auto;
    background-color: #fff;
    border: 2px dashed var(--bs-secondary);
}


.testimonial-17 {
    margin: 0 15px;
    overflow: hidden;
}

.testimonial-17 .description {
    position: relative;
    font-size: 13px;
    line-height: 26px;
    color: #000;
    background-color: #fff;
    padding: 30px 20px;
    border: 1px solid #767070;
    border-left: 3px solid var(--bs-primary);
}

.testimonial-17 .description.rtl {
    position: relative;
    font-size: 13px;
    line-height: 26px;
    color: #000;
    background-color: #fff;
    padding: 30px 20px;
    border: 1px solid #767070;
    border-left: 1px solid #767070;
    border-right: 3px solid var(--bs-primary);
}

.testimonial-17 .description:after {
    content: "";
    width: 20px;
    height: 20px;
    background: #fff;
    border-bottom: 1px solid #767070;
    border-left: 1px solid #767070;
    position: absolute;
    bottom: -11px;
    left: 65px;
    transform: skewY(-45deg);
}

.testimonial-17 .description.rtl:after {
    content: "";
    width: 20px;
    height: 20px;
    background: #fff;
    border-bottom: 1px solid #767070;
    border-left: none;
    border-right: 1px solid #767070;
    position: absolute;
    bottom: -11px;
    left: unset;
    right: 65px;
    transform: skewY(45deg);
}

.testimonial-17 .pic {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    margin: 28px 30px 10px;
    display: inline-block;
    border: 3px solid var(--bs-primary);
}

.testimonial-17 .pic img {
    width: 100%;
    height: auto;
}

.testimonial-17 .testimonial-prof {
    text-transform: capitalize;
    margin: 0 30px;
}

.testimonial-17 .testimonial-prof h4 {
    color: var(--bs-primary);
    display: block;
    font-size: 17px;
    font-weight: bold;
    margin: 0 0 5px 0;
}

.testimonial-17 .testimonial-prof small {
    display: block;
    font-size: 14px;
}

/* =================================== theme-17 end ================================= */

/* =================================== theme-18 Start ================================= */
.theme-18-main-banner-slider,
.theme-18-slider .carousel-caption {
    height: 87vh;
}

.who-we-18 .serviceBox {
    background: var(--bs-secondary);
    text-align: center;
    padding: 20px;
    outline: 1px dashed #fff;
    outline-offset: -9px;
    position: relative;
    z-index: 1;
}

.img-whow {
    width: 100%;
    height: 100%;
}

.who-we-18 .serviceBox .service-icon img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}

.who-we-18 .serviceBox .title {
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0 0 10px;
}

.who-we-18 .serviceBox .description {
    font-size: 13.2px;
    letter-spacing: 0.5px;
    line-height: 22px;
    margin: 0;
}

.theme-18-line {
    outline: 1px dashed #fff;
    outline-offset: -9px;
}

.theme-18-category-slider .serviceBox {
    text-align: center;
    padding: 50px 10px 20px;
}

.theme-18-category-slider .serviceBox .service-icon {
    background: #fff;
    font-size: 50px;
    width: 100px;
    height: 100px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 50px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), -6px -6px 7px var(--bs-primary);
    transform: rotate(45deg);
    transition: all 0.3s;
}

.theme-18-category-slider .serviceBox .service-icon img {
    transform: rotate(-45deg);
    width: 100px;
    height: 100px;
    object-fit: cover;
    object-position: center;
    line-height: inherit;
}

.theme-18-category-slider .serviceBox:hover .service-icon {
    font-size: 60px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.8), -14px -14px 3px var(--bs-primary);
}

.theme-18 .product-grid .product-image {
    position: relative;
    overflow: hidden;
}

.theme-18 .product-list .product-image {
    position: relative;
    /* overflow: hidden; */
}

.theme-18 .product-grid .product-image a.image {
    display: block;
}

.theme-18 .product-list .product-image a.image {
    display: block;
    width: 145px;
    height: 190px;
}

.theme-18 .product-grid .product-image img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    object-position: center;
    transition: all 0.3s ease 0s;
}

.theme-18 .product-list .product-image img {
    width: 145px;
    height: 190px;
    object-fit: cover;
    object-position: center;
    transition: all 0.3s ease 0s;
}

.theme-18 .product-grid:hover .product-image img,
.theme-18 .product-list:hover .product-image img {
    transform: rotate(10deg) scale(1.2);
    filter: grayscale(50%);
}

.theme-18 .product-grid .product-sale-label,
.theme-18 .product-list .product-sale-label {
    color: #fff;
    background: #40a944;
    font-size: 13px;
    text-transform: capitalize;
    line-height: 40px;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    position: absolute;
    top: 10px;
    left: 10px;
}

.theme-18 .product-grid .product-links,
.theme-18 .product-list .product-links {
    background: #fff;
    padding: 6px;
    margin: 0;
    list-style: none;
    border-radius: 50px;
    box-shadow: 0px 0px 5.95px 1.05px rgba(0, 0, 0, 0.06);
    opacity: 0;
    transform: translateX(-50%);
    position: absolute;
    bottom: -100px;
    left: 50%;
    transition: all 0.3s ease 0s;
}

.theme-18 .product-grid:hover .product-links,
.theme-18 .product-list:hover .product-links {
    opacity: 1;
    bottom: 20px;
}

.theme-18 .product-grid .product-links li a,
.theme-18 .product-list .product-links li a {
    color: #444;
    font-size: 16px;
    line-height: 31px;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease 0s;
}

.theme-18 .product-grid .product-links li a:hover,
.theme-18 .product-list .product-links li a:hover {
    color: #fff;
    background: var(--bs-primary);
}

.theme-18 .product-grid .product-links li a i,
.theme-18 .product-list .product-links li a i {
    line-height: inherit;
}

.theme-18 .product-grid .title,
.theme-18 .product-list .title {
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0 0 8px;
    border-bottom: none;
}

.theme-18 .product-grid .title a,
.theme-18 .product-list .title a {
    color: #222;
    transition: all 0.3s ease 0s;
}

.theme-18 .product-grid .title a:hover,
.theme-18 .product-list .title a:hover {
    color: var(--bs-primary);
}

.theme-18 .product-grid .category,
.theme-18 .product-list .category {
    font-size: 13px;
    text-transform: capitalize;
    margin-bottom: 5px;
    display: block;
}

.theme-18 .product-grid .category a,
.theme-18 .product-list .category a {
    color: #666;
    transition: all 0.3s ease 0s;
}

.theme-18 .product-grid .category a:hover,
.theme-18 .product-list .category a:hover {
    color: var(--bs-primary);
}

.theme-18 .product-grid .price,
.theme-18 .product-list .price {
    color: var(--bs-primary);
    font-size: 17px;
    font-weight: 600;
}

.theme-18 .product-grid .price span,
.theme-18 .product-list .price span {
    color: #666;
    font-size: 15px;
    font-weight: 400;
    text-decoration: line-through;
}

#testimonial-slider-18 .testimonial {
    border-left: 4px solid var(--bs-secondary);
    box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.06);
    padding: 30px 30px 30px 130px;
    overflow: hidden;
    position: relative;
}

#testimonial-slider-18 .testimonial.rtl {
    border-left: none;
    border-right: 4px solid var(--bs-secondary);
    box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.06);
    padding: 30px 130px 30px 30px;
    overflow: hidden;
    position: relative;
}

#testimonial-slider-18 .testimonial:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    border-top: 25px solid var(--bs-secondary);
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    transform: rotate(-45deg);
    transform-origin: 80% -30% 0;
}

#testimonial-slider-18 .testimonial.rtl:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: unset;
    left: 0;
    border-top: 25px solid var(--bs-secondary);
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    transform: rotate(45deg);
    transform-origin: 24% -30% 0;
}

#testimonial-slider-18 .testimonial .pic {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 60px;
    left: 20px;
}

#testimonial-slider-18 .testimonial.rtl .pic {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 60px;
    left: unset;
    right: 20px;
}

#testimonial-slider-18 .testimonial .pic img {
    width: 100%;
    height: auto;
}

@media only screen and (max-width: 767px) {
    #testimonial-slider-18 .testimonial {
        padding: 20px;
        text-align: center;
    }

    #testimonial-slider-18 .testimonial .pic {
        display: block;
        position: static;
        margin: 0 auto 15px;
    }

    #testimonial-slider-18 .testimonial.rtl {
        padding: 20px;
        text-align: center;
    }

    #testimonial-slider-18 .testimonial.rtl .pic {
        display: block;
        position: static;
        margin: 0 auto 15px;
    }
}

#testimonial-slider-18 .testimonial .description {
    font-size: 14px;
    font-style: italic;
    line-height: 25px;
    margin-bottom: 15px;
}

#testimonial-slider-18 .testimonial .title {
    font-size: 16px;
    font-weight: 600;
    color: var(--bs-primary);
    margin: 0;
    border: none;
    text-transform: capitalize;
}

#testimonial-slider-18 .testimonial .post {
    font-size: 14px;
}

/* =================================== theme-18 end ================================= */

/* =================================== theme-19 Start ================================= */

.theme-19-main-banner .carousel-caption {
    position: absolute;
    right: 13%;
    bottom: 50%;
    top: 50%;
    left: 13%;
    width: 78%;
    transform: translateY(-50%);
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center
}

.theme-19-line {
    outline: 1px dashed var(--bs-primary);
    outline-offset: -9px;
}

.theme-19-main-banner .item img {
    height: 70vh !important;
}

.theme-19-category-slider .serviceBox {
    color: var(--bs-primary);
    text-align: center;
    padding: 10px 10px 30px;
    border: 3px solid var(--bs-secondary);
    position: relative;
    height: 100%;
    z-index: 1;
}

.theme-19-category-slider .serviceBox:before,
.theme-19-category-slider .serviceBox:after {
    content: "";
    background: #fff;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
}

.theme-19-category-slider .serviceBox:after {
    background-color: var(--bs-primary-rgb-2);
    width: 50%;
    height: 100%;
    box-shadow: none;
    transform: translateX(0) translateY(0);
    top: 0;
    left: auto;
    right: 0;
    z-index: -2;
}

.theme-19-category-slider .serviceBox.rtl:after {
    background-color: var(--bs-primary-rgb-2);
    width: 50%;
    height: 100%;
    box-shadow: none;
    transform: translateX(0) translateY(0);
    top: 0;
    left: 0;
    right: auto;
    z-index: -2;
}

.theme-19-category-slider .serviceBox .service-icon {
    color: #fff;
    background: var(--bs-primary);
    font-size: 40px;
    line-height: 85px;
    width: 85px;
    height: 85px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 25px auto;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}

.theme-19-category-slider .serviceBox .service-icon img {
    object-fit: cover;
    object-position: center;
    width: 75px !important;
    height: 75px !important;
}

.who-we-19 .serviceBox {
    border: 1px solid #4e4e4e;
    text-align: center;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.5s ease 0s;
}

.who-we-19 .serviceBox:before,
.who-we-19 .serviceBox:after {
    content: "";
    width: 200%;
    height: 200%;
    background: var(--bs-primary);
    position: absolute;
    top: 66px;
    left: 0;
    z-index: -1;
    transform: rotate(-18deg);
    transition: all 0.5s ease 0s;
}

.who-we-19 .serviceBox .service-icon img {
    object-fit: cover;
    object-position: center;
    width: 80px !important;
    height: 80px !important;
}

.who-we-19 .serviceBox:before {
    background: #4e4e4e;
    left: -120%;
    transform: rotate(24deg);
}

.who-we-19 .serviceBox:hover:before {
    transform: rotate(16deg);
}

.who-we-19 .serviceBox:hover:after {
    background: var(--bs-secondary);
    transform: rotate(-10deg);
}

.who-we-19 .serviceBox .service-icon {
    font-size: 60px;
    color: var(--bs-secondary);
    line-height: 100px;
    margin-bottom: 100px;
}

.who-we-19 .serviceBox .service-content {
    color: #fff;
    line-height: 25px;
    padding: 0 20px 20px;
}

.who-we-19 .serviceBox .title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
}

.who-we-19 .serviceBox .description {
    font-size: 14px;
}

.who-we-19 .serviceBox .read {
    display: block;
    width: 100%;
    background: #fff;
    font-size: 15px;
    font-weight: 600;
    color: var(--bs-primary);
    padding: 10px;
    border-left: 1px solid var(--bs-primary);
    border-right: 1px solid var(--bs-primary);
}

.who-we-19 .serviceBox:hover .read {
    border-color: var(--bs-secondary);
    color: var(--bs-secondary);
    text-decoration: none;
}

.theme-19 .product-grid .product-image {
    background-color: #000;
    overflow: hidden;
    position: relative;
}

.theme-19 .product-list .product-image {
    background-color: #000;
    position: relative;
}

.theme-19 .product-grid .product-image a.image {
    display: block;
}

.theme-19 .product-list .product-image a.image {
    display: block;
}

.theme-19 .product-grid .product-image img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    object-position: center;
}

.theme-19 .product-list .product-image img {
    width: 145px;
    height: 190px;
    object-fit: cover;
    object-position: center;
}

.theme-19 .product-grid .product-image .pic-1,
.theme-19 .product-list .product-image .pic-1 {
    transition: all 0.5s ease 0s;
}

.theme-19 .product-grid .product-image .pic-2,
.theme-19 .product-list .product-image .pic-2 {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.5s ease 0s;
}

/* .theme-19 .product-grid:hover .product-image .pic-2,
.theme-19 .product-list:hover .product-image .pic-2 {
    opacity: 0.75;
} */

.theme-19 .product-grid .product-links,
.theme-19 .product-list .product-links {
    width: 132px;
    padding: 0;
    margin: 0;
    list-style: none;
    opacity: 1;
    transform: translateY(-50%) translateX(-50%) scale(0);
    position: absolute;
    top: 50%;
    left: 50%;
    transition: all .3s ease;
}

.theme-19 .product-grid:hover .product-links,
.theme-19 .product-list:hover .product-links {
    transform: translateY(-50%) translateX(-50%) scale(1);
}

.theme-19 .product-grid .product-links li,
.theme-19 .product-list .product-links li {
    margin: 0 3px;
    display: inline-block;
}

.theme-19 .product-grid .product-links li a,
.theme-19 .product-list .product-links li a {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    height: 36px;
    width: 36px;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #fff;
    overflow: hidden;
    transition: all 0.3s ease 0.1s;
}

.theme-19 .product-grid .product-links li:first-child,
.theme-19 .product-list .product-links li:first-child {
    margin: 0 0 8px;
    display: block;
}

.theme-19 .product-grid .product-links li:first-child a,
.theme-19 .product-list .product-links li:first-child a {
    line-height: 30px;
    width: auto;
    border-width: 4px;
    border-style: double;
    border-left: none;
    border-right: none;
}

.theme-19 .product-grid .product-links li a:hover,
.theme-19 .product-list .product-links li a:hover {
    color: var(--bs-primary);
    border-color: var(--bs-white);
    background-color: var(--bs-secondary);
}

.theme-19 .product-grid .product-links li a i,
.theme-19 .product-list .product-links li a i {
    line-height: inherit;
}

.theme-19 .product-grid .product-content,
.theme-19 .product-list .product-content {
    text-align: left;
    padding: 15px 0 0;
}

.theme-19 .product-grid .title,
.theme-19 .product-list .title {
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0 0 10px;
}

.theme-19 .product-grid .title a,
.theme-19 .product-list .title a {
    color: #000;
    transition: all 0.3s ease 0s;
}

.theme-19 .product-grid .price,
.theme-19 .product-list .price {
    color: var(--bs-secondary);
    font-size: 17px;
    font-weight: 300;
    line-height: 20px;
    width: calc(100% - 89px);
    display: inline-block;
}

.theme-19 .product-grid .rating,
.theme-19 .product-list .rating {
    color: #777777;
    font-size: 12px;
    width: 85px;
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
}

#testimonial-slider-19 img {
    width: 85px;
    height: 85px;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}

.theme-19-ribbon {
    color: var(--bs-white);
    font-size: 11px;
    font-weight: 900;
    width: 100px;
    text-transform: capitalize;
    position: absolute;
    margin: 0 auto;
    top: 0px;
    left: 6px;
}

.theme-19-ribbon h3 {
    background: var(--bs-primary);
    font-size: 11px;
    font-weight: 500;
    text-transform: capitalize;
    position: absolute;
    padding: 13px 8px;
    display: inline-block;
    clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%) !important;
    box-shadow: inset rgba(0, 0, 0, 0.5) 0px 15px 10px -10px;
    position: absolute;
    top: 0;
    left: 6px;
}

/* =================================== theme-19 end ================================= */

/* =================================== theme-20 Start ================================= */

.theme-20-slider .carousel-caption {
    position: absolute;
    right: 13%;
    bottom: 50%;
    top: 50%;
    left: 13%;
    transform: translateY(-50%);
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center
}

/* ------------- slider arrow ------------- */
.theme-20-slider .theme-15-main-banner .owl-nav button,
.theme-20-slider .theme-15-main-banner .owl-nav button:hover {
    background-color: var(--bs-primary) !important;
    height: 35px;
    width: 35px;
    color: #fff !important;
}

.theme-20-slider .theme-15-main-banner .owl-nav .owl-prev {
    left: 0%;
}

.theme-20-slider .theme-15-main-banner .owl-nav .owl-next {
    right: 0%;
}

/* rtl css */
.theme-20-slider .theme-15-main-banner.owl-rtl .owl-nav .owl-prev {
    left: unset;
    right: 0% !important;
}

.theme-20-slider .theme-15-main-banner.owl-rtl .owl-nav .owl-next {
    right: unset;
    left: 0% !important;
}

/* rtl css end */

/* ------------- main banner slider ------------- */
.theme-20-slider,
.theme-20-slider .carousel-caption,
.theme-20-slider img {
    height: 84vh !important;
    object-fit: cover;
}

.theme-20-slider .carousel .carousel-inner .carousel-item .carousel-caption {
    z-index: 1;
}

.theme-20-slider.vertical.carousel .carousel-indicators {
    top: 87%;
    right: unset;
    left: 4%;
    flex-direction: row !important;
}

.theme-20-slider.vertical.carousel .carousel-indicators.rtl {
    left: unset;
    right: 4%;
}

.theme-20-slider.vertical.carousel .carousel-indicators [data-bs-target] {
    height: 15px;
    width: 15px;
    border-radius: 0%;
}

.theme-20-line {
    outline: 2cqb double #fff;
    outline-offset: -1px;
}

.theme-20 .serviceBox {
    text-align: center;
    padding: 45px 25px;
    position: relative;
    z-index: 1;
}

.theme-20 .serviceBox:before,
.theme-20 .serviceBox:after {
    content: "";
    position: absolute;
    z-index: -1;
}

.theme-20 .serviceBox:before {
    background: var(--bs-primary);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    clip-path: polygon(0 15%, 15% 0%, 85% 0%, 100% 15%, 100% 85%, 85% 100%, 15% 100%, 0% 85%);
}

.theme-20 .serviceBox:after {
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
}

.theme-20 .serviceBox .service-icon img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    object-position: center;
}

.theme-20-cat img {
    width: 100px !important;
    height: 100px;
    object-fit: cover;
    object-position: center;
    border: 2px double var(--bs-primary);
}

.theme-20 .product-grid,
.theme-20 .product-list {
    text-align: center;
    border: 1px solid gray;
    transition: all 0.5s ease 0s;
}

.theme-20 .product-grid:hover,
.theme-20 .product-list:hover {
    border-color: var(--bs-primary);
}

.theme-20 .product-grid .product-image {
    background-color: #333;
    overflow: hidden;
    position: relative;
}

.theme-20 .product-list .product-image {
    background-color: #333;
    /* overflow: hidden; */
    position: relative;
}

.theme-20 .product-grid .product-image a.image {
    display: block;
}

.theme-20 .product-list .product-image a.image {
    display: block;
}

.theme-20 .product-grid .product-image img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    object-position: center;
}

.theme-20 .product-list .product-image img {
    width: 145px;
    height: 190px;
    object-fit: cover;
    object-position: center;
}

.theme-20 .product-grid .product-image .pic-1,
.theme-20 .product-list .product-image .pic-1 {
    transition: all 0.5s ease 0s;
}

.theme-20 .product-grid:hover .product-image .pic-1,
.theme-20 .product-list:hover .product-image .pic-1 {
    opacity: 0;
}

.theme-20 .product-grid .product-image .pic-2,
.theme-20 .product-list .product-image .pic-2 {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.5s ease 0s;
}

.theme-20 .product-grid:hover .product-image .pic-2,
.theme-20 .product-list:hover .product-image .pic-2 {
    opacity: 0.7;
}

.theme-20 .product-grid .product-new-label,
.theme-20 .product-grid .product-sale-label,
.theme-20 .product-list .product-new-label,
.theme-20 .product-list .product-sale-label {
    color: #fff;
    background-color: #222;
    font-size: 12px;
    text-transform: capitalize;
    padding: 3px 8px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.theme-20 .product-grid .product-sale-label,
.theme-20 .product-list .product-sale-label {
    background-color: var(--bs-primary);
    left: auto;
    right: 0;
}

.theme-20 .product-grid .product-links,
.theme-20 .product-list .product-links {
    padding: 0;
    margin: 0;
    list-style: none;
    opacity: 0;
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    transition: all 0.3s ease 0s
}

.theme-20 .product-grid:hover .product-image .product-links,
.theme-20 .product-list:hover .product-image .product-links {
    opacity: 1;
}

.theme-20 .product-grid .product-links li,
.theme-20 .product-list .product-links li {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 3px;
}

.theme-20 .product-grid .product-links li a,
.theme-20 .product-list .product-links li a {
    color: #999;
    background: #fff;
    height: 35px;
    width: 35px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease 0s;
}

.theme-20 .product-grid .product-links li a:hover,
.theme-20 .product-list .product-links li a:hover {
    color: #fff;
    background: var(--bs-primary);
}

.theme-20 .product-grid .product-buttons,
.theme-20 .product-list .product-buttons {
    font-size: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}

.theme-20 .product-grid .product-buttons li,
.theme-20 .product-list .product-buttons li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
}


.theme-20 .product-grid .product-buttons li a,
.theme-20 .product-list .product-buttons li a {
    color: #000 !important;
    font-size: 11px;
    font-weight: 600;
    width: 100%;
    background-color: #fff;
    text-transform: uppercase;
    padding: 9px 10px;
    border: 1px solid gray;
    transition: all 0.3s;
}

/* .theme-20 .product-grid .product-buttons li a{
    color: #666 !important;
} */

.theme-20 .product-grid .product-buttons li:hover a,
.theme-20 .product-list .product-buttons li:hover a {
    color: var(--bs-white) !important;
    border: 1px solid var(--bs-primary);
    background-color: var(--bs-secondary) !important;
}

.btn-enquir,
.btn-enquir:is(:hover, :focus, :active) {
    border-radius: 6px;
    background-color: #25D366 !important;
    border: 1px solid #25D366 !important;
    color: #fff !important;
    z-index: 1;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: capitalize;
    margin: 0px;
    font-weight: 500;
}

.sevirce-tru .img {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sevirce-trued {
    background-color: #F5F5F6;
}

.sevirce-tru .img img {
    width: 40px !important;
    height: 40px !important;
    object-fit: cover;
    background-color: #fff;
    object-position: center;
}

.view-cart-bar {
    min-height: 70px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all .2s ease-in-out, z-index 0s;
    transition: all .2s ease-in-out, z-index 0s;
    background-color: #fff;
    padding: 10px 15px;
    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
    z-index: 4;
}

.view-cart-bar .product-img {
    display: flex;
    justify-content: center;
    align-items: center;
}

.view-cart-bar .product-img img {
    width: 58px;
    height: 58px;
    object-fit: cover;
    object-position: center;
}

.product-detile .service-content {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.product-detile .service-content img {
    height: 40px;
    object-fit: cover;
    object-position: center;
}

.bg-gradient {
    background: linear-gradient(160deg, var(--bs-primary) 0%, var(--bs-secondary) 50%, var(--bs-primary) 100%) !important;
}

.view-list-grid {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.service-active {
    background-color: var(--bs-primary);
    color: var(--bs-white) !important;
}

.close-btn-view {
    padding: 0px 12px;
    background-color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lag-btn .dropdown-menu {
    --bs-dropdown-min-width: 8rem !important;
    /* padding: 0px 0px !important; */
    font-size: 12px !important;
    overflow: hidden !important;
}

.header-bar .min-dropdown-ltr {
    position: absolute !important;
    left: -100px !important;
    /* top: 100% !important; */
    font-size: 12px !important;
}

.header-bar .min-dropdown-rtl {
    position: absolute !important;
    left: 0px !important;
    /* top: 100% !important; */
    font-size: 12px !important;
}