@font-face {
    font-family: 'Helvetica Neue';
    src: url('/wp-content/themes/sunhee/assets/fonts/HelveticaNeue.woff2') format('woff2'),
        url('/wp-content/themes/sunhee/assets/fonts/HelveticaNeue.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('/wp-content/themes/sunhee/assets/fonts/HelveticaNeue-Italic.woff2') format('woff2'),
        url('/wp-content/themes/sunhee/assets/fonts/HelveticaNeue-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('/wp-content/themes/sunhee/assets/fonts/Gotham-Black.woff2') format('woff2'),
        url('/wp-content/themes/sunhee/assets/fonts/Gotham-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('/wp-content/themes/sunhee/assets/fonts/Gotham-Bold.woff2') format('woff2'),
        url('/wp-content/themes/sunhee/assets/fonts/Gotham-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('/wp-content/themes/sunhee/assets/fonts/Gotham-Book.woff2') format('woff2'),
        url('/wp-content/themes/sunhee/assets/fonts/Gotham-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('/wp-content/themes/sunhee/assets/fonts/Gotham-Light.woff2') format('woff2'),
        url('/wp-content/themes/sunhee/assets/fonts/Gotham-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('/wp-content/themes/sunhee/assets/fonts/Gotham-Medium.woff2') format('woff2'),
        url('/wp-content/themes/sunhee/assets/fonts/Gotham-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('/wp-content/themes/sunhee/assets/fonts/Gotham-Thin.woff2') format('woff2'),
        url('/wp-content/themes/sunhee/assets/fonts/Gotham-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('/wp-content/themes/sunhee/assets/fonts/Gotham-XLight.woff2') format('woff2'),
        url('/wp-content/themes/sunhee/assets/fonts/Gotham-XLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Ultra';
    src: url('/wp-content/themes/sunhee/assets/fonts/Gotham-Ultra.woff2') format('woff2'),
        url('/wp-content/themes/sunhee/assets/fonts/Gotham-Ultra.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FatFrank';
    src: url('/wp-content/themes/sunhee/assets/fonts/FatFrank-Heavy.woff2') format('woff2'), url('/wp-content/themes/sunhee/assets/fonts/FatFrank-Heavy.woff') format('woff');
    font-weight: 950;
    font-style: normal;
    font-display: swap;
}

html,
body {
    overflow-x: hidden;
}

html.scroll-disable {
    overflow: hidden;
}

body {
    margin: 0 auto;
    font-size: 18px;
    color: #000000;
    font-family: 'Gotham';
    font-weight: normal;
    width: 100%;
    --section-heading: 4.43vw;
}

* {
    box-sizing: border-box;
}

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

img {
    max-width: 100%;
}

a {
    text-decoration: none;
    transition: 0.15s ease-out;
}

.container {
    max-width: 90.63vw;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.04vw;
    padding-right: 1.04vw;
}

/* Header CSS Start*/
header {
    background-color: #f05423;
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
    transition: 0.2s ease-in-out;
}

header.sticky-on {
    position: fixed;
    animation: HeaderSticky;
    animation-duration: 0.3s;
    animation-timing-function: linear;
}

header .header-wrp nav #close-menu {
    display: none;
}

header .header-wrp nav ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 0;
    column-gap: 35px;
    list-style: none;
}

header .header-wrp nav ul li a {
    font-size: 28px;
    color: #FFFFFF;
    font-family: 'Gotham';
    text-align: center;
    font-weight: 400;
    text-transform: uppercase;
}

header .header-wrp .mobile-toggle {
    display: none;
}

@keyframes HeaderSticky {
    0% {
        transform: translateY(-65px);
    }

    100% {
        transform: translateY(0px);
    }
}

header.header-sticky .header-wrp {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

header.header-sticky .header-wrp .header_logo img {
    height: auto;
    max-width: 10.57vw;
    display: block;
}

header .header-wrp nav {
    padding-top: 47px;
    padding-bottom: 15px;
}

.header-sticky .header_logo.mobile_view {
    display: block;
}

header.header-sticky.sticky-on .header-wrp nav {
    padding-block: 0;
}

header.sticky-on .header-wrp nav ul {
    padding: 0;
}

.herobanner .herobanner_img .herobanner_logo {
    display: none;
}

/* Header CSS End*/
h5 {
    font-weight: bold !important;
}

.sec_header h5 {
    font-size: 20px;
    margin-bottom: 17px;
}

section .sec_header {
    text-align: center;
}

section .sec_header .sec_title {
    font-size: var(--section-heading);
    color: #fff;
    line-height: 1.06;
    letter-spacing: -1px;
    text-transform: uppercase;
    margin-bottom: 22px;
}

.products_sec .sec_header {
    margin-bottom: 4.32vw;
}

section .sec_header .sec_desc {
    color: #007565;
    font-size: 2.50vw;
    line-height: 2.97vw;
    letter-spacing: -0.03vw;
    font-family: 'Gotham';
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 0.52vw;
    display: block;
}

/* Footer Start */
footer {
    background-color: #F97FB5;
    position: relative;
}

.footer_panda {
    position: absolute;
    bottom: 0;
    right: 0;
    width: auto;
    max-width: 15.47vw;
    /* 297px */
}

.footer_wrp {
    padding: 5.73vw 0 3.65vw 3.33vw;
    /* 110px 0 70px 64px */
    max-width: 60.16vw;
    /* 1155px */
    width: 100%;
}

.footer_wrp .footer_top {
    display: grid;
    grid-template-columns: 40% 25% 9.64vw;
    /* 185px */
    gap: 1.30vw;
    /* 25px */
    margin-bottom: 4.84vw;
    /* 93px */
}

.footer_wrp .footer_top .footer_links {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.footer_wrp .footer_top .footer_link {
    display: block;
    color: #fff;
    font-size: 1.25vw;
    line-height: 2.29vw;
    text-transform: capitalize;
    font-family: 'Helvetica Neue';
}

.footer_wrp .footer_top .footer_media {
    display: grid;
    grid-template-columns: 3.59vw 3.59vw;
    /* 69px 69px */
    gap: 1.46vw 2.24vw;
    /* 28px 43px */
}

.footer_wrp .footer_top .footer_media img {
    height: 100%;
    display: block;
    object-fit: contain;
}

.footer_wrp .footer_top a img {
    display: block;
    width: 100%;
    max-width: 14.90vw;
}

.footer_wrp .footer_bottom p {
    font-size: 1.15vw;
    /* 22px */
    line-height: 1.98vw;
    /* 38px */
    color: #fff;
    font-family: 'Helvetica Neue';
}

.footer_wrp .footer_bottom p a {
    color: #fff;
    font-family: 'Helvetica Neue';
}

/* Footer End */
/* Map Start */
.map_sec {
    background-color: #09B3AA;
    position: relative;
}

.map_sec .were_to_find_us {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 15vw;
}

.map_sec .cloud1 {
    position: absolute;
    height: 3.8vw;
    left: -8%;
    top: 5px;
}

.map_sec .cloud2 {
    position: absolute;
    right: -6.5%;
    height: 5.5vw;
    top: 11%;
}

.map_sec .map_blk {
    max-width: 60.42vw;
    width: 100%;
    margin: 0 auto;
    padding: 2.86vw 0 6.25vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.map_sec .map_blk .sec_header {
    width: 100%;
}

.map_sec .map_blk .sec_header .sec_title {
    margin-bottom: 5.73vw;
}

.map_sec .map_blk .map_col {
    width: 30%;
    background-color: #fff;
    border: 3px solid #CC102B;
    border-radius: 1.56vw;
    padding: 1.93vw 1.04vw 2.76vw;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: end;
    justify-content: center;
}

.map_sec .map_blk .map_col img {
    margin-bottom: 2.29vw;
    min-height: 6.98vw;
    object-fit: contain;
    object-position: bottom;
}

.map_sec .map_blk .map_col .action {
    margin-top: auto;
}

.action .cstm_btn {
    background-color: #D2451D;
    display: block;
    font-size: 1.25vw;
    margin: 0 auto;
    width: fit-content;
    padding: 0.52vw 1.56vw;
    text-transform: capitalize;
    color: #fff;
    border-radius: 0.63vw;
    border: 0.10vw solid #D2451D;
    transition: all 0.3s ease-in-out;
    position: relative;
    z-index: 9;
    line-height: 1.25;
}

/* Map End */
.products_sec {
    background: url("/wp-content/themes/sunhee/assets/images/product-bg-img.svg") no-repeat;
    padding-top: 2.03vw;
    padding-bottom: 5.42vw;
    background-size: cover;
}

.products_sec .container {
    max-width: 1636px;
}

.products_sec .container {
    max-width: 85.21vw;
}

.product_bowl .product-card {
    background: #FFFFFF;
    padding: 28px;
    position: relative;
}

.product_bowl .product-card .product-title {
    background: #FFC440;
    border: 1px solid #000000;
    font-weight: 700;
    font-style: bold;
    font-size: 19px;
    line-height: 22px;
    letter-spacing: -0.3px;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    color: #000000;
    padding: 12px 22px;
    margin-top: 17px;
}

.product_bowl .product-card .product-title {
    background: #FFC440;
    border: 1px solid #000000;
    font-weight: 700;
    font-size: 0.99vw;
    line-height: 1.15vw;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    color: #000000;
    padding: 0.63vw 1.15vw;
    margin-top: 0.89vw;
}

.product_bowl .product-card:after {
    content: "";
    position: absolute;
    inset: 0;
}

.product_bowl .product-card {
    background: #FFFFFF;
    padding: 28px;
    margin-top: 0;
    top: 0;
    z-index: 1;
    overflow: visible;
    position: relative;
    padding: 1.46vw;
}

.product_bowl .item {
    position: relative;
    padding: 22px;
    padding: 1.15vw;
    padding-top: 0;
    padding-left: 0;
}

.product_bowl .item:after {
    content: "";
    position: absolute;
    inset: 0;
    background: #000;
    z-index: -1;
    left: 22px;
    top: 22px;
    left: 1.15vw;
    top: 1.15vw;
}

.products_sec .owl-nav button {
    width: 3.96vw;
    height: 3.85vw;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-color: transparent;
    border: 0;
    outline: none;
    box-shadow: none;
    font-size: 0;
    top: 50%;
    transform: translateY(-50%);
}

.products_sec .owl-nav button {
    color: transparent !important;
    background-size: 100% 100% !important;
}

.products_sec .owl-nav .owl-prev {
    left: 0;
    background-image: url(/wp-content/themes/sunhee/assets/images/button.owl-next.svg) !important;
}

.products_sec .owl-nav .owl-next {
    right: 0;
    background-image: url(/wp-content/themes/sunhee/assets/images/button.owl-prev.svg) !important;
}

.products_sec .owl-carousel {
    padding: 0 7.60vw;
}

.product_bowl .product-card .pro-vec-back-img {
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: 0.6;
}

.product_sous .product-card .img-wrap img {
    aspect-ratio: 1;
    object-fit: contain;
}

.products_sec .sec_content {
    display: flex;
    flex-direction: column;
    gap: 2.66vw;
    flex-wrap: wrap;
}

.home_recipes {
    background: url("/wp-content/themes/sunhee/assets/images/recipy-bg-img.webp") no-repeat;
    background-size: cover;
}

.home_recipes .sec_header {
    max-width: 41.98vw;
    margin: auto;
}

.home_recipes .sec_header p {
    font-weight: 700;
    margin: auto;
    color: #000000;
}

.home_recipes .sec_header .action {
    margin-top: 2.29vw;
}

.home_recipes .sec_header .sec_title {
    margin-bottom: 0.83vw;
}

.home_recipes {
    padding-top: 2.92vw;
    position: relative;
    padding-bottom: 7.08vw;
}

.home_recipes:after {
    content: "";
    content: '';
    height: 4.22vw;
    position: absolute;
    width: 100%;
    bottom: 0;
    background: url("/wp-content/themes/sunhee/assets/images/recipy-after.svg");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
}

.recipe-content {
    padding: 0 69px;
    position: relative;
}

.dishes-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.dishes-wrapper .dish.dish-tofu {
    display: flex;
    flex-direction: column;
}

.dishes-wrapper .dish .text-img {
    position: absolute;
}

.dishes-wrapper .dish .text-img {
    position: absolute;
    bottom: 33px;
    left: -17px;
}

.dishes-wrapper .dish-bbq {
    display: flex;
    flex-direction: column;
    position: relative;
}

.dishes-wrapper .dish {
    position: relative;
}

.dishes-wrapper .dish.dish-bbq .text-img {
    position: absolute;
    bottom: -4%;
    left: 4%;
    width: auto;
}

.dishes-wrapper .dish.dish-vegan .text-img {
    position: absolute;
    bottom: -4%;
    left: 4%;
    width: auto;
}

.home_recipes .sec_content {
    padding-left: 3.13vw;
    margin-top: 32px;
}

.dish.dish-tofu .text-img {
    bottom: auto;
}

.dish.dish-tofu .bowl-1 {
    position: static;
    width: max-content;
    object-fit: contain;
    margin: auto;
}

.dish.dish-tofu .text-img {
    position: static;
}

/* nyam-drinks-section start */
/* color: var(--color-red-47, #D2451E); color: var(--color-cyan-23, #007565); */
.nyam-drinks-section {
    border: 10px solid #000000;
    position: relative;
    margin-top: -14px;
}

.nyam-drinks-section .bg-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.nyam-drinks-section .left-cnt .drink-title {
    font-family: 'Gotham';
    font-weight: 900;
    font-size: 48px;
    line-height: 163%;
    letter-spacing: -0.1px;
    color: #D2451E;
    width: fit-content;
    background-image: url('/wp-content/themes/sunhee/assets/images/comming-soon-lable-bg.webp');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    max-width: 100%;
    text-align: center;
    padding: 32px 116px 240px 132px;
}

.nyam-drinks-section .bg-image {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.nyam-drinks-section .content-wrap {
    padding-left: 160px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nyam-drinks-section .left-cnt .drink-title .green-text {
    color: #007565;
}

.nyam-drinks-section .left-cnt {
    padding: 90px 0;
    width: 618px;
}

.nyam-drinks-section .right-cnt {
    width: calc(100% - 618px);
}

.nyam-drinks-section .right-cnt img {
    display: block;
    width: 100%;
}

/* nyam-drinks-section end */
.home_recipes .spicy-eating-panda {
    position: absolute;
    right: 0;
    top: -4.74vw;
}

.home_recipes .spicy-eating-panda img {
    width: 19.84vw;
    height: 25.05vw;
}

.panda-after {
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 9;
    width: 32.03vw;
    bottom: -10.26vw;
    left: 3.49vw;
}

.panda-after .mushroom-img {
    margin-left: auto;
    position: relative;
    top: 4.53vw;
    left: 0.94vw;
    z-index: 9;
    width: 7.03vw;
}

.panda-after .panda-img {
    position: relative;
    max-width: 100%;
    left: -0.73vw;
}

.pyro-panda-banner .panel-wrap {
    position: absolute;
    inset: 0;
}

.pyro-panda-banner-img img {
    width: 100%;
}

.pyro-panda-banner .p1.panel {
    width: 39.22vw;
    height: 42.98vw;
    position: absolute;
    left: 0;
    top: 0;
}

.pyro-panda-banner .p1.panel .img-text {
    position: absolute;
    left: 0;
    width: 39.22vw;
    height: 25.26vw;
    top: -2.60vw;
}

.pyro-panda-banner .p1.panel .p1-food {
    position: absolute;
    bottom: 0;
    width: 26.20vw;
    height: 23.13vw;
    left: 1.46vw;
}

.pyro-panda-banner-img img {
    width: 100%;
    display: block;
}

section.pyro-panda-banner {
    position: relative;
    margin-top: -4px;
}

.home-banner img {
    width: 100%;
    display: block;
}

.pyro-panda-banner .p2.panel {
    width: 62.19vw;
    height: 39.53vw;
    position: absolute;
    top: 0;
    overflow: clip;
    right: 0;
}

.pyro-panda-banner .p2.panel .p1-food,
.pyro-panda-banner .p3.panel .p1-food,
.pyro-panda-banner .p4.panel .p2-food {
    animation: PlatAnimation infinite;
    animation-delay: 0.3s;
    animation-duration: 3000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.pyro-panda-banner .p3.panel .p1-food,
.pyro-panda-banner .p4.panel .p2-food {
    transform-origin: bottom;
}

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

    25% {
        transform: rotate(1.5deg)
    }

    50% {
        transform: rotate(0deg)
    }

    75% {
        transform: rotate(-1.5deg)
    }

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

@keyframes PlatAnimationTwo {
    0% {
        transform: rotate(-5deg);
    }

    25% {
        transform: rotate(-3.5deg);
    }

    50% {
        transform: rotate(-5deg);
    }

    75% {
        transform: rotate(-3.5deg);
    }

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

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

    25% {
        transform: rotate(1.5deg)
    }

    50% {
        transform: rotate(0deg)
    }

    75% {
        transform: rotate(-1.5deg)
    }

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

.pyro-panda-banner .p2.panel .p1-food {
    position: absolute;
    left: 15.16vw;
    top: -4.75vw;
    width: 35vw;
    height: 35vw;
    object-fit: contain;
}

.pyro-panda-banner .p2.panel .img-text {
    right: 3.75vw;
    position: absolute;
    width: 35.89vw;
    height: 26.93vw;
    top: 4.10vw;
}

.pyro-panda-banner .p2.panel .p3-food {
    width: 27.76vw;
    /* 533px */
    height: 20.52vw;
    /* 394px */
    left: -0.31vw;
    /* -6px */
    position: absolute;
    top: 1.20vw;
    /* 23px */
    animation: spicy-drop 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.2s both, spicy-bounce 0.35s ease-out 0.8s, spicy-pulse 2.4s ease-in-out 1.2s infinite;
    transform-origin: center bottom;
}

@keyframes spicy-drop {
    from {
        transform: translateY(-280px) rotate(-12deg) scale(0.7);
        opacity: 0;
    }

    to {
        transform: translateY(0) rotate(0deg) scale(1);
        opacity: 1;
    }
}

@keyframes spicy-bounce {
    0% {
        transform: scaleY(1) scaleX(1);
    }

    40% {
        transform: scaleY(0.88) scaleX(1.08);
    }

    70% {
        transform: scaleY(1.06) scaleX(0.96);
    }

    100% {
        transform: scaleY(1) scaleX(1);
    }
}

@keyframes spicy-pulse {

    0%,
    100% {
        transform: scale(1) rotate(0deg);
    }

    20% {
        transform: scale(1.04) rotate(-2deg);
    }

    40% {
        transform: scale(0.97) rotate(2deg);
    }

    60% {
        transform: scale(1.03) rotate(-1deg);
    }

    80% {
        transform: scale(1) rotate(1deg);
    }
}

.pyro-panda-banner .p2.panel .p2-food {
    position: absolute;
    bottom: 8.33vw;
    /* 160px */
    right: 2.08vw;
    /* 40px */
    width: 11.15vw;
    /* 214px */
    height: 11.09vw;
    /* 213px */
}

.pyro-panda-banner .p3.panel {
    width: 44.90vw;
    /* 862px */
    height: 32.14vw;
    /* 617px */
    position: absolute;
    left: 0;
    bottom: 0;
}

.pyro-panda-banner .p3.panel .p1-food {
    position: absolute;
    bottom: 0.26vw;
    width: 32.24vw;
    height: 23.54vw;
    left: -0.47vw;
}

.pyro-panda-banner .p3.panel .img-text {
    width: 40.68vw;
    /* 781px */
    height: 41.09vw;
    /* 789px */
    position: absolute;
    top: -7.60vw;
    /* -146px */
    left: -0.52vw;
    /* -10px */
}

.pyro-panda-banner .p4.panel {
    width: 53.59vw;
    height: 48.75vw;
    position: absolute;
    bottom: 0;
    right: 0;
}

.pyro-panda-banner .p4.panel .p1-food {
    position: absolute;
    left: -0.78vw;
    top: -0.26vw;
    width: 40.26vw;
    height: 43.13vw;
    animation: panda-fly-in 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) 0.5s both, panda-float 3s ease-in-out 1.3s infinite;
    transform-origin: center center;
}

.pyro-panda-banner .p4.panel .p2-food {
    position: absolute;
    bottom: 0.42vw;
    right: 0;
    width: 23.39vw;
    height: 16.09vw;
}

@keyframes panda-fly-in {
    from {
        transform: translateX(400px) translateY(60px) rotate(15deg) scale(0.6);
        opacity: 0;
    }

    to {
        transform: translateX(0) translateY(0) rotate(0deg) scale(1);
        opacity: 1;
    }
}

@keyframes panda-float {

    0%,
    100% {
        transform: translateY(0px) rotate(0deg);
        filter: drop-shadow(4px 12px 10px rgba(255, 0, 0, 0.3));
    }

    25% {
        transform: translateY(-18px) rotate(2deg);
        filter: drop-shadow(4px 22px 16px rgba(255, 0, 0, 0.5));
    }

    50% {
        transform: translateY(-10px) rotate(-1deg);
        filter: drop-shadow(4px 18px 14px rgba(255, 0, 0, 0.4));
    }

    75% {
        transform: translateY(-22px) rotate(1.5deg);
        filter: drop-shadow(4px 26px 18px rgba(255, 0, 0, 0.5));
    }
}

.dish.dish-bbq .big-img {
    margin-left: 0;
    display: block;
    position: relative;
}

/* .dishes-wrapper .dish.dish-bbq .text-img { min-width: calc(100% + 6px); } */
.dishes-wrapper .dish.dish-bbq .text-img {
    min-width: calc(50% + 6px);
}

.smal-bowl-wrap {
    position: relative;
    justify-content: center;
    left: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: auto;
    gap: 1.77vw;
    top: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 20.63vw;
    margin: auto;
}

.smal-bowl-wrap img {
    object-fit: contain;
    width: 9.42vw;
    height: 8.40vw;
}

.smal-bowl-wrap .bowl-2 {
    margin-top: 1.20vw;
}

.dishes-wrapper .dish.dish-tofu {
    display: flex;
    flex-direction: column;
    margin-top: 66px;
}

.dish.dish-tofu .bowl-1 {
    position: static;
    width: max-content;
    object-fit: contain;
    margin: auto;
}

@media screen and (min-width:768px) {
    .dishes-wrapper {
        align-items: flex-start;
        justify-content: center;
        display: grid;
        grid-template-columns: 41.78% 29.66% 28.45%;
    }

    .dishes-wrapper .dish-bbq .sml-img-1 {
        position: absolute;
        top: -4.64vw;
        width: 9.01vw;
        height: 7.71vw;
    }

    .dish.dish-bbq .big-img {
        left: 4.74vw;
        top: -0.99vw;
        width: 27.86vw;
        height: 28.02vw;
    }

    /* .dishes-wrapper .dish.dish-bbq .text-img { position: absolute; bottom: -8.33vw; left: 1.41vw; width: 40.52vw; height: 28.11vw; } */
    .dishes-wrapper .dish.dish-bbq .text-img {
        position: absolute;
        bottom: -5vw;
        left: 2.41vw;
        width: 22vw;
        height: 10.7vw;
    }

    .dish.dish-vegan {
        margin-top: 5.68vw;
        margin-left: -2.92vw;
    }

    .dish.dish-vegan .big-img {
        /* margin-top: -1.81vw; */
        margin-top: -0.81vw;
        margin-left: -0.78vw;
        /* width: 29.74vw; height: 29.83vw;  */
        width: 28.74vw;
        height: 28.83vw;
    }

    /* .dishes-wrapper .dish.dish-vegan .text-img { width: 26.46vw; height: 23.91vw; bottom: -7.03vw; left: -2.45vw; position: absolute; } */
    .dishes-wrapper .dish.dish-vegan .text-img {
        width: 31vw;
        height: 12vw;
        bottom: -5.03vw;
        left: -0.45vw;
        position: absolute;
    }

    .dishes-wrapper .dish.dish-tofu {
        margin-top: 3.44vw;
    }

    .dish.dish-tofu .bowl-1 {
        position: static;
        width: 10.52vw;
        height: 9.53vw;
        object-fit: contain;
        margin: auto;
    }

    /* .dish.dish-tofu .text-img { position: static; margin-left: -1.51vw; margin-top: -0.47vw; width: 26.04vw; height: 11.35vw; } */
    .dish.dish-tofu .text-img {
        position: static;
        margin-left: -1.51vw;
        margin-top: -0.47vw;
        width: 27.5vw;
        height: 10.3vw;
        transform: translateY(4.69vw);
    }

    .dishes-wrapper .dish.dish-tofu .big-img {
        width: 24.90vw;
        height: 24.84vw;
    }
}

header .header-wrp nav {
    padding-top: 2.45vw;
    padding-bottom: 0.78vw;
}

header .header-wrp nav ul {
    column-gap: 2.34vw;
}

header .header-wrp nav ul li a {
    font-size: 1.46vw;
}

.products_sec {
    padding-top: 2.03vw;
    padding-bottom: 5.42vw;
}

header.header-sticky .header-wrp .header_logo img {
    width: 10.57vw;
    max-width: inherit;
}

.action .cstm_btn {
    transition: all 0.3s ease-in-out;
    position: relative;
    z-index: 9;
    line-height: 1.25;
    overflow: hidden;
}

.action .cstm_btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transition: left 0.3s ease-in-out;
    z-index: -1;
}

.action .cstm_btn:hover::before {
    left: 0;
}

.action .cstm_btn:hover {
    color: #D2451D;
}

.recipes-section {
    position: relative;
    margin-top: -0.52vw;
}

.recipes-banner-img img {
    display: block;
    width: 100%;
}

.recipes-section .container_fluid {
    padding: 0 6.56vw;
}

.recipes-section .recipes-slider-wrap {
    position: absolute;
    inset: 0;
    padding-top: 1.20vw;
    padding-bottom: 7.19vw;
}

.recipes-section .sec_header {
    margin-bottom: 2.50vw;
}

.recipes-menu-section {
    background: url(/wp-content/themes/sunhee/assets/images/recepe-menu-bg.webp) no-repeat;
    background-size: cover;
    position: relative;
    margin-top: -2.50vw;
    padding-bottom: 3.13vw;
    padding-top: 1.198vw;
}

.recipes-menu-section .spicy-eating-panda {
    position: absolute;
    right: 0;
    top: -9.16vw;
    width: 17.08vw;
    height: 21.46vw;
    z-index: 1;
}

.recepe-menu-tabs #tabs-nav {
    max-width: 70.36vw;
    margin: auto;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 2.34vw;
}

.recepe-menu-tabs #tabs-nav {
    max-width: 73.44vw;
    margin: auto;
    padding-left: 1.56vw;
    padding-right: 1.56vw;
}

.recepe-menu-tabs #tabs-nav li {
    padding: 0.78vw;
    display: flex;
    justify-content: center;
    text-align: center;
    cursor: pointer;
}

.recepe-menu-tabs #tabs-nav li.starter {
    background: #E81D75;
}

.recepe-menu-tabs #tabs-nav li.main_course {
    background: #8347AD;
}

.recepe-menu-tabs #tabs-nav li.Snacks {
    background: #00D0BF;
}

.recepe-menu-tabs #tabs-nav li.with-img {
    flex-direction: column;
    padding: 0;
}

.recepe-menu-tabs #tabs-nav li.with-img .recipes-icon-img {
    width: 6.82vw;
    height: 6.82vw;
    margin: 0 auto;
    background-color: #F05527;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .5s ease;
}

.recepe-menu-tabs #tabs-nav li.with-img:hover .recipes-icon-img {
    transform: rotateY(180deg);
}

.arrow-bounce:hover .arrow {
    animation: arrowBounce .6s ease infinite;
}

@keyframes arrowBounce {

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

    50% {
        transform: translateX(7px);
    }
}

.cards-grid .meal-card .card-footer .read-more-btn:hover .btn-arrow {
    animation: arrowBounce .6s ease infinite;
}

.cards-grid .meal-card .card-footer .read-more-btn .btn-arrow {
    transition: background 0.15s, transform 0.1s;
}

.recepe-menu-tabs #tabs-nav li.with-img.rice-favourites .recipes-icon-img {
    background: #F11F3A;
}

.recepe-menu-tabs #tabs-nav li.with-img.noodle-favourites .recipes-icon-img {
    background: #B7076D;
}

.recepe-menu-tabs #tabs-nav li a {
    font-size: 1.56vw;
    line-height: 2.08vw;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: -0.1px;
    display: block;
    width: 100%;
    border-bottom: 2px solid transparent;
}

.recepe-menu-tabs #tabs-nav li.with-img a {
    border: none;
}

