/*==========================================================
ToolVorax V2
File : assets/css/style.css
Version : 2.0.0
==========================================================*/

/*==========================================================
GOOGLE FONT
==========================================================*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

/*==========================================================
ROOT VARIABLES
==========================================================*/

:root{

--primary:#2563eb;
--primary-dark:#1d4ed8;

--secondary:#7c3aed;

--success:#16a34a;
--danger:#dc2626;
--warning:#f59e0b;
--info:#0ea5e9;

--light:#f8fafc;
--white:#ffffff;

--dark:#0f172a;
--dark-2:#1e293b;

--text:#334155;
--text-light:#64748b;

--border:#e2e8f0;

--radius:18px;

--shadow-sm:0 5px 18px rgba(0,0,0,.05);

--shadow:0 10px 30px rgba(0,0,0,.08);

--shadow-lg:0 20px 50px rgba(0,0,0,.15);

--gradient:
linear-gradient(
135deg,
#2563eb,
#7c3aed
);

--transition:.35s ease;

}

/*==========================================================
RESET
==========================================================*/

*{

margin:0;

padding:0;

box-sizing:border-box;

}

html{

scroll-behavior:smooth;

}

body{

font-family:'Inter',sans-serif;

font-size:16px;

line-height:1.7;

background:#f8fafc;

color:var(--text);

overflow-x:hidden;

}

/*==========================================================
TYPOGRAPHY
==========================================================*/

h1,
h2,
h3,
h4,
h5,
h6{

font-weight:700;

color:var(--dark);

line-height:1.3;

margin-bottom:1rem;

}

p{

color:var(--text-light);

margin-bottom:1rem;

}

a{

text-decoration:none;

transition:var(--transition);

color:inherit;

}

img{

max-width:100%;

height:auto;

display:block;

}

/*==========================================================
CONTAINER
==========================================================*/

.container{

max-width:1280px;

}

/*==========================================================
SECTION
==========================================================*/

section{

padding:90px 0;

position:relative;

}

/*==========================================================
TEXT
==========================================================*/

.text-gradient{

background:var(--gradient);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}

/*==========================================================
BUTTONS
==========================================================*/

.btn{

border-radius:14px;

font-weight:600;

padding:13px 26px;

transition:var(--transition);

}

.btn-gradient{

background:var(--gradient);

color:#fff;

border:none;

box-shadow:0 12px 25px rgba(37,99,235,.25);

}

.btn-gradient:hover{

transform:translateY(-3px);

color:#fff;

box-shadow:0 20px 40px rgba(37,99,235,.35);

}

.btn-outline-primary{

border:2px solid var(--primary);

color:var(--primary);

}

.btn-outline-primary:hover{

background:var(--primary);

color:#fff;

}

/*==========================================================
GLASS EFFECT
==========================================================*/

.glass{

background:rgba(255,255,255,.65);

backdrop-filter:blur(18px);

border:1px solid rgba(255,255,255,.4);

border-radius:18px;

box-shadow:var(--shadow);

}

/*==========================================================
BADGES
==========================================================*/

.badge{

font-weight:600;

padding:8px 14px;

border-radius:30px;

}

/*==========================================================
FORM
==========================================================*/

.form-control{

border-radius:14px;

border:1px solid var(--border);

padding:15px 18px;

box-shadow:none;

}

.form-control:focus{

border-color:var(--primary);

box-shadow:0 0 0 .25rem rgba(37,99,235,.15);

}

/*==========================================================
HELPER CLASSES
==========================================================*/

.shadow-soft{

box-shadow:var(--shadow);

}

.rounded-xl{

border-radius:20px;

}

.bg-gradient{

background:var(--gradient);

}

.cursor-pointer{

cursor:pointer;

}

/*==========================================================
ANIMATION
==========================================================*/

.floating{

animation:floating 4s ease-in-out infinite;

}

@keyframes floating{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-12px);

}

100%{

transform:translateY(0);

}

}

.fade-up{

animation:fadeUp .8s ease forwards;

}

@keyframes fadeUp{

from{

opacity:0;

transform:translateY(35px);

}

to{

opacity:1;

transform:translateY(0);

}

}
/*==========================================================
TOP BAR
==========================================================*/

