/** Shopify CDN: Minification failed

Line 10:7 Expected ":"

**/
 /* custom-testimonial-slider */

.testimonials1 .card1 *{
margin: 0 !important;
padding 0 !important;
box-sizing: border-box !important;
} 
.testimonials1 {
text-align: center;
padding: 50px 20px;
}

.testimonials1 h1 {
font-size: 28px;
font-weight: 700;
margin-bottom: 40px;
}

.swiper {
padding-bottom: 40px;
}

.card1 {
background: #fff;
border: 1px solid #ddd;
border-radius: 12px;
padding: 20px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
text-align: center;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.img-placeholder1 {
width: 100%;
height: 350px;
background: #eee;
margin-bottom: 15px;
}
.img-placeholder1 img{
width: 100%;
height:100%;
    object-fit: cover;
}
.stars1 {
color: #11453c;
font-size: 18px;
margin: 10px 0;
}

.card1 h3 {
font-size: 18px;
font-weight: 700;
margin: 10px 0;
}

.card1 p {
font-size: 14px;
color: #444;
margin-bottom: 20px;
}

.buyer1 {
font-weight: bold;
font-size: 14px;
}

.buyer1 small {
display: inline-flex;
align-items:anchor-center;
gap: 4px;
font-weight: normal;
color: #777;
margin-top: 4px;
}

.swiper-pagination-bullet {
background: #ccc;
opacity: 1;
}

.swiper-pagination-bullet-active {
background: #11453C;
}




/* custom-features */


.features2 {
text-align: center;
}

.features2 h1 {
font-size: 28px;
font-weight: 700;
margin-bottom: 40px;
}

.features-grid2 {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 30px;
justify-items: center;
}

.feature-item2 {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}

.feature-item2 img {
max-width:100px;
max-height:100px;
width: 100%;
height: 100%;
margin-bottom: 10px;
}

.feature-item2 p {
margin: 0;
font-size: 17px;
color: #000;
}

@media (max-width: 768px) {
.features-grid2 {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
}







/* Custom bundle kit */



.kit-section3 {
text-align: center;
}

.section-title3 {
font-size: 28px;
font-weight: 700;
margin-bottom: 70px;
}

.kit-container3 {
display: flex;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap;
}

.kit-item3 {
position: relative;
flex: 1 1 0;        
min-width: 250px;    
max-width: 100%;     
background: #fff;
border: 1px solid #ddd;
border-radius: 12px;
padding: 40px 20px 20px;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
transition: transform 0.2s ease;
}

.kit-item3.first3 {
margin-top: -20px; 
padding-top: 60px; 
}

.kit-item3:hover {
transform: translateY(-5px);
}

.main-div3{
max-width:85%;
width:100%; 
margin:0 auto;
}

.img-div3{
/* width:60%;
height:175px;
margin: 0 auto; */
}

.img-div3 img{
width:100%;
height:auto;
max-width: 150px;
border-radius:20px;
}

.kit-item3 h3 {
font-size: 18px;
font-weight: bold;
margin: 15px 0 10px;
}

.kit-item3 p {
font-size: 17px;
color: #000;
}

.badge3 {
position: absolute;
top: -25px;
left: 50%;
transform: translateX(-50%);
background: #11453C;
color: #fff;
font-weight: bold;
border-radius: 50%;
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
font-size: 17px;
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.bundle3 span {
display: inline-block;
background: #11453C;
color: #fff;
padding: 12px 24px;
font-weight: bold;
border-radius: 30px;
font-size: 16px;
margin-top:20px;
}



/* Custom use guide */




.how-to-use4{
text-align:center;
}
.how-to-use4 h1 {
font-size: 28px;
font-weight:700;
margin-bottom: 30px;
}

.steps4 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-bottom: 30px;
}

.step-card4 {
background: #f1f1f1;
border-radius: 12px;
padding: 30px;
box-shadow: 0 2px 6px rgba(0,0,0,0.05);
text-align: left;
}

.step-badge4 {
display: inline-block;
background: #11453C;
color: #fff;
font-size: 16px;
font-weight: bold;
padding: 4px 10px;
border-radius: 4px;
margin-bottom: 10px;
}

.step-img4 img{
width:100%;
height:100%;
}

.step-card4 p {
font-size: 17px;
font-weight: bold;
margin: 15px 0 0 0;
color: #111;
}

.note4 {
font-size: 18px;
color: #000;
margin: 10px 0;
}
.note4 p{
margin:0;
}

.cta-btn4 {
display: inline-block;
background: #11453C;
color: #fff;
padding: 15px 35px;
font-size: 17px;
font-weight: 700;
border-radius: 30px;
text-decoration: none;
transition: background 0.3s ease;
}

/* .cta-btn4:hover {
background: #f02849;
} */

@media (max-width: 900px) {
.steps4 {
grid-template-columns: 1fr;
}
.step-card4 {
text-align: center;
}
}



/* Custom faq */




.faq-container5 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
margin: auto;
}

.faq-left5 h1 {
font-size: 28px;
font-weight: 700;
margin-bottom: 20px;
}

.faq-left5 p {
line-height: 1.6;
font-size: 17px;
color:#000;
}

.faq-right5 {
display: flex;
flex-direction: column;
}

.faq-item5 {
border-bottom: 1px solid #ddd;
padding: 18px 0;
}

.faq-question5 {
display: flex;
justify-content: space-between;
align-items: center;
font-weight: bold;
cursor: pointer;
font-size: 17px;
color: #000;
}

.faq-question5:hover {
color: #333;
}

.faq-answer5 {
max-height: 0;
overflow: hidden;
transition: max-height 0.8s ease, opacity 0.7s ease;
opacity: 0;
margin-top: 5px;
line-height: 1.6;
color: #000;
}

.faq-item5.active5 .faq-answer5 {
max-height: 200px;
opacity: 1;
}

.chevron5 {
border: solid black;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 5px;
transform: rotate(45deg);
transition: transform 0.3s ease;
margin-left: 15px;
}

.faq-item5.active5 .chevron5 {
transform: rotate(-135deg);
}

@media (max-width: 768px) {
.faq-container5 {
grid-template-columns: 1fr;
gap:5px;
}
.faq-left5{
text-align:center;
}
}



/* Custom comparison */


#comparison-section.comparison-section {
text-align: center;
}