.card-food-img-wrap .card-food-img,
.recipes-slider .img-wrp img {
    animation: rotate_dish 40s linear infinite;
}

.recepe-menu-tabs #tabs-nav li.active a {
    border-color: #F9F9F9;
}

.recepe-menu-tabs #tabs-nav li.with-img a {
    font-size: 1.25vw;
    line-height: 1;
    color: #000000;
    font-weight: normal;
    margin-top: 0.78vw;
    text-transform: capitalize;
}

.recepe-menu-tabs #tabs-nav li.with-img.active a {
    color: #fff;
}

.recepe-menu-tabs #tabs-content {
    margin-top: 7.81vw;
    padding-left: 4.06vw;
    padding-right: 9.11vw;
}

.recepe-menu-tabs .cards-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7.40vw 6.88vw;
}

.cards-grid .meal-card {
    background: #F05527;
    padding: 1.04vw 1.04vw 2.08vw;
    box-shadow: 0.89vw 0.89vw #860B1D;
}

.cards-grid .meal-card.purple {
    background: #7F3F98;
    box-shadow: 0.89vw 0.89vw #6F0342;
}

.cards-grid .meal-card .card-header-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    margin-bottom: 3.33vw;
}

.meal-card .card-header .card-title {
    font-size: 2.34vw;
    line-height: 2.60vw;
    letter-spacing: -0.6px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 0.78vw;
}

