@font-face {
    font-family: 'Avenir LT Std';
    src: url('../fonts/AvenirLTStd-Black.eot');
    src: url('../fonts/AvenirLTStd-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-Black.woff2') format('woff2'), url('../fonts/AvenirLTStd-Black.woff') format('woff'), url('../fonts/AvenirLTStd-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('../fonts/AvenirLTStd-Book.eot');
    src: url('../fonts/AvenirLTStd-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-Book.woff2') format('woff2'), url('../fonts/AvenirLTStd-Book.woff') format('woff'), url('../fonts/AvenirLTStd-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('../fonts/AvenirLTStd-Medium.eot');
    src: url('../fonts/AvenirLTStd-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-Medium.woff2') format('woff2'), url('../fonts/AvenirLTStd-Medium.woff') format('woff'), url('../fonts/AvenirLTStd-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('../fonts/AvenirLTStd-Roman.eot');
    src: url('../fonts/AvenirLTStd-Roman.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-Roman.woff2') format('woff2'), url('../fonts/AvenirLTStd-Roman.woff') format('woff'), url('../fonts/AvenirLTStd-Roman.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.scaling {
    -webkit-animation: scale 3s infinite linear;
    animation: scale 15s infinite linear;
}

.movebounce {
    -webkit-animation: movebounce-up 6s infinite linear;
    animation: movebounce-up 6s infinite linear;
}

.moving {
    -webkit-animation: moveIn-to 20s infinite linear;
    animation: moveIn-to 20s infinite linear;
}

.rotated {
    -webkit-animation: rotated360 25s infinite linear;
    animation: rotated360 25s infinite linear;
}

.rotated30 {
    -webkit-animation: rotated30 5s infinite linear;
    animation: rotated30 5s infinite;
}

@-webkit-keyframes movebounce-up {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    50% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@keyframes movebounce-up {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    50% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@-webkit-keyframes moveIn-to {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    50% {
        -webkit-transform: translate(50px, 0);
        transform: translate(50px, 0)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes moveIn-to {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    50% {
        -webkit-transform: translate(50px, 0);
        transform: translate(50px, 0)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes rotated360 {
    0% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg)
    }
    100% {
        -webkit-transform: rotateZ(-360deg);
        transform: rotateZ(-360deg)
    }
}

@keyframes rotated360 {
    0% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg)
    }
    100% {
        -webkit-transform: rotateZ(-360deg);
        transform: rotateZ(-360deg)
    }
}

@-webkit-keyframes rotated30 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes rotated30 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

/*1. Animate css, 2. Smartmenus css, 3. Slick css, 4. Reset css, 5. Core css, 6. custom css*/

/* =================animate css starts here================= */

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.mfp-wrap {
    z-index: 99999;
}

/* =================animate css ends here================= */

/* =================smartmenus css start here================= */

.navbar-nav.sm-collapsible .sub-arrow {
    position: absolute;
    top: 50%;
    right: 0;
    margin: -0.7em 0.5em 0 0;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: .25rem;
    padding: 0;
    width: 2em;
    height: 1.4em;
    font-size: 1.25rem;
    line-height: 1.2em;
    text-align: center;
}

.navbar-nav.sm-collapsible .sub-arrow::before {
    content: '+';
}

.navbar-nav.sm-collapsible .show>a>.sub-arrow::before {
    content: '-';
}

.navbar-dark .navbar-nav.sm-collapsible .nav-link .sub-arrow {
    border-color: rgba(255, 255, 255, .1);
}

.navbar-nav.sm-collapsible .has-submenu {
    padding-right: 3em;
}

.navbar-nav.sm-collapsible .nav-link,
.navbar-nav.sm-collapsible .dropdown-item {
    position: relative;
}

.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent;
}

.fixed-bottom .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow,
.fixed-bottom .navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-toggle::after {
    border-top: 0;
    border-bottom: .3em solid;
}

.navbar-nav:not(.sm-collapsible) .dropdown-item .sub-arrow,
.navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-menu .dropdown-toggle::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 0;
    height: 0;
    margin-top: -.3em;
    margin-right: 1em;
    border-top: .3em solid transparent;
    border-bottom: .3em solid transparent;
    border-left: .3em solid;
}

.navbar-nav:not(.sm-collapsible) .dropdown-item.has-submenu {
    padding-right: 2em;
}

.navbar-nav .scroll-up,
.navbar-nav .scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    height: 20px;
    overflow: hidden;
    text-align: center;
}

.navbar-nav .scroll-up-arrow,
.navbar-nav .scroll-down-arrow {
    position: absolute;
    top: -2px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-top: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid;
    border-left: 7px solid transparent;
}

.navbar-nav .scroll-down-arrow {
    top: 6px;
    border-top: 7px solid;
    border-right: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid transparent;
}

.navbar-nav.sm-collapsible .dropdown-menu .dropdown-menu {
    margin: .5em;
}

.navbar-nav:not([data-sm-skip]) .dropdown-item {
    white-space: normal;
    font-size: 14px;
}

.navbar-nav:not(.sm-collapsible) .sm-nowrap>li>.dropdown-item {
    white-space: nowrap;
}

/* =================smartmenus css ends here================= */

/* =================slick css ends here================= */

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

.slick-slide img {
    display: block;
    width: 100%;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-prev,
.slick-next {
    z-index: 99;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    float: left;
    padding: 0;
    margin-top: -25px\9;
    /*lte IE 8*/
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    width: 40px;
    height: 40px;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled,
.slick-next.slick-disabled {
    opacity: .3;
    cursor: no-drop;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'font Awesome 5 Free';
    font-weight: 900;
    font-size: 14px;
    line-height: 1;
    opacity: 0.9;
    color: #fff;
    text-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: transparent;
    border-radius: 50%;
    display: inline-block;
    padding: 0;
}

.slick-prev {
    left: 15px;
}

.slick-prev:before {
    content: "\f053";
}

.slick-next {
    right: 15px;
}

.slick-next:before {
    content: "\f054";
}

.slick-slider {
    margin-bottom: 0;
    padding-bottom: 45px;
}

.slick-dots {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
    vertical-align: top;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 0px;
    padding: 0;
    text-align: center;
    cursor: pointer;
    vertical-align: top;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: inline-block;
    width: 15px;
    height: 15px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
    opacity: 1;
    border: solid 1px #000;
    border-radius: 50%;
    vertical-align: top;
    margin: 5px 6px;
}

.slick-dots li.slick-active button,
.slick-dots li:hover button {
    opacity: 1;
    background-color: #000;
}

.white-dots .slick-dots li button {
    border-color: #fff;
    background: #fff;
    opacity: 0.4;
}

.white-dots .slick-dots li.slick-active button,
.white-dots .slick-dots li:hover button {
    background-color: #fff;
    opacity: 1;
}

.review-list .slick-prev,
.review-list .slick-next {
    top: unset;
    bottom: -30px;
}

/* =================slick css end here=================  */

/* =================reset css starts here=================  */

* {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
body,
html,
form,
fieldset {
    margin: 0;
    padding: 0;
    outline: none;
    border: 0
}

a {
    text-decoration: none;
    border: 0;
    outline: 0;
}

ul {
    list-style: none;
}

a:focus,
input:focus,
textarea:focus,
*:focus {
    outline: 0 !important;
}

/* =================reset css ends here================= */

/* =================core css starts here================= */

body {
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    font-family: 'Avenir LT Std', sans-serif;
    color: #000;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-top: 98px;
}

.container {
    width: calc(100% - 116px);
    max-width: 1440px;
}

a,
input,
button {
    display: inline-block;
    text-decoration: none;
    color: inherit;
    outline: none;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
}

a img {
    border: 0px none;
}

a:hover {
    outline: none;
    color: inherit;
    text-decoration: none;
}

a:active {
    outline: none;
    text-decoration: none;
}

a:focus {
    outline: none;
    outline-offset: 0px;
    text-decoration: none;
    color: inherit;
}

::-webkit-input-placeholder {
    color: #000;
    opacity: 0.5;
}

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

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

:-ms-input-placeholder {
    color: #000;
    opacity: 0.5;
}

.os-animation {
    opacity: 0;
}

.os-animation.animated {
    opacity: 1;
}

img {
    max-width: 100%;
    border: 0;
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0px;
    padding: 0px;
    margin-bottom: 24px;
    line-height: 1.2;
    font-weight: 700;
    color: inherit;
}

h1 {
    font-size: 58px;
}

h2 {
    font-size: 48px;
}

h3 {
    font-size: 40px;
}

h4 {
    font-size: 14px
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 14px;
}

p {
    margin: 0px;
    padding: 0px;
    margin-bottom: 24px;
    font-size: 14px;
    text-align: justify;
}

strong {
    font-weight: 700;
}

b {
    font-weight: 400;
}

p:last-child {
    margin-bottom: 0;
}

.btn {
    border-radius: 5px;
    font-weight: 500;
    padding: 11px 20px 9px;
    min-width: 200px;
    font-size: 14px line-height: 27px;
    box-shadow: none;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 24.5px;
}

.btn:hover,
.btn:focus {
    box-shadow: none;
}

.btn-default,
.btn-default:focus {
    color: white;
    background-color: #FBCC4B;
    border: transparent;
    background: linear-gradient(to right, #1570B0, #E1E741);
}

.btn-default:hover,
.btn-default:active {
    color: #000;
    background-color: #F1B715;
    border-color: #F1B715;
}

.btn-default.two,
.btn-default.two:focus {
    color: #000;
    background-color: #F1B715;
    border: solid 1px #F1B715;
}

.btn-default.two:hover,
.btn-default.two:active {
    color: #000;
    background-color: #ffc625;
    border-color: #ffc625;
}

.btn-primary,
.btn-primary:focus {
    color: #000;
    background-color: #fff;
    border: solid 1px #fff;
}

.btn-primary:hover,
.btn-primary:active {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}

.btn-primary.two,
.btn-primary.two:focus {
    color: #43AA8B;
    background-color: #fff;
    border: solid 1px #fff;
}

.btn-primary.two:hover,
.btn-primary.two:active {
    color: #43AA8B;
    background-color: #fff;
    border-color: #fff;
}

.btn.btn-block {
    min-width: 100%;
}

.btn+.btn {
    margin-left: 25px;
}

.add-cart-btn {
    background: #FBCC48;
    border-radius: 3px;
    font-size: 12px;
    line-height: 18px;
    display: block;
    padding: 5px 10px;
    margin-top: 6px;
    color: white !important;
    font-weight: 500;
    background: linear-gradient(to right, #1570B0, #E1E741);
}

.add-cart-btn span {
    margin-left: 10px;
}

.add-cart-btn span del {
    color: #6A6146;
}

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

ul:not([class]) {
    list-style: none;
    margin-bottom: 15px;
    text-align: left;
    line-height: 22px;
}

ul:not([class])>li {
    padding-left: 16px;
    font-size: 14px position: relative;
    margin-bottom: 14px;
    text-align: justify;
}

ul:not([class])>li:last-child {
    margin-bottom: 0;
}

/*ul:not([class]) > li:before { content: ''; position: absolute; left: 2px; top: 10px; background: #000; height: 5px; width: 5px; border-radius: 50%; }*/

.grey-bg {
    background: #f5f5f5;
}

.content-container {
    padding: 50px 0;
}

.content-container.less-pad {
    padding: 35px 0;
}

.content-container.more-pad {
    padding: 75px 0;
}

.heading {
    margin-bottom: 30px;
}

.heading h3 {
    font-size: 14px;
    font-weight: 700;
    color: #000;
    margin-bottom: 0;
    position: relative;
    z-index: 999;
    text-transform: capitalize;
}

.heading-two {
    margin-bottom: 20px;
}

.heading-two h5 {
    font-weight: 800;
    font-size: 14px line-height: 40px;
    color: #000;
    margin-bottom: 0;
}

.heading-two h6 {
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 27px;
    color: #D12A31;
    margin-bottom: 0;
    font-family: 'Handlee';
}

.bg-green-light {
    background-color: #43AA8B;
    color: #fff;
}

.bg-yellow {
    background-color: #fff;
}

.bg-yellow-light {
    background-color: #fff;
}

.back-drop {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index: 99;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
    visibility: hidden;
}

.cart-open .back-drop {
    opacity: 1;
    visibility: visible;
}

.text-chocl {
    color: #000;
}

/* =================core css ends here================= */

/* ================= Header Start ================= */

body.header-transparent {
    padding-top: 0;
}

.header-transparent .navbar {
    height: 130px;
}

.header-transparent #header {
    background: transparent;
}

.header-transparent .navbar-brand {
    width: 210px;
}

.header-transparent.header-fixed .navbar-brand {
    width: 160px;
}

.header-transparent .navbar-brand img {
    filter: brightness(0) invert(1);
}

.header-transparent .cart-close img {
    filter: brightness(0) invert(1);
}

body.show-menu {
    position: fixed;
    width: 100%;
}

#header {
    color: #333;
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    border-bottom: 1px solid #f1b715;
    right: 0;
    padding: 0;
    z-index: 9999;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    display: flex;
    align-items: center;
}

.header-fixed #header {
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1);
}

.navbar {
    width: 100%;
    height: 98px;
    transition: all .3s ease-in;
}

.navbar-brand {
    transition: all .3s ease-in;
    object-fit: contain;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 999;
}

.navbar-brand img {
    width: 100%;
}

.navbar-brand img {
    width: 100%;
    max-width: 130px;
}

.header-fixed .navbar {
    height: 98px;
}

/*.header-fixed .navbar-brand { width: 146px; }*/

.header-fixed .navbar-brand img {
    width: 100%;
    filter: none;
}

.navbar-expand-xl .navbar-nav .nav-item {
    margin: 0 16px;
}

.navbar-expand-xl .navbar-nav .nav-link {
    font-size: 14px;
    line-height: 43px;
    font-weight: 500;
    color: #000;
    padding: 0;
    margin: 0;
    position: relative;
}

/* .navbar-expand-xl .navbar-nav .nav-link::before { content: ''; position: absolute; width: 0; right: 0; height: 2px; background-color: #fff; bottom: 5px; transition: all .3s ease-in; } */

.navbar-expand-xl .navbar-nav .nav-link:hover::before,
.navbar-expand-xl .navbar-nav .nav-item.active .nav-link::before {
    width: 100%;
    left: 0;
    right: auto;
}

.navbar-expand-xl .navbar-nav .nav-item:hover .nav-link,
.navbar-expand-xl .navbar-nav .nav-item.active .nav-link {
    color: #000;
}

.header-fixed .navbar-expand-xl .navbar-nav .nav-item:hover .nav-link,
.header-fixed .navbar-expand-xl .navbar-nav .nav-item.active .nav-link {
    color: #000;
}

.header-right .header-right-btn {
    font-size: 14px font-weight: 500;
    color: #fff;
    padding: 0;
    margin: 0;
}

.header-right .header-right-btn+.header-right-btn {
    margin-left: 24px;
}

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

.nav-inside {
    width: 100%;
    padding: 0;
}

.header-right {
    margin-left: 10px;
    position: relative;
}

.nav-inside-content {
    padding: 30px 0;
}

@media only screen and (min-width:1200px) {
    .navbar-nav>li>.dropdown-menu {
        display: block !important;
        top: 100% !important;
        margin-top: 10px !important;
        opacity: 0;
        visibility: hidden;
        background: #000;
        color: #fff;
        min-width: 180px;
        box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);
        border: 0;
        border-radius: 0;
        transition: all 0.1s ease-in;
        -moz-transition: all 0.1s ease-in;
        -webkit-transition: all 0.1s ease-in;
    }
    .dropdown:hover .dropdown-menu {
        opacity: 1;
        visibility: visible;
        margin-top: 0px !important;
        transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
    }
    .dropdown-item {
        color: #fff !important;
        padding: 5px 15px;
        font-weight: 400;
    }
    .dropdown-item:focus,
    .dropdown-item:hover {
        color: #333;
        background: transparent;
    }
    .dropdown-item:hover {
        padding-left: 20px;
    }
}

.navbar-toggler {
    width: 45px;
    height: 45px;
    border-radius: 0;
    cursor: pointer;
    text-decoration: none;
    padding: 0;
    border: 0;
    background: transparent;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    box-shadow: none !important;
    outline: none !important;
}

.navbar-default .navbar-toggler:hover,
.navbar-default .navbar-toggler:focus {
    background: transparent;
}

.navbar-toggler:not([class="collapsed"]),
.navbar-toggler:not([class="collapsed"]):focus,
.navbar-toggler:not([class="collapsed"]):hover {
    background: transparent;
}

.navbar-toggler.collapsed,
.navbar-toggler.collapsed:focus,
.navbar-toggler.collapsed:hover {
    background: transparent;
}

.navbar-toggler .icon-bar {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 4px;
    color: #243238;
    text-indent: -55px;
    margin-top: 0;
    background: transparent !important;
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    vertical-align: middle;
}

.navbar-toggler .icon-bar:before,
.navbar-toggler .icon-bar:after {
    content: '';
    width: 22px;
    height: 4px;
    background: #005983;
    position: absolute;
    left: 0;
    transition: all .2s ease-out;
}

.navbar-toggler.collapsed .icon-bar {
    background: #005983 !important;
}

.navbar-toggler.collapsed .icon-bar:before,
.navbar-toggler.collapsed .icon-bar:after {
    background: #005983;
}

.navbar-toggler.collapsed .icon-bar:before {
    top: -8px;
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
}

.navbar-toggler .icon-bar:before {
    top: 0;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.navbar-toggler.collapsed .icon-bar:after {
    bottom: -8px;
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
}

.navbar-toggler .icon-bar:after {
    bottom: 0;
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
}

.header-right-btn.cart-btn img {
    width: 100%;
    margin-top: -4px;
    filter: invert(1);
}

.header-right-btn.cart-btn {
    position: relative;
    width: 34px;
}

.cart-item-count {
    position: absolute;
    background-color: #D12A31;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    font-size: 8px;
    text-align: center;
    line-height: 15px;
    right: -2px;
    top: 3px;
    animation: scale 3s infinite linear;
}

.item-added .cart-item-count {
    display: block;
}

/* ================= Header End ================= */

/* ================= Content Start ================= */

.hero-container {
    padding-top: 134px !important;
    padding-bottom: 0 !important;
    background: radial-gradient(44.75% 44.75% at 31.6% 55.25%, #F0C119 0%, #B3710F 100%);
}

.hero-img-box img {
    width: 100%;
    object-fit: contain;
    /* margin-bottom: -74px; */
    max-height: 76vh;
    transition: all .5s ease-in;
    opacity: 0;
    transform: translateY(50%) scale(1.3);
}

.hero-text-content {
    padding: 50px 0;
}

.hero-img-box {
    position: relative;
    text-align: center;
    padding-bottom: 28%;
}

.hero-text-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hero-text-top .htp-1 {
    width: 23%;
}

.hero-text-top .htp-2 {
    width: 30%;
    margin-right: 16%;
    transform: rotate(351deg) translateY(-16%);
}

.hero-box .htp-3 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 20%;
    max-width: 330px;
    transition: all .3s ease-in;
    bottom: -75px;
    opacity: 0;
}

.slick-current .hero-box .htp-3 {
    bottom: 0;
    opacity: 1;
}

.hero-text {
    font-weight: 500;
    font-size: 40px;
    line-height: 55px;
    color: #fff;
    transition: none;
    opacity: 0;
    transform: translateY(40px);
}

.hero-text h1,
.hero-text h2 {
    color: #fff;
    font-style: normal;
    font-weight: 800;
    font-size: 65px;
    line-height: 76px;
    letter-spacing: 0.055em;
    margin-bottom: 10px;
    max-width: 600px;
}

.hero-text p {
    max-width: 600px;
}

.hero-img-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !IMPORTANT;
    object-fit: cover;
}

.hero-item.slick-current .hero-img-box img {
    transform: translate(0) scale(1);
    opacity: 1;
    transition: all .5s ease-in;
    z-index: 999;
}

.hero-item.slick-current .hero-text {
    opacity: 1;
    transition: all .5s ease-in;
    transform: translateY(0);
}

.about-text {
    font-size: 14px;
    line-height: 32px;
    font-weight: 500;
    text-align: justify;
}

.about-img.img-1 {
    max-width: 500px;
    margin-top: 0px;
}

.about-img img {
    width: 100%;
}

.about-img.img-2 {
    max-width: 590px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    flex-flow: column;
}

.about-img.img-2 img {
    margin-top: auto;
}

.with-us-container.bg-green-light {
    background-color: #000;
}

.with-us-img-innr .with-us-logo {
    filter: brightness(0) invert(1);
}

.with-us-content .btn {
    color: #000 !important;
}

.with-us-content {
    padding: 65px 0;
    max-width: 750px;
    font-size: 14px;
    line-height: 32px;
    text-align: justify;
    height: 100%;
    display: flex;
    flex-flow: column;
    align-items: start;
    justify-content: center;
}

.with-us-content h3 {
    font-size: 14px;
    line-height: 68px;
    margin-bottom: 10px;
    text-align: left;
}

.with-us-img {
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: end;
}

.with-us-img-innr .with-us-logo {
    width: 25%;
    position: absolute;
    left: 0;
    top: 5%;
}

.with-us-img-innr img {
    width: 100%;
}

.recommend-text blockquote {
    font-size: 35px;
    line-height: 44px;
    font-weight: 700;
    margin-bottom: 28px;
}

.recommend-text .quote-by {
    font-size: 14px;
    color: #000;
    font-style: italic;
    font-weight: 500;
    margin-bottom: 0;
}

.recommend-text .recommend-cta {
    margin-top: 60px;
}

.recommend-text {
    font-size: 35px;
    line-height: 44px;
    font-weight: 700;
}

.recommend-imgs {
    position: relative;
    max-width: 460px;
    margin: 0 auto;
}

.recommend-imgs span {
    position: absolute;
    display: block;
}

.recommend-img-three {
    top: 50%;
    transform: translateY(-50%);
    left: -70px;
}

.recommend-img-two {
    bottom: 20%;
    right: -20%;
}

.recommend-img-one {
    top: 18%;
    right: -16%;
}

.recipe-list.recipe-sldier {
    padding-right: 100px;
    margin-bottom: 0;
}

.recipe-list.recipe-sldier .recipe-item {
    margin-bottom: 0;
}

.recipe-list {
    width: calc(100% + 26px);
    margin-left: -13px;
    margin-bottom: -30px;
}

.recipe-list .slick-list {
    overflow: visible;
}

.recipe-item {
    width: 25%;
    padding: 0 13px;
    margin-bottom: 30px;
}

.recipe-item.mix {
    display: none;
}

.recipe-box {
    display: block;
}

.recipe-thumb {
    width: 100%;
    position: relative;
    padding-bottom: 100%;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 14px;
    display: block;
}

.recipe-thumb img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s ease-in;
}

.recipe-meta h3 {
    font-size: 14px font-weight: 500;
    line-height: 36px;
    margin-bottom: 9px;
    color: #000;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.recipe-meta-date {
    font-size: 14px font-weight: 500;
    color: #000;
    transition: all .3s ease-in;
    display: flex;
    align-items: center;
}

.recipe-meta-date img {
    width: 24px;
    margin-right: 5px;
    filter: brightness(0);
    transition: all .3s ease-in;
    margin-bottom: 2px;
}

.recipe-box:hover .recipe-meta h3,
.recipe-box:hover .recipe-meta-date {
    color: #000;
}

.recipe-box:hover .recipe-meta-date img {
    filter: none;
}

.recipe-box:hover .recipe-thumb img {
    transform: scale(1.1) rotate(4deg);
}

.bottom-text {
    letter-spacing: .3px;
    line-height: 30px;
}

.review-list .slick-prev:before,
.review-list .slick-next:before {
    color: #000;
}

.review-by {
    font-weight: 600;
    font-size: 14px;
}

.review-box blockquote {
    font-style: italic;
    text-align: justify;
    font-size: 14px;
}

.bottom-img-1 {
    position: relative;
    margin: 0px 34px 0px 0px;
}

.bottom-img-1::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border: 4px solid #D12A31;
    border-radius: 8px;
    transform: rotate(-10deg);
    z-index: -1;
    animation: rotated30 5s infinite linear;
}

.bottom-img-1 img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    overflow: hidden;
}

