@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url('https://fonts.googleapis.com/css2?family=Anton+SC&family=Sacramento&family=Unbounded:wght@200..900&display=swap'); 
/*Google Fonts*/ 
:root {
--H-family:'Unbounded', sans-serif ;
--B-family: 'Unbounded', sans-serif; 
--main: #6acf66;
--hover:#fcda98;
--secondry: #0D071F; 
--highlight: #33b28d;  
--heading_color: #59c671;
--light-bg: #effaf7;
--white: #ffffff; 
--gradient: linear-gradient(114.41deg, #0ae448 20.74%, #abff84 65.5%);
--black: #05030C; 

}


html {
margin: 0; 
padding: 0; 
-webkit-text-size-adjust: 100%;
}


body { 
font-family: 'Unbounded', sans-serif;
scroll-behavior: smooth; 
position: relative; 
background: linear-gradient(85deg, #78DC620F 0%, #12A0A714 100%); 
font-weight: 400;
letter-spacing: inherit; 
color: #0d3322;
text-rendering: optimizeLegibility;
font-size: 100%;
background: #e6f5ef;
}

a:hover,
a:focus,
a:active {
text-decoration: none;
outline: none;
}

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

p {
font-size: 16px;
font-weight: 400;
letter-spacing: inherit;  
color: #000;    
line-height: 30px; 
}

h1,
h2,
h3,
h4,
h3,
h6 {
font-family: var(--H-family); 
} 

h1 {
/*! font-size: 3rem; */
}




/* top-header */
.top_header {
background: hsl(240deg 20.73% 32.16%);
padding: 0.425rem;
padding-bottom: 0;
}

.top_social {
padding: 0; 
margin: 0;
text-align: right;
} 

.top_social li {
list-style: none;
display: inline-block;
}

.top_social li a {
display: inline-block;
color: #ebedf2;
font-size: 17px;
/*! background: rgba(255, 255, 255, 0.05); */
width: 31px;
text-align: center;
border-radius: 3px; 
margin: 0 0 0 5px;
}

.top_info {
padding: 0;
margin: 0;
}

.top_info li {
list-style: none;
display: inline-block;
}

.top_info li a {
display: inline-block;
color: #f7f5f5;
margin: 0 27px 0 0;
font-weight: 400;
font-size: 15px;
}

.top_info li a i {
display: inline-block;
color: #fff;
margin: 0 3px 0 0;
}
.top_header {
color: #fff;
margin: 12px 1%;
}
.calldv a{
margin: 0 10px 0 0;
color: #fff;
}
.calldv a i {
font-size: 12px;
margin: 0 4px 0 0;
}




/* top-header */

.alert  svg{
width:1.25rem;
height: 1.25rem;
}


/* header */
header {
border-bottom: none;
transition: 0.4s;
}

.navbar-light .navbar-brand {
max-height: 120px;   
padding: 0;  
margin: 0;
}
.navbar-light .navbar-brand img {
width: 100%;
height: 100%;max-height: 120px;
object-fit: contain;
}
.navbar {
padding: 0;
border-bottom: none;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
color: #fff;  
}

.navbar-expand-xl .navbar-nav .nav-link {
font-weight: bold;
display: block; 
padding: 1.8rem 1rem; 
text-decoration: none;
color: #000;
position: relative; 
white-space: nowrap;
text-transform: capitalize; 
transition: 0.4s;
font-size: 16px;
/*! font-family: var(--H-family); */
/*! letter-spacing: 1px; */
}
.navbar-expand-xl .navbar-nav .nav-link:last-child::before {
display: none;
} 

.navbar-expand-xl .navbar-nav .active .nav-link {
color: #fff; 
}  

.RiGhT_nav {
text-align: right;
}

.navbar-expand-xl .RiGhT_nav .nav-link {
font-size: 1.125rem !important;
font-weight: 300;
}

header {
position: fixed;
z-index: 999;
padding: 30px 0; 
top: 0;
left: 0;  
width: 100%;
}
.dropdown-item {
font-size: 20px; 
font-weight: 400; 
display: block; 
padding: 0.7125rem 0; 
text-decoration: none; 
border-radius: 0.625rem;
color: rgb(4, 19, 103);
position: relative;
white-space: nowrap; 
border-radius: 8px;  
}
.dropdown-item span {
width: 40px;
height: 40px;
display: inline-block;
background: #dff9f2;
border-radius: 6px; 
text-align: center;
line-height: 37px;
margin: 0 9px 0 0;
} 

.dropdown-item img {
width: 25px;
/*! filter: grayscale(10); */
opacity: 0.7;
margin: 0;
}

.bTn_OrDeR i {
font-size: 1.5625rem;
margin: 0 0.75rem 0 0;
color: var(--main);
}

.bTn_OrDeR p {
margin: 0 0 7px 0;
}

.dropdown-item:focus,
.dropdown-item:hover {
color: var(--main); 
text-decoration: none;
background-color:transparent;
border-color: var(--main);
/*! font-weight: bold; */ 
}

.fixed {
position: fixed;
left: 0;
top: 0; 
width: 100%;    
z-index: 999; 
transition: 0.4s;
border-radius: 0; 
background: #08bf55;
box-shadow: 1px 3px 3px rgba(0,0,0,.1);
padding: 10px 0;
}

.nav-link.h_social_ico {
color: #fff !important;
transition: 0.4s;
background: var(--main);
text-align: center;
border-radius: 0.3125rem;
font-size: 1.125rem !important;
width: 2.5rem;
height: 2.5rem;
padding: 0 !important; 
margin: 0 0 0 0.3125rem;
}

.navbar-expand-xl .navbar-nav .dropdown-menu.megaheader {
position: absolute;
border-radius: 0 0 15px 15px;
border: none;
box-shadow: 0 1.2rem 1rem rgba(0, 0, 0, .15) !important;
padding: 0.5rem 1.25rem;
margin: 1px 0 0 0;
padding-bottom: 0.8125rem;
min-width: 70%;
background: #fff;
}

.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute;
border-radius: 0 0 8px 8px;
border: none;
box-shadow: 0 1.2rem 1rem rgba(0, 0, 0, .15) !important;
padding: 0.5rem 0.3125rem; 
margin: 1px 0 0 0;
padding-bottom: 0.8125rem;
}

.nav-link.header_btn {
/*! border: 1px solid var(--main); */
transition: 0.4s;
text-align: center;
padding: 0.25rem 1.4rem !important; 
border-radius: 60px;
height: 53px;  
color: #000 !important;  
margin-left: 0.625rem;
background: var(--main); 
line-height: 45px;
/*! letter-spacing: 0.8px !important; */
/*! font-size: 14px !important; */
font-weight: 600;
margin: 0;
background: #6ACF66;
background: var(--hover);
}

.nav-link.header_btn:hover {
color: var(--black) !important;
transition: 0.4s;
box-shadow: rgba(11, 43, 158, 0.24) 0px 6px 1.25rem -6px;
transform: scale(1.04); 
background: var(--hover); 
border-color: var(--hover);
} 

.nav-link.header_outline_btn {
border: 2px solid var(--main) !important;
transition: 0.4s;
text-align: center;
padding: 0.25rem 1.5625rem !important;
border-radius: 0.25rem;
/*! font-size: 0.8125rem !important; */
height: 2.5rem; 
color: var(--main) !important;
/*! font-weight: 400 !important; */
margin-left: 0.625rem;
background: #0263e00a;
}

.nav-link.header_outline_btn:hover {
border-color: var(--main);
color: var(--white) !important;
background: var(--main);
transition: 0.4s;
}

.header_outline_btn:focus,
.header_btn:focus {
outline-width: 2px;
outline-style: solid;
outline-color: var(--main);
outline-offset: 2px;
-moz-outline-radius: 0.25rem;
background: var(--main);
color: #000 !important;
}

.navbar-nav {
align-items: center;
}
.navbar-collapse {
margin: 0;
}
.nav_topXS {
position: fixed;
top: 0;
left: 0;
width: 100%; 
display: flex;
justify-content: space-between;
background: #fff;
box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 0.5rem;
padding: 0 0.9375rem;
align-items: center;
}

.nav_topXS .navbar-brand {
padding: 6px 0;
}
.nav-link.contactbtnn {
padding: 4px 0px !important;
border-bottom: 2px solid;
margin: 0 34px 0 0;
} 
/* drop_down */


.dropdown-menu .menu_heading h5 {
font-size: 1rem;
padding-bottom: 0.8125rem;
margin-bottom: 0.8125rem;
border-bottom: 1px solid #efefef;
font-weight: 500;
color: var(--heading_color);
}
.dropdown-menu ul {
padding: 0; 
}

.dropdown-menu ul li {
padding: 0;
margin: 0;
list-style: none;
border-radius: 0.3125rem;
break-inside: avoid;
} 




/* header */


.btn_theme {
/*! border: 2px solid #f2c9d1; */ 
transition: 0.4s;
text-align: center; 
padding: 0 25px; 
font-size: 14px; 
height: 49px; 
background: linear-gradient(117deg, rgba(106, 207, 102, 1) 0%, rgba(51, 178, 141, 1) 72%);
color: #fff; 
display: inline-block;
font-weight: 500;
white-space: nowrap;
line-height: 50px; 
border-radius: 60px;
text-transform: capitalize;
position: relative;
overflow: hidden;
z-index:1;
}
.btn_theme:before{ 
width: 100%;
height: 0%;
bottom: 0;
left: 0;
background: var(--main);
position: absolute;
content: '';
z-index:-1;
transition: 0.3s
}
.btn_theme:hover:before{ 
width: 100%;
height: 100%;
bottom: 0;
left: 0;
background: var(--main);
position: absolute;
content: '';
z-index:-1;transition: 0.3s
}



.btn_theme:hover {
color: var(--white); 
transition: 0.3s;
}

.btn_outline_theme {
border: 1px solid var(--main);
transition: 0.4s;
text-align: center;
padding: 0 20px;
border-radius: 0;
font-size: 18px;
height: 45px;  
color: var(--main);
display: inline-block; 
background: #f5f9fe;
line-height: 42px;
font-weight: 400;
}
.btn_outline_theme:hover{
background: var(--main);
color: #fff;
}

.btn_theme:focus,
.btn_outline_theme:focus {
outline-width: 2px;
outline-style: solid;
outline-color: var(--main);
outline-offset: 2px;
-moz-outline-radius: 0.25rem;
}

/* banner */

.banner {
padding: 80px 0; 
align-items: center;  
position: relative; 
/*! overflow: hidden; */   
background: #08bf55; 
/* 	background: #08bf55 url(../images/banner_bg.png); */
margin: 0; 
min-height: auto;
z-index: 1;
min-height: 90vh;
background-size: cover;
background-position: right;overflow:hidden
} 

.banner .container-fluid{
position: relative;
z-index: 9;
}
.banner .col-lg-6.col-md-8 {
position: relative;
z-index: 9;
}

.banner h2{
font-size: 50px;
font-weight: 800; 
margin: 20px 0;
letter-spacing: -1px; 
line-height: 60px;
max-width: 100%; 
color: #fff;
font-family: 'Unbounded', sans-serif;
} 


.banner h2 span {  
font-weight: 500; 
text-decoration: underline; 
border: 0px solid #000;
padding: 0 11px;
border-radius: 20px;
background: #000;
color: #08bf55; 
}


.banner p {
font-size: 18px; 
line-height: 28px;
/*! color: #fff; */   
max-width: 100%; 
font-weight: bold;
color: #000;
/*! opacity: 0.6; */ 
margin: 0 0 20px 0px;

} 
.banner_btn { 
padding: 9px 13px; 
border-radius: 50px;
color: #fff; 
font-size: 16px;
display: inline-block;  
font-weight: 600;  
margin: 0;
background: rgb(0, 0, 0); 
backdrop-filter: blur(10px);
/*! width: 67%; */
position: relative;
/*! display: flex; */
justify-content: space-between; 
height: 60px;
align-items: center;
transition: 0.3s;
}
.banner_btn i{
width:40px;
height: 40px;
background: #fff;
display: inline-block; 
line-height: normal;
border-radius: 100%; 
line-height: 40px;
text-align: center;
color: #000;
margin: 0 0 0 18px;
}
.bannerbtn { 
padding: 9px 13px; 
border-radius: 50px;
color:rgb(0, 0, 0); 
font-size: 16px;
display: inline-block;  
font-weight: 600;  
margin: 0;border:2px solid #000;
backdrop-filter: blur(10px);
/*! width: 67%; */
position: relative;
/*! display: flex; */
justify-content: space-between; 
height: 60px;
align-items: center;
padding-left: 26px;
transition: 0.3s;
}
.bannerbtn i{
width:40px;
height: 40px;
background: #fff;
display: inline-block; 
line-height: normal;
border-radius: 100%; 
line-height: 40px;
text-align: center;
color: #000;
margin: 0 0 0 18px;
}
.imgg {
width: 80%;
margin: 0 auto;
margin-top: -116px; 
margin-bottom: -100px;
}

.banner h6 {
display: inline-block;
padding: 8px 20px; 
background: rgba(164, 164, 164, 0.13); 
border-radius: 20px;  
color: #62cb6c;  
margin: 0; 
} 
.banner_btn_outline {
padding: 10px 38px;
border: 1px solid #fff;
border-radius: 30px;
color: #414163;
font-size: 18px;
display: inline-block;
font-weight: 600;
margin: 10px 22px 0 0;
background: #fff;
}

.banner_inner {
padding: 0 35px 0 0;
margin: 85px 0 0 0;
z-index: 9;
/*! position: relative; */
} 

.bannerright {
position: absolute;
right: 60px;
bottom: 60px;
/* background: rgba(0,0,0,0.4); */
padding: 20px;
border-radius: 70px;
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.13);
width: 32%;
}

.rightimgg img {
width: 89%;
margin: 0 0 -200px 0;
filter: brightness(1);
filter: drop-shadow(2px 4px 28px rgba(0,0,0,0.3));
}



/* banner */

section h6 {
margin: 0 0 6px 0;
font-family: Sacramento;
font-size: 43px; 
text-transform: lowercase;
font-weight: bold;
line-height: normal;
}
.imgtitm {
width: 100%;
display: flex;
align-items: center;  
margin: 0; 
}

.imgtitm img {
width: 35px;
margin: 0 16px 0 0;
}

.imgtitm p {
margin: 0;
color: #fff; 
white-space: nowrap;
max-width: 100%; 
font-size: 16px;
line-height: normal;
opacity: 1;
}











.about_main {
padding: 50px 0;     
position: relative;
background: #08bf55 url(../images/patternn.png);
min-height: 30vh;
display: flex;  
align-items: center;
background-size: 19px;
}  
h2 {
font-weight: bold;
font-size: 40px;     
margin: 0 0 10px 0;   
color: #000; 
font-family: var(--B-family);
text-transform: uppercase;
}

.img_lft_rgt {
padding: 60px 0; 
}
.video_main {
overflow: hidden;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
position: absolute;
left: 0;
top: 0;
}


/* services */
.services_item {
background: #fff;
padding: 35px;
border-radius: 10px 20px;
margin-bottom: 25px;
min-height: 240px;
position: relative;
overflow: hidden;
transition: 0.3s;
}
.services_item:hover{ 
transition: 0.3s;
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
transform: translateY(-5px); 
}

.readmore {
position: absolute;
bottom: 30px;
color: #33b28d;
}
.readmore:before{
position: absolute; 
bottom: -2px;
left: 0;
width: 0%;
height: 2px;
background: #46bc7f; 
content: '';
transition: 0.3s;
}

.services_item:hover .readmore:before{
width: 80%; transition: 0.3s;
}


.cmngsoon {
position: absolute;
top: 15px;
background: #5ec96e; 
padding: 5px 10px;
right: 16px; 
font-size: 10px;
border-radius: 30px;
line-height: normal;
font-weight: 600;
color: #000;
}
.services_item h3 {
font-size: 20px;
color: #07241b;
}
.services_item p {
font-size: 15px;
max-width: 75%;
line-height: 22px;
font-weight: 300;
}






/* services */


.whychoose {
padding: 60px 0;
}












/* blog */
.blog_main {
padding: 3.313rem 0;
background: var(--white) ;
}

.blog_main .post-card {
margin: 1.875rem 1.25rem;
}



/* ------------------------------
  Post-card
------------------------------ */
.post-card {
background-color: #ffffff !important;
padding: 0;
border-radius: 0;
display: block; 
position: relative;
/*! -webkit-box-shadow: 0px 0.3125rem 1.25rem 0px rgba(69, 67, 96, 0.1); */
/*! box-shadow: 0px 0.3125rem 1.25rem 0px rgba(69, 67, 96, 0.1); */
overflow: hidden;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
/*! margin: 0 11px; */
margin-bottom: 2.5rem;
min-height: 21.313rem;
} 

.post-card-image {
/*! margin-top: -3.75rem; */
margin-bottom: 0;
position: relative;
border-radius: 0;
overflow: hidden;
position: relative; 
min-height: 283px;
max-height: 283px;
overflow: hidden;
background: #0263e0  ;
background-repeat: no-repeat;
background-position: center;
}

.post-card-image img {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0; 
margin: auto;
/*! transform: scale(2); */
object-fit: cover;
width: 100%;
height: 100%;
}


.post-card:hover {
-webkit-transform: scale(1.03);
transform: scale(1.03);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.post-card-content .categorie {
margin-bottom: 0.8125rem;
margin: 0;
}

.post-card-content h5 {
margin: 1.25rem 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin-top: 0; 
color: #000; 
font-weight: 600;
font-size: 25px;
}

.post-card-content h5 a {
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
color: #222837;
font-weight: bold;
/*! font-size: 27px; */
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin-top: 0; 
font-family: var(--H-family);
}

.post-card-content h5 a:hover {
color: var(--main);
text-decoration: underline;
}

.post-card-content p {
margin-bottom: 19px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
/*! display: none; */
font-size: 14px;
line-height: 26px;
}

.post-card-info ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
}

.post-card-info ul li:before {
display: none;
}

.post-card-info ul li {
font-size: 19px;
margin: 0;
padding: 0;
font-weight: 400; 
color: #a29d9d;
}

.post-card-info ul li a {
color: var(--heading_color);
font-weight: 400;
}


.post-card-info img {
width: 3rem !important;
height: 3rem;
border-radius: 50%;
margin-right: 1rem;
border: 1px solid #ddd;
}

.post-card-info li {
margin-bottom: 0;
font-size: 0.8125rem;
color: #86939f;
text-transform: capitalize;
font-weight: 500;
}

.post-card-content {
padding: 1.5625rem;
}

.post-card-info li a:hover {
color: var(--main);
}

.dot {
width: 0.25rem;
height: 0.25rem;
background-color: var(--secondry);
border-radius: 50%;
display: block;
margin: 2px 6px !important;
}