.cards-grid .meal-card .card-meta {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.78vw;
}

.cards-grid .meal-card .card-meta .meta-item {
    display: grid;
    grid-template-columns: 2.34vw 1fr;
    gap: 0.73vw;
    align-items: center;
}

.cards-grid .meal-card .card-meta .meta-item .meta-text span {
    color: #FFFFFF;
}

.cards-grid .meal-card .card-meta .meta-item .meta-text .meta-label {
    font-size: 1.04vw;
    display: block;
}

.cards-grid .meal-card .card-meta .meta-item .meta-text .meta-value {
    font-size: 0.83vw;
    display: block;
    font-weight: 300;
}

.recipes-menu-section .sec_header {
    margin-bottom: 2.24vw;
}

.meal-card .card-header-grid .card-food-img-wrap {
    margin-left: -3.07vw;
    margin-top: -5.36vw;
}

.meal-card .ingredients-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1.30vw 1.82vw;
}

.meal-card .ingredients-grid .ingredient-item {
    background: rgba(255, 255, 255, 0.9);
    text-align: center;
    padding: 0.52vw;
    display: flex;
    flex-direction: column;
    gap: 0.52vw;
    align-items: center;
    justify-content: center;
}

.meal-card .ingredients-grid .ingredient-item img {
    display: block;
    max-height: 7.81vw;
    height: 100%;
    object-fit: contain;
}

.meal-card .ingredients-grid .ingredient-item .ingredient-name {
    font-size: 1.35vw;
    line-height: 1.56vw;
    letter-spacing: -0.26px;
    color: #F05527;
    text-transform: uppercase;
    font-family: 'Gotham';
    font-weight: 500;
}

.cards-grid .meal-card .card-footer {
    display: flex;
    gap: 3.13vw;
    justify-content: center;
    margin-top: 3.13vw;
}

.cards-grid .meal-card .card-footer .read-more-btn {
    border-radius: 0.63vw;
    border: 2px solid #fff;
    color: #fff;
    font-size: 1.25vw;
    text-transform: capitalize;
    padding: 0.42vw 0.89vw;
    display: flex;
    align-items: center;
    gap: 0.52vw;
    line-height: 1;
    font-weight: 1000;
    letter-spacing: -0.1px;
}

.cards-grid .meal-card.teal {
    background: #09B3AA;
    box-shadow: 0.89vw 0.89vw #075753;
}

.cards-grid .meal-card.red {
    background: #F32735;
    box-shadow: 0.89vw 0.89vw #8B060F;
}

.recepe-menu-tabs .tab-content .view-all {
    text-align: center;
    margin-top: 6.77vw;
}

.recepe-menu-tabs .tab-content .view-all a {
    text-align: center;
    font-size: 2.60vw;
    letter-spacing: -0.58px;
    line-height: 3.13vw;
    color: #CC102B;
    text-transform: capitalize;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: auto;
    width: fit-content;
    font-weight: 700;
}