#comparison-section .section-title {
font-size: 28px;
font-weight: 700;
margin-bottom: 30px;
}
 
#comparison-section .comparison-table {
display: flex;
justify-content: center;
border: 1px solid #ccc;
border-radius: 10px;
overflow: hidden;
max-width: 700px;
margin: 0 auto;
box-shadow: 0 3px 8px rgba(0,0,0,0.1);
}

#comparison-section .column {
flex: 1;
background: #f9f9f9;
}

#comparison-section .column.right6 {
background: #fff;
border-left: 1px solid #ccc;
}

#comparison-section .header6 {
font-weight: bold;
padding: 12px;
background: #e6e6e6;
}

#comparison-section .header6.highlight {
text-align:left;
background: #11453C;
color: #fff;
}

#comparison-section ul {
margin:0;
list-style: none;
padding: 15px;
text-align: left;
}

#comparison-section ul li {
font-size: 15px;
margin: 10px 0;
padding-left: 26px;
position: relative;
}
 
#comparison-section .bad::before {
content: "✖";
color: #f02849 !important;
position: absolute;
left: 0;
font-weight: bold;
}
 
#comparison-section .good::before {
content: "✔";
color: #9c27b0 !important;
position: absolute;
left: 0;
font-weight: bold;
}

#comparison-section .cta {
margin-top: 25px;
}

#comparison-section .cta-btn {
display: inline-block;
background: #11453C;
color: #fff;
padding: 12px 28px;
border-radius: 6px;
font-weight: bold;
text-decoration: none;
transition: background 0.3s ease;
}

/* #comparison-section .cta-btn:hover {
background: #f02849;
} */
@media (max-width: 768px) {
#comparison-section .none6{
width:100% !important;
background-color:white !important;
}
#comparison-section ul li {
font-size:13px;
}
#comparison-section .good::before {
font-size:10px;
}
}


/* custom-call-to-action */



.cta-section8 {
padding: 50px 0;
text-align: left;
border-top:1px solid #f1f1f1;

}

.stars8 {
color: #11453C;
font-size: 17px;
margin-bottom: 10px;
}

.stars8 span {
color: #333;
font-size: 17px;
margin-left: 6px;
}

.cta-title8 {
font-size: 28px;
font-weight: bold;
margin-bottom: 25px;
line-height: 1.4;
}

.cta-btn8 {
display: inline-block;
padding: 16px 28px;
font-size: 17px;
font-weight: bold;
background: #11453C;
color: #fff;
border: none;
border-radius: 40px;
cursor: pointer;
text-decoration: none;
transition: background 0.3s ease;
}

.cta-btn8:hover {
background: #11453C;
} 
.cta-price8 {
    margin-left: 10px;
}
.cta-price8 del{
font-size: 17px;
color: #B5B5B5;
/* text-decoration: line-through; */
}



/* Custom-ingredients */



.ingredients-title7 {
font-size: 28px;
margin-bottom: 40px;
font-weight: 700;
text-align:center;
}

.ingredients-grid7 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
}

.ingredient-card7 {
background: #f9f9f9;
border-radius: 16px;
overflow: hidden;
text-align: left;
display: flex;
flex-direction: column;
}

.ingredient-image7 {
width: 100%;
height: 250px;
object-fit: cover;
}
.ingredient-image7 img{
width:100%;
height:100%;
}

.ingredient-content7 {
padding: 20px;
}

.ingredient-title7 {
color: #004080;
font-size: 17px;
font-weight:600;
margin: 0 0 12px;
}

.ingredient-text7 {
font-size: 15px;
color: #004080;
margin: 0 0 15px;
line-height: 1.5;
}

@media (max-width: 900px) {
.ingredients-grid7 {
grid-template-columns: 1fr;
}
}