 .pn-faq .panel-default {
   display: block;
   border-color: transparent;
   box-shadow: none;
   text-align: left;
 }

 .pn-faq .panel-default a {
  display: block;
}


.pn-faq .panel-default p a {
  display: inline;   
}

 .pn-faq .panel-default .panel-heading {
   padding: 0;
 }

 .pn-faq .card-classic {
   text-align: left;
   font-size: 14px;
   color: #777777;
 }

 .pn-faq .card-classic .panel-title {
   margin-bottom: 0;
   border-top: 1px solid #e1e1e1;
 }


 .pn-faq .card-classic .panel-heading,
 .card-classic .panel-title a,
 .card-classic .panel-collapse {
   background: transparent;
 }

 .pn-faq .card-classic .panel-title a {
   position: relative;
   z-index: 1;
   padding: 15px 32px 15px 0;
   font-size: 16px;
   line-height: 1.25;
   font-weight: 400;
   letter-spacing: .025em;
   color: #2c343b;
   transition: 0.4s;
 }

 .pn-faq .card-classic .panel-title a:hover {
   color: #385744
 }

 .pn-faq .card-classic .panel-title a>span+span {
   margin-left: 15px;
 }

 .pn-faq .card-classic .panel-title a .card-arrow:after {
   opacity: 0;
   visibility: hidden;
 }

 .pn-faq .card-classic .panel-title a.collapsed .card-arrow:after {
   opacity: 1;
   visibility: visible;
 }

 .pn-faq .card-classic .card-arrow {
   position: absolute;
   top: 0;
   bottom: 0;
   right: 0;
   z-index: 2;
   width: 28px;
   background: transparent;
   transition: 0.4s;
 }

 .pn-faq .card-classic .card-arrow::before,
 .pn-faq .card-classic .card-arrow::after {
   content: '';
   position: absolute;
   top: 50%;
   z-index: 4;
   transform: translate(50%, -50%);
   background: #151515;
 }

 .pn-faq .card-classic .card-arrow::before {
   width: 16px;
   height: 2px;
   right: 50%;
 }

 .pn-faq .card-classic .card-arrow::after {
   width: 2px;
   height: 16px;
   right: 50%;
 }

 .pn-faq .card-classic .panel-collapse p {
   padding: 24px 4px 0px;
 }


 @media (min-width: 576px) {
   .pn-faq .card-classic .panel-title a {
     padding-top: 24px;
     padding-bottom: 24px;
     font-size: 18px;
   }
 }

 @media (min-width: 992px) {
   .pn-faq .card-classic {
     font-size: 16px;
   }

   .pn-faq .card-classic .panel-title a {
     font-size: 24px;
   }

   .pn-faq .card-classic .icon {
     min-width: 52px;
     font-size: 36px;
   }
 }

 .pn-faq .card-classic-2 .panel-title a {
   padding-left: 24px;
 }

 .pn-faq .card-classic-2 .panel-title a::before {
   position: absolute;
   top: 50%;
   left: 0;
   content: '';
   width: 10px;
   height: 10px;
   border-radius: 50%;
   background: #385744;
   transform: translate3d(0, -50%, 0);
 }

 .pn-faq .card-classic-2 .panel-title a.collapsed::before {
   background: #e1e1e1;
 }

 @media (min-width: 576px) {
   .pn-faq .card-classic-2 .panel-title a {
     padding-top: 32px;
     padding-bottom: 32px;
     font-size: 18px;
   }
 }

 .pn-faq .pnf-two-img-item {
   position: relative;
   padding-right: 60px;
   margin-top: 40px;
 }

 .pn-faq .pnf-two-img-item .img-wrapper {
   border-radius: 60px;
 }

 .pn-faq .pnf-two-img-item .img-wrapper img {
   height: 100%;
   width: 100%;
   border-radius: 60px;
   border: 4px solid #fff;
   box-shadow: 0px 4px 10px 0px #0000001A;
 }

 .pn-faq .pnf-two-img-item .img-wrapper:first-child img {
   border-radius: 60px;
   position: relative;

 }

 .pn-faq .pnf-two-img-item .img-wrapper:nth-of-type(2) img {
   position: relative;
   left: 20%;
   transform: translate(0, -20%);
   z-index: -1;
 }

 .shape-left-01 {
   top: 260px;
   right: 200px;
 }

 .shape-right-01 {
   right: -60px;
   top: 60px;
 }

 .shape-right-02 {
   right: -160px;
   top: 30px;
   z-index: -2;
 }

 .circle {
   border-radius: 50%;
   border: 1px solid #385744;
   z-index: -2;
   position: absolute;
 }

 .small {
   width: 144px;
   height: 144px;
 }

 .big {
   width: 224px;
   height: 224px;
 }

 @media (min-width: 768px) {

   .shape-left-01 {
     top: 260px;
     left: 0px;
   }

   .shape-right-01 {
     right: 60px;
     top: 60px;
   }

   .shape-right-02 {
     right: 260px;
     top: 0px;
     z-index: -2;
   }

   .pn-faq .pnf-two-img-item {
     padding: 0 100px;
     margin-top: 60px;
   }
 }

 @media (min-width: 992px) {
   .shape-left-01 {
     top: 260px;
     right: 200px;

   }

   .shape-right-01 {
     right: -60px;
     top: 60px;

   }

   .shape-right-02 {
     right: -160px;
     top: 30px;
     z-index: -2;
   }

   .pn-faq .pnf-two-img-item {
     padding: 0 60px;
   }
 }

 @media (min-width: 1200px) {
   .pn-faq .pnf-two-img-item {
     padding-left: 80px;
   }

   .pn-faq .pnf-two-img-item {
     margin-top: 0;
   }
 }