.top-bar{

background:linear-gradient(90deg,#0f172a,#1e293b);

color:#fff;

font-size:14px;

padding:10px 0;

}

.top-left span,
.top-right span{

display:flex;

align-items:center;

font-weight:500;

}

.top-right{

font-size:13px;

}

/*==========================================================
HEADER
==========================================================*/

.main-header{

position:sticky;

top:0;

z-index:1050;

background:rgba(255,255,255,.75);

backdrop-filter:blur(18px);

-webkit-backdrop-filter:blur(18px);

border-bottom:1px solid rgba(226,232,240,.8);

transition:all .35s ease;

}

.main-header.scrolled{

box-shadow:0 10px 30px rgba(15,23,42,.08);

background:rgba(255,255,255,.92);

}

/*==========================================================
NAVBAR
==========================================================*/

.navbar{

min-height:82px;

}

.navbar-brand{

display:flex;

align-items:center;

font-size:28px;

font-weight:800;

color:var(--dark);

}

.navbar-brand img{

height:120px;

width:auto;

margin-right:80px;

}

.navbar-nav{

gap:10px;

}

.nav-link{

position:relative;

padding:10px 18px !important;

font-weight:600;

color:var(--text);

border-radius:12px;

transition:var(--transition);

}

.nav-link:hover{

background:#eef4ff;

color:var(--primary);

}

.nav-link.active{

background:rgba(37,99,235,.12);

color:var(--primary);

}

.nav-link::after{

content:"";

position:absolute;

left:15px;

bottom:5px;

width:0;

height:2px;

background:var(--gradient);

transition:.3s;

}

.nav-link:hover::after{

width:calc(100% - 30px);

}

/*==========================================================
HEADER ACTIONS
==========================================================*/

.header-actions{

display:flex;

align-items:center;

gap:12px;

}

.btn-icon{

width:46px;

height:46px;

display:flex;

align-items:center;

justify-content:center;

border-radius:14px;

background:#fff;

border:1px solid var(--border);

box-shadow:var(--shadow-sm);

transition:var(--transition);

}

.btn-icon:hover{

background:var(--primary);

border-color:var(--primary);

color:#fff;

transform:translateY(-2px);

}

/*==========================================================
MOBILE MENU
==========================================================*/

.offcanvas{

width:320px;

background:#fff;

}

.offcanvas-header{

padding:22px;

border-bottom:1px solid var(--border);

}

.offcanvas-title{

font-weight:700;

font-size:22px;

}

.offcanvas-body{

padding:22px;

}

.offcanvas .nav-link{

padding:12px 15px !important;

margin-bottom:8px;

border-radius:12px;

}

/*==========================================================
HERO SECTION
==========================================================*/

.hero-section{

position:relative;

overflow:hidden;

padding:120px 0 100px;

background:
linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%);

}

.hero-section::before{

content:"";

position:absolute;

top:-120px;

right:-120px;

width:420px;

height:420px;

border-radius:50%;

background:rgba(37,99,235,.08);

filter:blur(10px);

}

.hero-section::after{

content:"";

position:absolute;

left:-120px;

bottom:-120px;

width:340px;

height:340px;

border-radius:50%;

background:rgba(124,58,237,.08);

filter:blur(10px);

}

.hero-section .container{

position:relative;

z-index:2;

}

.hero-section h1{

font-size:56px;

font-weight:800;

line-height:1.15;

margin-bottom:25px;

}

.hero-section .lead{

font-size:20px;

max-width:620px;

color:var(--text-light);

}

.hero-section img{
    width:600px;
    max-width:100%;
    height:auto;
    filter:drop-shadow(0 20px 40px rgba(73,109,255,.25));
}

/*==========================================================
HERO BUTTONS
==========================================================*/

.hero-section .btn{

min-width:180px;

}

.hero-section .btn-outline-primary{

background:#fff;

}

/*==========================================================
HERO BADGE
==========================================================*/

.hero-section .badge{

font-size:14px;

padding:10px 18px;

box-shadow:0 10px 25px rgba(37,99,235,.15);

}

/*==========================================================
RESPONSIVE
==========================================================*/

@media (max-width:991px){

.navbar{

min-height:72px;

}

.navbar-collapse{

display:none !important;

}

.hero-section{

text-align:center;

padding:80px 0 70px;

}

.hero-section h1{

font-size:40px;

}

.hero-section .lead{

margin:auto;

font-size:18px;

}

.hero-section .d-flex{

justify-content:center;

}

}

