/* Breakpoints */
/* Percentages Default Value */
/* Font Family */
/* Font Weights */
/* Breakpoints */
/* Percentages Default Value */
/* Font Family */
/* Font Weights */
/* Media Queries */
/* Breakpoints */
/* Percentages Default Value */
/* Font Family */
/* Font Weights */
/* faq section */
.sec_faq {
  padding: clamp(1.65rem, 1.5277777778vw + 0.9166666667rem, 2.0625rem) 0 clamp(1.3rem, 1.2037037037vw + 0.7222222222rem, 1.625rem);
}
.sec_faq .faq_txt {
  padding: clamp(0.85rem, 0.787037037vw + 0.4722222222rem, 1.0625rem) 0 clamp(1.8rem, 1.6666666667vw + 1rem, 2.25rem);
  font-weight: 500;
}
.sec_faq .faq_anchor_link {
  justify-content: space-between;
}
.sec_faq .faq_anchor_link li {
  min-width: clamp(14rem, 12.962962963vw + 7.7777777778rem, 17.5rem);
}
.sec_faq .faq_anchor_link li a {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: clamp(0.65rem, 0.6018518519vw + 0.3611111111rem, 0.8125rem);
  background-color: #f3f3ec;
  color: #333333;
  font-size: clamp(1rem, 0.9259259259vw + 0.5555555556rem, 1.25rem);
  font-weight: 700;
  letter-spacing: -0.1rem;
}
.sec_faq .faq_anchor_link li a .item_icon {
  display: flex;
  margin-right: clamp(0.5rem, 0.462962963vw + 0.2777777778rem, 0.625rem);
  max-width: clamp(1.45rem, 1.3425925926vw + 0.8055555556rem, 1.8125rem);
}
.sec_faq .faq_anchor_link li a .arr_icon {
  display: flex;
  margin-left: clamp(0.9rem, 0.8333333333vw + 0.5rem, 1.125rem);
  max-width: clamp(1rem, 0.9259259259vw + 0.5555555556rem, 1.25rem);
}
.sec_faq .faq_cmn_blk {
  padding-top: clamp(3.5rem, 3.2407407407vw + 1.9444444444rem, 4.375rem);
}
.sec_faq .faq_cmn_blk .title_h2 {
  margin-bottom: clamp(2.25rem, 2.0833333333vw + 1.25rem, 2.8125rem);
}
.sec_faq .faq_cmn_blk .faq_title {
  position: relative;
  margin-top: clamp(0.8rem, 0.7407407407vw + 0.4444444444rem, 1rem);
  padding: clamp(0.75rem, 0.6944444444vw + 0.4166666667rem, 0.9375rem) clamp(2.1rem, 1.9444444444vw + 1.1666666667rem, 2.625rem);
  border: 1px solid #f3f3ec;
  background-color: #f3f3ec;
  font-size: clamp(0.9rem, 0.8333333333vw + 0.5rem, 1.125rem);
  font-weight: 700;
  cursor: pointer;
}
.sec_faq .faq_cmn_blk .faq_title::before {
  position: absolute;
  top: clamp(0.7rem, 0.6481481481vw + 0.3888888889rem, 0.875rem);
  left: clamp(0.85rem, 0.787037037vw + 0.4722222222rem, 1.0625rem);
  content: "Q.";
}
.sec_faq .faq_cmn_blk .faq_title::after {
  position: absolute;
  top: 50%;
  right: clamp(0.75rem, 0.6944444444vw + 0.4166666667rem, 0.9375rem);
  width: clamp(1.2rem, 1.1111111111vw + 0.6666666667rem, 1.5rem);
  height: clamp(0.7rem, 0.6481481481vw + 0.3888888889rem, 0.875rem);
  background: url("/casabonita/assets/images/faq/icon_up_arrow.png") no-repeat center/contain;
  content: "";
  transform: translateY(-50%);
}
.sec_faq .faq_cmn_blk .faq_title.close::after {
  background: url("/casabonita/assets/images/faq/icon_down_arrow.png") no-repeat center/contain;
}
.sec_faq .faq_cmn_blk .faq_content {
  position: relative;
  line-height: 2;
  padding: clamp(0.4rem, 0.3703703704vw + 0.2222222222rem, 0.5rem) clamp(2.1rem, 1.9444444444vw + 1.1666666667rem, 2.625rem) clamp(0.6rem, 0.5555555556vw + 0.3333333333rem, 0.75rem);
  border: 1px solid #f3f3ec;
  font-weight: 500;
}
.sec_faq .faq_cmn_blk .faq_content a {
  color: #e34e23;
  font-weight: 500;
  border-bottom: clamp(0.05rem, 0.0462962963vw + 0.0277777778rem, 0.0625rem) solid #e34e23;
}
.sec_faq .faq_cmn_blk .faq_content a:hover {
  border-bottom: clamp(0.05rem, 0.0462962963vw + 0.0277777778rem, 0.0625rem) solid transparent;
  opacity: 0.85;
}
.sec_faq .faq_cmn_blk .faq_content span {
  color: #e72a1a;
}
.sec_faq .faq_cmn_blk .faq_content::before {
  position: absolute;
  top: clamp(0.35rem, 0.3240740741vw + 0.1944444444rem, 0.4375rem);
  left: clamp(0.85rem, 0.787037037vw + 0.4722222222rem, 1.0625rem);
  font-weight: 700;
  content: "A.";
}

/* For Mobile */
@media (max-width: 767.9px) {
  #faq .inner {
    width: 94.6666666667%;
    max-width: 710px;
  }
  .sec_faq {
    padding: 0.3666666667rem 0 0.2888888889rem;
  }
  .sec_faq .faq_txt {
    padding: 0.1888888889rem 0 0.4rem;
  }
  .sec_faq .faq_anchor_link {
    justify-content: center;
  }
  .sec_faq .faq_anchor_link li {
    margin-bottom: 0.2222222222rem;
    min-width: 5.3333333333rem;
  }
  .sec_faq .faq_anchor_link li a {
    padding: 0.2rem;
    font-size: 0.2444444444rem;
    letter-spacing: -0.0111111111rem;
  }
  .sec_faq .faq_anchor_link li a .item_icon {
    margin-right: 0.1666666667rem;
    max-width: 0.3333333333rem;
  }
  .sec_faq .faq_anchor_link li a .arr_icon {
    margin-left: 0.2444444444rem;
    max-width: 0.3333333333rem;
  }
  .sec_faq .faq_cmn_blk {
    padding-top: 0.7777777778rem;
  }
  .sec_faq .faq_cmn_blk .title_h2 {
    margin-bottom: 0.5rem;
  }
  .sec_faq .faq_cmn_blk .faq_title {
    margin-top: 0.1777777778rem;
    padding: 0.1666666667rem 0.5777777778rem;
    font-size: 0.3111111111rem;
  }
  .sec_faq .faq_cmn_blk .faq_title::before {
    top: 0.1555555556rem;
    left: 0.1888888889rem;
  }
  .sec_faq .faq_cmn_blk .faq_title::after {
    right: 0.1666666667rem;
    width: 0.2666666667rem;
    height: 0.1555555556rem;
  }
  .sec_faq .faq_cmn_blk .faq_content {
    padding: 0.0888888889rem 0.5777777778rem 0.1333333333rem;
  }
  .sec_faq .faq_cmn_blk .faq_content::before {
    top: 0.0777777778rem;
    left: 0.1888888889rem;
  }
}

/*# sourceMappingURL=faq.css.map */