.FAQ .content {
  display: flex;
  flex-direction: column;
}
.FAQ .content .row {
  display: grid;
  grid-template-rows: min-content;
  grid-template-areas: "left right";
}
.FAQ .content .row:nth-child(even) {
  grid-template-columns: 43% 57%;
  background-color: var(--rc);
}
.FAQ .content .row:nth-child(even) .left {
  grid-area: right;
}
.FAQ .content .row:nth-child(even) .right {
  grid-area: left;
}
.FAQ .content .row:nth-child(odd) {
  grid-template-columns: 57% 43%;
}
.FAQ .content .row:nth-child(odd) .left {
  grid-area: left;
}
.FAQ .content .row:nth-child(odd) .right {
  grid-area: right;
}
.FAQ .content .left {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  height: fit-content;
  box-sizing: border-box;
}
.FAQ .content .left .list-content {
  padding-left: var(--padding);
  box-sizing: border-box;
}
.FAQ .content .left .list-content.default {
  background-color: #fff;
}
.FAQ .content .left .list-content.style_1 .list-items {
  padding-right: 10em;
}
.FAQ .content .left .list-content:nth-child(1) > .title {
  width: 70%;
}
.FAQ .content .right {
  position: relative;
  overflow: hidden;
  height: 100%;
  flex: 1;
}
.FAQ .content .right .back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  touch-action: none;
  background-image: url(https://generali-greeninsurance.com/wp-content/uploads/2025/10/Group-175-2-scaled.png);
  background-size: 75vw auto !important;
  background-repeat: no-repeat !important;
  background-position: left bottom !important;
  z-index: 99;
}
.FAQ .content .right .swiper-pagination {
  position: absolute;
  left: 50%;
  top: 20px;
  transform: translate(-50%);
  display: flex;
  z-index: 100;
}
.FAQ .content .right .swiper-pagination span {
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 50%;
  margin: 0 10px;
  display: block;
}
.FAQ .content .right .swiper-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
  bottom: 0;
  right: 0;
}
.FAQ .content .right .swiper-container .swiper-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
}
.FAQ .content .right .swiper-container .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.FAQ .content .right .swiper-container .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media all and (min-width: 1919px) {
  .FAQ .content .left .list-content {
    padding-top: 6.3vw;
    margin-bottom: 3.3%;
  }
  .FAQ .content .left .list-content .title {
    margin-bottom: 2.7%;
  }
  .FAQ .content .left .list-content .info {
    font-size: 2.6rem;
    margin-bottom: 7.1vw;
  }
  .FAQ .content .left .list-content .list-items .item {
    font-size: 2.6rem;
    line-height: 2;
    column-gap: 2.8em;
  }
  .FAQ .content .left .list-content.style_1 .list-items .item {
    column-gap: 1.7em;
    margin-bottom: 0.4em;
  }
  .FAQ .content .left .list-content.style_1 .list-items .item .icon {
    width: 4.7rem;
    height: 4.7rem;
  }
  .FAQ .content .right .swiper-pagination {
    top: 38px;
    transform: translate(-46%);
  }
  .FAQ .content .right .swiper-pagination span {
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
    margin: 0 13px;
    display: block;
  }
}
@media all and (max-width: 1441px) {
  .FAQ .content .left .list-content {
    padding-top: 5.7vw;
    margin-bottom: 3.3%;
  }
  .FAQ .content .left .list-content .title {
    margin-bottom: 3.6%;
  }
  .FAQ .content .left .list-content .list-items .item {
    padding: 0.33em 0;
  }
  .FAQ .content .left .list-content.style_1 .list-items .item {
    column-gap: 1.7em;
    margin-bottom: 0.4em;
  }
  .FAQ .content .left .list-content.style_1 .list-items .item .icon {
    width: 4.7rem;
    height: 4.7rem;
  }
  .FAQ .content .right .swiper-pagination {
    top: 38px;
    transform: translate(-46%);
  }
  .FAQ .content .right .swiper-pagination span {
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
    margin: 0 13px;
    display: block;
  }
}
@media all and (max-width: 768px) {
  .FAQ .content {
    flex-direction: column;
  }
  .FAQ .content .row {
    grid-template-columns: 100% !important;
    grid-template-rows: auto;
    grid-template-areas: "right" "left";
  }
  .FAQ .content .row .left {
    grid-area: left;
    width: 100%;
  }
  .FAQ .content .row .right {
    grid-area: right;
    width: 100%;
    height: 110vw;
  }
  .FAQ .content .row .right .swiper-container {
    position: static;
  }
  .FAQ .content .right {
    order: 1;
    width: 100%;
  }
  .FAQ .content .left {
    order: 2;
    width: 100%;
  }
  .FAQ .content .left .list-content {
    padding: 7vw var(--padding);
  }
  .FAQ .content .left .list-content.style_1 .list-items {
    padding-right: 0;
  }
  .FAQ .content .left .list-content .title {
    font-size: 3.5rem;
  }
  .FAQ .content .left .list-content .list-items {
    width: 100%;
  }
}