@media (max-width:576px){

.top-right{

display:none !important;

}

.hero-section h1{

font-size:32px;

}

.hero-section .lead{

font-size:16px;

}

.btn{

width:100%;

}

.hero-section .d-flex{

flex-direction:column;

}

}
/*==========================================================
TOOLS SECTION
==========================================================*/

#tools{
background:#fff;
}

.tool-grid{
margin-top:20px;
}

/*==========================================================
SEARCH BAR
==========================================================*/

.search-box{
position:relative;
max-width:720px;
margin:0 auto 35px;
}

.search-box i{
position:absolute;
left:20px;
top:50%;
transform:translateY(-50%);
color:#94a3b8;
font-size:18px;
}

.search-box input{
width:100%;
height:62px;
padding:0 20px 0 58px;
border-radius:18px;
border:1px solid var(--border);
background:#fff;
font-size:16px;
transition:.3s;
box-shadow:var(--shadow-sm);
}

.search-box input:focus{
outline:none;
border-color:var(--primary);
box-shadow:0 0 0 4px rgba(37,99,235,.12);
}

/*==========================================================
CATEGORY BUTTONS
==========================================================*/

.category-filter{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:12px;
margin-bottom:45px;
}

.category-btn{
padding:12px 22px;
border-radius:50px;
border:1px solid var(--border);
background:#fff;
font-weight:600;
transition:.3s;
}

.category-btn:hover{
background:var(--primary);
color:#fff;
border-color:var(--primary);
}

.category-btn.active{
background:var(--gradient);
color:#fff;
border:none;
}

/*==========================================================
TOOL CARD
==========================================================*/

.card-premium{
position:relative;
background:#fff;
border-radius:22px;
border:1px solid #edf2f7;
overflow:hidden;
transition:.35s;
box-shadow:0 10px 35px rgba(15,23,42,.06);
height:100%;
}

.card-premium:hover{
transform:translateY(-10px);
box-shadow:0 25px 60px rgba(15,23,42,.14);
border-color:#dbeafe;
}

.card-premium::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:4px;
background:var(--gradient);
}

.card-body{
padding:28px;
}

/*==========================================================
TOOL ICON
==========================================================*/

