



.pp-product-section h2 {font-size:32px; line-height:1.1; letter-spacing: -0.23px;}

.pp-product-section h2,
.pp-product-section h3,
.pp-product-section h4,
.pp-product-section h5,
.pp-product-section h6,
.pp-product-section span,
.pp-product-section p, 
.pp-product-section strong,
.pp-product-section b
 {color:#2D3C6F}



.pp-product-section:not(.pp-ingredients):not(.pp-faq):not(.pp-static) h3:not(.pp-table) h3,
.pp-product-section h4,
.pp-product-section h5,
.pp-product-section h6 {font-weight: normal;}

.pp-product-section ol,
.pp-product-section:not(.pp-fact) ul {padding:0px; margin:0px 0px 0 30px; color:#2D3C6F}

.elementor-widget-container:has(> .pp-product-section:not(.pp-faq)) {border-radius: 8px;}

.pp-product-section.pp-intro .inner-holder {padding:20px; text-align: center;}
.pp-product-section.pp-intro h2 {margin-bottom:0px}
.pp-product-section.pp-intro h3, .pp-product-section.pp-intro h4 {margin-top:1rem}

.pp-faq-item-content {float:left; width:100%; margin-bottom: 5px;}
.accordion_btn {float:left; width:100%;padding: 10px 30px 10px 15px;font-weight: 600;background:#f1f3fa;border-radius: 4px;display: flex; justify-content: space-between; cursor: pointer;}
.accordion_btn h3 {color:#2D3C6F; font-size:18px; margin-bottom:0px; letter-spacing:-0.23px;}
.accordion_content h4 {color:#2D3C6F; font-size:18px; line-height:1.4; margin-bottom:0px; letter-spacing:-0.23px; font-weight:normal}


.accordion_content {float:left; width:100%; } 
.accordion_content {height: 0;transition: 0.4s;overflow: hidden;}

.accordion_content .inner-holder {float:left; width:100%; padding:10px 15px} 
.accordion_content p {margin-bottom:0.5rem} 
.accordion_content p:nth-last-of-child{margin-bottom:0rem !important}
.accordion_btn.open .icon-angle-down {transform: rotate(180deg);}


.button-right .pp-banner {display: flex;align-items: center;justify-content: space-between; }
.button-right .pp-banner .inner-holder {flex-grow: 1;padding: 20px;}
.button-right .pp-banner .cta-holder {flex-shrink: 0;}
.button-right .pp-banner a.banner-cta {margin:20px;float: none; }

.pp-banner a.banner-cta { float: none; text-align: center; padding:10px 20px}


.content-center .pp-banner {padding:20px}
.content-center .pp-banner .inner-holder {width: 100%; float:left; text-align:center;}
.content-center .pp-banner .cta-holder { float:left; width:100%; text-align:center}

.content-block .pp-banner {padding:20px}


.pp-testimonials  {padding:15px}
.pp-testimonials .pp-testimonials-item {text-align: center; padding:20px; border-radius: 8px; box-shadow:2px 2px 4px 2px #e3e3e3c4; margin-bottom:30px}
.pp-testimonials .pp-testimonials-item .pp-rating {text-align: center; width: 100%; display:flex; justify-content:center}


.pp-testimonials .pp-testimonials-item .pp-rating .stars {--percent: calc(var(--rating) / 5 * 100%);display: inline-block;font-size: 25px;font-family: Times;line-height: 1; position: relative}
.pp-testimonials .pp-testimonials-item .pp-rating .stars::before {content: "★★★★★";letter-spacing: -2px;background: linear-gradient(90deg, #fc0 var(--percent), rgba(0, 0, 0, 0.1) var(--percent));-webkit-background-clip: text;-webkit-text-fill-color: transparent;position: relative;z-index: 1;}

.pp-testimonials  .swiper-button-prev, .pp-testimonials .swiper-button-next {top:45%}
.pp-testimonials  .swiper-button-prev:after, .pp-testimonials .swiper-button-next:after {font-size:20px; color:#919191}


.pp-product-section.pp-intro {background: #F8FFEF;padding: 15px 0;width: calc(100% + 30px);margin-left: -15px;}

.pp-cik-cak {display: flex;align-items: stretch;}
.pp-cik-cak.image-right { flex-direction: row-reverse;}
.half-col .pp-cik-cak .col {max-width:50% !important; width:50% !important}
.pp-cik-cak .col {flex: 1; }
.pp-cik-cak .col.img {max-width: 30%;float: left; display: flex; align-items: center;}
.pp-cik-cak .col.img img {border-radius: 16px;}
.pp-cik-cak .col.content {width: 70%;display: flex;align-items: center;float: left;}
.pp-cik-cak .col.content .inner-holder {width: 100%;padding: 20px;font-size: 18px;line-height: 1.4;letter-spacing: -0.22px;color: #2D3C6F;}
.pp-cik-cak .col.content .inner-holder p:last-of-type {margin-bottom:0px !important;}

.pp-fact h2, 
.pp-fact h3,
.pp-fact h4 {text-align: center;} 
.pp-fact h3 {font-size: 20px;}
.pp-fact h4, 
.pp-fact-item .content {font-size:18px}

.pp-fact h4 {line-height: 1.2;} 


.pp-fact-items {display:flex;flex-wrap: wrap;list-style-type: none;margin: 20px 0 !important;float: left;width: 100%;}
.pp-fact-items li {width:50%}
.pp-fact-item {margin-bottom: 15px;}
.pp-fact-item .icon {float:left;width:40px;margin-right: 10px;}
.pp-fact-item .content {line-height: 1.2;margin: 0 6px;font-size: 18px;border-bottom: 2px solid #D6DDFB;padding-bottom: 15px;width: calc(100% - 70px);justify-content: flex-start;float: left;}


.pp-ingredients-items .pp-col .image {display:flex;}
.pp-ingredients-items .pp-col .image img {max-width: 200px;margin: 0 auto;border-radius: 50%;}

.pp-ingredients-items {display:flex; flex-wrap: wrap; gap:30px }

.pp-ingredients-items.elements-1 .pp-col  {display:flex; align-items: center;}
.pp-ingredients-items.elements-1 .pp-col .image {float:left; width:25%}
.pp-ingredients-items.elements-1 .pp-col .content-holder {float:left; width:75%; padding-left: 20px;}

.pp-product-section ol li::marker {font-weight: bold;}



.pp-ingredients-items.elements-2 .pp-col,
.pp-ingredients-items.elements-4 .pp-col{width:50%; float:left; flex:1 1 calc(50% - 30px)}

.pp-ingredients-items.elements-8 .pp-col,
.pp-ingredients-items.elements-10 .pp-col,
.pp-ingredients-items.elements-12 .pp-col{width:25%; float:left; flex:1 1 calc(25% - 30px)}

.pp-ingredients-items.elements-3 .pp-col,
.pp-ingredients-items.elements-5 .pp-col,
.pp-ingredients-items.elements-6 .pp-col,
.pp-ingredients-items.elements-7 .pp-col,
.pp-ingredients-items.elements-9 .pp-col,
.pp-ingredients-items.elements-11 .pp-col{width:33% !important; float:left; flex:1 1 calc(33% - 30px)}

.pp-ingredients-items.elements-5 .pp-col:last-child,
.pp-ingredients-items.elements-5 .pp-col:nth-of-type(4),
.pp-ingredients-items.elements-7 .pp-col:last-child,
.pp-ingredients-items.elements-11 .pp-col:nth-of-type(10),
.pp-ingredients-items.elements-11 .pp-col:last-child{max-width:33% }

.pp-ingredients-items .pp-ingredient-item .title {font-size:18px; color: #2D3C6F; letter-spacing:-0.23px; margin-bottom:0; padding:10px 0 0px 0}
.pp-ingredients-items .pp-ingredient-item .content {font-size:18px; color: #2D3C6F; font-weight:400; line-height:1.2}


.content-full .pp-cik-cak  {display:inherit}
.content-full .pp-cik-cak .col {width:100% !important; max-width: 100% !important; text-align: center !important; display: inherit !important;}


.pp-static .happy-customers {background:#A6C420; height:80px;}
.pp-static .happy-customers h2 {margin-bottom:0px;text-align: center;font-size: 32px;color:#fff;font-weight: bold;text-transform: uppercase;line-height: 80px;letter-spacing: -0.23px;}
.pp-static .happy-customers h2 span {width:100px; display:inline-block; color:#fff}


.pp-static .content-holder  {text-align: center; background:#FAFBFE; padding-bottom: 30px;}
.pp-static .content-holder img{max-width: 250px; margin:30px 0 20px}

.pp-static .content-holder .inner-holder {max-width:800px; margin:0 auto}
.pp-static .content-holder h3 {margin-bottom:0px;text-align: center;font-size: 32px;color:#2D3C6F;font-weight: bold;text-transform: uppercase;letter-spacing: -0.23px;line-height: 1.2;margin-bottom: 10px;}
.pp-static .content-holder p {font-size:18px; color:#2D3C6F; letter-spacing: -0.23px;}


.pp-table table th, .pp-table table td {border-bottom: 2px solid #D6DDFB;} 
.pp-table table th{background: #D6DDFB; color:#2D3C6F; font-size: 18px; font-weight: bold; text-transform: none; letter-spacing: -0.23px; padding:14px 10px;}
.pp-table table td {padding:10px; color:#2D3C6F; font-size: 18px; font-weight: normal; text-transform: none; letter-spacing: -0.23px;}
.pp-table table tr:nth-child(even) td {background:#F7F7F7}
.pp-table table tr:nth-child(odd) td {background:#ffffff}
.pp-table .table-small {float:left; width:100%; margin-top: -8px; margin-bottom:10px; font-size: 14px; font-weight: bold; text-transform: none; letter-spacing: -0.23px; line-height: 1.2;}
.pp-table p {margin-bottom: 0.4rem; font-size: 14px; letter-spacing: -0.23px; color:#2D3C6F;}


@media only screen and (max-width: 540px) { 

    .pp-ingredients-items  {display:inherit}
    .pp-ingredients-items.elements-1 .pp-col,
    .pp-ingredients-items.elements-2 .pp-col,
    .pp-ingredients-items.elements-4 .pp-col,
    .pp-ingredients-items.elements-8 .pp-col,
    .pp-ingredients-items.elements-10 .pp-col,
    .pp-ingredients-items.elements-12 .pp-col,
    .pp-ingredients-items.elements-3 .pp-col,
    .pp-ingredients-items.elements-5 .pp-col,
    .pp-ingredients-items.elements-5 .pp-col:nth-of-type(4),
    .pp-ingredients-items.elements-6 .pp-col,
    .pp-ingredients-items.elements-7 .pp-col,
    .pp-ingredients-items.elements-9 .pp-col,
    .pp-ingredients-items.elements-11 .pp-col,
    .pp-ingredients-items.elements-5 .pp-col:last-child,
    .pp-ingredients-items.elements-7 .pp-col:last-child,
    .pp-ingredients-items.elements-11 .pp-col:nth-of-type(10),
    .pp-ingredients-items.elements-11 .pp-col:last-child
    .pp-cik-cak .col, .pp-cik-cak .col .inner-holder {width:100% !important; min-width: 100%;}


    .pp-ingredients-items.elements-1 .pp-col  {display:inherit}
    .pp-ingredients-items.elements-1 .pp-col .image, .pp-ingredients-items.elements-1 .pp-col .content-holder  {width:100%}
    .pp-ingredients-items.elements-1 .pp-col .content-holder  {padding-left:0px}


    .pp-ingredients-items .pp-ingredient-item {margin-bottom:1.5rem}

    .pp-cik-cak {display:inherit;} 
    .pp-cik-cak .col, 
    .pp-cik-cak .col .inner-holder  {padding:0px !important;width: 100% !important;}
    .pp-cik-cak .col.img{ max-width:100%; margin-bottom:1rem}


    .pp-product-section.pp-intro .inner-holder {padding:0px}


    .pp-fact .container {padding-left:0px; padding-right:0px;}
    .pp-fact-item {}
    .pp-fact-item .content {}
    .pp-fact-item .icon {width:30px; height:30px;}

    .pp-ingredients-items .pp-ingredient-item .content p {margin-bottom: 0px;}
    .pp-ingredients-items .pp-ingredient-item {margin-bottom:0rem}
    .pp-ingredients-items .pp-col .image img {width:160px !important}

    .pp-static .happy-customers h2 {font-size: 20px;}
    .pp-static .happy-customers h2 span {width:63px !important}

    .pp-table table th {padding:8px 7px}
    .pp-table table td {padding:7px}


 }


 @media only screen and (max-width: 768px)  { 


    .pp-product-section h2 {font-size:28px;}
    .pp-fact h3 { font-size: 20px;line-height: 1.2;}
    .pp-cik-cak .col.content .inner-holder,
    .pp-fact-item .content, 
    .pp-ingredients-items .pp-ingredient-item .content, 
    .accordion_btn h3,
    .pp-table table td,
    .accordion_content h4{font-size: 16px;}

    .accordion_btn h3 {line-height:1.3}

    .pp-fact-items {display:flex;flex-wrap: wrap;list-style-type: none;margin: 20px 0;float: left;width: 100%;}
    .pp-fact-items li {width:100%;float: left;}

    .pp-static .content-holder h4{line-height:1.35}

 }

 @media only screen and (min-width: 541px) and (max-width: 992px)  { 

    .pp-ingredients-items  {display:flex; flex-wrap: wrap; gap:15px }
    .pp-ingredients-items.elements-2 .pp-col,
    .pp-ingredients-items.elements-4 .pp-col,
    .pp-ingredients-items.elements-8 .pp-col,
    .pp-ingredients-items.elements-10 .pp-col,
    .pp-ingredients-items.elements-12 .pp-col,
    .pp-ingredients-items.elements-3 .pp-col,
    .pp-ingredients-items.elements-5 .pp-col,
    .pp-ingredients-items.elements-6 .pp-col,
    .pp-ingredients-items.elements-7 .pp-col,
    .pp-ingredients-items.elements-9 .pp-col,
    .pp-ingredients-items.elements-11 .pp-col,
    .pp-ingredients-items.elements-5 .pp-col:last-child,
    .pp-ingredients-items.elements-7 .pp-col:last-child,
    .pp-ingredients-items.elements-11 .pp-col:nth-of-type(10),
    .pp-ingredients-items.elements-11 .pp-col:last-child{width:50% !important; min-width: 100%; float:left; flex:1 1 calc(50% - 15px) !important }

    .pp-ingredients-items .pp-ingredient-item {margin-bottom:1.5rem}
    
    
}


@media only screen and (min-width: 992px) and (max-width: 1440px)  { 

    .pp-ingredients-items.elements-12 .pp-col{width:33%; float:left; flex:1 1 calc(33% - 30px)}


}


@media only screen and (max-width: 1440px)  { 

    .pp-static .content-holder .inner-holder {max-width:100%; margin:0 auto}

}