/*==========================
FAQ
==========================*/

.faqPage{
    background:var(--cream);
}

.faqWrap{
    max-width:1050px;
    margin:auto;
}

.faqItem{
    border-bottom:1px solid rgba(201,161,90,.35);
}

.faqQuestion{

    width:100%;

    display:grid;

    grid-template-columns:90px 1fr 60px;

    align-items:center;

    gap:30px;

    padding:38px 0;

    background:none;

    border:none;

    cursor:pointer;

    text-align:left;

    transition:.35s;

}

.faqQuestion:hover{

    background:#faf6ef;

}

.faqNo{

    font-size:42px;

    color:#c9a15a;

    font-family:Georgia,serif;

    font-weight:300;

    letter-spacing:.08em;

}

.faqTitle h3{

    margin:0;

    font-size:24px;

    font-weight:500;

    color:var(--main);

    transition:.3s;

}

.faqItem:hover h3{

    color:var(--gold);

}

.faqIcon{

    position:relative;

    width:22px;

    height:22px;

    margin-left:auto;

}

.faqIcon::before,

.faqIcon::after{

    content:"";

    position:absolute;

    left:50%;

    top:50%;

    background:var(--gold);

    transition:.35s;

}

.faqIcon::before{

    width:22px;

    height:1px;

    transform:translate(-50%,-50%);

}

.faqIcon::after{

    width:1px;

    height:22px;

    transform:translate(-50%,-50%);

}

.faqItem.active .faqIcon::after{

    transform:translate(-50%,-50%) rotate(90deg);

    opacity:0;

}

.faqAnswer{

    max-height:0;

    overflow:hidden;

    transition:.45s;

    padding-left:120px;

}

.faqItem.active .faqAnswer{

    max-height:400px;

    padding:0 60px 40px 120px;

}

.faqAnswer p{

    margin:0;

    line-height:2.2;

    font-size:17px;

    color:#666;

    max-width:820px;

}

/*==========================
RWD
==========================*/

@media(max-width:768px){

.faqQuestion{

grid-template-columns:60px 1fr 30px;

gap:18px;

padding:26px 0;

}

.faqNo{

font-size:28px;

}

.faqTitle h3{

font-size:20px;

line-height:1.6;

}

.faqAnswer{

padding-left:0;

}

.faqItem.active .faqAnswer{

padding:0 0 25px;

}

.faqAnswer p{

font-size:16px;

line-height:2;

}

}