.post-card-info li.dot {
margin: 2px 0.5rem !important;
}

/* ------------------------------
Categorie
------------------------------ */
.catogry {
display: flex;
overflow: auto;
scrollbar-width: none;
margin: -51px 0 1.9375rem 0;
position: relative;
z-index: 1;
}

.catogry a {
color: var(--white);
display: inline-block;
margin: 0 0.625rem 0 0;
text-align: center;
font-size: 11px;
border-radius: 1.25rem;
font-weight: 500;
text-transform: capitalize;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
white-space: nowrap;
}


.catogry a:hover {
background-color: var(--main);
color: #ffffff !important;
}

/* blog */

/* blog-details */
.inner_blog_detailsBanner {
background: #fafcfd; 
padding: 3.125rem 0;
padding-bottom: 13.125rem;
background-size: cover;
background-position: center;
}

.image_blogdetails {
margin-top: -12.5rem;
}

.blog_inbnr h1 {
font-weight: 600;
letter-spacing: -1px;
}

.article-byline-content {
flex-grow: 1;
display: flex;
align-items: center;
}

.author-list {
display: flex;
flex-wrap: wrap;
margin: 0 0 0 0.25rem;
padding: 0;
list-style: none;
}

.article-byline-content .author-list {
justify-content: flex-start;
padding: 0 0.75rem 0 0;
margin: 0.625rem 0 0 0;
}

.author-list-item {
position: relative;
flex-shrink: 0;
margin: 0;
padding: 0 !important;
}

.author-list-item:before {
display: none;
}

.author-avatar {
display: block;
overflow: hidden;
margin: 0 -0.25rem;
width: 3.125rem;
height: 3.125rem;
border: 2px solid #fff;
border-radius: 100%;
transition: all .5s cubic-bezier(.4, .01, .165, .99) .7s;
}

.author-profile-image,
.avatar-wrapper {
display: block;
width: 100%;
height: 100%;
background: #e4eaed;
border-radius: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 0 !important;
margin: 0 !important;
}

.article-byline-meta {
color: #738a94;
font-size: 1.4rem;
line-height: 1.2em;
}

.article-byline-meta h4 {
margin: 0;
font-size: 0.875rem;
}
.article-byline-meta h4 a{
color: #000;
}
.stgln {
font-size: 1.25rem;
color: #888;
font-family: georgia;
font-style: italic;
}

.byline-meta-content {
font-size: 0.875rem;
font-weight: 400;
}

.blog_inbnr img {
border-radius: 0.625rem;
margin: 1.25rem 0;
} 

.post-share-section {
width: 100%;
padding-top: 1.875rem;
}

.post-share-section>small {
font-size: 0.9375rem;
font-weight: 600;
display: block;
margin-bottom: 1.2vh;
letter-spacing: 0.2px;
}

.post-share-wrap {
position: relative;
display: inline-flex;
/*! width: 100%; */
}

.post-share-wrap a:first-of-type {
border-radius: calc(0.625rem/1.5) 0 0 calc(0.625rem/1.5);
}

.post-share-wrap a {
display: flex;
align-items: center;
justify-content: center;
width: 80px; 
height: 63px;
transition: background-color .15s ease;
background-color: #e7f4f8;
color: #035386;
font-size: 1.375rem;
border-right: 1px solid #ddedf5;
transition: 0.2s;
}

.post-share-wrap a:hover {
background-color: #c3d7e8;
transition: 0.2s;
}

.post-share-wrap a:last-of-type {
border-radius: 0 calc(0.625rem/1.5) calc(0.625rem/1.5) 0;
border: none;
}

/* blog-details */


/* footer */
.footer {
background: #08bf55 url(../images/patternn.png);
padding-top: 60px; 
margin: 0;
border-radius: 30px 30px 0 0;  
padding-bottom: 0;
position: relative;
overflow: hidden; 
background-size: 11px;
}

.footer .footer-top {
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
padding: 1.875rem 0;
}

.footer .footer-top .download-text h3 {
font-size: 1.875rem;
color: #622fcd;
display: block;
margin-bottom: 1.25rem;
font-weight: 700;
}

.footer .footer-top .download-button {
text-align: right;
}

.footer .footer-top .download-button .btn {
display: inline-block;
margin-right: 0.625rem;
}

.footer .footer-top .download-button .btn:last-child {
margin-right: 0;
}

.footer .footer-top .download-button .btn i {
font-size: 1.125rem;
display: inline-block;
margin-right: 0.3125rem;
}

.footer .logo {
margin-bottom: 26px;
}

.footer .logo img {
width: 13.125rem;
}

.footer .f-about p {
font-size: 0.875rem; 
color: #7e8890;
margin-left: 0.9375rem;
}

.footer .f-about .contact-address {
margin-top: 1.25rem;
}

.footer .f-about .contact-address li {
display: block;
margin-bottom: 0.3125rem;
margin-left: 0.9375rem;
}

.footer .f-about .contact-address li:last-child {
margin-bottom: 0;
}

.footer .f-about .contact-address li span {
font-weight: 500;
color: #622fcd;
display: inline-block;
margin-right: 0.25rem;
}

.footer .footer-social {
margin-top: 1.375rem;
}

.footer .footer-social ul li {
display: inline-block;
margin-right: 6px;
}

.footer .footer-social ul li:last-child {
margin-right: 0;
}

.footer .footer-social ul li a {
font-size: 1.0625rem;
color: #fff !important;
height: 2.5rem;
width: 2.5rem; 
text-align: center;
display: block;  
/*! background: #0a2316; */
border: none;
border-radius: 100%;
position: relative;
z-index: 3;
line-height: 2.5rem; 
border: 1px solid #fff;
}

.footer .footer-social ul li a i {
margin: 0 !important;
color: #fff; 
font-size: 16px;
} 

.footer .footer-social ul li a:hover {
color: #fff;
background-color: var(--main);
-webkit-box-shadow: 0 1rem 3rem rgba(35, 38, 45, 0.15) !important;
box-shadow: 0 1rem 3rem rgba(35, 38, 45, 0.15) !important;
}

.footer .footer-social ul li a:hover i {
color: #000 !important;
}


.nav-folderized .col.nav {
padding: 0 !important;
display: block !important;
padding: 0 0.9375rem !important;
}

.footer h5 {
color: #000;
font-size: 20px;
position: relative;  
text-transform: capitalize; 
margin-bottom: 26px;
font-weight: 600;  
font-family: var(--H-family);
letter-spacing: 0;
line-height: normal;
}

.footer ul li {
margin-bottom: 17px;
position: relative;
list-style: none; 
display: flex; 
}

.footer ul li:last-child {
margin: 0;
}

.footer ul li a {
color: #f0fffb;
font-size: 15px;
font-weight: 500;  
position: relative; 
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
display: block;
border-bottom: 1px solid transparent;
}

.footer ul li a::before {
content: '';
position: absolute;
left: 0;
top: 50%;
opacity: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
height: 2px;
width: 0.5rem;
background: var(--main);
}

.footer ul li a:hover::before {
background: var(--main);
opacity: 0; 
}

.footer ul li a:hover {
padding-left: 0; 
font-weight: 600;
}

footer ul {
padding: 0;
}

.footer h3 img {
width: 13.125rem;
}

.f_about img {
width: 13.75rem;
margin: 0 0 11px 0;
}


.f_about p {
font-size: 0.875rem;
line-height: 23px;
color: #fff;
}

.contact-address li a:hover {
color: #300864;
padding-left: 0 !important;
}

.contact-address li a:before {
display: none;
}

.footer ul li i {
font-size: 0.938rem;
margin: 0 9px 0 0;
color: #fff;
}  

.footer-bottom {
/*! border-top: 1px solid rgba(0, 0, 0, 0.3); */ 
text-align: center;
padding: 1.25rem 0;  
margin-top: 1.375rem;
background: #06ae4e;
}

.footer-bottom p {
margin: 0;
color: #f0fffb; 
font-size: 14px;
font-weight: 400; 
}

.footer-bottom p a {
color: #fff; 
}

.button .btn {
display: inline-block;
text-transform: capitalize;
font-size: 0.875rem;
font-weight: 500;
padding: 0.9375rem 1.875rem;
background-color: #fff;
color: var(--main);
border: none;
-webkit-transition: 0.5s;
transition: 0.5s;
border-radius: 0.25rem;
}

.footer .footer-top .download-button {
text-align: right;
}

.footer .footer-top .download-text h3 {
font-size: 1.875rem;
color: #fff;
display: block;
margin-bottom: 6px;
font-weight: 700;
}

.footer .footer-top .download-text p {
margin: 0;
color: #fff;
font-size: 1rem;
}

.download-text h3 {
margin: 0;
}

.newsletter_sct .form-control {
height: 3.125rem;
border: 2px solid #e4e7f2;
color: var(--heading_color);
margin-bottom: 0.9375rem;
text-align: center;
font-size: 12px;  
border-radius: 60px;
}

.btn.btn_NLy {
height: 3.125rem;
text-align: center;
width: 100%;
background: #000;
color: #fff; 
border-radius: 60px;
}

.reviewtrust {
text-align: center;
}

.reviewtrust img {
width: 13.75rem;
}

.ftxtt {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
color: #60687b;
font-size: 1rem;
}

.img-fluid.flogo {
width: 140px;
margin-bottom: 0.9375rem;
}

.appdownload {
width: 180px;
padding: 0.625rem 0.9375rem;
margin-bottom: 0.625rem;
background: rgb(255, 255, 255);
background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(233, 233, 233, 1) 100%);
border-radius: 0;
/* border: 2px solid #fff !important; */
border-left-color: #cecece !important;
border-bottom-color: #cecece !important;
box-shadow: rgba(0, 0, 0, 0.05) 0px 0.625rem 1.25rem, rgba(0, 0, 0, 0.14) 0px 6px 6px;
overflow: hidden;
border-radius: 0.625rem;
}

/* footer */

.satup_support_main {
text-align: center;
padding: 40px 0; 
background-repeat: no-repeat;
background-position: right;
padding-bottom: 100px; 
}
.Scdtail h3 {
font-size: 45px;
font-weight: bold;
letter-spacing: -1px;
color: #041367;
margin-bottom: 30px;
} 
.Scdtail .btn_theme{
background: #13205d;
color: #fff;
border-color: #13205d;
padding: 4px 40px;
height: 63px; 
}

.services_main {
padding: 60px 0;
background: #e6f5ef;
margin: 0 1%;
border-radius: 18px; 
}

.itempay {
margin: 12px;
text-align: center;
background: #fec091; 
overflow: hidden;
border-radius: 10px;
/*! box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; */
transition: 0.3s;
position: relative;
}
.itbg2{
background: #f2c9d1;
}
.itbg3{
background: #bae2e3;
}  
.itbg4{
background: #faddc3;
}
.itbg5{
background: #e8d5d8;
}  
.itbg6{ 
background: #faddc3;
}
.itbg7{
background: #d9e8c3;
}  
.itbg8{
background: #ffd6ef;
}  
.itbg9{
background: #92bdf6;
}  
.topbgrow {
padding: 50px 60px;
background: #f9bdae url(../images/wellbeingg.jpg);
border-radius: 30px; 
position: relative;
background-size: cover;
background-position: left top;
}

.innertorowbg p {
font-size: 38px;
line-height: normal;
margin: 0 0 36px 0;
}

.innertorowbg img {
width: 50px;
margin: 0 0 25px 0; 
}
.innertorowbg .btn_theme {
border: 2px solid #fff; 
background: #fff;
color: #041367; 
}
.rgtImg img {
position: absolute;
bottom: 0;
width: 51%;
}
.itempay img {
height: 334px; 
object-fit: cover;
width: 100%;
overflow: hidden;
}

.itempay h4 {
margin: 0; 
color: #041367;
padding: 10px 0;
font-size: 20px; 
font-weight: 500;  
position: absolute;
bottom: 26px;
left: 10%;
background: rgba(255, 255, 255, 0.68);
width: 80%;
text-align: center;
border-radius: 40px;
letter-spacing: 0.4px;
backdrop-filter: blur(10px);
}

.itempay:hover{
transform:translateY(-10px);
transition: 0.3s;
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

.lrdv {
padding: 53px 0; 
background-repeat: no-repeat;
background-position: 90px 0px;
background-size: 26%;
}  


.review_main {
padding: 60px 0;
}


/* review_main */

.review_main {
padding: 50px 0; 
overflow: hidden;  position:relative; 
background-size: 100%;   
background: #e6f5ef;
}

.review_item { 
padding: 35px 24px;
border: 2px solid #fff;    
background: #fff; 
border-radius: 17px; 
/*! box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 8px; */
margin: 10px;
position: relative;
text-align: center;
border: 0px solid #ddd;
margin-top: 0;
}
.review_item:before{  
position: absolute;
contain: '';
top: 0;
right: 0;
}

.imgname {
display: flex;
align-items: center;
margin-bottom: 10px;
/*! justify-content: center; */
/*! width: 301px; */
margin: 0 auto;
margin-top: 17px;
justify-content: center;
}

.imgname .image {
width: 40px;
height: 40px;
border-radius: 100%;
overflow: hidden;
/*! box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
/* border: 1px solid #fff; */
flex: 0 0 auto;
}

.imgname .image img {
width: 100%;
}

.imgname .namestar {
/*! width: 100%; */
margin: 0 0 0 2px;
text-align: left;
}

.imgname .namestar h4 {
font-size: 15px;
color: #262626;
font-weight: 600; 
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
margin: 0;
}

.starR {
display: flex;
justify-content: center;
}

.starR a {
color: var(--main);
margin: 0 4px 0 0;
font-size: 18px;
}

.descR h5 {
font-size: 16px;
font-weight: bold;  
color: #00568c;
white-space: nowrap; 
overflow: hidden;
text-overflow: ellipsis;
font-family: var(--H-family); 
text-transform: uppercase;
margin: 0 0 14px 0;
}

.descR p {
font-size: 15px;
overflow: hidden;  
text-overflow: ellipsis;  
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
line-height: 23px;
/*! color: #fff; */
margin: 10px 0 10px 0;
}

.descR img {
width: 100px!important;
}

.tripadvisor_btn {
text-align: center;
margin-top: 30px;
height: 47px;
overflow: hidden;
}

.TA_cdsratingsonlywide {
display: inline-block;
margin: 0 auto;
}

.dropdown-menu.mymenu img {
opacity: 0.6;
width: 37px !important;
margin: 0 auto;
display: inline-block;
}

.row.g-0.brdr_bt {
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
}
/* review_main */

.bg-dark-purple {
background: #fff;
background-size: 350px;
padding: 10px 0;
border-top: 1px solid #ddd;
color: #656684;
}

.guest_gallery{
padding: 70px 0;
background: #fff;
}

.guest_gallery .container-fluid{
max-width: 90%;
}

.gallery_item {
margin: 6px;
}

.gallery_item .image1 {
margin-bottom: 12px;
} 


.gallery_item img {
height: 300px;
object-fit: cover;
border-radius: 0px;
}


.owl-nav {
position: absolute;
top: 46%; 
width: 100%;
}

.owl-carousel .owl-nav button.owl-next {
border: none;
padding: 0 !important;
font: inherit;
color: #fff;
position: absolute;
right: -25px;
width: 55px;
height: 55px;
background: #3eb885;
border-radius: 10%;
font-size: 31px;
}
.owl-carousel .owl-nav button.owl-prev  {
background: 0 0; 
color: inherit; 
border: none; 
padding: 0 !important;
font: inherit;
left: -25px;
width: 55px;
height: 55px;
color: #fff;
position: absolute;
background: #3eb885;
border-radius: 10%;
font-size: 31px;
}

.footer_top {
/*! background: #dcf3f9; */
padding: 39px 0;
border-bottom: 1px solid #e1f2f6; 
}
.footer_top .flogo {
width: 300px;  
} 

.fcolum1 {   
height: 694px;
margin-bottom: -60px; 
/*! display: flex; */
overflow: hidden;
transform: perspective(-431px);
width: 100%; 
}

.fcolum1 img {   
object-fit: cover;
object-position: 51% 8%; 
border-radius: 16px;
width: 100%;
height: 100%;
}
.fcolum2 { 
height: 500px;
margin-bottom: -10px;
overflow: hidden;  
transform: translateY(80px);
}
.fcolum2 img {
object-fit: cover;
border-radius: 16px;
width: 100%;
height: 100%;
}

.footer-cta-wrap {
background-color: var(--khaki);
text-align: center;

flex-direction: column;
align-items: center;
display: flex;
overflow: hidden;
transform: perspective(400px);
}
.Scdtail {
background: #b8e0e1; 
padding: 100px 9% 100px;
border-radius: 16px; 
margin-top: 180px; 
display: flex;
flex-direction: column;
align-items: center;
}

.Scdtail img {
margin: 0 0 16px 0;
}

.linkDv a {
display: block;
color: #13205d;
font-size: 26px;
margin: 0 0 16px 0;
}
.linkDv a:hover{
color: #13205d;
font-weight: 600; 
}
.linkDv a:last-child{ 
margin: 0 ;
}

.faqs_main{
padding: 50px 0;
} 
.accordion-button {
font-weight: 500; 
color: #003c29;
font-size: 18px; 
border: none;  
padding: 25px; 
border-radius: 0;
background: transparent;
letter-spacing: -.0175em !important;
}

.accordion-item {
background-color: #fff;
border: none; 
margin: 0 0 16px 0;
border-radius: 16px !important;
}

.accordion-button.collapsed {
border-bottom-width: 1px;
border-radius: 0 !important;
}

.accordion-button.collapse {
border-bottom-width: 0px;
}

.accordion-body {
text-align: left;
background: #fff;
padding: 1.25rem 1.875rem;
padding-top: 0; 
border-top: none;
border-radius: 0 0 0.625rem 0.625rem;
} 
.accordion-body p{
font-size: 15px; 
line-height: 34px; 
font-weight: 400; 
} 

.accordion-collapse {
border: none;
border-width: 0 1px; 
}

.accordion-button:not(.collapsed) {
color: #38b589;
border-radius: 0.625rem 0.625rem 0 0 !important;
background: #fff;
box-shadow: none;
border: none; 
border-bottom: none; 
padding-bottom: 12px;
}
.accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba(0,0,0)'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

} 
.accordion-item { 
overflow: hidden;
border: none;    
}

.accordion-button:focus { 
box-shadow: none;
}

.faq_iner {  
border-radius: 20.5rem; 
}

.main {
padding: 60px 0;
}