.bottom-img-2 {
    margin-left: -10px;
    position: relative;
    margin-bottom: -1px;
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, .4));
}

.vrtcl-slide-list .slick-list {
    padding: 60px 0 60px !important;
}

.vrtcl-slide-item {
    padding: 30px 0;
    opacity: .4;
}

.vrtcl-slide-item.slick-slide.slick-current {
    opacity: 1;
}

.vrtcl-slide-box h3 {
    font-weight: 800;
    font-size: 35px;
    margin-bottom: 10px;
    line-height: 48px;
    letter-spacing: 0.045em;
    color: #000;
}

.vrtcl-slide-box {
    font-weight: 500;
    font-size: 14px line-height: 41px;
    color: #000;
}

.vrtcl-slide-box p {
    font-size: 14px line-height: 32px;
}

.vrtcl-slide-meta {
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
}

.btn-exp {
    font-weight: 500;
    font-size: 14px;
    line-height: 30px;
    color: #fff !important;
    display: inline-flex;
    align-items: center;
    background: linear-gradient(to right, #1570B0, #E1E741);
    box-shadow: 0px 4px 4px rgb(0 0 0 / 10%);
    padding: 2px 16px;
    border-radius: 20px;
    margin: 4px 0 8px;
}

.btn-exp img {
    width: 18px;
    margin-left: 6px;
    transition: all .3s ease-in;
    filter: brightness(0) invert(1);
}

.btn-exp:hover img {
    margin-left: 10px;
}

.vrtcl-img-list {
    height: 100%;
    margin-right: -210px;
}

.vrtcl-img-list .slick-list,
.vrtcl-img-list .slick-track {
    height: 100%;
}

.vrtcl-img-box {
    text-align: center;
    height: 100%;
    display: flex;
    flex-flow: column;
    padding-top: 30px;
}

.vrtcl-img-box img {
    max-width: 500px;
    margin: 0 auto;
    margin-top: auto;
    transform: translateX(100%) rotate(40deg);
    transition: .3s ease-in;
    margin-bottom: 0px;
}

.slick-current .vrtcl-img-box img {
    transform: translateX(0) rotate(-10deg);
}

.vrtcl-slide-list {
    padding-left: 32px;
}

.vrtcl-slide-list .slick-prev,
.vrtcl-slide-list .slick-next {
    transform: none;
    left: -8px;
    width: 30px;
    height: 50px;
}

.vrtcl-slide-list .slick-prev {
    top: calc(50% - 150px);
}

.vrtcl-slide-list .slick-next {
    bottom: calc(50% - 150px);
    top: auto;
}

.vrtcl-slide-list .slick-prev:before,
.vrtcl-slide-list .slick-next:before {
    width: 30px;
    height: 50px;
    content: '' !important;
    background-repeat: no-repeat;
    background-position: center;
}

.vrtcl-slide-list .slick-prev::before {
    background-image: url(../images/slick-arr-top.png);
}

.vrtcl-slide-list .slick-next::before {
    background-image: url(../images/slick-arr-bottom.png);
}

.product-tabs {
    margin-bottom: 30px;
    border-bottom: 3px solid #E1DCDA;
}

.product-tabs li {
    width: 16.66%;
    padding: 10px;
}

.product-tab-box {
    text-align: center;
    cursor: pointer;
    position: relative;
    height: 100%;
}

.product-tab-box h4 {
    color: rgba(116, 116, 116, 0.58);
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 0;
    transition: all .3s ease-in;
    text-transform: capitalize;
}

.product-tab-box img {
    width: auto;
    height: 130px;
    margin-bottom: 10px;
    transition: all .3s ease-in;
}

.filter.active .product-tab-box img {
    filter: none;
}

.filter.active .product-tab-box h4,
.filter:hover .product-tab-box h4 {
    color: #000;
}

.product-tab-box::before {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    background-color: #000;
    bottom: -12px;
    z-index: 90;
    left: auto;
    right: 0;
    transition: all .3s ease-in;
}

.filter.active .product-tab-box::before,
.filter:hover .product-tab-box::before {
    width: 100%;
    left: 0;
    right: auto;
}

.product-list {
    justify-content: center;
}

.product-item {
    padding: 8px 14px;
    /*width: 30%;*/
}

.product-item.mix {
    display: none;
}

.product-img {
    position: relative;
    /*padding-bottom: 106%;*/
    text-align: center;
    margin-bottom: 0;
}

.product-img img{
    aspect-ratio: 5/7;
    height: auto;
    /*object-fit: contain;*/
    min-height: 308px;
    display: block;
    width: 100%;
    border-radius: 10px;
}

.product-box {
    text-align: center;
    display: flex;
    padding: 14px;
    padding-top: 0;
    border-radius: 6px;
    transition: all .3s ease-in;
    flex-flow: column;
    height: 100%;
}

.product-cta {
    font-size: 14px;
    color: #000;
    font-weight: 500;
    display: block;
    margin-top: 20px;
    text-transform: uppercase;
}

.product-cta img {
    width: 14px;
    vertical-align: unset;
    margin-left: 2px;
}

.product-box:hover {
    box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.15);
}

.product-box .add-cart-btn {
    opacity: 0;
    visibility: hidden;
}

.product-box:hover .add-cart-btn {
    opacity: 1;
    visibility: visible;
}

.cart-wrapper {
    position: absolute;
    max-width: 420px;
    background-color: #FFE6D3;
    height: 448px;
    /* opacity: 0;visibility: hidden; */
    right: 0;
    top: 65px;
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease-in;
    margin-top: 20px;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 40%);
}

.cart-open .cart-wrapper {
    margin-top: 0;
    opacity: 1;
    visibility: visible;
}

.cart-body {
    height: calc(100% - 50px);
    overflow-y: auto;
}

