/* Location: /www/wwwroot/payorget.com/app/Modules/Frontend/StaticPages/Assets/css/faq-main.css */
.faq-main-content{min-height:60vh;padding:0;}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0;box-sizing:border-box;position:relative;}
.faq-main-top-space{height:20px;}
.faq-main-bottom-space{height:20px;}
.faq-search-wrapper{width:100%;max-width:1200px;height:200px;margin:0 auto 60px auto;position:relative;background-image:url('/storage/static-pages/FrequentlyAskedQuestions/Image/FrequentlyAskedQuestions.webp');background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:15px;padding:10px;box-shadow:0 8px 32px rgba(0,0,0,0.08);border:0px;background-clip:padding-box;display:flex;align-items:center;justify-content:center;}
.faq-search-wrapper::before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(15deg,rgba(147,197,253,0.3) 0%,rgba(196,181,253,0.3) 25%,rgba(251,207,232,0.3) 50%,rgba(165,243,252,0.3) 75%,rgba(254,240,138,0.3) 100%);background-size:300% 300%;animation:gradientBorder 8s ease infinite;border-radius:15px;z-index:-1;}
@keyframes gradientBorder{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}
.search-box{position:relative;background:rgba(249,250,251,0.95);border-radius:12px;width:700px;max-width:calc(100% - 20px);backdrop-filter:blur(10px);}
.search-box .search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:18px;z-index:2;}
.search-box input{width:100%;padding:16px 120px 16px 55px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;transition:all 0.3s;box-sizing:border-box;background:rgba(255,255,255,0.95);}
.search-box input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,0.1);}
.language-switcher{position:absolute;right:22px;top:50%;transform:translateY(-50%);display:flex;gap:6px;z-index:2;}
.language-switcher .lang-btn{padding:6px 14px;background:rgba(255,255,255,0.95);color:#4b5563;text-decoration:none;border-radius:8px;font-size:13px;font-weight:600;transition:all 0.2s;border:1px solid #e5e7eb;backdrop-filter:blur(10px);}
.language-switcher .lang-btn:hover{background:rgba(243,244,246,0.95);border-color:#667eea;}
.language-switcher .lang-btn.active{background:#667eea;color:#fff;border-color:#667eea;}
.search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;max-height:400px;overflow-y:auto;box-shadow:0 8px 24px rgba(0,0,0,0.12);z-index:20;}
.search-results-list{padding:8px;}
.search-result-item{padding:14px 16px;cursor:pointer;transition:background 0.2s;border-radius:8px;text-decoration:none;color:inherit;display:block;margin-bottom:4px;}
.search-result-item:hover{background:#f9fafb;}
.search-result-question{font-size:14px;font-weight:500;color:#1f2937;margin-bottom:4px;}
.search-result-category{font-size:12px;color:#6b7280;}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:40px;}
.category-card{display:flex;flex-direction:row;align-items:center;padding:15px 20px;border-radius:16px;text-decoration:none;color:inherit;transition:all 0.3s ease;box-sizing:border-box;position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.06);border:0px;min-height:90px;background-size:cover;background-position:center;background-repeat:no-repeat;grid-column:span 1;}
.category-card:nth-last-child(1){grid-column:span 4;}
.category-card:nth-last-child(1){justify-content:center;}.category-card:nth-last-child(1) .category-icon{margin-right:16px;}
.category-card::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.50);z-index:1;border-radius:16px;transition:background 0.3s ease;}
.category-card:hover::after{background:rgba(255,255,255,0.40);}
.category-card>*{position:relative;z-index:2;}
.category-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(15deg,var(--cat-gradient-start) 0%,var(--cat-gradient-end) 100%);opacity:0;transition:opacity 0.4s ease;z-index:1;border-radius:16px;}
.category-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px var(--cat-shadow);border-color:var(--cat-border);}
.category-card:hover::before{opacity:0.12;}
.category-card[data-category="other"]{background:linear-gradient(15deg,#e5e7eb 0%,#f3f4f6 50%,#f9fafb 100%);--cat-gradient-start:#6b7280;--cat-gradient-end:#9ca3af;--cat-border:#6b7280;--cat-shadow:rgba(232,234,237,0.5);}
.category-card[data-category="general"]{background:linear-gradient(15deg,#dbeafe 0%,#e0f2fe 50%,#f0f9ff 100%);--cat-gradient-start:#3b82f6;--cat-gradient-end:#60a5fa;--cat-border:#3b82f6;--cat-shadow:rgba(201,226,254,0.5);}
.category-card[data-category="account"]{background:linear-gradient(15deg,#e9d5ff 0%,#ede9fe 50%,#f5f3ff 100%);--cat-gradient-start:#8b5cf6;--cat-gradient-end:#a78bfa;--cat-border:#8b5cf6;--cat-shadow:rgba(226,218,254,0.5);}
.category-card[data-category="security"]{background:linear-gradient(15deg,#fecaca 0%,#fee2e2 50%,#fef2f2 100%);--cat-gradient-start:#dc2626;--cat-gradient-end:#f87171;--cat-border:#dc2626;--cat-shadow:rgba(253,210,210,0.5);}
.category-card[data-category="products"]{background:linear-gradient(15deg,#fef3c7 0%,#fef9c3 50%,#fffbeb 100%);--cat-gradient-start:#f59e0b;--cat-gradient-end:#fbbf24;--cat-border:#f59e0b;--cat-shadow:rgba(253,233,166,0.5);}
.category-card[data-category="downloads"]{background:linear-gradient(15deg,#cffafe 0%,#e0f2fe 50%,#f0fdfa 100%);--cat-gradient-start:#06b6d4;--cat-gradient-end:#22d3ee;--cat-border:#06b6d4;--cat-shadow:rgba(179,244,252,0.5);}
.category-card[data-category="orders"]{background:linear-gradient(15deg,#fbcfe8 0%,#fce7f3 50%,#fdf4ff 100%);--cat-gradient-start:#ec4899;--cat-gradient-end:#f472b6;--cat-border:#ec4899;--cat-shadow:rgba(252,212,234,0.5);}
.category-card[data-category="subscriptions"]{background:linear-gradient(15deg,#e9d5ff 0%,#f3e8ff 50%,#faf5ff 100%);--cat-gradient-start:#8b5cf6;--cat-gradient-end:#c084fc;--cat-border:#8b5cf6;--cat-shadow:rgba(226,218,254,0.5);}
.category-card[data-category="payment"]{background:linear-gradient(15deg,#d1fae5 0%,#dcfce7 50%,#f0fdf4 100%);--cat-gradient-start:#10b981;--cat-gradient-end:#34d399;--cat-border:#10b981;--cat-shadow:rgba(183,243,219,0.5);}
.category-card[data-category="shipping"]{background:linear-gradient(15deg,#f5d0fe 0%,#fae8ff 50%,#fdf4ff 100%);--cat-gradient-start:#d946ef;--cat-gradient-end:#e879f9;--cat-border:#d946ef;--cat-shadow:rgba(248,213,254,0.5);}
.category-card[data-category="returns"]{background:linear-gradient(15deg,#e9d5ff 0%,#f3e8ff 50%,#faf5ff 100%);--cat-gradient-start:#a855f7;--cat-gradient-end:#c084fc;--cat-border:#a855f7;--cat-shadow:rgba(236,218,254,0.5);}
.category-card[data-category="contact"]{background:linear-gradient(15deg,#fed7aa 0%,#ffedd5 50%,#fff7ed 100%);--cat-gradient-start:#f97316;--cat-gradient-end:#fb923c;--cat-border:#f97316;--cat-shadow:rgba(254,221,186,0.5);}
.category-card[data-category="wallet"]{background:linear-gradient(15deg,#fef08a 0%,#fef9c3 50%,#fefce8 100%);--cat-gradient-start:#eab308;--cat-gradient-end:#facc15;--cat-border:#eab308;--cat-shadow:rgba(254,240,163,0.5);}
.category-icon{width:60px;height:60px;flex-shrink:0;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:0;margin-right:16px;transition:transform 0.3s ease;background:transparent !important;box-shadow:none !important;}
.category-icon i{font-size:32px;line-height:1;}
.category-card[data-category="other"] .category-icon i{color:#6b7280;}
.category-card[data-category="general"] .category-icon i{color:#3b82f6;}
.category-card[data-category="account"] .category-icon i{color:#8b5cf6;}
.category-card[data-category="security"] .category-icon i{color:#dc2626;}
.category-card[data-category="products"] .category-icon i{color:#f59e0b;}
.category-card[data-category="downloads"] .category-icon i{color:#06b6d4;}
.category-card[data-category="orders"] .category-icon i{color:#ec4899;}
.category-card[data-category="subscriptions"] .category-icon i{color:#8b5cf6;}
.category-card[data-category="payment"] .category-icon i{color:#10b981;}
.category-card[data-category="shipping"] .category-icon i{color:#d946ef;}
.category-card[data-category="returns"] .category-icon i{color:#a855f7;}
.category-card[data-category="contact"] .category-icon i{color:#f97316;}
.category-card[data-category="wallet"] .category-icon i{color:#eab308;}
.category-card[data-category="other"] .category-details h3{color:#6b7280;}
.category-card[data-category="general"] .category-details h3{color:#3b82f6;}
.category-card[data-category="account"] .category-details h3{color:#8b5cf6;}
.category-card[data-category="security"] .category-details h3{color:#dc2626;}
.category-card[data-category="products"] .category-details h3{color:#f59e0b;}
.category-card[data-category="downloads"] .category-details h3{color:#06b6d4;}
.category-card[data-category="orders"] .category-details h3{color:#ec4899;}
.category-card[data-category="subscriptions"] .category-details h3{color:#8b5cf6;}
.category-card[data-category="payment"] .category-details h3{color:#10b981;}
.category-card[data-category="shipping"] .category-details h3{color:#d946ef;}
.category-card[data-category="returns"] .category-details h3{color:#a855f7;}
.category-card[data-category="contact"] .category-details h3{color:#f97316;}
.category-card[data-category="wallet"] .category-details h3{color:#eab308;}
.category-card:hover .category-icon{transform:scale(1.1) rotate(-5deg);}
.category-details{flex:1;}.category-details h3{font-size:14px;font-weight:600;margin:0 0 2px 0;}
.category-details p{font-size:11px;color:#6b7280;margin:0;}
.category-arrow{position:absolute;top:50%;right:20px;transform:translateY(-50%);font-size:16px;color:#9ca3af;transition:all 0.3s;}
.category-card:hover .category-arrow{transform:translateX(6px);color:var(--cat-border);}
@media(max-width:1024px) and (min-width:769px){.category-grid{grid-template-columns:repeat(2,1fr) !important;}.category-card{grid-column:span 1 !important;}.category-card:nth-last-child(1){grid-column:span 2 !important;}}@media(max-width:768px){.faq-main-content{padding:0 16px;}.container{padding:0 !important;}.faq-main-top-space{height:20px;}.faq-main-bottom-space{height:20px;}.faq-search-wrapper{height:auto;padding:30px 20px;}.search-box{width:100%;}.language-switcher{position:static;transform:none;margin-top:16px;justify-content:center;}.category-grid{grid-template-columns:1fr !important;gap:16px;}.category-card{padding:24px 20px;min-height:160px;grid-column:span 1 !important;}}