.faq-section{width:100%; padding:80px 30px; background:linear-gradient(135deg,#fdf2f3 0%,#ffffff 50%,#fdf2f3 100%); box-sizing:border-box; position:relative; overflow:hidden} .faq-section::before{content:""; position:absolute; top:-100px; right:-100px; width:300px; height:300px; background:rgba(216,19,36,0.05); border-radius:50%; z-index:0} .faq-section::after{content:""; position:absolute; bottom:-80px; left:-80px; width:250px; height:250px; background:rgba(216,19,36,0.04); border-radius:50%; z-index:0} .faq-container{max-width:1200px; margin:0 auto; position:relative; z-index:1} .faq-header{margin-bottom:50px} .faq-badge{display:inline-block; padding:6px 20px; background:rgba(216,19,36,0.1); color:#d81324; font-size:14px; font-weight:700; letter-spacing:2px; text-transform:uppercase; border-radius:50px; margin-bottom:15px; font-family:'Ubuntu',sans-serif} .faq-title{font-size:40px; font-weight:800; color:#1a1a2e; margin-bottom:15px; font-family:'Ubuntu',sans-serif; line-height:1.2} .faq-subtitle{font-size:17px; color:#6c757d; max-width:600px; margin:0 auto; line-height:1.7} .faq-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:25px} .faq-column{display:flex; flex-direction:column; gap:20px} .faq-item{background:#ffffff; border-radius:16px; overflow:hidden; box-shadow:0 4px 25px rgba(0,0,0,0.06); border:1px solid rgba(216,19,36,0.08); transition:all 0.4s cubic-bezier(0.4,0,0.2,1)} .faq-item:hover{box-shadow:0 8px 35px rgba(216,19,36,0.12); border-color:rgba(216,19,36,0.2); transform:translateY(-2px)} .faq-item.active{border-color:rgba(216,19,36,0.3); box-shadow:0 8px 35px rgba(216,19,36,0.15)} .faq-question{display:flex; align-items:center; justify-content:space-between; padding:22px 25px; cursor:pointer; transition:background 0.3s ease; user-select:none} .faq-question:hover{background:rgba(216,19,36,0.02)} .faq-q-left{display:flex; align-items:center; gap:15px; flex:1} .faq-number{display:flex; align-items:center; justify-content:center; width:40px; height:40px; min-width:40px; background:linear-gradient(135deg,#d81324,#ff4757); color:#ffffff; font-size:14px; font-weight:700; border-radius:10px; font-family:'Ubuntu',sans-serif; transition:all 0.3s ease} .faq-item.active .faq-number{transform:scale(1.1); box-shadow:0 4px 15px rgba(216,19,36,0.4)} .faq-question h3{font-size:16px; font-weight:600; color:#1a1a2e; margin:0; line-height:1.5; font-family:'Ubuntu',sans-serif; transition:color 0.3s ease} .faq-item.active .faq-question h3{color:#d81324} .faq-icon{display:flex; align-items:center; justify-content:center; width:35px; height:35px; min-width:35px; border-radius:50%; background:rgba(216,19,36,0.08); color:#d81324; font-size:13px; transition:all 0.4s ease; margin-left:15px} .faq-item.active .faq-icon{background:#d81324; color:#ffffff; transform:rotate(180deg)} .faq-answer{max-height:0; overflow:hidden; transition:max-height 0.5s cubic-bezier(0.4,0,0.2,1),padding 0.5s cubic-bezier(0.4,0,0.2,1); padding:0 25px} .faq-item.active .faq-answer{max-height:300px; padding:0 25px 22px 80px} .faq-answer p{font-size:15px; color:#6c757d; line-height:1.8; margin:0; border-top:1px solid rgba(216,19,36,0.08); padding-top:15px} .faq-cta{margin-top:50px} .faq-cta-content{display:flex; align-items:center; justify-content:center; gap:25px; background:linear-gradient(135deg,#d81324,#b8101e); border-radius:20px; padding:35px 40px; box-shadow:0 15px 40px rgba(216,19,36,0.3); position:relative; overflow:hidden} .faq-cta-content::before{content:""; position:absolute; top:-50%; right:-20%; width:300px; height:300px; background:rgba(255,255,255,0.05); border-radius:50%} .faq-cta-content::after{content:""; position:absolute; bottom:-40%; left:-10%; width:200px; height:200px; background:rgba(255,255,255,0.03); border-radius:50%} .faq-cta-icon{width:60px; height:60px; min-width:60px; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,0.15); border-radius:50%; font-size:24px; color:#ffffff; position:relative; z-index:1} .faq-cta-text{position:relative; z-index:1} .faq-cta-text h4{font-size:20px; font-weight:700; color:#ecebeb; margin:0 0 5px; font-family:'Ubuntu',sans-serif} .faq-cta-text p{font-size:14px; color:rgba(255,255,255,0.8); margin:0} .faq-cta-btn{padding:12px 30px; background:#ffffff !important; color:#d81324 !important; border:none !important; border-radius:50px; font-weight:600; font-size:15px; white-space:nowrap; position:relative; z-index:1; transition:all 0.3s ease; font-family:'Ubuntu',sans-serif} .faq-cta-btn:hover{transform:translateY(-2px); box-shadow:0 8px 25px rgba(0,0,0,0.2); background:#f8f9fa !important} @media (max-width:991px){.faq-grid{grid-template-columns:1fr; gap:15px} .faq-title{font-size:32px} .faq-cta-content{flex-direction:column; text-align:center; padding:30px 25px}} @media (max-width:576px){.faq-section{padding:50px 15px} .faq-title{font-size:26px} .faq-subtitle{font-size:15px} .faq-question{padding:18px 18px} .faq-item.active .faq-answer{padding:0 18px 18px 18px} .faq-number{width:35px; height:35px; min-width:35px; font-size:12px; border-radius:8px} .faq-question h3{font-size:14px} .faq-answer p{font-size:14px} .faq-cta-content{padding:25px 20px; gap:15px} .faq-cta-text h4{font-size:18px} .faq-cta-btn{padding:10px 25px; font-size:14px}}