.cart-body-inner {
    padding: 24px;
    padding-right: 16px;
    padding-top: 30px;
    padding-bottom: 8px;
}

.cart-item-box {
    padding: 15px 15px 20px;
    background-color: #fff;
    border-radius: 10px;
}

.cart-item-img {
    width: 42px;
    max-height: 80px;
}

.cart-item-img img {
    width: auto;
    height: 100%;
}

.cart-item-text .cart-item-remove {
    position: absolute;
    right: 0;
    top: 6px;
    width: 10px;
    height: 10px;
    display: block;
    cursor: pointer;
}

.cart-item-text .cart-item-remove img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: super;
}

.cart-list .cart-item+.cart-item {
    margin-top: 10px;
}

.cart-item-text {
    width: calc(100% - 42px);
    padding-left: 10px;
    display: flex;
    flex-flow: column;
    height: 100%;
    position: relative;
}

.cart-item-text .cart-item-title {
    padding-right: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    /* identical to box height */
    color: #000;
    margin-bottom: 6px;
}

.cart-item-text .cart-item-meta {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #5C5C5C;
    margin-bottom: 10px;
}

.cart-item-text .cart-item-price {
    margin-top: auto;
    font-size: 14px line-height: 27px;
    color: #000;
    font-weight: 500;
    margin-bottom: 0px;
}

.cart-item-text .cart-item-incrmnt {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 88px;
    font-size: 14px;
    display: flex;
}

.cart-item-text .cart-item-img img {
    height: 100%;
    object-fit: contain;
}

.cart-item-text .cart-item-incrmnt .cart-item-val {
    width: calc(100% - 54px);
    border: 1px solid #000;
    color: #000;
    text-align: center;
    font-weight: 500;
    line-height: 23px;
}

.cart-item-text .cart-item-incrmnt .cart-item-inc {
    min-width: 27px;
    border: 1px solid #000;
    border-right: 0;
    border-radius: 13px 0 0 13px;
    background: transparent !important;
    line-height: 10px;
    font-size: 14px color: #000;
    padding: 2px 5px 7px;
}

.cart-item-text .cart-item-incrmnt .cart-item-dcr {
    width: 27px;
    border: 1px solid #000;
    border-left: 0;
    border-radius: 0 13px 13px 0;
    background: transparent !important;
    line-height: 10px;
    font-size: 14px color: #000;
    padding: 5px 5px 7px;
}

.cart-item-text .cart-item-incrmnt .cart-item-inc:hover,
.cart-item-text .cart-item-incrmnt .cart-item-dcr:hover {
    color: #fff;
    background: #000 !important;
}

.cart-bottom .cart-bottom-btn {
    background: #FBCC48;
    display: block;
    padding: 13px 20px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
}

.cart-bottom .cart-bottom-btn:hover {
    background-color: #F1B715;
}

.cart-bottom .cart-bottom-btn span {
    margin-left: 12px;
    float: right;
}

.cart-body::-webkit-scrollbar-track {
    border-radius: 0px;
    background-color: #D9D9D9;
}

.cart-body::-webkit-scrollbar {
    width: 12px;
    background-color: #D9D9D9;
}

.cart-body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #FBCC48;
}

.cart-heading {
    margin-bottom: 6px;
}

.cart-heading h5 {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #000;
    margin-bottom: 0;
}

.cart-heading h5 span {
    float: right;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #D12A31;
    font-family: 'Handlee', cursive;
}

.cart-list {
    margin-bottom: 18px;
}

.cart-slide-list {
    width: calc(100% + 12px);
    margin-left: -6px;
}

.cart-slide-list .slick-track {
    display: flex;
}

.cart-slide-list .slick-list {
    margin-right: -10px;
    padding-right: 0;
}

.cart-slide-box {
    background: #FFFFFF;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    padding: 25px 6px 10px;
    text-align: center;
    position: relative;
    height: 100%;
}

.cart-slide-item {
    width: 155px;
    padding: 12px 6px;
    height: auto;
}

.cart-slide-img {
    height: 100px;
    margin-bottom: 10px;
}

.cart-slide-img img {
    width: auto;
    height: 100%;
    object-fit: contain;
    margin: 0 auto;
}

.cart-slide-box h4 {
    font-weight: 500;
    font-size: 10px;
    line-height: 14px;
    color: #000;
    margin-bottom: 4px;
}

.cart-slide-box h6 {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #000;
    margin-bottom: 0;
}

.cart-slide-btn {
    position: absolute;
    padding: 10px;
    background-color: #FBCC48;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-radius: 0 0 0 14px;
    top: 0;
    right: 0;
    transition: all .3s ease-in;
}

.cart-slide-btn img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cart-slide-btn:hover {
    background-color: #F1B715;
}

.cart-close {
    position: absolute;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 7px;
    left: 50%;
    transform: translateX(-50%) rotate(-45deg);
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
}

.cart-close img {
    width: 100%;
}

.cart-open .cart-close {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) rotate(0deg);
}

.cart-open .header-right-btn.cart-btn {
    opacity: 0;
    visibility: hidden;
}

.content-container.about-container {
    position: relative;
    overflow: hidden;
}

.about-logo {
    text-align: center;
    margin-bottom: 30px;
}

.about-logo img {
    width: 220px;
}

.about-wrapper {
    position: relative;
}

.about-imgs-box {
    width: 100%;
    padding: 0 28% 20px 26%;
}

.about-main-img {
    position: relative;
}

.about-main-img .about-arr-one {
    position: absolute;
    left: -18%;
    top: 22%;
    width: 22%;
    transform: rotate(-6deg);
}

.about-main-img .about-arr-two {
    position: absolute;
    right: -11%;
    top: 30%;
    width: 9%;
    transform: rotate(-6deg);
}

.about-wrapper {
    position: relative;
}

.about-wrapper .about-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    text-align: justify;
    letter-spacing: 0.02em;
    color: #000000;
    position: absolute;
}

.about-wrapper .about-text.abtx-one {
    width: 25%;
    left: 0;
    top: 10%;
    height: 400px;
    overflow: auto;
}

.about-wrapper .about-text.abtx-two {
    width: 26%;
    top: -6%;
    right: 4%;
    height: 250px;
    overflow-y: auto;
}

.about-wrapper .about-text.abtx-three {
    bottom: 0;
    width: 27%;
    right: 2%;
}

.about-shape-one {
    max-width: 150px;
    position: absolute;
    top: 4%;
    left: -20px;
}

.about-shape-two {
    max-width: 300px;
    position: absolute;
    top: 40%;
    right: -60px;
}

.mission-text-content h3 {
    font-weight: 800;
    font-size: 45px;
    line-height: 55px;
    color: #000;
    margin-bottom: 14px;
}

.mission-text-content {
    font-size: 14px;
    line-height: 32px;
    text-align: justify;
    letter-spacing: 0.005em;
    color: #000000;
}

.vision-img-1 {
    margin-top: 40px;
}

.vision-img-2 {
    margin-bottom: 0px;
}

.vision-img-2 img {
    width: 100%;
}

.vision-img-3 {
    position: relative;
}

.vision-img-3 .vision-img-4 {
    position: absolute;
    width: 160px;
    right: 7%;
    z-index: -1;
    top: -5%;
}

.mission-text-content.two {
    font-weight: 400;
    font-size: 14px;
    line-height: 32px;
    text-align: justify;
    color: #000000;
    padding-left: 20px;
}

.gallery-list {
    width: calc(100% + 12px);
    margin-left: -6px;
    margin-bottom: -16px;
}

.gallery-item {
    width: 25%;
    padding: 0 6px;
    border-radius: 8px;
    margin-bottom: 16px;
}

.gallery-box {
    padding: 14px 12px;
    text-align: center;
    transition: all .3s ease-in;
    border-radius: 8px;
    height: 100%;
}

.gallery-img {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    display: block;
}

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

.gallery-box h4 {
    font-weight: 500;
    font-size: 14px;
    line-height: 30px;
    color: #000;
    margin-bottom: 0;
    margin-top: 10px;
}

.gallery-box:hover {
    box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.15);
}

.video-list {
    width: calc(100% + 12px);
    margin-left: -6px;
    margin-bottom: -24px;
}

.video-item {
    width: 25%;
    padding: 0 6px;
    border-radius: 8px;
    margin-bottom: 24px;
}

.video-box {
    text-align: center;
    transition: all .3s ease-in;
    border-radius: 8px;
    height: 100%;
}

.video-img {
    position: relative;
    padding-bottom: 61%;
    border-radius: 8px;
    overflow: hidden;
}

.video-img img,
.video-img iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-box h4 {
    font-weight: 500;
    font-size: 14px;
    line-height: 30px;
    color: #000;
    margin-bottom: 0;
    margin-top: 10px;
}

.vdo-ply-btn {
    background: #EFB617;
    opacity: 0.8;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    cursor: pointer;
    transition: all .3s ease-in;
    animation: play 2s infinite linear;
}

.vdo-ply-btn:hover {
    opacity: .9;
}

@keyframes play {
    0% {
        box-shadow: 0px 0px 0px 0px rgba(251, 204, 72, 0.21);
    }
    70% {
        box-shadow: 0px 0px 0px 10px rgba(251, 204, 72, 0.21);
    }
}

.pagination {
    margin-top: 24px;
    justify-content: center;
}

.pagination .page-link {
    border: none !important;
    color: #aeaeae;
    background-color: transparent !important;
    font-weight: 500;
}

.pagination .page-link:hover,
.pagination .page-item.active .page-link {
    color: #000;
}

.page-link[aria-label="Next"],
.page-link[aria-label="Previous"] {
    background-color: #FBCC48 !important;
    color: #000;
    border-radius: 7px;
    transition: all .3s ease-in;
}

.page-link[aria-label="Next"]:hover,
.page-link[aria-label="Previous"]:hover {
    background-color: #e1a90d !important;
}

.latest-recipe-list {
    width: calc(100% + 20px);
    margin-left: -10px;
}

.latest-recipe-item {
    padding: 10px;
    width: 33.33%;
}

.latest-recipe-box {
    display: flex;
    box-shadow: 0px 4px 20px 1px rgba(0, 0, 0, 0.1);
    transition: all .3s ease-in;
    flex-flow: column;
    height: 100%;
}

.latest-recipe-box:hover {
    display: block;
    box-shadow: 0px 4px 40px 1px rgba(0, 0, 0, 0.1);
}

.latest-recipe-meta {
    padding: 10px 10px 13px;
}

.latest-recipe-meta h3 {
    font-weight: 500;
    font-size: 14px;
    line-height: 33px;
    letter-spacing: 0.035em;
    color: #000;
    margin-bottom: 4px;
}

.latest-recipe-meta h3 {
    color: #000 !important;
}

.latest-recipe-meta h3 img {
    vertical-align: sub;
    width: 20px;
    margin-bottom: 4px;
    margin-left: 5px;
}

.latest-recipe-meta-date {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 27px;
    color: #000;
}

.latest-recipe-meta-date img {
    width: 24px;
    margin-right: 4px;
    margin-bottom: 2px;
}

.latest-recipe-img {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    margin-top: auto;
}

.latest-recipe-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    transition: all .3s ease-in;
}

.latest-recipe-box:hover .latest-recipe-img img {
    filter: grayscale(1);
}

.latest-recipe-item:nth-child(1),
.latest-recipe-item:nth-child(2) {
    width: 50%;
}

.latest-recipe-item:nth-child(1) .latest-recipe-img,
.latest-recipe-item:nth-child(2) .latest-recipe-img {
    padding-bottom: 42.44%;
}

.map-area {
    width: 100%;
    height: 300px;
}

