/**/
.pn-statistical{position: relative;overflow: hidden}
.pn-statistical .pn-title + .pn-wrapper{text-align: initial;}
.pn-content-body .pn-title + .pn-wrapper{max-width: inherit;}
.hidden-background{position: relative;display: inline-block;text-align: center;width: 900px;height: 900px}
.hidden-background:before{content: "";position: absolute;border-radius: 50%;left: 0;top: 0;width: 100%;height: 100%;background-image: url('../images/bg-faqs.png');background-repeat: no-repeat;background-size: 100%;}
.pn-group-img{position: relative;border-radius: 50%;aspect-ratio: 1 / 1}
.pn-group-img img{position: absolute;left: 50%;bottom: 220px;z-index: 1;transform: translateX(-50%);max-width: 100%;width:auto;height:auto}
.ingredient-list{position: relative;text-align: center;margin-top: 130px;max-height: 560px}
.ingredient-list .pn-item{position: absolute;margin-bottom: 0;z-index: 3;transform: translateY(-50%);aspect-ratio: 1;background-color: #fff;border-radius: 50%;min-width: 180px;display: flex;align-items: center;justify-content: center;box-shadow: 0 9px 20px rgba(6, 55, 135, .3);width: 180px;height: 180px}
.ingredient-list .col-center{transform: translateX(-50%);text-align: center}
.ingredient-list .pn-item div > span{display: block;font-size: 45px;line-height: 45px;font-weight: bold;color: var(--color-global);margin-bottom: 5px}
.ingredient-list .pn-item div > p span{display: block}
.ingredient-list .col-left .pn-name{padding-right: 20px;min-width: calc(100% - 80px)}
.ingredient-list .col-center{flex-wrap: wrap}.ingredient-list .col-center .pn-name{width: 100%;min-width: 100%}
.ingredient-list .col-center span{margin-right: auto;margin-top: 20px}
.ingredient-list .col-right span{margin-left: 0;margin-right: auto}
.ingredient-list .col-right .pn-name{padding-left: 20px;min-width: calc(100% - 80px)}
/**/
.pn-partners{background-color: var(--color-global);padding-top: 40px;margin-bottom: 80px;}
.pn-partners .pn-title,.pn-partners .pn-title + .pn-wrapper{color: var(--color-text-global);}
.pn-partners .pn-content{color: var(--color-text-global);text-align: center;margin-bottom: 30px;}
.pn-partners .pn-content img{max-width: 100%;height: auto}
/**/
.pn-dereams{margin-bottom: 80px;}
.pn-dereams .pn-title span:first-child{margin-top: -90px;display: block;font-family: 'SVN-Rosellinda Alyamore';text-transform: initial;font-weight: normal;font-size: 120px;line-height: 120px;margin-bottom: 10px;}
.pn-dereams .pn-wrapper{line-height: 1.62;}
.pn-dereams .row{display: flex;flex-wrap: wrap;align-items: center;}
.pn-dereams ul{list-style: none;padding-left: 0;display: flex;flex-wrap: wrap;justify-content: center;margin: 0 -5px 10px -5px;}
.pn-dereams ul li{margin-bottom: 20px;padding: 0 5px;width: calc(100% / 3);}
.pn-dereams .pn-content{padding: 30px 30px 0 30px;border-radius: 20px;border-radius: 20px;position: relative;}
.pn-dereams .pn-content:before{content: ""; position: absolute; background-image: url('../images/bg-dreams2.png'); background-repeat: no-repeat; background-position:right center; background-size: cover; width: 100%; height: 100%;top: 0; right: 0; border-radius: 15px;}
.pn-dereams .pn-item {margin-bottom: 0;height: 100%;background-color: #fff;padding: 10px 10px 10px 60px;border-radius: 10px;position: relative;min-height: 60px;}
.pn-dereams .pn-item span:first-child{width: 40px;height: 40px;border-radius: 50%;background-color: var(--color-global);display: flex;align-items: center;justify-content: center;left: 10px;top: 50%;transform: translateY(-50%);position: absolute;}
.pn-dereams .pn-item span:nth-child(2){display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.pn-dereams .pn-item span img{filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1)}

@media only screen and (max-width: 1499px){
    .ingredient-list .pn-item div > span{font-size: 35px;line-height: 35px}
    .hidden-background{width: 800px;height: 800px}
    .hidden-background:before{border-width: 120px}
    .ingredient-list{max-height: 530px}
    .pn-group-img img{bottom: 120px}
    /**/
}
@media only screen and (min-width: 992px) and (max-width: 1499px){
    .pn-dereams .pn-title{font-size: 30px;line-height: 40px;}
}
@media only screen and (max-width: 991px){
    .ingredient-list .pn-item{position: initial; transform: inherit; left: 0 !important; top: 0 !important; width: calc(calc(100% / 3) - 20px); min-width: calc(calc(100% / 3) - 20px); padding: 15px; margin: 0 10px 30px 10px; border-radius: 10px; box-shadow: inherit; height: initial; aspect-ratio: auto;box-shadow: 0 9px 20px rgba(6, 55, 135, .3);}
    .hidden-background{padding: 0;width: 100%;border: none}
    .pn-group-img{width: 60%;aspect-ratio: 1;height: inherit;margin: 30px auto;overflow: hidden;border: 10px solid var(--color-global);display: none;}
    .pn-group-img img{bottom: 0}
    .hidden-background{aspect-ratio: initial;height: auto}
    .hidden-background:before{display: none}
    .ingredient-total{display: flex ; flex-wrap: wrap; justify-content: center}
    .ingredient-list .pn-item .pn-name{width: auto;min-width: 50%}
    .ingredient-list .pn-item:nth-child(2n){margin-left: auto}
    .ingredient-list{margin-top: 30px !important;max-height: inherit}
    .pn-ticker-item-ctn>span strong{display: none}
    /**/
    .pn-dereams{margin-bottom: 0;}
    .pn-dereams .pn-title span:first-child{margin-top: -80px;font-size: 100px;line-height: 100px;}
    .pn-dereams .pn-content{background: linear-gradient(to bottom, rgba(239,247,255,1) 0%,rgba(165,196,248,1) 100%);padding-bottom: 30px;}
    .pn-dereams .pn-content:before{display: none;}
    .pn-dereams .pn-content-detail{padding: 15px;border-radius: 10px;background-color: var(--background-button);color: var(--color-button);}
    .pn-dereams ul li.active .pn-item{background-color: var(--color-global);color: var(--color-text-global);}
    .pn-dereams ul li.active .pn-item span:first-child{background-color: var(--color-text-global)}
    .pn-dereams ul li.active .pn-item span:first-child img{filter: none;-webkit-filter: none}
}
@media only screen and (max-width: 767px){
    .ingredient-total{margin: 0}
    .ingredient-list .pn-item div > span{font-size: 30px;line-height: 30px}
    /**/
    .pn-dereams ul li{width: 50%;}
    .pn-dereams .pn-title span:first-child{margin-top: -70px;font-size: 80px;line-height: 80px;}
}
@media only screen and (max-width: 580px){
    .ingredient-list .pn-item{width: calc(50% - 20px); min-width: calc(50% - 20px)}
    /**/
}
@media only screen and (max-width: 480px){
    .pn-group-img{width: 100%;border-width: 5px;margin-top: 0}
    /**/
    .pn-dereams ul li{width: 100%;margin-bottom: 10px;}
    .pn-dereams .pn-content{padding-left: 15px;padding-right: 15px;}
}
@media only screen and (max-width: 370px){
    .ingredient-total{margin-bottom: 20px}
    .ingredient-list .pn-item{width: 100%;margin: 0 0 10px 0}
}