/* 
font-family: "Inter", sans-serif;
font-family: "Alkatra", system-ui;
*/


html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

html,
body {
    overflow-x: clip;
}

*,
:after,
:before {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit
}

a,
aside,
body,
del,
div,
dl,
footer,
header,
li,
main,
ol,
p,
section,
span,
ul {
    padding: 0;
    margin: 0;
    text-shadow: none;
    outline: 0;
    box-shadow: none;
    text-decoration: none;
    list-style: none;
}

b,
strong {
    font-weight: 700;
}
.post, .page{
	margin: 0 !important;
}
body {
    font-size: 16px;
    line-height: 140%;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    color: #2C2C2C;
    overflow-x: clip;
}

p {
    margin-bottom: 20px;
}
b,strong{
    font-weight: 600;
}

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

a {
    color: #3E7C3B;
    -webkit-transition: .5s all ease;
    -ms-transition: .5s all ease;
    transition: .5s all ease;
}

a:hover,
a:focus,
a:active {
    color: #2C2C2C;
}

img {
    max-width: 100%;
}

.mt-40 {
    margin-top: 40px;
}
.mt-80{
    margin-top: 80px;
}
.ptb-110{
    padding: 110px 0;
}
.mtb-110{
    margin: 110px 0;
}

.ptb-90 {
    padding: 90px 0px;
}

.ptb-50 {
    padding: 50px 0;
}
.ptb-80{
    padding: 80px 0;
}

.mtb-80 {
    margin: 80px 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Alkatra", system-ui;
    font-weight: 400;
}

header {
    padding: 20px 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: transparent;
    z-index: 99;
    -webkit-transition: .5s all ease;
    -ms-transition: .5s all ease;
    transition: .5s all ease;
}

header.sticky {
    background: #fff;
    padding: 10px 0;
    /* box-shadow: 0px -5px 20px rgb(0 0 0 / 20%); */
}
.home header.sticky{
    background: #3E7C3B;
}

.navbar-nav.ms-auto.align-items-center {
    padding: 10px 40px;
    background: #F7F0FF;
    border-radius: 30px;
}
.home .navbar-nav.ms-auto.align-items-center, .home .btn-icon, .home .btn-cart{
    background: #fff;
}

header .menu-item+.menu-item {
    margin-left: 35px;
}

header .menu-item a {
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    color: #000000;
    position: relative;
}
header .menu-item+.menu-item a:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -17px;
    width: 1px;
    background: #D6D8DE;
}

header .navbar-brand {
    max-width: 179px;
}
.home .navbar-brand .header-logo-home{
    display: block;
}
.home .navbar-brand .header-logo-inner{
    display: none;
}
.navbar-brand .header-logo-home{display: none;}
.navbar-brand .header-logo-inner{display: block;}

header .navbar,
header .navbar-brand {
    padding: 0;
    margin: 0;
}

header .menu-item.current-menu-item>a,
header .menu-item:hover>a,
header .menu-item a:focus {
    color: #3E7C3B !important;
}

.right-btns {
    margin-left: 14px;
    gap: 14px;
}
.btn-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10.2px 22px;
    border-radius: 74px;
    background: #F7F0FF;
    color: #000;
    font-size: 14px;
    line-height: 120%;
    font-weight: 500;
}
.btn-icon svg, .btn-icon img{
    max-width: 22px;
    -webkit-transition: .5s all ease;
    -ms-transition: .5s all ease;
    transition: .5s all ease;
}
.btn-icon:hover, .btn-icon:focus, .btn-icon:active{
    background: #371D54;
    color: #fff;
}
.btn-icon:hover svg path, .btn-icon:focus svg path, .btn-icon:active svg path{
    fill: #fff;
}

.btn-cart{
    padding: 9.5px 22px;
    border-radius: 74px;
    background: #F7F0FF;
}
.btn-cart svg, .btn-cart img{
    max-width: 22px;
    -webkit-transition: .5s all ease;
    -ms-transition: .5s all ease;
    transition: .5s all ease;
}
.btn-cart:hover, .btn-cart:focus, .btn-cart:active{
    background: #371D54;
}
.btn-cart:hover svg path, .btn-cart:focus svg path, .btn-cart:active svg path{
    fill: #fff;
}


.header-padding-top {
    padding-top: 90px;
}
.home-banner{
    position: relative;
    overflow: hidden;
}
.hb-main-box {
	margin-top: 50px;
}
/* 
.hb-img {
	max-width: 555px;
    height: 525px;
	text-align: center;
    position: relative;
    margin: 0 auto;
}
.hb-img img {
	max-width: 555px;
	display: block;
	margin: 0 auto;
} 
*/
/* the product image now arcs instead of fading */
.hb-img {
    max-width: 555px;
    height: 525px;
    text-align: center;
    position: relative;
    margin: 0 auto;
    transform-origin: 150% 100%;  /* pivot far to the LEFT → arc runs top→bottom on the right */
    transition: transform 1.1s cubic-bezier(0.65, 0, 0.35, 1);
    will-change: transform;
}
.hb-img .hb1,
.hb-img .hb2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

/* default state for inactive slides — only hb1 visible, no animation */
.swiper-home-banner .swiper-slide .hb-img .hb1 {
    opacity: 1;
}
.swiper-home-banner .swiper-slide .hb-img .hb2 {
    opacity: 0;
}

/* run loop ONLY on the active slide */
.swiper-home-banner .swiper-slide-active .hb-img .hb1 {
    animation: hbSwap1 6s ease-in-out infinite;
}

.swiper-home-banner .swiper-slide-active .hb-img .hb2 {
    animation: hbSwap2 6s ease-in-out infinite;
}