.inner_banner {
background: #08bf55 url(../images/patternn.png);
padding: 180px 0;
margin: 0;
border-radius: 0;
background-size: 20px;
padding-bottom: 124px;
position: relative;
z-index: 1;
min-height: 42vh;
}
.inner_banner::before {  
position: absolute;
left: 0;
bottom: 0; 
width: 100%;
height: 90px;
background: url(../images/innerbanner_shap.png);
background-repeat: no-repeat;
content: '';
z-index: 9;
}
.inner_banner img {
position: absolute;
width: 100%;
height: 100%; 
top: 0;
left: 0;
object-fit: cover;
z-index: -1;
opacity: 0.5;
}


.inner_banner h1 {
font-weight: 700; 
font-size: 45px; 
margin: 0 0 5px 0; 
color: #fff; 
text-transform: uppercase;
}

.inner_banner p {
font-size: 27px;
max-width: 700px;
line-height: 40px;
margin: 0 auto;
margin-top: 8px;
margin-bottom: 16px;
}


/* contact-us */
.C_itemD {
padding: 42px 30px;
text-align: left;
padding-left: 80px;
position: relative;
margin-bottom: 0; 
/*! background: #f5f9fe; */ 
border-radius: 0;
margin-left: 0;
border-bottom: 1px solid #dfdfdf;
margin-bottom: 0;
}

.C_itemD img {
margin: 0 0 10px 0;
position: absolute;
left: 0;
width: 50px; 
top: 30px; 
}

.C_itemD h4 {
font-size: 20px; 
font-weight: 600;
margin: 0 0 5px 0;
} 
.C_itemD h6 {
display: flex;
font-size: 20px;
}

.C_itemD h6 a {
margin: 0 0 0 10px;
}

.C_itemD p {
font-size: 16px; 
margin: 0 0 13px 0;  
line-height: 25px;
opacity: 0.6;
}  
.C_itemD a { 
font-size: 21px; 
font-weight: 500; 
color: #08bf55;   
display: block;
transition: 0.2s;
}
.C_itemD a:hover{
transition: 0.2s; 
text-decoration: underline;
text-decoration-thickness: 2px;
color: var(--main);
}


.btn_emailus {
display: block;
padding: 10px 15px;
background: var(--main);
border-radius: 100px;
color: #fff !important; 
text-decoration: none !important;
box-shadow: 0 11px 18px -8px rgb(23 92 255 / 60%);
transition: 0.3s;
text-align: center;
}
.btn_emailus:hover{ 
box-shadow:none;
transition: 0.3s;
}




.contact-form-wrap {
padding: 0 60px;   
border-radius: 0;   
/*! border-right: 1px solid #ddd; */
/*! background: #fff; */  
border-radius: 37px;
/*! margin-top: -90px; */ 
z-index: 9; 
position: relative; 
margin-bottom: 60px !important;
margin: 0 33px;
}   

.contact-form-wrap h2 {
font-weight: 600;
}

.contact-form-wrap textarea {
min-height: 100px;
}

.contact-form-wrap label{
font-size: 12px;
font-weight: 400;
margin: 0 0 5px 6px;
color: #77879e; 
} 

.contact-form-wrap h2 {
font-size: 38px;
font-weight: 500; 
margin-bottom: 25px;   
text-transform: capitalize;
}

.contact-form-wrap p {
font-weight: 400;
line-height: 24px; 
margin-bottom: 30px;
font-size: 16px; 
opacity: 0.8;
}


.contact-form-wrap .form-group {
margin-bottom: 10px;
position: relative;
}

.contact-form-wrap .form-group .form-control {
height: 55px;
border-radius: 0;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0 20px;
color: #000;
font-weight: 500;
font-size: 16px;
border: 1px solid #e5e5e5;
}


.form-select {
height: 55px;
border-radius: 10px;
/*! border: 2px solid rgb(207, 221, 238); */
outline: none; 
-webkit-box-shadow: none;  
box-shadow: none; 
padding: 0 20px; 
color: #546274;
/*! background: #f5f9fe; */
color: #000;
font-weight: 500;
font-size: 17px;
/*! font-family: poppins; */
padding-right: 32px;
border-radius: 0;
border: none;
} 



.contact-form-wrap .form-group .form-control::placeholder { 
color: #ddd;
}

.contact-form-wrap .form-group textarea.form-control {
padding-top: 14px;
height: 133px;  
}

.contact-form-wrap .btn {
height: 66px;
padding: 0; 
border-radius: 80px;
background: var(--main);
color: #fff;
font-weight: 600;
outline: none;
box-shadow: none;
padding: 0 60px;
display: inline-block;
margin-top: 5px;
width: 100%;
/* text-transform: uppercase; */
font-size: 20px;
/* letter-spacing: 1px; */
}
.dotted_ng {
background: #fff ;
background-position: center;
} 
.invalid-feedback {
position: absolute;
top: 8px;
right: 6px;
text-align: right; 
text-transform: uppercase;
font-size: 9px;
font-weight: 600;
letter-spacing: 1px;
}

.cdtillmp h3 {
font-size: 30px;
font-weight: bold; 
margin-bottom: 10px;
text-transform: capitalize;
}

.addressItem {
padding: 15px;
background: #fff;
border-radius: 10px;
}
.addressItem h3{
font-size: 20px;
text-transform: uppercase;
font-weight: bold;
color: #041367; 
}
.addressItem address{ 
font-weight: 400; 
position: relative;
padding-left: 20px;
}

.addressItem address i{ 
font-weight: 400;
color: #041367;
position: absolute;
padding-left: 0;
left: 0;
top: 1px; 
}

.main h3 {  
line-height: normal;
font-weight: 700;   
/*! font-size: 1.5625rem; */
text-transform: capitalize; 
margin-bottom: 27px;
color: #000; 
} 

.filter_section .form-select {
height: 43px; 
border: 2px solid rgb(207, 221, 238); 
padding: 0 20px;  
color: #00568c; 
font-size: 18px; 
margin-bottom: 12px;
}
.inner_banner.aboutinnerbanner {
padding: 45px 0;
} 
.services_inner p {
width: 100%; 
max-width: 100%;
}
.banner.services_inner {
background: #00568c;
position: relative;
}

.banner.services_inner img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1; 
opacity: 0.6;
}



.doctor_team {
padding: 60px 0;
padding-bottom: 0;
background-repeat: no-repeat;  
}
.doctor_team .image {
height: 440px;
background: #fef0c5;
/* overflow: hidden; */ 
border-radius: 24px;  
margin: 0 0 20px 0;
overflow: hidden; 
}

.doctor_team h3 {
font-weight: bold; 
font-size: 25px; 
margin: 0 0 -3px 0;
letter-spacing: 0;
text-align: center;
}
.doctor_team p {
font-size: 16px;
margin: 0;
text-align: center;
color: #686868; 
}
.doctor_team .image img {
width: 100%;
margin: 0 auto;
display: inherit;
height: 100%;
object-fit: cover;
}
.team_item {
margin: 35px 20px 24px 20px;
} 
.d_detaill { 
position: relative;
top: -49px;
background: #fff; 
padding: 30px;
width: 96%;
left: 2%;
border-radius: 11px;
box-shadow: rgba(50, 50, 93, 0.04) 0px 6px 12px -2px, rgba(0, 0, 0, 0) 0px 3px 7px -3px;
padding-bottom: 30px;
}

.img_dv {
overflow: hidden;
border-radius: 20px;
/*! background: #0b80c3; */
padding: 22px;
}



.af_item img{
height: 300px;
border-radius: 14px;
} 
.af_item h3 {
text-align: center;
color: #555;
font-size: 28px; 
font-weight: 600;
margin: 0 0 14px 0;
font-family: Space Grotesk;
}

.imgheading {
min-height: 70px;
position: relative;
padding-left: 80.5rem;
display: flex;
align-items: center;
margin-bottom: 1.25rem;
}

.full_content{
padding: 60px 0;
}

th {
font-size: 20px;
padding: 8px 25px !important;
color: #fff;
}
.table-bordered > :not(caption) > * > * {
border-width: 0 1px;
font-size: 20px;
padding: 18px 22px;
}

.video {
position: relative;
left: 0;
top: 0;
width: 100%;
height: 100%;  
z-index: -1;
height: 90vh;
position: absolute;
opacity: 0.9;
}
video {
width: 100%; 
height: 100%; 
position: absolute;
/*! transform: scale(1.5); */    
z-index: -1; 
left: 0;
top: 0;
object-fit: cover;
}
.justify-content-center {   
position: relative;
z-index: 9;
}
.chkbxDV{
margin: 0 0 20px 0;
}
.chkbxDV label{
margin: 0;
color: #2d2d4f; 
font-weight: 600; 
}
.chkbxDV .form-check {
border: 1px solid #d0d0db;
border-radius: 10px;
padding: 3px 10px 4px 0;
padding-left: 2em; 
margin: 0 11px 11px 0; 
background: #e8e8eb;
color: #000;
}

.chkbxDV h5 {
font-size: 16px; 
margin-bottom: 18px;
font-weight: 400;
letter-spacing: 0.4px;
}

.chkbxDV .d-flex{
flex-wrap: wrap;
}


.main ul {
margin: 0.9375rem 0;
padding: 0;
margin-bottom: 1.5625rem;
}

.main ul li {
list-style: none;
margin: 0 0 0.375rem 0;
position: relative;
padding-left: 23px;
font-size: 1rem;
font-weight: 400;
color: #3c3c3c;
}

.main ul li b,
.main ul li strong {
font-weight: bold;
color: var(--main);
font-family: var(--H-family);

}



.main ul li a {
color: #000;

font-weight: 400; 
text-decoration: underline; 
}

.main ul li::before {
position: absolute;
content: '\F26E';
font-family: bootstrap-icons;
width: 1.25rem;
height: 1.25rem;
border-radius: 100%;
/* background: #0195b621; */
color: #555;
line-height: 21px;
left: -1px;
font-weight: bold;
text-align: center;
top: 0.3125rem;
font-size: 18px;
top: 3px;
}



.fixbt_mobile  {
width: 100%;
background: #ffffff;
padding: 0.625rem 0.8125rem;
position: sticky;  
font-size: 0.875rem; 
bottom: 0;
z-index: 5; 
transition: all .5s ease-in-out;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.875rem 20.5rem, rgba(0, 0, 0, 0.22) 0px 0.625rem 0.625rem;
z-index: 99;
} 
.apbtnxsfix {
background: #f2c9d1;
padding: 0.625rem 1.95rem;
color: #041367;
display: flex; 
align-items: center;
justify-content: center;
font-weight: bold;
white-space: nowrap;
overflow: hidden;
/* width: 21.875rem; */
border-radius: 60px;
font-size: 0.9125rem;
}
.apbtnxsfix i {
margin: 0 0.5rem 0 0;
/*! display: none; */
}
.fxinnr h6 {
width: 132px;
font-size: 0.75rem;
margin: 0 20.5rem 0 0;
display: flex;
align-items: center; 
} 
.fxinnr h6 img{
width: 33px;
font-size: 0.75rem;
margin: 0 0.625rem 0 0;
display: flex;
align-items: center;
}

.counstaltent_item {
padding: 50px 40px;
text-align: center;
background: #fff; 
border-radius: 22px; 
border: 1px solid #eee4d8; 
/*! box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; */
margin-bottom: 25px;
}

.counstaltent_item img {
width: 75%;
margin: 0 0 26px 0; 
} 
.counstaltent_item h3 {
/*! font-weight: 800; */ 
font-size: 26px;
color: #131514;
}

