
.sr-faq-section{padding:100px 20px;background:#f5eee9;color:#101010;font-family:inherit}
.sr-faq-section *{box-sizing:border-box}
.sr-faq-container{max-width:1200px;margin:auto}
.sr-faq-header{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:40px}
.sr-faq-label{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:25px}
.sr-faq-label:before{content:"";width:9px;height:9px;border-radius:3px;background:#ff500b}
.sr-faq-heading h2{font-size:clamp(38px,4.8vw,68px);line-height:1.04;letter-spacing:-2.5px;font-weight:750;margin:0 0 25px}
.sr-faq-heading h2 strong{color:#ff500b;font-weight:inherit}
.sr-faq-heading p{font-size:17px;line-height:1.7;color:#686868;max-width:600px;margin:0}
.sr-faq-contact{display:flex;gap:25px;align-items:center;background:#f9eae0;border-radius:30px;padding:35px;min-height:220px;position:relative;overflow:hidden}
.sr-faq-contact:before{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:#fce0d0;right:5%;top:10%;opacity:.65}
.sr-faq-contact-icon{width:110px;height:110px;min-width:110px;border:1px solid #f4d4c2;background:#fffaf7;border-radius:22px;display:grid;place-items:center;position:relative;z-index:1}
.sr-faq-contact-icon svg{width:57px;height:57px;color:#ff500b}
.sr-faq-contact-content{position:relative;z-index:1}
.sr-faq-contact h3{font-size:23px;line-height:1.2;letter-spacing:-.7px;margin:0 0 12px;font-weight:750}
.sr-faq-contact p{font-size:15px;line-height:1.6;color:#656565;margin:0 0 18px}
.sr-faq-btn{display:inline-flex;align-items:center;gap:25px;padding:14px 24px;border-radius:10px;background:#ff500b;color:#fff!important;text-decoration:none;font-size:15px;font-weight:700;transition:.25s}
.sr-faq-btn:hover{background:#e74400;transform:translateY(-2px)}
.sr-faq-btn span{font-size:20px}

/* Independent FAQ columns */
.sr-faq-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  align-items:start;
}

.sr-faq-column{
  display:flex;
  flex-direction:column;
  gap:18px;
  min-width:0;
}

.sr-faq-item{
  display:block;
  width:100%;
  margin:0;
  background:#fffaf7;
  border:1px solid #f0e3db;
  border-radius:22px;
  padding:22px;
  box-shadow:0 10px 30px rgba(60,30,10,.025);
  min-width:0;
}

.sr-faq-item summary{display:flex;align-items:center;gap:18px;cursor:pointer;list-style:none;min-height:55px}
.sr-faq-item summary::-webkit-details-marker{display:none}
.sr-faq-number{display:grid;place-items:center;min-width:55px;width:55px;height:55px;background:#fce7da;color:#ff500b;border-radius:50%;font-size:22px;font-weight:750}
.sr-faq-question{flex:1;font-size:19px;line-height:1.3;font-weight:700;letter-spacing:-.5px}
.sr-faq-arrow{width:44px;height:44px;min-width:44px;border-radius:50%;background:#fcece2;display:grid;place-items:center;transition:.25s}
.sr-faq-arrow:after{content:"";width:10px;height:10px;border-right:2px solid #111;border-bottom:2px solid #111;transform:translateY(-3px) rotate(45deg);transition:.25s}
.sr-faq-item[open] .sr-faq-arrow:after{transform:translateY(3px) rotate(225deg);border-color:#ff500b}
.sr-faq-answer{background:#f8f2ed;border-radius:17px;padding:22px 26px;margin-top:15px;font-size:16px;line-height:1.75;color:#646464}

@media(max-width:991px){
  .sr-faq-section{padding:75px 20px}
  .sr-faq-header{grid-template-columns:1fr;gap:30px}
  .sr-faq-heading h2{font-size:50px}
  .sr-faq-grid,.sr-faq-column{gap:14px}
  .sr-faq-item{padding:16px}
  .sr-faq-question{font-size:16px}
  .sr-faq-number{width:46px;height:46px;min-width:46px;font-size:18px}
  .sr-faq-arrow{width:38px;height:38px;min-width:38px}
}

@media(max-width:767px){
  .sr-faq-section{padding:60px 15px}
  .sr-faq-heading h2{font-size:clamp(36px,9vw,48px);letter-spacing:-1.5px}
  .sr-faq-heading p{font-size:15px}
  .sr-faq-grid{grid-template-columns:1fr}
  .sr-faq-contact{padding:24px;gap:15px;border-radius:20px}
  .sr-faq-contact-icon{width:70px;height:70px;min-width:70px;border-radius:15px}
  .sr-faq-contact-icon svg{width:38px;height:38px}
  .sr-faq-contact h3{font-size:20px}
  .sr-faq-contact p{font-size:14px}
  .sr-faq-item{border-radius:16px}
  .sr-faq-answer{font-size:14px;padding:18px}
}

@media(max-width:420px){
  .sr-faq-contact{align-items:flex-start}
  .sr-faq-contact-icon{width:55px;height:55px;min-width:55px}
  .sr-faq-contact-icon svg{width:30px;height:30px}
  .sr-faq-question{font-size:15px}
  .sr-faq-item summary{gap:10px}
  .sr-faq-number{width:40px;height:40px;min-width:40px;font-size:16px}
  .sr-faq-arrow{width:34px;height:34px;min-width:34px}
}