.tool-icon{
width:72px;
height:72px;
border-radius:18px;
background:linear-gradient(135deg,#2563eb,#7c3aed);
display:flex;
align-items:center;
justify-content:center;
font-size:30px;
color:#fff;
transition:.35s;
box-shadow:0 12px 30px rgba(37,99,235,.25);
}

.card-premium:hover .tool-icon{
transform:rotate(-8deg) scale(1.08);
}

/*==========================================================
TOOL TITLE
==========================================================*/

.tool-name{
font-size:24px;
font-weight:700;
margin:22px 0 15px;
color:var(--dark);
}

.card-premium p{
font-size:15px;
min-height:72px;
}

/*==========================================================
RIBBON
==========================================================*/

.tool-ribbon{
position:absolute;
top:18px;
right:-42px;
width:170px;
padding:8px 0;
background:linear-gradient(135deg,#ef4444,#f97316);
color:#fff;
font-size:12px;
font-weight:700;
letter-spacing:1px;
text-align:center;
transform:rotate(45deg);
box-shadow:0 10px 25px rgba(0,0,0,.12);
}

/*==========================================================
RATING
==========================================================*/

.tool-rating{
display:flex;
align-items:center;
gap:5px;
font-size:14px;
color:#f59e0b;
}

.tool-rating span{
color:#64748b;
font-weight:600;
}

/*==========================================================
LAUNCH BUTTON
==========================================================*/

.btn-launch{
width:100%;
margin-top:18px;
padding:14px;
border-radius:14px;
font-weight:700;
}

/*==========================================================
COUNTER
==========================================================*/

.counter{
background:#fff;
border-radius:22px;
padding:35px 20px;
text-align:center;
box-shadow:var(--shadow-sm);
transition:.3s;
}

.counter:hover{
transform:translateY(-8px);
}

.counter h2{
font-size:40px;
font-weight:800;
color:var(--primary);
margin-bottom:10px;
}

.counter p{
margin:0;
}

/*==========================================================
STATS CARD
==========================================================*/

.stats-card{
background:#fff;
padding:30px;
border-radius:20px;
text-align:center;
box-shadow:var(--shadow-sm);
transition:.3s;
height:100%;
}

.stats-card:hover{
transform:translateY(-8px);
}

.stats-card h2{
font-size:36px;
font-weight:800;
background:var(--gradient);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

/*==========================================================
NO RESULT
==========================================================*/

#noResults{
padding:60px 20px;
}

#noResults i{
color:#cbd5e1;
margin-bottom:20px;
}

/*==========================================================
RESPONSIVE
==========================================================*/

@media(max-width:991px){

.card-body{
padding:22px;
}

.tool-name{
font-size:22px;
}

.tool-icon{
width:64px;
height:64px;
font-size:26px;
}

}

@media(max-width:576px){

.category-filter{
justify-content:flex-start;
overflow:auto;
padding-bottom:10px;
}

.category-btn{
white-space:nowrap;
}

.counter h2{
font-size:30px;
}

.stats-card h2{
font-size:28px;
}

}
/*==========================================================
FEATURE SECTION
==========================================================*/

.feature-box{
background:#fff;
border:1px solid var(--border);
border-radius:22px;
padding:35px;
height:100%;
text-align:center;
transition:.35s;
box-shadow:var(--shadow-sm);
}

.feature-box:hover{
transform:translateY(-10px);
box-shadow:var(--shadow-lg);
}

.feature-icon{
width:80px;
height:80px;
margin:0 auto 25px;
border-radius:20px;
background:var(--gradient);
display:flex;
align-items:center;
justify-content:center;
font-size:34px;
color:#fff;
box-shadow:0 15px 35px rgba(37,99,235,.25);
}

.feature-box h4{
margin-bottom:15px;
font-weight:700;
}

.feature-box p{
margin:0;
}

/*==========================================================
ABOUT SECTION
==========================================================*/

.about-section{
background:#fff;
}

.about-section img{
border-radius:24px;
box-shadow:var(--shadow-lg);
}

.about-content{
padding-left:30px;
}

.about-content h2{
font-size:46px;
margin-bottom:20px;
}

.about-content p{
font-size:17px;
}

/*==========================================================
FAQ
==========================================================*/

.accordion-item{
border:none;
border-radius:18px;
overflow:hidden;
margin-bottom:18px;
box-shadow:var(--shadow-sm);
}

.accordion-button{
padding:22px;
font-weight:700;
background:#fff;
box-shadow:none;
}

.accordion-button:not(.collapsed){
background:rgba(37,99,235,.08);
color:var(--primary);
}

.accordion-button:focus{
box-shadow:none;
}

.accordion-body{
padding:22px;
line-height:1.8;
color:var(--text-light);
}

/*==========================================================
NEWSLETTER
==========================================================*/

.newsletter-section{
background:var(--gradient);
padding:90px 0;
}

.newsletter-box{
max-width:900px;
margin:auto;
background:rgba(255,255,255,.12);
backdrop-filter:blur(18px);
padding:55px;
border-radius:28px;
border:1px solid rgba(255,255,255,.25);
text-align:center;
color:#fff;
}

.newsletter-box h2{
color:#fff;
margin-bottom:18px;
}

.newsletter-box p{
color:rgba(255,255,255,.92);
}

.newsletter-box .form-control{
height:58px;
border:none;
}

.newsletter-box .btn{
height:58px;
font-weight:700;
}

/*==========================================================
SEARCH OVERLAY
==========================================================*/

.search-overlay{
position:fixed;
inset:0;
background:rgba(15,23,42,.82);
backdrop-filter:blur(18px);
display:none;
align-items:flex-start;
justify-content:center;
padding-top:90px;
z-index:3000;
}

.search-overlay.active{
display:flex;
}

.search-container{
width:min(900px,92%);
background:#fff;
border-radius:26px;
padding:35px;
box-shadow:var(--shadow-lg);
}

.search-header{
text-align:center;
margin-bottom:25px;
}

.search-close{
position:absolute;
top:30px;
right:30px;
width:46px;
height:46px;
border:none;
border-radius:50%;
background:#fff;
font-size:22px;
box-shadow:var(--shadow-sm);
cursor:pointer;
}

.search-results{
margin-top:20px;
max-height:420px;
overflow:auto;
}

/*==========================================================
LOADER
==========================================================*/

#pageLoader{
position:fixed;
inset:0;
background:#fff;
display:flex;
align-items:center;
justify-content:center;
z-index:9999;
transition:.35s;
}