.map-area iframe {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.contact-wrapper {
    background: #FFFFFF;
    box-shadow: 0px 4px 11px 1px rgba(0, 0, 0, 0.15);
    display: flex;
    flex-wrap: wrap;
    margin-top: 26px !important;
}

.contact-left {
    width: calc(100% - 440px);
    padding: 30px 20px;
}

.contact-left h4 {
    font-weight: 500;
    font-size: 14px;
    line-height: 30px;
    color: #000000;
    margin-bottom: 20px;
}

.form-group {
    margin-bottom: 12px;
}

.form-group label {
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    color: #000000;
    margin-bottom: 6px;
}

.form-control {
    border: 1px solid #BABABA !important;
    border-radius: 6px;
    height: 47px;
    box-shadow: none !important;
    color: #000;
    font-size: 14px;
}

.form-control::placeholder {
    color: #737373;
}

textarea.form-control {
    height: 140px;
    resize: none;
}

.contact-form {
    padding-right: 20px;
}

.submit-btn {
    background: linear-gradient(to right, #1570B0, #E1E741);
    border-radius: 3px;
    min-width: 180px;
    border: none;
    padding: 13px 20px 12px;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    /* identical to box height */
    color: white;
    transition: all .3s ease-in;
    text-align: center;
}

.submit-btn2 {
    background: #000;
    border-radius: 3px;
    min-width: 190px;
    border: none;
    padding: 12px 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #fff !important;
    transition: all .3s ease-in;
    text-align: center;
}

.submit-btn:hover {
    background-color: #ffc41e;
    color: #000;
}

.submit-btn2:hover {
    background-color: #333;
    color: #fff;
}

.contact-right {
    width: 440px;
    background: #FBCC48;
    padding: 30px 20px;
    color: #000;
}

.contact-right h4 {
    font-weight: 500;
    font-size: 14px;
    line-height: 34px;
    color: #000000;
    margin-bottom: 14px;
}

.quick-contact li {
    position: relative;
    padding-left: 32px;
    font-size: 14px;
    line-height: 24px;
}

.quick-contact li+li {
    margin-top: 16px;
}

.quick-contact li span {
    position: absolute;
    width: 24px;
    left: 0;
    text-align: center;
    top: 4px;
    font-size: 14px
}

.quick-contact li h4 {
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    /* identical to box height */
    letter-spacing: -0.015em;
    margin-bottom: 2px !important;
}

.quick-contact li a {
    font-size: 14px;
    line-height: 27px;
}

.product-single-thumb {
    position: relative;
    padding-bottom: 110%;
    margin-top: -30px;
}

.product-single-thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    object-fit: contain;
}

.product-single-list {
    max-width: 95%;
}

.product-single-item {
    padding: 10px 30px;
}

.product-single-list .slick-prev,
.product-single-list .slick-next {
    width: 34px;
    height: 34px;
    border-radius: 4px;
    background-color: #FBCC48;
}

.product-single-list .slick-prev:before,
.product-single-list .slick-next:before {
    font-size: 14px;
    color: #000;
    text-shadow: none;
}

.product-single-title {
    font-weight: 800;
    font-size: 14pxline-height: 40px;
    color: #000;
    margin-bottom: 6px;
}

.product-single-content {
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0.04em;
    color: #000000;
    padding-top: 20px;
    padding-bottom: 50px;
}

.product-single-content p {
    text-align: justify;
}

.pick-your-varient {
    max-width: 510px;
    margin-top: 60px;
}

.pick-your-varient .pick-variant {
    position: absolute;
    top: -40px;
    left: 1%;
}

.pyv-btn input {
    display: none;
}

.pyv-btn-group {
    border: 1px solid #000;
    border-radius: 4px;
    overflow: hidden;
}

.pyv-btn-group .pyv-btn+.pyv-btn {
    border-left: 1px solid #000;
}

.pyv-btn {
    flex: 1;
}

.pyv-btn label {
    transition: all .3s ease-in;
    text-align: center;
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    /* identical to box height */
    color: #000;
    padding: 11px 16px;
    cursor: pointer;
}

.pyv-btn:first-child {
    color: #fff
}

.pyv-btn:first-child label {
    border-radius: 3px 0 0 3px;
    border-right: 0;
}

.pyv-btn:last-child label {
    border-radius: 0 3px 3px 0;
    border-left: 0;
}

.pyv-btn input:checked+label {
    background-color: #FBCC48;
}

.product-single-content-bottom {
    max-width: 510px;
    margin-top: 40px;
    justify-content: space-between;
}

.pscb-incrmnt {
    width: 124px;
    font-size: 14px;
    display: flex;
}

.pscb-incrmnt .pscb-val {
    width: calc(100% - 72px);
    border: 1px solid #000;
    color: #000;
    text-align: center;
    font-weight: 500;
    line-height: 30px;
    font-size: 14px;
}

.pscb-incrmnt .pscb-inc {
    min-width: 36px;
    border: 1px solid #000;
    border-right: 0;
    border-radius: 16px 0 0 16px;
    background: transparent !important;
    line-height: 10px;
    font-size: 14px;
    color: #000;
    padding: 2px 5px 7px;
}

.pscb-incrmnt .pscb-dcr {
    width: 36px;
    border: 1px solid #000;
    border-left: 0;
    border-radius: 0 16px 16px 0;
    background: transparent !important;
    line-height: 10px;
    font-size: 14px;
    color: #000;
    padding: 5px 5px 7px;
}

.pscb-incrmnt .pscb-inc:hover,
.pscb-incrmnt .pscb-dcr:hover {
    color: #fff;
    background: #000 !important;
}

.pscb-quantity {
    position: relative;
    margin: 0 10px;
}

.pscb-price del {
    font-weight: 500;
    font-size: 14px;
    line-height: 34px;
    color: #6A6146;
    margin-right: 16px;
}

.pscb-price {
    font-weight: 500;
    font-size: 14pxline-height: 34px;
    color: #000;
    display: flex;
    align-items: center;
}

.pscb-quantity .pick-quantity {
    position: absolute;
    bottom: -44px;
    min-width: 135px;
    left: 4%;
}

.recent-recipe-container {
    background: #FFE6D3;
}

.recent-recipe-list {
    width: calc(100% + 26px);
    margin-left: -6px;
    margin-top: -13px;
}

.recent-recipe-list .slick-list {
    margin-right: -13px;
    padding-right: 0;
    overflow: visible;
}

.recent-recipe-list .slick-track {
    display: flex;
}

.recent-recipe-box {
    background: #FFFFFF;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    padding: 32px 7px 13px;
    text-align: center;
    position: relative;
    transition: all .3s ease-in;
    height: 100%;
}

.recent-recipe-item {
    width: 230px;
    padding: 13px;
    height: auto;
}

.recent-recipe-img {
    height: 147px;
    margin-bottom: 12px;
    display: flex;
    justify-content: center;
}

.recent-recipe-img img {
    width: auto;
    height: 100%;
    border-radius: 10px;
    /*margin: 0 auto;*/
}

.recent-recipe-box h4 {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    margin-bottom: 6px;
}

.recent-recipe-box h6 {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #000;
    margin-bottom: 0;
}

.recent-recipe-btn {
    position: absolute;
    padding: 10px;
    background-color: #FBCC48;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-radius: 0 0 0 14px;
    top: 0;
    right: 0;
    transition: all .3s ease-in;
}

.recent-recipe-btn img {
    object-fit: cover;
    max-width: 20px;
}

.recent-recipe-btn:hover {
    background-color: #F1B715;
}

.recent-recipe-box:hover {
    box-shadow: none;
}

.accordion-button {
    font-style: normal;
    font-weight: 800;
    font-size: 14px;
    line-height: 30px;
    color: #000 !important;
    padding: 16px 0;
    padding-right: 40px;
    background-color: transparent !IMPORTANT;
    box-shadow: none !important;
    position: relative;
}

.accordion-item {
    background-color: transparent;
    border: none !important;
}

.accordion-body {
    padding: 0;
    padding-bottom: 24px;
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
    color: #000;
    font-weight: 500;
}

.accordion-item+.accordion-item {
    border-top: 1px solid #000 !important;
}

.accordion-button::after {
    position: absolute;
    right: 0;
    width: 20px;
    background-position: center;
    background-size: 18px;
    background-image: url(../images/arrow-down.png) !important;
    top: 24px;
}

.faq-bottom h4 {
    font-weight: 800;
    font-size: 14px;
    line-height: 30px;
    color: #000 !important;
    margin-right: 16px;
}

.faq-bottom {
    padding-top: 16px;
    border-top: 1px solid #000 !important;
}

.faq-bottom .submit-btn2 {
    margin-left: auto;
}

.recipe-single-thumb {
    position: relative;
    width: 100%;
    padding-bottom: 42%;
    margin-bottom: 20px;
}

.recipe-single-thumb img,
.recipe-single-thumb iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}

.recipe-single-head {
    padding-bottom: 16px;
    border-bottom: 2px solid #000;
    margin-bottom: 20px;
    position: relative;
}

.recipe-single-head h3 {
    font-weight: 800;
    font-size: 14px;
    line-height: 48px;
    letter-spacing: 0.035em;
    color: #000000;
    margin-bottom: 10px;
}

.recipe-single-meta {
    padding-right: 150px;
    padding-left: 120px;
    position: relative;
}

.recipe-single-meta-date,
.recipe-single-meta-cat {
    font-size: 14px;
    color: #000;
    line-height: 24px;
    font-weight: 500;
}

.recipe-single-meta-date {
    margin-right: 12px;
    position: absolute;
    left: 0;
    top: 1px;
}

.recipe-single-meta-date img {
    width: 22px;
    margin-right: 2px;
    vertical-align: sub;
    filter: brightness(0);
}

.recipe-single-text h4 {
    font-weight: 800;
    font-size: 14px line-height: 40px;
    color: #040404;
    margin-bottom: 18px;
}

.recipe-single-block {
    margin-bottom: 24px;
}

.recipe-single-block ul li {
    font-weight: 400;
    padding-right: 10px;
    font-size: 14px; line-height: 24px;
    color: #000000;
    margin-bottom: 7px;
    padding-left: 28px;
}

.recipe-single-block ul li::before {
    width: 20px;
    height: 20px;
    background-color: transparent;
    background-image: url(../images/bullet.png);
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    top: 3px;
}

.recipe-single-block.grid-two ul {
    display: flex;
    flex-wrap: wrap;
}

.recipe-single-block.grid-two ul li {
    width: 50%;
    max-width: 400px;
}

.side-recipe {
    position: sticky;
    top: 124px;
}

.side-recipe-item+.side-recipe-item {
    border-top: 1px solid #000;
    padding-top: 10px;
    margin-top: 10px;
}

.side-recipe-link {
    position: relative;
    min-height: 94px;
    padding-left: 130px;
    display: flex;
    flex-flow: column;
}

