.faq-main{display:flex;padding:64px 120px;flex-direction:column;justify-content:center;align-items:center;gap:48px;align-self:stretch;max-width:1200px;margin:0 auto;position:relative;overflow:hidden}.faq-main:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:56px 56px;pointer-events:none;z-index:0}.faq-main:after{content:"";position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:800px;height:500px;background:radial-gradient(ellipse,rgba(9,65,70,.35) 0%,transparent 65%);pointer-events:none;z-index:0}.faq-main>*{position:relative;z-index:1}.title-faq{color:var(--Black-black-1, #FFF);font-size:32px;font-style:normal;font-weight:600;line-height:160%;text-align:center;animation:fadeInDown .8s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.questions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%}.question{display:flex;flex-direction:column;width:100%;padding:0;border-radius:12px;background:var(--Black-black-13, #191F20);overflow:hidden;transition:all .3s ease;border:1px solid transparent}.question:hover{border-color:var(--OilMain-oilmain-6, #0D5C63);transform:translateY(-2px);box-shadow:0 8px 25px #0003}.question.expanded{background:var(--Black-black-12, #2B3132);border-color:var(--OilMain-oilmain-4, #5C9297);box-shadow:0 12px 35px #0000004d}.question-header{display:flex;padding:24px;align-items:center;gap:16px;cursor:pointer;transition:all .3s ease}.question-header:hover{background:#0d5c631a}.question-icon{width:24px!important;height:24px!important;flex-shrink:0;transition:opacity .2s ease}.question .question-text{display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex:1}.question-text span{color:var(--OilMain-oilmain-1, #E7EFEF);font-size:18px;font-style:normal;font-weight:600;line-height:160%;transition:color .3s ease}.question.expanded .question-text span{color:var(--Yellow, #5CF4E4)}.answer-container{max-height:0;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1);opacity:0}.answer-container.visible{max-height:500px;opacity:1}.answer-content{padding:0 24px 24px 64px;animation:slideInAnswer .5s ease-out}@keyframes slideInAnswer{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.answer-content p{color:var(--OilMain-oilmain-2, #C5D8DA);font-size:16px;font-style:normal;font-weight:400;line-height:170%;margin:0;padding:0}.questions:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--OilMain-oilmain-6, #0D5C63),transparent);opacity:0;transition:opacity .3s ease}.questions:hover:before{opacity:1}.question{animation:slideInQuestion .6s ease-out both}@keyframes slideInQuestion{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.question:nth-child(1){animation-delay:.1s}.question:nth-child(2){animation-delay:.2s}.question:nth-child(3){animation-delay:.3s}.question:nth-child(4){animation-delay:.4s}.question:nth-child(5){animation-delay:.5s}.question:nth-child(6){animation-delay:.6s}.question:nth-child(7){animation-delay:.7s}.question:nth-child(8){animation-delay:.8s}@media (max-width: 768px){.faq-main{padding:40px 20px}.question-header{padding:20px 16px}.answer-content{padding:0 16px 20px 56px}.question-text span{font-size:16px}.answer-content p{font-size:14px;line-height:160%}.title-faq{font-size:28px}}@media (max-width: 480px){.question-header{gap:12px}.answer-content{padding:0 16px 16px 52px}.question-icon{width:20px;height:20px}}[dir=rtl] .questions{direction:rtl;align-items:flex-end}[dir=rtl] .question-header{flex-direction:row}[dir=rtl] .question .question-text{align-items:flex-start;text-align:right}[dir=rtl] .question-text span{text-align:right;direction:rtl}[dir=rtl] .answer-content{padding:0 64px 24px 24px;text-align:right;direction:rtl}[dir=rtl] .answer-content p{text-align:right;direction:rtl}[dir=rtl] .question{animation:slideInQuestionRTL .6s ease-out both}@keyframes slideInQuestionRTL{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){[dir=rtl] .answer-content{padding:0 56px 20px 16px}}@media (max-width: 480px){[dir=rtl] .answer-content{padding:0 52px 16px 16px}}