.priceM {
font-size: 24px;
margin: 0 0 15px 0;
font-weight: 600;
text-decoration:none
}
.priceM del { 
color: #5f5f5f;font-weight:400;	
} 
.priceM ins{color: #ff6464!important;text-decoration:none}
.counstaltent_item h5 {
font-size: 18px;
font-weight: bold;
color: #5a5a5b;
margin-bottom: 10px;
}
.counstaltent_item p {
font-size: 14px; 
color: #5a5a5b;
line-height: normal;
margin-bottom: 30px;
}

.modal-body p{
text-align: left;
}

.modal-content {
padding: 40px;
}
.modal-body h3 { 
text-align: left;
}
.details  {
font-size: 18px;
font-weight: 500;
letter-spacing: inherit;
color: #212c60;
line-height: 30px;
}
.btn-close {
position: absolute;
top: -10px;
right: -10px;
z-index: 9;
background-color: #fff;
width: 30px;
height: 30px;
border-radius: 100%;
opacity: 1;
background-size: 14px;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}


.form_maincounsaltant .contact-form-wrap .btn { 
width: auto;  
}

.form_maincounsaltant {
padding: 50px;
background: #fff;
}


@media screen and (min-width: 51rem) {
.doctor_team .cards {
gap: 0;
padding-bottom: 2.5rem;
}
}
.doctor_team .card {
position: relative;
cursor: pointer;
border-radius: 20px;  
overflow: hidden;
}
.doctor_team .card h3,
.doctor_team .card p {
text-transform: capitalize;
}
.doctor_team .card h3 {
font-size: clamp(1rem, 0.9167rem + 0.2667vw, 1.25rem);

color: #f6f6f6;
font-weight: bold;
}
.doctor_team .card p {
font-weight: 400;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-moz-box-orient: vertical;
line-height: 25px;
color: #fff;
opacity: 0.7;
max-width: 90%;
margin: 0 auto;
margin-top: 7px;
}
.doctor_team .card::before {
position: absolute;
content: "";
width: 5rem;
height: 6.25rem;
z-index: 0;
transition: 0.3s ease-in-out;
background: #f2709c;
background: -webkit-linear-gradient(to left, #ff9472, #f2709c);
background: linear-gradient(to left, #ff9472, #f2709c);
top: -0.375rem;
left: -0.375rem;
}
.doctor_team .card::after {
position: absolute;
inset: 0;
content: "";
width: 100%;
height: 100%;
background: #232526;
background: -webkit-linear-gradient(to bottom, rgba(65, 67, 69, 0.2), rgba(8, 8, 8, 0.9));
background: linear-gradient(to bottom, rgba(65, 67, 69, 0.2), rgba(8, 8, 8, 0.9));
}
.doctor_team .card img {
filter: grayscale(100%);
transition: 0.5s ease;
}
.doctor_team .card-content {
position: absolute;
bottom: 0;
z-index: 99;
left: 0;
color: #fff;
width: 100%;
padding: 1.875rem 1.25rem;
text-align: center;
}
.doctor_team .card-content ul {
display: flex;
align-items: center;
justify-content: center;
gap: 0.625rem;
margin-top: 1.25rem;
}
.doctor_team .card:hover img {
filter: grayscale(0%);
}
.doctor_team .card:hover::before {
transform: scale(1.03);
}
.doctor_team .card:nth-child(1)::before {
top: -0.375rem;
left: -0.375rem;
}
@media screen and (min-width: 31.25rem) {
.doctor_team .card:nth-child(2) {
transform: translatey(15%);
}
}
.doctor_team .card:nth-child(2)::before {
bottom: -0.375rem;
left: -0.375rem;
top: auto;
}
.doctor_team .card:nth-child(3)::before {
top: -0.375rem;
left: -0.375rem;
}
.doctor_team .bg-watermark {
color: #1f1f1f;
font-size: clamp(6rem, 1.3333rem + 14.9333vw, 20rem);
font-weight: 800;
position: absolute;
z-index: -1;
left: 50%;
transform: translatex(-50%) translatey(-15%);
user-select: none;
letter-spacing: 0.5rem;
}

.doctor_team .card .btn_theme {
border: 1px solid #f2c9d1;
transition: 0.4s;
text-align: center;
padding: 0 25px;
font-size: 15px;
height: 39px;
background: transparent;
color: #f2c9d1;
display: inline-block;
font-weight: 600;
white-space: nowrap;
line-height: 35px;
border-radius: 50px;
}


.how_wework {
padding: 60px 0;
}

.whychoose { 
padding: 100px 0; 
background: #b8ffd6;     
position: relative;
/*! overflow: hidden; */ 
min-height: 80vh;
display: flex;
align-items: center;
}
.whychoose h2 {
/*! color: #fff; */
}

.whychoose p {
font-size: 14px; 
color: #8cb5a2;
line-height: 23px;
}

.whychoose ul {
margin: 0;
padding: 0;
display: flex;
align-items: center;
}
.whychoose ul li {
margin: 0 0 32px 0;
padding: 25px; 
list-style: none;
position: relative;
text-align: center; 
width: 32%;
flex: 0 0 32%;
}
.whychoose ul h3 {
color: #05bd53;
font-size: 36px; 
text-transform: uppercase;
margin: 0 0 25px 0;
} 

.whychoose ul p {
max-width: 100%; 
color: #000; 
font-size: 16px;
}

.whychoose ul li img {
/*! position: absolute; */
left: 5px;
top: 9px;
width: 100px; 
margin: 0 0 31px 0;
transform: rotate(3deg); 
}
.imgrgt img {
position: absolute;
top: 14%;
right: -30%;
width: 37%;
opacity: 0.2;
}
.step {
font-size: 30px;
font-weight: bold;
font-family: inter;
width: 50px;
height: 50px;
border-radius: 100%;
background: #ddd;
line-height: 48px;
margin: 0 auto;
margin-bottom: 30px;
margin-bottom: 25px;
background: rgb(2, 0, 36);
background: linear-gradient(90deg, rgb(32, 177, 170) 0%, rgb(30, 143, 255) 100%);
color: #fff;
text-shadow: 0 1px 1px #000;
position: relative;
z-index: 1;
}

.step.step1::before {
position: absolute;
content: '';
width: 400px;
height: 2px;
border-bottom: 2px dashed #ddd;
top: 24px;
left: 50px;
z-index: -1;
}

.step.step2::before {
position: absolute;
content: '';
width: 400px;
height: 2px;
border-bottom: 2px dashed #ddd;
top: 24px;
left: 50px;
z-index: -1;
}

.footerbottomtxt {
text-align: center;
font-size: 294px;
text-transform: capitalize;
font-weight: bold; 
margin: 0;
position: absolute;
bottom: -86px;
left: 20%;
line-height: normal;
color: #66cd69;
opacity: 0.3;
}

.flogo{
max-width: 197px; 
margin: 0 auto;
margin-bottom: 31px;
}


/* blog */
.blog_main {
padding: 3.313rem 0; 
}



/* ------------------------------
  Post-card
------------------------------ */
.post-card {
background-color: #e6f5ef !important;
padding: 0;
border-radius: 1rem !important;
display: block; 
position: relative;
/*! -webkit-box-shadow: 0px 0.3125rem 1.25rem 0px rgba(69, 67, 96, 0.1); */
/*! box-shadow: 0px 0.3125rem 1.25rem 0px rgba(69, 67, 96, 0.1); */
overflow: hidden;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
margin: 0 11px;
margin-bottom: 2.5rem;
min-height: 21.313rem;
} 

.post-card-image {
/*! margin-top: -3.75rem; */
margin-bottom: 0;
position: relative;
border-radius: 0;
overflow: hidden;
position: relative; 
min-height: 220px;
max-height: 170px;
overflow: hidden;
background: var(--main);
background-repeat: no-repeat;
background-position: center;
/*! display: none; */
}

.post-card-image img {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
/*! transform: scale(2); */
}


.post-card:hover {
-webkit-transform: scale(1.03);
transform: scale(1.03);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.post-card-content .categorie {
margin-bottom: 0.8125rem;
margin: 0;
}

.post-card-content h5 {
margin: 1.25rem 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}

.post-card-content h5 a {
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
color: #145B46; 
font-weight: 600;
font-size: 18px; 
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin-top: 0.8125rem; 
font-family: Sora;
}

.post-card-content h5 a:hover {
color: var(--main);
text-decoration: underline;
}

.post-card-content p {
margin-bottom: 0.75rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
/*! display: none; */
margin-top: 0;
display: none;
}

.post-card-info ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
}

.post-card-info ul li:before {
display: none;
}

.post-card-info ul li {
font-size: 13px;
margin: 0;
padding: 0;
font-weight: 400; 
color: #616c68;
}

.post-card-info ul li a {
color: var(--heading_color);
font-weight: 400;
}


.post-card-info img {
width: 2rem !important;
height: 2rem;
border-radius: 50%;
margin-right: 1rem;
border: 1px solid #ddd; 
}

.post-card-info li {
margin-bottom: 0;
font-size: 0.8125rem;
color: #86939f;
text-transform: capitalize;
font-weight: 500;
}

.post-card-content {
padding: 1.5625rem;
}

.post-card-info li a:hover {
color: var(--main);
}

.dot {
width: 0.25rem;
height: 0.25rem;
background-color: var(--secondry);
border-radius: 50%;
display: block;
margin: 2px 6px !important;
}

.post-card-info li.dot {
margin: 2px 0.5rem !important;
}

/* ------------------------------
Categorie
------------------------------ */
.catogry {
display: flex;
overflow: auto;
scrollbar-width: none;
margin: -51px 0 0 0;
position: relative;
z-index: 1;
}

.catogry a {
color: var(--white);
display: inline-block;
margin: 0 0.625rem 0 0;
text-align: center;
font-size: 11px;
border-radius: 1.25rem;
font-weight: 500;
text-transform: capitalize;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
white-space: nowrap;
}


.catogry a:hover {
background-color: var(--main);
color: #ffffff !important;
}

/* blog */

/* blog-details */
.inner_blog_detailsBanner {
background: var(--main) url(../images/banner_bg.png);
padding: 3.125rem 0;
padding-bottom: 13.125rem;
background-size: cover;
background-position: center;
}

.image_blogdetails {
margin-top: -12.5rem;
}

.blog_inbnr h1 {
font-weight: 600;
letter-spacing: -1px;
}

.article-byline-content {
flex-grow: 1;
display: flex;
align-items: center;
}

.author-list {
display: flex;
flex-wrap: wrap;
margin: 0 0 0 0.25rem;
padding: 0;
list-style: none;
}

.article-byline-content .author-list {
justify-content: flex-start;
padding: 0 0.75rem 0 0;
margin: 0.625rem 0 0 0;
}

.author-list-item {
position: relative;
flex-shrink: 0;
margin: 0;
padding: 0 !important;
}

.author-list-item:before {
display: none;
}

.author-avatar {
display: block;
overflow: hidden;
margin: 0 -0.25rem;
width: 3.125rem;
height: 3.125rem;
border: 2px solid #fff;
border-radius: 100%;
transition: all .5s cubic-bezier(.4, .01, .165, .99) .7s;
}

.author-profile-image,
.avatar-wrapper {
display: block;
width: 100%;
height: 100%;
background: #e4eaed;
border-radius: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 0 !important;
margin: 0 !important;
}

.article-byline-meta {
color: #738a94;
font-size: 1.4rem;
line-height: 1.2em;
}

.article-byline-meta h4 {
margin: 0;
font-size: 0.875rem;
}
.article-byline-meta h4 a{
color: #000;
}
.stgln {
font-size: 1.25rem;
color: #888;
font-family: georgia;
font-style: italic;
}

.byline-meta-content {
font-size: 0.875rem;
font-weight: 400;
}

.blog_inbnr img {
border-radius: 0.625rem;
margin: 1.25rem 0;
} 

.post-share-section {
width: 100%;
padding-top: 1.875rem;
}

.post-share-section>small {
font-size: 0.9375rem;
font-weight: 600;
display: block;
margin-bottom: 1.2vh;
letter-spacing: 0.2px;
}

.post-share-wrap {
position: relative;
display: inline-flex;
/*! width: 100%; */
}

.post-share-wrap a:first-of-type {
border-radius: calc(0.625rem/1.5) 0 0 calc(0.625rem/1.5);
}

.post-share-wrap a {
display: flex;
align-items: center;
justify-content: center;
width: 80px;
height: 63px;
transition: background-color .15s ease;
background-color: #e7f4f8;
color: var(--main);
font-size: 1.375rem;
border-right: 1px solid #ddedf5;
transition: 0.2s;
}

.post-share-wrap a:hover {
background-color: #c3d7e8;
transition: 0.2s;
}

.post-share-wrap a:last-of-type {
border-radius: 0 calc(0.625rem/1.5) calc(0.625rem/1.5) 0;
border: none;
}

/* blog-details */





.how_wework ul {
margin: 0;
padding: 0;
position: relative;
}
.how_wework ul::before {
content: '';
left: 23px;
top: 0; 
height: 100%;
border-left: 2px dashed #33b28d;
width: 2px;
position: absolute;
}
.how_wework ul li {
margin: 0 0 32px 0;
padding: 0 0 0 80px;
list-style: none;
position: relative; 
}
.how_wework ul h3 {
color: #64cc6a;
font-size: 20px;
}

.how_wework ul p {
max-width: 85%;
line-height: 26px;
} 

.how_wework ul li img {
position: absolute;
left: 5px;
top: 9px;
width: 52px;
}
.number {
position: absolute;
left: -10px;
width: 68px;
height: 68px;
border-radius: 100%;
background: linear-gradient(117deg, rgb(212, 241, 211) 0%, rgb(255, 255, 255) 72%);
top: 0px;
text-align: center;
line-height: 68px;
font-weight: bold;
font-size: 23px;
}

.imggwrkk {
margin: 0 40px;
height: 440px;
overflow: hidden;
position: relative;
border-radius: 20px;
transform: translate(-.5rem,-1rem) rotate(2deg);
}
.imggwrkk img{
width: 100%;
height: 100%;
object-fit: cover;
}
.breadcrumb-item {
font-size: 12px;
}
.breadcrumb-item a {
color:#4d5e56;
}
.breadcrumb-item{
color:var(--main);
}
.breadcrumb{
margin: 0;
}
.imggaboutt {
margin: 30px 0;
margin-bottom: 50px;
}


.imggaboutt img {
height: 400px;
width: 100%;
object-fit: cover;
border-radius: 20px;
}
.main .services_item h3 { 
color: #1f664d;
}


.main .services_item { 
background: #e6f5ef;
}
.brand_main {
padding: 30px 0; 
}


.workwinner {
margin: 0;
padding: 50px;
border-radius: 34px;  
position: relative;
background-size: cover; 
background-repeat: no-repeat;
color: #fff;
z-index: 1; 
background-size: cover;
position: relative;
z-index:1 ;
overflow: hidden;
padding-top: 0;
}


.workwinner:before{
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; 
z-index:-1 ;
background-position: right;
background-size: contain;
background-repeat: no-repeat; 
}




.workwinner h2 {
font-size: 23px;
font-weight: bold; 
color: #000;
line-height: 36px;
text-transform: capitalize; 
}


.workwinner h2 span {
font-weight: 800;
}

.btn_theme_outline {
color: var(--main);
text-transform: capitalize;
padding: 14px 20px;
position: relative;
background: transparent;
border: 0;
border-radius: 11px;
display: inline-block;
font-size: 14px;
font-weight: 500;
transition: .4s;
border: 2px solid var(--main);
margin-left: 20px;
}

.btn_theme_outline:hover {
color: var(--white);
background: var(--main);
}

.workwinner .btn_theme {
/* border: 2px solid #f2c9d1; */
transition: 0.4s;
text-align: center;
padding: 0 25px;
font-size: 14px; 
height: 50px;
background: linear-gradient(117deg, rgb(8, 191, 85) 0%, rgb(19, 230, 107) 72%);
/*! color: #000; */ 
margin: 13px 0 0 0;
}
.imgscrll {
position: absolute;
width: 314px;
right: 0;
top: -290px;
}

.content_cta {
padding: 50px 0;
background: #05bc52;
position: relative;
background-size: cover; 
background-position: right;
}

.content_cta h2{
color: #fff;font-size:32px;
}
.content_cta .banner_btn {
margin-top: 15px;
}
.work_with_us {
background: #e6f5ef;position:relative;
}
footer .col-lg-4.nav{
display: block!important;
}

.linkss{
column-count: 2;
}


.image-container{
          perspective: 1000px;
  transform-style: preserve-3d;
  transition: transform 0.5s ease;
        animation: smoothShake 3s ease-in-out infinite;

}
  .scroll-tilt {
  width: 100%;
  height: auto;
  transform: translateY(50px);
  opacity: 0;
  transition: transform 0.6s ease, opacity 0.6s ease;
  will-change: transform;
}

.scroll-tilt.visible {
  transform: translateY(0px);
  opacity: 1;
}


.shopproduct {
padding: 0;
background: #fff;
min-height: 20vh; 
display: flex;
align-items: center;
position: relative; 
}
.shopduct {
padding: 50px 0;

}
.carousel-caption.d-none.d-md-block {
bottom: auto;
top: 50%;
transform: translateY(-50%);
text-align: left;
max-width: 42%;
left: 9%;
}


.veggie-section {
        padding: 0;
}

.burger-card {
border-radius: 0;
overflow: hidden;
transition: all 0.4s ease; 
cursor: pointer;
height: auto;
position: relative;
border: none;
height: 628px;
color: #333;
padding: 0;
}

    .burger-card:hover.purple-roots {
      background: linear-gradient(135deg, #9f0d5f 0%, #9f0d5f 100%) !important;
      color: white !important;
    }

    .burger-card:hover.maxican {
      background: linear-gradient(135deg, #b9101f 0%, #b9101f 100%) !important;
      color: white !important;
    }

    .burger-card:hover.falafel {
      background: linear-gradient(135deg, #725f20 0%, #725f20 100%) !important;
      color: white !important;
    }

    .burger-card:hover.lentilP {
      background: linear-gradient(135deg, #d9771a 0%, #d9771a 100%) !important;
      color: white !important;
    }

    .burger-card:hover.spanokopita {
      background: linear-gradient(135deg, #048c7f 0%, #048c7f 100%) !important;
      color: white !important;
    }
    .burger-card:hover.super-greens {
      background: linear-gradient(135deg, #00b05e 0%, #00b05e 100%) !important;
      color: white !important;
    }
    .burger-card:hover.bombay {
      background: linear-gradient(135deg, #f26c23 0%, #f26c23 100%) !important;
      color: white !important;
    }
    

    .burger-card:hover {
        /*! transform: translateY(-15px); */
        box-shadow: 0 25px 60px rgba(0,0,0,0.25);
    }

    .card-content {
        padding: 40px 20px;
        text-align: center;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .burger-title {
        font-size: 24px;
        font-weight: bold;  
        margin-bottom: 28px;
        text-transform: uppercase; 
        max-width: 70%;
        margin: 0 auto;
        margin-bottom: 25px;
    }

    .burger-description {
        font-size: 13px;
        margin-bottom: 25px;
        opacity: 0.7;
        line-height: 1.6; 
        max-width: 80%;
        margin: 0 auto;
        height: 63px;
        overflow: hidden;
    }

    .burger-card:hover .burger-description {
        opacity: 0.9;
        color: #fff;
    } 

.burger-image-container {
position: relative;
width: 71%; 
display: flex;
height: 300px;
margin: 0 auto 30px; 
overflow: hidden;
transition: all 0.4s ease;
justify-content: center;
align-items: center;
}

    .burger-card:hover .burger-image-container {
        border-color: rgba(255,255,255,0.5);
        transform: scale(1.1);
    }

    .burger-image {
        width: 100%;
        height: 100%;
        /*! object-fit: cover; */
        transition: all 0.4s ease;
    }

.burger-image.hover-image {
position: absolute;
top: 0;
left: 0;
width: 90%;
opacity: 0; 
}

    .burger-card:hover .burger-image.default-image {
        opacity: 0;
    }

    .burger-card:hover .burger-image.hover-image {
        opacity: 1;
    }

.shop-btn {
background: #f8f9fa;
border: 2px solid #dee2e6;
color: #495057; 
padding: 15px 6px;
border-radius: 30px;
font-weight: bold;
font-size: 1.1rem;
text-transform: uppercase;
letter-spacing: 1px;
opacity: 0;
transform: translateY(30px);
transition: all 0.4s ease;
display: inline-block;
width: 204px;
margin: 0 auto;
margin-top: 26px;
position: absolute;
left: 27%;
bottom: 21px;
/* transform: translateX(-50%); */
}
    .burger-card .shop-btn {
width: 50%;
left: 25%;
}

    .burger-card:hover .shop-btn {
        opacity: 1;
        transform: translateY(0);
        background: rgba(255,255,255,0.2);
        border-color: rgba(255,255,255,0.5);
        color: white;
    }

    .shop-btn:hover {
        background: #000 !important;
        border-color: #000 !important;
        color: white !important;
        transform: scale(1.05);
    }

    .section-title {
        text-align: center;
        margin-bottom: 70px;
    }

    .section-title h2 {
        font-size: 3.5rem;
        font-weight: bold;
        color: #2c3e50;
        margin-bottom: 25px;
    }

    .section-title p {
        font-size: 1.3rem;
        color: #7f8c8d;
        max-width: 700px;
        margin: 0 auto;
        line-height: 1.6;
    }
.fixed .navbar-light .navbar-brand img {
  max-height: 81px;
}
.dNonetb{display:none}
.dBlockTb{display:block}
    /* Mobile Responsive */
    @media (max-width: 991px) {
		
		.dBlockTb{display:none}
		.dNonetb{display:block}
		
		.content_cta h2{
color: #fff;font-size:24px;
}
        .burger-card {
            height: 450px;
            margin-bottom: 25px;
        }
        
        .burger-image-container {
            width: 180px;
            height: 180px;
        }
        
        .section-title h2 {
            font-size: 2.5rem;
        }
        
        .card-content {
            padding: 30px 15px;
        }
    }
.wpcf7 form .wpcf7-response-output{background:#fff!important}
#product_sliderr .owl-nav{display:none!important}
    @media (max-width: 767px) {
		.about_inner .text-end{text-align:center!important}
		.imgscrll{display:none;}
		.burger-card .shop-btn {
  width: 50%;
  left: 0%;
}
        .burger-card {
            height: 400px;
            margin-bottom: 20px;
        }
        
        .burger-image-container {
            width: 150px;
            height: 150px;
        }
        
        .section-title h2 {
            font-size: 2rem;
        }
        
        .burger-title {
            font-size: 1.5rem;
            margin: 0 0 15px 0; 
        }
        
.burger-description {
font-size: 11px;
height: 50px;
}
        
        .card-content {
            padding: 0;
        }
          
.shop-btn {
padding: 7px 2px;
font-size: 11px;
margin-top: 0;
width: 125px;
}
    }

    @media (max-width: 575px) {
        .veggie-section {
            padding: 0; 
        }
          
        .burger-card {
            height: 350px;
            border-bottom: 1px solid #ddd;
            margin: 0;
        } 
        
        .burger-image-container { 
            width: 160px;
            height: 160px;
            margin-bottom: 0;
        }
        
        .section-title {
            margin-bottom: 50px;
        }
    }
.col-lg-3.col-md-6.col-sm-12 {
border-right: 1px solid #ddd;
}

.carousel-control-next, .carousel-control-prev { 
width: 6%; 
}

.produvtinnerhp{
padding: 0;
} 
.carousel-caption {
bottom: auto;
top: 50%;
left: 10%;
transform: translateY(-50%);
max-width: 47%;
text-align: left;
}

.storyymain{
position: relative;
padding: 0;
background: #08bf55;
margin-top: 171px;  
} 

.storyymain::before {  
position: absolute;
left: 0;
top: -104px;
width: 100%;
height: 113px;
background: url(../images/our-story-top.png);
background-repeat: no-repeat;
content: '';
z-index: 9;
}

.storyymain::after {  
position: absolute;
left: 0;
bottom  : -104px;
width: 100%;
height: 113px;
background: url(../images/vrtclwavy.png);
background-repeat: no-repeat;
content: '';
z-index: 9;
}
.founder_imgg {
margin: 0 46px;
border-radius: 20px;
overflow: hidden;
}


    .recipe-card {
        background: rgba(255, 255, 255, 0.95);
        border-radius: 25px;
        overflow: hidden;
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
        position: relative;
        margin-bottom: 30px; 
        backdrop-filter: blur(10px);
        /*! border: 1px solid rgba(255, 255, 255, 0.2); */
    }
    
    .recipe-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,255,255,0.05));
        opacity: 0;
        transition: opacity 0.3s ease;
        pointer-events: none;
        z-index: 1;
    }
    
    .recipe-card:hover {
        transform: translateY(-15px) scale(1.02);
        box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2);
    }
    
    .recipe-card:hover::before {
        opacity: 1;
    }
    
    .recipe-image {
        position: relative;
        height: 280px;
        overflow: hidden;
    }
    
    .recipe-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.5s ease;
        filter: brightness(1.1) contrast(1.1);
    }
    
    .recipe-card:hover .recipe-image img {
        transform: scale(1.1);
    }
    
    .recipe-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient( 45deg, rgba(8, 191, 85, 0.67) 0%, rgba(8, 191, 85, 0.28) 100% );
        opacity: 0;
        transition: all 0.3s ease;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2;
    }
    
    .recipe-card:hover .recipe-overlay {
        opacity: 1;
    }
    
    .overlay-content {
        text-align: center;
        color: white;
        transform: translateY(20px);
        transition: transform 0.3s ease 0.1s;
    }
    
    .recipe-card:hover .overlay-content {
        transform: translateY(0);
    }
    
    .overlay-content i {
        font-size: 3rem;
        margin-bottom: 15px;
        display: block;
    }
    
    .overlay-content span {
        font-size: 1.1rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    
    .recipe-content {
        padding: 30px 25px;
        position: relative;
        z-index: 2; 
        text-align: center;
    }
    
    .recipe-title {
        font-size: 20px;
        font-weight: 700;
        color: #2c3e50;
        margin-bottom: 20px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }
    
    .recipe-stats {
        display: flex;
        justify-content: space-between;
        margin-bottom: 16px;
    }
    
    .stat-item {
        text-align: center;
        flex: 1;
    }
    
    .stat-circle {
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 10px;
        font-weight: 700;
        font-size: 1.1rem;
        color: #06be54;
        position: relative;
        overflow: hidden;
        border: 1px solid #ddd;
    }
    
    .stat-circle::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        /*! background: linear-gradient(135deg, #667eea, #764ba2); */
        transition: transform 0.3s ease;
    }
    
    .stat-circle span {
        position: relative;
        z-index: 1;
        margin: 0 10px 0 0;
    }
    
    .recipe-card:hover .stat-circle::before {
        transform: scale(1.2);
    }
    
    .stat-label {
        font-size: 0.9rem;
        color: #000;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        line-height: normal;
    }
    
    .make-it-btn {
        background: linear-gradient(135deg, #06be54 0%, #04bd53 100%);
        color: white;
        border: none;
        padding: 12px 31px;
        border-radius: 50px; 
        font-weight: 600;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 1px;
        transition: all 0.3s ease;
        width: auto;
        position: relative;
        overflow: hidden;
        z-index: 1;
    }
    
    .make-it-btn::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
        transition: left 0.5s ease;
        z-index: -1;
    }
    
    .make-it-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 10px 25px rgba(102, 126, 234, 0.4);
    }
    
    .make-it-btn:hover::before {
        left: 100%;
    }
    
    .floating-elements {
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 3;
    }
    
    .difficulty-badge {
        background: rgb(0, 0, 0);
        color: #05bf54;
        padding: 8px 15px; 
        border-radius: 20px;
        font-size: 0.8rem;
        font-weight: 600;
        backdrop-filter: blur(10px);
        border: 1px solid rgb(0, 0, 0);
    }
    
    @media (max-width: 768px) {
        .section-title h1 {
            font-size: 2.5rem;
        }
        
        .recipe-card {
            margin-bottom: 20px;
        }
        
        .recipe-content {
            padding: 20px;
        }
    }
    
    /* Animation keyframes */
    /* @keyframes float {
        0%, 100% { transform: translateY(0px); }
        50% { transform: translateY(-10px); }
    }
    
    .recipe-card:nth-child(odd) {
        animation: float 6s ease-in-out infinite;
    }
    
    .recipe-card:nth-child(even) {
        animation: float 6s ease-in-out infinite 3s;
    }
*/

.product-container {
        background: #fff;
        padding: 70px 0;
        border-radius: 13px;
    }

    .save-btn {
        position: absolute;
        top: 20px;
        left: 20px;
        background: #e74c3c;
        color: white;
        border: none;
        border-radius: 50px;
        padding: 8px 16px;
        font-size: 12px;
        font-weight: bold;
        cursor: pointer;
        transition: all 0.3s ease;
        z-index: 10;
    }

    .save-btn:hover {
        background: #c0392b;
        transform: scale(1.05);
    }

    .burger-section {
        position: relative;
        padding: 0 40px; 
        text-align: center; 
    } 

.burger-image {
width: 100%;
height: 100%;
filter: drop-shadow(2px 2px 6px rgba(0,0,0,0.2));
/*! max-height: 400px; */
object-fit: contain;
transition: transform 0.3s ease;
}

    .burger-image:hover {
       
    }

    .title-section {
        padding: 0;
        /*! background: white; */
    }

    .product-title {
        font-size: 40px; 
        font-weight: bold; 
      /*! color: #8e44ad; */
        margin-bottom: 20px;
        text-transform: uppercase;
    }

    .product-description {
        color: #6c757d;
        /*! font-size: 1.1rem; */
        line-height: 1.6;
        max-width: 80%; 
    }

    .ingredients-section {
        padding: 50px 40px;
        background: #f8f9fa;
    }

    .section-title {
        text-align: center;
        margin-bottom: 50px;
        font-size: 2.5rem;
        font-weight: bold;
        color: #343a40;
    }

    .ingredient-card {
        /*! background: white; */
        /*! border-radius: 20px; */
        padding: 0;
        text-align: center; 
        margin-bottom: 30px;
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        /*! box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); */
        position: relative;
        /*! overflow: hidden; */
        cursor: pointer; 
        border: 1px solid #bfe3d5;
    }

    .ingredient-card::before {
        /*! content: ''; */
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(142, 68, 173, 0.1), transparent);
        transition: left 0.5s ease;
    }

    .ingredient-card:hover::before {
        left: 100%;
    }

    .ingredient-card:hover {
        /*! transform: translateY(-15px) scale(1.03); */
        box-shadow: navajowhite;
        background: transparent;
    }

    .ingredient-image {
        width: 80px;
        height: 80px;
        margin: 0 auto 13px;
        /*! border-radius: 50%; */
        transition: all 0.3s ease;
        position: relative;
        /*! overflow: hidden; */
    }

    .ingredient-card:hover .ingredient-image {
        transform: rotate(360deg) scale(1.1);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    }

    .ingredient-image img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        /*! border-radius: 50%; */
    }

    .ingredient-name {
        font-weight: 600;
        color: #343a40;
        font-size: 14px; 
        margin-top: 15px;
        transition: all 0.3s ease;
    }

    .ingredient-card:hover .ingredient-name {
        color: #8e44ad;
        transform: scale(1.1);
    }



    @keyframes pulse {
        0% { transform: scale(1); }
        50% { transform: scale(1.05); }
        100% { transform: scale(1); }
    }

    .floating {
        animation: floating 3s ease-in-out infinite;
    }

    @keyframes floating {
        0%, 100% { transform: translateY(0px); }
        50% { transform: translateY(-10px); }
    }

    .ingredient-card:nth-child(even) {
        animation-delay: 0.5s;
    }

    .ingredient-card:nth-child(odd) {
        animation-delay: 0.2s;
    }

    /* Responsive Design */
    @media (max-width: 768px) {
        .product-title {
            font-size: 2rem;
        }
        
        .burger-section {
            padding: 40px 20px;
        }
        
        .ingredients-section {
            padding: 40px 20px;
        }
        
        .ingredient-card {
            margin-bottom: 20px;
        }
    }

    /* Special Effects */
    .sparkle {
        position: relative;
        /*! overflow: hidden; */
    }

    .sparkle::after {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, transparent 20%, rgba(255, 255, 255, 0.3) 20.5%, rgba(255, 255, 255, 0.3) 21%, transparent 21.5%);
        background-size: 20px 20px;
        animation: sparkle 4s linear infinite;
        opacity: 0;
        pointer-events: none;
    }

    .ingredient-card:hover.sparkle::after {
        opacity: 1;
    }

    @keyframes sparkle {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }

.product_select.mb-5 {
margin-bottom: 100px !important;
}


.productdetailss ul{
padding: 0;
margin: 33px 0 20px 0;
column-count:2;
flex-wrap: wrap;
gap: 31px;
display: flex;
}
.productdetailss ul li {
padding: 11px;
margin: 0 0 0 0;
list-style: none; 
break-inside: avoid;
text-align: left;
background: #06b45017;
/* box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px; */
border-radius: 59px;
position: relative;
padding-left: 74px;
min-height: 59px;
display: flex;
align-items: center;
flex: 0 0 44%;
}

.productdetailss ul li::before {
display: none;
}
.productdetailss ul li img{
width: 77px; 
/*! margin: -23px 0 -12px 0; */
position: absolute;
left: -13px;  
/* top: -13px; */
height: auto;
}


.productdetailss ul li span{
display: block; 
}

.productdetailss ul li a {
text-decoration: none;
font-size: 14px;
/*! font-weight: 300; */
display: flex; 
align-items: center; 
padding: 0;
/*! color: #04662d; */
} 
.main .menu_item:nth-child(odd) .product-container {
background-color: #e6f5ef; /* light gray */
}

.main .menu_item:nth-child(even) .product-container{
background-color: #fff; /* slightly darker gray */
} 

.main .menu_item:first-child .product-container {
padding-top: 0!important;
}

.category-card {
        border-radius: 15px;
        padding: 2rem;
        height: 360px; 
        position: relative;
        overflow: hidden; 
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        cursor: pointer;
        border: none;
        margin-bottom: 25px;
    }
    
    .category-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    }
    
    .category-card:hover .product-image {
        transform: scale(1.1) rotate(5deg);
        opacity: 1;
    }
    
    .category-card:hover .product-icon {
        opacity: 0;
    }
    
    .category-sofa {
        background: #fff;
        color: #495057;
    }
      
    .category-sneakers {
        background: linear-gradient(135deg, #cce7ff 0%, #b3d9ff 100%);
        color: #0066cc;
    }
    
    .category-toy-train-1 {
        background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%);
        color: #856404;
    }
    
    .category-toy-train-2 {
        background: linear-gradient(135deg, #f8d7da 0%, #f5c6cb 100%);
        color: #721c24;
    }
    
    .category-party {
        background: linear-gradient(135deg, #d1ecf1 0%, #bee5eb 100%);
        color: #0c5460;
    }
    
    .category-diamond {
        background: linear-gradient(135deg, #f8d7da 0%, #f5c6cb 100%);
        color: #721c24;
    }
    
    .category-label {
        font-size: 0.85rem;
        font-weight: 500;
        opacity: 0.8;
        margin-bottom: 0.5rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }
    
    .category-title {
        font-size: 1.8rem;
        font-weight: bold;
        margin-bottom: 1rem;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    
    .shopbtninner{
        position: absolute;
        bottom: 1.5rem;
        left: 2rem;
        background: rgb(0, 0, 0);
        color: white;   
        border: none;
        padding: 12px 23px; 
        border-radius: 50px;
        font-size: 15px; 
        /*! text-transform: lowercase; */
        letter-spacing: 0.5px;
        transition: background 0.3s ease;
        bottom: 29px;
        z-index: 9;
    }
    
    .shopbtninner:hover {
        background: rgba(0,0,0,1);
        color: white;
    }
    
    .product-icon {
        position: absolute;
        right: 1rem;
        bottom: 1rem;
        font-size: 4rem;
        opacity: 0.3;
        transition: all 0.3s ease;
    }
    
    .product-image {
        position: absolute;
        right: 1rem;
        bottom: 1rem;
        width: 58%;
        /*! height: 80px; */
        /*! opacity: 0; */
        transition: all 0.4s ease;
        transform: scale(0.8);
        border-radius: 10px;
        object-fit: cover;
    }
    
    .main-title {
        text-align: center;
        font-size: 2.5rem;
        font-weight: 600;
        color: #343a40;
        margin-bottom: 3rem;
    }
    
    .row-gap {
        gap: 1.5rem;
    }
    
    @media (max-width: 768px) {
        .category-card {
            height: 200px;
            padding: 1.5rem;
        }
        
        .category-title {
            font-size: 1.4rem;
        }
        
        .main-title {
            font-size: 2rem;
            margin-bottom: 2rem;
        }
    } 

.smboxproductt .product-image {
position: absolute;
right: 0;
bottom: 0rem;
width: 100%; 
transition: all 0.4s ease;
transform: scale(0.8);
border-radius: 10px;
object-fit: cover;
}

/* .rating-stars {
        display: flex;
        justify-content: center;
        gap: 10px;
        margin-bottom: 40px;
    } */

/*     .star {
        width: 25px;
        height: 25px;
        background: #ff69b4;
        border: 3px solid #fff;
        border-radius: 4px;
        transition: all 0.3s ease;
    }

    .star:hover {
        transform: scale(1.2);
        box-shadow: 0 0 20px rgba(255, 105, 180, 0.7);
    } */

    .soda-card {
        background: rgba(255, 255, 255, 0.95);
        border-radius: 25px;
        padding: 30px;
        margin: 20px 0; 
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        /*! box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); */
        position: relative;
        overflow: hidden;
        /*! box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px; */
        text-align: center;
    } 
.soda-card .product-title {
font-size: 18px; 
}

    .soda-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
        transition: left 0.6s ease;
    }

    .soda-card:hover::before {
        left: 100%;
    }

    .soda-card:hover {
        transform: translateY(-15px) scale(1.05);
        box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);
    }

    .can-container {
        position: relative;
        margin-bottom: 0;
    }

    .can-image {
        /*! width: 200px; */
        height: 280px;
        margin: 0 auto;
        border-radius: 15px;
        position: relative;
        transition: all 0.3s ease;
        overflow: hidden;
    }
.can-image img {
height: 100% !important;
width: 100%;
object-fit: contain;
}
    .soda-card:hover .can-image {
        transform: rotateY(10deg) rotateX(5deg);
    }

    .punch-pop {
        /*! background: linear-gradient(45deg, #87CEEB 0%, #E0F6FF 50%, #87CEEB 100%); */
        position: relative;
    }

    .alpine-blast {
        /*! background: linear-gradient(45deg, #32CD32 0%, #90EE90 50%, #32CD32 100%); */
    }

    .doc-pop {
        /*! background: linear-gradient(45deg, #FF1493 0%, #FFB6C1 50%, #FF1493 100%); */
    }

    .can-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        width: 90%;
    }

    .brand-logo {
        font-size: 24px;
        font-weight: bold;
        color: white;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        margin-bottom: 10px;
    }

    .flavor-name {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .punch-pop .flavor-name {
        color: #FF4500;
    }

    .alpine-blast .flavor-name {
        color: #0066CC;
    }

    .doc-pop .flavor-name {
        color: #FF1493;
    }

    .sugar-badge {
        background: white;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 10px auto;
        font-weight: bold;
        color: #666;
        font-size: 12px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    }

    .decorative-elements {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        pointer-events: none;
    }

    .bubble {
        position: absolute;
        background: rgba(255, 255, 255, 0.3);
        border-radius: 50%;
        animation: float 3s ease-in-out infinite;
    }

    @keyframes float {
        0%, 100% { transform: translateY(0px); opacity: 0.7; }
        50% { transform: translateY(-10px); opacity: 1; }
    }

    .mountain {
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        border-bottom: 50px solid #0066CC;
    }

    .mountain::after {
        content: '';
        position: absolute;
        left: -20px;
        top: 15px;
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-bottom: 35px solid #004499;
    }

    .heart {
        position: absolute;
        color: #FF69B4;
        font-size: 24px;
        animation: heartbeat 2s ease-in-out infinite;
    }

    @keyframes heartbeat {
        0%, 100% { transform: scale(1); }
        50% { transform: scale(1.2); }
    }

    .sun {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 30px;
        height: 30px;
        background: #FFD700;
        border-radius: 50%;
        box-shadow: 0 0 20px #FFD700;
    }

    .sun::before {
        content: '';
        position: absolute;
        top: -5px;
        left: -5px;
        right: -5px;
        bottom: -5px;
        background: radial-gradient(circle, transparent 60%, #FFD700 70%);
        border-radius: 50%;
    }

    .product-title {
        font-size: 33px;
        font-weight: bold;
        margin-bottom: 20px; 
    }

    .punch-pop-title { color: #00BFFF; }
    .alpine-blast-title { color: #32CD32; }
    .doc-pop-title { color: #FF1493; }

.buy-btn {
width: 100%;
padding: 12px;
border: none;
border-radius: 50px;
font-size: 14px;
font-weight: bold;
color: white;
text-transform: uppercase;
letter-spacing: 1px;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
/* width: 100%; */
display: block;
text-align: center;
}

    .buy-btn::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
        transition: left 0.5s;
    }

    .buy-btn:hover::before {
        left: 100%;
    }

    .punch-pop-btn {
        background: linear-gradient(45deg, #07B150, #08BF55);
    }
.buy-btn:hover {
        
color: #fff;}
    .punch-pop-btn:hover {
        background: linear-gradient(45deg, #0099CC, #6BB6D6);
        transform: translateY(-3px);
        box-shadow: 0 10px 25px rgba(0, 191, 255, 0.4);
    }

    .alpine-blast-btn {
        background: linear-gradient(45deg, #32CD32, #90EE90);
    }

    .alpine-blast-btn:hover {
        background: linear-gradient(45deg, #28A428, #7DD87D);
        transform: translateY(-3px);
        box-shadow: 0 10px 25px rgba(50, 205, 50, 0.4);
    }

    .doc-pop-btn {
        background: linear-gradient(45deg, #05BC52, #08BF55);
    }

    .doc-pop-btn:hover {
        background: linear-gradient(45deg, #E6127A, #FF9FB1);
        transform: translateY(-3px);
        box-shadow: 0 10px 25px rgba(255, 20, 147, 0.4);
    }

    @media (max-width: 768px) {
    
        .soda-card {
            margin: 10px 0;
            padding: 5px;
        } 
    }
.feature-icons {
        padding: 0;
    }
    
    .feature-card {
        display: flex;
        align-items: center;
        padding: 0;
        /*! background: white; */
        border-radius: 12px;
        box-shadow: none;
        margin-bottom: 10px;
    }
    
    .feature-icon {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 15px;
        font-size: 20px;
    }
    
    .feature-icon.delivery {
        background: linear-gradient(135deg, #ff6b6b, #ff8e8e);
        color: white;
    } 
    
    .feature-icon.local {
        background: linear-gradient(135deg, #4ecdc4, #45b7b8);
        color: white;
    }
    
    .feature-icon.chat {
        background: linear-gradient(135deg, #a8e6cf, #88d8a3);
        color: white;
    }
    
    .breadcrumb {
        background: transparent;
        padding: 0;
        margin: 20px 0;
    }
    
    .breadcrumb-item + .breadcrumb-item::before {
        content: ">";
        color: #6c757d;
    }
    
    .product-image {
        max-width: 100%;
        height: auto;
        border-radius: 12px;
    }
    
    .thumbnail-nav {
        display: flex;
        gap: 10px;
        margin-top: 20px;
    }
    
    .thumbnail {
        width: 60px;
        height: 60px;
        border: 2px solid transparent;
        border-radius: 8px;
        cursor: pointer;
        transition: border-color 0.3s;
    }
    
    .thumbnail.active {
        border-color: #28a745;
    }
    
    .btn-instacart {
        background: #28a745;
        border: none;
        color: white;
        padding: 15px 30px;
        border-radius: 8px;
        font-weight: 600;
        font-size: 16px;
        width: 100%;
        margin: 20px 0;
    }
    
    .btn-instacart:hover {
        background: #218838;
        color: white;
    }
    
    .popular-item {
        color: #dc3545;
        font-size: 14px;
        margin: 10px 0;
    }
    
    .browse-stores {
        background: #f8f9fa;
        padding: 15px;
        border-radius: 8px;
        text-align: center;
        margin: 20px 0;
        color: #6c757d;
    }
    
    .nutrition-table {
        /*! border: 1px solid #dee2e6; */
        border-radius: 16px;
        overflow: hidden;
        background: #fff;
    }
    
    .nutrition-header {
        background: #f8f9fa;
        padding: 15px;
        border-bottom: 2px solid #dee2e6;
    }
    
    .nutrition-row {
        display: flex;
        justify-content: space-between;
        padding: 14px 15px;
        border-bottom: 1px solid #dee2e6b2;
    }
    
    .nutrition-row:last-child {
        border-bottom: none; 
    }
    
    .nutrition-main {
        font-weight: bold;
        font-size: 13px;
    }
.nutrition-main strong{
font-weight: 400!important;
}
    
    .nutrition-sub {
        font-size: 14px;
        color: #6c757d;
        padding-left: 20px;
    }
    
    .daily-value {
        font-weight: bold;
    }
    
    .why-instacart {
        /*! background: #f8f9fa; */
        /*! padding: 40px 0; */
        margin-top: 40px;
    }
    
    .service-card {
        text-align: center;
        padding: 30px 20px;
        background: white; 
        border-radius: 12px;
        /*! box-shadow: 0 2px 8px rgba(0,0,0,0.1); */
        height: 100%;
    }
    
    .service-icon {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        margin: 0 auto 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 40px;
        color: white;
    }
    
    .service-icon.time {
        background: linear-gradient(135deg, #a8e6cf, #88d8a3);
    }
    
    .service-icon.store {
        background: linear-gradient(135deg, #ffd93d, #ffcd3c);
    }
    
    .service-icon.quality {
        background: linear-gradient(135deg, #74b9ff, #0984e3);
    }
    
    .category-tags {
        /*! background: white; */
        padding: 30px 0;
    }
    
    .category-tag {
        display: inline-block;
        background: #fff;
        padding: 8px 16px;
        margin: 5px; 
        border-radius: 20px;
        text-decoration: none;
        color: #495057;
        font-size: 14px;
        transition: background 0.3s;
    }
    
    .category-tag:hover {
        background: #e9ecef;
        color: #495057;
        text-decoration: none;
    }


.btn_lr { 
color: #000;
border: 2px solid #424242;
transition: background-color 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53),color 0.3s linear,border 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53);
padding:9px 28px;
border-radius: 50px;
font-size: 14px;
}
.btn_lr:hover {
background-color: #d54d4d;
color: #ffffff;
border: 1px solid #d54d4d;
}
.feature_main {
padding: 50px 0 0 0;
}
.feature_main .PoPular_Cate { 
text-align: center !important;
}
.welcome { 
text-align: center !important;
}
.welcome .PoPular_Cate { 
text-align: center !important;
}

.fItem_img {
max-height: 410px;
/*! min-height: 410px; */ 
position: relative;
transition: 0.4s;
}

.fItem_img::before{
content: '';
left: 0;
top: 0;
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.26);
}



.Fitem_text {
position: absolute;
top: 45%;
color: #fff;
left: 0;
width: 100%;
text-align: center;
transition: 0.4s;
}
.feature_item {
overflow: hidden;
transition: 0.4s;
}

.Fitem_text a{
padding: 10px 20px;
border:1px solid #fff;
color: #fff;
background: transparent;
display: inline-block;
transform: scale(0);
transition: 0.4s;

}
.Fitem_text a:hover{ 
border:1px solid #d54d4d;
color: #fff;
background: #d54d4d; 
transition: 0.4s;

}
.feature_item:hover .Fitem_text a {
transform: scale(1);
transition: 0.4s;
}
.feature_item:hover .fItem_img::before{ 
background-color: rgba(0, 0, 0, 0.493);
transition: 0.4s;
}



.Fitem_text h3{
margin: 0 0 20px 0;
position: relative;
  transition: 0.4s;
font-weight: 300;
}



.Fitem_text h3::before{
content: '';
position: absolute;
bottom: -13px;
height: 1px;
width: 0px;
background: #fff;
margin: 0 0 0 -18px;
  transition: 0.4s;
}
.feature_item:hover .Fitem_text h3::before{ 
width: 150px; 
  transition: 0.4s;
}

.feature_item:hover .Fitem_text h3{ 
margin: -14px 0 26px 0;
  transition: 0.4s;
}

.modal{
padding-right:0!important; 
}

.btn_buy_now{
font-size: 15px; 
height: 60px;
line-height: 57px; 
padding: 0; 
text-transform: uppercase;
/*! letter-spacing: 1px; */ 
font-weight: 500; 
} 
.btn_buy_now:hover{ 
color: #fff;
background: var(--main); 
transition: 0.3s;
border-color: var(--main);
}
.txt_about{
padding: 0 0 0 30px;
}

.core_value_main {
padding: 50px 0;
}
.txt_about h2{
font-size: 50px;
}
.blockquote p{font-weight:400!important;line-height:30px;
font-size: 16px!important;
font-style: italic;
}
.blockquote-footer {
  margin-top: 0rem;
  color: #6c757d;
}
.blockquote {
padding: 0 0 0 15px;
border-left: 4px solid #d54d4d;
}
.product_item{
display: flex;
align-items: center;
margin: 0 0 15px 25px;
}

.product_item h4{
font-size: 16px;
font-weight: 600;
margin-left: 20px;
}

.product_details .container-fluid{
max-width: 1920px;
}

.Product_detailS h3 {
font-weight: 300;
font-style: normal;  
font-size: 30px;
color: #000; 
display: block; 
margin: 0 0 6px 0; 
clear: both;  
font-weight: 700;
text-transform: capitalize; 
letter-spacing: -1px;
}

.Product_detailS h3 span {
display: block;
font-size: 20px;
font-weight: 200; 
line-height: 26px;
color: rgb(53, 53, 53);
margin: 10px 0 0 0; 
}

.Product_detailS h5{ 
font-weight: 300;
font-style: normal;
font-size: 14px;
color: #3eb7ce;  
display: block;
margin: 0 0;
clear: both;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
}
.carousel-inner {
margin-left: 0;
}
#Product_Detail_slider {
display: block; 
width: 100%; 
} 
/* new_product_slider */
.product_slider .carousel-indicators {
right: 0;
bottom: 0;
}

.product_slider .carousel-indicators li {
width: 70px;
border: 2px solid transparent;
height: 70px;
overflow: hidden; 
position: relative;
border-radius: 3px;
margin: 4px;
opacity: 1;
/*! box-shadow: 0 0 1px #000; */
/*! padding: 3px; */
margin-bottom: 0;
/*! background: transparent; */
}

.product_slider .carousel-indicators li img {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
width: 85% !important;
opacity: 1;
}

.product_slider .carousel-indicators li.active {
border: 2px solid var(--main); 
opacity: 1;
/*! background: transparent; */
}

.product_slider .carousel-item{ 
position: relative; 
min-height: 500px; 
}
.product_slider .carousel-item img{ 
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100% !important;
max-width: 100%;
max-height: 100%;
object-fit: contain;
height: 100%;
}



.product_slider .carousel-indicators {
position: relative;
margin: 0;
border: none;  
padding: 0; 
flex-wrap: nowrap;
background: transparent;
/*! display: block; */
max-height: 700px;
overflow: hidden;
overflow-y: scroll;
scrollbar-width: none;
}

.detail_slider_img {
width: 100%;
position: relative;
margin: 0 0 5px 0;   
} 
/* new_product_slider */

/* products-about-descriptions */

.card-header {
padding: 0;
margin-bottom: 0;
background-color: transparent;
border-bottom: none;
}

.accordion > .card {
border-radius:0;
border: none;
overflow: hidden;
margin: 0 0 30px 0;
}

.card-header .collapsed{
padding: 10px 20px;
width: 100%;
display: block;
background: #e9eef0;
border-bottom: 2px solid #3a6575;
font-size: 30px;
font-weight: 300;
  color: #3a6575;
}


.card-header a{
padding: 10px 20px;
width: 100%;
display: block;
background: #3a6575;
border-bottom: 2px solid #3a6575;
font-size: 30px;
font-weight: 300;
color: #fff;
}
.card-header a:hover{ 
color: #fff;
}

.card-header a h5{ 
font-size: 26px;
font-weight: 300;
letter-spacing: 1px;
}
.card-header a h5 .rotate-icon{ 
float: right;
transition: 0.6s;
transform: rotate(-180deg);
} 
.card-header .collapsed h5 .rotate-icon{  
transition: 0.6s;
transform: rotate(0deg);
} 
.card-header .collapsed:hover{
color: #000;
}

/* products-about-descriptions */
.top-pro_details {
position: fixed;
top: 0px;
left: 0;
width: 100%;
background: #f4f6f7;
border-top: 1px solid rgb(23, 23, 23);
transition: top 0.5s ease-in-out 0s;
z-index: 999999;
display: block;
}


.product_details {
padding: 50px 0; 
padding: 40px 0;
position: relative;
overflow: hidden; 
}  

.PCNt_MAIn{
display: flex;
align-items: stretch;
}
.pM_btn {
padding: 6px;
border: 1px solid #ddd;
background: #fff;
font-weight: 300;
position: relative;
height: 45px;
display: block;
width: 45px;
text-align: center;
font-size: 16px;
line-height: 45px;
padding: 0 0 11px 0;
color: #626262;
}

.pM_btn:hover{
background:#dfdfdf;
color: #555;
}


.p_Count{
width: 70px;
height: 45px;
border: 1px solid #ddd;
padding: 10px 15px;
}

.btn_banner { 
color: #fff;
padding: 0 35px;
border-radius: 0;
background: #222;
line-height: 45px;
margin: 0px;
text-transform: capitalize;
font-weight: 600;
letter-spacing: 0;
border: 1px solid #222;
transition: 0.3s;
border-radius: 50px;
font-size: 13px;
letter-spacing: 1px;
text-transform: uppercase;
height: 45px;
display: inline-block;
}

.btn_banner:hover {
color: #fff !important;
background: #464646;
text-decoration: none;
border-color: #777575;
transition: 0.3s; 
}

.pro_top_heading {
font-size: 20px;
font-weight: 600;
margin: 0 0 20px 0;
padding: 9px 19px 11px 19px;
background: #f0f0f0;
border-radius:0;
color: #4a4a4a;
}

.mt_50px {
margin-top: 50px;
}

.m_t50 {
margin-top: 23px;
}

.border1px_hover_img {
border: 1px solid #ddd;
padding-top: 30px;
padding-bottom: 30px;
}

.pad_lg0 {
padding: 0px !important;
}


.cp-ship-opt {
background: #f6f6f6;
padding: 2.4rem;
border-radius: 1rem;
}
.DeLiVeRy_tYpE {
margin: 20px 0 0 0;
padding: 10px;
}
.Prodiscount{
text-decoration: line-through;
font-size: 14px; 
margin: 0 9px 0 9px; 
}

.size_color{
margin: 15px 0;
}
.modal_no {
margin: 7px 0 13px 0;
}

.size_color .form-floating > .form-control, .form-floating > .form-select {
height: 37px;
padding: 0 0 0 17px !important;
font-size: 18px;
border-radius: 0;
border-radius: 60px;
}

.size_color h6{
text-transform: uppercase;
font-weight: bold;
margin: 0 0 9px 18px;
}
.bsBox.margin6px {
margin: 10px;
}

.chart_modal a{
color: #000;
text-transform: uppercase;
text-decoration: underline;
font-size: 15px;
}
.chart_modal h5 {
font-size: 16px;

margin: 0;
}

.phono {
position: fixed;
right: 12px;
bottom: 12px; 
z-index: 99;
}
.btn_call_fix {
border: none;
border-radius: 50px;
background: #25d366;
color: #fff;
font-size: 31px;
-webkit-box-shadow: 3px -7px 23px -11px rgba(0, 0, 0, 1);
-moz-box-shadow: 3px -7px 23px -11px rgba(0, 0, 0, 1);
box-shadow: 0px 0 37px -13px rgb(0, 0, 0);
height: 60px;
width: 60px;
line-height: 50px;
text-align: center;
display: inline-block;
border: 3px solid #18c458;
}
.btn_call_fix i {
margin: 0;
}

.cetogry {
padding: 0 0 50px 0;
}


.Catogry_item {
margin: 15px;
text-align: center;
}
.Catogry_item .image{
  border-radius: 100%;
  width: 100%;
  height: 191px;
  overflow: hidden;
  padding: 10px;
  background: #ddd;
  margin: 0 0 15px 0;
  border: 1px solid #ddd;
}
.Catogry_item .image img{
transform: scale(1.3);
}

.Catogry_item h3{
font-size: 16px;
font-family: roboto;
color: #515151;
}

.Catogry_item a{
display: inline-block;
}
.airebra_main {
padding: 12px 0;
}
.Product_detailS {
padding: 0 0 0 30px; 
margin-top: 0; 
text-align: left;  
position: relative;
z-index:1;
}
.Product_detailS .price {
font-size: 24px;
font-weight: bold;
color: #000;
margin: 0; 
white-space: nowrap;
display: flex;
align-items: center;
border-bottom: none;
padding-bottom: 0;
justify-content: start;
}
.size_main ul{
margin: 0;
padding: 0;
display: flex;
align-items: center;
}
.size_main ul li{
list-style: none;
}
.size_main ul li a {
display: inline-block;
padding: 0;
font-size: 15px;
font-family: roboto;
margin: 0 11px 0 0;
border: 1px solid #e0e0e0;
border-radius: 4px;
width: 40px;
height: 40px;
line-height: 38px;
text-align: center;
color: #999;
}
.size_main ul li a.active { 
border: 2px solid #000; 
color: #000;
font-weight: 600;
background: rgba(0,0,0,0.1);
}
.size_main ul li a:hover { 
border: 1px solid #000; 
color: #000; 
background: rgba(0,0,0,0.1);
}
.product-form{
font-family: roboto;
}
.product-form {
font-family: roboto;
margin: 0 0 9px 0;
display:block ;
font-size: 14px;
font-weight: 500;
}
.size_main{
margin-bottom: 20px;
}

.btn_buy_now{
font-size: 15px; 
height: 60px;
line-height: 57px; 
padding: 0; 
text-transform: uppercase;
/*! letter-spacing: 1px; */ 
font-weight: 500; 
} 
.btn_buy_now:hover{ 
color: #fff;
background: var(--main); 
transition: 0.3s;
border-color: var(--main);
}

.btn_buy_now {
font-size: 15px;
height: 60px;
line-height: 26px;
padding: 0;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 500;
}
.btn_buy_now {
font-size: 18px;
color: #000;
padding: 14px 0px; 
border-radius: 50px;
background: #fff;
border: none;
display: inline-block;
width: 100%;
margin: 0 0 14px 0;
text-align: center;
text-transform: capitalize;
font-weight: 500;
transition: 0.3s;
border: 2px solid #fff;
}
.product_details .price small {
font-size: 18px;
margin: 0 12px;
}
.price small {
font-size: 12px;
font-weight: 300;
color: #666;
text-decoration: line-through;
font-style: italic;
margin: 0 12px;
}
.single_add_to_cart_button {
font-size: 18px;
color: #000;
padding: 14px 0px; 
border-radius: 50px;
background: #fff;
border: none;
display: inline-block;
width: 100%;
margin: 0 0 14px 0;
text-align: center;
text-transform: capitalize;
font-weight: 500;
transition: 0.3s;
border: 2px solid #fff;
}
.offP {
font-size: 12px !important;
font-weight: 500 !important;
color: #25d366 !important;
}
.reviewflx {
margin: 0;
border: 1px solid #ddd;
border-radius: 40px;
display: inline-block;  
padding: 4px 22px;
background: #fbfbfb;
}
.reviewflx i{
color: green;
}

.imageboxnewturn {
display: flex;
margin: 5px 0;
text-align: center; 
padding: 0;
justify-content: space-evenly;
padding: 6px 0;
border-radius: 10px; 
}

.boximagetext .boxImage img {
height: 39px;
margin-bottom: 4px;
opacity: 0.67;
}
.boximagetext .perbox {
font-size: 13px;
text-align: center;
letter-spacing: 0px; 
color: #373737; 
text-transform: capitalize;
opacity: 1; 
}
.product_detailsbanner {
padding: 70px 0; 
background: #08bf55 url(../images/patternn.png);
background-size: 20px;
}

.btn_buy_now.active.w-100 {
background: #08b14e;
border-color: #08b14e;
}

.ingredientbox ul{
column-count: 2;
margin: 35px 0 0 0; 
} 

.ingredientbox ul li{
break-inside: avoid;
margin: 0 0 14px 0;
}

.ingredientbox{
padding: 60px 0;
}

.ingredientbox ol{ 
margin: 35px 0 0 0; 
}

.ingredientbox ol li{
break-inside: avoid;
margin: 0 0 20px 0;
}

.recipeimgg{
position: relative;
height: 250px;
width: 100%;
}
.recipeimgg {
position: relative;
height: 409px;
width: 100%;
border-radius: 20px;
overflow: hidden;
margin: -169px 0 43px 0;
}

.ingredientbox h2 {
text-align: center;
}

.navbar-expand-xl .navbar-nav .dropdown-menu { 
border-radius: 20px; 
padding: 20px; 
padding-top: 9px;
}
.dropdown-item {
font-size: 16px; 
}
.outlinlcbtn {
border: 2px solid #000;
width: 50px;
height: 50px;
padding: 0!important;
text-align: center;
border-radius: 100%;
line-height: 50px;
font-size: 23px!important;
margin: 0 0 0 10px;
}
.outlinlcbtn.dropdown-toggle::after {
display: none;
}
.outlinlcbtn span {
position: absolute;
top: -8px;
background: #000;
width: 30px;
height: 30px;
right: -10px;
font-size: 15px;
display: inline-block;
border-radius: 100%;
color: #fff!important;
line-height: 30px;
}

.logincartbtn{
display: flex;
}

.logincartbtn li{
list-style: none;
padding: 0;
position: relative;
}
.navbar-toggler { 
margin-left: 16px!important;
}

.logincartbtn li a{
color: #000;
}


.navbar-expand-xl .navbar-nav .nav-link {
font-weight: 500;}






/* login-form */
.form-control {
height: 60px;
margin: 6px 0 0 0;
}
.popover__inner {
padding: 45px;
min-height: auto;
text-align: left;
background: #fff;
margin: -145px 0 0 0;
position: relative;
z-index: 9;
border-radius: 15px;
}

.popover__inner p {
color: #9f9f9f;
}

.popover__inner h4 {
font-size: 22px;
margin: 0 0 8px 0;  
color: #000;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 1px;
}

.popover__inner .form-floating>.form-control,
.form-floating>.form-select {
height: 50px;
padding: 12px 0 0 10px;
font-size: 15px;
border-radius: 0;
border-color: #ddd;
margin: 0 0 10px 0;
background-color: #f7f7fc;
border: none;
}

.popover__inner .form-floating>label {
position: absolute;
top: 0;
left: 0;  
height: 100%;
padding: 13px 13px;
pointer-events: none;
border: 1px solid transparent;
transform-origin: 0 0;
transition: opacity .1s ease-in-out, transform .1s ease-in-out;
font-size: 15px;
color: #a9b1cb;
/*! letter-spacing: 0.7px; */
}

.popover__inner .form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
opacity: .65;
transform: scale(.75) translateY(-.5rem) translateX(.15rem);
}

.form__submit {
padding: 13px 10px !important;
display: inline-block;
width: 100%;
background: #05bc53;
color: #000 !important;
font-weight: 600;
text-transform: uppercase;
border-radius: 10px;
letter-spacing: 1px;
font-size: 14px;
text-align: center;
}
.form__submit:hover {
background: #05bc53;
}
.creat_acc_main {
padding: 16px 0 0 0;
}

.creat_acc_main p {
margin: 0 0 5px 0;
color: #888;
line-height: normal;
font-size: 12px;
}

.creat_acc_main p a {
margin: 0;
font-weight: 500;
margin: 0 0 0 6px;
color: #000;
}

.creat_account_div_main {
padding: 0;
}
.logininner_main {
padding: 40px 0;  
}
.btnlogsociual {
border: 1px solid #eeeeee;
width: 100%;
display: block;
color: #979797;
background: transparent;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
font-size: 11px;
padding: 13px 0;
}
/* login-form */


.contact_usFrm {
padding: 50px 0;
}

.contact_nS {
padding: 0;
margin: 0;
}

.contact_nS li {
list-style: none;
margin: 0 0 20px 0;
}

.contact_nS li a {
display: inline-block;
font-size: 18px;
font-weight: 600;
color: var(--secondry);
}

.contact_nS li a i {
color: var(--main);
margin: 0 10px 0 0;
}

.C_form {
padding: 45px;
background: #fff;
box-shadow: rgba(100, 100, 111, 0) 0px 7px 29px 0px;
border-radius: 17px;
position: relative;
text-align: center;
}

.C_form .sec_title h2 {
font-size: 30px;
margin: 0 0 23px 0;
}

.C_form .planePaper {
position: absolute;
right: 56px;
top: 32px;
width: 60px;
}

.C_form .form-floating>.form-control {
padding: 12px 15px 0 15px;
height: 50px;
border-radius: 10px;
background: #f7f7fc;
border: none;
color: var(--main);
font-weight: 600;
}

.C_form .form-floating>label {
padding: 16px 20px;
font-size: 14px;  
font-weight: 500;
color: #a9b1cb;
}

.C_form .form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
opacity: .65;
padding: 11px 13px;
font-size: 15px;
}

.C_form textarea {
padding: 22px 15px 0 15px !important;
}

.submit_btn {
color: var(--white);
text-transform: capitalize;
padding: 14px 41px;
position: relative;
background: var(--main);
border-radius: 11px;
display: inline-block;
font-size: 15px;
font-weight: 500;
transition: .4s;
}

.contact_main {
padding: 50px 0;
}

.submit_btn {
color: #fff;
text-transform: uppercase;
padding: 10px 41px;
position: relative;
background: var(--main);
border-radius: 0;
display: inline-block;
font-size: 13px;
font-weight: 600;
transition: .4s;
border: 2px solid var(--main);
letter-spacing: 1px;
}
.submit_btn:hover {
color: #fff;
}

.footer_social ul {
padding: 0;
}

.footer_social ul li {
padding: 0;
margin: 0;
list-style: none;
display: inline-block;
}

.footer_social ul li a {
padding: 0;
margin: 0;
color: var(--white);
width: 35px;
height: 35px;
display: inline-block;
line-height: 34px;
text-align: center;
font-size: 15px;
background: var(--black);
margin: 0 12px 0 0;
border-radius: 2px;
}

.txt_about {
padding: 0 0 0 30px;
}

.core_value_main {
padding: 50px 0;
}
.form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-select ~ label::after {

background-color:transparent;
}
.scrollspy_nav {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}
.scrollspy_nav li{
padding: 0!important;
margin: 0!important;
}
.scrollspy_nav li::before{
display: none;
}

.scrollspy_nav li a{
padding: 0!important;
margin: 0!important;
text-decoration: none!important; 
font-size: 13px;
text-align: center;
font-weight: 400 !important;
position: relative;
}
.scrollspy_nav li a::before{ 
position: absolute;
right: 0;
height: 100%;
width: 1px;
background: #ddd;
top: 0;left:-10px;
content: '';
}


.scrollspy_nav li a:hover{
color: #255923;
text-decoration: underline!important;
} 


.burgernavigation {
margin: 0 0 60px 0;
}

.button_patti {
background: #15b05f;
color: #fff;
margin-top: 100px;
padding: 30px 0;
height: 130px;
position: relative;
}
.btn_learn {
display: inline-block;
width: 100%;  
background: #fff;
text-align: center;
padding: 20px 0;
font-weight: 600;
color: #000;
letter-spacing: 0.2px; 
text-transform: uppercase;
border-radius: 50px;
width: 224px;
}
.imagepatti {
padding: 0;
margin: 0 auto;  
width: 50%; transform: translateY(-41%);text-align:center;
}
.maxicanproject h2.product-title { 
color: #ea1d2f;
} 
.maxicanproject .button_patti {
background: #c60011; 
}
.full_image{  
margin: 60px 0;
position: relative;
z-index: 1;
} 

.full_image::before{ 
position: absolute;
width: 100%;    
left: 0; 
top: -4%;
content: '';
background: #15b05f;
margin: 60px 0;
z-index: -1;
height: 86%;
}
.cooking-header {
        text-align: center;
        padding: 0; 
        font-weight: 600;
        font-size: 2rem;
        color: #212529;
    }
    
    .cooking-card {
        /*! background: white; */
        border-radius: 15px;
        padding: 0;
        text-align: center;
        /*! box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); */
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        height: 100%;
    }
    
    .cooking-card:hover {
        transform: translateY(-5px);
        /*! box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15); */
    }
    
    .icon-circle {
        width: 100px;
        height: 100px;
        margin: 0 auto 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: #08bf5524;
    }
    
    .icon {
        font-size: 38px;
        color: white;
    } 
    .method-title {
        font-size: 20px;
        font-weight: 600 !important;
        color: #212529;  
        margin-bottom: 9px !important;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    
    .method-description { 
        /*! color: #6c757d; */
        font-size: 1rem;
        line-height: 1.6;
    }


.card {
            border: none;
            box-shadow: none;
            border-radius: 15px;
            overflow: hidden;
        }
        .card-header {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            padding: 25px;
            border: none;
        }
        .nutrition-badge {
            display: inline-block;
            padding: 8px 16px;
            border-radius: 20px;
            font-weight: bold;
            margin: 5px;
            color: white;
        }
        .badge-fat { background-color: #ff9800; }
        .badge-saturates { background-color: #f44336; }
        .badge-sugars { background-color: #8bc34a; }
        .badge-salt { background-color: #ff9800; }
        .badge-energy { background-color: #9e9e9e; }
        .allergen-badge {
            background-color: #e91e63;
            color: white;
            border-radius: 50%;
            width: 30px;
            height: 30px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            margin-left: 10px;
        }
        .progress {
            height: 30px;
            font-weight: bold;
            font-size: 14px;
        }
        .energy-chart {
            max-width: 300px;
            margin: 0 auto;
        }
        .ingredient-box {
            background-color: #f8f9fa;
            padding: 20px;
            border-radius: 10px;
            border-left: 4px solid #667eea;
        }
 
        .table-hover tbody tr:hover {
            background-color: #f3e5f5;
        }
        .card-body h2{
          font-size: 20px!important;
          color: #000;text-transform: capitalize!important;
  margin: 0!important; font-weight:600!important
        }
.card-body th {
    font-size: 16px;
    padding: 4px 0 !important;
    /* color: #fff; */
}
 


 /* ── Scoped variables ── */
  :root {
    --rmb-green:       #00B140;
    --rmb-green-dark:  #009A38;
    --rmb-green-light: #E8F9EE;
    --rmb-black:       #111111;
    --rmb-white:       #FFFFFF;
    --rmb-radius:      16px;
  }

  /* ── Section wrapper ── */
  .rmb-section {
    padding: 50px 0;
  background: #b8ffd6;
    overflow: hidden;
    position: relative;
  }

  /* Decorative background dots */
  .rmb-section::before {
    content: '';
    position: absolute;
    top: -60px;
    right: -60px;
    width: 260px;
    height: 260px;
    background: radial-gradient(circle, rgba(255,255,255,.08) 1px, transparent 1px);
    background-size: 18px 18px;
    border-radius: 50%;
    pointer-events: none;
  }

  .rmb-section::after {
    content: '';
    position: absolute;
    bottom: -40px;
    left: -40px;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(255,255,255,.06) 1px, transparent 1px);
    background-size: 14px 14px;
    border-radius: 50%;
    pointer-events: none;
  }

  /* ── Headline ── */
  .rmb-headline {
  
    font-weight: 800;
    font-size: clamp(1.6rem, 4vw, 2.6rem);
    color: var(--rmb-white);
    text-transform: uppercase;
    letter-spacing: -0.5px;
    line-height: 1.2;
    margin-bottom: 20px;
    text-align: center;color: #000;
  font-family: var(--B-family);
  }

  .rmb-headline span {
    display: inline-block;
    background: var(--rmb-black);
    color: var(--rmb-green);
    padding: 2px 14px;
    border-radius: 6px;
    margin-left: 4px;
  }

  /* ── Carousel card ── */
  .rmb-carousel-wrapper {
    max-width: 820px;
    margin: 0 auto;
    position: relative;
  }

  .rmb-carousel .carousel-inner {
    border-radius: var(--rmb-radius);
    overflow: hidden;
  }

  .rmb-slide {
    padding: 48px 40px;
    min-height: 200px;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
  }
.rmb-slide img{max-width:72px;margin-bottom:10px;opacity:0.75}
  .rmb-slide-text {
  
    font-weight: 600;
    font-size: clamp(1.05rem, 2.5vw, 1.45rem);
    color: var(--rmb-black);
    line-height: 1.55;
    max-width: 640px;
    margin: 0 auto;
    opacity: 0;
    transform: translateY(12px);
    transition: opacity 0.5s ease, transform 0.5s ease;
  }

  .rmb-slide.active .rmb-slide-text,
  .carousel-item.active .rmb-slide-text {
    opacity: 1;
    transform: translateY(0);
  }

  /* Quote icon */
  .rmb-slide-icon {
    position: absolute;
    top: 18px;
    left: 24px;
    font-size: 2.4rem;
    color: var(--rmb-green);
    opacity: 0.18;
    font-weight: 900;
    line-height: 1;
    user-select: none;
  }

  /* ── Custom indicators (dots) ── */
  .rmb-indicators {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 32px;
    padding: 0;
    list-style: none;
  }

  .rmb-indicators button {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid #08BF55;
    background: transparent;
    padding: 0;
    cursor: pointer;
    transition: all 0.3s ease;
    opacity: 0.5;
  }

  .rmb-indicators button.active,
  .rmb-indicators button:hover {
    background:#08BF55;
    opacity: 1;
    transform: scale(1.2);
  }

  /* ── Navigation arrows ── */
  .rmb-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid #08BF55;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(4px);
    color:#08BF55;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
  }

  .rmb-nav-btn:hover {
    background: var(--rmb-white);
    color: var(--rmb-green);
    transform: translateY(-50%) scale(1.08);
  }

  .rmb-nav-prev { left: -64px; }
  .rmb-nav-next { right: -64px; }

  /* ── Progress bar ── */
  .rmb-progress-track {
    max-width: 820px;display:none;
    margin: 20px auto 0;
    height: 3px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 3px;
    overflow: hidden;
  }

  .rmb-progress-bar {
    height: 100%;
    background: var(--rmb-white);
    border-radius: 3px;
    width: 0%;
    transition: width 0.1s linear;
  }

  /* ── Counter badge ── */
  .rmb-counter {
    text-align: center; display:none;
    margin-top: 16px;
    font-family: 'Inter', 'Segoe UI', sans-serif;
    font-size: 0.85rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.6);
    letter-spacing: 2px;
  }

  .rmb-counter .rmb-current {
    color: var(--rmb-white);
    font-size: 1rem;
  }

  /* ── Responsive ── */
  @media (max-width: 991.98px) {
	  .shopduct {
padding: 0px 0 !important;
    display: block !important;
  }
	  .rmb-section {
	padding: 50px 0 40px;}


    .rmb-nav-prev { left: 8px; }
    .rmb-nav-next { right: 8px; }

    .rmb-nav-btn {
      width: 40px;
      height: 40px;
      font-size: 1rem;
      background:rgb(140, 246, 185);
      border-color: transparent;
    }

    .rmb-nav-btn:hover {
      background:#08BF55;
      color: var(--rmb-white);
    }
  }

  @media (max-width: 767.98px) {
   .rmb-section {
	padding: 40px 0 40px 0;}

    .rmb-headline {
      margin-bottom: 20px;
      padding: 0 16px;
    }

    .rmb-slide {
      padding: 36px 24px;
      min-height: 170px;
    }

    .rmb-nav-btn {
      display: none; /* swipe-only on mobile */
    }

    .rmb-carousel-wrapper {
      padding: 0 16px;
    }

    .rmb-progress-track {
      margin-left: 16px;
      margin-right: 16px;
    }
  }

  @media (max-width: 575.98px) {
    .rmb-slide {
      padding: 28px 18px;
      min-height: 150px;
      border-radius: 12px;
    }

    .rmb-slide-icon {
      font-size: 1.8rem;
      top: 12px;
      left: 16px;
    }
	  .rmb-nav-btn {display:none;}
  }

  /* ── Swipe hint (mobile only) ── */
  .rmb-swipe-hint {
    display: none;
    text-align: center;
    margin-top: 12px;
    font-size: 0.78rem;
    color: rgba(255, 255, 255, 0.45);
    font-family: 'Inter', 'Segoe UI', sans-serif;
    animation: rmb-swipe-pulse 2s ease-in-out infinite;
  }
.table-card {
            background: #fff;
            border-radius: 24px;
            padding: 1.8rem 1.5rem;
            height: 100%;
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02);
            border: 1px solid rgba(30, 77, 59, 0.04);
            transition: all 0.3s ease;
        }
        .table-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 12px 40px rgba(30, 77, 59, 0.05);
        }
        .table-card .table-icon {
            font-size: 2.2rem;
            color: var(--brand-pink);
            margin-bottom: 0.5rem;
            display: block;
        }
.table-card .table-icon img{max-width:72px;}
        .table-card h5 {
            font-weight: 700;
            font-size: 1.1rem;
        }
        .table-card p {
            font-size: 0.9rem;
           
            margin-bottom: 0;
            line-height: 1.5;
        }
.eyebrow{font-size: 12px;
  line-height: 14px;
  background: #88f6b6d9;
  border-radius: 20px;
  padding: 6px 8px;
  text-transform: none;
  margin: 0px;
  font-weight:500;}
  @media (max-width: 767.98px) {
    .rmb-swipe-hint {
      display: block;
    }
	  .eyebrow{font-size: 12px;
  line-height: 18px;
  background:transparent;
  border-radius: 20px; color:var(--hover);
  padding: 0px 0px;
  text-transform: none;
  margin: 0px;
  font-weight:500;}
  }

  @keyframes rmb-swipe-pulse {
    0%, 100% { opacity: 0.45; }
    50%      { opacity: 0.8; }
  }

  /* ── Transition override for smoother feel ── */
  .rmb-carousel .carousel-item {
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
 .diet-tag {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--brand-pink);
  background: rgba(8, 191, 85, 0.24);
  padding: 0.2rem 0.8rem;
  border-radius: 60px;
  display: inline-block;
  align-self: flex-start;margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}


		/* ═══════════════════════════════════════════════════
                   ZERO-PROMISE SECTION — FIXED
                   • 10px checker tiles (30×30 pattern)
                   • white text on green cards for contrast
                   ═══════════════════════════════════════════════════ */

        .zero-promise {
            width: 100%;
            padding: 60px 0 60px;
            position: relative;
            overflow: hidden;

            /* ── fallback ── */
            background-color: #fff;

            /* ── 10px × 10px checker: Red · Green · White ──
          
            background-size: 30px 30px;
            background-position: 0 0;

            /* ── subtle slide ── */
            animation: slideChecker 4s linear infinite;
            will-change: background-position;
        }

        @keyframes slideChecker {
            0% {
                background-position: 0 0;
            }
            100% {
                background-position: 30px 0;
            }
        }

        /* ── warm glow overlay (kept) ── */
        .zero-promise::before {
            content: '';
            position: absolute;
            inset: 0;
            background:
                radial-gradient(circle at 20% 30%, rgba(212, 163, 115, 0.05) 0%, transparent 60%),
                radial-gradient(circle at 80% 70%, rgba(212, 163, 115, 0.05) 0%, transparent 50%);
            pointer-events: none;
            z-index: 0;
        }

        /* ── content above background ── */
        .zero-promise .container {
            position: relative;
            z-index: 1;
            max-width: 1100px;
            margin: 0 auto;
            padding: 0 2rem;
        }

        /* ── "ZERO" bold band ── */
        .zero-band {
            background: linear-gradient(135deg, #d4a373 0%, #e8c9a0 50%, #d4a373 100%);
            border-radius: 4rem 4rem 4rem 0;
            padding: 0.5rem 2.8rem 0.5rem 3.2rem;
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            box-shadow: 0 12px 30px rgba(212, 163, 115, 0.30);
            margin-bottom: 2.25rem;
            transform: rotate(-1deg);
            transition: transform 0.3s ease;
        }

        .zero-band:hover {
            transform: rotate(0deg) scale(1.01);
        }

        .zero-band .zero-big {
            font-size: clamp(2.8rem, 8vw, 5.5rem);
            font-weight: 900;
            line-height: 1;
            color: #0d0d0d;
            letter-spacing: -0.04em;
            font-family: 'Inter', sans-serif;
        }

        .zero-band .zero-label {
            font-size: clamp(1rem, 2vw, 1.4rem);
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.15em;
            color: #0d0d0d;
            opacity: 0.8;
            padding-top: 0.3rem;
        }

        .zero-band .slash-icon {
            font-size: clamp(2rem, 4vw, 3.2rem);
            font-weight: 300;
            color: #0d0d0d;
            opacity: 0.25;
            margin: 0 0.1rem;
        }
.zero-promise .rmb-headline span {
  display: inline-block;
  background: #000;

  color: #08bf55;
  padding: 2px 14px;

  border-radius: 6px;

  margin-left: 4px;
}
        /* ── headline ── */
        .headline {
            font-size: clamp(1.6rem, 3.5vw, 2.8rem);
            font-weight: 700;
            color: #ffffff;
            letter-spacing: -0.02em;
            line-height: 1.2;
            margin-bottom: 2.5rem;
            text-shadow: 0 2px 12px rgba(0, 0, 0, 0.10);
        }
        .headline .accent {
            color: #e8c9a0;
            font-weight: 800;
        }

        /* ── 4‑col grid ── */
        .promise-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1.5rem 1.2rem;
        }

        /* ── each promise card ── */
        .promise-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            padding: 1.8rem 0.5rem 1.4rem;
            border-radius: 2rem;
           
            /* solid green background — text is white for contrast */
            border: 1px solid rgba(255, 255, 255, 0.18);
            backdrop-filter: blur(2px);
            transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            cursor: default;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
			
  background: #08bf55 url(../images/patternn.png);
   
  background-size: 19px;
        }

        .promise-item:hover {
            transform: translateY(-4px);
            border-color: rgba(255, 255, 255, 0.35);
            box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08);
          
            /* slightly brighter on hover */
        }

        /* ── "O" circle with slash ── */
        .promise-item .zero-circle {
            width: clamp(4.5rem, 10vw, 7rem);
            height: clamp(4.5rem, 10vw, 7rem);
            border-radius: 50%;
            border: 2px solid rgba(255, 255, 255, 0.30);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: clamp(2.2rem, 5vw, 3.6rem);
            font-weight: 800;
            position: relative;
            margin-bottom: 0.9rem;
            transition: all 0.3s ease;
            font-family: 'Inter', sans-serif;

            /* ── FIX: white text for visibility ── */
            color: #ffffff;
            background: rgba(255, 255, 255, 0.06);
        }

        /* ── slash through the circle ── */
        .promise-item .zero-circle::after {
            content: ''; display:none;
            position: absolute;
            width: 58%;
            height: 3px;
            background: #ffffff;
            transform: rotate(-22deg);
            border-radius: 4px;
            opacity: 0.50;
            transition: opacity 0.3s ease;
        }

        .promise-item:hover .zero-circle::after {
            opacity: 0.90;
        }

        /* ── label — FIX: white for contrast on green ── */
        .promise-item .promise-label {
            font-size: clamp(0.8rem, 1.2vw, 1.1rem);
            font-weight: 700;
            letter-spacing: 0.05em;
            text-transform: uppercase;
            line-height: 1.3;
            color: #ffffff;
            /* white text on green */
            text-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
        }

        .promise-item .promise-label span {
            display: block; display:none;
            font-weight: 400;
            font-size: 0.6em;
            opacity: 0.70;
            letter-spacing: 0.08em;
            margin-top: 0.2rem;
            color: #ffffff;
        }

        /* ── responsive ── */
        @media (max-width: 991px) {
            .zero-promise {
                padding: 50px 0 40px;
            }
            .promise-grid {
                gap: 1rem 0.75rem;
            }
        }

        @media (max-width: 767px) {
            .zero-band {
                padding: 0.4rem 1.5rem 0.4rem 2rem;
                border-radius: 3rem 3rem 3rem 0;
                margin-bottom: 1.75rem;
            }
            .zero-band .zero-big {
                font-size: clamp(2.2rem, 10vw, 3.2rem);
            }
            .zero-band .zero-label {
                font-size: 0.75rem;
                letter-spacing: 0.1em;
            }

            .promise-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 1.25rem 0.75rem;
            }
            .promise-item {
                padding: 1.4rem 0.25rem 1rem;
                border-radius: 1.5rem;
            }
            .promise-item .zero-circle {
                width: clamp(3.5rem, 12vw, 5rem);
                height: clamp(3.5rem, 12vw, 5rem);
                font-size: clamp(1.8rem, 5vw, 2.8rem);
            }
            .promise-item .promise-label {
                font-size: clamp(0.65rem, 1.8vw, 0.85rem);
            }
            .headline {
                font-size: clamp(1.3rem, 3vw, 1.9rem);
                margin-bottom: 1.8rem;
            }
        }

        @media (max-width: 420px) {
            .zero-promise {
                padding: 40px 0 30px;
            }
            .zero-band {
                padding: 0.3rem 1rem 0.3rem 1.5rem;
                border-radius: 2.5rem 2.5rem 2.5rem 0;
            }
            .zero-band .zero-big {
                font-size: clamp(1.8rem, 9vw, 2.6rem);
            }
            .zero-band .zero-label {
                font-size: 0.6rem;
                letter-spacing: 0.06em;
            }
            .headline {
                font-size: clamp(1.1rem, 5vw, 1.6rem);
            }
            .promise-grid {
                gap: 0.75rem 0.5rem;
            }
            .promise-item .zero-circle {
                width: clamp(2.8rem, 14vw, 4rem);
                height: clamp(2.8rem, 14vw, 4rem);
                font-size: clamp(1.4rem, 6vw, 2.2rem);
            }
            .promise-item .promise-label {
                font-size: clamp(0.5rem, 2vw, 0.7rem);
            }
        }

        /* ── entrance animations ── */
        @keyframes fadeUp {
            0% {
                opacity: 0;
                transform: translateY(24px);
            }
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }
        .zero-promise {
            animation: fadeUp 0.8s ease forwards;
        }
        .promise-item {
            opacity: 0;
            animation: fadeUp 0.6s ease forwards;
        }
        .promise-item:nth-child(1) {
            animation-delay: 0.10s;
        }
        .promise-item:nth-child(2) {
            animation-delay: 0.20s;
        }
        .promise-item:nth-child(3) {
            animation-delay: 0.30s;
        }
        .promise-item:nth-child(4) {
            animation-delay: 0.40s;
        }

        /* ── decorative glows ── */
        .glow-dot {
            position: absolute;
          width:100%;height:100vh;overflow:hidden;
            background:#20ba504a;
            pointer-events: none;
            z-index: 0;
        }
       
.nav-sections{border-top: 1px solid #b8c5c0;
  border-bottom: 1px solid #b8c5c0;}
.woocommerce div.product .product_meta a {
  font-weight: 500;
  color: #999;
}
.cooking-tip {
    display: flex;
    align-items: flex-start;
    gap: 10px; justify-content:center;

    padding:0;margin-bottom:28px;

    color: #000;
}

.tip-label {
    flex-shrink: 0;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.1em;
}

.cooking-tip p {
    font-size: 0.95rem;
    line-height: 1.6; color:#000;
}

.reason-card {
      background: #ffffff;
      border: none;
      border-radius: 16px;
      padding: 0.85rem 1.0rem 1.0rem;
      box-shadow: 0 8px 24px rgba(0,0,0,0.04);
      transition: transform 0.2s ease, box-shadow 0.2s ease;
      height: 100%;
    }
    .reason-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 14px 34px rgba(0,0,0,0.08);
    }
    .reason-card i {
      color: #08bf55;
      font-size:1.75rem;
      margin-bottom: 0rem;
      display: inline-block;
    }
    .reason-card h5 {
      font-weight: 600;
      margin-bottom: 0.00rem;
      color: #1e2b2f;font-size:16px;
    }
    .reason-card p {
      color: #4a5a60;
      font-size: 0.85rem;
      line-height: 1.6;margin-bottom:0px;
    }
 .cta-box {
      background: #08bf55;
      color: #fff!important;
      padding: 2.5rem 2rem;
      border-radius: 20px;
      box-shadow: 0 12px 30px rgba(230, 126, 34, 0.25);
    }
.cta-box h3, .cta-box p{color:#fff!important;}
    .cta-box .btn-outline-light {
      border-width: 2px;
      font-weight: 600;
      padding: 0.6rem 2.2rem;
      transition: all 0.2s;
    }
.cta-box p{font-size:0.85rem;}
    .cta-box .btn-outline-light:hover {
      background: #fff;
      color: #08bf55;
    }
    .cta-box .big-quote {
      font-size: 1.8rem;
      line-height: 1.2;
      opacity: 0.7;
    }
.form-section .form-label {
      font-weight: 500;
      color: #1e2b2f;margin-bottom:0px;
    }
    .form-section .form-control, 
    .form-section .form-select {
      border: 1px solid #dde3e6;
      border-radius: 8px;height:45px;
      padding: 0.7rem 1rem;
      background: #fcfcfc;margin-bottom:10px; margin-top:0px;
    }
    .form-section .form-control:focus, 
    .form-section .form-select:focus {
      border-color: #08bf55;
      box-shadow: 0 0 0 3px rgba(230, 126, 34, 0.2);
    }
    .btn-submit {
      background: #1e2b2f;
      color: #fff;
      border: none;
      border-radius: 50px;
      padding: 0.8rem 2.8rem;
      font-weight: 600;
      font-size: 1.1rem;
      transition: background 0.2s;
    }
    .btn-submit:hover {
      background: #08bf55;
      color: #fff;
    }
.storytextt .blockquote p {
  font-weight: 400 !important;
  line-height: 38px;
  font-size: 20px !important;
  font-style: italic;
}
.blockquote {
  padding: 0 0 0 15px;
  border-left: 4px solid #fcac13;
}
.blockquote-footer {
  margin-top: 0rem;
  color: #000;
  font-size: 22px;
}
 @media (max-width: 768px) {
	 .storytextt .blockquote p {
  font-weight: 400 !important;
  line-height: 30px;
  font-size: 16px !important;
  font-style: italic;
}
.blockquote {
  padding: 0 0 0 15px;
  border-left: 4px solid #fcac13;
}
.blockquote-footer {
  margin-top: 0rem;
  color: #000;
  font-size: 18px;
}
	 .pd-badges{justify-content:center;}
.cta-box { padding: 1.8rem 1.2rem; }}

.banner .carousel-caption {
		position: absolute;
		top: 50%;
		left: 5%;
		text-align: left;right:5%;
		max-width: 90%;
		transform: translateY(-50%);
		bottom: auto;padding:0px;
		z-index: 9;margin: 0 auto;
	}

	.carousel-indicators {
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 9999;}
	/* ─── MARQUEE WITH GREEN CHECKER & WHITE TEXT ─── */

.message-band {
    width: 100%;
    background: #fff;
}


/* Content */
.band-item {
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;

    padding: 12px 20px;

    background: #fff;

    color: #000;
    text-align: center;

    font-size: 0.90rem;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.015em;

}

.band-item:last-child {
    border-right: 0;
}




/* Tablet */
@media (max-width: 991.98px) {

    .message-band__content {
        padding: 12px 0;
        animation-duration: 4s;
    }

    .band-item {
       
        padding: 10px 12px;
    }
}


/* Mobile */
@media (max-width: 767.98px) {

    .message-band__content {
        padding: 10px 0 13px;
        animation-duration: 3s;
    }

    .band-item {
        min-height: auto;
        padding: 9px 15px;

        border-right: 0;
       
    }

    .band-item:last-child {
        border-bottom: 0;
    }
}


/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .message-band__content {
        animation: none;
    }
}

 /* ═══ ALL CLASSES & IDs ARE PREFIXED WITH "rsc-" ═══ */
        .rsc-wrapper {
            width: 100%;
            max-width: 1300px;
            height: 80vh;
            max-height:400px;
            border-radius: 28px;
            overflow: hidden;
            box-shadow: 0 40px 80px rgba(0, 0, 0, 0.7);
            position: relative;
            background: #1a1a1a;
        }

        .rsc-slides {
            position: relative;
            width: 100%;
            height: 100%;
        }

        .rsc-slide {
            position: absolute;
            inset: 0;
            display: flex;
            opacity: 0;
            z-index: 1;
            transition: opacity 0.9s ease;
            background: #1a1a1a;
        }

        .rsc-slide.rsc-active {
            opacity: 1;
            z-index: 2;
        }

        /* ─── Left Content ─── */
        .rsc-left {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 2rem 2.5rem;
            background: #fff;
            color: #1e1e1e;
            position: relative;
            overflow: hidden;
        }

        .rsc-left::before {
            content: '';
            position: absolute;
            top: -50%;
            right: -30%;
            width: 80%;
            height: 200%;
            background: radial-gradient(circle, rgba(212, 163, 115, 0.05) 0%, transparent 70%);
            border-radius: 50%;
            pointer-events: none;
        }

        /* ─── Layers ─── */
        .rsc-left .rsc-layer {
            opacity: 0;
            transform: translateY(40px) scale(0.96);
            transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1),
                        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
            will-change: transform, opacity;
            position: relative;
            z-index: 1;
        }

        .rsc-slide.rsc-active .rsc-layer:nth-child(1) {
            opacity: 1;
            transform: translateY(0) scale(1);
            transition-delay: 0.1s;
        }
        .rsc-slide.rsc-active .rsc-layer:nth-child(2) {
            opacity: 1;
            transform: translateY(0) scale(1);
            transition-delay: 0.3s;
        }
        .rsc-slide.rsc-active .rsc-layer:nth-child(3) {
            opacity: 1;
            transform: translateY(0) scale(1);
            transition-delay: 0.5s;
        }
        .rsc-slide.rsc-active .rsc-layer:nth-child(4) {
            opacity: 1;
            transform: translateY(0) scale(1);
            transition-delay: 0.7s;
        }


        .rsc-layer-title {
           
		font-weight: 600;
  font-size: 34px;
  color: var(--rmb-white);
  text-transform: none;
  letter-spacing: 0.5px;
  line-height: 1.2;
  margin-bottom: 0px;
  text-align: center;
  text-align: center;
  color: #000;

        }
     .rsc-layer-title  span {
 
}
        /* ─── Right Image ─── */
        .rsc-right {
            flex: 1;
            position: relative;
            overflow: hidden;
            background-size: cover;
            background-position: center;
        }

        /* Ken Burns zoom effect */
        .rsc-right::before {
            content: '';
            position: absolute;
            inset: -10px;
            background: inherit;
            background-size: cover;
            background-position: center;
            transform: scale(1.15);
            transition: transform 6s ease;
            will-change: transform;
        }

        .rsc-slide.rsc-active .rsc-right::before {
            transform: scale(1);
        }

       

       

        /* ─── Background images ─── */
       

        /* ─── Controls ─── */
        .rsc-controls {
            position: absolute;
            bottom: 2rem;
            left: 0;
            right: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 1.5rem;
            z-index: 20;
            padding: 0 2rem;
        }

        .rsc-controls button {
            background: rgba(255, 255, 255, 0.12);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.15);
            width: 48px;
            height: 48px;
            border-radius: 50%;
            font-size: 1.6rem;
            cursor: pointer;
            transition: background 0.3s, transform 0.2s;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #07b952;
            font-weight: 300;
            line-height: 1;
        }
        .rsc-controls button:hover {
            background: rgba(255, 255, 255, 0.25);
            transform: scale(1.08);
        }

        .rsc-dots {
            display: flex;
            gap: 0.8rem;
        }
        .rsc-dots span {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.25);
            cursor: pointer;
            transition: background 0.3s, transform 0.25s;
            border: 1px solid #07b952;
        }
        .rsc-dots span.rsc-active-dot {
            background: #07b952;
            transform: scale(1.3);
            border-color: #07b952;
        }

        /* ─── Responsive ─── */
        @media (max-width: 900px) {
			.banner .carousel-item {height:100vh}
            .rsc-slide {
                flex-direction: column;
            }
            .rsc-left {
                flex: 1.2;
                padding: 2rem 2rem;
            }
           
            .rsc-right {
                flex: 1;
                min-height: 240px;
            }
            
            .rsc-controls {
                bottom: 0.8rem;
                gap: 0.8rem;
            }
            .rsc-controls button {
                width: 40px;
                height: 40px;
                font-size: 1.2rem;
            }
			 .rsc-layer-title {
           
		font-weight:400;
  font-size: 18px;
  color: var(--rmb-white);
  text-transform: none;
  letter-spacing: 0.5px;
  line-height: 1.2;
  margin-bottom: 0px;
  text-align: center;
  text-align: center;
  color: #000;

        }
        }

        @media (max-width: 640px) {
			.rsc-slides {
  position: relative;
  width: 100%;
  height: 106%;
}
            .rsc-wrapper {
                height: 90vh;
                max-height: none; max-height:420px;
                border-radius: 16px;
            }
            .rsc-left {
                padding: 1.5rem;
                flex: 1;
            }
          
           
            .rsc-right {
                min-height: 240px;
                flex: 0.8;
            }
            
            .rsc-dots span {
                width: 10px;
                height: 10px;
            }
        }
/* ============================================
   BUNDAL OPTIONS – Scoped styles only
   No conflicts with other elements
   ============================================ */

.bundal-options {
    margin: 20px 0 25px;                   /* More breathing space */
    padding: 18px 20px;
    border: 2px solid #e0e0e0;             /* Slightly thicker border */
    border-radius: 8px;                    /* Softer corners */
    background: #fafafa;                   /* Light grey background */
    transition: border-color 0.3s ease;    /* Smooth hover effect */
}

.bundal-options:hover {
    border-color: #b0b0b0;                 /* Slight darkening on hover */
}

.bundal-options h4 {
    margin: 0 0 6px 0;
    font-size: 18px;
    font-weight: 700;
    color: #222;
}

.bundal-options p {
    margin: 0 0 14px 0;
    font-size: 14px;
    color: #666;
}

.bundal-options label {
    display: flex;                         /* Align checkbox & text */
    align-items: center;
    gap: 10px;                             /* Space between checkbox and label */
    padding: 6px 10px;
    margin-bottom: 4px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.2s ease;
    font-weight: 400;
    color: #333;
}

.bundal-options label:hover {
    background: #f0f0f0;                   /* Light highlight on row hover */
}

.bundal-options input[type="checkbox"] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;                        /* Prevent checkbox from shrinking */
    accent-color: #4CAF50;                 /* Modern green tick (works in modern browsers) */
    cursor: pointer;
    margin: 0;                             /* Remove default margin */
}

.bundal-options label strong {
    font-weight: 600;
    color: #111;
}

.bundal-options label .woocommerce-Price-amount {
    font-weight: 500;text-decoration: none;
}

.bundal-options label del .woocommerce-Price-amount {
    color: #999;
    font-size: 0.9em;
    text-decoration: line-through;
    margin-right: 5px;
}
.bundle-discount-table th{font-size:15px;}
.bundal-options label ins .woocommerce-Price-amount {
           font-size:18px;              /* Red price (sale) */
    font-weight: 700;
    text-decoration: none;
}

.bundal-options label .screen-reader-text {
    display: none;                         /* Hide screen-reader-only text from display */
}

/* Optional: Add a small "save" badge next to sale prices */
.bundal-options label ins::after {
    content: " (Save!)";
    font-size: 0.75em;
    color: #d9534f;
    font-weight: 600;
}