@keyframes hbSwap1 {
    0%, 45% {
        opacity: 1;
        transform: scale(1);
    }
    50%, 95% {
        opacity: 0;
        transform: scale(0.9);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes hbSwap2 {
    0%, 45% {
        opacity: 0;
        transform: scale(0.9);
    }
    50%, 95% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(0.9);
    }
}

/* upcoming / non-active slides: parked outside, top-right (clipped) */
.swiper-home-banner .swiper-slide .hb-img {
    transform: rotate(100deg);
}

/* active slide: image swung down to its resting center position */
.swiper-home-banner .swiper-slide-active .hb-img {
    transform: rotate(0deg);
}

/* slide that just left: continues the arc out to bottom-right */
.swiper-home-banner .swiper-slide-prev .hb-img {
    transform: rotate(-100deg);
}
.hb-content h1, .hb-content h2{
    font-size: 64px;
    line-height: 120%;
    color: #fff;
    margin-bottom: 20px;
}
.hb-content p{
    color: #fff;
    font-size: 16px;
    line-height: 140%;
}
.swiper-home-banner .swiper-slide {
	min-height: 675px;
}
.hb-swiper-thumbs .swiper-slide{
    cursor: pointer;
    opacity: .5;
    transition: .5s all ease;
}
.hb-swiper-thumbs .swiper-slide.swiper-slide-thumb-active{
    opacity: 1;
}
.hb-swiper-thumbs .swiper-slide img{
    max-width: 100px;
    display: block;
    margin: 0 auto 20px;
    transition: .5s all ease;
}
.hb-swiper-thumbs .swiper-slide h5{
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 120%;
    color: #FFFFFF;
    margin-bottom: 0;
    opacity: 0;
    text-align: center;
    transition: .5s all ease;
}
.hb-swiper-thumbs .swiper-slide.swiper-slide-thumb-active h5{
    opacity: 1;
}
.hb-swiper-thumbs {
	position: absolute;
	width: 40%;
	bottom: 10%;
	left: 13%;
}

.marquee-main{
    padding: 26px 0;
    background: #371D54;
    overflow: hidden;
}
.marquee-text-icon{
    display: flex;
    align-items: center;
    gap: 50px;
    font-family: "Alkatra", system-ui;
    font-style: normal;
    font-weight: 400;
    font-size: 38px;
    line-height: 1;
    color: #FCBA04;
    justify-content: center;
}
.swiper-marquee .swiper-wrapper {
  transition-timing-function: linear !important;
}
.swiper-marquee .swiper-slide {
	width: auto;
}
.anim-icons-grid{
    flex-wrap: wrap;
    gap: 125px;
}
.anim-icon-box img{
    max-width: 70px;
    margin-bottom: 10px;
}
.anim-icon-box h5{
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 120%;
    color: #2C2C2C;
    margin-bottom: 0;
}
.title-desc h2{
    font-size: 40px;
    line-height: 120%;
    color: #371D54;
    margin-bottom: 20px;
}
.pro-box{
    /* height: 470px; */
    -webkit-transition: .9s all ease;
    -ms-transition: .9s all ease;
    transition: .9s all ease;
}
.pro-bg{
    height: 422px;
    border-radius: 15px;
    z-index: 1;
    -webkit-transition: .9s all ease;
    -ms-transition: .9s all ease;
    transition: .9s all ease;
}
.pro-bg:before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border-radius: 15px;
    background: rgba(0, 0, 0, .7);
    opacity: 0;
    z-index: 0;
    -webkit-transition: .9s all ease;
    -ms-transition: .9s all ease;
    transition: .9s all ease;
}
.pro-bg img{
    width: 100%;
    height: 422px;
    border-radius: 15px;
    object-fit: cover;
    -webkit-transition: .9s all ease;
    -ms-transition: .9s all ease;
    transition: .9s all ease;
}
.pro-bg-desc{
    opacity: 0;
    top: 40px;
    right: 40px;
    left: 40px;
    position: absolute;
    z-index: 1;
    -webkit-transition: .9s all ease;
    -ms-transition: .9s all ease;
    transition: .9s all ease;
}
.pro-bg-desc h3{
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 120%;
    color: #FFFFFF;
}
.pro-bg-desc p{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    color: #FFFFFF;
    margin-bottom: 20px;
}
.pro-bg-desc .btn-pro{
    padding: 12px 24px;
    background: #FCBA04;
    border-radius: 50px;
    display: block;
    width: fit-content;
    margin: 0 auto;
    font-family: "Alkatra", system-ui;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    color: #371D54;
}
.pro-bg-desc .btn-pro:hover, .pro-bg-desc .btn-pro:focus, .pro-bg-desc .btn-pro:active{
    background: #371D54;
    color: #FCBA04;
}
.pro-img{
    position: absolute;
    opacity: 0;
    bottom: -30px;
    left: 0;
    z-index: 1;
    -webkit-transition: .9s all ease;
    -ms-transition: .9s all ease;
    transition: .9s all ease;
}
.pro-img img{
    max-width: 236px;
    -webkit-transition: .9s all ease;
    -ms-transition: .9s all ease;
    transition: .9s all ease;
}
.pro-box:hover .pro-bg:before{
    opacity: 1;
}
.pro-box:hover .pro-bg-desc{
    opacity: 1;
}
.pro-box:hover .pro-img{
    opacity: 1;
}
.break-img img, .about-img img{
    width: 100%;
    border-radius: 15px;
}
.home-breakfast .title-desc h2{
    max-width: 50%;
}
.home-breakfast .title-desc h3{
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 120%;
    color: #3E7C3B;
    margin-bottom: 20px;
}
.listing-main ul li{
    position: relative;
    font-style: italic;
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    color: #2C2C2C;
    padding-left: 32px;
    margin-bottom: 20px;
}
.listing-main ul{
    margin-bottom: 30px;
}
.listing-main ul li:before{
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 19px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='12' viewBox='0 0 19 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.0421309 11.3879C0.134112 10.9162 0.380296 10.3239 0.428993 10.2004C0.750928 9.37778 1.12968 8.58047 1.56794 7.81686C2.19558 6.71916 2.93414 5.68322 3.74033 4.72028C4.28951 4.07457 4.90363 3.49905 5.57726 2.99372C7.1166 1.81741 8.24472 1.3963 10.1195 1.30365C10.923 1.26435 12.3054 1.22504 13.5012 1.2082C14.9242 1.18855 15.2164 1.16609 16.2119 0.986415C16.9667 0.851659 17.0831 0.823584 17.3942 0.697251C17.6268 0.598991 17.8514 0.489502 18.0732 0.365976C18.663 0.0290858 18.7739 -0.0214477 18.8713 0.00662643C18.9633 0.0347006 19.0093 0.12173 18.9984 0.259294C18.9903 0.374398 18.3519 1.32892 17.781 2.07569C17.5159 2.42662 16.9938 3.14532 16.6259 3.67873C14.6483 6.52545 13.4768 7.62876 11.575 8.4373C10.8364 8.75173 10.4604 8.86403 9.73536 8.99597C8.39893 9.2346 7.04084 9.20091 4.84411 8.87245C4.28681 8.7798 3.7241 8.73488 3.15868 8.73207H2.7123L2.8638 8.5917C3.58071 7.9095 4.3842 7.35925 5.27155 6.94375C6.11832 6.55352 6.84065 6.30085 7.99583 5.98923C10.0871 5.42775 11.41 5.01225 12.4705 4.58833C13.1874 4.30197 14.5022 3.57766 15.2434 3.0611C15.3544 2.98249 15.5735 2.83931 15.7304 2.74105C16.101 2.50523 16.1795 2.44066 16.1687 2.38451C16.1578 2.31994 16.1091 2.33397 15.9414 2.45469C15.863 2.51084 15.7466 2.58664 15.6817 2.62033C15.6195 2.65402 15.257 2.87019 14.8836 3.09759C13.5986 3.87244 13.1252 4.11388 12.2757 4.41988C11.0204 4.87469 10.5361 5.01786 8.83449 5.43898C6.259 6.07345 5.17146 6.45807 4.10014 7.10097C3.58613 7.41259 2.73395 8.0611 2.33897 8.44853C1.82495 8.95105 1.37857 9.535 1.02687 10.1723C0.851027 10.4951 0.699528 10.8348 0.583199 11.1886C0.531797 11.3514 0.483102 11.517 0.461459 11.6855C0.445227 11.823 0.420876 11.9662 0.263967 11.9943C-0.0146833 12.0448 -0.0363236 11.7529 0.0340152 11.3907L0.0421309 11.3879Z' fill='%233E7C3B'/%3E%3C/svg%3E");
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
}
.btn-yellow{
    padding: 13px 30px;
    background: #FCBA04;
    border-radius: 50px;
    display: block;
    width: fit-content;
    font-family: "Alkatra", system-ui;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    color: #371D54;
    border: 0;
    box-shadow: none;
    outline: none;
}
.btn-yellow:hover, .btn-yellow:focus, .btn-yellow:active{
    background: #371D54;
    color: #FCBA04;
}
.home-about .title-desc h2{
    max-width: 100%;
}
.testi-main{
    overflow: hidden;
    z-index: 1;
}
.testi-main:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .5);
    z-index: -1;
}
.testi-main .title-desc h2{
    color: #fff;
}
.swiper-testi{
    padding: 60px 48px;
    gap: 24px;
    isolation: isolate;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(11px);
    border-radius: 24px;
}
.testi-box .auth-rating-grid{
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 24px;
}
.testi-box .auth-grid-box{
    display: flex;
    align-items: center;
    gap: 14px;
}
.testi-box .auth-grid-box img{
    flex: 0 0 46px;
    width: 46px;
    border-radius: 50%;
}
.testi-box .auth-grid-box .auth-desc h4{
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin-bottom: 0;
}
.testi-box .auth-grid-box .auth-desc p, .testi-box .rating-grid p{
    color: #fff;
    line-height: 1;
}
.testi-box .rating-grid{
    display: flex;
    align-items: center;
    gap: 6px;
}
.testi-box .auth-desc-main{
    display: flex;
    align-items: start;
    gap: 40px;
}
.testi-box .auth-desc-main .quote-icon{
    flex: 0 0 32px;
    width: 32px;
}
.testi-box .auth-desc .quote-icon img{
    width: 100%;
}
.testi-box .auth-desc-main p{
    font-size: 26px;
    line-height: 34px;
    font-weight: 300;
    color: #FFFFFF;
    margin-bottom: 0;
}
.testi-nav-grid {
	margin-top: 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.testi-nav-grid .swiper-pagination {
	position: relative;
	width: fit-content;
	bottom: auto;
	top: auto;
	left: auto;
	margin: 0;
}
.testi-nav-grid .swiper-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: transparent;
	border: 1px solid #fff;
	opacity: 1;
}
.testi-nav-grid .swiper-pagination .swiper-pagination-bullet-active{
    background: #fff;
}
.testi-arrows {
	display: flex;
	align-items: center;
	gap: 15px;
}
.testi-arrows .testi-prev, .testi-arrows .testi-next{
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: .5s all ease;
    -ms-transition: .5s all ease;
    transition: .5s all ease;
}
.testi-arrows .swiper-button-disabled{
    opacity: .5;
}
.testi-arrows .testi-prev svg, .testi-arrows .testi-next svg{
    max-width: 12px;
    -webkit-transition: .5s all ease;
    -ms-transition: .5s all ease;
    transition: .5s all ease;
}
.testi-arrows .testi-prev:hover, .testi-arrows .testi-next:hover{
    background: #3E7C3B;
}
.testi-arrows .testi-prev:hover svg path, .testi-arrows .testi-next:hover svg path{
    fill: #fff;
}
.faq-accordion .accordion-button {
    padding: 0;
    font-family: "Alkatra", system-ui;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 120%;
    color: #2C2C2C;
    margin-bottom: 0;
    border-radius: 0 !important;
    box-shadow: none !important;
    background-color: transparent;
}

