* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

body {
    padding: 0;
    margin: 0;
    background: var(--bodyColor);
    font-family: 'Roboto';
    overflow-x: hidden;
}

:root {
    --themeBlue: #29B8BC;
    --themeGreen: #79BE1E;
    --themeWhite: #ffffff;
    --paracolor: #484848;
    --themeBlack: #000000;
    --bodyColor: #F3F6F5;
    --fontInter: 'Inter 28pt';
    --fontManrope: 'Manrope';
}


@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

/* ==inter== */
@font-face {
    font-family: 'Inter 28pt';
    src: url('../fonts/inter/Inter28pt-Black.woff2') format('woff2'),
        url('../fonts/inter/Inter28pt-Black.woff') format('woff'),
        url('../fonts/inter/Inter28pt-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('../fonts/inter/Inter24pt-SemiBold.woff2') format('woff2'),
        url('../fonts/inter/Inter24pt-SemiBold.woff') format('woff'),
        url('../fonts/inter/Inter24pt-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('../fonts/inter/Inter24pt-Regular.woff2') format('woff2'),
        url('../fonts/inter/Inter24pt-Regular.woff') format('woff'),
        url('../fonts/inter/Inter24pt-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('../fonts/inter/Inter24pt-Medium.woff2') format('woff2'),
        url('../fonts/inter/Inter24pt-Medium.woff') format('woff'),
        url('../fonts/inter/Inter24pt-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/inter/Inter18pt-Light.woff2') format('woff2'),
        url('../fonts/inter/Inter18pt-Light.woff') format('woff'),
        url('../fonts/inter/Inter18pt-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 28pt';
    src: url('../fonts/inter/Inter28pt-Bold.woff2') format('woff2'),
        url('../fonts/inter/Inter28pt-Bold.woff') format('woff'),
        url('../fonts/inter/Inter28pt-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/inter/Inter18pt-Bold.woff2') format('woff2'),
        url('../fonts/inter/Inter18pt-Bold.woff') format('woff'),
        url('../fonts/inter/Inter18pt-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/inter/Inter18pt-Medium.woff2') format('woff2'),
        url('../fonts/inter/Inter18pt-Medium.woff') format('woff'),
        url('../fonts/inter/Inter18pt-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 28pt';
    src: url('../fonts/inter/Inter28pt-Medium.woff2') format('woff2'),
        url('../fonts/inter/Inter28pt-Medium.woff') format('woff'),
        url('../fonts/inter/Inter28pt-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 28pt';
    src: url('../fonts/inter/Inter28pt-Regular.woff2') format('woff2'),
        url('../fonts/inter/Inter28pt-Regular.woff') format('woff'),
        url('../fonts/inter/Inter28pt-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* ==inter== */

/* ==manrope== */
@font-face {
    font-family: 'Manrope';
    src: url('../fonts/manrope/Manrope-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts/manrope/Manrope-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts/manrope/Manrope-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts/manrope/Manrope-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts/manrope/Manrope-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* ==manrope== */
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin-bottom: 0;
}

a {
    text-decoration: none;
}

/* =====topbar start===== */
.topbar {
    background: var(--themeBlue);
    padding: 8px 0;
}

.socialBar {
    display: flex;
    align-items: center;
    gap: 8px;
}

.socialBar li a {
    width: 30px;
    aspect-ratio: 1;
    border: 1px solid var(--themeWhite);
    border-radius: 50%;
    color: var(--themeWhite);
    display: grid;
    place-content: center;
    transition: 0.5s;
}

.socialBar li span {
    margin-right: 4px;
    font-weight: 400;
    line-height: 25px;

}

.socialBar li,
.socialBar li a {
    font-size: 14px;
    color: var(--themeWhite);
}

.socialBar li a:hover {
    background: var(--themeGreen);
    border: 1px solid var(--themeGreen);
    transition: 0.5s;
}

.toptext {
    text-align: center;
    color: var(--themeWhite);
    font-size: 12px;
}

.mailwrapper {
    text-align: right;
}

.topMail {
    display: inline-flex;
    justify-content: flex-end;
    gap: 8px;
    align-items: center;
    color: var(--themeWhite);
    transition: 0.5s;
    font-size: 14px;
}

.topMail:hover {
    color: var(--themeGreen);
    transition: 0.5s;
}

/* =====topbar close===== */

/* =====header start===== */
header.headerSec {
    padding: 10px 0 0;
     overflow-x: hidden; 
}

.headerSec.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: var(--themeWhite);
    z-index: 99;
    box-shadow: 0px 2px 1.7px 0px #8A8A8A38;
}

.headertopbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.quickWrap {
    display: flex;
    align-items: center;
    gap: 20px;
}

.quickWrap a {
    display: flex;
    align-items: center;
    gap: 8px;
}

.quickIcon {
    min-width: 40px;
    aspect-ratio: 1;
    display: grid;
    place-content: center;
    border-radius: 50%;
    border: 1px solid var(--themeBlue);
    color: var(--themeBlue);
    position: relative;
}

.quickText {
    color: var(--paracolor);
    font-size: 14px;
    white-space: nowrap;
}

.quickIcon img {
    max-width: 13px;
}

.badge {
    position: absolute;
    top: -8px;
    background: #000;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    padding: 0;
    display: grid;
    place-content: center;
    right: 0;
    background: var(--themeGreen);
    color: var(--themeWhite);
}

.location {
    font-size: 14px;
    color: var(--paracolor);
    align-items: center;
}

.location i {
    color: var(--themeBlue);
}

.searchWrap {
    position: relative;
}

.searchWrap .form-control {
    background: var(--themeWhite);
    border-radius: 60px;
    min-height: 50px;
    border: navajowhite;
    padding-left: 24px;
    box-shadow: 0px 0px 6px 2px rgb(199 199 199 / 50%);
    min-width: 430px;
}

.searchBtn {
    width: 40px;
    aspect-ratio: 1;
    display: grid;
    place-content: center;
    background: var(--themeGreen);
    color: var(--themeWhite);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5px;
    border: none !important;
    box-shadow: none !important;
}

.mainNav ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
}

.headerBottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}

.quickCall {
    position: relative;
}

.quickCall::before {
    background: var(--themeGreen);
    content: "";
    width: 260%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 20px 0 0 0;
}

.callBtn {
    display: flex;
    align-items: center;
    padding: 8px 0 8px 14px;
    position: relative;
    z-index: 2;
    gap: 10px;
}

.callIcon {
    width: 40px;
    aspect-ratio: 1;
    display: grid;
    place-content: center;
    border-radius: 50%;
    position: relative;
    background: var(--themeWhite);
}

.callText small {
    display: block;
}

.callText small {
    color: var(--themeWhite);
    font-size: 12px;
}

.callText b {
    color: var(--themeWhite);
    font-size: 15px;
    display: block;
    line-height: 1;
    margin-top: 4px;
    min-width: 120px;
}

nav.mainNav {
    width: calc(100% - 150px);
}

.mainNav .navItem {
    color: var(--themeBlack);
    text-transform: capitalize;
    transition: 0.5s;
}

.mainNav .navItem.active,
.mainNav .navItem:hover {
    color: var(--themeBlue);
    transition: 0.5s;
}

.mainNav ul li {
    position: relative;
}

.mainNav ul li:not(:last-child)::after {
    content: "";
    top: 50%;
    width: 1px;
    height: 64%;
    right: -27px;
    transform: translateY(-50%);
    background: var(--themeBlack);
    position: absolute;
}

.heroOverley {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
}

.heroOverley h2 {    font-family: Roboto;
    font-weight: 600;
    font-size: 100px;
color: #29B8BC;

    line-height: 92px;}

.heroOverley h1 span {

    font-family: Roboto;
    font-weight: 300;
    font-size: 100px;

    line-height: 92px;
}

.heroOverley p {
font-family: Roboto;
font-weight: 400;
font-size: 14px;

line-height: 36px;


}

.heroBanner .owl-carousel button.owl-dot span {
    width: 8px;
    aspect-ratio: 1;
    display: inline-block;
    background: var(--themeWhite);
    border-radius: 50%;
    position: relative;
}

.heroBanner .owl-dots {
    width: 100%;
    max-width: 1140px;
    margin: auto;
    display: flex;
    position: absolute;
    bottom: 40px;
    gap: 18px;
    padding: 0 15px;
    left: 50%;
    transform: translateX(-50%);
}

.heroBanner .owl-carousel button.owl-dot span::before {
    width: 16px;
    height: 16px;
    content: "";
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid var(--themeWhite);
    opacity: 0;
    transition: 0.5s;
}

.heroBanner .owl-carousel button.owl-dot.active span::before {
    opacity: 1;
    transition: 0.5s;
}

.moBbar {
    display: none;
    width: 30px;
    aspect-ratio: 1;
    place-content: center;
    padding: 0;
    border-radius: 4px;
    cursor: pointer;
}

.mobSearchBtn {
    width: 30px;
    aspect-ratio: 1;
    border-radius: 50%;
    color: var(--themeBlue);
    background: var(--themeWhite);
    border: 1px solid var(--themeBlue);
    border-radius: 50%;
    display: none;
    place-content: center;
    font-size: 12px;
}

.mobText {
    display: none;
}
.brandMain{display: flex; align-items: center; height: 100%;}
.brandLogo {
    display: inline-block;
    max-height: 114px;
    
}
.brandLogo img{max-width: 100%; max-height: 100%;}

.headerbg {
    display: none;
}

.quickWrap a:hover .quickIcon {
    background: var(--themeBlue);
    color: var(--themeWhite);
    transition: 0.5s;
}

.quickWrap a:hover .quickIcon img {
    filter: brightness(0) invert(1);
}

.quickWrap a:hover .quickText {
    color: var(--themeBlue);
    transition: 0.5s;
}

/* =====header start===== */

/* =====featuredSec start=== */
.featuredSec {
    padding: 80px 0;
}

.sectionTitle h2 {
    font-size: 38px;
    font-weight: 600;
    line-height: 48px;
    color: var(--themeBlue);
    margin-bottom: 30px;
}

.featuredItem {
    background: var(--themeWhite);
    border-radius: 19px;
    box-shadow: 0px 2px 1.7px 0px #8A8A8A38;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.featuredICon {
    width: 80px;
    aspect-ratio: 1;
    display: grid;
    place-content: center;
    background: var(--themeBlue);
    border-radius: 50%;
    transition: 0.5s;
    overflow: hidden;
}

.featuredICon img {
    transition: 0.5s;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.featuredItem:hover .featuredICon {
    background: var(--themeBlue);
    transition: 0.5s;
}

/* .featuredItem:hover .featuredICon img {
    filter: brightness(0) invert(1);
    transition: 0.5s;
} */
.featuredItem:hover .featuredICon img {
    transform: scale(1.1);
    transition: 0.5s;
}

.featuredText {
    max-width: calc(100% - 95px);
}

.featuredText strong {
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    color: var(--themeBlack);
    font-size: 14px;
}

.featureSlider.owl-carousel .owl-stage-outer {
    padding: 15px 0;
}

.featureSlider {
    position: relative;
}

.featureSlider.owl-carousel .owl-nav button.owl-prev,
.featureSlider.owl-carousel .owl-nav button.owl-next {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -5px;
}

.featureSlider.owl-carousel .owl-nav button.owl-prev {
    left: -50px;
}

.featureSlider.owl-carousel .owl-nav button.owl-next {
    right: -50px;
}

/* =====featuredSec close=== */

/* =====top selling sec start=== */
.topSelling {
    position: relative;
}

.topSellingItem {
    padding: 20px 15px;
    background: var(--themeWhite);
    border-radius: 20px;
    box-shadow: 0px 4px 5.3px 0px #ABABAB59;
    position: relative;
}

.topSellingImg img {
    max-width: 220px;
    margin: auto;
}

.offertag {
    position: absolute;
    top: 15px;
    left: 0;
    width: 112px;
    padding: 5px 20px;
    background: url(../images/top-selling/offertag.webp) no-repeat;
    z-index: 1;
}

a.topSellingImg {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
/*    padding: 50px 20px 40px;*/
    background: var(--bodyColor);
    border-radius: 10px;
    margin-bottom: 20px;
    height: 186px;
}

a.topSellingImg img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    mix-blend-mode: darken;
}

.offertag strong {
    color: var(--themeWhite);
    display: block;
    line-height: 1;
    font-family: var(--fontInter);
    font-size: 18px;
}

.offertag p {
    color: var(--themeWhite);
    font-family: var(--fontInter);
    line-height: 1;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 4px;
    letter-spacing: 4px;
}

.ratingBar {
    text-align: center;
    font-size: 14px;
    color: #F4C35A;
}

.itemName {
    display: block;
    text-align: center;
    color: var(--themeBlue) !important;
    font-size: 13px;
    font-weight: 400;
    margin: 5px 0 15px;
}

.quantitySelector .form-select {
    border-radius: 8px;
    border: 1px solid #CACACA;
    box-shadow: none !important;
}

.topsellingPrice {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: center;
    margin: 15px 0;
}

.topsellingPrice del {
    color: var(--themeBlue);
    font-size: 16px;
    font-weight: 400;
    line-height: 18.35px;
    letter-spacing: -0.05em;
}

.topsellingPrice strong {
    font-family: var(--fontManrope);
    font-size: 22px;
    font-weight: 700;
    line-height: 20.35px;
    letter-spacing: -0.05em;
    color: #C90505;
}

.themeBTn {
    background: linear-gradient(90deg, #29B8BC 0%, #79BE1E 100%);
    border: none !important;
    color: var(--themeWhite) !important;
    text-transform: uppercase;
    text-align: center;
    border-radius: 10px;
    font-family: Roboto;
    font-size: 16px;
    padding: 13px 20px;
    font-weight: 300;
    line-height: 1;
}

.topSellingItem .themeBTn {
    width: 100%;
}

.topSelling .owl-nav {
    position: absolute;
    top: -84px;
    right: 0;
}

.topSelling .owl-carousel .owl-stage-outer {
    padding-bottom: 30px;
}

.topSellingItem:hover {
    background: var(--themeBlue);
    transition: 0.5s;
}

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

.topSellingItem:hover .itemName {
    color: var(--themeWhite) !important;
    transition: 0.5s;
}

.topSellingItem:hover .select-menu .select-btn {
    background: var(--themeWhite);
}

.topSellingItem:hover .topsellingPrice del {
    color: #dfdfdf;
    transition: 0.5s;
}

/* =====top selling sec close=== */

/* =====fresh sec start========= */
section.freshsec {
    margin: 80px 0 100px;
    position: relative;
}

.freshInner img {
    width: 100%;
}

.freshOverley {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    z-index: 2;
}

.sectionTitle.text-white h2 {
    color: var(--themeWhite);
    font-weight: 500;
    margin-bottom: 20px;
}

.freshOverley p {
    color: var(--themeWhite);
    margin-bottom: 20px;
}

.orderBtn {
    background: linear-gradient(90deg, #F12226 2.25%, #EA1E1F 102.99%);
    color: var(--themeWhite) !important;
    border-radius: 10px;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    text-transform: capitalize;
    padding: 15px 20px;
/*    display: flex;*/
    gap: 15px;
}

/* =====fresh sec close========= */

/* =====seameat sec start======= */
.catmain {
    background: var(--themeGreen);
    text-align: center;
    display: grid;
    justify-content: center;
    border-radius: 20px;
    padding: 69px 30px;
    height: 100%;
}

.catmain strong {
    color: #8FDB2A;
    font-size: 23px;
    font-weight: 600;
    line-height: 32px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.catItem {
    box-shadow: 0px 2px 1.7px 0px #8A8A8A38;
    padding: 17px 20px;
    background: var(--themeWhite);
    border-radius: 20px;
}

a.catImg {
    height: 170px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background: var(--themeWhite);
}
a.catImg img {
    mix-blend-mode: darken;
    max-height: 100%;
}
.catTitle {
    display: block;
    font-size: 13px;
    margin: 10px 0;
    color: var(--themeBlue);
    text-align: center;
}

.viewAll {
    display: block;
    background: #ABDDDC;
    text-align: center;
    color: var(--themeBlue);
    text-transform: uppercase;
    border-radius: 10px;
    border: none !important;
    box-shadow: none !important;
    width: 100%;
    padding: 8px 20px;
}

.catmain img {
    width: 80px;
    height: 80px;
    display: table;
    margin: auto;
    object-fit: contain;
}

.catItem:hover {
    background: var(--themeBlue);
    transition: 0.5s;
}

.catItem:hover .catTitle {
    color: var(--themeWhite);
    transition: 0.5s;
}

/* =====seameat sec start======= */
/* =====freshveg sec start====== */
.freshveg {
    padding: 80px 0;
}

/* =====freshveg sec start====== */

/* =====review sec start======== */
.quoteIcon {
    width: 60px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: var(--themeGreen);
    display: grid;
    place-content: center;
    position: absolute;
    border: 3px solid var(--themeWhite);
    top: -30px;
    left: 30px;
}

.reviewItem {
    padding: 50px 30px 30px;
    background: #D5EEED;
    border-radius: 20px;
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.customerReview .owl-carousel .owl-stage {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
 
.customerReview .owl-carousel .owl-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.customerReview .owl-carousel .owl-stage-outer {
    overflow: visible !important;
    padding-top: 30px;
}

.reviewWrapper .container {
    position: relative;
    z-index: 1;
}

.reviewWrapper .container::after {
    width: 200%;
    content: "";
    height: 100%;
    top: 0;
    right: 100%;
    background: var(--bodyColor);
    position: absolute;
    z-index: 2;
}
.reviewPara{padding: 0px 0px 15px 0px;}
.reviewPara p {
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.02em;
    margin-bottom: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.userDp {
    width: 50px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: var(--themeGreen);
    overflow: hidden;
}

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

.userDetail {
    display: flex;
    align-items: center;
    gap: 15px;
}

.userInfo {
    max-width: calc(100% - 75px);
}

.userInfo strong {
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -0.04em;
    color: var(--themeBlack);
    display: block;
}

.userRating {
    color: #F2D00F;
    font-size: 14px;
}

.customerReview .owl-nav {
    position: absolute;
    top: -84px;
    right: 0;
}

.customerReview {
    position: relative;
    overflow: hidden;
    padding-bottom: 80px;
}

/* =====review sec close======== */

/* =====quickinfo sec start======== */
.quickInfoSec {
    position: relative;
    z-index: 2;
    margin-bottom: -60px;
}

.quickInfoWrapper {
    border: 1px solid #F3F3F3;
    box-shadow: 0px 34px 30px 0px #14232C1F;
    background: var(--themeWhite);
    border-radius: 20px;
    padding: 28px 30px;
}

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

.quickInfoImg {
    width: 78px;
    height: 78px;
    display: grid;
    place-content: center;
}

.quickInfoImg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.quickinfoItem strong {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
}

/* =====quickinfo sec close======== */

/* =====download app sec start===== */
.downloadSec {
    position: relative;
    z-index: 1;
    margin-top: 0px;
}

.downloadSec .sectionTitle h2 {
    text-transform: capitalize;
}

.downloadOverley {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    z-index: 2;
    transform: translateY(-50%);
}
.item-container{margin: 0px 0px 15px 0px;}


/* =====download app sec close===== */

/* ====footer sec start============ */
.footerSec {
    background: #198487;
    padding: 95px 0 0;
    position: relative;
    overflow: hidden;
}

.newsletterarea strong,
.ftitle {
    color: var(--themeWhite);
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    display: block;
}

.newsletterarea p {
    color: var(--themeWhite);
    font-size: 18px;
    line-height: 28px;
    display: block;
    margin-bottom: 20px;
    font-weight: 300;
}

.newsletterWrap {
    position: relative;
}

.newsletterWrap .form-control {
    border-radius: 60px;
    border: 1px solid var(--themeGreen);
    background: transparent;
    min-height: 50px;
    box-shadow: none !important;
    color: var(--themeGreen);
}

.btnNewsletter {
    background: var(--themeGreen) !important;
    color: var(--themeWhite) !important;
    box-shadow: none !important;
    border: none !important;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 60px;
    padding: 16px 40px;
    font-size: 18px;
    line-height: 1;
}

.fItem {
    display: flex;
    align-items: center;
    gap: 15px;
}

.fIcon {
    width: 50px;
    aspect-ratio: 1;
    display: grid;
    place-content: center;
    border: 1px solid var(--themeWhite);
    color: var(--themeWhite);
    border-radius: 50%;
}

.fContent {
    max-width: calc(100% - 65px);
}

.ftitle {
    margin-bottom: 42px;
}

.fContent p {
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;
    color: var(--themeWhite);
}

.footerBottom {
    margin-top: 30px;
}

.followBar span {
    color: var(--themeWhite);
    font-size: 16px;
    font-weight: 300;
    line-height: 35px;
    display: block;
    margin-bottom: 5px;
}

.followBar li a {
    width: 30px;
    aspect-ratio: 1;
    border: 1px solid var(--themeWhite);
    border-radius: 50%;
    color: var(--themeWhite);
    display: grid;
    place-content: center;
    transition: 0.5s;
    font-size: 14px;
}

.followBar ul {
    display: flex;
    align-items: center;
    gap: 8px;
}

.fNav {
    display: flex;
    align-items: center;
    gap: 10px 30px;
    flex-flow: wrap;
}

.fNav li a {
    color: var(--themeWhite);
}

.fNav li a {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    text-transform: capitalize;
}

.copyRightbar {
    border-top: 1px solid #504f4f59;
    padding: 20px 0;
    margin-top: 20px;
}

.copyRightbar p {
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    color: var(--themeWhite);
}

.paymentMethod {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 7px;
    color: var(--themeWhite);
}

.paymentMethod li:first-child {
    margin-right: 7px;
}

.paymentMethod li span {
    display: grid;
    background: var(--themeWhite);
    width: 73px;
    height: 38px;
    box-shadow: 10px 0px 20px 0px #0000001A;
    border-radius: 5px;
    place-content: center;
}

/* ====footer sec start============ */

/* ====floating app==== */
.floatApp {
    position: absolute;
    top: 50%;
    right: 0;
    display: flex;
    align-items: center;
    gap: 15px;
    background: rgba(171, 221, 220, 0.75);
    border-radius: 10px 0 0 10px;
    padding: 30px 15px;
    transition: 0.5s;
}

.floatApp.hide-appnav {
    right: -373px;
    transition: 0.5s;
}

.floatApp ul {
    display: flex;
    align-items: center;
    gap: 15px;
}

.appnav {
    width: 32px;
    aspect-ratio: 1;
    display: grid;
    place-content: center;
    background: var(--themeBlue);
    color: var(--themeWhite);
    border-radius: 50%;
    cursor: pointer;
    transform: rotate(0deg);
}

.active.appnav {
    transition: 0.5s;
    transform: rotate(180deg);
}

/* ====floating app==== */

/* ====custom select start=== */
.select-menu {
    max-width: 100%;
    margin: 0px auto;
}

.select-menu .select-btn {
    display: flex;
    padding: 7px 10px;
    font-size: 12px;
    font-weight: 400;
    border-radius: 8px;
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
    border: 1px solid #CACACA;
    max-width: 100%;
}

.select-menu .options {
    position: absolute;
    visibility: hidden;
    width: 25%;
    overflow-y: auto;
    padding: 4px;
    margin-top: 5px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-duration: 0.35s;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.35s;
    -webkit-animation-fill-mode: both;
}

.select-menu .options .option {
    display: flex;
    cursor: pointer;
    padding: 5px 8px;
    border-radius: 44px;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border: 1px solid #ABDDDC;
    transition: 0.5s;
}

.select-menu .options .option:hover,
.select-menu .options .option.selected {
    background: #ABDDDC;
    transition: 0.5s;
}

.select-menu .options .option:hover .checkIcon,
.select-menu .options .option.selected .checkIcon {
    background: var(--themeBlue);
    color: var(--themeWhite);
    transition: 0.5s;
}

.select-menu .options .option i {
    font-size: 25px;
    margin-right: 12px;
}

.select-menu .options .option .option-text {
    font-size: 9px;
    color: var(--themeBlue);
}

.select-menu .options .option b,
.select-menu .options .option b i {
    font-size: 9px;
    margin: 0;
    font-weight: 400;
}

.select-menu.active .options {
    visibility: visible;
}

.select-menu .options .option b i {
    font-weight: 700;
}

.select-btn i {
    font-size: 12px;
    transition: 0.3s;
}

.op-Price {
    color: var(--themeBlue);
}

.op-mrp {
    color: #888888;
}

.op-off {
    color: #EC2227;
}

.checkIcon {
    width: 14px;
    height: 14px;
    display: grid;
    place-content: center;
    border-radius: 50%;
    border: 1px solid var(--themeBlue);
    color: var(--themeBlue);
}

.select-menu .options li:not(:last-child) {
    margin-bottom: 5px;
}

.select-menu.active .select-btn i {
    transform: rotate(-180deg);
}

.select-menu.active .options {
    display: block;
    opacity: 1;
    z-index: 10;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-duration: 0.4s;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    display: block;
}

@keyframes fadeInUp {
    from {
        transform: translate3d(0, 30px, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes fadeInDown {
    from {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    to {
        transform: translate3d(0, 20px, 0);
        opacity: 0;
    }
}

.quantitySelector .select-menu .options {
    width: 100%;
}

/* ====custom select start=== */



/* ==============================
category page start
================================= */
.breadcumbSec {
    padding: 110px 0;
    background: var(--themeBlue);
}

.breadcumbSec .breadcrumb {
    justify-content: center;
    gap: 10px;
    margin: 0;
}

.breadcumbSec .breadcrumb-item a {
    color: var(--themeWhite);
}

.breadcumbSec .breadcrumb-item+.breadcrumb-item::before {
    float: left;
    color: var(--themeWhite);
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f178";
    padding-right: 20px;
}

.breadcumbSec .breadcrumb-item.active {
    color: var(--themeWhite);
}

.listingPage {
    overflow: hidden;
}

.catWrapper {
    position: relative;
    z-index: 1;
    padding: 50px 0;
    padding-right: 30px;
}

.catWrapper::before {
    content: "";
    width: 500%;
    height: 100%;
    background: var(--themeWhite);
    position: absolute;
    right: 0px;
    top: 0;
    z-index: -1;
}

.catHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.catHeader strong {
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.04em;
    color: var(--themeBlue);
}

.catHeader i {
    transform: rotate(0);
    transition: 0.5s;
}

.deactive i {
    transform: rotate(180deg);
    transition: 0.5s;
}

.catBody {
    margin-top: 50px;
    max-height: 1000px;
    overflow: hidden;
    transition: 0.5s;
}

.hideCatBody.catBody {
    max-height: 0;
    transition: 0.5s;
    margin-top: 10px;
}

.catname {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.03em;
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #E4E4E4;
}

.catname.selected {
    color: var(--themeBlack);
    margin-bottom: 5px;
}

.cattypeName {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.03em;
    color: #808080;
    display: flex;
    align-items: center;
    gap: 7px;
    cursor: pointer;
}

.cattypeName a {
    color: #808080;
}

.catType {
    padding: 15px 0;
    border-bottom: 1px solid #E4E4E4;
}

.catType {
    padding: 15px 0;
    border-bottom: 1px solid #E4E4E4;
    color: #29b8bc;
}

.activecatType {
    padding: 15px 0;
}

.autocomplete-dropdown {
    border: none !important;
}

.subDrop {
    display: grid;
    max-height: 0px;
    overflow: hidden;
    transition: 0.5s;
}

.subDrop.showsub {
    max-height: 1000px;
    transition: 0.5s;
}

.subDrop .itemsected {
    color: var(--themeBlue);
}

/* .activecatType .subDrop {
    max-height: 1000px;
} */
.activecatType .cattypeName,
.activecatType .cattypeName a {
    color: var(--themeBlue);
}

.subDrop li a {
    color: #808080;
    font-size: 16px;
    padding: 5px 0;
    padding-left: 15px;
    display: block;
}

.subDrop li a:hover {
    color: var(--themeBlue);
    transition: 0.5s;
}

.catWrapper hr {
    background: var(--themeBlue);
    height: 1px;
    opacity: 1;
    margin: 40px 0;
}

.checkBoxWrapper [type="radio"]:checked,
.checkBoxWrapper [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.checkBoxWrapper [type="radio"]:checked+label,
.checkBoxWrapper [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #1E1E1E !important;
}

.checkBoxWrapper label {
    color: #1E1E1E !important;
}

.checkBoxWrapper [type="radio"]:checked+label:before,
.checkBoxWrapper [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #29B8BC;
    border-radius: 100%;
    background: #fff;
}

.checkBoxWrapper [type="radio"]:checked+label:after,
.checkBoxWrapper [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: var(--themeBlue);
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.checkBoxWrapper [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.checkBoxWrapper [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.checkBoxWrapper p {
    padding: 8px 0;
}

.checkBoxWrapper {
    height: 200px;
    overflow-y: scroll;
    position: relative;
    z-index: 2;
    /* padding-right: 5px; */
}

.checkboxOuter {
    position: relative;
}

.checkboxOuter::before {
    width: 1px;
    content: "";
    height: 100%;
    position: absolute;
    z-index: -1;
    right: 2px;
    top: 0;
    background: var(--themeBlue);
}

.checkBoxWrapper::-webkit-scrollbar {
    width: 6px;
    /* Width of the scrollbar */
}

.checkBoxWrapper::-webkit-scrollbar-thumb {
    background-color: #36cfc9;
    /* Scrollbar thumb color */
    border-radius: 20px;
    /* Rounded edges for the thumb */
    border: 2px solid transparent;
    /* Optional border */
}

.checkBoxWrapper::-webkit-scrollbar-track {
    background-color: transparent;
    /* Background for the scrollbar track */
}

/* --range slider--- */
.irs--round .irs-bar {
    background-color: #00C2C0;
}

.irs--round .irs-handle {
    background-color: #00C2C0;
    border-color: #00C2C0;
    box-shadow: 0px 0px 0px 5px rgba(0, 194, 192, 0.2);
}

.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
    background-color: #00C2C0;
}

.irs--round .irs-handle {
    width: 16px;
    height: 16px;
    top: 29px
}

.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
    background-color: transparent;
    color: #666666;
}

.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before,
.irs--round .irs-min,
.irs--round .irs-max {
    display: none;
}

.irs--round {
    padding-right: 9px;
}

.irs--round .irs-handle,
.irs--round .irs-handle:hover,
.irs--round .irs-handle:focus {
    background: var(--themeWhite);
    box-shadow: none !important;
}

.irs--round .irs-handle {
    border: 2px solid var(--themeBlue);
}

.irs--round .irs-line {
    background: var(--themeBlue);
    height: 2px;
}

.irs--round .irs-bar {
    top: 36px;
    height: 2px;
    background-color: var(--themeBlue);
}

.irs--round .irs-bar {
    top: 36px;
    height: 1px;
    background-color: var(--themeWhite);
}

/* --range slider--- */
.rangeWrapper {
    padding: 60px 0 0;
    position: relative;
    z-index: 1;
}

.rangeInner {
    position: relative;
    z-index: 3;
}

.bar1 {
    width: 12px;
    height: 37px;
    background-color: #ABDDDC;
    border-radius: 0px;
    margin: 0px 2px;
}

.bar2 {
    width: 12px;
    height: 37px;
    background-color: #ABDDDC;
    border-radius: 0px;
    margin: 0px 2px;
}

.bar3 {
    width: 12px;
    height: 43px;
    background-color: #ABDDDC;
    border-radius: 0px;
    margin: 0px 2px;
}

.bar4 {
    width: 12px;
    height: 47px;
    background-color: #ABDDDC;
    border-radius: 0px;
    margin: 0px 2px;
}

.bar5 {
    width: 12px;
    height: 59px;
    background-color: #ABDDDC;
    border-radius: 0px;
    margin: 0px 2px;
}

.bar7 {
    width: 12px;
    height: 70px;
    background-color: #ABDDDC;
    border-radius: 0px;
    margin: 0px 2px;
}

.bar6 {
    width: 12px;
    height: 70px;
    background-color: #ABDDDC;
    border-radius: 0px;
    margin: 0px 2px;
}

.bar {
    position: absolute;
    bottom: 45px;
    left: 0;
    width: 100%;
    display: flex;
    /* justify-content: center; */
    align-items: baseline;
    z-index: 2;
    padding: 0 16%;
    gap: 3px;
}

.irs-from,
.irs-to {
    transform: translateY(50px);
}

.irs--round {
    height: 80px;
}

/* ===cat main=== */
.catMain {
    position: relative;
    z-index: 1;
    padding: 50px 0px 50px 0px;
}

.showFilterWrap {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-end;
    align-items: center;
}

.catBar p {
    color: var(--themeBlue);
}

.showFilterWrap .form-select {
    background-color: transparent;
    border-radius: 44px;
    min-width: 150px;
    border: 1px solid var(--themeBlack);
    font-size: 14px;
    color: var(--themeBlack);
    box-shadow: none !important;
    min-height: 38px;
}

.catBtn {
    width: 38px;
    aspect-ratio: 1;
    display: grid;
    place-content: center;
    border: 1px solid var(--themeBlack);
    border-radius: 50%;
    cursor: pointer;
}

.catBar {
    margin-bottom: 30px;
}

.catMain .topSellingImg {
    width: 100%;
}

.catMain .topSellingImg img {
    width: auto;
    height: auto;
    object-fit: contain;
}

.catMain a.topSellingImg {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.catMain .topSellingImg img {
    max-width: 100%;
}

.catRow .col-lg-3 {
    padding-right: 0;
}

.catMain .topSellingItem {
    margin-bottom: 15px;
}

.laodmoreBtn {
    color: var(--themeBlue) !important;
    display: table;
    margin: 60px auto 0;
    font-size: 16px;
}

.laodmoreBtn span {
    font-size: 18px;
}

/* ===cat main=== */
.mobCatFilter {
    display: none;
}

.mIcon,
.catwrapperBg {
    display: none;
}

/* ==============================
category page close
================================= */
/* ==============================
product detail page start
================================= */
.productDetailsPage {
    padding: 120px 0 110px;
}

.productDslider {
    background: var(--themeWhite);
    border-radius: 20px;
    padding: 20px;
    position: relative;
    z-index: 1;
}

.productDslider .lSSlideOuter.vertical .lSGallery {
    right: inherit;
    left: 0;
}

.productDslider .lSSlideOuter.vertical {
    padding-right: 0 !important;
    padding-left: 120px;
}

#vertical li {
    background: #F3F6F5;
    border-radius: 20px;
    height: 500px !important;
    overflow: hidden;
}

#vertical li img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    mix-blend-mode: darken;
}

.lSAction>a.lSPrev {
    <!-- background-image: url(../images/productdetail/uparrow.png); -->
    background-size: contain;
    width: 20px;
    height: 10px;
    opacity: 1;
    background-repeat: no-repeat;
    background-position: 0px 0px !important;
}

.lSSlideOuter.vertical .lSAction>.lSNext {
    <!-- background-image: url(../images/productdetail/downarrow.png); -->
    background-size: contain;
    width: 20px;
    height: 10px;
    opacity: 1;
    background-repeat: no-repeat;
    background-position: 0px 0px !important;
}

.productDslider .lSPager.lSGallery {
    margin: 0 !important;
    width: 110px !important;
    height: 500px !important;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.productDslider .lSPager.lSGallery li {
    width: 110px !important;
    height: 90px !important;
    border: 1px solid #CACACA;
    border-radius: 10px !important;
}

.productDslider .lSPager.lSGallery li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lSSlideWrapper {
    max-width: 100%;
    overflow-x: visible !important;
}

.lightSlider {
    overflow-x: visible !important;
}

.prodetailTitle h2 {
    color: var(--themeBlue);
    font-size: 40px;
    font-weight: 600;
    line-height: 46px;
    margin-bottom: 10px !important;
}

.prodetailTitle strong {
    color: var(--themeBlack);
    font-size: 18px;
    font-weight: 500;
    line-height: 36.5px;
    margin-bottom: 5px;
    display: block;
}

.ratingBarDeatil i {
    color: #F4C35A;
}

.ratingBarDeatil span {
    color: #888888;
    font-size: 14px;
/*    margin-left: 15px;*/
}

.detailPriceBar {
    border-top: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
    padding: 20px 0;
    margin: 20px 0;
}

.detailPriceWrap del {
    color: #EC2227;
    line-height: 26px;
    font-size: 16px;
}

.detailPriceWrap h3 {
    font-size: 26px;
    color: var(--themeBlack);
    font-weight: 600;
    line-height: 26px;
    margin-top: 8px;
}

.productShare {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: flex-end;
}

.productShare li a {
    border: 2px solid #353535;
    width: 40px;
    aspect-ratio: 1;
    border-radius: 50%;
    place-content: center;
    display: grid;
    color: #353535;
}

.productShare li span {
    color: #353535;
}

.cartCounter {
    display: flex;
    align-items: center;
    gap: 15px;
}

.quantity {
    display: flex;
    justify-content: space-between;
    background: #ABDDDC;
    border-radius: 44px;
    padding: 8px 15px;
    align-items: center;
}

.cartNumber input {
    border: none;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    background: #fff;
}

.minus,
.plus {
    cursor: pointer;
}

.addCart {
    background: var(--themeGreen);
    color: var(--themeWhite) !important;
    border-radius: 44px;
    width: 100%;
    text-align: center;
    padding: 12px 20px;
    margin-top: 20px;
}

.quantityOuter .quantitySelector {
    position: relative;
}

.quantityOuter .quantitySelector .select-btn {
    background: #E6E6E6;
    border-radius: 44px;
    border: none;
    height: 47px;
    padding: 8px 20px;
}

.quantitySelector label {
    font-size: 16px;
    font-weight: 500;
    line-height: 18.75px;
    margin-bottom: 10px;
}

.quantityWrapper {
    margin-top: 30px;
}

.productDescriptionSec .accordion-button::after {
    display: none;
}

.productDescriptionSec .accordion-item {
    border-radius: 20px !important;
    overflow: hidden;
    margin-bottom: 30px;
    background: transparent;
}

.productDescriptionSec .accordion-button {
    background: var(--themeWhite) !important;
    display: flex;
    justify-content: space-between;
    box-shadow: none !important;
    padding: 20px 40px;
}

.productDescriptionSec .accordion-button strong {
    font-size: 32px;
    font-weight: 600;
    line-height: 34px;
    color: var(--themeBlue);
}

.productDescriptionSec .accordion-button .accDown {
    display: grid;
    place-content: center;
    width: 32px;
    aspect-ratio: 1;
    background: var(--themeBlue);
    color: var(--themeWhite);
    border-radius: 50%;
    transform: rotate(180deg);
    transition: 0.5s;
}

.accordion-button.collapsed .accDown {
    transform: rotate(0deg);
    transition: 0.5s;
}

.productDescriptionSec .accordion-body {
    background: transparent;
    padding: 30px 40px;
}

.accordion-body p {
    color: #484848;
}

.descriptionListing {
    margin: 40px 0;
}

.descriptionListing {
    display: grid;
    gap: 10px;
}

.descriptionListing li {
    color: #484848;
}

.descriptionListing li span {
    width: 22px;
    aspect-ratio: 1;
    display: inline-grid;
    place-content: center;
    background: var(--themeGreen);
    border-radius: 50%;
    color: var(--themeWhite);
    margin-right: 10px;
    font-size: 14px;
}

.accIcon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: var(--themeGreen);
    place-content: center;
    display: grid;
    margin: 0 auto 30px;
}

.accBody {
    text-align: center;
}

.accBody h5 {
    font-size: 26px;
    font-weight: 600;
    line-height: 34px;
    text-align: center;
    color: var(--themeBlue);
    margin-bottom: 30px;
}

.accCardWrap {
    background: var(--themeWhite);
    padding: 80px 30px;
    border-radius: 20px;
}

.accCard {
    margin: auto;
}

.accCardWrap .col-sm-12 {
    position: relative;
}

.accCardWrap .row .col-sm-12:not(:last-child)::after {
    width: 1px;
    content: "";
    height: 70%;
    top: 50%;
    right: 0;
    background: #C4C4C4;
    position: absolute;
    transform: translateY(-50%);
}

.productReviewItem .userDetail {
    margin-bottom: 20px;
}

.productReviewItem .userInfo strong {
    color: #05393A;
}

.productReviewItem .userRating {
    font-size: 11px;
}

.accordion-body .productReviewItem:not(:last-child) {
    margin-bottom: 40px;
}

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

.addReview h3 {
    font-size: 26px;
    color: var(--themeBlack);
    font-weight: 600;
    line-height: 26px;
    color: var(--themeBlue);
    margin-bottom: 30px;
}

.yourRating {
    margin: 20px 0 30px;
}

.yourRating span {
    color: var(--paracolor);
    margin-right: 30px;
}

.yourRating i {
    color: #F4C35A;
    cursor: pointer;
}

.addReview .form-group {
    margin-bottom: 28px;
}

.addReview label {
    color: var(--paracolor);
    margin-bottom: 8px;
}

.addReview .form-control {
    border-radius: 44px;
    min-height: 46px;
}

.btnSubmit {
    background: var(--themeGreen);
    color: var(--themeWhite) !important;
    border-radius: 44px;
    padding: 11px 55px;
    border: none !important;
    box-shadow: none !important;
}
.btnSubmit:hover{
    background: var(--themeBlue);
}
.btnSubmit:focus{
    background: var(--themeBlue);
}
.btnSubmit:focus:hover{
    background: var(--themeBlue);
}
.descriptionTab,
.mobAdd {
    display: none;
}


/* ====sign in page start==== */
.loginbx {
    /* float: left; */
    width: 100%;
    background: #fff;
    padding: 40px 35px;
    max-width: 600px;
    margin: 0 auto;
}

.loginbx h3 {
    text-align: center;
    color: #1E1E1E;
    font-size: 28px;
    font-weight: 500;
    margin: 0px 0px 30px 0px;
}

.logtextleft p {
    color: #000;
    text-decoration: none;
    margin: 0 0 0;
}

.logtextleft p a {
    color: var(--themeBlue);
    text-decoration: none;
}

.logtextleft p a:hover {
    color: var(--themeGreen);
    text-decoration: none;
}

.circleeffect:hover {
    background: var(--themeGreen);
}

.registrationcontainer .btn-primary {
    background: var(--themeGreen) !important;
    border-color: var(--themeGreen) !important;
    font-size: 14px;
    padding: 10px 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 30px;
    position: relative;
    overflow: hidden;
}

.registrationcontainer .btn-primary:hover {
    background: var(--themeGreen) !important;
    border-color: var(--themeGreen) !important;
}

.circleeffect:before {
    content: "";
    width: 124px;
    height: 124px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -62px;
    margin-left: -62px;
    display: none;
}

.circleeffect:hover:before {
    -webkit-animation: circleIn .4s linear;
    animation: circleIn .4s linear;
    display: block;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}

@keyframes circleIn {
    0% {
        transform: scale(0);
        opacity: .4;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

/*========
Check box start 
=========*/
.checkbox-group {
    position: relative;
    margin: 0;
    float: left;
    width: auto;
}

.checkbox-group input[type=checkbox] {
    display: none
}

.checkbox-group label {
    padding-left: 26px;
    cursor: pointer;
    color: #5e5e5e;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    line-height: 17px;
}

.checkbox-group label span {
    display: block;
    position: absolute;
    left: 0;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    transition-duration: .3s;
}

.checkbox-group label .box {
    background: #fff;
    height: 18px;
    width: 18px;
    z-index: 9;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transition-delay: .2s;
    border: 1px solid var(--themeBlue);
}

.checkbox-group label .check {
    top: 4px;
    left: 6px;
    width: 6px;
    height: 12px;
    border: 2px solid #fff;
    border-top: none;
    border-left: none;
    opacity: 0;
    z-index: 10;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s;
}

.checkbox-group input[type="checkbox"]:checked~label .box {
    background: var(--themeBlue);
    border: 1px solid var(--themeBlue);
}

.checkbox-group input[type=checkbox]:checked~label .check {
    opacity: 1;
    -webkit-transform: scale(1) rotate(45deg);
    -moz-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg);
}

/*========
Check box End 
=========*/
/* ====sign in page start==== */

/* =====cart page start====== */
.empty-cart {
    text-align: center;
    padding: 50px;
}

.chkoutbtn {
    background: linear-gradient(90deg, #29B8BC 0%, #79BE1E 100%);
    border: none !important;
    color: var(--themeWhite) !important;
    text-transform: uppercase;
    text-align: center;
    border-radius: 10px;
    font-family: Roboto;
    font-size: 16px;
    padding: 13px 20px;
    font-weight: 300;
    line-height: 1;
}

/* =====cart page start====== */

/* ====pagination start====== */
.pagination {
    float: right;
    width: 100%;
    margin-top: 25px;
    margin-bottom: 30px;
}

.pagination {
    float: none;
    margin: 0px;
    padding: 0px;
}

.pagination li {
    display: inline-block;
    vertical-align: top;
    list-style: none;
    background: none;
    color: #A4A4A4;
    font-size: 13px;
    font-weight: 400;
    padding: 0px;
    line-height: 34px;
    min-width: 34px;
    height: 34px;
    text-align: center;
    margin: 2px 1px 2px 1px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #E4E4E4;
}

.pagination li a {
    text-decoration: none;
    color: #202020;
    display: block;
}

.pagination li a:hover {
    color: #202020;
}

.pagination li.active,
.pagination li a.page-link:hover {
    color: var(--themeBlue);
    border-color: var(--themeBlue);
    box-shadow: none !important;
}

.pagination li.prev a {
    color: #2F2F2F;
    font-size: 14px;
    font-weight: 500;
    padding: 0px 10px;
}

.pagination li.prev a i {
    font-size: 18px;
}

.pagination li.next {
    border-color: #CFCFCF;
}

.pagination li.next a {
    color: #2F2F2F;
    font-size: 14px;
    font-weight: 500;
    padding: 0px 10px;
}

.pagination li.next a i {
    font-size: 18px;
}

.pagination li.dotted {
    border: none;
    min-width: 20px;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: transparent;
    border-color: transparent;
    height: auto;
    color: #000;
}

.pagination li .page-link {
    padding: 0;
    background: transparent;
    border: none;
    font-size: 13px;
}

.page-item:first-child .page-link {
    background: transparent;
}

.pagination .page-item.disabled .page-link {
    background: transparent;
}

/* ====pagination close====== */

/* ====listing page list view==== */
.listview .topSellingItem {
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: normal;
    flex-direction: row;
}

.catMain.listview .topSellingImg {
    width: 230px;
    height: 236px;
    min-height: 160px;
    margin-bottom: 0;
}

.catMain.listview .ratingBar {
    text-align: left;
}

.catMain.listview .topSellingContent {
    width: calc(100% - 260px);
}

.catMain.listview .topSellingItem .itemName {
    -webkit-line-clamp: 2;
    text-align: left;
}

.catMain.listview .topsellingPrice {
    justify-content: left;
}

.catMain.listview .quantitySelector {
    max-width: 220px;
}

.catMain.listview .topSellingItem .themeBTn {
    max-width: 160px;
    align-self: center;
}


/* ====contact page start==== */
.contactcontainer {
    padding: 60px 0px 80px 0px;
    background: #f8f8f8;
}

.ctformbox {
    display: block;
    padding: 0px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
}

.ctformbox .lblright {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ctformbox .lblright .lblrightinner {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    padding: 60px 40px;
}

.ctformbox .lblright .lblrightinner .innerbox {
    padding: 25px 0px 25px 0px;
}

.ctformbox .lblright .lgheading {
    display: block;
    line-height: 100%;
    text-align: left;
    color: #000;
    font-size: 32px;
    font-weight: 600;
    margin: 0px 0px 10px 0px;
}

.ctformbox .lblright .lgheading span {
    color: var(--themeBlue);
}

.ctformbox .lblright p {
    color: #212529;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    margin: 0px 0px 30px 0px;
}

.ctformbox .lblright .form-group {
    position: relative;
    margin: 0px 0px 25px 0px;
}

.ctformbox .lblright .form-group .form-control {
    background: #f8f8f8;
    border: 1px solid #dbdbdb;
    height: 52px;
    font-size: 15px;
    padding: 4px 15px 4px 25px;
    -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.08);
    border-radius: 0px;
    -webkit-border-radius: 0px;
}

.ctformbox .lblright .form-group textarea.form-control {
    height: 100px;
    padding-top: 11px;
}

.ctformbox .contact-us-form {
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 15px;
    padding: 12px 40px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    text-transform: uppercase;
    margin: 10px 0 0 0;
    background: var(--themeGreen);
    color: #fff;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.ctformbox .lboxcontent .lboxcontentinner {
    position: relative;
    z-index: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    padding: 60px 50px 50px 70px;
}

.ctformbox h1 {
    text-align: center;
    color: var(--themeBlue);
    font-size: 40px;
    font-weight: 900;
    margin: 0px 0px 15px 0px;
}

.ctformbox .coininfo {
    display: block;
    text-align: left;
    padding: 30px 0px 0px 0px;
}

.ctformbox .coininfo .cticon {
    display: table-cell;
    vertical-align: top;
    padding-right: 20px;
}

.ctformbox .coininfo .cticon i {
    float: left;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 1.4em;
    background: var(--themeGreen);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
}

.ctformbox .coininfo .cticontent {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.ctformbox .coininfo .cticontent h4 {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0px 0px 5px 0px;
}

.ctformbox .coininfo .cticontent p {
    color: #666;
    margin: 0px;
}

.ctformbox .coininfo .cticontent p a {
    color: #666;
    text-decoration: none;
}

/* ====contact page start==== */

.productDetailInfo .btn.themeBTn {
    margin-top: 30px;
}

.lSSlideOuter.vertical {
    padding-left: 0 !important;
}

#vertical {
    padding-left: 120px;
}


/* ====about page start==== */
.abut-sec {
    padding: 80px 0 50px;
}

.abut-sec p {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
}

.abut-sec p a,
.abut-sec ul li a {
    color: var(--themeBlue);
    text-decoration: none;
    transition: 0.5s;
}

.abut-sec p a:hover,
.abut-sec ul li a:hover {
    color: var(--themeGreen);
    transition: 0.5s;
}

.abut-sec h4 strong {
    display: inline-block;
    margin: 15px 0 8px;
    color: var(--themeBlue);
}

.abut-sec ul,
.abut-sec ol {
    padding-left: 15px;
    margin: 15px 0;
}

.abut-sec ol {
    padding-left: 30px;
}

.abut-sec ul li {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    padding-left: 15px;
    position: relative;
}

.abut-sec ol li {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    position: relative;
}

.abut-sec ul li::before {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    top: 10px;
    left: 0;
    background: var(--themeBlue);
    border-radius: 50%;
}

/* ====about page close==== */
.lS-prev,
.lS-next {
    background-color: #333;
    color: #fff;
    border: none;
    padding: 10px;
    cursor: pointer;
    z-index: 1000;
    position: absolute;
    right: -40px;
}

.lS-prev {
    top: 10px;
}

.lS-next {
    bottom: 10px;
}

/* ===cart page start==== */
.cart-sec {
    padding: 60px 0 80px;
}

.cart th {
    padding: 10px;
    background: #f7f7f7;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
}

.cart__row {
    position: relative;
}

.cart td {
    padding: 10px;
}

.list-view-item__title a {
    color: var(--themeBlue);
    text-decoration: none;
    font-size: 14px;
}

.cart__meta-text {
    color: #222222;
    font-size: 11px;
    font-style: italic;
    line-height: 1.6;
    padding: 5px 0;
}

.cart__qty .qtyinner {
    max-width: 100px;
    margin: 0px 0px 0px 0px;
    position: relative;
    float: left;
}

.cart__qty .qtyinner button {
    position: absolute;
    left: 1px;
    top: 1px;
    min-width: 38px;
    height: 38px;
    line-height: 36px;
    padding: 0px 0px 2px 0px;
    border: none;
    outline: none;
    background: none;
    border-color: #292929;
    color: #292929;
    font-size: 22px;
    width: auto;
}

.cart__qty .qtyinner .form-control {
    height: 38px;
    padding: 4px 20px;
    border: 1px solid #292929;
    text-align: center;
    background: #fff;
    color: #292929;
    font-size: 14px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.cart__qty .qtyinner button.plusbtn {
    left: auto;
    right: 1px;
    font-size: 18px;
}

.cart__footer .solid-border {
    border: 1px solid #e8e9eb;
    padding: 20px;
    margin-bottom: 20px;
}

.cart__shipping {
    font-style: italic;
    font-size: 13px;
    padding: 15px 0;
}

h2.fs-6 {
    margin-bottom: 8px;
}

.cuponinput input {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.cuponinput .btn {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 0;
    padding: 8px 20px 8px;
    background-color: var(--themeGreen);
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: normal;
    font-size: 13px;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.cart.style1 table {
    width: 100%;
}

/* ===cart page start==== */

/* ===check out page===== */
.card.card--grey {
    background-color: #fbfbfb;
}

.radio-custom .customRadio {
    display: inline-block;
    margin-right: 12px;
}

.customRadio input[type="radio"] {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    display: none;
}

.customRadio input[type="radio"]+label {
    position: relative;
    padding: 0 0 0 30px;
    cursor: pointer;
}

.customRadio input[type="radio"]+label:before {
    content: '';
    background: #ffffff;
    border: 1px solid #d0d0d0;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}

.customRadio input[type="radio"]+label:after {
    content: '';
    background: #333333;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 5px;
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transition: transform 0.3s linear, opacity 0.3s linear;
    transition: transform 0.3s linear, opacity 0.3s linear;
}

.customRadio input[type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.cart-col .form-group input,
select,
textarea {
    font-size: 13px;
    font-family: 'Poppins', Arial, Tahoma;
    background: #ffffff;
    border: 1px solid #d7d7d7;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    color: #424242;
    width: 100%;
    min-height: 42px;
}

.checkout-form .form-group {
    margin-bottom: 30px;
}

.radio-custom {
    margin-bottom: 20px;
}

.customCheckbox {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
}

.customCheckbox input[type="checkbox"] {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    display: none;
}

.customCheckbox input[type="checkbox"]+label {
    position: relative;
    padding: 0 0 0 30px;
    margin-bottom: 0;
    cursor: pointer;
}

.customCheckbox input[type="checkbox"]+label:before {
    content: '';
    background: #ffffff;
    border: 1px solid #d0d0d0;
    border-radius: 0;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 0;
    left: 0;
}

.customCheckbox input[type="checkbox"]+label:after {
    content: '';
    border-style: solid;
    border-width: 0 0 2px 2px;
    border-color: transparent transparent #333333 #333333;
    width: 12px;
    height: 7px;
    position: absolute;
    top: 5px;
    left: 5px;
    opacity: 0;
    -webkit-transform: scale(1) rotate(-45deg);
    transform: scale(1) rotate(-45deg);
    -webkit-transition: transform 0.3s linear, opacity 0.3s linear;
    transition: transform 0.3s linear, opacity 0.3s linear;
}

.customCheckbox input[type="checkbox"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1) rotate(-45deg);
    transform: scale(1) rotate(-45deg);
    color: #6d6d6d;
}

.responsiveList {
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto;
    margin-bottom: 10px;
}

.cart-list-product {
    border-bottom: 1px solid #ececec;
    overflow: hidden;
    padding: 14px 20px;
    position: relative;
}

.cart-list-product img {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ececec #ececec #dcdcdc;
    border-image: none;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px 1px 3px;
    box-shadow: 0 0 3px #ececec;
    float: left;
    height: 99px;
    margin: 0 15px 0 0;
    object-fit: scale-down;
    width: 82px;
}

.cart-list-product h5 {
    margin: 0;
    font-size: 14px;
    color: #000;
    margin: 6px 0;
}

.cart-list-product h5 a {
    text-decoration: none;
    color: var(--themeGreen);
}

.cart-list-product p {
    margin: 0;
    font-size: 13px;
    color: #000;
    margin: 0px 0;
}

p.offer-price.mb-0 {}

.chkoutbtn {
    background: linear-gradient(90deg, #29B8BC 0%, #79BE1E 100%);
    border: none !important;
    color: var(--themeWhite) !important;
    text-transform: uppercase;
    text-align: center;
    border-radius: 10px;
    font-family: Roboto;
    font-size: 16px;
    padding: 13px 20px;
    font-weight: 300;
    line-height: 1;
    width: 100%;
}

.breadcumbSec {
    padding: 60px 0px;
}

.checkout-form .card--grey .form-group .form-control,
.checkout-form .card--grey .form-group select {
    box-shadow: none !important;
    outline: none !important;
    border-radius: 4px;
}

.checkout-form .card--grey .form-group .form-control:focus,
.checkout-form .card--grey .form-group select:focus {
    border: 1px solid var(--themeGreen);
    transition: 0.5s;
}

/* ===check out page===== */


/* ===pop up start======= */
.modal-footer .btn.btn-primary {
    box-shadow: none !important;
    background: var(--themeGreen);
    border: none !important;
}

.modal-body .form-control {
    box-shadow: none !important;
}

.modal-body .form-control:focus,
.modal-body select:focus {
    border: 1px solid var(--themeGreen);
    transition: 0.5s;
    outline: none !important;
}

.modal-title {
    color: var(--themeBlue);
}

.swal2-title {
    font-size: 26px !important;
    font-family: 'Roboto' !important;
}

.swal2-styled.swal2-confirm {
    background: var(--themeGreen) !important;
    padding: 8px 30px !important;
}

.modal-body input,
.modal-body select {
    margin-top: 20px;
    border-radius: 4px !important;
}

/* ===pop up close======= */

/* ===address start====== */
.mngadrs.active {
    background: #dcffaf;
    border: 2px solid var(--themeGreen) !important;
}

.rghtlnk a {
    color: var(--themeGreen) !important;
}

#addAddrModal .btn-close {
    z-index: 9;
}

#addAddrModal .btn-close {
    position: absolute;
    right: -4px;
    top: -8px;
    width: 30px;
    height: 26px;
    line-height: 26px;
    opacity: 1;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.26);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.shipping-box h6 {
    margin-bottom: 10px;
}

/* ===address start====== */


/* ===place order start== */
.address-bbox {
    float: left;
    width: 100%;
    border: 1px solid #dcdcdc;
    border-radius: 1px;
    margin-top: 35px;
}

.head-adrs-box {
    float: left;
    width: 100%;
    padding: 15px;
    border-bottom: 1px solid #dcdcdc;
}

.head-adrs-box h4 {
    color: #000;
    font-size: 23px;
    font-weight: 500;
    margin: 0px;
    float: left;
    width: auto;
}

.adrsinfoo {
    color: #54585a;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    padding: 5px 20px;
}

.adrsinfoo strong {
    float: left;
    width: 120px;
    /* border-right: 1px solid #dcdcdc; */
    color: #454545;
    font-weight: 500;
}

.adrsinfoo span {
    overflow: hidden;
    display: block;
    word-wrap: break-word;
    padding-left: 15px;
    position: relative;
}

.adrsinfoo span em {
    margin-right: 10px;
}

.payment-method {
    float: left;
    width: 100%;
    border: 1px solid #dcdcdc;
    padding: 20px;
    margin-top: 35px;
    border-radius: 1px;
}

.order-table td a {
    text-decoration: none;
    color: var(--themeBlue);
}

/* ===place order start== */

/* ===top selling add to cart=== */
.qtyinner {
    position: relative;
}

.subbtns,
.plusbtn {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
    background: var(--themeGreen);
    width: 42px;
    height: 42px;
    display: grid;
    place-content: center;
    border: none !important;
    color: #fff;
    font-size: 36px;
    z-index: 1;
}

.plusbtn {
    left: inherit;
    right: 0;
    font-size: 20px;
}

.qtyinner .form-control {
    background: var(--bodyColor);
    border-radius: 10px;
    min-height: 42px;
    padding: 0 50px;
    text-align: center;
}

.head-adrs-box a {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    background: var(--themeBlue);
    float: right;
    padding: 6px 10px 4px 10px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

.cartCheckout.btn-lg {
    background: linear-gradient(90deg, #29B8BC 0%, #79BE1E 100%);
    border: none !important;
    color: var(--themeWhite) !important;
    text-transform: uppercase;
    text-align: center;
    border-radius: 10px;
    font-family: Roboto;
    font-size: 16px;
    padding: 13px 20px;
    font-weight: 300;
    line-height: 1;
}

.checkout-scard .card-icon {
    color: var(--themeBlue);
    font-size: 90px;
    line-height: 90px;
    margin: 0 0 10px;
}

.checkout-scard .card-title {
    font-size: 30px;
    margin-bottom: 15px;
}

.checkout-scard .text-order {
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 400;
}

.checkout-scard .text-order.badge {
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 400;
    position: relative;
    width: auto;
    height: auto;
    border-radius: 4px;
    display: inline-block;
    background-color: var(--themeBlue) !important;
}

.continuebtn {
    border: 1px solid var(--themeGreen) !important;
    color: var(--themeGreen);
    margin-right: 0 !important;
    transition: 0.5s;
}

.continuebtn:hover {
    background: var(--themeGreen);
    color: var(--themeWhite);
    transition: 0.5s;
}

.rightprofile .badge {
    position: relative;
    padding: 8px 0;
    height: 30px;
    top: 0;
}

.rightprofile .backbtn {
    color: var(--themeGreen);
    margin-bottom: 10px;
    display: inline-block;
}

.rightprofile .text-start a {
    background: var(--themeGreen);
    color: var(--themeWhite);
    display: inline-block;
    padding: 8px 20px;
    border-radius: 4px;
    margin-top: 10px;
}

/* autocompete */
.autocomplete-dropdown {
    position: absolute;
    background-color: white;
    border: 1px solid #ccc;
    z-index: 1000;
    max-height: 200px;
    overflow-y: auto;
    width: 100%;
}

.autocomplete-item {
    padding: 10px;
    cursor: pointer;
}

.autocomplete-item:hover {
    background-color: #f0f0f0;
}

/* Style the suggestion dropdown container */
.dropdown-container {
    position: absolute;
    width: 100%;
    /* Match the width of the input */
    max-height: 200px;
    overflow-y: auto;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    z-index: 1000;
    margin-top: 5px;
}

/* Style individual suggestion items */
.suggestion-item {
    padding: 8px 10px;
    cursor: pointer;
}

.suggestion-item:hover {
    background-color: #f1f1f1;
}

/* ==06.01.24== */
a#cartCheckoutback {
    width: auto;
}

/* ==06.01.24== */

.locationmodal .modal-dialog{border-radius: 0px;}
.locationmodal .modal-dialog .modal-content{border-radius: 10px; border: none;}
.locationmodal .modal-dialog .btn-close{position: absolute; right: -10px; top: -10px; background-color: #fff; border-radius: 8px; opacity: 1; width: 30px; height: 30px; padding: 0px 0px 0px 2px; box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.22);}
.locationmodal .modal-dialog .modal-body{padding: 60px 40px;}
.locationmodal .modal-dialog .modal-body .modal-title{font-size: 28px; text-align: center; margin: 0px 0px 10px 0px;}
.locationmodal .modal-dialog .modal-body p{font-size: 14px; line-height: 22px; text-align: center; margin: 0px 0px 10px 0px;}
.locationmodal .modal-dialog .modal-body .form-control, .locationmodal .modal-dialog .modal-body .form-select{background-color: var(--themeWhite); border-radius: 60px !important; min-height: 50px; border: 1px solid #fff; padding-left: 24px; box-shadow: 0px 0px 6px 2px rgba(199, 199, 199, 0.50) !important; max-width: 430px;}
.locationmodal .modal-dialog .modal-body .btn-primary{background: var(--themeGreen); border-color: var(--themeGreen); color: var(--themeWhite); border-radius: 60px; width: 100%; font-size: 18px; padding: 8px 20px; text-align: center;}
.locationmodal .modal-dialog .modal-body .btn-primary:hover{border-color: var(--themeBlue); background: var(--themeBlue);}
.locationmodal .modal-dialog .modal-body .btn-primary:focus{border-color: var(--themeBlue); background: var(--themeBlue);}
.locationmodal .modal-dialog .modal-body .btn-primary:focus:hover{border-color: var(--themeBlue); background: var(--themeBlue);}

.ui-autocomplete{box-shadow: 0px 0px 6px 2px rgba(199, 199, 199, 0.50); border-radius: 5px; padding: 15px 0px !important; overflow-y: auto !important; overflow-x: hidden !important; border: none !important;}
.ui-menu .ui-menu-item-wrapper{padding: 5px 15px !important; font-size: 14px;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{background: var(--themeBlue) !important; color: var(--themeWhite) !important; border: none !important;}
.ui-autocomplete::-webkit-scrollbar{width: 6px;}
.ui-autocomplete::-webkit-scrollbar-track{background: #f1f1f1;}
.ui-autocomplete::-webkit-scrollbar-thumb{background-color: var(--themeGreen);border-radius: 10px;}
.ui-autocomplete::-webkit-scrollbar-thumb:hover{background-color: var(--themeGreen);}

.downloadSec + .footerSec{padding-top: 50px;}

.topsellingSlider.owl-carousel .owl-stage{display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.topsellingSlider.owl-carousel .owl-item{display: -webkit-flex; display: -ms-flexbox; display: flex;}
.topSellingItem{height: 100%; margin: 0px; display: flex; flex-direction: column;  justify-content: space-between;}
.topSellingItem .topSellingContent{flex: 1;}

.bannerSlider h1{background: rgba(255, 255, 255, 0.62); display: inline-flex; padding: 10px 50px 10px 20px; clip-path: polygon(0 0, 100% 0%, 92% 100%, 0% 100%); -webkit-clip-path: polygon(0 0, 100% 0%, 92% 100%, 0% 100%);}


.topSelling .owl-nav{top: -62px;}
.sectionTitle h2{margin-bottom: 20px;}
.featuredSec .sectionTitle h2{margin-bottom: 5px;}
.owl-carousel .owl-nav button.owl-next img, .owl-carousel .owl-nav button.owl-prev img{max-width: 50px; max-height: 50px;}
.featuredSec{padding: 45px 0;}
section.freshsec{margin: 30px 0px 50px 0px;}
.freshveg{padding: 10px 0px 40px 0px;}
.customerReview{padding-bottom: 40px;}
.topSellingItem{width: 100%;}
.lSSlideOuter.vertical .lSAction>.lSNext{background-position: 31px -31px !important;}
.lSSlideOuter.vertical .lSAction>.lSPrev{background-position: 31px -31px !important;}