.recepe-menu-tabs .tab-content .view-all a>img {
    display: block;
    margin: auto;
    max-width: 3.33vw;
}

.cards-grid .meal-card:nth-child(4)~.meal-card {
    display: none;
}

.recepe-menu-tabs .tab-content .view-all .viewAllLink_remove {
    display: none;
}

.meta-item.serves .meta-text {
    width: max-content;
    text-align: center;
}

.abt-herobg-wrap {
    position: relative;
}

.abt-herobg-wrap .location-view-wrap {
    position: absolute;
    inset: 0;
}

.abt-hero-img .panda-left {
    position: absolute;
    left: 0;
    top: 6.04vw;
    width: 15.78vw;
    height: 31.15vw;
}

.abt-hero-img .location_view .location-name {
    font-size: 5vw;
    color: #fff;
    font-weight: 900;
    letter-spacing: -0.1px;
    transform: rotate(-3deg);
    font-family: 'FatFrank';
}

.abt-hero-img .location_view {
    margin: auto;
    position: relative;
    margin-top: 9.11vw;
    max-width: 67.55vw;
}

.abt-hero-img .location_view .location-img {
    position: relative;
    left: 4.27vw;
    margin-top: -6vw;
    width: 67.55vw;
    height: 21.98vw;
}

.abt-hero-img .location_view .location-name.right {
    font-size: 8.80vw;
    transform: rotate(10deg);
    float: right;
    margin-left: 0;
    position: relative;
    left: 6vw;
    top: -4vw;
}

.abt-hero-img .location_view .panda-center {
    display: block;
    margin: auto;
    position: relative;
    top: -5.16vw;
    left: 9.5vw;
    width: 12.76vw;
    height: 11.41vw;
}

.abt-hero-img .bg-img img {
    display: block;
    width: 100%;
    object-fit: cover;
}

.abt-banner-content .text-content p {
    font-size: 2.5vw;
    /* 48px */
    line-height: 1.2;
    color: #000209;
    font-weight: 700;
}

.abt-banner-content:before {
    content: "";
    background: url(/wp-content/themes/sunhee/assets/images/cloud-img.webp) no-repeat;
    width: 100vw;
    /* 1920px */
    height: 25.83vw;
    /* 496px */
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    background-size: cover;
}

.abt-banner-content {
    min-height: 25.83vw;
    /* 496px */
    position: relative;
    margin-top: -21vw;
}

.abt-banner-content .text-content {
    position: relative;
    text-align: center;
    z-index: 9;
    padding-top: 11.9vw;
    max-width: 65.36vw;
    /* 1255px */
    margin: auto;
    padding-left: 1.56vw;
    /* 30px */
    padding-right: 1.56vw;
    /* 30px */
}

.bring-test-section {
    background: url(/wp-content/themes/sunhee/assets/images/bring-bg.webp) no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
    padding-top: 8.39vw;
    border-top: 11px solid #000;
    border-bottom: 11px solid #000;
}

.bringing-test-grid {
    padding-left: 2.60vw;
    display: grid;
    grid-template-columns: 57.71vw 47.45vw;
    align-items: flex-end;
}

.bringing-test-grid .bubble-wrap {
    background: url(/wp-content/themes/sunhee/assets/images/Isolation_Mode-1.svg) no-repeat;
    min-width: 33.85vw;
    min-height: 33.91vw;
    width: max-content;
    margin-left: auto;
    background-size: cover;
}

.bringing-test-grid .bubble-wrap p {
    font-weight: bold;
    font-size: 3.23vw;
    line-height: 1.01;
    max-width: 20.21vw;
    text-align: center;
    padding-top: 6.61vw;
    transform: rotate(-16deg);
    color: #FF6507;
    text-shadow: -0.26vw 0.16vw #000000;
    padding-left: 0;
    position: relative;
    left: 5.26vw;
    text-transform: capitalize;
}

.bringing-test-grid .packets {
    margin-top: -12.45vw;
    margin-bottom: -8.23vw;
}

.bringing-test-grid .left {
    display: flex;
    flex-direction: column;
}

.bring-test-section .spicy {
    position: absolute;
    top: -8.23vw;
    left: 1.82vw;
    width: 31.98vw;
    height: 23.65vw;
}

.abt-hero-img {
    position: relative;
    z-index: 0;
}

.bring-test-section .abt-cloud-img {
    position: absolute;
    right: 32.33%;
    top: 10%;
    width: 7.76vw;
    height: 2.24vw;
}

.bring-test-section .abt-cloud-img-1 {
    position: absolute;
    right: 23%;
    top: 19%;
    width: 7.76vw;
    height: 2.24vw;
}

.bringing-test-grid .bowl-wrap {
    margin-top: 0;
    position: relative;
    top: 0.94vw;
    z-index: -1;
}

.product-months-banner {
    background: #F59E24;
    padding: 5.21vw 0 12.60vw;
    position: relative;
}

.product-months-banner .banner-top-text {
    padding-right: 4.95vw;
    max-width: 69.43vw;
    margin-left: auto;
    text-align: right;
}

.product-months-banner .banner-top-text p {
    font-size: 2.34vw;
    font-weight: 700;
    letter-spacing: -0.1px;
    color: #fff;
    line-height: 1.2;
}

.product-months-grid {
    margin-top: 1.56vw;
    padding-left: 4.17vw;
    display: grid;
    grid-template-columns: 1.201fr 1fr;
    align-items: center;
}

.product-months-grid .banner-content p {
    font-size: 1.56vw;
    line-height: 2.19vw;
    font-weight: 700;
    letter-spacing: -0.1px;
    color: #fff;
}

.product-months-grid .banner-image .pro-panda {
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    width: 10.36vw;
    height: 8.02vw;
    display: block;
}

.abt-classics-grid .banner-image img {
    width: 25.68vw;
    height: 30.63vw;
}

.product-months-grid .banner-image .img-group {
    position: relative;
}

.product-months-grid .banner-image .product-img {
    position: relative;
    margin-top: -4.11vw;
    width: 100%;
}

.product-months-banner:after {
    content: "";
    display: block;
    background: url(/wp-content/themes/sunhee/assets/images/pro-month-after.svg);
    width: 100%;
    height: 6.41vw;
    position: absolute;
    bottom: 0;
    mix-blend-mode: difference;
    background-repeat: repeat-x;
    background-size: cover;
}

.abt-classics-banner {
    background: #FFC222;
    border: 4px solid #000000;
}

.abt-classics-grid {
    padding-left: 8.91vw;
    position: relative;
}

.abt-classics-grid .banner-text {
    padding-top: 3.49vw;
    padding-bottom: 2.60vw;
}

.abt-classics-grid .banner-text .title {
    text-transform: uppercase;
}

.abt-classics-grid .banner-text .title,
.abt-classics-grid .banner-text h3 {
    font-size: 3.65vw;
    color: #f05527;
    font-weight: 900;
    letter-spacing: -0.1px;
    font-family: 'FatFrank';
    margin-bottom: 0.52vw;
}

.abt-classics-grid .banner-text h3 {
    color: #fff;
    letter-spacing: -0.1px;
}

.abt-classics-grid .banner-image {
    position: absolute;
    top: -6.41vw;
    right: -0.52vw;
}

.product-months-banner .could-1 {
    position: absolute;
    left: 3.18vw;
    top: 2.86vw;
    width: 10.42vw;
    height: 3.02vw;
}

.product-months-banner .could-2 {
    position: absolute;
    left: 11.35vw;
    top: 6.56vw;
    width: 8.13vw;
    height: 2.34vw;
}

.bringing-test-grid .packets img {
    width: 100%;
}

.bringing-test-grid .bowl-wrap img {
    width: 100%;
}

.cards-grid .meal-card .card-footer .btn-arrow img {
    width: 1.88vw;
    height: 1.88vw;
}

/* contact css start */
.container-fluid {
    width: 100%;
}

.inner-hero-banner.contact-us-banner {
    background: #09B3AA;
}

.inner-hero-banner.contact-us-banner .herobanner_img {
    position: relative;
}

.inner-hero-banner.contact-us-banner .herobanner_img img {
    display: block;
    width: 100%;
}

.inner-hero-banner img {
    display: block;
    width: 100%;
}

.contact-form-wrap {
    padding: 130px 0 180px;
    background: #09B3AA;
    position: relative;
}

.contact-form-wrap .contact-form-bg {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
    object-fit: cover;
}

.contact-form-wrap .container {
    max-width: 1427px;
    width: 100%;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
}

.contact-form-wrap .contact-title {
    font-family: 'Gotham';
    font-weight: 900;
    font-size: 64px;
    line-height: 100%;
    text-align: center;
    letter-spacing: 0;
    margin-bottom: 60px;
    text-transform: uppercase;
}

.contact-form-wrap .contact-form {
    background: #FFC222;
    width: 100%;
    padding: 75px 160px;
    position: relative;
    border: 4px solid #000000;
    position: relative;
    z-index: 1;
}

.contact-form-wrap .contact-form form {
    position: relative;
    z-index: 2;
}

.contact-form-wrap .input-group {
    margin-bottom: 40px;
}

.contact-form-wrap .input-group label {
    display: block;
    /* font-family: Proxima Nova; */
    font-weight: 700;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: 0;
    margin-bottom: 16px;
    color: #000000;
}

.contact-form-wrap .input-group label .required {
    /* font-family: Arlette THA; */
    font-weight: 500;
    color: #000000;
}

.contact-form-wrap .input-group input,
.contact-form-wrap .input-group textarea {
    font-weight: 700;
    font-size: 36px;
    line-height: 100%;
    letter-spacing: 0;
    border: 4px solid #FFFFFF;
    background: transparent;
    outline: none;
    padding: 10px 20px;
    width: 100%;
    color: #000000;
}

.contact-form-wrap textarea {
    resize: vertical;
    min-height: 70px;
}

.contact-form-wrap .privacy-policy {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin: 0 0 40px;
}

.contact-form-wrap .privacy-policy label {
    /* font-family: Proxima Nova; */
    font-weight: 700;
    font-size: 32px;
    line-height: 125%;
    letter-spacing: 0;
    color: #FFFFFF;
}

.contact-form-wrap .privacy-policy input[type="checkbox"] {
    background: transparent;
    border: 2px solid #000000;
    appearance: none;
    -webkit-appearance: none;
    background-color: #FFC222;
    cursor: pointer;
    display: block;
    min-width: 30px;
    min-height: 30px;
    position: relative;
    top: 3px;
}

.contact-form-wrap .privacy-policy input[type="checkbox"]:after {
    content: "";
    width: 18px;
    height: 7px;
    border: 3px solid #FFFFFF;
    border-top: none;
    border-right: none;
    transform: translate(-50%, -50%) rotate(-45deg);
    position: absolute;
    left: 50%;
    top: 40%;
    opacity: 0;
}

.contact-form-wrap .privacy-policy input[type="checkbox"]:checked:after {
    opacity: 1;
}

