@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Kalam:wght@300;400;700&display=swap);

a:focus,
a:hover,
body {
    color: #393939
}

h2,
h5,
p {
    color: var(--headingColor)
}

.theme-btn-1 span,
h1 {
    text-transform: uppercase
}

.theme-btn-1::after,
.theme-btn-1::before {
    position: absolute;
    background: var(--themeColor);
    inset: 0
}

.menuSec ul li a,
a,
a:focus,
a:hover {
    text-decoration: none
}

.menuSec ul li,
.menuSec ul li a,
a {
    display: inline-block
}

.centerCol,
.menuSec li:hover li {
    float: none
}

.review-sec,
body,
html {
    overflow-x: hidden
}

.menuSec ul:after,
.rate {
    clear: both
}

body {
    word-break: break-word;
    background-color: var(--themeColor2);
    font: 15px/25px Inter, sans-serif
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: 600;
    font-family: Kalam;
    margin: 0
}

:root {
    --black: #000;
    --white: #fff;
    --textColor: #232323;
    --themeColor: #90101f;
    --themeColor2: #f6f1eb;
    --themeColor3: #b40000;
    --headingColor: #020202;
    --headingColor2: #0d0d0d
}

a {
    white-space: initial;
    color: var(--textColor)
}

a:hover {
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out
}

input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus,
select:focus,
textarea:focus {
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    outline: 0
}

input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

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

select {
    background: url('../images/arrow.png') right no-repeat #fff;
    padding: 0 40px 0 30px
}

.menuSec,
.noPadding,
ul {
    padding: 0
}

::-webkit-input-placeholder {
    color: #000
}

::-moz-placeholder {
    color: #000;
    opacity: 1
}

:-ms-input-placeholder {
    color: #000
}

:-moz-placeholder {
    color: #000;
    opacity: 1
}

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

img {
    max-width: 100%
}

