/*==================================================
          AXIOMA GUIDE TOC
==================================================*/

.ax-guide-toc{

background:#fff;

border:1px solid #e7edf4;

border-radius:18px;

padding:35px;

margin:45px 0;

box-shadow:0 15px 45px rgba(14,30,37,.06);

}

.ax-guide-toc__header{

display:flex;

align-items:center;

gap:15px;

margin-bottom:30px;

font-size:30px;

font-weight:700;

color:#20262f;

}

.ax-guide-toc__header i{

width:52px;

height:52px;

display:flex;

align-items:center;

justify-content:center;

background:#0058e6;

color:#fff;

border-radius:14px;

font-size:22px;

}

.ax-guide-toc__list{

margin:0;

padding:0;

list-style:none;

counter-reset:guide;

}

.ax-guide-toc__list li{

counter-increment:guide;

margin-bottom:12px;

}

.ax-guide-toc__list li:last-child{

margin-bottom:0;

}

.ax-guide-toc__list a{

display:flex;

align-items:center;

padding:0px 18px;

background:#f7f9fc;

border-radius:12px;

text-decoration:none;

color:#20262f;

font-weight:500;

transition:.25s;

}

.ax-guide-toc__list a::before{

content:counter(guide);

display:flex;

align-items:center;

justify-content:center;

width:34px;

height:34px;

margin-right:15px;

border-radius:50%;

background:#0058e6;

color:#fff;

font-size:14px;

font-weight:700;

flex-shrink:0;

transition:.25s;

}

.ax-guide-toc__list a:hover{

background:#0058e6;

color:#fff;

transform:translateX(6px);

}

.ax-guide-toc__list a:hover::before{

background:#fff;

color:#0058e6;

}

html{

scroll-behavior:smooth;

}

h2[id],
h3[id]{

scroll-margin-top:120px;

}

@media(max-width:768px){

.ax-guide-toc{

padding:0px;

}

.ax-guide-toc__header{

font-size:22px;

}

.ax-guide-toc__header i{

width:42px;

height:42px;

font-size:18px;

}

.ax-guide-toc__list a{

padding:0px 14px;

font-size:15px;

}

.ax-guide-toc__list a::before{

width:30px;

height:30px;

margin-right:12px;

}

}






.faq-section{ background:#020617; padding:120px 20px; overflow:hidden; } 

.faq-container{ max-width:1000px; margin:auto; }

.faq-header{ text-align:center; margin-bottom:70px; }

.faq-badge{ display:inline-flex; align-items:center; justify-content:center; padding:10px 18px; border-radius:999px; background:rgba(245,158,11,.1); border:1px solid rgba(251,191,36,.18); color:#fbbf24; font-size:13px; letter-spacing:.08em; margin-bottom:26px; } 

.faq-header h2{ color:#fff; font-size:54px; line-height:1.12; margin-bottom:24px; font-weight:700; } 

.faq-header p{ max-width:760px; margin:auto; color:#94a3b8; font-size:18px; line-height:1.85; } 

.faq-list{ display:flex; flex-direction:column; gap:18px; } 

.faq-item{ background:linear-gradient( 180deg, rgba(15,23,42,.96), rgba(15,23,42,.82) ); border:1px solid rgba(255,255,255,.06); border-radius:24px; overflow:hidden; } 

.faq-item:hover{ border-color:rgba(251,191,36,.35); } 

.faq-question{ list-style:none; width:100%; display:flex; justify-content:space-between; align-items:center; text-align:left; padding:30px; cursor:pointer; color:#fff; font-size:20px; font-weight:600; } 

.faq-question::-webkit-details-marker{ display:none; } 

.faq-question span{ width:36px; height:36px; border-radius:50%; background:rgba(251,191,36,.12); position:relative; flex-shrink:0; } 

.faq-question span::before, .faq-question span::after{ content:''; position:absolute; left:50%; top:50%; background:#fbbf24; transform:translate(-50%,-50%); }

.faq-question span::before{ width:16px; height:2px; } 

.faq-question span::after{ width:2px; height:16px; transition:.3s; } 

.faq-item[open] .faq-question span::after{ opacity:0; } 

.faq-answer p{ padding:0 30px 30px; color:#cbd5e1; font-size:17px; line-height:1.9; }

@media(max-width:768px){ 

.faq-header h2{ font-size:34px; } 

.faq-question{ font-size:17px; padding:24px; } 

.faq-answer p{ font-size:15px; padding:0 24px 24px; } }