.contact-form-wrap .send-btn {
    display: block;
    margin: 0 auto;
    background: #F05223;
    color: #FFFFFF;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    /* font-family: Filson Soft; */
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0;
}

.contact-form-wrap .send-btn:hover {
    background: #cf481f;
}

.contact-form-wrap .panda-img {
    position: absolute;
    bottom: -30px;
    left: -100px;
    max-width: 390px;
    max-height: 270px;
    width: 100%;
}

.contact-form-wrap input {
    background: #FFC222;
    border: 2px solid #fff;
    color: #000;
}

.contact-form-wrap input:-webkit-autofill,
.contact-form-wrap input:-webkit-autofill:hover,
.contact-form-wrap input:-webkit-autofill:focus,
.contact-form-wrap input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #FFC222 inset !important;
    box-shadow: 0 0 0 1000px #FFC222 inset !important;
    -webkit-text-fill-color: #000 !important;
}

/* contact css end */
/* Recipe single css start */
.breadcrumb-wrap {
    background: #FF6508;
    position: relative;
}

.breadcrumb-wrap::after {
    content: "";
    background-image: url('/wp-content/themes/sunhee/assets/images/breadcrumb-bg-image.svg');
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    mix-blend-mode: multiply;
    opacity: 0.2;
}

.breadcrumb-wrap .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 50px;
    row-gap: 20px;
    list-style: none;
    margin: 0;
    padding: 22px 0;
    position: relative;
    z-index: 1;
}

.breadcrumb-wrap .breadcrumb li {
    position: relative;
}

.breadcrumb-wrap .breadcrumb li,
.breadcrumb-wrap .breadcrumb li a {
    font-size: 30px;
    font-weight: 500;
    line-height: 150%;
    text-transform: uppercase;
    color: #ffffff;
}

.breadcrumb-wrap .breadcrumb li a {
    transition: all 0.3s ease-in-out;
}

.breadcrumb-wrap .breadcrumb li a:hover {
    color: #000000;
}

