:root
{
--dark-bg:#202421;
--dark-color:#000;
--dark-border-top:5px solid #000;
--white-color:#fff;
--thin-border-dark:1px solid rgba(255,255,255,0.5);
--dark-border-bottom:5px solid #000;
--bottom-border-dark:1px solid rgba(255,255,255,0.1);
--dark-bg-1:rgba(41, 42, 45, 0.9);
--dark-border-1:1px solid #202421;
}
/*For Dark Version */
.bg-dark ul.navbar-nav li.nav-item a.nav-link
{
color:var(--default-color) !important;
font-weight:var(--bold) !important;
}
.bg-dark ul.dropdown-menu
{
background-color:#030653;
}
.bg-dark ul.dropdown-menu.narrow li a.dropdown-item
{
background-color:#030653;
}
.bg-dark ul.dropdown-menu.narrow li a.dropdown-item:hover,.bg-dark .narrow-menu-list:hover
{
color:var(--default-color);
background-color: rgba(68,80,160, 0.3);
}


.dark-bg-1
{
background-color:var(--dark-bg-1);
}
.dark-bg
{
background-color:var(--dark-bg);
border:1px solid var(--dark-color);
}
.dark-border
{
border:1px solid var(--dark-bg);
}
.dark-border-1
{
border:var(--dark-border-1);
}
.dark-border-top
{
border:1px solid var(--dark-color);
border-top:var(--dark-border-top);
border-radius:5px;
}
.btn-dark-border
{
border:1px solid var(--dark-color);
}
.btn-dark-border:hover
{
background-color:var(--dark-color);
color:var(--white-color);
}
.btn-gray
{
background-color:var(--dark-bg);
color:var(--white-color);
}
.btn-dark
{
background-color:var(--dark-color);
}
.thin-border-dark
{
border:var(--thin-border-dark);
}
.dark-border-bottom
{
border:1px solid var(--dark-color);
border-bottom:var(--dark-border-bottom);
}
.bottom-border-dark
{
border-bottom:var(--bottom-border-dark);
}
.list-content-2
{
padding:3px 0px;
border-radius:5px;
}
.list-content-2:hover
{
background-color:var(--dark-bg);
color:var(--white-color);
}
.separator-center::after
{
background:linear-gradient(to right, transparent 0%, rgba(0,0,0,0.09) 35%, rgba(0,0,0,0.09) 70%, transparent 100%);
}
.separator-left::after
{
background:linear-gradient(to right, rgba(0,0,0,0.18) 0%, rgba(0,0,0,0.12) 35%, rgba(0,0,0,0.15) 70%, transparent 100%);
}
.separator-right::after
{
background:linear-gradient(to left, rgba(0,0,0,0.18) 0%, rgba(0,0,0,0.12) 35%, rgba(0,0,0,0.15) 70%, transparent 100%);
}
.separator-center-dark
{
background: linear-gradient(to right, #ffffff 0%, #f0f4fa 35%, #dbe4f5 70%, #001f60 100%);
}
.separator-left-dark
{
background:linear-gradient(to right, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
}
.separator-right-dark
{
background:linear-gradient(to left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
}
/*Footer Code */
footer.light-bg .footer-content p
{
color:var(--dark-color);
}
footer.light-bg .footer-list ul li 
{
color:var(--dark-color);
}
footer.light-bg .footer-list ul li a
{
color:var(--dark-color);
}
section.footer.light-bg p
{
color:var(--dark-color);
}
footer.light-bg .footer-heading h6
{
color:var(--dark-color);
}
footer.white-bg .footer-content p
{
color:var(--dark-color);
}
footer.white-bg .footer-list ul li 
{
color:var(--dark-color);
}
footer.white-bg .footer-list ul li a
{
color:var(--dark-color);
}
section.footer.white-bg p
{
color:var(--dark-color);
}
footer.white-bg .footer-heading h6
{
color:var(--dark-color);
}
/*Divider Code */
hr
{
background:rgba(0,0,0,0.06);
border:0;
height:1px;
margin:22px 0px;
opacity:1;
}
hr.gradient-to-right
{
background:none;
background-image:linear-gradient(to left, rgba(0,0,0,0.06), transparent);
}
hr.gradient-to-left
{
background:none;
background-image:linear-gradient(to left, transparent, rgba(0,0,0,0.06));
}
hr.solid
{
background:rgba(0,0,0,0.06);
}
hr.dashed:after
{
border-top:1px dashed rgba(0,0,0,0.06);
content:"";
display:block;
height:0;
position:absolute;
top:50%;
margin-top:-1px;
width:100%;
}
.divider
{
border:0;
height:1px;
background:rgba(0,31,96,0.1);
text-align:center;
position:relative;
clear:both;
margin:50px 0px;
}
.divider i
{
background:#fff;
border-radius:50px;
display:inline-block;
height:50px;
line-height:50px;
position:absolute;
text-align:center;
width:50px;
font-size:50px;
margin:0 auto 0 -25px;
top:-25px;
z-index:1;
}
.divider.divider-style-2.divider-secondary i
{
background:#000;
color:#fff;
}
.divider.divider-style-2 i
{
background:#a9a9a9;
color:#fff;
}
.divider.divider-style-3.divider-primary i
{
border:1px solid #a9a9a9;
}
.divider.divider-style-3.divider-secondary i
{
border:1px solid #09B850;
}
.divider.divider-style-3.divider-tertiary i
{
border:1px solid #000;
}
.divider-left-border
{
border-left:1px solid rgba(0,0,0,0.06);
}
.box-shadow
{
box-shadow:rgba(29,58,83,0.15);
}
p.small
{
color:var(--light-color);
font-size:13px;
font-family:"Inter Sans",sans-serif;
font-weight:var(--normal);
}
.mega-menu span
{
font-size:1rem;
font-weight:700;
font-family:"Inter Sans",sans-serif;
}
p.large
{
font-weight:700;
font-family:"Inter Sans",sans-serif;
font-size:15px;
}
h6.heading
{
font-weight:700;
font-family:"Inter Sans",sans-serif;
font-size:19.2px;
}
.bg-light h6.heading
{
color:#000;
}
.bg-light .portfolio-menu .portfolio-list ul.list-unstyled li a.dropdown-item.inactive
{
color:#000;
font-weight:800;
}
.bg-light .portfolio-menu .portfolio-list ul.list-unstyled li a.dropdown-item.inactive:hover
{
background-color:transparent;
}
.bg-dark ul.list-unstyled li a.dropdown-item
{
color:var(--off-white);
}
.bg-dark ul.list-unstyled li a.dropdown-item.active
{
color:var(--default-color);
background-color: rgba(68, 80, 160, 0.3) !important;
border-radius:5px;
}
.bg-dark ul.list-unstyled li a.dropdown-item:hover
{
color:var(--default-color);
background-color: rgba(68, 80, 160, 0.3) !important;
}
.bg-dark h6.heading
{
color:var(--white-color);
}
.bg-dark p.small
{
color:var(--off-white);
}
.bg-dark .mega-menu span
{
color:var(--white-color);
}
.bg-dark .dropdown-menu.full-width .mega-menu-box .mega-menu-box-heading i
{
border:1px solid var(--white-color) !important;
color:var(--white-color) !important;
}
.bg-dark .mega-menu-content .mega-menu-box:hover
{
border-radius:5px;
background-color:#292a2d;
}
.bg-dark .mega-menu-content .integration-menu-box:hover
{
border-radius:5px;
background-color:#292a2d;
}
.bg-dark .mega-menu-content .integration-menu-box i
{
color:var(--white-color);
}
.bg-dark .dropdown-menu.full-width .integration-menu-button
{
background-color:#292a2d;
}
.bg-dark .dropdown-menu.full-width .integration-menu-button a
{
color:var(--white-color);
}
.bg-dark .mega-menu-content .blog-menu-box
{
color:var(--white-color);
}
.bg-dark .mega-menu-content .blog-menu-box:hover
{
background-color:#292a2d;
color:var(--default-color);
border-radius:5px;
}
.bg-dark .narrow-menu-list li.dropdown-submenu a.dropdown-item
{
color:var(--white-color);
}
.bg-dark li a.dropdown-item
{
color:var(--white-color);
}
.bg-dark .narrow-menu-list 
{
color:var(--white-color);
}
.bg-dark ul.dropdown-menu.narrow li a.dropdown-item,.narrow-menu-list
{
border-radius:5px;
}
.bg-dark .portfolio-button a
{
color:var(--default-color);
}
.bg-dark .portfolio-menu .portfolio-list ul.list-unstyled li a.dropdown-item.inactive
{
font-weight:800;
color:var(--default-color) !important;
}
.bg-dark .portfolio-menu .portfolio-list ul.list-unstyled li a.dropdown-item.inactive:hover
{
background-color:transparent;
}
.bg-dark .portfolio-menu .portfolio-list
{
border-left:1px solid rgba(255,255,255,0.3);
}
/*Image in Light Version */
.bg-light a.navbar-brand img.light-mode
{
display:block;
} 
.bg-light a.navbar-brand img.dark-mode
{
display:none;
}
/*Image in Dark Version */
.bg-dark a.navbar-brand img.light-mode
{
display:none;
}
.bg-dark a.navbar-brand img.dark-mode
{
display:block;
}
.bg-dark hr.dropdown-divider
{
border-bottom:1px solid rgba(255,255,255,0.2);
}
/*Image in Transparent Version */
.bg-transparent a.navbar-brand img.light-mode
{
display:none;
}
.bg-transparent a.navbar-brand img.dark-mode
{
display:block;
}
.bg-transparent ul.navbar-nav li.nav-item a.nav-link
{
color:var(--off-white) !important;
}
/*Semi Transparent */
.bg-semi-transparent a.navbar-brand img.light-mode
{
display:block;
}
.bg-semi-transparent a.navbar-brand img.dark-mode
{
display:none;
}
.bg-semi-transparent ul.navbar-nav li.nav-item a.nav-link
{
color:var(--dark-color) !important;
}
/* Dark Mode Carousel Styles */
.dark-bg .testimonial-card {
    background: var(--dark-bg);
    border-color: rgba(255,255,255,0.1);
}

.dark-bg .testimonial-card:hover {
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

.dark-bg .client-logo img {
    filter: grayscale(100%) brightness(0.5);
}

.dark-bg .client-logo:hover img {
    filter: grayscale(0) brightness(1);
}

.dark-bg .blog-card {
    background: var(--dark-bg);
    border-color: rgba(255,255,255,0.1);
}

.dark-bg .blog-card:hover {
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

.dark-bg .owl-nav button {
    background: rgba(255,255,255,0.1) !important;
    color: white !important;
}

.dark-bg .owl-dots button.owl-dot {
    background: rgba(255,255,255,0.3) !important;
}