.side-recipe-thumb {
    width: 120px;
    height: 94px;
    border-radius: 5px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.side-recipe-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.side-recipe-link h5 {
    font-weight: 500;
    font-size: 14px line-height: 26px;
    color: #000000;
    margin-bottom: 4px;
}

.side-recipe-metai {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px;
}

.side-recipe-metai img {
    width: 20px;
    vertical-align: sub;
    filter: brightness(0);
}

.side-recipe-btn {
    font-size: 14px;
    margin-top: auto;
    transition: all .3s ease-in;
}

.side-recipe-link:hover .side-recipe-btn {
    color: #000;
    letter-spacing: .5px;
}

.recipe-share li+li {
    margin-left: 16px;
}

.recipe-share .recipe-share-link {
    font-size: 14px
}

.recipe-share {
    position: absolute;
    bottom: 15px;
    right: 0;
}

.recipe-share .recipe-share-link:hover {
    color: #000;
}

.member-content {
    padding: 35px;
    height: 100%;
    border: 1px solid #f1b715;
    text-align: center;
    font-weight: 500;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.member-content h4 {
    font-weight: 500;
    font-size: 14px line-height: 40px;
    color: #000;
    margin-bottom: 10px;
}

.member-form {
    max-width: 360px;
    margin: 0 auto;
    margin-top: 70px;
}

.member-form .form-group {
    margin-bottom: 30px;
    position: relative;
}

.member-form .form-control {
    border-radius: 0;
    border: none !important;
    border-bottom: 1px solid #000 !important;
    height: 40px;
    padding-left: 36px;
}

.member-form .form-control+img {
    position: absolute;
    width: 30px;
    max-height: 28px;
    left: 0;
    top: 5px;
    object-fit: contain;
}

.member-form .form-group p {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
}

.member-img {
    height: 100%;
}

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

.member-form-otp {
    display: flex;
    justify-content: center;
}

.member-form-otp .form-control {
    padding: 7px 10px !important;
    width: 40px;
    margin: 0 6px;
    text-align: center;
}

.profile-tab-content {
    border: 1px solid #737373;
    min-height: 450px;
}

.profile-tabs {
    width: 220px;
    border-right: 1px solid #737373;
}

.profile-tabs .profile-tab-link {
    width: 100%;
    border: none;
    background-color: transparent;
    font-weight: 500;
    font-size: 14px line-height: 27px;
    /* identical to box height */
    text-align: left;
    color: #000000;
    padding: 14px 20px;
    padding-left: 44px;
}

.profile-tabs .profile-tab+.profile-tab {
    border-top: 1px solid #000;
}

.profile-tabs .profile-tab-link.active {
    color: #000;
}

.item-incrmnt {
    width: 124px;
    font-size: 14px;
    display: flex;
    justify-content: end;
}

.item-incrmnt .item-val {
    width: calc(100% - 72px);
    border: 1px solid #000;
    color: #000;
    text-align: center;
    font-weight: 500;
    line-height: 30px;
    font-size: 14px;
}

.item-incrmnt .item-inc {
    min-width: 36px;
    border: 1px solid #000;
    border-right: 0;
    border-radius: 16px 0 0 16px;
    background: transparent !important;
    line-height: 10px;
    font-size: 14px;
    color: #000;
    padding: 2px 5px 7px;
}

.item-incrmnt .item-dcr {
    width: 36px;
    border: 1px solid #000;
    border-left: 0;
    border-radius: 0 16px 16px 0;
    background: transparent !important;
    line-height: 10px;
    font-size: 14px;
    color: #000;
    padding: 5px 5px 7px;
}

.item-incrmnt .item-inc:hover,
.item-incrmnt .item-dcr:hover {
    color: #fff;
    background: #000 !important;
}

.profile-order-box {
    padding: 20px 24px 20px 24px;
}

.profile-order-img {
    width: 100px;
    height: 127px;
}

.profile-order-img img {
    width: auto;
    height: 100%;
    object-fit: contain;
    margin: 0 auto;
    display: block;
}

.profile-order-content {
    width: calc(100% - 100px);
    padding-left: 20px;
}

.profile-order-left {
    width: calc(100% - 140px);
    display: flex;
    flex-flow: column;
    height: 100%;
}

.profile-order-right {
    width: 140px;
    display: flex;
    flex-flow: column;
    align-items: end;
    justify-content: space-between;
}

.profile-tab-content .tab-content {
    width: calc(100% - 220px);
}

.profile-order-left h4 {
    font-weight: 500;
    font-size: 14px;
    line-height: 36px;
    color: #000;
    margin-bottom: 2px;
    text-transform: capitalize;
}

.profile-order-left h6 {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    margin-bottom: 10px;
}

.profile-order-price {
    font-weight: 500;
    font-size: 14px;
    line-height: 33px;
    color: #000;
    display: block;
    margin-top: auto;
}

.profile-order-cancel {
    font-weight: 500;
    font-size: 14px;
    line-height: 30px;
    color: #000;
    text-align: right;
    text-transform: capitalize;
}

.profile-order-item+.profile-order-item {
    border-top: 1px solid #737373;
}

.profile-notification-item {
    padding: 30px;
}

.profile-notification-item+.profile-notification-item {
    border-top: 1px solid #000;
}

.profile-notification-box {
    padding-left: 80px;
    position: relative;
    min-height: 56px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding-right: 110px;
}

.profile-notification-icon {
    width: 56px;
    height: 56px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.profile-notification-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-notification-box h5 {
    font-weight: 500;
    font-size: 14px;
    line-height: 34px;
    color: #000000;
    margin-bottom: 0;
}

.profile-notification-time {
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 400;
    font-size: 14px line-height: 26px;
    /* identical to box height */
    color: #000;
}

.profile-address-item {
    padding: 17px 40px;
    border-bottom: 1px solid #000;
}

.profile-address-wrapper {
    height: 100%;
    padding-bottom: 70px;
    position: relative;
    min-height: 220px;
}

.profile-tab-content .tab-content .tab-pane {
    height: 100%;
}

.profile-address-wrapper .submit-btn {
    position: absolute;
    bottom: 14px;
    right: 20px;
    min-width: 170px;
    padding: 10px;
}

.profile-address-box h4 {
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    color: #000000;
    margin-bottom: 8px;
    padding-right: 40px;
}

.profile-addresss {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #000000;
}

.profile-address-box {
    position: relative;
}

.profile-address-edit-btn {
    font-style: normal;
    font-weight: 400;
    font-size: 14px line-height: 30px;
    /* identical to box height */
    color: #000;
    position: absolute;
    top: 0;
    right: 0;
}

.profile-form-wrapper {
    padding: 50px;
}

.profile-form {
    max-width: 640px;
    margin: 0 auto;
}

.profile-form .form-group {
    margin-bottom: 40px;
}

select.form-control {
    background-image: url(../images/select-arrow.png);
    appearance: none;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position-y: center;
    background-position-x: calc(100% - 12px);
    padding-right: 32px;
}

.cart-box-area {
    padding-right: 20px;
}

.cart-box-area .profile-order-list {
    border: 1px solid #737373;
    border-radius: 10px;
}

.cart-side-bar {
    position: sticky;
    top: 120px;
}

.billing-wrapper {
    border-radius: 10px;
}

.billing-head {
    padding: 20px;
    font-size: 14px;
    font-weight: 500;
    background-color: #f1b715;
    border-radius: 10px 10px 0 0;
    color: #fff;
    text-align: left;
    letter-spacing: .5px;
}

.billing-body {
    padding: 24px 20px;
    border: 1px solid #737373;
    border-top: 0;
    border-bottom: 0;
}

.billing-cta {
    padding: 16px;
    background-color: #fff;
    border: 1px solid #737373;
    border-radius: 0 0 10px 10px;
    position: sticky;
    bottom: 0;
    border-top: 0;
    box-shadow: 0 -6px 10px rgb(0 0 0 / 5%);
}

.billing-cta .btn {
    border-radius: 10px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.billing-cta .btn p {
    margin-bottom: 0;
    margin-right: 6px;
}

.billing-list li+li {
    margin-top: 13px;
}

.billing-list {
    margin-bottom: 20px;
}

.billing-list li {
    justify-content: space-between;
    font-size: 14px;
    line-height: 22px;
    color: #212529;
}

.billing-list .billing-total {
    border-top: 1px solid #737373;
    padding-top: 10px;
    font-size: 14px line-height: 26px;
    font-weight: 500;
    color: #000;
}

.billing-list li span {
    width: 50%;
}

.billing-list li span+span {
    text-align: right;
    padding-left: 14px;
}

.cancl_policy h5 {
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 10px;
    font-weight: 500;
}

.cancl_policy {
    font-size: 14px;
    line-height: 22px;
}

.cancl_policy p {
    max-width: 350px;
}

.billing-body .cart-item+.cart-item {
    border-top: 1px solid #737373;
    margin-top: 0;
}

.billing-body .cart-item-text .cart-item-title {
    font-size: 14px;
    line-height: 24px;
    padding-right: 0;
}

.checkout-area {
    border: 1px solid #737373;
    border-radius: 10px;
    padding: 30px 20px;
}

.checkout-verify-item {
    position: relative;
    padding-left: 44px;
    font-size: 14px;
    line-height: 22px;
}

.checkout-verify-item:first-child {
    margin-top: 0;
}

.checkout-verify-item>img {
    position: absolute;
    left: 0;
    width: 30px;
    top: 0;
}

.checkout-verify-item h4 {
    font-size: 14px;
    margin: 4px 0;
    font-weight: 500;
    line-height: 30px;
    padding-right: 40px;
}

.checkout-verify-add {
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #F3f3f3;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    right: 0;
    top: 0;
    transition: all .3s ease-in;
    border: none !important;
    box-shadow: none;
}

.checkout-verify-item {
    border-bottom: 1px solid #737373;
    padding-bottom: 16px;
    margin-top: 16px;
    border-radius: 6px;
}

.checkout-verify-item p {
    margin-bottom: 0;
}

.checkout-verify-add:hover {
    background-color: #e7e7e7;
}

.payment-method {
    padding: 16px 5% 0;
}

.payment-total {
    border: 1px solid #737373;
    border-radius: 10px;
    margin-bottom: 30px;
}

.payment-total li {
    padding: 20px;
    font-size: 14px;
    line-height: 22px;
}

.payment-total li p {
    margin-bottom: 0;
    width: 70%;
}

.payment-total li+li {
    border-top: 1px solid #737373;
}

.payment-total li p strong {
    margin-right: 10px;
}

.payment-total li span {
    width: 80px;
    text-align: right;
}

.choosepayment-tab .nav-link {
    flex: 1;
    border: 1px solid #737373 !important;
    border-radius: 0;
    font-size: 14px;
    color: #000;
}

.choosepayment-tab .nav-link+.nav-link {
    border-left: none !important;
    color: #000;
}

.choosepayment-tab .nav-link.active {
    background-color: #000;
    color: #fff;
}

.choosepayment-tab .nav-link:first-child {
    border-radius: 5px 0 0 5px;
}

.choosepayment-tab .nav-link:last-child {
    border-radius: 0 5px 5px 0;
}

.choosepayment-tab {
    margin-bottom: 26px;
}

.choosepayment-content .tab-content .tab-pane {
    padding: 16px 20px;
    font-size: 14px;
}

.choosepayment-content {
    margin-bottom: 30px;
    border: 1px solid #737373;
    border-radius: 10px;
}

.choosepayment-cta .submit-btn2 {
    width: 100%;
    border-radius: 8px;
}

.choosepayment-cta {
    text-align: center;
    font-size: 14px;
}

.choosepayment-cta p {
    margin-top: 12px;
}

.offcanvas.verifyAdd {
    z-index: 99991;
    background-color: #fff !important;
}

.verifyAdd .offcanvas-header {
    padding: 16px 20px;
    border-bottom: 1px solid #e9e9e9;
}

.verifyAdd .offcanvas-title {
    font-size: 14px font-weight: 500;
}

.verifyAdd .offcanvas-header .btn-close {
    background-size: 15px;
    opacity: 1;
    box-shadow: none !important;
}

.verifyAdd .offcanvas-footer {
    padding: 16px;
}

.verifyAdd .offcanvas-footer .submit-btn2 {
    width: 100%;
}

.address_new {
    background-color: #fff;
    padding: 20px;
    padding-left: 70px;
    position: relative;
    font-size: 14px;
    border-top: 16px solid #FFE6D3;
}

.address_new>img {
    position: absolute;
    left: 20px;
    width: 36px;
    top: 20px;
}

.address_new h4 {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0px;
    color: #333;
}

.address_heading {
    padding: 20px;
    background-color: #FFE6D3;
    font-weight: 500;
    font-size: 14px
}

.address_list {
    padding: 20px;
}

.address_list .form-check {
    font-size: 14px;
    line-height: 22px;
}

.address_list .form-check .form-check-input:checked {
    background-color: #000;
    border-color: #000;
}

.address_list .form-check .form-check-input:focus {
    box-shadow: 0 0 0 0.25rem rgb(103 49 24 / 25%);
}

.address_list .form-check+.form-check {
    margin-top: 20px;
}

.address_list .form-check .addrs_tag {
    font-size: 14px;
    display: block;
    font-weight: 600;
    margin-bottom: 5px;
    line-height: 27px;
}

.privacy-text {
    font-weight: 500;
    line-height: 31px;
    text-align: justify;
}

.privacy-text h4 {
    font-size: 14px;
    line-height: 33px;
    text-align: left;
    margin: 16px 0 16px;
}

.privacy-text h3 {
    font-size: 14px;
    line-height: 36px;
    text-align: left;
    margin: 16px 0 16px;
}

.privacy-text h5 {
    font-size: 14px;
    line-height: 30px;
    text-align: left;
    margin: 16px 0 16px;
}

.privacy-text h6 {
    font-size: 14px; line-height: 24px;
    text-align: left;
    margin: 16px 0 16px;
}

.privacy-text span {
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
}

.modal {
    z-index: 9999;
}

.modal-content {
    border: none;
}

.modal-body {
    padding: 20px;
    position: relative;
}

.modal .btn-close {
    position: absolute;
    width: 37px;
    height: 34px;
    background-size: 16px;
    opacity: .9;
    top: 0;
    right: 0;
    box-shadow: none !important;
}

.modal-body .form-group label {
    font-size: 14px;
    line-height: 16px;
}

.modal-body .form-group {
    margin-bottom: 17px;
}

.modal-body .form-control {
    font-size: 14px;
    height: 43px;
}

.modal-body .modal-dialog {
    max-width: 600px;
}

.new-add-modal-cta {
    height: 100%;
    display: flex;
    flex-flow: column;
}

.new-add-modal-cta .submit-btn {
    width: 100%;
    margin-top: auto;
    line-height: 21px;
    padding: 11px 16px;
}

.modal-header,
.modal-footer {
    padding: 14px 20px;
}

.modal-title {
    font-size: 14px font-weight: 500;
}

.succes-modal {
    text-align: center;
    padding: 20px 0;
}

.succes-modal-icon {
    width: 100px;
    margin: 0 auto 16px;
}

.succes-modal h4 {
    font-size: 14px margin-bottom: 0;
}

/* ================= Footer Start ================= */

#footer {
    color: #000;
    padding: 50px 0 14px;
}

.footer-box {
    width: 24%;
    padding-right: 16px;
}

.footer-box.footer-contact-box {
    width: 28%;
}

.footer-intro {
    display: inline-block;
}

.footer-logo {
    width: 230px;
    margin-bottom: 25px;
}

.footer-logo img {
    width: 100%;
    height: auto;
    object-fit: contain;
    max-width: 130px;
}

.social-links {
    justify-content: center;
}

.social-links li {
    margin: 0 10px;
    font-size: 14px;
}

.social-links li a:hover {
    color: #f1b715;
}

.footer-box h4 {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 16px;
    padding-bottom: 4px;
    position: relative;
}

.footer-box h4::before {
    content: '';
    position: absolute;
    width: 121px;
    height: 1px;
    background-color: #fff;
    bottom: 0;
}

.footer-links li+li {
    margin-top: 4px;
}

.footer-link {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: .5px;
}

.footer-link:hover {
    color: #f1b715;
}

.footer-contact {
    font-size: 12px;
    line-height: 20px;
}

.footer-contact li address {
    margin-bottom: 0;
    font-size: 14px;
}

.footer-contact li+li {
    margin-top: 6px;
}

.footer-contact li .footer-link {
    position: relative;
    padding-left: 28px;
    font-size: 14px;
    line-height: 27px;
}

.footer-contact li .footer-link i {
    position: absolute;
    left: 0;
    font-size: 14px;
    top: 50%;
    transform: translateY(-50%);
}

footer .copyright {
    text-align: center;
    font-size: 14px;
    margin-top: 32px;
}

.bottom-social-icon {
    width: 30px;
    height: 30px;
    font-size: 14px display: inline-flex;
    margin-bottom: 10px;
}

.bottom-social-icon i {
    font-size: 14px
}

.bottom-social-icon .fab.fa-twitter {
    color: #55acee;
}

.bottom-social-icon .fab.fa-facebook-square {
    color: #3b5998;
}

.bottom-social-icon .fab.fa-youtube {
    color: #FF0000;
}

.bottom-social iframe {
    width: 100%;
    height: 350px;
}

.out-stock .profile-order-box {
    position: relative;
}

.out-stock .profile-order-box::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 12px;
    background-color: rgb(255 255 255 / 50%);
    cursor: no-drop;
}

.hero-box .container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0;
}

.hero-img-box img {
    max-height: initial;
}

.content-container.hero-container {
    padding: 0 !important;
}

.mob_whats_btn {
    position: fixed;
    z-index: 9999;
    bottom: 30px;
    display: block;
    padding: 8px 14px 6px 10px;
    font-size: 14px;
    border-radius: 0 20px 20px 0;
    background: linear-gradient(178deg, #25d366, #1ab253);
    color: #fff;
    left: -60px;
    transition: all .3s ease-in;
}

.header-fixed .mob_whats_btn {
    left: 0;
}

ul.quick-contact address {
    font-size: 14px;
}

.mfp-bg {
    z-index: 99999 !important;
}

.about-text::-webkit-scrollbar {
    width: 10px;
}

.about-text::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.about-text::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}

.partner_contacts {
    margin-top: 0px;
}

.rvwbox {
    transition: all 0.5s;
    background: #fff;
    padding: 20px;
    flex: 0 0 48%;
    box-shadow: 0px 4px 11px 1px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
    margin-bottom: 20px;
}

ul.rvwswrap {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.rvwbox:hover {
    background: #f1b715;
}

.mfp-close-btn-in .mfp-close {
    color: #fff;
    background: #000;
    width: 30px !important;
    text-align: center !important;
    height: 30px;
    line-height: normal;
    right: 0 !important;
    border-radius: 50%;
    opacity: 1;
    padding: 0 !important;
}



.grlink {
    position: relative;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content:center;
}

.grlink img {
    max-width: 30px !important;
}

.youtube-wrapper {
  position: relative;
  max-width: 560px;
  cursor: pointer;
}

.youtube-thumb {
  position: relative;
}

.youtube-thumb img {
  width: 100%;
  display: block;
  height: 167px;
  object-fit: cover;
}

.play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0,0,0,0.7);
  border: none;
  color: #fff;
  font-size: 22px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  cursor: pointer;
}

.youtube-wrapper iframe {
    height: 165px;
}





/* ================= Footer End ================= */

/*==========================================
========================================== */ 

@media (max-width:1699.98px) {
    body {
        font-size: 14px; line-height: 24px;
    }
    .btn {
        min-width: 170px;
        font-size: 14px;
        padding: 8px 20px;
    }
    .header-transparent .navbar-brand {
        width: 160px;
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        font-size: 14px;
    }
    .header-right .header-right-btn {
        font-size: 14px;
    }
    .about-text {
        font-size: 14px;
        line-height: 30px;
    }
    .about-img.img-2 {
        max-width: 460px;
    }
    .about-img.img-1 {
        max-width: 470px;
    }
    .about-text.type-2 {
        height: 100%;
        padding-bottom: 40px;
        display: flex;
        flex-flow: column;
        align-items: start;
        justify-content: center;
    }
    .with-us-content h3 {
        font-size: 14px;
        line-height: 50px;
    }
    .with-us-content {
        font-size: 14px;
        line-height: 32px;
        padding-right: 10%;
    }
    .recommend-text blockquote {
        font-size: 28px;
        line-height: 36px;
    }
    .recommend-text .quote-by {
        font-size: 14px;
    }
    .recommend-text .recommend-cta {
        margin-top: 40px;
    }
    .recommend-text {
        font-size: 28px;
        line-height: 36px;
        padding-right: 7%;
    }
    .recommend-img-one {
        right: -13%;
    }
    .recommend-img-two {
        right: -18%;
    }
    .recipe-meta h3 {
        font-size: 14px;
        line-height: 30px;
        margin-bottom: 6px;
    }
    .recipe-meta-date {
        font-size: 14px;
    }
    .footer-logo {
        width: 200px;
    }
    .social-links li {
        font-size: 14px; margin: 0 8px;
    }
    .hero-container {
        padding-top: 110px !important;
    }
    .hero-text h1,
    .hero-text h2 {
        font-size: 14px;
        line-height: 60px;
    }
    .hero-text {
        font-size: 14px;
        line-height: 40px;
    }
    .hero-text p {
        max-width: 500px;
    }
    .vrtcl-slide-box h3 {
        font-size: 14px;
        line-height: 40px;
        margin-bottom: 10px;
    }
    .vrtcl-slide-box {
        font-size: 14px;
        line-height: 33px;
        margin-bottom: 0;
    }
    .vrtcl-slide-meta {
        font-size: 14px;
    }
    .btn-exp {
        font-size: 14px;
    }
    .btn-exp img {
        width: 16px;
    }
    .vrtcl-img-box img {
        max-width: 450px;
    }
    .product-img {
        /*padding-bottom: 101%;*/
    }
    .product-tab-box h4 {
        font-size: 14px
    }
    .about-logo img {
        width: 180px;
    }
    .mission-text-content {
        font-size: 14px;
        line-height: 36px;
    }
    .mission-text-content h3 {
        font-size: 14px;
        line-height: 55px;
        margin-bottom: 10px;
    }
    .mission-text-content.two {
        font-size: 14px;
        line-height: 36px;
    }
    .vision-img-3 .vision-img-4 {
        right: 8%;
        width: 124px;
        top: -2%;
    }
    .about-wrapper .about-text {
        font-size: 14px; line-height: 27px;
    }
    .about-shape-two {
        max-width: 220px;
    }
    .profile-order-left h4 {
        font-size: 14px;
        line-height: 27px;
    }
    .profile-order-cancel {
        font-size: 14px
    }
    .profile-notification-box {
        padding-left: 60px;
        min-height: 50px;
    }
    .profile-notification-icon {
        width: 46px;
        height: 46px;
    }
    .profile-notification-box h5 {
        font-size: 14px;
    }
    .profile-notification-time {
        font-size: 14px;
    }
}