.loader-wrapper{
text-align:center;
}

.loader-logo img{
width:80px;
height:auto;
margin:auto;
}

/*==========================================================
GLOBAL ALERT
==========================================================*/

#globalAlert{
position:fixed;
top:20px;
left:50%;
transform:translateX(-50%);
display:none;
z-index:4000;
min-width:320px;
max-width:600px;
}

/*==========================================================
SCROLL TOP
==========================================================*/

.scroll-top-btn{
position:fixed;
right:25px;
bottom:25px;
width:52px;
height:52px;
border:none;
border-radius:50%;
background:var(--gradient);
color:#fff;
display:flex;
align-items:center;
justify-content:center;
box-shadow:var(--shadow-lg);
cursor:pointer;
opacity:0;
visibility:hidden;
transition:.35s;
z-index:1500;
}

.scroll-top-btn.show{
opacity:1;
visibility:visible;
transform:translateY(0);
}

.scroll-top-btn:hover{
transform:translateY(-5px);
}

/*==========================================================
SCROLL PROGRESS
==========================================================*/

#scrollProgress{
position:fixed;
top:0;
left:0;
width:100%;
height:4px;
background:transparent;
z-index:5000;
}

#scrollProgress span{
display:block;
width:0%;
height:100%;
background:var(--gradient);
}

/*==========================================================
RESPONSIVE
==========================================================*/

@media(max-width:991px){

.about-content{
padding-left:0;
margin-top:40px;
}

.newsletter-box{
padding:35px;
}

.search-container{
padding:25px;
}

}

@media(max-width:576px){

.newsletter-box{
padding:25px;
border-radius:20px;
}

.newsletter-box h2{
font-size:28px;
}

.feature-box{
padding:25px;
}

.about-content h2{
font-size:34px;
}

.search-close{
top:15px;
right:15px;
}

}
/*==========================================================
FOOTER
==========================================================*/

.footer{

background:#0f172a;

color:#cbd5e1;

padding:80px 0 30px;

position:relative;

overflow:hidden;

}

.footer::before{

content:"";

position:absolute;

top:-180px;

right:-180px;

width:420px;

height:420px;

border-radius:50%;

background:rgba(37,99,235,.08);

}

.footer h5{

color:#fff;

font-weight:700;

margin-bottom:20px;

}

.footer p{

color:#94a3b8;

}

.footer a{

color:#cbd5e1;

transition:.3s;

}

.footer a:hover{

color:#fff;

padding-left:6px;

}

.footer-social{

display:flex;

gap:12px;

margin-top:25px;

}

.footer-social a{

width:42px;

height:42px;

border-radius:12px;

display:flex;

align-items:center;

justify-content:center;

background:rgba(255,255,255,.08);

transition:.3s;

}

.footer-social a:hover{

background:var(--gradient);

transform:translateY(-5px);

color:#fff;

}

.footer-bottom{

border-top:1px solid rgba(255,255,255,.08);

margin-top:50px;

padding-top:25px;

font-size:14px;

}

/*==========================================================
PAGE WRAPPER
==========================================================*/

.page-wrapper{

min-height:100vh;

}

/*==========================================================
DARK MODE
==========================================================*/

body.dark{

background:#0f172a;

color:#e2e8f0;

}

body.dark .top-bar{

background:#020617;

}

body.dark .main-header{

background:rgba(15,23,42,.92);

border-color:#1e293b;

}

body.dark .navbar-brand,

body.dark .nav-link,

body.dark h1,

body.dark h2,

body.dark h3,

body.dark h4,

body.dark h5,

body.dark h6{

color:#f8fafc;

}

body.dark p{

color:#94a3b8;

}

body.dark .card-premium,

body.dark .counter,

body.dark .stats-card,

body.dark .feature-box,

body.dark .accordion-item,

body.dark .glass,

body.dark .search-container{

background:#1e293b;

border-color:#334155;

}

body.dark .form-control{

background:#0f172a;

border-color:#334155;

color:#fff;

}

body.dark .form-control::placeholder{

color:#94a3b8;

}

body.dark .btn-icon{

background:#1e293b;

border-color:#334155;

color:#fff;

}

