/* ------------------------------------------
   PAGE FAQS
   ------------------------------------------ */
.layoutPage-faqs .breadcrumb-shop {
  padding: 15px 0 0; }

.layoutPage-faqs .section-breadcrumb {
  position: relative; }
  .layoutPage-faqs .section-breadcrumb .header-breadcrumb {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    padding-left: 15px; }
    @media (min-width: 992px) {
      .layoutPage-faqs .section-breadcrumb .header-breadcrumb {
        padding-left: 120px; } }
    .layoutPage-faqs .section-breadcrumb .header-breadcrumb h1 {
      font-size: 40px;
      font-weight: 400;
      line-height: 1.2; }

.layoutPage-faqs .faq-item {
  background-color: rgba(235, 232, 227, 0.3);
  padding: 0 40px;
  color: #000; }
  .layoutPage-faqs .faq-item:not(:last-child) {
    margin-bottom: 15px; }
  .layoutPage-faqs .faq-item .header-faqs {
    padding: 30px 0;
    font-size: 23px;
    cursor: pointer;
    position: relative;
    transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s; }
    .layoutPage-faqs .faq-item .header-faqs::before {
      content: "";
      position: absolute;
      top: 50%;
      transform: translateY(-50%) rotate3d(1, 1, 1, 0deg);
      right: 0;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='10' viewBox='0 0 19 10' fill='none'%3E%3Cpath d='M1 1L9.5 9L18 1' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-size: contain;
      width: 20px;
      height: 20px;
      transition: all 0.4s ease-in-out 0s;
      -moz-transition: all 0.4s ease-in-out 0s;
      -o-transition: all 0.4s ease-in-out 0s;
      -webkit-transition: all 0.4s ease-in-out 0s;
      -ms-transition: all 0.4s ease-in-out 0s; }
    .layoutPage-faqs .faq-item .header-faqs.opened::before {
      -moz-transform: translateY(-60%) rotate3d(1, 0, 0, 180deg);
      -webkit-transform: translateY(-60%) rotate3d(1, 0, 0, 180deg);
      -o-transform: translateY(-60%) rotate3d(1, 0, 0, 180deg);
      -ms-transform: translateY(-60%) rotate3d(1, 0, 0, 180deg);
      transform: translateY(-80%) rotate3d(1, 0, 0, 180deg); }
  .layoutPage-faqs .faq-item .content-faqs {
    display: none;
    padding-bottom: 30px;
    text-align: justify; }

@media (max-width: 991px) {
  /* ------------------------------------------
	PAGE FAQS
	------------------------------------------ */
  .layoutPage-faqs .section-breadcrumb .breadcrumb-img img {
    aspect-ratio: 1;
    object-fit: cover;
    object-position: center; }
  .layoutPage-faqs .section-breadcrumb .header-breadcrumb h1 {
    font-size: 24px; }
  .layoutPage-faqs .faq-item {
    padding: 0 15px; }
    .layoutPage-faqs .faq-item .header-faqs {
      font-size: 18px;
      padding: 15px 0;
      padding-right: 20px; }
      .layoutPage-faqs .faq-item .header-faqs::before {
        background-size: 15px; }
      .layoutPage-faqs .faq-item .header-faqs:not(.opened)::before {
        margin-top: 8px; }
    .layoutPage-faqs .faq-item .content-faqs {
      font-size: 14px; } }