/*==========================================
========================================== */

@media (max-width:1399.98px) {
    h1 {
        font-size: 14px;
    }
    h2 {
        font-size: 40px;
    }
    h3 {
        font-size: 14px;
    }
    h4 {
        font-size: 14px;
    }
    h5 {
        font-size: 14px;
    }
    h6 {
        font-size: 14px
    }
    .hero-text h1,
    .hero-text h2 {
        font-size: 46px;
        max-width: 530px;
        line-height: 55px;
    }
    .hero-text {
        font-size: 14px;
        line-height: 36px;
        padding-bottom: 40px;
    }
    .hero-text p {
        max-width: 440px;
    }
    .recipe-meta h3 {
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 5px;
    }
    .recipe-meta-date {
        font-size: 14px;
    }
    .recipe-meta-date img {
        width: 20px;
    }
    .hero-img-box img {
        height: 90vh;
    }
    .about-img.img-1 {
        max-width: 400px;
        margin-top: 0;
    }
    .about-text {
        font-size: 14px
    }
    .vrtcl-slide-list .slick-list {
        padding: 50px 0 50px !important;
    }
    .vrtcl-slide-item {
        padding: 20px 0;
    }
    .vrtcl-img-box img {
        max-width: 380px;
    }
    .product-tab-box h4 {
        font-size: 14px;
        line-height: 24px;
    }
    .product-cta {
        font-size: 14px;
        line-height: 20px;
    }
    .product-box {
        padding: 10px;
    }
    .product-item {
        padding: 10px;
    }
    .about-logo img {
        width: 150px;
    }
    .about-imgs-box {
        padding: 0 30% 40px 28%;
    }
    .about-wrapper .about-text {
        font-size: 14px;
        line-height: 24px;
    }
    .about-wrapper .about-text.abtx-one {
        width: 27%;
        top: 15%;
    }
    .about-wrapper .about-text.abtx-three {
        bottom: 4%;
    }
    .mission-text-content h3 {
        font-size: 14px;
        line-height: 40px;
    }
    .mission-text-content {
        font-size: 14px;
        line-height: 30px;
    }
    .vision-img-2 {
        margin-bottom: -80px;
    }
    .mission-text-content.two {
        font-size: 14px;
        line-height: 33px;
    }
    .vision-img-3 .vision-img-4 {
        width: 100px;
        top: -1%;
        right: 1%;
    }
    .about-main-img .about-arr-two {
        top: 33%;
        transform: rotate(20deg);
    }
    .video-box h4,
    .gallery-box h4 {
        font-size: 14px line-height: 27px;
    }
    .latest-recipe-meta h3 {
        font-size: 14px;
    }
    .latest-recipe-meta h3 img {
        width: 18px;
    }
    .latest-recipe-meta-date {
        font-size: 14px;
        line-height: 22px;
    }
    .latest-recipe-meta-date img {
        width: 20px;
    }
    .map-area {
        height: 300px;
    }
    .contact-wrapper {
        margin-top: -185px;
    }
    .contact-form {
        padding: 0;
    }
    .form-control {
        height: 44px;
        padding: 9px 16px 11px;
    }
    textarea.form-control {
        height: 120px;
    }
    .contact-left h4 {
        font-size: 14px;
        line-height: 27px;
        margin-bottom: 14px;
    }
    .product-single-title {
        font-size: 14px line-height: 40px;
    }
    .product-single-content {
        font-size: 14px;
        line-height: 24px;
    }
    .heading-two h5 {
        font-size: 14px;
        line-height: 36px;
    }
    .heading-two h6 {
        font-size: 14px;
        line-height: 24px;
    }
    .recipe-single-head h3 {
        font-size: 14px;
        line-height: 33px;
    }
    .recipe-single-meta-cat {
        font-size: 14px;
        line-height: 20px;
    }
    .recipe-single-meta-date,
    .recipe-single-meta-cat {
        font-size: 14px;
        line-height: 20px;
    }
    .recipe-share li+li {
        margin-left: 14px;
    }
    .recipe-share .recipe-share-link {
        font-size: 14px;
    }
    .recipe-single-text h4 {
        font-size: 14px;
        line-height: 30px;
        margin-bottom: 14px;
    }
    .recipe-single-block ul li {
        font-size: 14px;
        line-height: 22px;
    }
    .recipe-single-block ul li::before {
        top: 0;
    }
    .side-recipe-link h5 {
        font-size: 14px;
        line-height: 22px;
    }
    .side-recipe-metai {
        font-size: 14px;
    }
    .member-content {
        padding: 30px;
        font-size: 14px;
        line-height: 22px;
    }
    .member-form {
        margin-top: 36px;
    }
    .profile-order-left h4 {
        font-size: 14px;
        line-height: 27px;
    }
    .profile-order-img {
        height: 110px;
        width: 90px;
    }
    .profile-order-content {
        width: calc(100% - 90px);
    }
    .profile-tabs .profile-tab-link {
        font-size: 14px;
        padding: 11px 20px;
        padding-left: 30px;
    }
    .profile-notification-item {
        padding: 25px 30px;
    }
    .profile-address-item {
        padding: 12px 30px;
    }
    .profile-address-box h4 {
        font-size: 14px; line-height: 24px;
    }
    .item-incrmnt {
        width: 110px;
    }
    .item-incrmnt .item-val {
        line-height: 27px;
    }
    .privacy-text {
        font-size: 14px;
        line-height: 29px;
    }
    .privacy-text p {
        margin-bottom: 16px;
    }
    .privacy-text p:last-child {
        margin-bottom: 0;
    }
    .privacy-text h4 {
        font-size: 14px;
        line-height: 30px;
        margin: 16px 0 16px;
    }
    .privacy-text h3 {
        font-size: 14px;
        line-height: 30px;
        margin: 16px 0 16px;
    }
    .privacy-text h5 {
        font-size: 14px;
        line-height: 27px;
        margin: 16px 0 16px;
    }
    .privacy-text h6 {
        font-size: 14px;
        line-height: 22px;
        margin: 16px 0 16px;
    }
}

/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */

@media (max-width:1199.98px) {
    body {
        font-size: 14px;
        line-height: 24px;
        padding-top: 80px;
    }
    h1 {
        font-size: 14px;
    }
    h2 {
        font-size: 14px;
    }
    h3 {
        font-size: 14px;
    }
    h4 {
        font-size: 14px;
    }
    h5 {
        font-size: 14px;
    }
    h6 {
        font-size: 14px;
    }
    .container {
        width: calc(100% - 16px);
    }
    .navbar,
    .header-fixed .navbar,
    .header-transparent .navbar {
        padding: 0;
        width: 100%;
        height: 80px;
    }
    .navbar-brand,
    .header-fixed .navbar-brand,
    .header-transparent.header-fixed .navbar-brand,
    .header-transparent .navbar-brand {
        width: 170px;
    }
    .navbar-toggler {
        width: 54px;
        height: 54px;
        border-radius: 0;
        cursor: pointer;
        text-decoration: none;
        padding: 0;
        border: 0;
        background: transparent;
        margin: 0;
        position: absolute;
        right: 7px;
        top: 46%;
        z-index: 999;
        transform: translateY(-50%);
    }
    .navbar-default .navbar-toggler:hover,
    .navbar-default .navbar-toggler:focus {
        background: transparent;
    }
    .navbar-toggler:not([class="collapsed"]),
    .navbar-toggler:not([class="collapsed"]):focus,
    .navbar-toggler:not([class="collapsed"]):hover {
        background: transparent;
    }
    .navbar-toggler.collapsed,
    .navbar-toggler.collapsed:focus,
    .navbar-toggler.collapsed:hover {
        background: transparent;
    }
    .home .navbar-toggler.collapsed,
    .home .navbar-toggler.collapsed:focus,
    .home .navbar-toggler.collapsed:hover {
        background: transparent;
    }
    .navbar-toggler .navbar-toggler-icon {
        position: relative;
        display: inline-block;
        width: 30px;
        height: 3px;
        color: #243238;
        text-indent: -55px;
        margin-top: 0;
        background: transparent !important;
        transition: all .2s ease-out;
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        -ms-transition: all .2s ease-out;
        vertical-align: middle;
    }
    .navbar-toggler .navbar-toggler-icon:before,
    .navbar-toggler .navbar-toggler-icon:after {
        content: '';
        width: 30px;
        height: 3px;
        background: #000;
        position: absolute;
        left: 0;
        transition: all .2s ease-out;
    }
    .navbar-toggler.collapsed .navbar-toggler-icon {
        background: #000 !important;
    }
    .navbar-toggler.collapsed .navbar-toggler-icon:before,
    .navbar-toggler.collapsed .navbar-toggler-icon:after {
        background: #000;
    }
    .navbar-toggler.collapsed .navbar-toggler-icon:before {
        top: -10px;
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
    .navbar-toggler .navbar-toggler-icon:before {
        top: 0;
        -webkit-transform: rotateZ(45deg);
        -moz-transform: rotateZ(45deg);
        -ms-transform: rotateZ(45deg);
        -o-transform: rotateZ(45deg);
        transform: rotateZ(45deg);
    }
    .navbar-toggler.collapsed .navbar-toggler-icon:after {
        bottom: -10px;
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
    .navbar-toggler .navbar-toggler-icon:after {
        bottom: 0;
        -webkit-transform: rotateZ(-45deg);
        -moz-transform: rotateZ(-45deg);
        -ms-transform: rotateZ(-45deg);
        -o-transform: rotateZ(-45deg);
        transform: rotateZ(-45deg);
    }
    .header-right {
        position: relative;
        z-index: 999;
        margin-right: 50px;
    }
    .navbar-collapse,
    .navbar-collapse.collapsing {
        position: fixed;
        top: 0;
        right: -330px;
        background: #fff;
        padding: 0;
        z-index: 99;
        margin: 0;
        border: 0;
        overflow-y: auto;
        bottom: 0;
        width: 300px;
        height: 100vh;
        display: block !important;
        transition: all .3s cubic-bezier(0.77, 0.2, 0.05, 1.0);
    }
    .navbar .collapse.show {
        right: 0;
    }
    .navbar-inside {
        height: 100vh;
        padding: 0 20px;
        display: flex;
        flex-flow: column;
        padding-top: 100px;
    }
    .navbar-expand-xl .navbar-nav .nav-item {
        padding: 0;
        margin: 0;
        border-bottom: solid 1px rgb(17 17 17 / 50%);
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        font-size: 14px;
        line-height: 30px;
        padding: 15px 0;
        position: relative;
        color: #111;
    }
    .navbar-nav.sm-collapsible .sub-arrow {
        border: 0;
        margin: 0;
        width: auto;
        font-size: 14px;
        line-height: 60px;
        top: 0;
        height: 60px;
        color: #000;
        width: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .dropdown-menu {
        background: transparent;
        border: 0;
        padding: 0;
        margin: 0 0 20px 0;
    }
    .dropdown-item {
        padding: 5px 20px 5px 20px;
    }
    .dropdown-item:focus,
    .dropdown-item:hover {
        color: #f00;
        background: transparent;
    }
    .cart-open .cart-wrapper {
        top: 55px;
    }
    .footer-intro {
        margin: 0 auto;
        margin-bottom: 34px;
        display: block;
        text-align: center;
    }
    .heading h3 {
        font-size: 14px
    }
    .hero-container {
        padding-top: 80px !important;
    }
    .about-shape-one {
        width: 120px;
        left: -10px;
    }
    .about-shape-two {
        max-width: 200px;
    }
    .mission-text-content h3 {
        font-size: 14px;
        line-height: 36px;
    }
    .mission-text-content {
        font-size: 14px;
        line-height: 24px;
    }
    .vision-img-1 {
        margin-top: 30px;
    }
    .mission-text-content.two {
        font-size: 14px line-height: 28px;
    }
    .vision-img-3 .vision-img-4 {
        width: 90px;
    }
    .hero-text h1,
    .hero-text h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .hero-text p {
        max-width: 400px;
    }
    .hero-text {
        font-size: 14px;
        line-height: 30px;
    }
    .about-img.img-1 {
        margin-top: -40px;
    }
    .about-wrapper .about-text.abtx-two {
        top: -16%;
        font-size: 14px;
        line-height: 22px;
    }
    .about-main-img .about-arr-two {
        top: 29%;
    }
    /* .about-text { font-size: 14px; line-height: 28px; } */
    .vrtcl-img-list {
        margin-right: -100px;
    }
    .vrtcl-slide-list .slick-list {}
    .vrtcl-slide-box {
        font-size: 14px;
        line-height: 28px;
    }
    .with-us-content h3 {
        font-size: 14px;
        line-height: 44px;
    }
    .with-us-content {
        font-size: 14px line-height: 27px;
    }
    .recommend-text blockquote {
        font-size: 14px;
        line-height: 32px;
        margin-bottom: 20px;
    }
    .recommend-text .quote-by {
        font-size: 14px
    }
    .recommend-text .recommend-cta {
        margin-top: 30px;
    }
    .recommend-imgs {
        margin-left: -60px;
        width: 100%;
    }
    .recipe-meta h3 {
        font-size: 14px; line-height: 24px;
        margin-bottom: 2px;
    }
    .recipe-meta-date {
        font-size: 14px;
    }
    .recipe-meta-date img {
        width: 16px;
    }
    .recipe-item {
        padding: 0 10px;
    }
    .gallery-box h4 {
        font-size: 14px; line-height: 24px;
    }
    .contact-wrapper {
        margin: 0 auto;
        margin-top: -185px;
        width: calc(100% - 100px);
    }
    .contactsuperwrap {
        margin-top: 27px !important;
    }
    .contact-right {
        width: 380px;
    }
    .contact-left {
        width: calc(100% - 380px);
    }
    .contact-right h4 {
        font-size: 14px;
        line-height: 30px;
    }
    .quick-contact li {
        padding-left: 30px;
    }
    .product-single-title {
        font-size: 14px;
        line-height: 36px;
    }
    .pyv-btn label {
        padding: 9px 14px;
    }
    .submit-btn {
        min-width: 170px;
        padding: 10px 16px;
    }
    .product-single-content-bottom {
        margin-top: 30px;
    }
    .accordion-button {
        font-size: 14px line-height: 27px;
        padding: 12px 0;
        padding-right: 40px;
    }
    .accordion-button::after {
        top: 15px;
    }
    .accordion-body {
        font-size: 14px;
        line-height: 24px;
    }
    .side-recipe {
        top: 100px;
    }
    .profile-notification-item {
        padding: 20px 24px;
    }
    .profile-order-box {
        padding: 20px;
    }
    .profile-order-img {
        width: 80px;
    }
    .profile-order-content {
        width: calc(100% - 80px);
        padding-left: 14px;
    }
    .profile-order-left {
        width: calc(100% - 100px);
        padding-right: 10px;
    }
    .profile-order-right {
        width: 100px;
    }
    .profile-order-left h4 {
        font-size: 14px;
        line-height: 22px;
    }
    .profile-order-price {
        font-size: 14px line-height: 26px;
    }
    .profile-order-cancel {
        font-size: 14px;
        line-height: 22px;
    }
    .profile-notification-box h5 {
        font-size: 14px line-height: 27px;
    }
    .profile-address-edit-btn {
        font-size: 14px;
    }
    .profile-form .form-group {
        margin-bottom: 24px;
    }
    .add-cart-btn {
        font-size: 12px;
    }
    .checkout-area {
        padding-top: 20px;
    }
    .checkout-verify-item h4 {
        font-size: 14px line-height: 27px;
    }
    .checkout-verify-item>img {
        width: 26px;
    }
    .checkout-verify-item {
        padding-left: 36px;
        font-size: 14px;
        line-height: 20px;
    }
    .payment-total li {
        padding: 16px 20px;
    }
    .billing-body .cart-item-text .cart-item-title {
        font-size: 14px;
        line-height: 20px;
    }
    .billing-head {
        padding: 16px 20px;
        font-size: 14px
    }
}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */

@media (max-width:991.98px) {
    .contact-wrapper.partner_contacts {
        margin-top: 0;
    }
    .rvwbox {
        flex: 0 0 100%;
    }
    .navbar-brand,
    .header-fixed .navbar-brand {
        width: 170px !important;
    }
    .slick-next {
        right: 2px;
    }
    .slick-prev {
        left: 2px;
    }
    .slick-prev:before,
    .slick-next:before {
        font-size: 14px
    }
    .footer-box {
        width: 33.33%;
    }
    .footer-box.footer-contact-box {
        width: 100%;
        max-width: 500px;
        margin-top: 40px;
    }
    .footer-box h4 {
        font-size: 14px margin-bottom: 10px;
    }
    .footer-link {
        font-size: 14px;
        line-height: 20px;
    }
    .footer-logo {
        width: 170px;
    }
    .about-imgs-box {
        padding: 0;
    }
    .about-main-img {
        max-width: 450px;
        margin: 0 auto;
        margin-bottom: 0px;
    }
    .about-wrapper .about-text {
        position: relative;
        left: auto !important;
        top: auto !important;
        bottom: auto !important;
        margin-bottom: 30px;
        transform: none !important;
        width: 100% !important;
        right: auto !important;
    }
    .about-shape-two {
        top: 50%;
        width: 170px;
    }
    .about-shape-one {
        width: 100px;
    }
    .vision-img-3 .vision-img-4 {
        width: 80px;
    }
    .about-logo {
        margin-bottom: 20px;
    }
    .with-us-content h3 {
        font-size: 14px;
        line-height: 36px;
    }
    .with-us-content {
        padding: 50px 0;
        font-size: 14px;
        line-height: 27px;
        padding-right: 0;
    }
    .btn {
        font-size: 14px;
        min-width: 160px;
        padding: 7px 16px;
    }
    .hero-text h1,
    .hero-text h2 {
        font-size: 14px;
        line-height: 44px;
    }
    .hero-text {
        font-size: 14px line-height: 26px;
    }
    .hero-img-box img {
        height: auto !important;
    }
    .hero-container {
        background: transparent !important;
    }
    .product-tab-box h4 {
        font-size: 14px;
        line-height: 22px;
    }
    .gallery-item {
        width: 33.33%;
    }
    .gallery-box h4 {
        font-size: 14px;
        line-height: 24px;
    }
    .video-item {
        width: 33.33%;
    }
    .video-box h4 {
        font-size: 14px;
        line-height: 24px;
    }
    .latest-recipe-meta h3 {
        font-size: 14px;
        line-height: 26px;
    }
    .latest-recipe-meta h3 img {
        width: 14px;
    }
    .recipe-item {
        width: 33.33%;
    }
    .contact-left {
        width: 100%;
    }
    .contact-wrapsuper {
        width: 100% !important;
    }
    .contact-right {
        width: 100%;
    }
    .product-single-content {
        padding: 0;
        line-height: 22px;
    }
    .product-single-title {
        font-size: 14px;
        line-height: 30px;
    }
    .pscb-price {
        width: 100%;
        margin-top: 20px;
    }
    .recipe-single-thumb {
        margin-bottom: 14px;
        padding-bottom: 50%;
    }
    .recipe-single-head h3 {
        font-size: 14px;
        line-height: 30px;
        margin-bottom: 4px;
    }
    .recipe-single-meta {
        padding-right: 100px;
    }
    .recipe-share li+li {
        margin-left: 10px;
    }
    .recipe-share .recipe-share-link {
        font-size: 14px;
    }
    .recipe-single-head {
        padding-bottom: 10px;
        margin-bottom: 16px;
        border-bottom-width: 1px;
    }
    .recipe-single-text h4 {
        font-size: 14px; line-height: 24px;
        margin-bottom: 10px;
    }
    .recipe-single-block ul li {
        padding-left: 24px;
        font-size: 14px;
        line-height: 20px;
    }
    .member-content {
        padding: 24px 20px;
        font-size: 14px;
        line-height: 18px;
    }
    .member-content h4 {
        font-size: 14px;
        line-height: 30px;
        margin-bottom: 8px;
    }
    .member-form {
        margin-top: 0px;
    }
    .member-form .form-group {
        margin-bottom: 20px;
    }
    .member-form .form-control {
        font-size: 14px;
        padding-left: 30px;
    }
    .member-form .form-control+img {
        max-height: 22px;
        top: 8px;
    }
    .member-form .form-group p {
        font-size: 14px;
        line-height: 20px;
    }
    .profile-tabs {
        width: 180px;
    }
    .profile-tab-content .tab-content {
        width: calc(100% - 180px);
    }
    .item-incrmnt {
        width: 100px;
        justify-content: flex-start;
    }
    .item-incrmnt .item-inc {
        min-width: 30px;
        font-size: 14px
    }
    .item-incrmnt .item-dcr {
        min-width: 30px;
        width: 30px;
        font-size: 23px;
        padding: 5px 5px 5px;
    }
    .item-incrmnt .item-val {
        font-size: 14px;
        line-height: 28px;
    }
    .profile-notification-item {
        padding: 16px 20px;
    }
    .profile-notification-icon {
        width: 36px;
        height: 36px;
        top: 5px;
        transform: none;
    }
    .profile-notification-box {
        padding-left: 45px;
        padding-right: 85px;
    }
    .profile-notification-box h5 {
        font-size: 14px;
        line-height: 22px;
    }
    .profile-notification-time {
        font-size: 14px;
    }
    .profile-form-wrapper {
        padding: 34px 30px;
    }
    .form-group label {
        font-size: 14px;
        line-height: 20px;
    }
    .product-item {
        width: 25%;
    }
    .cart-box-area {
        padding: 0;
    }
    .billing-cta .btn {
        font-size: 14px;
    }
    .privacy-text {
        font-size: 14px;
        line-height: 24px;
    }
    .privacy-text p {
        margin-bottom: 14px;
    }
    .privacy-text p:last-child {
        margin-bottom: 0;
    }
    .privacy-text h4 {
        font-size: 14px;
        line-height: 26px;
        margin: 14px 0 14px;
    }
    .privacy-text h3 {
        font-size: 14px;
        line-height: 27px;
        margin: 14px 0 14px;
    }
    .privacy-text h5 {
        font-size: 14px;
        line-height: 24px;
        margin: 14px 0 14px;
    }
    .privacy-text h6 {
        font-size: 14px;
        line-height: 20px;
        margin: 14px 0 14px;
    }
    .privacy-text span {
        font-size: 14px;
        line-height: 18px;
    }
}

/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */

@media (max-width: 767.98px) {
    ul.quick-contact address {
        font-size: 14px;
    }
    body {
        font-size: 14px;
        line-height: 26px;
    }
    h1 {
        font-size: 40px;
    }
    h2 {
        font-size: 14px
    }
    h3 {
        font-size: 14px
    }
    h4 {
        font-size: 14px;
    }
    h5 {
        font-size: 14px
    }
    h6 {
        font-size: 14px;
    }
    .help-titlehelp {
        font-size: 20px !important;
    }
    .content-container {
        padding: 20px 0;
    }
    .footer-box {
        width: 100%;
        margin-bottom: 30px;
        text-align: left;
    }
    .footer-super-box {
        display: unset !Important;
    }
    .slider-img-new-product img {
        min-height: auto !Important;
    }
    .common-btnform {
        min-width: 100% !important;
    }
    .footer-box.footer-contact-box {
        width: 100%;
        margin-top: 0;
    }
    .footer-box h4::before {
        left: 60px;
        transform: translateX(-50%);
    }
    .about-shape-two {
        top: 7%;
        width: 150px;
    }
    .about-text.type-2 {
        padding-top: 30px;
    }
    .about-img.img-1 {
        margin-top: 0 !important;
        max-width: unset;
        margin: 0 auto;
        margin-top: -20px;
    }
    .mission-text-content.two {
        padding: 0;
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 24px;
    }
    .vision-img-2 {
        margin: 0 auto;
        max-width: 400px;
        margin-bottom: 24px;
    }
    .vision-img-3 {
        margin: 0 auto;
        max-width: 400px;
    }
    .hero-text-content {
        padding: 20px 0 0 0;
    }
    .hero-img-box {
        padding-bottom: 30%;
    }
    .hero-text h1,
    .hero-text h2 {
        font-size: 14px;
        line-height: 40px;
        max-width: initial;
    }
    .hero-text {
        font-size: 14px;
        line-height: 24px;
    }
    .hero-text p {
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .hero-text-top .htp-1 {
        margin-left: 3%;
    }
    .hero-text {
        text-align: center;
    }
    .hero-text-top .htp-2 {
        margin-right: 10%;
        height: 66px;
    }
    .hero-text-top {
        margin-bottom: 12px;
    }
    .hero-img-box img {
        margin: 0 auto;
        margin-bottom: -50px;
        height: 100% !Important;
    }
    .vrtcl-slide-list {
        padding-left: 0;
        padding-bottom: 40px !important;
    }
    .vrtcl-slide-list .slick-list {
        padding: 20px 0 !important;
    }
    .vrtcl-slide-item {
        padding: 13px 0;
    }
    .vrtcl-slide-box h3 {
        font-size: 14px;
        line-height: 36px;
    }
    .vrtcl-slide-box {
        font-size: 14px;
        line-height: 24px;
    }
    .vrtcl-slide-box p {
        margin-bottom: 6px;
    }
    .vrtcl-slide-meta {
        font-size: 14px;
    }
    .vrtcl-slide-list .slick-prev {
        top: auto;
        bottom: 0;
        transform: rotate(-90deg);
        left: 5px;
    }
    .vrtcl-slide-list .slick-prev,
    .vrtcl-slide-list .slick-next {
        width: 20px;
        height: 30px;
    }
    .vrtcl-slide-list .slick-prev:before,
    .vrtcl-slide-list .slick-next:before {
        width: 20px;
        height: 30px;
        background-size: contain;
    }
    .vrtcl-slide-list .slick-next {
        bottom: 0;
        transform: rotate(-90deg);
        left: 54px;
    }
    .vrtcl-img-box img {
        transform: translateY(100%) rotate(0deg);
        max-width: 300px;
        margin-top: 20px;
    }
    .vrtcl-img-list {
        margin: 0;
        width: calc(100% + 40px);
        margin-left: -20px;
    }
    .heading h3 {
        font-size: 14px;
        line-height: 33px;
    }
    .address-para {
        height: unset !important;
    }
    .navbar-brand img {
        width: 100%;
        max-width: 130px;
    }
    .heading {
        margin-bottom: 20px;
    }
    .product-tabs li {
        min-width: 142px;
        margin-bottom: 0;
        padding-bottom: 10px;
    }
    .product-tabs {
        justify-content: start !important;
        overflow-x: auto;
        border: none;
        width: calc(100% + 40px);
        margin-left: -20px;
        padding: 0 20px;
    }
    .product-super-tab {
        overflow-x: unset !Important;
    }
    .product-tab-box img {
        height: 100px;
    }
    .product-tab-box::before {
        bottom: -5px;
        height: 2px;
    }
    .product-item {
        width: 50%;
        padding: 10px 6px;
    }
    .product-tab-box h4 {
        font-size: 14px;
        line-height: 18px;
    }
    .product-cta {
        font-size: 14px;
        line-height: 16px;
    }
    .product-img {
        /*padding-bottom: 120%;*/
    }
    .product-img img, .product-img a{
        min-height: unset;
        aspect-ratio: unset;
    }
    .product-cta img {
        width: 10px;
    }
    .recipe-slider .recipe-item {
        width: 250px;
    }
    .recipe-list {
        padding-right: 0;
        margin-bottom: -20px;
    }
    .recommend-text {
        padding: 0;
        margin-bottom: 30px;
        text-align: center;
    }
    .recommend-imgs {
        max-width: 450px;
        width: 90%;
        margin: 0 auto;
    }
    .recommend-img-one {
        width: 70px;
        right: -10%;
    }
    .recommend-img-two {
        width: 90px;
        right: -12%;
        bottom: 15%;
    }
    .recommend-img-three {
        width: 120px;
        left: -12%;
    }
    .cart-wrapper {
        width: 356px;
        right: -53px;
    }
    .with-us-content {
        text-align: center;
        align-items: center;
    }
    .with-us-content h3 {
        text-align: center;
    }
    .with-us-img-innr {
        max-width: 500px;
        margin: 0 auto;
    }
    .bottom-text {
        margin-top: 30px;
        line-height: 26px;
    }
    .gallery-item {
        width: 50%;
        padding: 0;
        margin-bottom: 0;
    }
    .gallery-box h4 {
        font-size: 14px;
        line-height: 18px;
    }
    .gallery-list {
        margin-bottom: 0;
    }
    .video-item {
        width: 50%;
    }
    .video-box h4 {
        font-size: 14px;
        line-height: 22px;
    }
    .vdo-ply-btn {
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    .latest-recipe-item:nth-child(1),
    .latest-recipe-item:nth-child(2) {
        width: 100%;
    }
    .latest-recipe-item {
        width: 50%;
    }
    .latest-recipe-item:nth-child(1) .latest-recipe-img,
    .latest-recipe-item:nth-child(2) .latest-recipe-img {
        padding-bottom: 50%;
    }
    .latest-recipe-meta h3 {
        font-size: 14px;
        line-height: 22px;
    }
    .latest-recipe-meta-date {
        font-size: 14px;
    }
    .latest-recipe-meta-date img {
        width: 16px;
        margin-right: 3px;
    }
    .recipe-item {
        width: 50%;
        margin-bottom: 20px;
    }
    .map-area {
        height: 380px;
        width: calc(100% + 40px);
        margin-left: -20px;
    }
    .contact-wrapper {
        width: calc(100% - 20px);
    }
    .contact-left h4 {
        font-size: 14px;
        line-height: 24px;
    }
    .form-control {
        height: 40px;
        padding: 9px 14px 11px;
    }
    .contact-right h4 {
        font-size: 14px;
        line-height: 26px;
    }
    .quick-contact li {
        font-size: 14px;
    }
    .quick-contact li span {
        font-size: 14px;
        top: 2px;
    }
    .quick-contact li a {
        font-size: 14px;
        line-height: 22px;
    }
    .recipe-list.recipe-sldier .recipe-item {
        width: 230px;
    }
    .cart-item-text .cart-item-title {
        font-size: 14px;
        line-height: 16px;
    }
    .cart-item-text .cart-item-meta {
        margin-bottom: 6px;
    }
    .cart-item-img {
        max-height: 70px;
    }
    .product-single-list {
        max-width: 400px;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .product-single-title {
        font-size: 14px;
    }
    .product-single-content {
        font-size: 14px;
        line-height: 20px;
    }
    .pick-your-varient {
        max-width: 400px;
        margin-top: 40px;
    }
    .pick-your-varient .pick-variant {
        width: 100px;
        top: -30px;
    }
    .pyv-btn label {
        font-size: 14px;
        padding: 8px 14px;
    }
    .product-single-content-bottom {
        margin-top: 24px;
    }
    .pscb-quantity .pick-quantity {
        min-width: 100px;
        width: 100px;
        bottom: -34px;
    }
    .pscb-price {
        font-size: 23px;
        margin-top: 14px;
    }
    .pscb-price del {
        font-size: 14px;
    }
    .heading-two h5 {
        font-size: 14px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .heading-two h6 {
        font-size: 14px;
        line-height: 22px;
    }
    .recent-recipe-item {
        width: 200px;
        padding: 10px;
    }
    .recent-recipe-img {
        height: 120px;
    }
    .recent-recipe-box h4 {
        font-size: 14px;
    }
    .recent-recipe-box h6 {
        font-size: 14px;
    }
    .accordion-button {
        font-size: 14px;
        line-height: 24px;
    }
    .accordion-button::after {
        background-size: 16px;
        top: 16px;
    }
    .faq-bottom {
        flex-flow: column;
        text-align: center;
    }
    .faq-bottom h4 {
        margin-bottom: 20px !important;
        font-size: 14px
    }
    .faq-bottom .submit-btn2 {
        margin: 0;
    }
    .side-recipe {
        margin-top: 14px;
    }
    .recipe-single-meta {
        padding-left: 0;
        padding-right: 94px;
    }
    .recipe-single-meta-date {
        position: relative;
        display: block;
        margin-bottom: 6px;
    }
    .recipe-single-meta-cat {
        font-size: 14px;
        line-height: 18px;
        display: block;
    }
    .recipe-single-head h3 {
        font-size: 14px;
        line-height: 27px;
    }
    .recipe-share li+li {
        margin-left: 8px;
    }
    .recipe-single-block.grid-two ul li {
        width: 100%;
    }
    .profile-tabs {
        width: 100%;
        border-bottom: 1px solid #737373;
    }
    .profile-tab-content .tab-content {
        width: 100%;
    }
    .profile-order-img {
        width: 70px;
        height: 86px;
    }
    .profile-order-content {
        width: calc(100% - 70px);
        flex-flow: row;
    }
    .profile-order-left {
        width: 100%;
        height: auto;
    }
    .profile-order-right {
        width: 100%;
        flex-flow: row-reverse;
        justify-content: space-between;
        margin-top: 6px;
    }
    .profile-notification-box {
        padding-left: 40px;
        padding-right: 75px;
    }
    .profile-notification-icon {
        width: 30px;
        height: 30px;
    }
    .profile-notification-box h5 {
        font-size: 14px;
        line-height: 20px;
    }
    .profile-notification-time {
        font-size: 12px;
    }
    .profile-tabs .profile-tab {
        width: 50%;
    }
    .profile-tabs {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        height: max-content;
    }
    .profile-tabs .profile-tab-link {
        border: 1px solid #000;
        text-align: center;
    }
    .profile-tabs .profile-tab+.profile-tab {
        border: none;
    }
    .profile-tab-content {
        min-height: auto;
    }
    .profile-address-item {
        padding: 12px 20px;
    }
    .profile-addresss {
        line-height: 14px;
        line-height: 18px;
        font-size: 14px;
    }
    .profile-form .form-group {
        margin-bottom: 18px;
    }
    .product-list {
        width: calc(100% + 30px);
        margin-left: -15px;
    }
    .product-box .add-cart-btn {
        opacity: 1;
        visibility: visible;
        font-size: 10px;
    }
    .cart-box-area .item-incrmnt {
        margin-left: auto;
        margin-top: 0;
    }
    .cart-box-area .profile-order-right {
        margin-top: -18px;
    }
    .billing-wrapper {
        margin-top: 24px;
    }
    .billing-head {
        padding: 16px 20px;
        font-size: 14px
    }
    .cancl_policy h5 {
        font-size: 14px;
        line-height: 24px;
    }
    .billing-cta {
        border-radius: 0;
    }
    .bottom-imgs {
        justify-content: center;
    }
    .checkout-verify-item h4 {
        font-size: 14px;
        margin-bottom: 0;
    }
    .checkout-verify-item {
        font-size: 12px;
        line-height: 16px;
        padding-left: 30px;
        padding-bottom: 14px;
    }
    .checkout-verify-item>img {
        width: 22px;
        top: 1px;
    }
    .payment-method {
        padding: 10px 0;
    }
    .payment-total {
        margin-bottom: 20px;
    }
    .choosepayment-tab {
        margin-bottom: 18px;
    }
    .choosepayment-content {
        margin-bottom: 20px;
    }
    .choosepayment-cta {
        font-size: 12px;
        line-height: 16px;
    }
    .payment-total li {
        font-size: 14px;
        line-height: 20px;
    }
    .payment-total li span {
        width: 70px;
    }
    .checkout-verify-add {
        width: 24px;
        height: 24px;
        font-size: 11px;
        line-height: 18px;
        top: -3px;
    }
    .billing-body .cart-item-text .cart-item-title {
        font-size: 14px;
        line-height: 16px;
    }
    .cart-item-text .cart-item-price {
        font-size: 14px;
        line-height: 24px;
    }
    .address_new h4 {
        font-size: 14px; margin-top: 5px;
    }
    .address_new {
        font-size: 14px;
        line-height: 18px;
    }
    .address_heading {
        font-size: 14px;
        padding: 16px 20px;
    }
    .address_list .form-check {
        font-size: 14px;
        line-height: 20px;
    }
    .address_list .form-check .form-check-input {
        font-size: 14px;
    }
    .address_list .form-check .addrs_tag {
        line-height: 26px;
        margin-bottom: 0;
    }
    .about-img.img-2 {
        margin: 30px 0 10px;
    }
    .modal-body {
        padding: 16px 20px;
    }
    .modal-body .form-group {
        margin-bottom: 12px;
    }
    .modal-body .form-control {
        font-size: 14px;
        height: 40px;
        padding: 5px 16px;
    }
    #cancelOrder .btn {
        min-width: 120px;
    }
    #cancelOrder .btn+.btn {
        margin-left: 14px;
    }
    .about-text {
        font-size: 14px;
    }
    .with-us-img-innr .with-us-logo {
        left: -5%;
        width: 20%;
        top: 7%;
    }
}

/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */

@media (max-width:575.98px) {
    .navbar-collapse,
    .navbar-collapse.collapsing {
        width: 100%;
        right: -110%;
    }
    .choosepayment-tab .nav-link:last-child {
        border-left: 1px solid #737373 !important;
        border-radius: 0 0 5px 5px;
        border-top: none !important;
        width: 100%;
        flex: auto;
    }
    .choosepayment-tab .nav-link:first-child {
        border-radius: 5px 0 0 0;
    }
    .payment-total li p strong {
        display: block;
    }
    .video-item {
        width: 100%;
    }
}

@media (max-width:389.98px) {
    .cart-wrapper {
        width: 300px;
        right: -160%;
    }
    .quick-contact li a {
        font-size: 14px;
    }
    .quick-contact li span {
        font-size: 14px;
        width: 20px;
    }
    .quick-contact li {
        padding-left: 24px;
    }
    .quick-contact li h4 {
        font-size: 14px;
    }
    .contact-wrapper {
        width: 100%;
    }
    .contact-right {
        padding: 24px 16px;
    }
    .pscb-quantity {
        margin: 0;
        margin-left: auto;
    }
    .pscb-btn .submit-btn {
        min-width: 150px;
    }
    .product-tab-box::before {
        bottom: -8px;
    }
    .product-tab-box h4 {
        font-size: 14px;
        line-height: 18px;
    }
    .recommend-text blockquote {
        font-size: 14px;
        line-height: 30px;
    }
    .profile-tabs .profile-tab-link {
        font-size: 14px;
        padding: 8px 10px;
    }
}

.common-all-img-rounded img {
    border-radius: 10px;
}

.common-btnform {
    width: 100%;
    min-width: unset;
    box-shadow: 0px 0 25px rgba(7, 5, 4, 0.2);
}

.call-hov-btn:hover {
    background: linear-gradient(to right, #1570B0, #E1E741);
    color: white;
    border: transparent;
}

.slider-img-new-product img {
    min-height: 415px;
    object-fit: unset !important;
    border-radius: 10px;
}

.form-containermain {
    border-radius: 10px;
}

.thumbimgmainsuper {
    border-radius: 10px;
}

.thumbimgmainsuper img {
    border-radius: 10px;
}

.contact-wrapsuper {
    width: 50%;
}

.form-super-inside select {
    height: 44px;
    padding: 9px 30px 11px 16px;
    border: 1px solid #BABABA !important;
    font-size: 14px;
    color: #909090;
}

.form-super-inside .form-select:focus {
    box-shadow: none !Important;
}

.super-product-banenr {
    position: sticky;
    top: 112px;
}

.header-btn-hover:hover {
    /*background-color:#F1B715;*/
}

.with-us-content p {
    font-size: 14px
}

.help-titlehelp {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 1rem;
    text-align: center;
    color: black;
}

.faq-img {
    position: sticky;
    top: 110px;
}

.partner-contanct-super {
    margin-top: unset !important;
}

.partner-img-sup {
    position: sticky;
    top: 111px;
}

.product-tab-box:hover {
    transform: scale(1.1);
    transition: all .3s ease;
    overflow: hidden;
}

.sec-para-about p {
    margin-bottom: 24px;
}

.feature-cardcost {
    background: #ffffff;
    /*border: 1px solid #eee;*/
    border: 1px solid #a5a5a5;
    border-radius: 15px;
    text-align: center;
    padding: 25px 20px;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
    height: 100%;
}

.feature-cardcost:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    border-color: #eee;
}

.feature-cardcost img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    margin-bottom: 15px;
}

.feature-titlecost {
    font-weight: 600;
    color: #333;
    font-size: 14px;
    word-break: break-word;
}

@media (max-width: 576px) {
    .feature-titlecost {
        font-size: 14px;
    }
    .section-headingentprices {
        font-size: 32px !important;
    }
}

.section-headingentprices {
    font-size: 35px;
    font-weight: bold;
}

.highlightpricesent {
    color: black;
    font-size: 14px;
}

.feature-boxpric-enter {
    border: 1px solid #a5a5a5;
    border-radius: 8px;
    height: 100%;
    padding: 20px;
    text-align: center;
    transition: transform 0.2s ease;
}

.feature-boxpric-enter:hover {
    transform: scale(1.02);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    border-color: #eee;
}

.feature-boxpric-enter img {
    height: 40px;
    margin-bottom: 10px;
}

.btn-customprice {
    background: linear-gradient(to right, #1570B0, #E1E741);
    color: white;
    font-weight: 600;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    margin-top: 15px;
    text-decoration: none;
}

.btn-customprice:hover {
    background: linear-gradient(to right, #1570B0, #E1E741);
    color: white;
}

.feature-boxpric-enter h6 {
    font-size: 14px;
}

.super-knowmore-btn {
    display: flex;
    justify-content: center;
}

.super-knowmore-btn a {
    position: absolute;
    bottom: 20px;
    width: 85%;
}

.product-supercta {
    margin-bottom: 50px;
}

.super-mainproductbox {
    position: relative;
}

.contact-infonew h5 {
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 12px;
    font-size: 14px;
}

.contact-infonew p {
    margin: 5px 0;
    font-size: 14px;
    .50px.class="address-para;{
 height: 50px;
}

}

.contact-infonew p:hover {
    color: #f1b715;
}

.contact-infonew i {
    /*color: black;*/
    margin-right: 8px;
}

.maincontainer-contact-new {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 20px;
    background-color: #f9f9f9;
    margin-bottom: 30px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.product-super-tab li {
    width: 100%;
}

.product-img-tab img {
    width: 100%;
    height: unset;
    max-width: 200px;
    max-height: 200px;
    border-radius: 50%;
}

.product-img-tab {
    margin-bottom: 12px;
}

.address-para {
    height: 50px;
}

.product-super-tab {
    width: unset !important;
    height: unset ! Important;
    display: inline-flex !important;
}

.common-navbtn {
    background: #ffffff;
    padding: 17px;
    top: 44% !important;
    border-radius: 50%;
    width: 20px !important;
    height: 20px !important;
    display: flex;
    justify-content: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    align-items: center;
}

.common-navbtn.swiper-button-prev {
    left: -33px !Important;
}

.common-navbtn.swiper-button-next {
    right: -33px !important;
}

.common-navbtn:after,
.swiper-rtl .common-navbtn:after {
    font-size: 17px !important;
    color: black;
}

.mySwiperproduct {
    position: unset !important;
}

.contact-buttonsproduct-detail {
    margin-top: 20px;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.contact-buttonsproduct-detail a {
    flex: 1;
    text-align: center;
    padding: 8px 20px;
    border-radius: 8px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.contact-buttonsproduct-detail .whatsapp {
    background-color: #2CD46B;
    border: transparent;
}

.contact-buttonsproduct-detail .call {
    /*background-color: black;*/
}

.sec-call-btn-home {
    color: black;
    border: 3px solid red;
    background: transparent;
}

.sec-call-btn-home:hover {
    color: black;
    border: 3px solid red;
    background: transparent;
}

.feature-cardcost .hover-grey {
    transition: filter 0.3s ease;
    filter: brightness(0.9) saturate(100%) invert(77%) sepia(5%) saturate(0%) hue-rotate(0deg);
}

.feature-cardcost:hover .hover-grey {
    filter: brightness(90) saturate(100%) invert(55%) sepia(85%) saturate(700%) hue-rotate(-5deg) brightness(100%) contrast(105%);
    transition: filter 0.4s ease;
}

.feature-boxpric-enter .hover-grey {
    transition: filter 0.3s ease;
    filter: brightness(0.9) saturate(100%) invert(77%) sepia(5%) saturate(0%) hue-rotate(0deg);
}

.feature-boxpric-enter:hover .hover-grey {
    filter: brightness(90) saturate(100%) invert(55%) sepia(85%) saturate(700%) hue-rotate(-5deg) brightness(100%) contrast(105%);
    transition: filter 0.4s ease;
}