body.dark .btn-outline-primary{

border-color:#60a5fa;

color:#60a5fa;

}

body.dark .btn-outline-primary:hover{

background:#2563eb;

color:#fff;

}

body.dark .accordion-button{

background:#1e293b;

color:#fff;

}

body.dark .accordion-button:not(.collapsed){

background:#2563eb;

color:#fff;

}

body.dark .search-overlay{

background:rgba(2,6,23,.92);

}

body.dark #pageLoader{

background:#0f172a;

}

body.dark .footer{

background:#020617;

}

/*==========================================================
UTILITY CLASSES
==========================================================*/

.text-shadow{

text-shadow:0 4px 12px rgba(0,0,0,.15);

}

.hover-lift{

transition:.35s;

}

.hover-lift:hover{

transform:translateY(-8px);

}

.border-gradient{

border:2px solid transparent;

background:
linear-gradient(#fff,#fff) padding-box,

var(--gradient) border-box;

}

.text-primary-gradient{

background:var(--gradient);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}

/*==========================================================
ANIMATIONS
==========================================================*/

@keyframes fadeIn{

from{

opacity:0;

}

to{

opacity:1;

}

}

@keyframes slideUp{

from{

opacity:0;

transform:translateY(30px);

}

to{

opacity:1;

transform:translateY(0);

}

}

@keyframes pulseGlow{

0%{

box-shadow:0 0 0 rgba(37,99,235,.4);

}

50%{

box-shadow:0 0 30px rgba(37,99,235,.4);

}

100%{

box-shadow:0 0 0 rgba(37,99,235,.4);

}

}

.fade-in{

animation:fadeIn .8s ease both;

}

.slide-up{

animation:slideUp .8s ease both;

}

.glow{

animation:pulseGlow 2.5s infinite;

}

/*==========================================================
CUSTOM SCROLLBAR
==========================================================*/

::-webkit-scrollbar{

width:10px;

height:10px;

}

::-webkit-scrollbar-track{

background:#f1f5f9;

}

::-webkit-scrollbar-thumb{

background:#94a3b8;

border-radius:50px;

}

::-webkit-scrollbar-thumb:hover{

background:#64748b;

}

body.dark ::-webkit-scrollbar-track{

background:#1e293b;

}

body.dark ::-webkit-scrollbar-thumb{

background:#475569;

}

/*==========================================================
PRINT
==========================================================*/

@media print{

.top-bar,

.main-header,

.footer,

.scroll-top-btn,

.search-overlay,

#pageLoader{

display:none !important;

}

body{

background:#fff;

color:#000;

}

}

/*==========================================================
RESPONSIVE FIXES
==========================================================*/

@media(max-width:991px){

.footer{

text-align:center;

}

.footer-social{

justify-content:center;

}

.footer-bottom{

text-align:center;

}

}

@media(max-width:576px){

section{

padding:60px 0;

}

.display-4{

font-size:2.2rem;

}

.display-5{

font-size:1.9rem;

}

.container{

padding-left:18px;

padding-right:18px;

}

.footer{

padding:60px 0 25px;

}

}

/* ==========================================================
   GLOBAL DARK MODE
========================================================== */

body.dark{
    background:#0f172a !important;
    color:#e2e8f0;
}

/* ALL SECTIONS */

body.dark section,
body.dark main,
body.dark .page-wrapper,
body.dark .site-content,
body.dark .container-fluid{
    background:#0f172a !important;
}

/* BOOTSTRAP BACKGROUNDS */

body.dark .bg-white,
body.dark .bg-light{
    background:#0f172a !important;
}

/* TEXT */

body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark h5,
body.dark h6{
    color:#ffffff !important;
}

body.dark p,
body.dark span,
body.dark li,
body.dark small{
    color:#94a3b8 !important;
}

/* ACCORDION */

body.dark .accordion-item,
body.dark .accordion-button,
body.dark .accordion-body{
    background:#1e293b !important;
    color:#fff !important;
}

/* GLASS */

body.dark .glass{
    background:#1e293b !important;
    border-color:#334155 !important;
}

/* CTA */

body.dark .cta-section{
    background:linear-gradient(135deg,#1e3a8a,#6d28d9)!important;
}

/* FOOTER */

body.dark footer,
body.dark .footer{
    background:#020617 !important;
}

/*==========================================================
END OF FILE
==========================================================*/