.pn-faq{margin-bottom: -30px;position: relative;overflow: hidden}
.pn-faq .container{position: relative;overflow: visible}
.pn-faq .row{display: flex;justify-content: end}
.pn-faq .row [class*='col-']{margin-bottom: 50px}
.pn-faq .row:before,.pn-faq .row:after{display: none}
.pn-faq .pn-title{text-align: left;margin-bottom: 30px}
.pn-faq .pn-title a{color: var(--color-global)}
.pn-faq .pn-image{background-image: url('../images/bg-faqs.png');background-repeat: no-repeat;background-size: 100%;background-position: top center;margin-bottom: 0;width: calc(50% - 85px);position: absolute;left: 30px;bottom: 0;margin-right: 55px;padding-top: 45px;max-height: 100%}
@keyframes move{
    0% {
        transform: translateY(-5px);
    }
    100% {
        transform: translateY(5px);
    }
}
.pn-faq .pn-image span{font-style: italic;color: var(--color-global);position: absolute;right: calc(50% + 30px);top: 85px;background-color: rgba(255,255,255,0.7);border: 1px solid var(--color-global);border-radius: 100px;padding: 4px 15px;display: flex;align-items: center;animation: move 1s infinite linear alternate}
.pn-faq .pn-image span:before{content: "";float: left;width: 18px;height: 31px;background-image: url('../images/icon.png');background-position: 0 -166px;margin-right: 10px}
.pn-faq .pn-image:hover img{transform: inherit}
.pn-faq .pn-image img{max-width: 60%;width: auto}
.pn-faq .pn-list-item{list-style: none;padding-left: 0;margin-bottom: 0}
.pn-faq .pn-list-item .pn-item{margin-bottom: 10px;box-shadow: 0 0 15px rgba(82, 175, 159, .15);-webkit-box-shadow: 0 0 15px rgba(82, 175, 159, .15);-moz-box-shadow: 0 0 15px rgba(82, 175, 159, .15);padding:17px 65px 17px 30px;background-color: #fff;position: relative;border-radius: 10px}
.pn-faq .pn-list-item .pn-item > span{font-weight: bold;font-size: 16px;line-height: 26px;cursor: pointer;display: flex;align-items: center}
.pn-faq .pn-list-item .pn-item > .fa{width: 40px;height: 40px;border-radius: 100px;top: 10px;cursor: pointer;right: 10px;text-align: center;line-height: 40px;position: absolute;background-color: var(--color-global);color: var(--color-text-global);font-size: 16px}
.pn-faq .pn-list-item .pn-item.active > span{min-height: inherit}
.pn-faq .pn-list-item .pn-item .pn-wrapper{padding-top: 10px;margin-bottom: 0;display: none}
.pn-faq .pn-list-item .pn-item.active > .fa:before{content: "\f068"}
.pn-faq .pn-button{margin-top: 10px}
.pn-wrapper-pagination{text-align: left;margin-top: 30px}
@media only screen and (min-width: 1500px){
    .pn-faq{min-height: 535px}
}
@media only screen and (max-width: 1499px){
    .pn-faq{min-height: 400px}
}
@media only screen and (max-width: 1199px){
    .pn-faq{min-height: 500px}
    .pn-faq .pn-list-item .pn-item > span{font-size: 14px;line-height: 24px}
    .pn-faq .pn-image{width: 60%;left: 15px}
}
@media only screen and (max-width: 991px){
    .pn-faq{min-height: inherit}
    .pn-faq .pn-title{text-align: center}
    .pn-faq .pn-image{position: relative;margin: 0 auto 15px auto;width: 70%;left: inherit;bottom: inherit}
    .pn-faq .row{display: block}.pn-faq .row:before,.pn-faq .row:after{display: block}
    .pn-faq .row [class*='col-']{width: 100%;text-align: center}
    .pn-faq .pn-list-item .pn-item > span{text-align: left}
    .pn-faq .pn-list-item .pn-item .pn-wrapper{margin-right: -35px;padding-top: 20px}
    .pn-wrapper-pagination{text-align: center}
}
@media only screen and (max-width: 767px){
    .pn-faq .pn-list-item .pn-item{padding-left: 20px}
    .pn-faq .pn-title{text-align: center}
    .pn-faq .row [class*='col-']:first-child{position: inherit;top: inherit}
    .pn-faq .row [class*='col-']:first-child:before{display: none}
    .pn-faq .pn-image span{display: none}
    .pn-faq .pn-list-item .pn-item .pn-wrapper{margin-right: -45px}
}
@media only screen and (max-width: 580px){
    .pn-faq{margin-bottom: 0}
    .pn-faq .pn-list-item .pn-item > span,.pn-faq .pn-list-item .pn-item .pn-wrapper{padding-left: 0}
    .pn-faq .pn-list-item .pn-item .pn-wrapper{padding-right: 0}
    .pn-faq .pn-list-item .pn-item > span{font-size: 14px}
    .pn-faq .pn-title{margin-bottom:30px}
    .pn-faq .row [class*='col-']{margin-bottom:0}
    .pn-faq .pn-image{width: calc(100% - 20px)}
}