@font-face {
    font-family: 'Fonts Awesome';
    src: url(../fonts/fontawesome-webfont.eot);
    src: url(../fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff) format("woff"), url(../fonts/fontawesome-webfont.ttf) format("truetype"), url(../fonts/fontawesome-webfont.svg#fontawesome-webfont) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Fonts Awesome';
    src: url(../fonts/fontawesome-webfont.eot)
}

.noLeft {
    padding-left: 0
}

.noRight {
    padding-right: 0
}

.mt-5 {
    margin-top: 50px
}

.mb-5 {
    margin-bottom: 50px
}

.mt-8 {
    margin-top: 80px
}

.mt-4 {
    margin-top: 40px
}

.mt-3 {
    margin-top: 30px
}

.mt-2,
.social-icon-detail {
    margin-top: 20px
}

.pt-5 {
    padding-top: 50px
}

.pb-1 {
    padding-bottom: 10px
}

.pb-2 {
    padding-bottom: 20px
}

.pb-3 {
    padding-bottom: 30px
}

.pb-4 {
    padding-bottom: 40px
}

.pb-8 {
    padding-bottom: 80px
}

.m-0 {
    margin: 0 !important
}

.p-0 {
    padding: 0 !important
}

.pt-8 {
    padding-top: 80px
}

.pt-4 {
    padding-top: 40px
}

.billing-input.payment-method-select,
.pt-3 {
    padding-top: 30px
}

.pt-2 {
    padding-top: 20px
}

.all-section,
.shopping_cart {
    padding: 100px 0
}

.centerCol {
    margin: 0 auto
}

.d-flex,
.functionality-box ul,
.shopping_cart_table table tbody .cart_box_product {
    display: flex;
    align-items: center
}

.over-flow-h {
    overflow: hidden
}

.flexRow {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center
}

.flexCol {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    align-items: center
}

h1 {
    font-size: 80px;
    color: var(--headingColor2)
}

h2 {
    font-size: 50px
}

.menuSec ul li a,
h3,
h4 {
    color: var(--headingColor2)
}

h3 {
    font-size: 35px
}

h4 {
    font-size: 24px
}

h5 {
    font-size: 16px
}

h6,
p {
    font-size: 14px
}

.folllowBox p,
.menuSec ul li a,
h6,
p {
    font-weight: 500
}

h6 {
    margin: 0;
    font-family: Inter;
    color: var(--themeColor)
}

p {
    margin: 0;
    letter-spacing: 0;
    font-family: Inter
}

.section-heading {
    text-align: center;
    margin-bottom: 25px
}

.section-heading p {
    width: 80%;
    margin: auto;
    max-width: 950px
}

.add-padding {
    width: 100%;
    margin: 0 auto;
    max-width: 1500px
}

.theme-btn-1 {
    gap: 12px;
    border: none;
    padding: 4px;
    display: flex;
    cursor: pointer;
    position: relative;
    border-radius: 8px;
    width: fit-content;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    background-color: transparent
}

.theme-btn-1 span {
    display: block;
    font-weight: 500;
    padding: 13px 25px;
    border-radius: 7px;
    color: var(--white);
    background-color: #000
}

.theme-btn-1::before {
    top: 0;
    left: 0;
    content: '';
    margin: auto;
    z-index: -10;
    border-radius: 10px;
    pointer-events: none;
    transition: .6s cubic-bezier(.175, .885, .32, 1.275)
}

.theme-btn-1::after {
    content: "";
    z-index: -1;
    filter: blur(10px);
    transform: translate3d(0, 0, 0) scale(.95)
}

.theme-btn-1:hover::after {
    filter: blur(30px)
}

.theme-btn-1:hover::before {
    transform: rotate(-180deg)
}

.theme-btn-1:active::before {
    scale: 0.7
}

.loader {
    inset: 0;
    width: 100%;
    display: flex;
    z-index: 9999;
    height: 100vh;
    position: fixed;
    align-items: center;
    background: var(--white);
    justify-content: center;
    backdrop-filter: blur(3px)
}

.pan,
.panWrapper {
    height: fit-content;
    display: flex
}

.loader.hide {
    opacity: 0;
    visibility: hidden;
    transition: .5s
}

.panWrapper {
    width: 200px;
    position: relative;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
    gap: 20px
}

.pan {
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    animation: 1.7s infinite cooking
}

@keyframes cooking {
    0% {
        transform: rotate(0);
        transform-origin: top right
    }

    10% {
        transform: rotate(-4deg);
        transform-origin: top right
    }

    50% {
        transform: rotate(20deg)
    }

    100% {
        transform: rotate(0)
    }
}

.food {
    position: absolute;
    width: 40%;
    height: 6px;
    background: linear-gradient(to bottom, #522121, #c86a6a);
    left: 10px;
    border-radius: 50%;
    animation: 1.7s infinite flip;
    z-index: 2
}

@keyframes flip {
    0% {
        transform: translateY(0) rotate(0)
    }

    50% {
        transform: translateY(-100px) rotate(180deg)
    }

    100% {
        transform: translateY(0) rotate(360deg)
    }
}

.panBase {
    z-index: 3;
    width: 50%;
    height: 22px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    background: linear-gradient(to top, var(--themeColor), var(--themeColor3))
}

.panHandle {
    width: 40%;
    background: linear-gradient(to bottom, #121212, #4a4a4a);
    height: 10px;
    border-radius: 10px
}

.panShadow {
    width: 70px;
    height: 8px;
    background-color: rgba(0, 0, 0, .21);
    margin-left: 15px;
    border-radius: 10px;
    animation: 1.7s infinite shadow;
    filter: blur(5px)
}

@keyframes shadow {

    0%,
    100% {
        transform: scaleX(.7)
    }

    50% {
        transform: scaleX(1)
    }
}

.menuSec img {
    margin: 0
}

.menuSec ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    position: relative;
    text-align: center;
    align-items: center;
    text-transform: capitalize;
    justify-content: space-evenly
}

.menuSec ul li {
    margin: 0;
    padding: 0;
    position: relative
}

.menuSec li ul,
.menuSec li>ul>li>a:after,
.menuSec li>ul>li>a:before {
    display: none
}

.menuSec ul li a {
    z-index: 1;
    font-size: 17px;
    padding: 15px 20px;
    position: relative;
    font-family: Inter
}

.menuSec ul li a:hover::before {
    width: 100%;
    transition: .5s ease-in
}

.menuSec ul li a::before {
    left: 0;
    right: 0;
    width: 0%;
    bottom: 0;
    height: 1px;
    z-index: -1;
    content: '';
    margin: auto;
    border-radius: 5px;
    position: absolute;
    transition: .5s ease-in-out;
    background-color: var(--headingColor)
}

.menuSec ul li a.active,
.menuSec ul li a:hover {
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    color: var(--black)
}

.menuSec li:hover>ul {
    display: block;
    position: absolute;
    z-index: 1000;
    background-color: #0000007a;
    left: 0;
    width: 230px;
    backdrop-filter: blur(3px);
    text-align: left;
    top: 38px
}

.menuSec li>ul>li>a {
    border: none;
    font-size: 14px;
    font-weight: 600;
    overflow: hidden;
    line-height: 20px;
    color: var(--white) !important;
    padding: 13px 20px !important
}

.menuSec li>ul>li,
.menuSec li>ul>li>a {
    display: block;
    margin: 0
}

.menuSec li ul li a:hover {
    color: var(--themeColor) !important;
    background-color: var(--white)
}

.menuSec ul:after,
.menuSec ul:before {
    content: " ";
    display: none
}

.menuSec li>ul>li:hover>ul {
    left: 230px;
    top: 0;
    width: 270px
}

.topSec {
    padding: 10px 0;
    background-color: var(--headingColor2)
}

.header-btn ul li a,
.menuSection {
    background-color: var(--themeColor2)
}

.menuSection {
    padding: 15px 0
}

.header-btn {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.header-btn ul,
.top-bar-right ul {
    gap: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.header-btn ul li a {
    width: 45px;
    height: 45px
}

.top-bar-right ul li a {
    transition: .5s ease-in-out;
    color: var(--themeColor2)
}

.reviw-box:hover *,
.reviw-box:hover i.fa-quote-left,
.top-bar-right ul li a:hover {
    color: var(--white);
    transition: .5s ease-in
}

.top-bar-left ul {
    gap: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start
}

.top-bar-left ul li a {
    font-size: 12px;
    color: var(--white);
    transition: .5s ease-in-out
}

.top-bar-left ul li a i {
    top: 0;
    font-size: 16px;
    margin-right: 3px;
    position: relative;
    transition: .5s ease-in-out;
    color: var(--themeColor)
}

.top-bar-left ul li a:hover i {
    top: -5px;
    transition: .5s ease-in-out
}

.header-logo {
    width: fit-content;
    height: 100px
}

.header-logo a,
.header-logo a img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.header-right-box ul {
    gap: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.header-right-box ul li a,
.header-right-box ul li button {
    width: 45px;
    height: 45px;
    display: flex;
    border: none;
    border-radius: 50%;
    color: var(--white);
    align-items: center;
    transition: .5s ease-in;
    justify-content: center;
    background-color: var(--themeColor)
}

.shopping_cart_table table tbody td,
.shopping_cart_table table thead {
    border-bottom: 1px solid var(--headingColor)
}

.header-right-box ul li a:hover,
.header-right-box ul li button:hover {
    transition: .5s ease-in-out;
    background-color: var(--headingColor2)
}

.search-box form {
    gap: 10px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.search-popup {
    position: fixed;
    inset: 0;
    display: none;
    background: rgba(0, 0, 0, .2);
    backdrop-filter: blur(2px);
    justify-content: center;
    align-items: center;
    z-index: 1000
}

.close-btn,
.search-box {
    display: flex;
    align-items: center
}

.search-box {
    gap: 10px;
    width: 90%;
    max-width: 500px;
    padding: 20px 30px;
    position: relative;
    border-radius: 10px;
    background: var(--white);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .4)
}

.search-input {
    flex: 1;
    width: 100%;
    outline: 0;
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 6px;
    border: 1px solid #ccc
}

.search-btn {
    border: none;
    cursor: pointer;
    color: var(--white);
    transition: .3s;
    border-radius: 6px;
    padding: 10px 20px;
    background: var(--headingColor)
}

.search-btn:hover {
    background: var(--headingColor2)
}

.close-btn {
    position: absolute;
    top: -9px;
    right: -9px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    font-size: 14px;
    border-radius: 50%;
    justify-content: center;
    background: var(--white);
    color: var(--headingColor2);
    box-shadow: 0 0 22px 0 rgba(0, 0, 0, .12)
}

.folllowBox,
.folllowBox i {
    display: flex;
    align-items: center
}

.banner {
    position: relative;
    padding: 80px 0 0
}

.banner-sec::before {
    top: 0;
    left: 0;
    content: '';
    width: 100px;
    height: 300px;
    position: absolute;
    background-image: url(../images/vec2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.bannerTwo {
    position: relative;
    padding: 80px 0
}

.folllowBox {
    position: absolute;
    right: 0;
    bottom: 0;
    gap: 10px
}

.about-img,
.banner .banner_right_wrpr,
.bannerTwo .banner_right_wrpr,
.nestletter form,
.videoSec {
    position: relative
}

.followLine {
    height: 1px;
    width: 100px;
    border-top: .5px solid;
    margin-right: 15px
}

.folllowBox p {
    font-size: 15px;
    color: #000;
    margin-bottom: 0
}

.folllowBox i {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    border: 1px solid;
    color: #000;
    justify-content: center;
    font-size: 20px
}

.folllowBox i:hover {
    color: #fff;
    background: #df00bd
}

.banner .row,
.menu-sec .row,
.product-detail .row {
    align-items: center
}

.banner_textt h1 span {
    display: block;
    font-size: 100px;
    color: var(--themeColor)
}

.banner .banner_textt>p {
    width: 90%;
    max-width: 600px;
    margin-bottom: 20px
}

.banner_left_imgs {
    gap: 20px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    align-items: center
}

.bannerTwo .banner_txt>.banner_left_imgs {
    display: flex;
    align-items: center;
    gap: 20px
}

.banner .banner_textt>.banner_left_imgs>img {
    width: 220px;
    height: 160px;
    object-fit: cover;
    border-radius: 100px;
    transition: .3s ease-in-out;
    border: 3px solid var(--themeColor)
}

.banner .banner_right_wrpr>.vid,
.bannerTwo .banner_right_wrpr>.vid,
.banner_right_wrpr>.videoes {
    height: 700px;
    border-radius: 260px 260px 0 0;
    width: 100%
}

.banner .banner_textt>.banner_left_imgs>img:hover {
    border-radius: 15px;
    transition: .5s ease-in
}

.bannerTwo .banner_right_wrpr>.vid {
    background: #00000042;
    padding: 5px 0 0 20px
}

.banner_right_wrpr>.videoes {
    background: #e700be59;
    padding: 5px 20px 0 1px
}

.banner .banner_right_wrpr>.vid {
    padding: 20px;
    border: 2px solid var(--themeColor)
}

.banner .banner_right_wrpr>.vid>video,
.bannerTwo .banner_right_wrpr>.vid>video,
.videoes>video {
    width: 100%;
    height: 100%;
    border-radius: 260px 260px 0 0;
    object-fit: cover;
    object-position: top
}

.bannerTwo .banner_right_wrpr>a.play-btn {
    position: absolute;
    top: 87px;
    right: -110px
}

.banner .banner_right_wrpr>a.play-btn {
    position: absolute;
    left: -50px;
    top: 0
}

.bannerTwo .banner_right_wrpr>a.play-btn>i {
    position: absolute;
    right: 39%;
    top: 38%;
    background: url(../images/seconBtn.png);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 30px;
    color: #f0f8ff0f;
    z-index: 2
}

.banner .banner_right_wrpr>a.play-btn>i {
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 140px;
    display: flex;
    height: 140px;
    font-size: 30px;
    position: absolute;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    color: var(--themeColor);
    background: var(--white);
    transform: translate(-50%, -50%)
}

.banner .banner_right_wrpr>a.play-btn>img,
.bannerTwo .banner_right_wrpr>a.play-btn>img {
    animation: 10s linear infinite abc
}

.bannerTwo>img {
    left: 0;
    top: 30px;
    position: absolute;
    width: 100%;
    height: 600px;
    z-index: -1
}

.videoSec {
    margin-top: 100px;
    margin-bottom: 100px
}

.banner_txt p {
    text-align: end;
    float: right;
    color: #fff;
    font-weight: 200;
    font-size: 22px
}

.secondBannerBtn {
    float: right;
    background: #ffffff00;
    color: #fff;
    display: flex;
    padding: 5px 5px 5px 20px;
    border-radius: 50px;
    align-items: baseline;
    gap: 15px;
    margin-bottom: 50px
}

.secondBannerBtn i {
    background-color: var(--white);
    width: 40px;
    height: 40px;
    padding-top: 14px;
    color: gray;
    text-align: center;
    border-radius: 25px;
    margin-left: 10px;
    clip-path: polygon(0 50%, 10% 19%, 36% 0, 63% 0, 89% 18%, 100% 50%, 100% 50%, 89% 83%, 68% 100%, 35% 100%, 10% 83%, 0 50%)
}

@keyframes abc {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(-360deg)
    }
}

.banner .banner_right_wrpr>span {
    top: 0;
    left: 50%;
    display: block;
    position: absolute;
    border-radius: 50%;
    transform: translate(-50%, -50%)
}

.banner .banner_right_wrpr>span>img {
    animation: 3s cubic-bezier(.075, .82, .165, 1) infinite rotate;
    filter: brightness(0) saturate(100%) invert(15%) sepia(52%) saturate(4382%) hue-rotate(339deg) brightness(85%) contrast(103%)
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(180deg) scale(.8)
    }

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

.category-sec {
    padding: 100px 0 0
}

.category-slider h2,
.how-it-work-txt {
    text-align: center;
    margin-bottom: 40px
}

.category-slider-item {
    width: 100%;
    padding: 0;
    height: 300px;
    margin: 20px 0;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
    transition: .5s ease-in;
    background-color: #ececec
}

.category-slider-item:hover {
    transition: .5s ease-in-out;
    background-color: #fff;
    box-shadow: 0 11px 14px 0 rgba(55, 100, 122, .18)
}

.reviw-box,
.why-choose-box:hover {
    box-shadow: 0 6px 18px 0 rgba(0, 0, 0, .08)
}

.category-slider-item:hover h4 {
    color: #fff;
    transition: .5s ease-in-out;
    background-color: var(--themeColor)
}

.category-slider-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.category-slider-item h4 {
    left: 0;
    right: 0;
    width: 90%;
    bottom: 15px;
    margin: 20px auto auto;
    font-size: 16px;
    position: absolute;
    text-align: center;
    padding: 15px 10px;
    border-radius: 3px;
    transition: .5s ease-in;
    background-color: #fff;
    text-transform: uppercase
}

.gallery-img-big-text h2,
.why-choose-box h4 {
    text-transform: capitalize
}

.categorySlider .slick-slide {
    opacity: 1;
    margin: 0 10px
}

.categorySlider .slick-next {
    width: 70px;
    right: -90px;
    height: 50px;
    display: flex;
    align-items: center;
    border-radius: 100px;
    transition: ease-in-out;
    justify-content: center;
    border: 1px solid var(--themeColor)
}

.categorySlider .slick-prev {
    width: 70px;
    left: -90px;
    height: 50px;
    display: flex;
    align-items: center;
    border-radius: 100px;
    transition: .5s ease-in-out;
    justify-content: center;
    border: 1px solid var(--themeColor)
}

.categorySlider .slick-next:hover,
.categorySlider .slick-prev:hover,
.reviw-box:hover {
    transition: .5s ease-in;
    background-color: var(--themeColor)
}

.categorySlider .slick-prev:before,
.meun-slider-btn button,
.reviw-box,
.reviw-box i.fa-quote-left,
.reviw-box ul li h5,
.reviw-box ul li h6,
.reviw-box ul li i,
.reviw-box-text,
.why-choose-box {
    transition: .5s ease-in-out
}

.categorySlider .slick-next:hover::before,
.categorySlider .slick-prev:hover::before {
    color: var(--white);
    transition: .5s ease-in;
    transform: rotate(0)
}

.categorySlider .slick-next:before {
    content: '\f061';
    font-size: 16px;
    color: var(--themeColor);
    transition: .5s ease-in-out;
    transform: rotate(-45deg);
    font-family: FontAwesome
}

.categorySlider .slick-prev:before {
    content: '\f060';
    font-size: 16px;
    color: var(--themeColor);
    transform: rotate(-45deg);
    font-family: FontAwesome
}

.about-sec,
.coming-soon,
.why-choose-sec,
section.account-sec,
section.contact-pg,
section.sponser-main-pg {
    padding: 100px 0
}

.about-text h5 {
    font-size: 21px
}

.about-text h5 span {
    font-size: 20px;
    color: var(--themeColor)
}

.about-text h2 span,
.product-tab .nav-tabs .nav-link.active {
    color: var(--themeColor)
}

.about-text h2,
.about-text p {
    margin-bottom: 20px
}

.about-text ul {
    row-gap: 15px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    margin-bottom: 35px;
    align-items: center;
    justify-content: flex-start
}

.about-text ul li {
    gap: 10px;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.about-text ul li i {
    width: 25px;
    height: 25px;
    display: flex;
    font-size: 12px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: var(--themeColor)
}

.about-text ul li h6 {
    font-size: 16px;
    font-weight: 600
}

.about-img {
    height: 550px;
    min-height: 100%
}

.about-img .wrap {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.about-img-text {
    top: 0;
    right: 0;
    width: 200px;
    height: 150px;
    position: absolute
}

.about-img .circle {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: var(--themeColor);
    animation: 4s linear infinite morph;
    border-radius: 50% 100% 51% 60%/79% 100% 60% 50%
}

.about-img .circle img,
.gallery-img img,
.gallery-img-big img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@keyframes morph {

    0%,
    100% {
        border-radius: 40% 60% 70% 30%/40% 40% 60% 50%
    }

    34% {
        border-radius: 70% 30% 50% 50%/30% 30% 70% 70%
    }

    67% {
        border-radius: 100% 60% 60% 100%/100% 100% 60% 60%
    }
}

.about-img .blob {
    top: -130px;
    width: 380px;
    right: -50px;
    height: 330px;
    opacity: .95;
    position: absolute
}

.about-img .blob path {
    animation: 7s linear infinite blob, 53s linear infinite rot
}

@keyframes blob {

    0%,
    100% {
        d: path("M120,-157.6C152.7,-141.5,174.3,-102.6,194.8,-58.8C215.3,-14.9,234.6,33.8,228.4,80.8C222.2,127.8,190.4,173.1,148.1,184C105.8,195,52.9,171.5,-2.4,174.8C-57.8,178.2,-115.6,208.4,-137.5,190.9C-159.3,173.3,-145.3,108,-153,56.3C-160.7,4.6,-190.2,-33.4,-178.3,-54.2C-166.4,-75.1,-113.2,-78.8,-76.6,-93.6C-40,-108.3,-20,-134.2,11.9,-150.5C43.7,-166.8,87.4,-173.6,120,-157.6Z")
    }

    25% {
        d: path("M67.8,-97.1C87.8,-78.8,103.8,-58.9,117.4,-34.1C130.9,-9.4,142,20.2,139.5,50.7C137,81.2,120.8,112.6,95.3,150.1C69.8,187.7,34.9,231.3,3.3,226.8C-28.2,222.2,-56.4,169.3,-91.6,134.9C-126.8,100.5,-169,84.6,-179.6,57.1C-190.2,29.7,-169.3,-9.3,-155.2,-49.7C-141,-90.1,-133.7,-132,-109,-148.8C-84.2,-165.6,-42.1,-157.3,-9.1,-144.8C23.9,-132.2,47.8,-115.5,67.8,-97.1Z")
    }

    50% {
        d: path("M137.1,-191.3C172,-163.4,190.6,-115.7,197.2,-70.1C203.8,-24.4,198.5,19.2,178.9,51.5C159.3,83.9,125.5,105,93.3,129.6C61.1,154.1,30.6,182.1,1.1,180.6C-28.4,179.1,-56.8,148.2,-81.2,121.1C-105.6,94.1,-126.1,70.8,-141.6,41.6C-157.2,12.4,-168,-22.9,-153.9,-45C-139.8,-67,-100.7,-76,-70.9,-105.5C-41.1,-135,-20.6,-185,15.3,-206C51.1,-227.1,102.3,-219.1,137.1,-191.3Z")
    }

    75% {
        d: path("M123.7,-157.1C162.4,-142.2,197.2,-108.8,202.8,-70.8C208.3,-32.9,184.5,9.7,169,54.2C153.6,98.7,146.4,145.2,119.7,162.7C92.9,180.2,46.4,168.6,-1.9,171.1C-50.2,173.7,-100.3,190.4,-122.2,171.3C-144.1,152.3,-137.7,97.5,-144.1,52.7C-150.6,7.9,-169.9,-26.8,-170.5,-64.8C-171,-102.8,-152.8,-144,-121.3,-161.3C-89.7,-178.5,-44.9,-171.8,-1.2,-170.1C42.5,-168.5,85,-172,123.7,-157.1Z")
    }
}

@keyframes rot {
    fom {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.about-img-text p {
    z-index: 1;
    width: 120px;
    position: relative;
    color: var(--white);
    text-align: center
}

.about-img-text .video-btn {
    bottom: 0;
    z-index: 2;
    width: 50px;
    height: 50px;
    display: flex;
    border-radius: 50%;
    color: var(--white);
    position: absolute;
    align-items: center;
    justify-content: center;
    background-color: var(--black)
}

.review-sec .section-heading h2,
.why-choose-sec .section-heading h2 {
    font-size: 55px;
    text-transform: capitalize
}

.why-choose-box {
    min-height: 100%;
    padding: 40px 50px;
    text-align: center;
    border-radius: 20px;
    background-color: var(--themeColor2)
}

.why-choose-box:hover {
    transition: .5s ease-in;
    background-color: var(--white)
}

.menu-text::before,
.why-choose-box-icon {
    border-radius: 50%;
    background-color: var(--themeColor)
}

.why-choose-box-icon {
    width: 110px;
    height: 110px;
    display: flex;
    align-items: center;
    margin: 0 auto 30px;
    justify-content: center
}

.why-choose-box-icon img {
    width: 60px;
    height: 60px;
    object-fit: contain
}

.why-choose-box-icon i {
    font-size: 50px;
    color: var(--white)
}

.why-choose-box h4 {
    font-size: 22px;
    font-weight: 700;
    min-height: 20px;
    margin-bottom: 15px
}

.review-sec {
    padding: 0 0 100px
}

.reviw-box {
    padding: 40px 30px;
    border-radius: 15px;
    background-color: #fff
}

.reviw-box i.fa-quote-left {
    font-size: 50px;
    color: var(--themeColor)
}

.reviw-box ul {
    gap: 15px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.reviw-box ul li i {
    left: 13px;
    color: #ffd000;
    margin-left: -13px;
    position: relative
}

.reviw-box ul li img {
    width: 65px;
    height: 65px;
    object-fit: cover;
    border-radius: 50%
}

.reviw-box-text {
    margin: 20px 0
}

.reviw-box ul li h5 {
    font-size: 20px
}

.reviw-box ul li h6 {
    font-size: 18px;
    color: var(--themeColor)
}

.payment_card form,
.reviwSlider .slick-slide.slick-current.slick-active.slick-center {
    margin-top: 15px
}

.reviwSlider .slick-slide {
    opacity: 0;
    margin: 85px 10px 10px
}

.reviwSlider .slick-slide.slick-active {
    opacity: 1
}

.menuSlide .slick-list,
.reviwSlider .slick-list {
    overflow: visible
}

.gallery-sec {
    padding: 80px 0 100px
}

.custom-sapce,
.gallery-sec .custom-space-mt {
    margin-top: 25px
}

.gallery-img-big {
    width: 100%;
    height: 500px;
    min-height: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 25px
}

.gallery-img-big-text,
.gallery-img-big-text::before,
.menu-text::before {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0
}

.gallery-img-big-text {
    left: 0;
    width: 85%;
    height: 85%;
    margin: auto;
    display: flex;
    padding: 60px 5%;
    overflow: hidden;
    text-align: center;
    border-radius: 20px;
    align-items: center;
    flex-direction: column;
    justify-content: center
}

.menu-text-img,
.meun-slider-btn {
    align-items: center;
    display: flex;
    position: relative
}

.gallery-img-big-text * {
    z-index: 1;
    position: relative;
    color: var(--white)
}

.cart_recipt>a,
.menu-produc-box h3,
.meun-slider-btn button,
.price_rev h3,
.recipt li,
.shopping_cart_table table th {
    text-transform: uppercase
}

.gallery-img-big-text::before {
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    opacity: .8;
    background: var(--themeColor)
}

.gallery-img {
    width: 100%;
    height: 270px;
    min-height: 100%;
    overflow: hidden;
    border-radius: 25px
}

section.banner.inner-banner h1 {
    padding: 20px 15px 11px;
}

.product-sec {
    padding: 0 4%
}

.payment_card .theme-btn-1 {
    z-index: 1;
    margin: 0px auto;
    width: fit-content !important;
}

.menu-sec {
    overflow: hidden;
    position: relative;
    padding: 100px 0;
    background-color: var(--white)
}

.menu-text {
    z-index: 1;
    position: relative
}

.menu-text::before {
    content: '';
    margin: auto;
    width: 1300px;
    height: 1300px
}

.menu-text-img {
    width: 70%;
    bottom: 25px;
    justify-content: flex-end
}

.menu-text-img img {
    width: 75px;
    height: 60px;
    object-fit: contain;
    animation: 5s ease-in-out infinite floatLeaf
}

.menu-text h2 {
    color: #fff;
    position: relative;
    margin-bottom: 15px
}

.menu-text h2 span {
    display: block;
    font-size: 75px
}

.brand li small,
.functionality-box ul li,
.price_rev ul li,
.social-icon-detail ul li,
section.banner.inner-banner h1 span {
    display: inline-block
}

.menu-text p {
    width: 80%;
    color: var(--white);
    position: relative;
    margin-bottom: 20px
}

.meun-slider-btn {
    gap: 15px;
    justify-content: flex-start
}

.meun-slider-btn button {
    gap: 10px;
    display: flex;
    margin-top: 15px;
    padding: 10px 25px;
    color: var(--white);
    align-items: center;
    border-radius: 50px;
    font-family: Inter;
    justify-content: center;
    background-color: transparent;
    border: 1px solid var(--white)
}

.meun-slider-btn button:hover {
    color: var(--white);
    transition: .5s ease-in;
    background-color: var(--headingColor2)
}

.menuSlide {
    width: 100vw;
    max-width: 1250px
}

.menuSlide .slick-slide {
    opacity: 0
}

.menuSlide .slick-active {
    opacity: 1;
    transition-duration: .5s
}

.menu-produc-box {
    margin: 10px 0;
    text-align: center;
    border-radius: 500px;
    transition: .5s ease-in-out;
    padding: 20px 20px 40px;
    background-color: var(--white);
    box-shadow: 7.632px 39.265px 131px 0 rgba(0, 0, 0, .15)
}

.menu-produc-box:hover {
    transition: .5s ease-in-out;
    background-color: var(--themeColor)
}

.menu-produc-box:hover * {
    color: var(--white);
    transition: .5s ease-in-out
}

.menu-produc-box:hover .menu-produc-box-button {
    transition: .5s ease-in-out;
    background: var(--headingColor2)
}

.menu-produc-box h3 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 5px;
    transition: .5s ease-in-out
}

.menu-produc-box p {
    width: 76%;
    margin: 0 auto;
    transition: .5s ease-in-out
}

.menu-produc-box ul {
    gap: 13px;
    display: flex;
    margin: 15px 0;
    align-items: baseline;
    transition: .5s ease-in-out;
    justify-content: center
}

.menu-produc-box ul li span i {
    font-size: 10px;
    color: #ff7200;
    margin-right: 2px;
    transition: .5s ease-in-out
}

.menu-produc-box a.menu-produc-box-button {
    width: 55px;
    height: 55px;
    display: flex;
    color: #fff;
    font-size: 16px;
    margin: 10px auto;
    border-radius: 50%;
    align-items: center;
    transition: .5s ease-in-out;
    justify-content: center;
    background-color: var(--themeColor)
}

.menu-produc-box-button:hover {
    transition: .5s ease-in;
    transform: rotate(360deg)
}

.menu-produc-box ul li h6 {
    font-size: 14px;
    line-height: 14px;
    transition-duration: .5s
}

.menu-produc-box-img {
    height: auto;
    overflow: hidden;
    aspect-ratio: 1/1;
    margin-bottom: 25px;
    transition: .5s ease-in-out;
    background-color: var(--themeColor);
    border-radius: 250px 250px 0 0
}

.menu-produc-box-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s ease-in-out
}

.menu-produc-box-img:hover img {
    transform: scale(1.1);
    transition: .5s ease-in-out
}

.product-tab .nav-tabs {
    display: flex;
    margin-bottom: 40px;
    align-items: center;
    transition: .5s ease-in-out;
    justify-content: center;
    border-bottom: 1px solid var(--white)
}

.product-tab .nav-tabs .nav-link {
    border: none;
    font-size: 20px;
    font-weight: 600;
    padding: 15px 30px;
    position: relative;
    font-family: Kalam;
    transition-duration: .5s;
    color: var(--headingColor2);
    background-color: transparent
}

.product-sli .slick-next::before,
.product-sli .slick-prev::before {
    font-size: 20px;
    height: 80px;
    width: 80px;
    font-family: 'Font Awesome 5 Free';
    background: var(--theme);
    opacity: 1;
    position: absolute
}

.product-tab .nav-tabs .nav-link::before {
    left: 0;
    right: 0;
    width: 0;
    height: 2px;
    content: '';
    margin: auto;
    bottom: -1px;
    position: absolute;
    transition: .5s ease-in-out;
    background-color: var(--themeColor)
}

.product-tab .nav-tabs .nav-link:hover::before {
    width: 100%;
    transition: .5s ease-in;
    background-color: var(--headingColor2)
}

.product-tab .nav-tabs .nav-link.active::before {
    width: 100%;
    transition: .5s ease-in;
    background-color: var(--themeColor)
}

.product-sec.inner-product-sec {
    padding: 100px 4%
}

.shopping_cart_table h2 {
    font-size: 42px;
    margin-bottom: 30px;
    color: #000
}

.shopping_cart_table table th {
    font-size: 14px;
    font-weight: 600;
    font-family: Poppins, sans-serif;
    padding-bottom: 10px
}

.shopping_cart_table table tbody td {
    padding: 25px 0
}

.shopping_cart_table table tbody .cart_box_product .cart_product_img {
    width: 25%;
    padding: 0;
    margin-right: 10px
}

.shopping_cart_table table tbody .cart_box_product .cart_product_name h5,
.shopping_cart_table table tbody .cart_box_product .cart_product_name p {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase
}

.shopping_cart_table table tbody td select {
    height: 40px;
    padding-left: 10px;
    appearance: auto;
    border: 1px solid #b8b8b8
}

.shopping_cart_table table tbody td .skin-2 .num-in {
    height: 60px;
    border-radius: 4px;
    border: 1px solid var(--headingColor)
}

.shopping_cart_table table tbody td .t_price {
    font-size: 30px;
    font-weight: 600;
    font-family: Kalam;
    color: var(--headingColor)
}

th.w-40 {
    width: 40%
}

.shopping_cart_table table tbody td i.fas.fa-times {
    font-size: 20px;
    color: #000
}

.minus,
.plus {
    font-size: 20px;
    padding: .5rem;
    border: 2px solid #cccccc00;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    margin: 0 .5rem;
    cursor: pointer;
    user-select: none
}

.minus.dis {
    color: #aaa;
    cursor: not-allowed
}

.minus:hover:not(.dis),
.plus:hover {
    border-color: #102d26;
    color: #102d26
}

#number {
    height: 25px;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    font-family: Kalam;
    color: var(--headingColor)
}

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

.cart_recipt>a {
    font-size: 16px;
    font-weight: 500;
    color: #151414;
    padding: 15px 30px;
    letter-spacing: 1px;
    border-radius: 50px;
    border: 1px solid var(--headingColor)
}

.cart_recipt>a i {
    margin-right: 10px
}

.recipt {
    width: 100%
}

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

.cart_product_img {
    width: 90px;
    height: 100px;
    display: flex;
    overflow: hidden;
    align-items: center;
    border-radius: 5px;
    justify-content: center
}

.credit_paypal a,
.recipt li {
    align-items: center;
    color: var(--headingColor)
}

.recipt li {
    display: flex;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    justify-content: space-between
}

.recipt li:last-child {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--headingColor)
}

.recipt li span {
    font-size: 16px;
    letter-spacing: 2px
}

.payment_card {
    border-radius: 15px;
    padding: 15px 25px 25px;
    border: 1px solid var(--headingColor)
}

tbody,
td,
tfoot,
th,
thead,
tr {
    border-color: var(--headingColor)
}

.credit_paypal,
.payment_card h3 {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--headingColor)
}

.payment_card h3 {
    font-size: 35px;
    margin-bottom: 20px;
    color: var(--headingColor)
}

.credit_paypal a {
    gap: 10px;
    font-size: 15px;
    font-weight: 500;
    padding: 10px 20px;
    border-radius: 30px;
    display: inline-flex;
    border: 1px solid #f3f3f3;
    background-color: var(--white);
    justify-content: space-between
}

.expiry_cvv,
.skin-2 .num-in {
    align-items: center;
    display: flex
}

.table-responsive table {
    max-width: 1000px;
    width: auto !important;
    min-width: 100%;
    overflow-x: auto
}

.credit_paypal a img {
    height: 20px;
    object-fit: contain;
    margin-right: 10px;
    filter: brightness(0)
}

.payment_card form label {
    font-size: 14px;
    font-weight: 600;
    font-family: Montserrat, sans-serif;
    color: #000
}

.payment_card form input,
.payment_card form select {
    padding: 0;
    width: 100%;
    height: 50px;
    border: none;
    font-weight: 500;
    color: var(--black);
    margin-bottom: 15px;
    background: 0 0;
    border-bottom: 1px solid var(--headingColor)
}

.payment_card form input::placeholder {
    font-weight: 500;
    color: var(--black)
}

.expiry_cvv {
    justify-content: space-between
}

.expiry_date {
    width: 70%
}

.cvv_box {
    width: 26%
}

.month_year {
    display: flex;
    justify-content: space-between
}

.month_year select {
    width: 48% !important;
    appearance: auto
}

.form-row .form-group label,
.month_year select option {
    color: #000
}

.payment_card form .btn1 {
    margin: 30px 85px;
    border: 1px solid
}

.shopping_cart_table {
    padding-right: 40px
}

.skin-2 .num-in {
    height: 40px;
    width: fit-content;
    float: left;
    border-radius: 25px;
    cursor: pointer
}

.skin-2 .num-in span {
    width: 40px;
    height: 40px
}

.pag-404 .line-4,
.skin-2 .num-in span.plus:after {
    transform: rotate(90deg)
}

.num-in input.in-num {
    background-color: #fff;
    width: 38%
}

.skin-2 .num-in input {
    float: left;
    width: 40px;
    height: 40px;
    border: none;
    text-align: center;
    background: 0 0
}

footer,
section.banner.inner-banner {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.cart-to-check-box {
    display: flex;
    margin-top: 25px;
    align-items: center;
    justify-content: center
}

.billing-sec {
    padding: 100px 5%
}

.billing-input {
    position: relative;
    margin-bottom: 25px
}

.billing-input i {
    top: 0;
    right: 15px;
    bottom: 5px;
    height: 10px;
    margin: auto;
    position: absolute
}

.price_rev h3,
.price_rev ul {
    margin-top: 10px
}

.billing-input input,
.billing-input select {
    width: 100%;
    height: 65px;
    appearance: unset;
    padding-left: 15px;
    border-radius: 5px;
    font-family: Inter;
    background-color: var(--white);
    border: 1px solid var(--white)
}

.billing-input textarea {
    width: 100%;
    height: 180px;
    padding-top: 15px;
    padding-left: 15px;
    border-radius: 5px;
    font-family: Inter;
    background-color: var(--white);
    border: 1px solid var(--white)
}

.billing-input .form-group {
    display: block;
    margin-bottom: 15px
}

.billing-input .form-group input {
    padding: 0;
    display: none;
    width: initial;
    height: initial;
    cursor: pointer;
    margin-bottom: 0
}

.billing-input .form-group label {
    font-size: 16px;
    cursor: pointer;
    font-weight: 600;
    position: relative;
    padding-left: 40px;
    font-family: Inter;
    color: var(--headingColor)
}

.billing-input .form-group label::before {
    top: 0;
    left: 0;
    width: 25px;
    content: '';
    height: 25px;
    position: absolute;
    border-radius: 50%;
    transition: .3s;
    border: 1px solid transparent;
    background-color: var(--white)
}

.billing-input .form-group input:checked+label::before {
    border: 1px solid #ebebeb;
    background-color: #fff
}

.billing-input .form-group input:checked+label::after {
    z-index: 2;
    top: 12.6px;
    content: '';
    left: 7.9px;
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 50%;
    transform: translateY(-50%);
    background-color: var(--themeColor)
}

.billing-heading {
    margin-top: 25px;
    margin-bottom: 25px
}

.billing-input .theme-btn-1 {
    margin-top: 45px
}

.product-detailsec {
    padding: 100px 4%;
    position: relative
}

.top-section h2 {
    font-size: 36px;
    line-height: 1.1;
    font-weight: 500;
    margin-bottom: 20px
}

.price_rev h3 {
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 0;
    font-family: Kalam
}

.price_rev ul li {
    color: #ffc007
}

.price_rev ul li span {
    color: #fff;
    font-weight: 500;
    margin-left: 10px
}

.product-content hr {
    border-top: 1px solid #43d1db
}

.flexEnd {
    display: flex;
    align-items: flex-end
}

.brand {
    margin: 5px 0 25px
}

.brand li {
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    font-family: Kalam
}

.brand li:not(:last-child) {
    margin-bottom: 7px
}

.brand li small {
    color: #fff;
    margin-left: 6px
}

.product-content p {
    color: #807e7b;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 10px
}

.functionality-box h5 {
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 20px;
    color: var(--headingColor);
    text-transform: capitalize
}

.functionality-box .num-in {
    width: 150px
}

.functionality-box .num-in span.minus,
.functionality-box .num-in span.plus {
    width: 40px;
    height: 40px;
    font-size: 9px;
    font-weight: 400;
    border: 1px solid #dbdad9
}

.functionality-box .minus,
.functionality-box .num-in span.in-num,
.plus {
    font-size: 16px;
    font-family: Kalam
}

.functionality-box .minus,
.plus {
    margin: 0;
    color: #141414
}

.functionality-box ul li:not(:last-child) {
    margin-right: 20px
}

.functionality-box ul li .heart-button a i {
    border: 1px solid #bebebe;
    font-size: 21px;
    color: #ce996f;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px
}

del {
    font-size: 20px;
    line-height: 30px;
    color: #52726c
}

.social-icon-detail ul li a i {
    width: 40px;
    height: 40px;
    font-size: 22px;
    border: 1px solid #bebebe;
    color: #ce996f;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}

.social-icon-detail ul li a i:hover {
    background-color: #ce996f;
    color: #fff;
    transform: rotate(360deg);
    transition: .3s ease-in-out
}

.product-body {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px
}

.product-sli .slick-next {
    right: 60px
}

.product-sli .slick-next::before {
    content: '\f054';
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600
}

.product-sli .slick-prev {
    left: -10px;
    z-index: 1
}

.product-sli .slick-prev::before {
    content: '\f053';
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600
}

.product-sli {
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    background-color: #fff
}

.product-sli .slick-slide {
    opacity: 1;
    margin: 0
}

.product-sli img {
    width: 100%;
    padding: 0;
    height: 550px;
    border-radius: 0;
    object-fit: cover
}

.product-sli-conn .slick-slide {
    margin: 10px;
    opacity: 1
}

.product-sli-conn img {
    padding: 0;
    width: 130px;
    height: 110px;
    margin: 0 auto;
    object-fit: cover;
    border-radius: 10px;
    background: #f4f4f4
}

.prod_description h4 {
    color: #d4a886;
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 30px
}

.prod_description p {
    font-size: 14px;
    color: #919191;
    line-height: 27px
}

.related_heading h2 {
    font-size: 70px;
    line-height: 75px;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 50px;
    font-weight: 600
}

.addtocart a {
    display: flex;
    align-items: center;
    padding: 6px 10px;
    justify-content: space-around;
    background: 0 0
}

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

ul.det-social li i {
    color: #f4e6ce
}

.pro-det-wrt ul li {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 10px 0
}

.rate,
.sponser-txt-main h3 span {
    display: block
}

.live-music-sec,
.live-music-text {
    align-items: center;
    position: relative
}

.pro-det-wrt ul li h5 {
    margin-bottom: 0;
    color: #151414;
    font-family: Kalam
}

.pro-det-wrt ul li p {
    margin-bottom: 0;
    color: #242322
}

.product-detailsec .nav-pills .nav-link.active,
.product-detailsec .nav-pills .show>.nav-link {
    color: #2d2c2c;
    background: 0 0;
    border-bottom: 2px solid #2f2a25
}

.product-detailsec .nav-link {
    font-size: 21px;
    color: #2d2c2c;
    border-radius: 0;
    padding: 13px 3rem;
    font-family: Kalam;
    text-transform: uppercase
}

.settings-form .theme-btn {
    width: fit-content;
    height: 60px;
    border: none;
    padding: 0 35px;
    font-size: 20px;
    color: #754c28;
    border-radius: 10px;
    font-family: Kalam;
    background-color: #f4e6ce
}

ul#pills-tab {
    padding-bottom: 0 !important;
    border-bottom: 1px solid #ededed;
    margin-bottom: 25px
}

.form-row .form-group input {
    color: #000;
    height: 60px;
    background-color: transparent
}

.form-row .form-group textarea {
    color: #000;
    height: 170px;
    background-color: transparent
}

.rate {
    height: 40px;
    float: left;
    padding: 7px 0
}

.rate input {
    top: 0;
    visibility: hidden
}

.rate:not(:checked)>input {
    position: absolute
}

.rate:not(:checked)>label {
    float: right;
    width: 1.1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 20px;
    color: #ccc;
    margin: 6px 3px
}

.rate:not(:checked)>label:before {
    content: '\f005' !important;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600
}

.live-music-sec::before,
section.banner.inner-banner::before {
    content: '';
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0
}

.rate>input:checked~label {
    color: #ffc700
}

.rate:not(:checked)>label:hover,
.rate:not(:checked)>label:hover~label {
    color: #deb217
}

.rate>input:checked+label:hover,
.rate>input:checked+label:hover~label,
.rate>input:checked~label:hover,
.rate>input:checked~label:hover~label,
.rate>label:hover~input:checked~label {
    color: #c59b08
}

.tab-content p {
    color: #807e7b
}

.live-music-text h2,
.live-music-text p {
    color: #fff;
    text-align: center
}

.product-content .custom-flex {
    gap: 15%;
    display: flex;
    margin-top: 25px;
    margin-bottom: 25px
}

.live-music-sec {
    display: flex;
    min-height: 400px;
    margin-top: 100px;
    padding: 100px 0;
    justify-content: center;
    background: url(../images/live-music-sec.png) center/cover no-repeat fixed
}

.live-music-sec::before {
    z-index: 1;
    background-image: -webkit-linear-gradient(0deg, #000000d7 0, #00000000 100%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.live-music-text {
    gap: 15px;
    z-index: 1;
    margin: auto;
    display: flex;
    overflow: hidden;
    max-width: 830px;
    padding-top: 5px;
    flex-direction: column
}

.live-music-text p {
    width: 100%;
    margin: auto;
    font-weight: 500
}

.live-music-text-btn {
    width: 100%;
    display: flex;
    margin-top: 20px;
    align-items: center;
    justify-content: center
}

section.banner.inner-banner {
    display: flex;
    min-height: 350px;
    padding: 70px 0;
    align-items: center;
    justify-content: center;
    background-image: url(../images/inner-banner.avif);
    background-attachment: fixed
}

.main-bx-work h4,
.pag-404 {
    display: flex;
    align-items: center
}

section.banner.inner-banner::before {
    opacity: .5;
    background-color: var(--themeColor)
}

section.banner.inner-banner h1 {
    padding: 40px 15px 11px;
    line-height: 70px;
    text-align: center;
    color: var(--white);
    border-radius: 10px;
    backdrop-filter: blur(6px);
    background-color: #ffffff47
}

.pag-404 {
    min-height: 50vh;
    padding: 60px 0;
    position: relative;
    justify-content: center
}

.pizza-box {
    width: 150px;
    margin: auto;
    height: 150px;
    position: relative
}

.pag-404 h2 {
    text-align: center;
    margin-bottom: 30px
}

.pag-404 .pizza {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #f77f00
}

.pag-404 .cheese {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 85%;
    margin: auto;
    height: 85%;
    position: absolute;
    border-radius: 50%;
    background: #fcbf49
}

.pag-404 .pepperoni {
    width: 22px;
    height: 22px;
    position: absolute;
    border-radius: 50%;
    background: var(--themeColor3)
}

.pag-404 .pep-1 {
    top: 23px;
    left: 22px
}

.pag-404 .pep-2 {
    top: 21px;
    left: 88px
}

.pag-404 .pep-3 {
    top: 5px;
    left: 47px
}

.pag-404 .pep-4 {
    top: 80px;
    left: 20px
}

.pag-404 .pep-5 {
    top: 84px;
    left: 83px
}

.pag-404 .pep-6 {
    top: 52px;
    left: 93px
}

.pag-404 .pep-7 {
    top: 62px;
    left: 62px
}

.pag-404 .pep-8 {
    top: 93px;
    left: 50px
}

.pag-404 .pep-9 {
    top: 50px;
    left: 3px
}

.pag-404 .pep-10 {
    top: 50px;
    left: 33px
}

.pag-404 .pep-11 {
    top: 33px;
    left: 61px
}

.pag-404 .line {
    position: absolute;
    top: 64px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #6a040f;
    opacity: .25
}

.pag-404 .line-1 {
    transform: rotate(0)
}

.pag-404 .line-2 {
    transform: rotate(45deg)
}

.pag-404 .line-3,
button.btn-ftr span i {
    transform: rotate(-45deg)
}

.sinup-input input {
    width: 100%;
    height: 60px;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #d1d1d1
}

.login-input label,
.sinup-input label {
    font-size: 16px;
    color: #888;
    padding-bottom: 5px
}

.login-input,
.sinup-input {
    padding: 10px 0
}

.sinup-input-checkbox input[type=checkbox] {
    width: 20px;
    height: 20px;
    margin: 5px;
    cursor: pointer;
    accent-color: var(--headingColor);
    color: #fff
}

.sinup-input-checkbox label {
    font-size: 16px
}

.login-input-checkbox,
.sinup-input-checkbox {
    padding-top: 10px
}

.login-input button,
.sinup-input button {
    border: 1px solid transparent;
    color: #fff
}

.create-account-heading h2,
.login-heading h2 {
    color: #000;
    text-transform: uppercase
}

.create-account,
.login-account {
    border-radius: 15px;
    padding: 50px 30px 30px;
    border: 1px solid #d9d9d9
}

.bottom-ftr,
.ftr-icons {
    border-top: 1px solid #ffffff73
}

.login-input input {
    height: 45px;
    border: 1px solid #d1d1d1;
    padding: 10px;
    border-radius: 5px;
    width: 100%
}

.login-input-checkbox input[type=checkbox] {
    width: 17px;
    height: 17px;
    color: #fff;
    cursor: pointer;
    margin: 0 5px 0 0;
    accent-color: var(--headingColor)
}

.form-btns {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 20px 0 0
}

section.contact-pg .custom-mt-5 {
    margin-top: 70px
}

.cont-bx {
    text-align: left;
    padding: 70px 20px;
    border-radius: 5px;
    transition: .5s ease-out;
    background-color: var(--themeColor)
}

.cont-bx:hover {
    transition: .5s ease-in;
    background-color: var(--themeColor3)
}

.cont-bx h3 {
    width: 75%;
    font-size: 19px;
    font-weight: 400;
    line-height: 11px;
    color: var(--white);
    margin-bottom: 16px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--themeColor3)
}

.cont-bx a {
    color: var(--white)
}

.cont-bot-txt {
    text-align: center
}

.cont-bot-txt h3 {
    color: #000;
    margin-bottom: 10px
}

.cont-bot-txt p {
    font-size: 14px;
    width: 80%;
    margin: 0 auto 40px
}

.cont-bot-txt form input {
    width: 100%;
    padding: 15px;
    margin-bottom: 30px;
    border-radius: 5px;
    border: 1px solid #bdbdbd;
    color: #000
}

.cont-bot-txt form textarea {
    width: 100%;
    padding: 15px;
    margin-bottom: 30px;
    border-radius: 5px;
    border: 1px solid #bdbdbd;
    color: #000;
    height: 150px
}

.cont-bot-txt form button {
    margin: 0 auto
}

.sponser-txt-main h3 {
    font-size: 45px;
    font-weight: 300;
    color: #181818;
    line-height: 55px
}

.sponser-txt-main p {
    font-size: 14px;
    color: #181818
}

section.peer-support.inn {
    background-color: unset
}

section.how-it-work {
    padding-bottom: 100px
}

.how-it-work-txt h3 {
    font-size: 45px;
    line-height: 50px;
    font-weight: 400;
    color: #141414;
    margin-bottom: 10px
}

.how-it-work-txt p {
    width: 50%;
    margin: 0 auto;
    font-size: 14px
}

.main-bx-work {
    text-align: center;
    padding: 30px 20px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 32px 84px 0 rgba(16, 16, 16, .04)
}

.ftr-links,
.nestletter {
    padding: 30px
}

.main-bx-work h4 {
    font-size: 25px;
    color: #fff;
    height: 50px;
    width: 50px;
    background-color: #b3242b;
    border-radius: 5px;
    justify-content: center;
    margin: 0 auto 30px
}

.coming-soon-box,
.ftr-icons {
    align-items: center;
    display: flex
}

.coming-soon-box p,
.main-bx-work h5 {
    margin-bottom: 10px
}

.main-bx-work h5 {
    font-size: 20px;
    line-height: 30px;
    color: #141414
}

.coming-soon-box {
    gap: 15px;
    text-align: center;
    flex-direction: column;
    justify-content: center
}

footer {
    padding: 60px 0;
    background-image: url(../images//footer-bg.jpg)
}

footer h2 {
    font-size: 30px;
    margin-bottom: 20px;
    color: var(--white)
}

.ftr-links {
    border-right: 1px solid #ffffff73;
    height: 100%
}

.ftr-links ul li a {
    display: block;
    font-size: 15px;
    color: var(--white);
    margin-bottom: 15px;
    text-transform: uppercase
}

.ftr-links ul {
    column-count: 2
}

footer .row {
    border: 1px solid #ffffff73
}

.nestletter p {
    width: 90%;
    color: var(--white);
    margin-bottom: 30px
}

.nestletter input {
    width: 81%;
    height: 60px;
    border: unset;
    padding: 10px 30px;
    border-radius: 50px;
    color: var(--white);
    background: var(--white);
    color: var(--headingColor)
}

.nestletter form button {
    position: absolute;
    left: 81%;
    top: 0
}

.ftr-icons {
    padding: 30px 40px;
    justify-content: space-between
}

.ftr-icons ul {
    display: flex;
    align-items: center;
    justify-content: right;
    gap: 20px;
    margin: 0
}

.ftr-icons ul li a i {
    color: #ffffffa1;
    font-size: 18px;
    width: 45px;
    height: 45px;
    border: 1px solid #ffffffa1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    transition: .5s
}

.bottom-ftr,
.slide_counterr h2 {
    align-items: center;
    display: flex
}

.ftr-icons ul li a i:hover {
    background: #fff;
    color: #000
}

.ftr-icons h2 {
    margin: 0;
    font-size: 30px
}

.bottom-ftr {
    justify-content: space-between;
    padding: 30px
}

.bottom-ftr a img {
    height: 70px;
    object-fit: contain
}

.bottom-ftr p {
    margin: 0;
    color: #fff
}

.slide_counterr {
    position: absolute;
    bottom: 10px;
    top: 31%;
    left: 63%;
    transform: rotate(270deg);
    writing-mode: lr;
    height: 50px
}

.slide_counterr h2 {
    gap: 4px;
    color: #554f41;
    font-size: 38px;
    margin-bottom: 0;
    font-family: Montserrat, sans-serif;
    font-weight: 500
}

span.end_number {
    font-size: 23px;
    font-weight: 300
}

button.btn-ftr span i {
    color: #fff;
    background: #000;
    font-size: 20px;
    height: 60px;
    width: 60px;
    border: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

button.btn-ftr {
    background: 0 0;
    border: unset
}

.cstm-box a:hover {
    background: #000
}

section.product-sec.product-page {
    padding: 100px 0px;
}

.product-sidebar {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
    padding: 25px;
    margin-bottom: 30px;
}

.category-list li a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 15px;
    border-radius: 8px;
    color: #333;
    text-decoration: none;
    transition: all 0.3s ease;
}

.category-list li a:hover,
.category-list li a.active {
    background: var(--themeColor, #e74c3c);
    color: #fff;
}

.main-image {
    height: 500px;
}

.main-image a,
.main-image a img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.auth-card {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    padding: 35px;
    height: 100%;
}

.auth-card h3 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 10px;
}

.auth-card p.subtitle {
    color: #8d8d8d;
    margin-bottom: 30px;
}

.auth-card .billing-input label {
    font-weight: 600;
    color: #2d2d2d;
}

.auth-card .billing-input input,
.auth-card .billing-input textarea {
    background: #fdf5f0;
    border-radius: 12px;
    border: 1px solid #f0d6cb;
    padding: 14px;
}

.auth-card .theme-btn-1,
.auth-card .theme-btn {
    z-index: 1;
    margin: 0px auto;
    justify-content: center;
}

.auth-card .forgot-link {
    color: var(--themeColor);
    font-weight: 600;
    margin-top: 15px;
    display: inline-block;
}

.auth-card .terms-text {
    font-size: 14px;
    color: #7a7a7a;
}

.shopping_cart_table {
    padding: 15px;
}

.slicknav_nav .slicknav_arrow {
    display: none;
}

.gift-basket-section {
    background: #f8f9fa;
}

.filter-sidebar {
    background: #fff;
    padding: 25px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    position: sticky;
    top: 100px;
}

.filter-widget h4 {
    font-size: 1.1rem;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--themeColor, #e74c3c);
}

.filter-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.filter-list li {
    margin-bottom: 8px;
}

.filter-list li a {
    display: block;
    padding: 8px 15px;
    border-radius: 8px;
    color: #333;
    text-decoration: none;
    transition: all 0.3s ease;
}

.filter-list li a:hover,
.filter-list li a.active {
    background: var(--themeColor, #e74c3c);
    color: #fff;
}

.sort-select {
    border-radius: 8px;
    padding: 10px;
    border: 1px solid #ddd;
}

.gift-basket-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    height: 100%;
}

.gift-basket-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.basket-image {
    height: 200px;
    overflow: hidden;
    position: relative;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

.basket-image a,
.basket-image a img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.gift-basket-card:hover .basket-image img {
    transform: scale(1.05);
}

.sale-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #e74c3c;
    color: #fff;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
}

.featured-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #f39c12;
    color: #fff;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
}

.basket-info {
    padding: 20px;
}

.occasion-tag {
    display: inline-block;
    background: #f8f9fa;
    color: #666;
    padding: 4px 12px;
    border-radius: 15px;
    font-size: 0.75rem;
    margin-bottom: 10px;
}

.basket-info h3 {
    font-size: 1.1rem;
    margin-bottom: 8px;
    line-height: 1.4;
}

.basket-info h3 a {
    color: #333;
    text-decoration: none;
}

.basket-info h3 a:hover {
    color: var(--themeColor, #e74c3c);
}

.basket-info p {
    color: #666;
    font-size: 0.85rem;
    margin-bottom: 12px;
    line-height: 1.5;
}

.basket-price {
    margin-bottom: 15px;
}

.basket-price .old-price {
    text-decoration: line-through;
    color: #999;
    margin-right: 10px;
    font-size: 0.9rem;
}

.basket-price .current-price {
    color: var(--themeColor, #e74c3c);
    font-weight: 700;
    font-size: 1.2rem;
}

.basket-actions {
    display: flex;
    gap: 10px;
}

.btn-add-cart {
    flex: 1;
    background: var(--themeColor, #e74c3c);
    color: #fff;
    border: none;
    padding: 10px 15px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 0.9rem;
}

.btn-add-cart:hover {
    background: #c0392b;
}

.btn-view-detail {
    width: 42px;
    height: 42px;
    background: #f8f9fa;
    color: #333;
    border: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-view-detail:hover {
    background: var(--themeColor, #e74c3c);
    color: #fff;
}

/* Gift Basket Detail Page */
.basket-detail-image {
    height: 600px;
    overflow: hidden;
    position: relative;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.basket-detail-image img {
    width: 100%;
}

.sale-badge-lg {
    position: absolute;
    top: 20px;
    left: 20px;
    background: #e74c3c;
    color: #fff;
    padding: 8px 20px;
    border-radius: 25px;
    font-size: 1rem;
    font-weight: 600;
}

.basket-detail-info {
    padding-left: 30px;
}

.occasion-badge {
    display: inline-block;
    background: var(--themeColor, #e74c3c);
    color: #fff;
    padding: 6px 15px;
    border-radius: 20px;
    font-size: 0.85rem;
    margin-bottom: 15px;
}

.basket-detail-info h1 {
    font-size: 2rem;
    margin-bottom: 15px;
    color: #333;
}

.basket-rating {
    margin-bottom: 15px;
    color: #f39c12;
}

.basket-rating span {
    color: #666;
    margin-left: 10px;
}

.basket-detail-price {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
}

.basket-detail-price .old-price {
    text-decoration: line-through;
    color: #999;
    font-size: 1.3rem;
}

.basket-detail-price .current-price {
    color: var(--themeColor, #e74c3c);
    font-weight: 700;
    font-size: 2rem;
}

.basket-detail-price .discount-percent {
    background: #27ae60;
    color: #fff;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.85rem;
}

.basket-short-desc {
    margin-bottom: 25px;
    color: #666;
    line-height: 1.8;
}

.basket-cart-section {
    display: flex;
    gap: 15px;
    margin-bottom: 25px;
    flex-wrap: wrap;
}

.basket-cart-section .qty-selector {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
}

.basket-cart-section .qty-btn {
    width: 40px;
    height: 45px;
    border: none;
    background: #f8f9fa;
    cursor: pointer;
    transition: all 0.3s ease;
}

.basket-cart-section .qty-btn:hover {
    background: #e9ecef;
}

.basket-cart-section input {
    width: 60px;
    height: 45px;
    border: none;
    text-align: center;
    font-size: 1.1rem;
}

.btn-cart-basket {
    background: var(--themeColor, #e74c3c);
    color: #fff;
    border: none;
    padding: 12px 30px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 1rem;
    transition: all 0.3s ease;
}

.btn-cart-basket:hover {
    background: #c0392b;
}

.basket-meta {
    padding-top: 20px;
    border-top: 1px solid #eee;
}

.basket-meta p {
    margin-bottom: 8px;
    color: #666;
}

.basket-meta a {
    color: var(--themeColor, #e74c3c);
    text-decoration: none;
}

.basket-description-section {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}

.basket-description-section h3 {
    font-size: 1.3rem;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--themeColor, #e74c3c);
}

.section-title {
    font-size: 1.5rem;
    margin-bottom: 25px;
}

/* Account Section Styles */
.account-sec {
    padding: 60px 0;
}

.account-sidebar {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
    padding: 25px;
    margin-bottom: 30px;
}

.account-user-info {
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}

.account-user-info .user-avatar {
    width: 80px;
    height: 80px;
    background: var(--themeColor, #e74c3c);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
}

.account-user-info .user-avatar i {
    font-size: 2rem;
    color: #fff;
}

.account-user-info h4 {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 600;
}

.account-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.account-menu li {
    margin-bottom: 5px;
}

.account-menu li a {
    display: block;
    padding: 12px 15px;
    color: #333;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.account-menu li a i {
    margin-right: 10px;
    width: 20px;
    text-align: center;
}

.account-menu li a:hover,
.account-menu li.active a {
    background: var(--themeColor, #e74c3c);
    color: #fff;
}

.account-content {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
    padding: 30px;
}

.account-header {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.account-header h2 {
    margin: 0 0 10px;
    font-size: 1.8rem;
}

.account-header p {
    margin: 0;
    color: #666;
}

.dashboard-card {
    display: block;
    background: #f8f9fa;
    border-radius: 12px;
    padding: 25px;
    text-align: center;
    text-decoration: none;
    color: #333;
    transition: all 0.3s ease;
    margin-bottom: 20px;
}

.dashboard-card:hover {
    background: var(--themeColor, #e74c3c);
    color: #fff;
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.dashboard-card i {
    font-size: 2.5rem;
    margin-bottom: 15px;
    color: var(--themeColor, #e74c3c);
}

.dashboard-card:hover i {
    color: #fff;
}

.dashboard-card h4 {
    margin: 0 0 5px;
    font-size: 1.1rem;
    font-weight: 600;
}

.dashboard-card p {
    margin: 0;
    font-size: 0.9rem;
    opacity: 0.8;
}

.product-sidebar {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
    padding: 25px;
    margin-bottom: 30px;
}

.sidebar-widget h3 {
    font-size: 1.3rem;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--themeColor, #e74c3c);
}

.category-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.category-list li {
    margin-bottom: 8px;
}

.category-list li a {
    display: block;
    padding: 10px 15px;
    color: #333;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.category-list li a i {
    margin-right: 8px;
    color: var(--themeColor, #e74c3c);
}

.category-list li a:hover,
.category-list li a.active {
    background: var(--themeColor, #e74c3c);
    color: #fff;
}

.category-list li a.active i,
.category-list li a:hover i {
    color: #fff;
}

.product-page .section-heading {
    margin-bottom: 30px;
}

.no-products {
    padding: 60px 20px;
    background: #f8f9fa;
    border-radius: 15px;
}

.product-detail-sec {
    padding: 60px 0;
}

.product-detail-images .main-image {
    background: #f8f9fa;
    border-radius: 15px;
    padding: 20px;
    margin-bottom: 15px;
}

.product-detail-images .main-image img {
    width: 100%;
    border-radius: 10px;
}

.thumbnail-images .thumb-slider {
    display: flex;
    gap: 10px;
}

.thumbnail-images .thumb-item {
    width: 80px;
    height: 80px;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent;
}

.thumbnail-images .thumb-item:hover {
    border-color: var(--themeColor, #e74c3c);
}

.thumbnail-images .thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-detail-info h1 {
    font-size: 2rem;
    margin-bottom: 15px;
}

.product-rating {
    margin-bottom: 15px;
}

.product-rating i {
    color: #ffc107;
}

.product-rating span {
    color: #666;
    margin-left: 10px;
}

.product-price {
    margin-bottom: 20px;
}

.product-price .old-price {
    text-decoration: line-through;
    color: #999;
    margin-right: 10px;
    font-size: 1.2rem;
}

.product-price .current-price {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--themeColor, #e74c3c);
}

.product-description {
    margin-bottom: 20px;
    color: #666;
    line-height: 1.8;
}

.product-category {
    margin-bottom: 20px;
}

.product-category a {
    color: var(--themeColor, #e74c3c);
}

.product-quantity {
    margin-bottom: 25px;
}

.product-quantity label {
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
}

.qty-selector {
    display: flex;
    align-items: center;
    width: fit-content;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    max-width: fit-content;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.qty-selector .qty-btn {
    width: 40px;
    margin: 0px;
    height: 40px;
    border: none;
    display: flex;
    flex-shrink: 0;
    font-size: 14px;
    cursor: pointer;
    background: #f9fafb;
    align-items: center;
    justify-content: center;
    transition: all .25s ease;
}

.qty-selector .qty-btn:hover {
    background: var(--themeColor, #e74c3c);
    color: #fff;
}

.qty-selector input {
    width: 60px;
    height: 40px;
    border: none;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    outline: none;
    background: #fff;
}

/* remove arrows */
.qty-selector input::-webkit-outer-spin-button,
.qty-selector input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.qty-selector input[type=number] {
    -moz-appearance: textfield;
}

.product-actions .theme-btn-1 {
    display: inline-block;
}

.product-tabs {
    margin-top: 40px;
}

.product-tabs .nav-tabs {
    border-bottom: 2px solid #eee;
}

.product-tabs .nav-link {
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    padding: 15px 25px;
    color: #666;
}

.product-tabs .nav-link.active {
    border-bottom-color: var(--themeColor, #e74c3c);
    color: var(--themeColor, #e74c3c);
}

.product-tabs .tab-content {
    padding: 25px 0;
}

.review-form h4 {
    margin-bottom: 20px;
}

.review-form input,
.review-form textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-bottom: 15px;
}

.rating-select {
    margin-bottom: 20px;
}

.rating-select .stars {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.rating-select .stars input {
    display: none;
}

.rating-select .stars label {
    font-size: 1.5rem;
    color: #ddd;
    cursor: pointer;
    padding: 0 5px;
}

.rating-select .stars input:checked~label,
.rating-select .stars label:hover,
.rating-select .stars label:hover~label {
    color: #ffc107;
}

/* Contact Page Styles */
.contact-pg {
    padding: 60px 0;
}

.cont-bx {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
    padding: 30px;
    margin-bottom: 30px;
}

.cont-bx h3 {
    font-size: 1rem;
    margin-bottom: 15px;
    color: var(--themeColor, #e74c3c);
}

.cont-bx h3 i {
    margin-right: 8px;
}

.cont-bx a,
.cont-bx p {
    margin: 0;
    text-decoration: none;
    color: var(--textColor);
}

.cont-bx:hover a,
.cont-bx:hover p,
.cont-bx:hover h3 {
    color: var(--white);
    border-color: var(--white);
}

.cont-bot-txt {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
    padding: 40px;
    margin-top: 30px;
}

.cont-bot-txt input,
.cont-bot-txt textarea {
    width: 100%;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-bottom: 20px;
    font-size: 1rem;
}

.cont-bot-txt textarea {
    min-height: 150px;
    resize: vertical;
}

.cont-bot-txt .theme-btn-1 {
    z-index: 1;
    border: none;
    cursor: pointer;
}

.missoin-sec {
    padding: 60px 0;
    background: #f8f9fa;
}

.missoin-sec:nth-child(even) {
    background: #fff;
}

.live-music-sec {
    padding: 80px 0;
    background: linear-gradient(135deg, var(--themeColor, #e74c3c) 0%, #c0392b 100%);
    text-align: center;
}

.live-music-text h2 {
    color: #fff;
    font-size: 2.5rem;
    margin-bottom: 20px;
}

.live-music-text p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.1rem;
    margin-bottom: 30px;
}

.live-music-text .theme-btn-1 {
    background: #fff;
    color: var(--themeColor, #e74c3c);
}

.live-music-text .theme-btn-1:hover {
    background: #333;
    color: #fff;
}

/* Utility Classes */
.custom-mt-5 {
    margin-top: 30px;
}

.cart-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    background: var(--themeColor, #e74c3c);
    color: #fff;
    font-size: 10px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-requst-btn {
    position: relative;
}

/* Search Popup */
.search-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    align-items: center;
    justify-content: center;
}

.search-box {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    width: 90%;
    max-width: 500px;
    position: relative;
}

.search-box input {
    width: 100%;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 1rem;
}

.search-box button {
    margin-top: 15px;
    width: 100%;
}

.search-box .close-btn {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 40px;
    height: 40px;
    background: var(--themeColor, #e74c3c);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

/* Auth Section (Login/Register) */
.auth-sec {
    padding: 60px 0;
}

.auth-box {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
    padding: 40px;
}

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

.auth-header h2 {
    font-size: 1.8rem;
    margin-bottom: 10px;
}

.auth-header p {
    color: #666;
    margin: 0;
}

.auth-box .form-group {
    margin-bottom: 20px;
}

.auth-box .form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #333;
}

.auth-box .form-group input {
    width: 100%;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 1rem;
}

.auth-box .form-group input:focus {
    border-color: var(--themeColor, #e74c3c);
    outline: none;
}

.auth-box .forgot-link {
    color: var(--themeColor, #e74c3c);
    text-decoration: none;
    font-size: 0.9rem;
}

.auth-box .theme-btn-1 {
    width: 100%;
    justify-content: center;
}

.auth-footer {
    text-align: center;
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid #eee;
}

.auth-footer p {
    margin: 0;
    color: #666;
}

.auth-footer a {
    color: var(--themeColor, #e74c3c);
    font-weight: 600;
}

/* Profile Image Section */
.profile-image-section {
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
}

.profile-img-wrapper {
    position: relative;
    display: inline-block;
}

.profile-img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid var(--themeColor, #e74c3c);
}

.change-img-btn {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 36px;
    height: 36px;
    background: var(--themeColor, #e74c3c);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.change-img-btn:hover {
    background: #c0392b;
}

/* Account Form Styles */
.account-content .form-group select {
    width: 100%;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 1rem;
    background: #fff;
}

.account-content .form-group select:focus {
    border-color: var(--themeColor, #e74c3c);
    outline: none;
}

/* Cart Section Styles */
.cart-sec {
    padding: 60px 0;
}

.cart-sec .table {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}

.cart-sec .table thead {
    background: var(--themeColor, #e74c3c);
    color: #fff;
}

.cart-sec .table th,
.cart-sec .table td {
    padding: 15px;
    vertical-align: middle;
}

.cart-sec .crt-img-set img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
}

.shpng-crt {
    background: #f8f9fa;
    padding: 25px;
    border-radius: 15px;
}

.shpng-crt p {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.shpng-crt .totl-one {
    font-size: 1.2rem;
    font-weight: 700;
    border-top: 1px solid #ddd;
    padding-top: 15px;
    margin-top: 10px;
}

.proced_btn .proc {
    display: block;
    text-align: center;
    background: var(--themeColor, #e74c3c);
    color: #fff;
    padding: 15px;
    border-radius: 8px;
    text-decoration: none;
    margin-top: 15px;
    font-weight: 600;
}

.proced_btn .proc:hover {
    background: #c0392b;
}

/* Order Table Styles */
.order-table {
    width: 100%;
    border-collapse: collapse;
}

.order-table thead {
    background: var(--themeColor, #e74c3c);
    color: #fff;
}

.order-table th,
.order-table td {
    padding: 15px;
    text-align: left;
    border-bottom: 1px solid #eee;
}

.order-table tbody tr:hover {
    background: #f8f9fa;
}

.order-table .popupInvoice {
    color: var(--themeColor, #e74c3c);
    text-decoration: none;
    font-weight: 600;
}

.order-table .popupInvoice:hover {
    text-decoration: underline;
}

.order-table .label {
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
}

.order-table .label-success {
    background: #27ae60;
    color: #fff;
}

.order-table .label-warning {
    background: #f39c12;
    color: #fff;
}

.order-table .label-danger {
    background: #e74c3c;
    color: #fff;
}

.order-table .label-info {
    background: #3498db;
    color: #fff;
}

.order-table .label-default {
    background: #95a5a6;
    color: #fff;
}

/* Checkout Section Styles */
.checkout-sec {
    padding: 60px 0;
}

.checkout-sec .bluehd {
    font-size: 1.5rem;
    margin-bottom: 25px;
    color: var(--themeColor, #e74c3c);
}

.checkout-sec .form-control {
    width: 100%;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-bottom: 15px;
    font-size: 1rem;
}

.checkout-sec .form-control:focus {
    border-color: var(--themeColor, #e74c3c);
    outline: none;
}

.checkout-sec select.form-control {
    background: #fff;
}

.checkout-sec .btn-primary {
    background: var(--themeColor, #e74c3c);
    border: none;
    padding: 15px 30px;
    border-radius: 8px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

.checkout-sec .btn-primary:hover {
    background: #c0392b;
}

/* Success Section Styles */
.success-sec {
    padding: 80px 0;
}

.success-box {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
    padding: 50px 40px;
}

.success-icon {
    margin-bottom: 25px;
}

.success-icon i {
    font-size: 5rem;
    color: #27ae60;
}

.success-logo {
    max-width: 150px;
    margin-bottom: 25px;
}

.success-box h2 {
    font-size: 2rem;
    margin-bottom: 15px;
    color: #333;
}

.success-box p {
    color: #666;
    margin-bottom: 25px;
}

/* Shopping Cart Styles */
.shopping_cart {
    padding: 60px 0;
}

.shopping_cart_table {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
    padding: 25px;
    margin-bottom: 30px;
}

.shopping_cart_table h2 {
    font-size: 1.5rem;
    margin-bottom: 20px;
    color: #333;
}

.shopping_cart_table table {
    width: 100%;
}

.shopping_cart_table thead {
    background: var(--themeColor, #e74c3c);
    color: #fff;
}

.shopping_cart_table thead th {
    padding: 15px;
    font-weight: 600;
}

.shopping_cart_table tbody td {
    padding: 20px 15px;
    vertical-align: middle;
    border-bottom: 1px solid #eee;
}

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

.cart_product_img {
    width: 80px;
    height: 80px;
    border-radius: 10px;
    overflow: hidden;
}

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

.cart_product_name h5 {
    margin: 0 0 5px;
    font-size: 1rem;
    color: #333;
}

.cart_product_name p {
    margin: 0;
    color: #888;
    font-size: 0.9rem;
}

.t_price {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--themeColor, #e74c3c);
    margin: 0;
}

.num-in {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #f5f5f5;
    border-radius: 8px;
    padding: 5px 10px;
}

.num-in .minus,
.num-in .plus {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--themeColor, #e74c3c);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.num-in .minus:hover,
.num-in .plus:hover {
    background: var(--themeColor, #e74c3c);
    color: #fff;
}

.cart_recipt {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #eee;
}

.cart_recipt a {
    color: var(--themeColor, #e74c3c);
    text-decoration: none;
    font-weight: 600;
}

.cart_recipt a:hover {
    text-decoration: underline;
}

.removeproduct {
    color: #e74c3c;
    font-size: 1.2rem;
}

.removeproduct:hover {
    color: #c0392b;
}

/* Payment Card */
.payment_card {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
    padding: 30px;
}

.payment_card h3 {
    font-size: 1.3rem;
    margin-bottom: 20px;
    color: #333;
    border-bottom: 2px solid var(--themeColor, #e74c3c);
    padding-bottom: 10px;
}

.recipt ul {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
}

.recipt ul li {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.recipt ul li.total-li {
    border-bottom: none;
    padding-top: 15px;
    margin-top: 10px;
    border-top: 2px solid #333;
}

.billing-input {
    margin-bottom: 15px;
}

.billing-input label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #333;
}

.billing-input input,
.billing-input select,
.billing-input textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 1rem;
}

.payment-option,
.terms-option {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 600;
    color: #333;
}

.payment-option input[type="radio"],
.terms-option input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    margin: 0;
    padding: 0;
    appearance: auto;
    border: 1px solid #bbb;
    border-radius: 4px;
    flex-shrink: 0;
}

.terms-option a {
    color: var(--themeColor, #e74c3c);
    font-weight: 600;
}

.billing-input input:focus,
.billing-input select:focus,
.billing-input textarea:focus {
    border-color: var(--themeColor, #e74c3c);
    outline: none;
}

.forgot-link {
    color: var(--themeColor, #e74c3c);
    text-decoration: none;
    font-size: 0.9rem;
}

.forgot-link:hover {
    text-decoration: underline;
}

/* WhatsApp Float Button */
.whatsapp-float {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 60px;
    height: 60px;
    background: #25D366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 2rem;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
    z-index: 999;
    text-decoration: none;
}

.whatsapp-float:hover {
    background: #128C7E;
    color: #fff;
    transform: scale(1.1);
}

/* Inner Banner */
.inner-banner {
    min-height: 200px;
    display: flex;
    align-items: center;
    background: linear-gradient(135deg, var(--themeColor, #e74c3c) 0%, #f39c12 100%);
}

.inner-banner .banner_textt h1 {
    color: #fff;
    font-size: 2.5rem;
    margin: 0;
}

.inner-banner .banner_textt h1 span {
    color: #fff;
}

/* Auth Section */
.auth-section {
    padding: 100px 0;
    background: #f8f9fa;
}

/* Modal Styles */
.modal-content {
    border-radius: 15px;
    overflow: hidden;
}

.modal-header {
    background: var(--themeColor, #e74c3c);
    color: #fff;
    border: none;
}

.modal-header .close {
    color: #fff;
    opacity: 1;
}

.modal-header h4 {
    margin: 0;
}

.modal-body {
    padding: 25px;
}

.modal-footer {
    border-top: 1px solid #eee;
}

/* Product Sidebar */
.product-sidebar {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
    padding: 25px;
    margin-bottom: 30px;
}

.sidebar-widget h3 {
    font-size: 1.2rem;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--themeColor, #e74c3c);
}

.category-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.category-list li {
    margin-bottom: 10px;
}

.category-list li a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 15px;
    border-radius: 8px;
    color: #333;
    text-decoration: none;
    transition: all 0.3s ease;
}

.category-list li a:hover,
.category-list li a.active {
    background: var(--themeColor, #e74c3c);
    color: #fff;
}

.category-list li a i {
    font-size: 0.8rem;
}

/* Product Page Styles */
.product-page {
    padding: 60px 0;
    background: #f8f9fa;
}

.product-page .menu-produc-box {
    margin-bottom: 30px;
}

/* Menu Product Box Adjustments */
.menu-produc-box {
    overflow: hidden;
    background: var(--white);
    transition: transform 0.3s ease;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}

.menu-produc-box:hover {
    transform: translateY(-5px);
}

.menu-produc-box-img {
    display: block;
    overflow: hidden;
}

.menu-produc-box-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.menu-produc-box:hover .menu-produc-box-img img {
    transform: scale(1.05);
}

.menu-produc-box h3 {
    padding: 15px 15px 5px;
    margin: 0;
    font-size: 1rem;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.3;
    width: 100%;
}

.menu-produc-box h3 a {
    width: 100%;
    text-align: center;
    color: inherit;
    display: inline-block;
}

.menu-produc-box p {
    padding: 0 15px;
    margin: 0 0 10px;
    color: #666;
    font-size: 0.85rem;
    min-height: 38px;
    display: inline-flex;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: center;
}

.menu-produc-box ul {
    display: flex;
    margin: 0;
    list-style: none;
    align-items: center;
    padding: 0 15px 15px;
    flex-direction: column;
    justify-content: space-between;
}

.menu-produc-box ul li span i {
    color: #f39c12;
    font-size: 0.8rem;
}

.menu-produc-box ul li h6 {
    margin: 0;
    color: var(--themeColor, #e74c3c);
    font-size: 1.1rem;
    font-weight: 700;
    white-space: nowrap;
}

.menu-produc-box-button {
    width: 50px;
    height: 50px;
    background: var(--themeColor, #e74c3c);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    margin: 15px auto;
}

.menu-produc-box-button:hover {
    background: #c0392b;
    color: #fff;
}

/* Product Description Section */
.product-description-section {
    background: #fff;
    padding: 25px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}

.product-description-section .description-title {
    font-size: 1.3rem;
    color: var(--themeColor, #e74c3c);
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--themeColor, #e74c3c);
}

.product-description-section .description-content {
    color: #666;
    line-height: 1.8;
}

.shopping_cart_table .quanity.product-detail {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.basket-detail-main-box {
    position: relative;
}

.basket-detail-video {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.basket-detail-main-box .theme-btn-1 {
    top: 15px;
    z-index: 1;
    right: 15px;
    position: absolute;
}

.basket-video-player video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.basket-video-player {
    height: 100%;
    width: 100%;
}

@media only screen and (min-width:1366px) and (max-width:1556px) {
    .banner-sec::before {
        width: 100px;
        height: 200px
    }

    .category-sec {
        padding: 100px 90px 0
    }
}

@media only screen and (min-width:1200px) and (max-width:1365px) {
    .about-sec {
        padding: 80px 0
    }

    .menuSlide {
        width: 70vw
    }

    .category-sec {
        padding: 80px 0 0
    }

    .product-detailsec {
        padding: 80px 4%
    }

    .banner .banner_textt>.banner_left_imgs>img {
        width: 160px;
        height: 110px
    }

    .banner-sec::before {
        width: 90px;
        height: 230px
    }

    .menuSec ul li a {
        font-size: 16px;
        padding: 15px 10px
    }

    .auth-section {
        padding: 80px 0;
    }

    .all-section,
    .shopping_cart {
        padding: 80px 0;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {

    .about-sec,
    .menu-sec,
    .why-choose-sec {
        padding: 70px 0
    }

    .banner {
        padding: 60px 0 0
    }

    h1 {
        font-size: 50px
    }

    .banner_textt h1 span {
        font-size: 70px
    }

    .banner-sec::before {
        top: -33px;
        width: 62px;
        height: 140px
    }

    .banner .banner_textt>.banner_left_imgs>img {
        width: 160px;
        height: 110px
    }

    .reviwSlider .slick-slide {
        opacity: 1
    }

    .menuSlide {
        width: 70vw
    }

    .banner .banner_right_wrpr>.vid {
        height: 550px;
        padding: 15px
    }

    .category-sec {
        padding: 70px 0 0
    }

    .product-detailsec {
        padding: 70px 4%
    }

    .credit_paypal a,
    .shopping_cart_table table th {
        font-size: 12px
    }

    .shopping_cart_table {
        padding-right: 0
    }

    .shopping_cart_table table tbody td .t_price {
        font-size: 25px
    }

    .shopping_cart_table table tbody .cart_box_product .cart_product_img {
        width: 40%
    }

    .menuSec ul li a {
        font-size: 14px;
        padding: 15px 5px
    }

    section.product-sec.product-page {
        padding: 80px 0px;
    }

    .auth-section {
        padding: 70px 0;
    }

    .all-section,
    .shopping_cart {
        padding: 70px 0;
    }

    .shopping_cart_table {
        padding: 20px;
    }

    .shopping_cart_table h2 {
        font-size: 35px;
        margin-bottom: 15px;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .reviwSlider .slick-slide {
        opacity: 1
    }

    .bottom-ftr,
    .ftr-icons,
    .ftr-links,
    .nestletter {
        padding: 20px
    }

    .nestletter p {
        width: 100%;
        margin-bottom: 20px
    }

    .create-account,
    .login-account {
        padding: 30px 20px 20px
    }

    .create-account-heading h2,
    .login-heading h2 {
        font-size: 30px
    }

    .login-input input,
    .sinup-input input {
        height: 50px
    }

    .sinup-input-checkbox label {
        font-size: 12px
    }

    .header-right-box ul {
        gap: 10px
    }

    .menuSec ul li a {
        font-size: 12px;
        padding: 15px 0
    }

    .menuSection {
        padding: 5px 0
    }

    .billing-sec,
    .menu-sec,
    section.account-sec {
        padding: 60px 0
    }

    section.contact-pg .custom-mt-5 {
        margin-top: 60px
    }

    .about-text p,
    .cont-bx {
        margin-bottom: 10px
    }

    h2 {
        font-size: 40px
    }

    p {
        font-size: 12px;
        line-height: 20px
    }

    .about-img {
        height: 400px
    }

    .live-music-text {
        align-items: center
    }

    .table-responsive table {
        width: 100% !important
    }

    .shopping_cart_table {
        padding-right: 0
    }

    .payment_card {
        margin-top: 25px
    }

    .billing-input {
        margin-bottom: 20px
    }

    .menuSlide .slick-slide {
        margin: 0 10px
    }

    .menu-produc-box {
        padding: 10px 10px 30px
    }

    .menuSlide {
        width: 70vw
    }

    h1 {
        font-size: 45px
    }

    .banner_textt h1 span {
        font-size: 55px
    }

    .banner-sec::before {
        width: 60px;
        height: 110px
    }

    .banner .banner_textt>.banner_left_imgs>img {
        width: 90px;
        height: 60px
    }

    .category-sec {
        padding: 70px 0
    }

    .categorySlider .slick-next,
    .categorySlider .slick-prev {
        top: 103%;
        right: 0;
        height: 50px
    }

    .categorySlider .slick-prev {
        left: 0
    }

    .banner .banner_right_wrpr>.vid {
        height: 500px;
        padding: 10px
    }

    .product-detailsec {
        padding: 60px 4%
    }

    .product-content {
        margin-top: 30px
    }

    section.product-sec.product-page {
        padding: 60px 0px;
    }

    .auth-section {
        padding: 60px 0;
    }

    .auth-card {
        padding: 25px;
    }

    .all-section,
    .shopping_cart {
        padding: 60px 0;
    }

    .shopping_cart_table {
        padding: 15px;
    }

    .shopping_cart_table h2 {
        font-size: 35px;
        margin-bottom: 15px;
    }
}

@media (max-width: 768px) {
    .inner-banner .banner_textt h1 {
        font-size: 1.8rem;
    }

    .shopping_cart_table,
    .payment_card {
        margin-bottom: 20px;
    }

    .cart_box_product {
        flex-direction: column;
        text-align: center;
    }

    .cart_product_img {
        margin: 0 auto 10px;
    }

    .basket-detail-info {
        padding-left: 0;
        margin-top: 30px;
    }

    .basket-detail-info h1 {
        font-size: 1.5rem;
    }

    .filter-sidebar {
        position: static;
        margin-bottom: 30px;
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .top-bar-left ul {
        gap: 10px
    }

    .header-logo {
        margin: 0 auto 20px
    }

    .gallery-sec .row,
    .header-right-box ul,
    .top-bar-right ul {
        justify-content: center
    }

    .banner-sec::before {
        top: -50px;
        width: 40px;
        height: 100px
    }

    .banner {
        padding: 30px 0 0
    }

    h1 {
        font-size: 45px
    }

    .banner_textt h1 span {
        font-size: 55px
    }

    p {
        font-size: 12px;
        line-height: 20px
    }

    .theme-btn-1 span {
        padding: 6px 20px;
        font-size: 12px
    }

    .banner_left_imgs {
        gap: 10px;
        margin-top: 30px;
        margin-bottom: 50px
    }

    .banner .banner_textt>.banner_left_imgs>img {
        width: 30%;
        height: 65px
    }

    .banner .banner_right_wrpr>.vid {
        height: 500px;
        padding: 10px
    }

    .banner .banner_right_wrpr>a.play-btn>i {
        width: 85px;
        height: 85px;
        font-size: 20px
    }

    .banner .banner_right_wrpr>a.play-btn>img {
        height: 120px
    }

    .banner .banner_right_wrpr>a.play-btn {
        left: 0
    }

    .category-sec {
        padding: 50px 0 0
    }

    .why-choose-sec .section-heading h2,
    h2 {
        font-size: 35px
    }

    .billing-input,
    .category-slider h2,
    .cont-bx {
        margin-bottom: 10px
    }

    .categorySlider .slick-dots li {
        width: 20px;
        height: 8px;
        opacity: .5;
        border-radius: 10px;
        background-color: var(--themeColor)
    }

    .categorySlider .slick-dots li button {
        opacity: 0
    }

    .categorySlider .slick-dots {
        bottom: -5px
    }

    .categorySlider .slick-dots li.slick-active {
        width: 50px;
        opacity: 1
    }

    .about-sec {
        padding: 50px 0;
        overflow-x: hidden
    }

    .about-img-text {
        top: 55px;
        right: -20px;
        width: 200px;
        height: 120px
    }

    .about-img .blob {
        height: 300px
    }

    .about-img,
    .product-sli img {
        height: 400px
    }

    .product-tab .nav-tabs .nav-link {
        font-size: 18px;
        padding: 10px 15px
    }

    .menu-produc-box {
        margin: 10px 0;
        padding: 10px 10px 25px
    }

    .billing-sec,
    .product-detailsec,
    .why-choose-sec {
        padding: 50px 0
    }

    .product-content {
        margin-top: 30px
    }

    .top-section h2 {
        font-size: 25px
    }

    .top-section h2 br {
        display: none
    }

    .product-content .custom-flex {
        gap: 10px;
        margin-top: 15px
    }

    .product-detailsec .nav-link {
        font-size: 14px;
        padding: 8px 10px
    }

    .menu-sec,
    section.account-sec {
        padding: 40px 0
    }

    .menu-text p,
    .menuSlide {
        width: 100%
    }

    .ftr-icons {
        padding: 15px 20px
    }

    .bottom-ftr,
    .ftr-links,
    .menu-text {
        padding: 20px
    }

    footer {
        padding: 0
    }

    .nestletter {
        padding: 0 20px 20px
    }

    .why-choose-box {
        padding: 25px 30px
    }

    .gallery-img-big {
        margin-bottom: 15px;
        min-height: fit-content
    }

    .gallery-img {
        margin-bottom: 10px;
        min-height: fit-content
    }

    .custom-sapce {
        margin-top: 0
    }

    .gallery-sec {
        padding: 40px 0 50px
    }

    .review-sec {
        padding: 0 0 20px
    }

    .menu-text::before {
        width: 100%;
        height: 100%;
        border-radius: 10px
    }

    .menu-text h2 span {
        font-size: 40px
    }

    .menu-text-img {
        width: 100%;
        bottom: 0;
        margin-bottom: -60px
    }

    .table-responsive table {
        width: 700px !important
    }

    .shopping_cart_table {
        padding-right: 0
    }

    .create-account,
    .login-account {
        padding: 30px 10px 10px
    }

    .cart_recipt {
        margin-bottom: 20px
    }

    section.contact-pg {
        padding: 45px 0
    }

    section.contact-pg .custom-mt-5 {
        margin-top: 50px
    }

    .sinup-input-checkbox label {
        font-size: 12px
    }

    .login-account {
        margin-top: 20px
    }

    .sinup-input input {
        height: 45px
    }

    .create-account-heading h2 {
        font-size: 30px
    }

    .sinup-input label {
        font-size: 13px
    }

    .search-box {
        flex-direction: column
    }

    .meun-slider-btn button {
        margin-top: 5px;
        font-size: 12px;
        padding: 5px 15px
    }

    .menuSlide .slick-slide {
        margin: 0 5px
    }

    section.product-sec.product-page {
        padding: 50px 0px;
    }

    .auth-section {
        padding: 50px 0;
    }

    .auth-card {
        padding: 20px;
    }

    .all-section,
    .shopping_cart {
        padding: 50px 0;
    }

    .shopping_cart_table h2 {
        font-size: 30px;
        margin-bottom: 15px;
    }

    .basket-detail-image {
        height: 550px;
    }
}

@media only screen and (min-width:0px) and (max-width:575px) {
    .top-bar-left ul {
        gap: 10px
    }

    .header-logo {
        margin: 0 auto 20px
    }

    .gallery-sec .row,
    .header-right-box ul,
    .top-bar-right ul {
        justify-content: center
    }

    .banner-sec::before {
        top: -50px;
        width: 40px;
        height: 100px
    }

    .banner {
        padding: 30px 0 0
    }

    h1 {
        font-size: 45px
    }

    .banner_textt h1 span {
        font-size: 55px
    }

    p {
        font-size: 12px;
        line-height: 20px
    }

    .theme-btn-1 span {
        padding: 6px 20px;
        font-size: 12px
    }

    .banner_left_imgs {
        gap: 10px;
        margin-top: 30px;
        margin-bottom: 50px
    }

    .banner .banner_textt>.banner_left_imgs>img {
        width: 30%;
        height: 65px
    }

    .banner .banner_right_wrpr>.vid {
        height: 500px;
        padding: 10px
    }

    .banner .banner_right_wrpr>a.play-btn>i {
        width: 85px;
        height: 85px;
        font-size: 20px
    }

    .banner .banner_right_wrpr>a.play-btn>img {
        height: 120px
    }

    .banner .banner_right_wrpr>a.play-btn {
        left: 0
    }

    .category-sec {
        padding: 40px 0 0
    }

    .why-choose-sec .section-heading h2,
    h2 {
        font-size: 35px
    }

    .billing-input,
    .category-slider h2,
    .cont-bx {
        margin-bottom: 10px
    }

    .categorySlider .slick-dots li {
        width: 20px;
        height: 8px;
        opacity: .5;
        border-radius: 10px;
        background-color: var(--themeColor)
    }

    .categorySlider .slick-dots li button {
        opacity: 0
    }

    .categorySlider .slick-dots {
        bottom: -5px
    }

    .categorySlider .slick-dots li.slick-active {
        width: 50px;
        opacity: 1
    }

    .about-sec {
        padding: 40px 0;
        overflow-x: hidden
    }

    .about-img-text {
        top: 55px;
        right: -20px;
        width: 200px;
        height: 120px
    }

    .about-img .blob {
        height: 300px
    }

    .about-img,
    .product-sli img {
        height: 400px
    }

    .product-tab .nav-tabs .nav-link {
        font-size: 18px;
        padding: 10px 15px
    }

    .menu-produc-box {
        margin: 10px 0;
        padding: 10px 10px 25px
    }

    .billing-sec,
    .menu-sec,
    .product-detailsec,
    .why-choose-sec,
    section.account-sec,
    section.contact-pg {
        padding: 40px 0
    }

    .product-content {
        margin-top: 30px
    }

    .top-section h2 {
        font-size: 25px
    }

    .top-section h2 br {
        display: none
    }

    .product-content .custom-flex {
        gap: 10px;
        margin-top: 15px
    }

    .product-detailsec .nav-link {
        font-size: 14px;
        padding: 8px 10px
    }

    .menu-text p,
    .menuSlide {
        width: 100%
    }

    .ftr-icons {
        padding: 15px 20px
    }

    .bottom-ftr,
    .ftr-links,
    .menu-text {
        padding: 20px
    }

    footer {
        padding: 0
    }

    .nestletter {
        padding: 0 20px 20px
    }

    .why-choose-box {
        padding: 25px 30px
    }

    .gallery-img-big {
        margin-bottom: 15px;
        min-height: fit-content
    }

    .gallery-img {
        margin-bottom: 10px;
        min-height: fit-content
    }

    .custom-sapce {
        margin-top: 0
    }

    .gallery-sec {
        padding: 30px 0 40px
    }

    .review-sec {
        padding: 0 0 20px
    }

    .menu-text::before {
        width: 100%;
        height: 100%;
        border-radius: 10px
    }

    .menu-text h2 span {
        font-size: 40px
    }

    .menu-text-img {
        width: 100%;
        bottom: 0;
        margin-bottom: -60px
    }

    .table-responsive table {
        width: 700px !important
    }

    .shopping_cart_table {
        padding-right: 0
    }

    .create-account,
    .login-account {
        padding: 30px 10px 10px
    }

    .cart_recipt {
        margin-bottom: 20px
    }

    section.contact-pg .custom-mt-5 {
        margin-top: 40px
    }

    .sinup-input-checkbox label {
        font-size: 12px
    }

    .login-account {
        margin-top: 20px
    }

    .sinup-input input {
        height: 45px
    }

    .create-account-heading h2 {
        font-size: 30px
    }

    .sinup-input label {
        font-size: 13px
    }

    .search-box {
        flex-direction: column
    }

    .meun-slider-btn button {
        margin-top: 5px;
        font-size: 12px;
        padding: 5px 15px
    }

    .menuSlide .slick-slide {
        margin: 0 5px
    }

    section.product-sec.product-page {
        padding: 40px 0px;
    }

    .auth-section {
        padding: 40px 0;
    }

    .auth-card {
        padding: 20px;
    }

    .billing-input input,
    .billing-input select {
        height: 50px;
    }

    .auth-card .billing-input input,
    .auth-card .billing-input textarea {
        padding: 11px 20px;
    }

    .form-check.mb-3 {
        padding-left: 0px;
    }

    .cart_recipt>a {
        font-size: 12px;
        padding: 9px 18px;
    }

    .payment_card {
        padding: 10px 15px 15px;
    }

    .all-section,
    .shopping_cart {
        padding: 40px 0;
    }

    .shopping_cart_table {
        padding: 15px;
    }

    .shopping_cart_table h2 {
        font-size: 30px;
        margin-bottom: 15px;
    }

    .basket-detail-image {
        height: 450px;
    }
}