.faq-accordion .accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.245 15.9196L10.0856 8.76011L17.245 1.60066C17.6112 1.23453 17.6112 0.640959 17.245 0.274832C16.8789 -0.0912946 16.2853 -0.0912946 15.9192 0.274832L8.75977 7.43429L1.60031 0.274832C1.23418 -0.0912946 0.640611 -0.0912946 0.274484 0.274832C-0.0916422 0.640959 -0.0916422 1.23453 0.274484 1.60066L7.43394 8.76011L0.274484 15.9196C-0.0916416 16.2857 -0.0916422 16.8793 0.274484 17.2454C0.640611 17.6115 1.23418 17.6115 1.60031 17.2454L8.75977 10.0859L15.9192 17.2454C16.2853 17.6115 16.8789 17.6115 17.245 17.2454C17.6112 16.8793 17.6112 16.2857 17.245 15.9196Z' fill='black'/%3E%3C/svg%3E");
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    transform: rotate(0);
    display: none;
}

.faq-accordion .accordion-button::before {
    content: "";
    position: absolute;
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.0625 11.0625L12.9375 11.0625V0.9375C12.9375 0.419719 12.5178 0 12 0C11.4822 0 11.0625 0.419719 11.0625 0.9375V11.0625H0.9375C0.419719 11.0625 0 11.4822 0 12C0 12.5178 0.419719 12.9375 0.9375 12.9375H11.0625L11.0625 23.0625C11.0625 23.5803 11.4822 24 12 24C12.5178 24 12.9375 23.5803 12.9375 23.0625L12.9375 12.9375L23.0625 12.9375C23.5803 12.9375 24 12.5178 24 12C24 11.4822 23.5803 11.0625 23.0625 11.0625Z' fill='black'/%3E%3C/svg%3E");
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    display: none;
}

.faq-accordion .accordion-button:not(.collapsed)::after {
    display: block;
}

.faq-accordion .accordion-button.collapsed::before {
    display: block;
}

.faq-accordion .accordion-button:not(.collapsed) {
    /* color: #E78324;
    font-weight: 500; */
    box-shadow: none !important;
    background-color: transparent;
}

.faq-accordion .accordion-item {
    border-radius: 0;
    padding-bottom: 24px;
    border: 0;
    background: transparent;
}

.faq-accordion .accordion-item+.accordion-item {
    padding: 24px 0;
    border-top: 1px solid #2C2C2C;
}

.faq-accordion .accordion-item:last-child {
    padding-bottom: 0 !important;
}

.faq-accordion .accordion-body {
    padding: 0;
    padding-top: 10px;
}

