/* 
 Theme Name:   expert-child
 Theme URI:    
 Description:  
 Author:       
 Author URI:   
 Template:     expert-finance-manager
 Version:      1.0

 /* == Add your own styles below this line ==
--------------------------------------------*/
:root {
    --primary: #2cf0dc;
    --secondary: #00bdff;
}

body {
    background-image: linear-gradient(12deg, rgba(193, 193, 193, 0.05) 0%, rgba(193, 193, 193, 0.05) 2%, rgba(129, 129, 129, 0.05) 2%, rgba(129, 129, 129, 0.05) 27%, rgba(185, 185, 185, 0.05) 27%, rgba(185, 185, 185, 0.05) 66%, rgba(83, 83, 83, 0.05) 66%, rgba(83, 83, 83, 0.05) 100%), linear-gradient(321deg, rgba(240, 240, 240, 0.05) 0%, rgba(240, 240, 240, 0.05) 13%, rgba(231, 231, 231, 0.05) 13%, rgba(231, 231, 231, 0.05) 34%, rgba(139, 139, 139, 0.05) 34%, rgba(139, 139, 139, 0.05) 71%, rgba(112, 112, 112, 0.05) 71%, rgba(112, 112, 112, 0.05) 100%), linear-gradient(236deg, rgba(189, 189, 189, 0.05) 0%, rgba(189, 189, 189, 0.05) 47%, rgba(138, 138, 138, 0.05) 47%, rgba(138, 138, 138, 0.05) 58%, rgba(108, 108, 108, 0.05) 58%, rgba(108, 108, 108, 0.05) 85%, rgba(143, 143, 143, 0.05) 85%, rgba(143, 143, 143, 0.05) 100%), linear-gradient(96deg, rgba(53, 53, 53, 0.05) 0%, rgba(53, 53, 53, 0.05) 53%, rgba(44, 44, 44, 0.05) 53%, rgba(44, 44, 44, 0.05) 82%, rgba(77, 77, 77, 0.05) 82%, rgba(77, 77, 77, 0.05) 98%, rgba(8, 8, 8, 0.05) 98%, rgba(8, 8, 8, 0.05) 100%), linear-gradient(334deg, hsl(247, 0%, 2%), hsl(247, 0%, 2%));
}

body p {
    color: #fff !important;
}

section {
    padding: 40px 0;
}

.breadcrumb-section h1 {
    font-size: clamp(2rem, 4vw, 2.5rem) !important;
}

section h2 {
    color: var(--secondary);
    font-style: italic;
    text-align: center;
    margin-bottom: 10px;
}

section h3 {
    color: var(--primary) !important;
    margin-bottom: 10px;
    margin-top: 15px;
}


section ul li {
    list-style-type: circle;
    list-style-position: inside;
    color: #fff
}

section img {
    box-shadow: rgba(255, 255, 255, 0.2) 0px 7px 29px 0px;
}

.navbar-menubar .main-navigation .menu>li>a,
.navbar-menubar .page_item a {
    color: #fff
}

.footer-area h3 {
    color: #fff;
}

.social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    color: var(--secondary);
    background: #fff;
    font-size: 1.25rem;
    line-height: 1;
    transition: transform .2s ease, background-color .2s ease, border-color .2s ease, color .2s ease;
}

.social-icon:hover,
.social-icon:focus-visible {
    transform: translateY(-3px);
    background: var(--primary / 30%);
}

#scrolltop i {
    position: relative;
    top: -40%;
}