.breadcrumb-wrap .breadcrumb li:not(:last-child)::after {
    content: "";
    background-image: url('/wp-content/themes/sunhee/assets/images/breadcrumb-after.svg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -33px;
}

.recipe-banner {
    background: #FF6507;
    padding: 84px 0 130px;
    color: #FFFFFF;
    position: relative;
    padding-right: 60px;
    border: 4px solid #000000;
    position: relative;
}

.recipe-banner .recipe-wrap {
    display: flex;
    align-items: center;
    gap: 190px;
    position: relative;
    z-index: 1;
}

.recipe-banner .recipe-image {
    width: 50%;
    max-width: 770px;
    position: relative;
}

.recipe-banner .recipe-image .recipe-main-img {
    max-width: 621px;
    max-height: 621px;
    height: 100%;
    width: 100%;
    display: block;
    margin-left: auto;
}

.rotate_dish {
    animation: rotate_dish 40s linear infinite;
}

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

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

.recipe-banner .recipe-image .chopstick-img {
    max-width: 444px;
    max-height: 337px;
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.recipe-banner .recipe-title {
    background: #FFFFFF;
    color: #222;
    font-size: 62px;
    line-height: 105%;
    letter-spacing: 0.5px;
    font-weight: 700;
    padding: 2px 20px;
    border: 2px solid #000000;
    display: inline-block;
    box-shadow: 0px 4px 4px 0px #00000040;
    max-width: 814px;
    margin-bottom: 40px;
    text-transform: capitalize;
}

.recipe-banner .recipe-info {
    display: flex;
    gap: 40px;
    margin-bottom: 60px;
    flex-wrap: wrap;
}

.recipe-banner .info-item {
    text-align: center;
    display: flex;
    align-items: center;
    gap: 15px;
    width: calc((100% - (2 * 40px)) / 3);
    text-align: start;
}

.recipe-banner .info-item .icon-image {
    width: 50px;
}

.recipe-banner .info-item .icon-image img {
    width: 100%;
    height: auto;
}

.recipe-banner .info-item .label {
    display: block;
    font-size: 26px;
    line-height: 115%;
    font-weight: 325;
    letter-spacing: -0.33px;
    text-transform: uppercase;
    margin-bottom: 9px;
}

.recipe-banner .info-item .value {
    font-size: 24px;
    line-height: 150%;
    font-weight: 900;
    letter-spacing: -0.1px;
    text-transform: capitalize;
}

.recipe-banner .recipe-desc {
    font-weight: 325;
    font-size: 30px;
    line-height: 114%;
    letter-spacing: -0.1px;
    margin-bottom: 30px;
}

.recipe-banner .recipe-bottom {
    display: flex;
    align-items: center;
    gap: 50px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.recipe-banner .vegan-badge {
    max-width: 180px;
    margin-top: 70px;
    margin-bottom: 10px;
}

.recipe-banner .vegan-badge img {
    width: 100%;
}

.recipe-banner .spicy {
    display: flex;
    align-items: center;
    gap: 5px;
}

.recipe-banner .recipe-bottom .title-text {
    font-size: 28px;
    line-height: 140%;
    font-weight: 325;
    letter-spacing: -0.1px;
    color: #FFFFFF;
    margin-right: 5px;
    white-space: nowrap;
}

.recipe-banner .spicy .dot {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-block;
    border: 4px solid #FFFFFF;
    background: #FFC222;
}

.recipe-banner .spicy .dot.active {
    background: #FF0000;
}

.recipe-banner .share {
    display: flex;
    align-items: center;
    gap: 15px;
}

.recipe-banner .share a {
    max-width: 45px;
    width: 100%;
    height: auto;
    display: flex;
}

.recipe-banner .share a:hover {
    transform: scale(1.1);
}

.recipe-banner .share a img {
    width: 100%;
    display: block;
}

.recipe-banner .recipe-text-content {
    width: 50%;
}

.recipe-banner .recipe-bg-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.recipe-banner .cloud-image-1 {
    position: absolute;
    top: 30px;
    right: 0;
    width: 100%;
    height: auto;
    max-width: 170px;
}

.recipe-banner .cloud-image-2 {
    position: absolute;
    top: 95px;
    right: 0;
    width: 100%;
    height: auto;
    max-width: 110px;
}

.recipe-details-section {
    position: relative;
    padding-bottom: 176px;
    background-color: #FFC222;
}

.recipe-details-section .container {
    max-width: 1834px;
    padding-left: 30px;
    padding-right: 30px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.recipe-details-section .recipe-detail-wrap {
    border: 4px solid #000000;
    border-top: none;
    display: flex;
    flex-wrap: wrap;
}

.recipe-details-section .recipe-detail-wrap .ingredients-cnt,
.recipe-details-section .recipe-detail-wrap .instructions-cnt {
    background: #FFF5E0;
    padding: 40px 40px 120px 50px;
    width: 50%;
}

.recipe-details-section .recipe-detail-wrap .ingredients-cnt {
    border-right: 4px solid #000000;
}

.recipe-details-section .recipe-detail-wrap .title {
    font-weight: 700;
    font-size: 50px;
    line-height: 120%;
    text-transform: uppercase;
    letter-spacing: -0.6px;
    margin-bottom: 20px;
}

.recipe-details-section .recipe-detail-wrap .sub-title {
    color: #000000;
    font-size: 26px;
    line-height: 154%;
    font-weight: 700;
    letter-spacing: -0.1px;
    text-transform: uppercase;
    border-bottom: 2px solid #000000;
    margin-bottom: 10px;
    /* var(--color-black-solid, #000000) */
}

.recipe-details-section .recipe-detail-wrap ul {
    padding-left: 0;
    margin-bottom: 20px;
}

.recipe-details-section .recipe-detail-wrap ul:last-child {
    margin-bottom: 0;
}

.recipe-details-section .recipe-detail-wrap ul li {
    color: #000000;
    font-size: 26px;
    line-height: 154%;
    font-weight: 500;
    letter-spacing: -0.1px;
    margin-bottom: 5px;
    position: relative;
    padding-left: 20px;
    display: flex;
    gap: 36px;
    justify-content: space-between;
}

.recipe-details-section .recipe-detail-wrap ul li::before {
    content: "•";
    font-size: 26px;
    line-height: 154%;
    color: #FF6507;
    position: absolute;
    left: 0;
    top: 0;
}

.recipe-details-section .recipe-detail-wrap ul li span:nth-child(2) {
    width: 100%;
    max-width: 26%;
}

.recipe-details-section .used-product-wrap {
    box-shadow: 10px 10px #2A2A2A;
    margin-top: 160px;
    position: relative;
}

.recipe-details-section .used-product-wrap .panda-img-1 {
    max-width: 145px;
    width: 100%;
    max-height: 112px;
    display: block;
    position: absolute;
    bottom: 100%;
    left: 0;
}

.recipe-details-section .recipe-detail-wrap .used-product-wrap .title {
    font-weight: 700;
    font-size: 34px;
    line-height: 100%;
    letter-spacing: -0.43px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 13px 40px;
    background: #E81D75;
    margin-bottom: 0;
}

.recipe-details-section .used-product-wrap .used-products {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
    padding: 5px 24px 35px;
    background: #FFC222;
}

.recipe-details-section .used-product-wrap .used-products .img-wrap {
    margin-bottom: 5px;
    padding-bottom: 100%;
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

.recipe-details-section .used-product-wrap .used-products img {
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: contain;
}

.recipe-details-section .used-product-wrap .used-products .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc((100% - (2 * 30px)) / 3);
}

.recipe-details-section .used-product-wrap .used-products .item a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
}

.recipe-details-section .used-product-wrap .used-products .item span {
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    letter-spacing: -0.1px;
    text-transform: uppercase;
    color: #000000;
    text-align: center;
}

.recipe-details-section .recipe-detail-wrap .instructions-cnt ul li:not(:last-child) {
    margin-bottom: 20px;
}

.recipe-details-section .recipe-products-section {
    padding: 100px 0 180px;
    background: #FFD990;
    width: 100%;
    border-top: 4px solid #000000
}

.recipe-details-section .recipe-products-section .recipe-products-wrap {
    max-width: 1155px;
    width: 100%;
    margin: 0 auto;
    border: 2px solid #000000;
    width: 100%;
    box-shadow: 8px 10px #2A2A2A;
    position: relative;
}

.recipe-details-section .recipe-detail-wrap .recipe-products-wrap .title {
    font-weight: 700;
    font-size: 34px;
    line-height: 100%;
    letter-spacing: -0.43px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 30px 40px;
    background: #FF6508;
    margin-bottom: 0;
    border-bottom: 2px solid #000000;
}

.recipe-details-section .recipe-products-wrap .recipe-products {
    padding: 13px 50px 20px;
    display: flex;
    align-items: center;
    gap: 80px;
    flex-wrap: wrap;
    background: #FFC222;
}

.recipe-details-section .recipe-products-wrap .recipe-products .item {
    width: calc((100% - (2 * 80px)) / 3);
}

.recipe-details-section .recipe-products-wrap .recipe-products a {
    position: relative;
}

.recipe-details-section .recipe-products-wrap .recipe-products a span {
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: -0.35px;
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
    background: rgba(240, 84, 35, 0.6);
    border-radius: 50%;
    font-size: 28px;
    line-height: 38px;
}

.recipe-details-section .recipe-products-wrap .recipe-products a:hover span {
    opacity: 1;
    visibility: visible;
}

.recipe-details-section .recipe-products-wrap .recipe-products .img-wrap {
    padding-bottom: 100%;
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.recipe-details-section .recipe-products-wrap .recipe-products .item:not(:last-child) .img-wrap::after {
    content: "";
    width: 2px;
    height: 76%;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -40px;
    background: #000000;
}

.recipe-details-section .recipe-products-wrap .recipe-products img {
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.recipe-details-section .recipe-products-wrap .panda-img-2 {
    position: absolute;
    bottom: calc(100% - 23px);
    right: 30px;
    max-width: 265px;
    width: 100%;
}

.recipe-details-section::after {
    content: "";
    background-image: url('/wp-content/themes/sunhee/assets/images/pattern-image.webp');
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
    width: 100%;
    height: 80px;
    bottom: 0;
    left: 0;
    mix-blend-mode: difference;
}

.recipe-details-section .cloud-image-3 {
    position: absolute;
    right: -100px;
    top: 40px;
}

/* Recipe single css end */
/* Product-page start */
.top-products-section {
    background: #FFC222;
    padding: 80px 0 210px;
    position: relative;
}

.top-products-section .container {
    max-width: 1760px;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    margin: 0 auto;
}

.top-products-section .top-products-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.top-products-section .top-products-wrap .product-card img {
    width: 100%;
}

.top-products-section::after {
    content: "";
    background-image: url('/wp-content/themes/sunhee/assets/images/pattern-image.webp');
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
    width: 100%;
    height: 80px;
    bottom: 0;
    left: 0;
    mix-blend-mode: difference;
}

.top-products-section .cloud-image-4 {
    position: absolute;
    right: -70px;
    top: 40px;
    max-width: 230px;
    width: 100%;
}

.top-products-section .panda-img-4 {
    position: absolute;
    left: 20px;
    bottom: -5px;
    z-index: 1;
    max-width: 156px;
    width: 100%;
}

.product-category {
    position: relative;
}

.product-category .category-wrap {
    background: #FF6507;
    padding: 80px 0 0;
    position: relative;
    overflow: hidden;
}

.product-category .category-wrap:nth-child(even) .category-slide {
    flex-direction: row-reverse;
}

.product-category .category-wrap:nth-child(even) .category-slide .category-image img {
    box-shadow: -10px 13px #333333;
    margin-left: auto;
    display: block;
}

.product-category .container {
    max-width: 1760px;
    width: 100%;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    z-index: 1;
    padding-bottom: 100px;
}

.product-category .category-header .category-title {
    font-weight: 700;
    font-size: 64px;
    line-height: 108%;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    color: #212121;
    padding: 5px 10px;
    width: fit-content;
    background: #ffffff;
    border: 2px solid #000000;
    margin-bottom: 30px;
}

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

.product-category .category-slide .category-image {
    width: 40%;
}

.product-category .category-slide .category-image img {
    padding: 75px;
    background: #FFC440;
    border: 4px solid #000000;
    box-shadow: 10px 13px #333333;
    max-width: 516px;
    width: 100%;
    max-height: 60vh;
    width: auto;
}

.product-category .category-slide .category-content {
    color: #ffffff;
    width: 45%;
    background: #FF6507;
    padding: 5px 10px 10px 10px;
}

.product-category .category-slide .category-content .product-title {
    font-weight: 700;
    font-size: 45px;
    line-height: 125%;
    letter-spacing: 0.5px;
    color: #FFFFFF;
    margin-bottom: 30px;
}

.product-category .category-slide .category-content .product-pack {
    font-weight: 500;
    font-size: 18px;
    line-height: 145%;
    letter-spacing: -0.1px;
    margin-bottom: 10px;
}

.product-category .category-slide .category-content .product-pack span {
    font-weight: 700;
}

.product-category .category-slide .category-content .product-desc {
    font-weight: 400;
    font-size: 24px;
    line-height: 142%;
    letter-spacing: -0.1px;
    margin-bottom: 24px;
}

.product-category .category-content .accordion-header {
    cursor: pointer;
    color: #fff;
    padding: 14px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px solid #fff;
}

.product-category .category-content .category-recipe-header {
    color: #fff;
    padding: 14px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-category .category-content .accordion-header h3,
.product-category .category-content .category-recipe-header h3 {
    text-transform: capitalize;
    font-size: 35px;
    line-height: 109%;
}

.product-category .category-content .accordion-header img {
    max-width: 43px;
    width: 100%;
    display: block;
    transition: all 0.3s ease-in-out;
}

.product-category .category-content .accordion-item.active .accordion-header img {
    rotate: 180deg;
}

.product-category .category-content .accordion-content,
.product-category .category-content .category-recipe-wrap {
    padding-top: 20px;
    position: relative;
}

.product-category .category-content .accordion-content {
    padding-bottom: 12px;
}

.product-category .category-content .accordion-content p {
    font-weight: 400;
    font-size: 24px;
    line-height: 142%;
    letter-spacing: -0.1px;
}

.product-category .category-content .category-recipe-wrap .ac-recipe-wrap a {
    display: block;
    width: 100%;
}

.product-category .category-content .category-recipe-wrap img {
    max-width: 180px;
    width: 100%;
    min-width: 100px;
}

.product-category .category-carousel .category-recipe-wrap .owl-nav:not(.disabled) {
    position: absolute;
    top: unset;
    bottom: 108%;
    right: 0;
    max-width: 90px;
    width: 100%;
    gap: 0;
    left: unset;
    transform: unset;
    display: flex;
    justify-content: end;
}

.product-category .category-carousel .category-recipe-wrap .owl-nav:not(.disabled) .owl-prev::before,
.product-category .category-carousel .category-recipe-wrap .owl-nav:not(.disabled) .owl-next::before {
    width: 30px;
    height: 30px;
}

.product-category .category-content table {
    width: 100%;
}

.product-category .category-content table,
.product-category .category-content th,
.product-category .category-content td {
    border: 1px solid #fff;
    border-collapse: collapse;
    color: #fff;
}

.product-category .category-content p+table {
    margin-top: 20px;
}

.product-category .category-content td {
    padding: 5px 10px;
}

.product-category .category-carousel .category-recipe-wrap .owl-nav:not(.disabled) button {
    width: 40px;
    height: 40px;
}

.product-category .category-carousel .owl-nav:not(.disabled) button.disabled,
.product-category .category-carousel .category-recipe-wrap .owl-nav:not(.disabled) button.disabled {
    opacity: 0.5;
}

/* Category Carousel Styles */
.product-category .category-carousel {
    display: block;
    width: 100%;
}

.product-category .category-carousel .item {
    display: block;
    width: 100%;
}

.product-category .category-carousel .owl-stage-outer {
    overflow-x: clip;
}

.product-category .category-carousel .owl-stage {
    display: flex;
}

.product-category .category-carousel .owl-item {
    display: flex;
    width: 100%;
}

.product-category .category-carousel .owl-item.active {
    display: flex;
}

.product-category .category-carousel .owl-dots:not(.disabled) {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.product-category .category-carousel .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    border: 1px solid #FFFFFF;
    background: transparent;
    display: block;
    padding: 0;
    border-radius: 50%;
}

.product-category .category-carousel .owl-dots .owl-dot.active {
    background: #ffffff;
}

.product-category .category-carousel .owl-nav:not(.disabled),
.product-category .category-carousel .owl-dots {
    height: 50px;
    position: absolute;
    left: 50%;
    top: calc(100% + 30px);
    transform: translateX(-50%);
    width: 100%;
    z-index: 1;
}

.product-category .category-carousel .owl-nav:not(.disabled) {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 260px;
    z-index: 2;
}

.product-category .category-carousel .owl-nav:not(.disabled) button {
    position: relative;
    background: transparent;
    border: none;
    outline: none;
    width: 50px;
    height: 50px;
    cursor: pointer;
}

.product-category .category-carousel .owl-nav:not(.disabled) .owl-prev::before,
.product-category .category-carousel .owl-nav:not(.disabled) .owl-next::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-color: transparent;
    border: 0;
    outline: none;
    box-shadow: none;
    font-size: 0;
    background-image: url('/wp-content/themes/sunhee/assets/images/prev-left-arrow.svg');
}

.product-category .category-carousel .owl-nav:not(.disabled) button span {
    display: none;
}

.product-category .category-carousel .owl-nav:not(.disabled) .owl-next::before {
    background-image: url('/wp-content/themes/sunhee/assets/images/next-right-arrow.svg');
}

.product-category .category-wrap .category-bottom-img {
    position: absolute;
    bottom: 0;
    left: 0;
    max-height: 390px;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.product-category .category-wrap .cloud-image-1 {
    position: absolute;
    right: 0;
    top: 30px;
    max-width: 190px;
    width: 100%;
}

.product-category .category-wrap .cloud-image-2 {
    position: absolute;
    right: 0;
    top: 95px;
    max-width: 130px;
    width: 100%;
}

.product-category .category-wrap.red-bg .cloud-image-3 {
    width: 100%;
}

.product-category .category-wrap.red-bg .category-content {
    background: #F11F3A;
}

.product-category .category-wrap.red-bg {
    background: #F11F3A;
}

.product-category .category-wrap.red-bg .cloud-image-1 {
    position: absolute;
    right: 90px;
    top: 30px;
    max-width: 190px;
    width: 100%;
}

.product-category .category-wrap.red-bg .cloud-image-2 {
    position: absolute;
    right: 302px;
    top: 15px;
    max-width: 150px;
    width: 100%;
}

.product-category .category-wrap.red-bg .cloud-image-3 {
    position: absolute;
    left: -70px;
    top: 30px;
    max-width: 135px;
    width: 100%;
}

.product-category .category-wrap.purple-bg .category-content {
    background: #804C9E;
}

.product-category .category-wrap.purple-bg {
    background: #804C9E;
}

.product-category .category-wrap.purple-bg .category-bottom-img {
    mix-blend-mode: plus-lighter;
    opacity: 0.3;
    bottom: -150px;
}

.product-category .category-wrap.purple-bg .cloud-image-1 {
    position: absolute;
    left: -60px;
    top: 240px;
    max-width: 130px;
    width: 100%;
}

.product-category .category-wrap.light-green-bg .category-content {
    background: #09B3AA;
}

.product-category .category-wrap.light-green-bg {
    background: #09B3AA;
}

.product-category .category-wrap.light-green-bg .category-bottom-img {
    mix-blend-mode: plus-lighter;
    opacity: 0.3;
    bottom: -150px;
}

.product-category .category-wrap.light-green-bg .cloud-image-1 {
    position: absolute;
    right: 84px;
    top: 30px;
    max-width: 183px;
    width: 100%;
}

.product-category .category-wrap.light-green-bg .cloud-image-2 {
    position: absolute;
    right: -15px;
    top: 134px;
    max-width: 183px;
    width: 100%;
}

.product-category .category-wrap.light-green-bg .category-bg-img {
    position: absolute;
    bottom: -10px;
    max-height: 475px;
    width: 100%;
}

.product-category .category-wrap.dark-pink-bg .category-content {
    background: #CB519A;
}

.product-category .category-wrap.dark-pink-bg {
    background: #C03E90C7;
}

.product-category .category-wrap.dark-pink-bg .category-bottom-img {
    mix-blend-mode: plus-lighter;
    opacity: 0.3;
    bottom: -150px;
}

.product-category .category-wrap.dark-pink-bg .category-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.product-category .category-wrap.dark-pink-bg .cloud-image-1 {
    position: absolute;
    left: 563px;
    top: 48px;
    max-width: 160px;
    width: 100%;
}

.product-category .category-wrap.dark-pink-bg .cloud-image-2 {
    position: absolute;
    left: 699px;
    top: 92px;
    max-width: 134px;
    width: 100%;
}

/* Product-page end */
/* nirav patel work start */
.blog-list .container {
    max-width: 1690px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}

.inner-hero-banner.blog-us-banner {
    background: #FFC222;
}

.inner-hero-banner.blog-us-banner .herobanner_img {
    position: relative;
}

.inner-hero-banner.blog-us-banner .herobanner_img img {
    display: block;
    width: 100%;
}

.inner-hero-banner.blog-us-banner .herobanner_img img {
    display: block;
    width: 100%;
}

.blog-title {
    background: #FFC222;
    padding: 68px 0px 49px;
    position: relative;
    text-align: center;
}

.blog-title .blog-sec_header .sec_title {
    color: var(--Black);
    font-family: 'Gotham';
    font-weight: 900;
    font-size: 64px;
    line-height: 100%;
    margin-bottom: 28px;
    text-transform: uppercase;
}

.blog-title .blog-sec_header .sec_desc {
    font-family: 'Gotham';
    font-weight: 500;
    font-size: 48px;
    line-height: 40px;
    color: var(--Black);
}

.blog-title .cloud1 {
    position: absolute;
    top: 2.2vw;
    left: 1vw;
    width: 10.4%;
}

.blog-title .cloud2 {
    position: absolute;
    top: 5.9vw;
    right: 3.3vw;
    width: 7%;
}

.blog-title .cloud3 {
    position: absolute;
    top: 2.2vw;
    right: 0vw;
    width: 5.2%;
}

.blog-list {
    position: relative;
    padding: 83px 0px 240px 0px;
    background-color: #F59E24;
    overflow: hidden;
}

.blog-list::after {
    content: "";
    background-image: url('/wp-content/themes/sunhee/assets/images/blog-bottum-shap.svg');
    height: 88px;
    position: absolute;
    width: 100%;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    mix-blend-mode: difference;
    margin-bottom: -29px;
}

.blog-list .blog-list-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.blog-list .blog-list-wrap .blog-in {
    width: calc((100% - (39px * 2)) / 3);
    position: relative;
    transition: all 0.3s linear;
    display: flex;
    flex-direction: column;
    border: 1px solid #111;
    padding: 32px 38px 42px 33px;
    box-shadow: 5px 6px 0px #000;
    align-self: stretch;
}

.blog-list-wrap .owl-item:nth-child(3n+1) .blog-in {
    background: #F11F3A;
}

.blog-list-wrap .owl-item:nth-child(3n+2) .blog-in {
    background: #00B3AA;
}

.blog-list-wrap .owl-item:nth-child(3n+3) .blog-in {
    background: #B94193;
}

.blog-list .blog-in .img-wrp {
    width: 100%;
    margin-bottom: 25px;
    flex-shrink: 0;
}

.blog-list .blog-in .img-wrp img {
    width: 100%;
    height: 245px;
    object-fit: cover;
    object-position: center;
    display: block;
}

.blog-list .blog-in .blog-content {
    flex: 1;
}

.blog-list .blog-in .blog-content h4 {
    color: #fff;
    margin-bottom: 15px;
    font-size: 36px;
    line-height: 100%;
    font-family: 'Gotham';
    font-weight: 800;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 72px;
}

.blog-list .blog-in .blog-content p {
    color: rgba(255, 255, 255, 0.85);
    font-size: 25px;
    line-height: 31px;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-list .blog-in .btn-wrp {
    text-align: center;
    margin-top: 20px;
    flex-shrink: 0;
}

.blog-list .orange-btn {
    padding: 3px 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-transform: capitalize;
    transition: all 0.4s linear;
    background-color: #F59E24;
    font-family: 'Gotham';
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    color: #FFFFFF;
    border: 1px solid #000000;
    gap: 10px;
    box-shadow: 0px 4px 4px 0px #00000040;
}

.blog-list .orange-btn img {
    width: 30px;
    height: 30px;
}

.blog-list .orange-btn:hover {
    background-color: #f05423;
    color: white;
}

.blog-list .blog-list-wrap.owl-carousel {
    padding: 0 50px;
}

.blog-list .owl-carousel .owl-stage-outer {
    margin-left: 5px;
}

.blog-list .blog-list-wrap .owl-stage {
    display: flex !important;
    align-items: stretch !important;
}

.blog-list .blog-list-wrap .owl-item {
    /* display: flex !important; flex-direction: column !important; */
    padding-right: 5px;
    padding-bottom: 7px;
}

.blog-list .blog-list-wrap .owl-item .blog-in {
    width: 100% !important;
    height: 100%;
}

.blog-list .blog-list-wrap .owl-nav {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.blog-list .blog-list-wrap .owl-nav button {
    background-color: #f05527;
    border: 1px solid #FFFFFF;
    box-shadow: 0px 2px 6px #00000029;
    width: 40px;
    height: 40px;
    border-radius: 20% !important;
    font-size: 18px !important;
    color: #111 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.blog-list .blog-list-wrap .owl-nav button:hover {
    background: #e08c10 !important;
}

.blog-list .blog-list-wrap .owl-nav .owl-prev {
    left: 0;
}

.blog-list .blog-list-wrap .owl-nav .owl-next {
    right: 0;
}

.blog-list .blog-list-wrap .owl-nav button span {
    display: none;
}

.blog-list .blog-list-wrap .owl-prev::before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-image: url('/wp-content/themes/sunhee/assets/images/slider-arrow.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.blog-list .blog-list-wrap .owl-next::before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-image: url('/wp-content/themes/sunhee/assets/images/slider-arrow.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.blog-list .blog-list-wrap .owl-next::before {
    transform: rotate(180deg);
}

.blog-list .blog-list-wrap .owl-prev::before {
    transform: rotate(0deg);
}

.blog-list .blog-list-wrap .owl-nav.disabled {
    display: none;
}

.blog-list .blog-list-wrap .owl-nav .owl-prev.disabled,
.blog-list .blog-list-wrap .owl-nav .owl-next.disabled {
    opacity: 0.6;
}

/* nirav patel works end */

/* -------------------- CMS Page Start -------------------- */
.cms_sec {
    background-color: #FFC222;
    padding: 60px;
}

.cms_sec .container {
    background-color: #FFD990;
    position: relative;
    padding: 30px 60px 40px;
}

.cms_sec .cms_header .cms_title {
    font-size: 65px;
    text-transform: uppercase;
    color: #FF6507;
    text-align: center;
    line-height: 80px;
    margin-bottom: 30px
}

.cms_sec .cms_content h2 {
    margin-block: 30px 20px;
}

.cms_sec .cms_content h3 {
    margin-block: 30px 10px;
}

.cms_sec .cms_content p,
.cms_sec .cms_content li {
    font-size: 20px;
    font-family: 'Gotham';
    font-weight: 500;
    margin-bottom: 15px;
    line-height: 28px;
}

.cms_sec .cms_content ul {
    margin-bottom: 10px;
}

.cms_sec .cms_content ul p {
    margin-bottom: 5px;
}

.last-sec {
    margin-top: 55px;
}

.last-sec .row {
    display: flex;
    align-items: center;
}

.last-sec .row div {
    width: 50%;
}

.last-sec .row div span {
    font-family: 'Gotham';
    font-size: 18px;
    line-height: 1.5rem;
    font-weight: 700;
    letter-spacing: 0px;
    width: 100%;
    display: block;
}

/* -------------------- CMS Page End -------------------- */




/* Blog-details-css start*/
.red-bg {
    background: #F11F3A;
}

.yellow-bg {
    background: #FFC222;
}

.orange-bg {
    background: #FF6507;
}

.light-green-bg {
    background: #09B3AA;
}

.blog-single-banner {
    padding: 1.82vw 0 9.11vw;
    position: relative;
}

.blog-single-banner .container {
    max-width: 74.32vw;
    width: 100%;
    margin: 0 auto;
    padding-left: 1.56vw;
    padding-right: 1.56vw;
    position: relative;
    z-index: 2;
}

.blog-single-banner .blog-banner-img {
    position: relative;
    margin-bottom: 2.08vw;
}

.blog-single-banner .blog-banner-img img {
    width: 100%;
    height: 100%;
    max-height: 80vh;
    position: relative;
    z-index: 1;
}

.blog-single-banner .blog-banner-img img.main-image {
    min-height: 230px;
    object-fit: cover;
}

.blog-single-banner .blog-banner-img .sub-img {
    width: 22.55vw;
    height: 20.63vw;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -10.42vw;
    z-index: 0;
}

.blog-single-banner .blog-banner-img .sub-img-2 {
    width: 7.7vw;
    height: 14vw;
    position: absolute;
    bottom: 5%;
    left: 99%;
    z-index: 0;
}

.blog-single-banner .blog-banner-img .sub-img-3 {
    width: 23vw;
    height: 21.5vw;
    position: absolute;
    bottom: 5%;
    left: -16.6%;
    z-index: 0;
}

.blog-single-banner .blog-header {
    text-align: center;
    max-width: 57.81vw;
    margin: 0 auto;
}

.blog-single-banner .blog-banner-img .sub-img-4 {
    width: 23vw;
    height: 21.5vw;
    position: absolute;
    bottom: -5%;
    right: -3.6%;
    z-index: 1;
}

.blog-single-banner .blog-header {
    text-align: center;
    max-width: 57.81vw;
    margin: 0 auto;
}

.blog-single-banner .blog-header .blog-date,
.blog-single-banner .blog-header h3 {
    font-size: 1.77vw;
    letter-spacing: -0.02vw;
    margin-bottom: 1.56vw;
    font-weight: 700;
    line-height: 100%;
    text-align: center;
    text-transform: capitalize;
    color: #FFFFFF;
}

.blog-single-banner .blog-header .blog-inner-title {
    font-weight: 700;
    font-size: 2.34vw;
    line-height: 125%;
    letter-spacing: 0.026vw;
    color: #FFFFFF;
    margin-bottom: 1.56vw;
    text-align: center;
}

.blog-single-banner .blog-header p {
    font-size: 1.67vw;
    line-height: 1.88vw;
    color: #FFFFFF;
    font-weight: 600;
    text-align: center;
}

.blog-single-banner .pattern-img {
    position: absolute;
    bottom: 0;
    left: 0;
    max-height: 8.85vw;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.blog-single-banner .cloud-image-1 {
    position: absolute;
    left: -3.65vw;
    top: 1.56vw;
    max-width: 8.07vw;
    width: 100%;
    min-width: 100px;
}

.blog-single-banner .cloud-image-2 {
    position: absolute;
    left: 3.13vw;
    top: 7.81vw;
    max-width: 8.07vw;
    width: 100%;
    min-width: 100px;
}

.blog-desc-content {
    padding: 4.17vw 0;
    position: relative;
}

.blog-desc-content>img {
    min-width: 100px;
}

.blog-desc-content .sec_header {
    text-align: start;
}

.blog-desc-content .product-desc {
    margin-right: auto;
    position: relative;
    z-index: 3;
}

.blog-desc-content .product-desc .sec_header h4 {
    font-size: 2.34vw;
    font-weight: 700;
    letter-spacing: -0.005vw;
    color: #000000;
    line-height: 1.2;
    margin-bottom: 1.56vw;
}

.blog-desc-content .product-desc h5 {
    font-size: 1.6vw;
    font-weight: 700;
    letter-spacing: -0.005vw;
    color: #000000;
    line-height: 1.2;
    margin-bottom: 1.56vw;
}

.blog-desc-content .product-desc p,
.blog-desc-content .product-desc ul li {
    font-size: 1.25vw;
    line-height: 121%;
    letter-spacing: -0.005vw;
    margin-bottom: 1.25vw;
    color: #1A1718;
    font-weight: 500;
}

.blog-desc-content .product-desc ul:not(:last-child) {
    margin-bottom: 30px;
}

.blog-desc-content .product-desc ul li {
    list-style: none;
}

.blog-desc-content .product-desc ul.unorder-list li,
.blog-desc-content .product-desc ul.line-list li {
    margin-bottom: 3px;
}

.blog-desc-content .product-desc ul.order-list {
    padding-left: 24px;
}

.blog-desc-content .product-desc ul.line-list {
    padding-left: 0;
}

.blog-desc-content .product-desc ul.order-list li {
    list-style: auto;
}

.blog-desc-content .product-desc p:last-child,
.blog-desc-content .product-desc ul li:last-child {
    margin-bottom: 0;
}

.blog-desc-content .cloud-image-1 {
    position: absolute;
    right: -2.60vw;
    top: 3.13vw;
    max-width: 7.03vw;
    width: 100%;
}

.blog-desc-content .cloud-image-2 {
    position: absolute;
    right: 7.6vw;
    top: 4.33vw;
    max-width: 8.07vw;
    width: 100%;
}

.blog-desc-content .panda-half-img {
    position: absolute;
    right: -1.4vw;
    top: 9.13vw;
    max-width: 7.5vw;
    width: 100%;
    min-width: unset;
}

.blog-desc-content .product-desc-wrp.product-grid-wrp {
    display: grid;
    grid-template-columns: 2fr 0.8fr;
    grid-gap: 1.82vw;
    margin: 0 auto;
    position: relative;
    z-index: 9;
}

.blog-content.border_bottom .blog-Sun3 {
    position: absolute;
    left: 66%;
    top: 58%;
    transform: translate(-1.30vw, -50%);
    max-width: 14.69vw;
    max-height: 20.21vw;
}

.blog-desc-content .details-imgs {
    position: relative;
    text-align: end;
}

.blog-desc-content.orange-bg .product-desc-wrp .img-1 {
    position: absolute;
    left: 10%;
    top: 0%;
    max-width: 15.63vw;
    width: 100%;
    min-width: 180px;
}

.blog-desc-content .product-desc-wrp .right-img-1 {
    position: absolute;
    left: 75%;
    top: 58%;
    /* transform: translate(-1.30vw, -50%); */
    max-width: 10.69vw;
    max-height: 15.21vw;
    width: 100%;
    height: 100%;
}

.blog-desc-content .product-desc-wrp .right-img-2 {
    width: 100%;
    display: block;
    height: auto;
    max-width: 24.74vw;
    min-width: 300px;
}

.blog-desc-content .product-desc-wrp .right-img-2+.right-img-2 {
    margin-top: 1.56vw;
}

.blog-desc-content .product-desc-wrp+.product-desc-wrp {
    margin-top: 50px;
    padding-top: 50px;
    border-top: 3px solid #f05423;
}

.blog-desc-content.orange-bg .product-desc-wrp .right-img-1 {
    top: 35%;
    left: 45%;
    transform: rotate(20deg);
}

.blog-desc-content .product-desc-wrp .right-img-3 {
    max-width: 18.02vw;
    min-width: 220px;
    width: 100%;
}

.blog-desc-content .product-desc-wrp .right-img-4 {
    position: absolute;
    left: -10%;
    top: 35%;
    margin: 0;
    max-width: 14.27vw;
    min-width: 160px;
    left: -2.6vw;
    top: 6.77vw;
    width: 100%;
}

.blog-desc-content .product-desc-wrp .right-img-5 {
    max-width: 14.69vw;
    max-height: 17.08vw;
    position: absolute;
    left: 95%;
    top: 80%;
    left: 23.54vw;
    top: 15.36vw;
    transform: translate(-50%, -50%);
    min-width: 110px;
    min-height: 175px;
    height: 100%;
}

.blog-desc-content .product-desc-wrp .right-img-6 {
    position: absolute;
    left: -25%;
    top: 15%;
    left: -4.8vw;
    top: 7.21vw;
    margin: 0;
    max-width: 12.5vw;
    min-width: 160px;
    width: 100%;
}

.blog-desc-content .product-desc-wrp .right-img-7 {
    position: absolute;
    margin: 0;
    max-width: 14.27vw;
    min-width: 160px;
    left: -2.6vw;
    top: 13vw;
    width: 100%;
}

.blog-desc-content .product-desc-wrp .right-img-8 {
    max-width: 14.69vw;
    max-height: 17.08vw;
    transform: translate(-50%, -50%);
    transform: translate(3.65vw, -2.6vw);
    min-width: 180px;
    min-height: 175px;
}

.blog-desc-content .product-desc-wrp .right-img-9 {
    width: 100%;
    display: block;
    height: auto;
    max-width: 11.5vw;
    min-width: 100px;
    margin-left: auto;
    margin-bottom: -0.52vw;
    position: relative;
}

.blog-desc-content .product-desc-wrp .right-img-9+.right-img-2 {
    margin-bottom: 5.21vw;
}

.blog-desc-content .product-desc-wrp .right-img-10 {
    position: absolute;
    left: -4.8vw;
    top: 24vw;
    margin: 0;
    max-width: 12.5vw;
    min-width: 160px;
    width: 100%;
}

.blog-desc-content .product-desc-wrp .right-img-11 {
    position: absolute;
    left: -4.8vw;
    top: 10vw;
    margin: 0;
    max-width: 12.5vw;
    min-width: 160px;
    width: 100%;
}

.blog-desc-content .product-desc-wrp .right-img-12 {
    position: absolute;
    max-width: 14vw;
    min-width: 160px;
    left: 0vw;
    top: 6.77vw;
    width: 100%;
}

.blog-desc-content .product-desc-wrp .right-img-13 {
    max-width: 11vw;
    max-height: 14vw;
    position: absolute;
    left: 19vw;
    top: 11vw;
    transform: translate(-50%, -50%);
    min-width: 110px;
    min-height: 140px;
    width: 100%;
}

.blog-desc-content.orange-bg {
    padding-bottom: 9.38vw;
}

.blog-desc-content .cloud-image-3 {
    position: absolute;
    left: -2.60vw;
    top: 3.13vw;
    max-width: 7.03vw;
    width: 100%;
}

.blog-desc-content .cloud-image-4 {
    position: absolute;
    right: -1.56vw;
    top: 3.13vw;
    max-width: 8.07vw;
    width: 100%;
}

.blog-desc-content .cloud-image-5 {
    position: absolute;
    left: -1.56vw;
    bottom: 7.13vw;
    max-width: 8.07vw;
    width: 100%;
}

.blog-desc-content .cloud-image-6 {
    position: absolute;
    right: -2.60vw;
    top: 8.13vw;
    max-width: 10.03vw;
    width: 100%;
}

.blog-desc-content.orange-bg {
    padding-bottom: 9.38vw;
}

.blog-desc-content.orange-bg .pattern-img {
    position: absolute;
    bottom: 0;
    left: 0;
    max-height: 8.85vw;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
    mix-blend-mode: soft-light;
}

.blog-desc-content p a {
    color: #C52130;
}

/* .blog-desc-content.orange-bg p a { color: #FFFFFF; } */
.blog-desc-content.yellow-bg:has(.pattern-img) {
    padding-bottom: 8.85vw;
}

.blog-desc-content.yellow-bg .pattern-img {
    position: absolute;
    bottom: 0;
    left: 0;
    max-height: 8.85vw;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
    mix-blend-mode: overlay;
}

/* Blog-details-css end*/

/* .comming-soon label */
.product-category .category-slide .category-image.comming-soon-product {
    width: fit-content;
}

.comming-soon-product {
    position: relative;
}

.comming-soon-product .comming-soon-label {
    position: absolute;
    top: 50%;
    left: 50%;
    width: max-content;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFF;
    padding: 4px 10px 5px;
    color: #000;
    font-size: 1.3vw;
    border-radius: 5px;
    font-weight: 700;
    transform: translate(-50%, -50%);
    box-shadow: -5px 5px #333333;
    text-transform: capitalize;
}

/* .comming-soon label End */
.products_sec .owl-stage {
    display: flex;
}

.product_bowl .item {
    height: 100%;
}

.product_bowl .product-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.product_bowl .product-card .img-wrap {
    margin-bottom: 0.89vw;
}

.product_bowl .product-card .product-title {
    margin-top: auto;
}


/* 28/05/2026 */
.recipe-banner-dark-red {
    background: #D61F16;
}

.recipe-wrap-pink {
    background: #F90074;
}


.footer_wrp .footer_top .footer_links .menu-item a {
    display: block;
    color: #fff;
    font-size: 1.25vw;
    line-height: 2.29vw;
    text-transform: capitalize;
    font-family: 'Helvetica Neue';
}





/*RECIPE pages changes 10-08-26*/
.recipes-slider-wrap  a .item {
    position: relative;
}

.recipes-slider-wrap a .item .item-name {
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: -0.35px;
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
    background: rgba(240, 84, 35, 0.6);
    border-radius: 50%;
    font-size: 28px;
    line-height: 38px;
}

.recipes-slider-wrap a .item:hover .item-name {
    opacity: 1;
    visibility: visible;
}


.recipe-details-section .recipe-products-wrap .recipe-products {
    gap: 50px;
}
.recipe-details-section .recipe-products-wrap .recipe-products .item {
    width: calc((100% - (2 * 50px)) / 3);
}
.recipe-details-section .recipe-products-wrap .recipe-products .item:not(:last-child) .img-wrap::after {
    right: -25px;
}