.faq-accordion .accordion-body p {
    font-size: 16px;
    line-height: 140%;
    color: #2C2C2C;
    margin-bottom: 0;
}
.faq-main .btn-yellow{
    margin: 0 auto;
}
.cta-main .title-desc h2, .cta-main .title-desc p{
    color: #fff;
}
.cta-main{
    z-index: 1;
}
.cta-img{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}
.cta-img img{
    max-width: 100%;
}
.join-vid-box img{
    width: 100%;
    border-radius: 15px;
}
.join-vid-box .play-btn{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
.join-vid-box .play-btn svg,.join-vid-box .play-btn img{
    max-width: 48px;
}
.ft-top{
    background: #F7F0FF;
    padding: 50px 0;
}
.ft-logo{
    margin-bottom: 38px;
}
.ft-logo img{
    max-width: 146px;
}
.ft-log-desc h3{
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 120%;
    color: #3E7C3B;
    margin-bottom: 10px;
}
.ft-box h4{
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 120%;
    color: #3E7C3B;
    margin-bottom: 25px;
}
.ft-box.two-cols-li ul{
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}
.ft-box ul li a{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    color: #1E1E1E;
}
.ft-box ul li a:hover, .ft-box ul li a:focus, .ft-box ul li a:active{
    color: #3E7C3B;
}
.ft-box.social ul li + li {
	margin-top: 12px;
}
.ft-bottom{
    background: #371D54;
    padding: 18px 0;
}
.ft-btm-grid{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.ft-btm-grid p, .ft-btm-grid ul li a{
    color: #fff;
    font-size: 14px;
    line-height: 120%;
    margin-bottom: 0;
}
.ft-btm-grid ul{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}
.ft-btm-grid li{
    position: relative;
}
.ft-btm-grid ul li + li::before {
	content: '';
	position: absolute;
	left: -10px;
	top: 2px;
	bottom: 2px;
	background: #fff;
	width: 1px;
}

/* Product Listing */
.pro-listing-banner {
	min-height: 505px;
	background-position: bottom !important;
	background-size: 100% 100% !important;
	background-repeat: no-repeat !important;
}
.pro-list-box{
    position: relative;
    padding: 20px 15px;
    border-radius: 15px;
    background: #F7F0FF;
    -webkit-transition: .5s all ease;
    -ms-transition: .5s all ease;
    transition: .5s all ease;
}
.pro-list-img{
    margin-bottom: 20px;
}
.pro-list-img img{
    width: 100%;
    border-radius: 15px;
    height: 350px;
    object-fit: cover;
}
.pro-list-title{
    margin-bottom: 15px;
}
.pro-list-title h3{
    font-size: 40px;
    line-height: 120%;
    color: #371D54;
    margin-bottom: 10px;
}
.pro-list-rating{
    gap: 4px;
    margin-bottom: 10px;
}
.pro-list-rating img{
    flex: 0 0 24px;
    width: 24px;
}
.pro-list-rating .pro-list-rate{
    margin: 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 120%;
    color: #1F2937;
}
.pro-list-rating .pro-list-rate b, .pro-list-rating .pro-list-rate strong{
    font-weight: 500;
    font-size: 12px;
    line-height: 120%;
    color: #6B7280;
}
.pro-list-price h4{
    font-family: "Inter", sans-serif;
    font-size: 24px;
    line-height: 120%;
    font-weight: 700;
    color: #3E7C3B;
}
.pro-list-price h4 ins, .pro-list-price h4 mark{
    background: transparent;
}
.pro-list-price h4 b, .pro-list-price h4 strong, .pro-list-price h4 del span{
    font-size: 16px;
    color: #939393;
    text-decoration: line-through;
}
.pro-list-desc-btns{
    min-height: 50px;
    position: relative;
    overflow: hidden;
}
.pro-list-box .pro-list-desc{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition: .5s all ease;
    -ms-transition: .5s all ease;
    transition: .5s all ease;
}
.pro-list-desc p{
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.pro-list-btns{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 15px;
}
.pro-list-box .pro-list-btns{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s all ease;
    -ms-transition: .5s all ease;
    transition: .5s all ease;
}
.pro-list-btns .btn-pro-light{
    padding: 12px 24px;
    text-align: center;
    width: 100%;
    font-size: 20px;
    line-height: 1;
    color: #371D54;
    font-family: "Alkatra", system-ui;
    background: #FFECB7;
    border: 2px solid #FCBA04;
    border-radius: 50px
}
.pro-list-btns .btn-pro-light:hover, .pro-list-btns .btn-pro-light:focus, .pro-list-btns .btn-pro-light:active{
    background: #371D54;
    color: #FCBA04;
    border-color: #371D54;
}
.pro-list-btns .btn-pro-dark{
    padding: 12px 24px;
    text-align: center;
    width: 100%;
    font-size: 20px;
    line-height: 1;
    color: #371D54;
    font-family: "Alkatra", system-ui;
    background: #FCBA04;
    border: 2px solid #FCBA04;
    border-radius: 50px;
}
.pro-list-btns .btn-pro-dark:hover, .pro-list-btns .btn-pro-dark:focus, .pro-list-btns .btn-pro-dark:active{
    background: #371D54;
    color: #FCBA04;
    border-color: #371D54;
}
.pro-list-box:hover .pro-list-desc{
    opacity: 0;
    visibility: hidden;
}
.pro-list-box:hover .pro-list-btns{
    opacity: 1;
    visibility: visible;
}
.pro-listing-showcase .row{
    row-gap: 30px;
}
/* Product Detail */
.header-margin-top{
    margin: 150px 0 80px;
}
.pro-gallery-main{
    z-index: 1;
}
.pro-gallery-main:before{
    content: '';
    position: absolute;
    border-radius: 15px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 69.08%, #000000 100%);
    z-index: 2;
}
.swiper-gallery .gallery-big img{
    width: 100%;
    border-radius: 15px;
}
.swiper-gall-thumbs{
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    z-index: 3;
}
.swiper-gall-thumbs .gall-thumb{
    cursor: pointer;
}
.swiper-gall-thumbs .gall-thumb img{
    border-radius: 8px;
    width: 100%;
}
.pro-gall-desc .title-desc h2{
    margin-bottom: 10px;
}
.pro-gall-desc h3{
    font-family: "Inter", sans-serif;
    font-size: 24px;
    line-height: 120%;
    font-weight: 700;
    color: #3E7C3B;
    margin-bottom: 20px;
}
.pro-gall-desc h3 ins, .pro-gall-desc h3 mark{
    background: transparent;
    text-decoration: none;
}
.pro-gall-desc h3 b, .pro-gall-desc h3 strong, .pro-gall-desc h3 del span {
    font-size: 16px;
    color: #939393;
    text-decoration: line-through;
}
.plus-minus-pro{
    gap: 16px;
    padding: 10px 15px;
    border: 1px solid #000;
    border-radius: 30px;
    width: fit-content;
    margin-bottom: 20px;
}
.plus-minus-pro button{
    background: transparent;
    border: none;
    padding: 0;
}
.plus-minus-pro button:disabled{
    opacity: 0.5;
    cursor: not-allowed;
}
.plus-minus-pro input {
	max-width: 40px;
	text-align: center;
	border: none;
	font-family: "Alkatra", system-ui;
	font-size: 16px;
	line-height: 120%;
	color: #000;
	appearance: none;
	-moz-appearance: textfield;
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
	outline: none;
}
.pro-gall-desc p{
    margin-bottom: 20px;
}
.pro-tags-grid{
    margin-top: 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}
.pro-tags-grid span{
    padding: 10px 25px;
    border-radius: 30px;
    color: #fff;
    font-size: 16px;
    line-height: 120%;
    font-family: "Alkatra", system-ui;
}
.pro-tags-grid span.organge-bg{
    background: #D37029;
}
.pro-tags-grid span.marron-bg{
    background: #733007;
}
.pro-tags-grid span.pink-bg{
    background: #9D2375;
}
.pro-tags-grid span.green-bg{
    background: #0C6270;
}
.pro-quick-desc{
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #CFCFCF;
}
.pro-quick-desc h6{
    color: #3E7C3B;
    font-size: 18px;
    line-height: 120%;
    margin-bottom: 10px;
}
.pro-listing-main ul li{
    position: relative;
    font-style: italic;
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    color: #2C2C2C;
    padding-left: 28px;
}
.pro-listing-main ul{
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.pro-listing-main ul li:before{
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 19px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='12' viewBox='0 0 19 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.0421309 11.3879C0.134112 10.9162 0.380296 10.3239 0.428993 10.2004C0.750928 9.37778 1.12968 8.58047 1.56794 7.81686C2.19558 6.71916 2.93414 5.68322 3.74033 4.72028C4.28951 4.07457 4.90363 3.49905 5.57726 2.99372C7.1166 1.81741 8.24472 1.3963 10.1195 1.30365C10.923 1.26435 12.3054 1.22504 13.5012 1.2082C14.9242 1.18855 15.2164 1.16609 16.2119 0.986415C16.9667 0.851659 17.0831 0.823584 17.3942 0.697251C17.6268 0.598991 17.8514 0.489502 18.0732 0.365976C18.663 0.0290857 18.7739 -0.0214477 18.8713 0.00662643C18.9633 0.0347006 19.0093 0.12173 18.9984 0.259294C18.9903 0.374398 18.3519 1.32892 17.781 2.07569C17.5159 2.42662 16.9938 3.14532 16.6259 3.67873C14.6483 6.52545 13.4768 7.62876 11.575 8.4373C10.8364 8.75173 10.4604 8.86403 9.73536 8.99597C8.39893 9.2346 7.04084 9.20091 4.84411 8.87245C4.28681 8.7798 3.7241 8.73488 3.15868 8.73207H2.7123L2.8638 8.5917C3.58071 7.9095 4.3842 7.35925 5.27155 6.94375C6.11832 6.55352 6.84065 6.30085 7.99583 5.98923C10.0871 5.42775 11.41 5.01225 12.4705 4.58833C13.1874 4.30197 14.5022 3.57766 15.2434 3.0611C15.3544 2.98249 15.5735 2.83931 15.7304 2.74105C16.101 2.50523 16.1795 2.44066 16.1687 2.38451C16.1578 2.31994 16.1091 2.33397 15.9414 2.45469C15.863 2.51084 15.7466 2.58664 15.6817 2.62033C15.6195 2.65402 15.257 2.87019 14.8836 3.09759C13.5986 3.87244 13.1252 4.11388 12.2757 4.41988C11.0204 4.87469 10.5361 5.01786 8.83449 5.43898C6.259 6.07345 5.17145 6.45807 4.10014 7.10097C3.58613 7.41259 2.73395 8.0611 2.33897 8.44853C1.82495 8.95105 1.37857 9.535 1.02687 10.1723C0.851027 10.4951 0.699528 10.8348 0.583199 11.1886C0.531797 11.3514 0.483102 11.517 0.461459 11.6855C0.445227 11.823 0.420876 11.9662 0.263967 11.9943C-0.0146833 12.0448 -0.0363236 11.7529 0.0340152 11.3907L0.0421309 11.3879Z' fill='%23D37029'/%3E%3C/svg%3E");
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
}
.pro-details-tabbing .faq-accordion .accordion-body p{
    margin-bottom: 15px;
}
.pro-details-tabbing .faq-accordion .accordion-body p:last-child{
    margin-bottom: 0;
}
.pro-details-tabbing .faq-accordion .accordion-body {
	padding: 0;
	padding-top: 15px;
	border-top: 1px solid #CFCFCF;
	margin-top: 15px;
}
.pro-details-tabbing .faq-accordion .accordion-item{
    padding: 30px;
    background: #F0FFEF;
    border-radius: 15px;
}
.pro-details-tabbing .faq-accordion .accordion-item:last-child {
	padding-bottom: 30px !important;
}
.pro-details-tabbing .faq-accordion .accordion-item + .accordion-item {
	padding: 30px;
	border-top: 0;
    margin-top: 30px;
}
.pro-details-tabbing .faq-accordion .accordion-button{
    font-size: 24px;
}
.faq-accordion .accordion-body ul{
    margin-bottom: 0;
    padding-left: 1rem;
}
.faq-accordion .accordion-body ul li{
    margin-bottom: 15px;
    list-style: disc;
    color: #2C2C2C;
    font-size: 16px;
    line-height: 120%;
}
.faq-accordion .accordion-body ul li:last-child{
    margin-bottom: 0;
}
/* About */
.abt-banner{
    position: relative;
    min-height: 545px;
    background-position: bottom !important;
    background-size: 100% auto !important;
    background-repeat: no-repeat !important;
}
.abt-banner-desc {
	position: relative;
	top: 0;
	transform: translateY(0%);
	margin-top: 100px;
}
.abt-banner-desc h1{
    font-style: normal;
    font-weight: 400;
    font-size: 64px;
    line-height: 120%;
    color: #371D54;
    margin-bottom: 8px;
}
.abt-banner-desc h2{
    font-size: 24px;
    line-height: 120%;
    color: #3E7C3B;
    margin-bottom: 20px;
}
.abt-story .title-desc h3 {
	font-size: 24px;
	margin-bottom: 10px;
	line-height: 120%;
}
.abt-story-img img{
    border-radius: 15px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
.abt-values .col-lg-3{
    display: inherit;
}
.abt-value-box{
    padding: 25px;
    border-radius: 15px;
    background: #F0FFEF;
    width: 100%;
}
.abt-value-box img{
    max-width: 48px;
    margin-bottom: 20px;
}
.abt-value-box h3{
    color: #371D54;
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 20px;
    max-width: 75%;
}
.abt-why .title-desc h2, .abt-why .title-desc p{
    color: #fff;
}
.listing-main-white ul li{
    position: relative;
    font-size: 16px;
    line-height: 120%;
    color: #fff;
    padding-left: 32px;
    margin-bottom: 20px;
}
.listing-main-white ul{
    margin-bottom: 20px;
}
.listing-main-white ul li:before{
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 19px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='12' viewBox='0 0 19 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.0421309 11.3879C0.134112 10.9162 0.380296 10.3239 0.428993 10.2004C0.750928 9.37778 1.12968 8.58047 1.56794 7.81686C2.19558 6.71916 2.93414 5.68322 3.74033 4.72028C4.28951 4.07457 4.90363 3.49905 5.57726 2.99372C7.1166 1.81741 8.24472 1.3963 10.1195 1.30365C10.923 1.26435 12.3054 1.22504 13.5012 1.2082C14.9242 1.18855 15.2164 1.16609 16.2119 0.986415C16.9667 0.851659 17.0831 0.823584 17.3942 0.697251C17.6268 0.598991 17.8514 0.489502 18.0732 0.365976C18.663 0.0290858 18.7739 -0.0214477 18.8713 0.00662643C18.9633 0.0347006 19.0093 0.12173 18.9984 0.259294C18.9903 0.374398 18.3519 1.32892 17.781 2.07569C17.5159 2.42662 16.9938 3.14532 16.6259 3.67873C14.6483 6.52545 13.4768 7.62876 11.575 8.4373C10.8364 8.75173 10.4604 8.86403 9.73536 8.99597C8.39893 9.2346 7.04084 9.20091 4.84411 8.87245C4.28681 8.7798 3.7241 8.73488 3.15868 8.73207H2.7123L2.8638 8.5917C3.58071 7.9095 4.3842 7.35925 5.27155 6.94375C6.11832 6.55352 6.84065 6.30085 7.99583 5.98923C10.0871 5.42775 11.41 5.01225 12.4705 4.58833C13.1874 4.30197 14.5022 3.57766 15.2434 3.0611C15.3544 2.98249 15.5735 2.83931 15.7304 2.74105C16.101 2.50523 16.1795 2.44066 16.1687 2.38451C16.1578 2.31994 16.1091 2.33397 15.9414 2.45469C15.863 2.51084 15.7466 2.58664 15.6817 2.62033C15.6195 2.65402 15.257 2.87019 14.8836 3.09759C13.5986 3.87244 13.1252 4.11388 12.2757 4.41988C11.0204 4.87469 10.5361 5.01786 8.83449 5.43898C6.259 6.07345 5.17146 6.45807 4.10014 7.10097C3.58613 7.41259 2.73395 8.0611 2.33897 8.44853C1.82495 8.95105 1.37857 9.535 1.02687 10.1723C0.851027 10.4951 0.699528 10.8348 0.583199 11.1886C0.531797 11.3514 0.483102 11.517 0.461459 11.6855C0.445227 11.823 0.420876 11.9662 0.263967 11.9943C-0.0146833 12.0448 -0.0363236 11.7529 0.0340152 11.3907L0.0421309 11.3879Z' fill='white'/%3E%3C/svg%3E");
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
}
.abt-why .btn-yellow{
    border: 1px solid #FCBA04;
}
.abt-promise .title-desc h3{
    font-size: 24px;
    margin-bottom: 20px;
    line-height: 120%;
    color: #3E7C3B;
}
.abt-promise-grid{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 22px 44px;
}
.promise-box{
    display: flex;
    align-items: start;
    gap: 24px;
}
.promise-box img{
    flex: 0 0 30px;
    width: 30px;
}
.promise-box .promise-desc p b{
    display: block;
    margin-bottom: 0;
}
.abt-join-img img{
    width: 100%;
    border-radius: 15px;
}
.abt-join .title-desc h3{
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 20px;
}
.inner-banner-title-desc{
    min-height: 422px;
    background-position: bottom !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
}
.inner-banner-title-desc .abt-banner-desc{
    position: relative;
    top: 0;
    transform: translateY(0);
    margin-top: 90px;
}
.contact-main .title-desc h3{
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 20px;
    color: #3E7C3B;
}
.con-form-main {
    background: #3E7C3B;
    border-radius: 15px;
    padding: 50px;
}
.con-form-main h3{
    font-size: 32px;
    line-height: 120%;
    margin-bottom: 20px;
    color: #fff;
}
.con-form-main .row{
    row-gap: 24px;
}
.con-form-main .form-control {
	padding: 12px 20px;
	border: 1px solid #fff;
	border-radius: 15px;
	background-color: transparent;
	box-shadow: none;
	outline: none;
	color: #fff;
	line-height: 120%;
}
.con-form-main .form-control::placeholder{
    color: #fff;
}
.con-form-main .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.con-form-img img{
    width: 100%;
    border-radius: 15px;
}
.con-details h4{
    font-size: 32px;
    line-height: 120%;
    margin-bottom: 20px;
}
.con-details ul li{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.con-details ul li + li{
    margin-top: 20px;
}
.con-details li img{
    flex: 0 0 24px;
    width: 24px;
}
.con-details li, .con-details li a{
    color: #2C2C2C;
}
.con-details li a:hover, .con-details li a:focus, .con-details li a:active{
    color: #3E7C3B;
}
.greview-main{
    margin-top: 50px;
}
.greview-main img{
    width: 100%;
}
.inner-banner-title-desc .abt-banner-desc p {
	max-width: 75%;
	margin-left: auto;
}
.why-partner .row{
    row-gap: 30px;
}
.why-partner .col-lg-4{
    display: inherit;
}
.partner-box{
    padding: 25px;
    background: #F0FFEF;
    border-radius: 15px;
    width: 100%;
}
.partner-box img{
    max-width: 40px;
    margin-bottom: 20px;
}
.partner-box h3{
    font-size: 24px;
    line-height: 120%;
    color: #371D54;
    margin-bottom: 20px;
}
.current-partners{
    overflow: hidden;
}
.swiper-partners .swiper-slide{
    display: flex;
    align-items: center;
    justify-content: center;
}
.swiper-partners .swiper-slide img{
    max-width: 100%;
    display: block;
}
.swiper-partners .swiper-slide{
    width: auto !important;
}
.swiper-partners .swiper-wrapper {
	transition-timing-function: linear !important;
}
.pro-overview .title-desc h2, .pro-overview .title-desc p{
    color: #fff;
}
.pro-overview .row{
    row-gap: 30px;
}
.pro-overview .col-lg-3{
    display: inherit;
}
.pro-overview-box{
    position: relative;
    z-index: 1;
    padding: 0 30px 30px;
    width: 100%;
}
.pro-overview-box:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 15px;
    bottom: 0;
    background: #F7F0FF;
    border-radius: 146px 146px 15px 15px;
    z-index: -1;
}
.pro-overview-box img{
    max-width: 100%;
    display: block;
    margin: 0 auto 30px;
}
.pro-overview-box h3{
    font-size: 20px;
    line-height: 120%;
    margin-bottom: 5px;
    color: #371D54;
}
.pro-overview-box ul{
    margin-bottom: 0;
    padding-left: 1rem;
}
.pro-overview-box ul li{
    font-size: 16px;
    line-height: 120%;
    color: #2C2C2C;
    margin-bottom: 10px;
    list-style: disc;
}
.pro-overview-box ul li:last-child{
    margin-bottom: 0;
}
.pro-overview h4{
    font-size: 40px;
    line-height: 120%;
    margin-bottom: 20px;
    color: #fff;
}
.overview-title-listing h5{
    font-size: 20px;
    line-height: 120%;
    margin-bottom: 10px;
    color: #fff;
}
.overview-title-listing ul{
    margin-bottom: 0;
    padding-left: 1rem;
}
.overview-title-listing ul li{
    font-size: 16px;
    line-height: 120%;
    color: #fff;
    margin-bottom: 10px;
    list-style: disc;
}
.overview-title-listing ul li:last-child{
    margin-bottom: 0;
}
.whole-form-main .row{
    row-gap: 24px;
}
.whole-form-main .form-control {
	padding: 12px 20px;
	border: 1px solid #000;
	border-radius: 15px;
	background-color: transparent;
	box-shadow: none;
	outline: none;
	color: #000;
	line-height: 120%;
}
.whole-form-main .form-control::placeholder{
    color: #000;
}
.whole-form-main input[type='number'] {
    appearance: none;
    -moz-appearance: textfield;
}
.whole-catalogue{
    padding: 30px 0;
    z-index: 1;
}
.whole-catalogue:before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: 15px;
    width: 85%;
    background: #F0FFEF;
    z-index: -1;
}
.catalogue-img img{
    width: 100%;
}
.catalouge-desc {
	padding-right: 12%;
}
.catalouge-desc h3{
    font-size: 30px;
    line-height: 120%;
    color: #371D54;
    margin-bottom: 5px;
}
.catalouge-desc .btn-yellow{
    width: 100%;
    text-align: center;
}
.cta-wholesale .cta-img{
    left: auto;
    right: 0;
    text-align: right;
}
.whole-cta-listing .wcl-box + .wcl-box{
    margin-top: 30px;
}
.wcl-box{
    display: flex;
    align-items: center;
    gap: 24px;
}
.wcl-box img{
    flex: 0 0 30px;
    width: 30px;
}
.wclb-desc p, .wclb-desc p a{
    font-size: 24px;
    line-height: 120%;
    color: #FFFFFF;
    font-family: "Alkatra", system-ui;
    margin-bottom: 0;
}
.wclb-desc p a:hover, .wclb-desc p a:focus, .wclb-desc p a:active{
    opacity: .75;
}
.location-map{
    display: none;
}
.location-map iframe{
    width: 100%;
    height:700px;
    border-radius:15px;
}
.location-list{
    cursor: pointer;
    gap: 10px;
    padding: 20px;
    background: #F0FFEF;
    border-radius: 15px;
    margin-bottom: 20px;
    transition: .5s all ease;
}
.location-list:last-child{margin-bottom: 0;}
.location-list.active{
    background: #F7F0FF;
}
.location-list .title-desc h3{
    font-family: "Inter", sans-serif;
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 15px;
    color: #2C2C2C;
    font-weight: 600;
}
.location-list .title-desc p{
    font-size: 12px;
    line-height: 120%;
    margin-bottom: 0;
}
.direction-img img{
    max-width: 18px;
    margin: 0 auto 8px;
}
.direction-img p{
    font-size: 12px;
    font-weight: 500;
}
.location-list-main {
	height: 700px;
	overflow-y: auto;
	padding-right: 15px;
}
.privacy-main .title-date h1{
    font-size: 64px;
    line-height: 120%;
    color: #371D54;
    margin-bottom: 20px;
}
.privacy-main .title-date p{
    font-family: "Alkatra", system-ui;
    font-size: 24px;
    line-height: 120%;
    color: #3E7C3B;
}
.privacy-main .title-date p b, .privacy-main .title-date p strong{
    font-weight: 400;
    color: #371D54;
}
.privacy-content h2, .privacy-content h3, .privacy-content h4, .privacy-content h5, .privacy-content h6{
    color: #371D54;
    margin-bottom: 10px;
}
.privacy-content ul, .privacy-content ol{
    margin-bottom: 20px;
    padding-left: 1rem;
}
.privacy-content ul li{
    list-style: disc;
}
.privacy-content ol li{
    list-style: decimal;
}
.privacy-content ul li, .privacy-content ol li{
    font-size: 16px;
    line-height: 120%;
    margin-bottom: 10px;
}
.thank-banner{
    min-height: 720px;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.thank-banner .abt-banner-desc h1{
    font-size: 142px;
    line-height: 120%;
    color: #371D54;
    margin-bottom: 0;
}
.thank-banner .abt-banner-desc h1 b, .thank-banner .abt-banner-desc h1 strong{
    color: #3E7C3B;
}
.thank-banner .abt-banner-desc {
	width: 100%;
	left: 0;
	right: 0;
	margin: 175px auto 0;
}
.woocommerce .woocommerce-customer-details address {
	background: #F0FFEF !important;
	border: 0 !important;
	border-radius: 15px !important;
	min-height: 145px !important;
	padding: 15px !important;
}

/* Responsive */
@media screen and (max-width: 1799px) {
    .hb-swiper-thumbs{
        left: 9%;
    }
}
@media screen and (max-width: 1699px) {
    .hb-swiper-thumbs{
        left: 6%;
    }
}
@media screen and (max-width: 1499px) {
    .abt-banner-desc h1{
        font-size: 54px;
    }
    .abt-banner{
        min-height: 600px;
    }
    .hb-swiper-thumbs {
	    left: 3%;
	    width: 45%;
    }
}
@media screen and (max-width: 1399px) {
    .marquee-main{
        padding: 20px 0;
    }
    .anim-icons-grid{
        gap: 100px;
    }
    .pro-bg-desc{
        left: 20px;
        right: 20px;
    }
    .home-breakfast .title-desc h2 {
	    max-width: 85%;
    }
    .pro-listing-main ul{
        gap: 20px;
    }
    .hb-swiper-thumbs {
	    left: 6%;
	    width: 45%;
    }
    .hb-img{
        max-width: 500px;
        height: 500px;
    }
    .hb-img img {
        max-width: 500px;
    }
}
@media screen and (max-width: 1299px) {
    .hb-swiper-thumbs{
        left: 3%;
    }
}
@media screen and (max-width: 1199px) {
    .navbar-nav.ms-auto.align-items-center{
        padding: 10px 20px;
    }
    header .menu-item + .menu-item {
	    margin-left: 20px;
    }
    header .menu-item + .menu-item a::before{
        left: -10px;
    }
    .btn-icon, .btn-cart{
        padding: 10px 20px;
    }
    .marquee-text-icon{
        font-size: 30px;
        gap: 30px;
    }
    .anim-icons-grid {
        gap: 50px;
    }
    .anim-icon-box h5{
        font-size: 20px;
    }
    .mtb-80 {
        margin: 60px 0;
    }
    .products-showcase .row {
        justify-content: center;
        row-gap: 50px;
    }
    .products-showcase .col-lg-3{
        flex: 0 0 auto;
        width: 40%;
    }
    .ptb-110 {
	    padding: 80px 0;
    }   
    .mtb-110{
        margin: 80px 0;
    }
    .testi-box .auth-desc-main p{
        font-size: 22px;
        line-height: 120%;
    }
    .swiper-testi{
        padding: 40px;
    }
    .ptb-90 {
	    padding: 60px 0px;
    }
    .cta-img img {
        max-width: 70%;
    }
    .ft-log-desc h3{
        font-size: 20px;
    }
    .pro-listing-banner{
        min-height: 405px;
    }
    .pro-list-title h3{
        font-size: 34px;
    }
    .abt-banner {
	    min-height: 500px;
    }
    .inner-banner-title-desc{
        min-height: 400px;
    }
    .location-map iframe, .location-list-main{
        height: 500px;
    }
    .location-list .title-desc h3{
        font-size: 16px;
        line-height: 120%;
        margin-bottom: 10px;
    }
    .location-list{
        padding: 15px;
    }
    .thank-banner{
        min-height: 600px;
    }
    .thank-banner .abt-banner-desc h1{
        font-size: 100px;
    }
}
@media screen and (max-width:991px) {
    header {
        padding: 20px 0;
    }

    header.sticky {
        padding: 10px 0;
    }
    header .navbar .container {
        position: relative;
    }

    .navbar-toggler {
        padding: 0;
        outline: 0;
        border: 0;
        margin-right: 0;
        box-shadow: 0 0 0 !important;
        background: #F7F0FF;
        padding: 10px 20px;
        border-radius: 74px;
        position: absolute;
        right: 0;
    }
    .home .navbar-toggler{
        background: #fff;
    }

    .icon-bar {
        width: 25px;
        height: 2px;
        background: #3E7C3B;
        display: block;
        border-radius: 0;
    }

    .icon-bar+.icon-bar {
        margin-top: 6px;
    }

    .icon-bar:nth-child(2) {
        max-width: 70%;
        margin-right: auto;
    }
    .navbar-collapse {
        padding: 0;
        float: left;
        width: 70%;
        position: fixed;
        right: -100%;
        left: auto;
        top: 0;
        z-index: 11;
        -ms-transition: .4s;
        -webkit-transition: .4s;
        transition: .4s;
        height: 100vh !important;
        border: 0;
        display: block;
        background: #F7F0FF;
        overflow: auto;
        box-shadow: 2px 0 2px 2px rgba(0, 0, 0, 0.1);
    }

    .navbar-collapse.show {
        right: 0%;
    }

    header .navbar-nav.ms-auto.align-items-center {
        padding: 0;
        border-radius: 0;
        margin: 20px 0 0;
        border-top: 1px solid #371D54;
        background: transparent !important;
    }

    header .menu-item {
        width: 100%;
    }

    header .menu-item:nth-last-of-type(1),
    header .menu-item:nth-last-of-type(2) {
        display: block;
    }

    header .menu-item+.menu-item {
        margin-left: 0px;
        border-top: 1px solid #371D54;
    }

    header .menu-item a {
        font-size: 16px;
        width: 100%;
        display: block;
        padding: 15px;
        line-height: 1;
        border: 0;
        background: transparent;
        color: #000;
        font-weight: 400;
        display: flex;
        justify-content: space-between;
    }
    header .menu-item + .menu-item a::before {
	    display: none;
    }

    button.close-btn {
        width: 30px;
        height: 30px;
        background: #371D54;
        border: 0;
        z-index: 2;
        cursor: pointer;
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        margin: 10px 15px 0 auto;
        padding: 10px;
    }
    button.close-btn svg path{
        fill: #fff;
    }
    .right-btns{
        margin: 0 60px 0 0;
        gap: 6px;
    }
    .right-btns .btn-icon{
        font-size: 0;
        gap: 0;
    }
    .btn-cart{
        padding: 9px 20px;
    }
    .anim-icons-grid {
	    gap: 30px 100px;
	    justify-content: center !important;
    }
    .products-showcase .col-lg-3 {
	    flex: 0 0 auto;
	    width: 45%;
    }
    .row{
        row-gap: 30px;
    }
    .break-img img, .about-img img {
	    width: auto;
	    max-width: 100%;
	    margin: 0 auto;
	    display: block;
    }
    .ptb-110 {
	    padding: 50px 0;
    }
    .mtb-110{
        margin: 50px 0;
    }
    .mtb-80 {
	    margin: 50px 0;
    }
    .title-desc h2{
        font-size: 34px;
        margin-bottom: 15px;
    }
    .mt-40 {
	    margin-top: 30px;
    }
    .pro-bg{
        height: 400px;
    }
    .join-main .row .col-lg-3 {
	    flex: 0 0 auto;
	    width: 50%;
    }
    .ft-logo {
	    margin-bottom: 25px;
    }
    .ft-top .col-lg-4 {
	    flex: 0 0 auto;
	    width: 70%;
    }
    .ft-top .col-lg-2 {
	    flex: 0 0 auto;
	    width: 30%;
    }
    .ft-btm-grid{
        justify-content: center;
    }
    .pro-list-img img{
        height: auto;
    }
    .pro-listing-banner {
	    min-height: 350px;
    }
    .pro-list-title h3 {
	    font-size: 30px;
    }
    .header-margin-top {
	    margin: 100px 0 80px;
    }
    .abt-banner {
	    min-height: 400px;
	    background: #cbc3c1 !important;
    }
    .abt-banner-desc{
        margin-top: 70px;
    }
    .abt-banner-desc h1, .privacy-main .title-date h1{
        font-size: 44px;
    }
    .abt-value-box h3{
        max-width: 100%;
        margin-bottom: 15px;
    }
    .inner-banner-title-desc {
	    min-height: 350px;
    }
    .whole-catalogue::before{
        width: 100%;
    }
    .catalogue-img img {
	    width: auto;
	    max-width: 100%;
	    margin: 0 auto;
	    display: block;
    }
    .whole-catalogue{padding: 30px;}
    .catalouge-desc {
	    padding-right: 0;
    }
    .hb-main-box .row{
        row-gap: 250px;
    }
    .hb-img{
        max-width: 325px;
        height: 325px;
    }
    .hb-img img{
        max-width: 325px;
    }
    .hb-content h1, .hb-content h2{
        font-size: 40px;
        margin-bottom: 10px;
    }
    .swiper-home-banner .swiper-slide{
        min-height: auto;
        height: 725px;
        background-size: cover !important;
    }
    .hb-swiper-thumbs {
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 95%;
        top: 32%;
        bottom: auto;
    }
}
@media screen and (max-width:767px) {
    .navbar-collapse{
        width: 100%;
    }
    header .navbar-brand {
	    max-width: 150px;
    }
    .navbar-toggler{
        padding: 10px 12px;
        right: 15px;
        border-radius: 12px;
    }
    .btn-icon, .btn-cart {
	    padding: 8px 14px;
	    border-radius: 12px;
    }
    .marquee-main {
	    padding: 15px 0;
    }
    .marquee-text-icon{
        font-size: 22px;
    }
    .anim-icons-grid {
        gap: 30px 30px;
    }
    .products-showcase .col-lg-3 {
	    flex: 0 0 auto;
	    width: 100%;
    }
    .join-main .row .col-lg-3 {
        flex: 0 0 auto;
        width: 100%;
    }
    .home-breakfast .title-desc h2, .home-about .title-desc h2 {
	    max-width: 100%;
    }
    .swiper-testi {
	    padding: 30px;
    }
    .testi-box .auth-grid-box img{
        flex: 0 0 30px;
        width: 30px;
    }
    .testi-box .auth-grid-box .auth-desc h4{
        font-size: 16px;
        line-height: 120%;
    }
    .testi-box .auth-grid-box .auth-desc p{
        font-size: 14px;
        line-height: 120%;
    }
    .testi-box .rating-grid p{
        font-size: 12px;
    }
    .testi-box .auth-desc-main{
        gap: 20px;
    }
    .testi-box .auth-desc-main p{
        font-size: 16px;
    }
    .ft-logo img {
	    max-width: 120px;
    }
    .ft-top .col-lg-4, .ft-top .col-lg-2 {
        flex: 0 0 auto;
        width: 100%;
    }
    .ft-box h4{
        margin-bottom: 15px;
    }
    .ft-btm-grid p {
	    text-align: center;
    }
    .title-desc h2{
        font-size: 30px;
    }
    .join-vid-box img {
        width: auto;
        max-width: 100%;
        margin: 0 auto;
        display: block;
    }
    .pro-listing-banner {
        min-height: 250px;
    }
    .pro-list-title h3 {
	    font-size: 28px;
    }
    .pro-list-price h4, .pro-details-tabbing .faq-accordion .accordion-button{
        font-size: 22px;
    }
    .abt-banner-desc{
        margin-top: 50px;
    }
    .abt-banner-desc h1, .privacy-main .title-date h1{
        font-size: 34px;
    }
    .abt-banner-desc h2{
        font-size: 20px;
        margin-bottom: 15px;
    }
    .abt-promise-grid{
        grid-template-columns: repeat(1,1fr);
        gap: 30px;
    }
    .inner-banner-title-desc {
	    min-height: 300px;
    }
    .con-form-main{
        padding: 30px;
    }
    .ptb-80 {
	    padding: 60px 0;
    }
    .location-map iframe, .location-list-main {
        height: 350px;
    }
    .thank-banner {
	    min-height: 400px;
    }
    .thank-banner .abt-banner-desc h1{
        font-size: 50px;
    }
    .thank-banner .abt-banner-desc{
        margin: 115px auto 0;
    }
    .swiper-partners .swiper-slide img{
        max-width: 75%;
        margin: 0 auto;
    }
    .wclb-desc p, .wclb-desc p a{
        font-size: 20px;
    }
    .whole-cta-listing .wcl-box + .wcl-box {
	    margin-top: 20px;
    }
    .hb-main-box{
        padding: 0 15px;
        margin-top: 30px;
    }
    .swiper-home-banner .swiper-slide{
        height: 750px;
        background-position: 72% 25% !important;
    }
    .hb-swiper-thumbs .swiper-slide img{
        max-width: 70px;
        margin: 0 auto 10px;
    }
    .hb-swiper-thumbs .swiper-slide h5{
        font-size: 12px;
    }
    .hb-img {
	    max-width: 300px;
	    height: 300px;
    }
    .hb-img img{
        max-width: 300px;
    }
    .hb-main-box .row{
        row-gap: 200px;
    }
    .hb-swiper-thumbs{
        top: 42%;
    }
}
.single_add_to_cart_button {
	padding: 12px 24px !important; 
	text-align: center !important;
	width: 100% !important;
	font-size: 20px !important;
	line-height: 1 !important;
	color: #371D54 !important;
	font-family: "Alkatra", system-ui !important;
	background: #FCBA04 !important;
	border: 2px solid #FCBA04 !important;
	border-radius: 50px !important;  font-weight: 400 !important;
}
.single_add_to_cart_button:hover, .single_add_to_cart_button:focus, .single_add_to_cart_button:active {
	background: #371D54 !important;
	color: #FCBA04 !important;
	border-color: #371D54 !important;
}
.best-seller-badge {
	position: absolute;
	right: 25px;
	top: 25px;
	z-index: 99;
	background: #371D54;
	color: #fff;
	padding: 10px 20px;
	border-radius: 40px;
}

.page-id-12 .wc-block-components-express-payment__event-buttons {
	display: none !important;
}
.page-id-12 .wc-block-components-express-payment-continue-rule--cart {
	margin: 16px 0;
	text-transform: uppercase;
	display: none !important;
}.wc-block-components-totals-wrapper.slot-wrapper {
	padding: 0;
	display: none !important;
}